/*!

Project: Lojas Renner
Authors: Lúcio Ariel, Élder Pinto, Mathias Santos, Zeonardo, Lucas Vyskubenko (Original.io)
Version: 2.0.5

*/
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");

.notification input[type="checkbox"]:checked+.checkbox:before,
.back_top:after,
.lightbox.show_register .form_identification .wrap_button_register a:before,
.lightbox.newsletter .form_check .label_type:before,
.carousel.buy_more .kit_select .style_select:after,
.carousel .slick-arrow.slick-prev:before,
.carousel .slick-arrow.slick-next:before,
.form_global.payment_form .form_oneclick .wrap:after,
.form_global.payment_form .form_item.time_to_pay .label_text:after,
.form_global.payment_form .form_item.option .wrap_label:after,
.form_global .inline_check .wrap:after,
.form_global .form_check.two_options .wrap:before,
.lightbox.edit_location .select_style:after,
.form_global.payment_form .select_style:after,
.checkout_cart .row_packing .style_select:after,
.checkout_cart .form_product_row .style_select:after,
#header .search label:after,
#header .authenticated .user_nav .handle:after,
.promo_row .headline:before,
.webdoor .slick-arrow.slick-prev:before,
.webdoor .slick-arrow.slick-next:before,
.section_tabs .media_slider .slick-arrow.slick-prev:before,
.section_tabs .media_slider .slick-arrow.slick-next:before,
.lookbook_row .looks .slick-arrow.slick-prev:before,
.lookbook_row .looks .slick-arrow.slick-next:before,
.lookbook .lookbook_row .looks .slick-arrow.slick-prev:before,
.lookbook .lookbook_row .looks .slick-arrow.slick-next:before,
.banner_video:after,
.banner_single_slider .slick-arrow.slick-prev:before,
.banner_single_slider .slick-arrow.slick-next:before,
.day_look .looks_day .slick-arrow.slick-prev:before,
.day_look .looks_day .slick-arrow.slick-next:before,
.look_renner .item .slick-arrow:before,
.product_kit_row .slick-arrow.slick-prev:before,
.product_kit_row .slick-arrow.slick-next:before,
.product_kit_row .kit_select .style_select:after,
.row_filter .handle:after,
.row_filter .row .search_brand:after,
.row_order .details:before,
.row_order .order_view .select_style:after,
.row_filter_old .filter_item .action:after,
.main_product .product_thumbs .item.video:after,
.buy_together .row_bottom .style_select:before,
.collection .slick-arrow.slick-prev:before,
.collection .slick-arrow.slick-next:before,
.delivery .adresses .form_delivery .date_wrap:after,
.delivery .adresses .form_delivery .date-handle:after,
.delivery .adresses .form_delivery .wrap:after,
.delivery .adresses .form_adresses .wrap:after,
.side_info .resume .form_global .info_box .form_check .wrap:before,
.checkout_steps .column.finish .head span:before,
.payment .oo-form .row-check .validity:after,
.confirm_order .two_columns .resume .form_global .info_box .form_check .wrap:before,
.account .row_item a:after,
.account .select_style:after,
.account .checkbox:checked+label:before,
.account .lightbox .formbox .select:after,
.my-list .row_check .wrap:before,
.nossas_lojas .webdoor .row_bottom .form_stores .form_item .select_style:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  font-family: 'icomoon'
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none
}

a {
  color: inherit;
  text-decoration: inherit;
  font: inherit
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

img {
  max-width: 100%;
  height: auto
}

ul {
  list-style: none
}

body {
  margin: 0
}

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

audio,
canvas,
progress,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

progress {
  vertical-align: baseline
}

template,
[hidden] {
  display: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

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

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0
}

optgroup {
  font-weight: bold
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

textarea {
  overflow: auto
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

.product .lightbox-opened {
  overflow: hidden
}

.product .lightbox-opened img {
  cursor: zoom-out
}

.bg_featured {
  position: absolute;
  width: 100%;
  height: 225vh;
  top: 0;
  left: 0;
  background: rgba(241, 241, 241, 0.8);
  z-index: -1
}

.category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.category_list .shelf {
  padding: 0 3px
}

.category_list .shelf .description_product .name_product {
  text-transform: uppercase
}

.fix {
  overflow: hidden
}

body.fix_header {
  padding-top: 90px
}

body.fix_header.home {
  padding-top: 0
}

body.filter_fix #header {
  box-shadow: none !important
}

.oo-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999999999999;
  background: url("../images/loading.gif") 50% 50% no-repeat rgba(255, 255, 255, 0.95)
}

#__bs_notify__ {
  bottom: 0 !important;
  top: inherit !important
}

.lateimage img {
  transition: top .8s ease-out
}

.notification {
  display: block;
  position: fixed;
  left: 0;
  color: #3a3a3a;
  background-color: #fff;
  min-height: 20px;
  width: 100%;
  padding: 20px 0;
  font-weight: 600;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: .4px;
  text-align: center;
  border: 1px solid #e0e0e0;
  transition: all .5s linear;
  z-index: 9999
}

.notification.bottom {
  bottom: 0
}

.notification.top {
  top: 0
}

.notification #cbTermos {
  opacity: 0
}

.notification input[type="checkbox"]+.checkbox {
  display: inline-block;
  margin-top: 5px
}

.notification input[type="checkbox"]+.checkbox:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #919191;
  margin-right: 10px;
  box-sizing: border-box
}

.notification input[type="checkbox"]:checked+.checkbox:before {
  content: '\e904';
  font-size: 8px;
  text-align: center;
  padding-top: 2.5px
}

body.indisponivel {
  background-color: #EDE6DC;
  color: #2a2a2a;
  min-width: 320px;
  height: 100%
}

body.indisponivel .wrapper {
  position: relative;
  height: 100%;
  max-width: 1000px
}

body.indisponivel .content {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;

}

body.indisponivel .column {
  display: inline-block;
  margin-top: 5%;
  text-align: center;
  max-height: 100%;
  width: 100%;
  max-width: 420px
}

body.indisponivel h1 {
  margin-bottom: 5%
}

body.indisponivel h2 {
  margin-bottom: 5%;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 1.2px;
  text-transform: uppercase
}

body.indisponivel h3 {
  font-size: 18px;
  letter-spacing: 1.2px
}

body.indisponivel img {
  display: flex;
  justify-content: center;
  right: 0;
  bottom: 0;
  height: 100%;
  width: auto;
  z-index: -1
}

body.indisponivel .actions {
  display: block;
  margin-top: 5%
}

body.indisponivel .actions li {
  display: inline-block;
  background-color: #fff
}

body.indisponivel .button_primary {
  display: inline-block;
  background: #2a2a2a;
  font-size: 11px;
  text-transform: uppercase;
  color: white;
  padding: 15px 30px;
  border: 0;
  letter-spacing: 1.6px;
  cursor: pointer;
  transition: all ease-in 0.3s
}

body.indisponivel .button_primary:hover {
  background: rgba(0, 0, 0, 0.7)
}

body.indisponivel .button_primary i {
  vertical-align: middle;
  margin-right: 10px;
  font-size: 18px;
  line-height: 11px
}

@media screen and (max-width: 720px) {
  body.indisponivel img {
    opacity: .3
  }
}

@media screen and (min-width: 1024px) {
  body.indisponivel .content {
    padding-left: 10%
  }
}

@media screen and (min-height: 384px) and (max-height: 503px) {
  body.indisponivel .column {
    margin-top: 20%
  }

  body.indisponivel h1 {
    margin-bottom: 10%
  }

  body.indisponivel h2 {
    margin-bottom: 10%
  }

  body.indisponivel .actions {
    margin-top: 10%
  }
}

@media screen and (min-height: 504px) {
  body.indisponivel .column {
    margin-top: 80px
  }

  body.indisponivel h1 {
    margin-bottom: 22%
  }

  body.indisponivel h2 {
    margin-bottom: 14%
  }

  body.indisponivel .actions {
    margin-top: 147%
  }
}

.shelf.gift .description_product .view_more,
.lightbox.frete .content .submit,
.lightbox .form_identification .wrap_button_register a,
.lightbox.simple .actions .button_primary,
.lightbox.wishlist .actions .button_primary,
.lightbox .content.medium .primary_button,
.lightbox .content.cart_product .finalize,
.form_global.form_cep .button,
.form_global.form_cupom .button,
.form_global .form_action .primary_action,
.form_global .form_action .action_1,
.form_perfume .buy_button,
#header .cart .mini_cart .resume_cart .row a.button,
.lookbook .button_primary,
.pinboard>*:after,
.banner_editor .button_1,
.day_look .buy_look .action,
.product_kit_row .kit_select .button,
.row_filter .row_actions .button_primary,
.main_product .buy_button,
.product_details .buy_button,
.buy_together .resume .buy_button,
.error_404 .direct,
.side_info .resume .row_buttons .end_buy,
.checkout_steps .wrap_button_register a,
.payment .oo-form .row-check .partial_value .submit,
.payment .masterpass .masterpass_finalize,
.payment .ticket .ticket_finalize,
.confirm_order .two_columns .resume .row_buttons .end_buy,
.ticket_action,
.account .button_primary,
.one_click .button_primary {
  background: #2a2a2a;
  font-size: 11px;
  font-size: .6875rem;
  text-transform: uppercase;
  color: white;
  display: table;
  transition: all ease-in 0.3s;
  cursor: pointer;
  display: block;
  padding: 15px;
  border: 0;
  letter-spacing: 1.5px
}

.shelf.gift .description_product .view_more:hover,
.lightbox.frete .content .submit:hover,
.lightbox .form_identification .wrap_button_register a:hover,
.lightbox.simple .actions .button_primary:hover,
.lightbox.wishlist .actions .button_primary:hover,
.lightbox .content.medium .primary_button:hover,
.lightbox .content.cart_product .finalize:hover,
.form_global.form_cep .button:hover,
.form_global.form_cupom .button:hover,
.form_global .form_action .primary_action:hover,
.form_global .form_action .action_1:hover,
.form_perfume .buy_button:hover,
#header .cart .mini_cart .resume_cart .row a.button:hover,
.lookbook .button_primary:hover,
.pinboard>:hover:after,
.banner_editor .button_1:hover,
.day_look .buy_look .action:hover,
.product_kit_row .kit_select .button:hover,
.row_filter .row_actions .button_primary:hover,
.main_product .buy_button:hover,
.product_details .buy_button:hover,
.buy_together .resume .buy_button:hover,
.error_404 .direct:hover,
.side_info .resume .row_buttons .end_buy:hover,
.checkout_steps .wrap_button_register a:hover,
.payment .oo-form .row-check .partial_value .submit:hover,
.payment .masterpass .masterpass_finalize:hover,
.payment .ticket .ticket_finalize:hover,
.confirm_order .two_columns .resume .row_buttons .end_buy:hover,
.ticket_action:hover,
.account .button_primary:hover,
.one_click .button_primary:hover {
  background: rgba(0, 0, 0, 0.7)
}

.lightbox.newsletter .submit,
.lightbox.gift .select,
.lightbox.simple .actions .button,
.lightbox.wishlist .actions .button,
.lightbox .content.medium .secondary_button,
.lightbox .content.cart_product .continue,
.carousel.buy_more .kit_select .button,
.form_global .form_action .action_2_icon,
.form_perfume .one_click,
.lookbook .button,
.banner_editor .button_2,
.main_product .one_click,
.product_details .one_click,
.side_info .resume .row_buttons .one_click,
.confirm_order .two_columns .resume .row_buttons .one_click,
.account .button,
.one_click .button {
  background-color: white;
  border: 1px solid rgba(145, 145, 145, 0.5);
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 10px;
  font-size: .625rem;
  line-height: 13px;
  letter-spacing: 0.8px
}

.lightbox.newsletter .submit strong,
.lightbox.gift .select strong,
.lightbox.simple .actions .button strong,
.lightbox.wishlist .actions .button strong,
.lightbox .content.medium .secondary_button strong,
.lightbox .content.cart_product .continue strong,
.carousel.buy_more .kit_select .button strong,
.form_global .form_action .action_2_icon strong,
.form_perfume .one_click strong,
.lookbook .button strong,
.banner_editor .button_2 strong,
.main_product .one_click strong,
.product_details .one_click strong,
.side_info .resume .row_buttons .one_click strong,
.confirm_order .two_columns .resume .row_buttons .one_click strong,
.account .button strong,
.one_click .button strong {
  color: #d62424;
  font-weight: bolder
}

.carousel .view_more,
.webdoor .colunm .link,
.webdoor .content .link,
.mosaic_categorie .view_more,
.section_tabs .view_more,
.banner_alternating .view_more {
  background: transparent;
  font-size: 11px;
  font-size: .6875rem;
  letter-spacing: 2px;
  padding: 15px 20px;
  display: table;
  text-align: center;
  border: 1px solid #2a2a2a;
  text-transform: uppercase;
  transition: all ease-in 0.3s
}

.carousel .view_more:hover,
.webdoor .colunm .link:hover,
.webdoor .content .link:hover,
.mosaic_categorie .view_more:hover,
.section_tabs .view_more:hover,
.banner_alternating .view_more:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-color: white
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?89an4l");
  src: url("fonts/icomoon.eot?89an4l#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?89an4l") format("truetype"), url("fonts/icomoon.woff?89an4l") format("woff"), url("fonts/icomoon.svg?89an4l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  min-width: 19px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  min-width: 19px;
  text-align: center
}

.icon-box-location:before {
  content: "\e957"
}

.icon-pedido-transporte:before {
  content: "\e958"
}

.icon-cart:before {
  content: "\e900"
}

.icon-gift:before {
  content: "\e901"
}

.icon-search:before {
  content: "\e902"
}

.icon-card-renner:before {
  content: "\e903"
}

.icon-checkmark:before {
  content: "\e904"
}

.icon-closed:before {
  content: "\e905"
}

.icon-talk:before {
  content: "\e906"
}

.icon-mail:before {
  content: "\e907"
}

.icon-prod-share-2:before {
  content: "\e908"
}

.icon-closed2:before {
  content: "\e909"
}

.icon-checkbox:before {
  content: "\e90a"
}

.icon-grid_view:before {
  content: "\e90b"
}

.icon-checkbox_active:before {
  content: "\e90c"
}

.icon-grid_view_active:before {
  content: "\e90d"
}

.icon-play:before {
  content: "\e90e"
}

.icon-location:before {
  content: "\e90f"
}

.icon-credit-card:before {
  content: "\e910"
}

.icon-info:before {
  content: "\e911"
}

.icon-prod-share:before {
  content: "\e912"
}

.icon-facebook:before {
  content: "\e913"
}

.icon-doc:before {
  content: "\e914"
}

.icon-instagram:before {
  content: "\e915"
}

.icon-pinterest:before {
  content: "\e916"
}

.icon-twitter:before {
  content: "\e917"
}

.icon-whatsapp:before {
  content: "\e918"
}

.icon-youtube:before {
  content: "\e919"
}

.icon-cart_logo:before {
  content: "\e91a"
}

.icon-right:before {
  content: "\e91b"
}

.icon-right2:before {
  content: "\e91c"
}

.icon-details:before {
  content: "\e91d"
}

.icon-like:before {
  content: "\e91e"
}

.icon-right3:before {
  content: "\e91f"
}

.icon-box:before {
  content: "\e920"
}

.icon-seta-voltar:before {
  content: "\e921"
}

.icon-wish:before {
  content: "\e922"
}

.icon-wish_active:before {
  content: "\e923"
}

.icon-zoom:before {
  content: "\e924"
}

.icon-user:before {
  content: "\e925"
}

.icon-meu_cartao:before {
  content: "\e926"
}

.icon-box2:before {
  content: "\e927"
}

.icon-refresh:before {
  content: "\e928"
}

.icon-cartao-renner:before {
  content: "\e929"
}

.icon-compartilhe:before {
  content: "\e92a"
}

.icon-infos:before {
  content: "\e92b"
}

.icon-change:before {
  content: "\e92c"
}

.icon-edit-list:before {
  content: "\e92d"
}

.icon-lixeira:before {
  content: "\e92e"
}

.icon-phone:before {
  content: "\e92f"
}

.icon-moeda:before {
  content: "\e930"
}

.icon-sust:before {
  content: "\e931"
}

.icon-email:before {
  content: "\e932"
}

.icon-key:before {
  content: "\e933"
}

.icon-add:before {
  content: "\e934"
}

.icon-lock:before {
  content: "\e935"
}

.icon-calendar:before {
  content: "\e936"
}

.icon-clock:before {
  content: "\e937"
}

.icon-double-key:before {
  content: "\e938"
}

.icon-note:before {
  content: "\e939"
}

.icon-cpf:before {
  content: "\e93a"
}

.icon-caixa:before {
  content: "\e93b"
}

.icon-rota:before {
  content: "\e93c"
}

.icon-rocket:before {
  content: "\e93d"
}

.icon-store:before {
  content: "\e93e"
}

.icon-edit_item:before {
  content: "\e93f"
}

.icon-mapa:before {
  content: "\e940"
}

.icon-one-click:before {
  content: "\e941"
}

.icon-boleto:before {
  content: "\e942"
}

.icon-master-pass:before {
  content: "\e943"
}

.icon-cartao-renner-2:before {
  content: "\e944"
}

.icon-credit-card-2:before {
  content: "\e945"
}

.icon-question:before {
  content: "\e946"
}

.icon-star:before {
  content: "\e947"
}

.icon-click:before {
  content: "\e948"
}

.icon-pagamento-aprovado:before {
  content: "\e949"
}

.icon-pagamento-nao-aprovado:before {
  content: "\e94a"
}

.icon-pedido-entregue:before {
  content: "\e94b"
}

.icon-pedido-nao-aprovado:before {
  content: "\e94c"
}

.icon-pedido-recebido:before {
  content: "\e94d"
}

.icon-pedido-separacao:before {
  content: "\e94e"
}

.icon-pedido-transporte-loja:before {
  content: "\e94f"
}

.icon-reference:before {
  content: "\e950"
}

.icon-alerta:before {
  content: "\e951"
}

.icon-step_in:before {
  content: "\e952"
}

.icon-step_end:before,
.account .steps .check:before {
  content: "\e953"
}

.icon-step_out:before {
  content: "\e954"
}

.icon-repeat:before {
  content: "\e955"
}

.icon-logout:before {
  content: "\e956";
  color: #bfbfbf
}

.icon-google-plus:before {
  content: "\e9121"
}

.icon-checkbox3:before {
  content: "\10ffff"
}

.categorie .title,
.section_tabs .title,
.lookbook_row .text,
.lookbook_row .title {
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 5px
}

html {
  height: 100%
}

body {
  font-family: 'Lato', sans-serif
}

input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.wrapper {
  max-width: 1280px;
  padding: 0 10px;
  margin: 0 auto
}

.slick-arrow {
  cursor: pointer
}

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

.disabled {
  background: #3a3a3a !important;
  pointer-events: none !important;
  border-bottom: 0 !important;
  cursor: auto;
  pointer-events: none !important
}

.back_top {
  width: 64px;
  height: 64px;
  background: white;
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: 50%;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.29);
  opacity: .3;
  transition: all ease-in .2s;
  cursor: pointer;
  z-index: 12
}

.back_top:hover {
  opacity: 1
}

.back_top.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.back_top:after {
  content: "\e91c";
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 25px
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  display: inherit
}

.global_wrapper {
  max-width: 1333px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px
}

.pulse {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(213, 16, 16, 0.65);
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite
}

.pulse.icon-voice {
  background: url(../images/MIC_active.png) center no-repeat !important
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(213, 16, 16, 0.65)
  }

  70% {
    box-shadow: 0 0 0 10px rgba(213, 16, 16, 0)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(213, 16, 16, 0)
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(213, 16, 16, 0.65)
  }

  70% {
    box-shadow: 0 0 0 10px rgba(213, 16, 16, 0)
  }

  100% {
    box-shadow: 0 0 0 0 rgba(213, 16, 16, 0)
  }
}

.wow {
  opacity: 0
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }

  100% {
    background-position: 468px 0
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }

  100% {
    background-position: 468px 0
  }
}

*::-webkit-scrollbar-track {
  border: none;
  background-color: #dcdcdc
}

*::-webkit-scrollbar {
  width: 10px;
  border-radius: 14px
}

*::-webkit-scrollbar-thumb {
  background-color: #999999;
  border-radius: 10px
}

font {
  max-width: 100%
}

font>* {
  width: auto !important
}

#dark,
#boxLight {
  z-index: 9999999
}

#boxLight .btFechar {
  height: 30px
}

.sku .form_field {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 70%;
  margin: 0 auto 14px
}

.sku .form_field .view_more {
  font-size: 12px;
  letter-spacing: 0.8px;
  color: #2a2a2a;
  width: 100%;
  text-decoration: underline;
  color: black;
  display: block;
  text-transform: uppercase
}

.sku .label {
  min-width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 14px;
  margin-bottom: 14px;
  transition: all ease 0.3s
}

.sku .label .content {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 2.5px #FFF, 0 0 0 3px #bebebe;
  text-align: center
}

.sku .label .input_checkbox {
  display: none
}

.sku .label .input_checkbox:disabled+.content {
  cursor: default;
  pointer-events: none;
  color: #827d7d
}

.sku .label .input_checkbox:checked+.content {
  outline: 1px solid #4d4d4d
}

.sku .label:first-child {
  margin-left: 0
}

.sku .form_field {
  font-size: 12px;
  font-size: .75rem;
  color: black;
  font-weight: 400;
  text-transform: uppercase;
  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
}

.sku .form_field img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 25px !important;
  max-width: 25px !important
}

.sku .form_field .content {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
  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;
  transition: all ease 0.2s;
  outline-offset: 3px;
  outline: 1px solid transparent
}

.sku .form_field.color {
  font-size: 0;
  outline-offset: 1px
}

.sku .form_field.color .input_checkbox:disabled+.content {
  position: relative
}

.sku .form_field.color .input_checkbox:disabled+.content:after {
  content: '';
  width: 35px;
  height: 1px;
  background: white;
  position: absolute;
  top: 50%;
  margin-top: -0.5px;
  right: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.sku .form_field.color .label {
  background: transparent
}

.shelf {
  position: relative
}

.shelf>a {
  display: block
}

.shelf .remove_elm {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  transition: all ease-in 0.2s;
  opacity: 0
}

.shelf .subject {
  position: relative
}

.shelf .subject:hover .remove_elm {
  opacity: 1
}

.shelf.gift .item_product {
  padding-bottom: 20px;
  margin-bottom: 0 !important;
  height: 590px;
  max-height: inherit !important
}

.shelf.gift .item_product .img_product {
  min-height: 356px
}

.shelf.gift .item_product .img_product img {
  max-height: 356px;
  min-height: 356px;
  margin: 0 auto;
  width: 100%
}

.shelf.gift .item_product:hover .subject {
  box-shadow: 0 0 20px rgba(51, 51, 51, 0.2);
  padding-bottom: 20px
}

.shelf.gift .item_product:hover .description_product i {
  display: inline-block;
  vertical-align: bottom
}

.shelf.gift .item_product:hover .view_more {
  display: block
}

.shelf.gift .description_product .view_more {
  max-width: 202px;
  margin: 0 auto;
  font-size: 10px;
  display: none
}

.shelf.gift .description_product .head {
  display: table;
  margin: 0 auto;
  border-bottom: 1px solid rgba(220, 220, 220, 0.6);
  padding: 0 10px;
  padding-bottom: 15px;
  margin-top: 10px;
  letter-spacing: 0.8px
}

.shelf.gift .description_product .info {
  font-size: 12px;
  color: #919191;
  max-width: 215px;
  margin: 12px auto;
  letter-spacing: 0.4px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 32px
}

.shelf.gift .description_product .read_more {
  letter-spacing: 0.4px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 10px;
  display: block;
  font-size: 12px;
  color: #919191
}

.shelf.gift .description_product i {
  font-size: 20px;
  margin-right: 10px;
  display: none
}

.shelf.gift .description_product .text {
  font-size: 13px
}

.shelf.gift .brand img {
  width: auto;
  margin: 5px auto;
  max-height: 40px;
  min-height: 40px
}

.shelf .item_product {
  height: auto;
  max-height: 577px;
  padding-bottom: 20px;
  transition: all 0.3s
}

.shelf .item_product .js-loading {
  display: none !important
}

.shelf .item_product.hidden .description_product {
  margin: 0 auto
}

.shelf .item_product.hidden .img_product {
  background: #f9f9f9;
  position: relative
}

.shelf .item_product.hidden .img_product img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22.5px;
  margin-left: -22.5px
}

.shelf .item_product.hidden .wish_button,
.shelf .item_product.hidden .gift_button,
.shelf .item_product.hidden .flag_discount,
.shelf .item_product.hidden .label_offer,
.shelf .item_product.hidden .action_item {
  display: none
}

.shelf .item_product.hidden .name_product,
.shelf .item_product.hidden .price_product,
.shelf .item_product.hidden .img_product {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f9f9f9;
  background: linear-gradient(to right, #f9f9f9 8%, #eee 18%, #f9f9f9 33%);
  background-size: 920px 404px;
  position: relative;
  border-radius: 5px
}

.shelf .item_product.hidden .name_product,
.shelf .item_product.hidden .price_product {
  visibility: visible !important;
  color: transparent !important;
  height: 20px !important
}

.shelf .item_product.hidden .price_product * {
  color: transparent !important
}

.shelf .item_product.hidden .name_product {
  width: 80%
}

.shelf .item_product.hidden .price_product {
  width: 60%
}

.shelf .item_product.hover .img_product img+img,
.shelf .item_product:hover .img_product img+img {
  display: block;
  opacity: 1
}

.shelf .item_product.hover .action_item,
.shelf .item_product:hover .action_item {
  max-height: 350px;
  overflow: hidden;
  opacity: 1;
  padding: 20px 0 25px
}

.shelf .item_product .unavailable_text {
  display: block;
  font-size: 13.9px;
  font-size: .86875rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .4px;
  padding: 15px;
  cursor: default
}

.shelf .item_product .soldout_button {
  display: block;
  display: table;
  padding: 10px 20px;
  margin: 0 auto 30px auto;
  color: #2a2a2a;
  background: #e0e0e0;
  border: 0;
  font-size: 9px;
  font-size: .5625rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  transition: all ease-in 0.3s;
  cursor: pointer
}

.shelf .item_product .soldout_button i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 11px
}

.shelf:last-of-type {
  padding-top: 0px
}

.shelf .description_product {
  transition: all ease-in 0.3s;
  overflow: hidden;
  max-height: 200px;
  width: 100%
}

.shelf .description_product .soldout_button {
  margin-top: 15px
}

.shelf.no_desc .description_product {
  max-height: 0
}

.shelf.no_desc .item_product {
  max-height: 456px
}

.shelf.two_columns .item_product {
  width: 49.5%;
  margin: 0 0 30px 1%;
  min-height: 637px;
  height: auto;
  max-height: initial
}

.shelf.two_columns .item_product:first-child,
.shelf.two_columns .item_product:nth-child(2n+1) {
  margin-left: 0
}

.shelf.two_columns .item_product img {
  max-height: 722px;
  margin: 0 auto
}

.shelf.two_columns .wrapper.cf .item_product {
  min-height: 607px
}

.shelf.two_columns.no_desc .item_product {
  max-height: 900px
}

.shelf.four_columns .img_product img {
  max-height: 356px;
  margin: 0 auto
}

.shelf.four_columns .item_product {
  width: 24.4%;
  margin: 0px 0 30px 0.8%;
  max-height: 507px
}

.shelf.four_columns .item_product:first-child,
.shelf.four_columns .item_product:nth-child(4n+1) {
  margin-left: 0
}

.shelf.four_columns.no_desc .item_product {
  max-height: 360px;
  height: auto
}

.shelf .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 40px
}

.shelf .no_image .img_product {
  background: url(../images/img-none.jpg) no-repeat center !important
}

.shelf .img_product {
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height: 340px
}

.shelf .img_product a {
  display: block
}

.shelf .img_product img {
  max-width: 100%;
  max-height: 460px;
  margin: 0 auto;
  display: block;
  width: 100%
}

.shelf .img_product .wish_button {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  font-size: 20px;
  transition: all ease-in 0.2s
}

.shelf .img_product .wish_button:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.shelf .img_product .wish_button:active :before,
.shelf .img_product .wish_button .active :before {
  content: '\e923';
  color: #d51010
}

body.list .shelf .img_product .wish_button {
  display: none
}

.shelf .img_product .gift_button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  font-size: 20px;
  transition: all ease-in 0.2s
}

.shelf .img_product .gift_button:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.shelf .img_product .gift_button span {
  display: block;
  font-size: 10px;
  font-size: .625rem;
  font-weight: normal;
  letter-spacing: .4px
}

body.list .shelf .img_product .gift_button {
  top: 10px;
  left: 10px;
  right: inherit
}

.shelf .img_product .flag_discount {
  position: absolute;
  top: 50px;
  left: 10px;
  z-index: 1;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.4px
}

.shelf .img_product img {
  transition: all 0.4s
}

.shelf .img_product img+img {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0
}

.shelf .img_product figure {
  margin: 0
}

.shelf .name_product {
  font-weight: 400;
  font-size: 14px;
  color: #2a2a2a;
  margin-top: 14px
}

.shelf .price {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin: 5px 0
}

.shelf .price .old_price {
  font-weight: 300;
  text-decoration: line-through;
  margin-right: 5px
}

.shelf .installment {
  font-size: 11px;
  color: #2a2a2a;
  display: block
}

.shelf .action_item {
  transition: all ease-in 0.3s;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0 0;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index: 2
}

.shelf .action_item .info_text {
  font-size: 14px;
  margin-bottom: 20px;
  letter-spacing: 0.8px;
  font-weight: 300;
  font-style: italic
}

.shelf .action_item .info_text strong {
  font-weight: 700
}

.shelf .action_item .list_field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.shelf .action_item .button {
  display: inline-block;
  font-size: 11px;
  font-size: .6875rem;
  text-decoration: none;
  background: #2a2a2a;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 12px 40px;
  transition: all ease-in 0.3s;
  cursor: pointer
}

.buy_more--lookday .shelf .soldout_button {
  display: block;
  display: table;
  padding: 10px 10px;
  margin: 15px auto 0;
  color: #2a2a2a;
  background: #e0e0e0;
  border: 0;
  font-size: 9px;
  font-size: .5625rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  transition: all ease-in 0.3s;
  cursor: pointer
}

.buy_more--lookday .shelf .soldout_button i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 11px
}

.buy_more--lookday .shelf .unavailable_text {
  display: block;
  font-size: 13.9px;
  font-size: .86875rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .4px;
  padding: 15px;
  cursor: default
}

.buy_more--lookday .shelf .soldout_button+.sku_selection,
.buy_more--lookday .shelf .unavailable_text+.sku_selection {
  display: none
}

.cf:before,
.cf:after {
  content: " ";
  display: table
}

.cf:after {
  clear: both
}

.animation-element {
  position: relative;
  width: 30%;
  margin: 0% 1.33 2.66% 1.33%;
  float: left
}

.animation-element:nth-of-type(3n-2) {
  width: 31.5%;
  margin: 0% 1.375% 3.75% 0%;
  clear: left
}

.animation-element:nth-of-type(3n-1) {
  width: 31.5%;
  margin: 0% 1.375% 2.75% 1.375%
}

.animation-element:nth-of-type(3n-0) {
  width: 31.5%;
  margin: 0% 0% 2.75% 1.375%;
  clear: right
}

.bounce-up .subject {
  opacity: 0;
  transition: all 700ms ease-out;
  -webkit-transform: translate3d(0px, 200px, 0px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.bounce-up.in-view .subject {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px)
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 99 !important;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  opacity: 0;
  display: none
}

.lightbox .content {
  overflow: auto !important;
  max-height: 85vh !important
}

.lightbox .wrapping {
  max-height: 540px;
  position: relative;
  overflow-y: auto
}

.lightbox .wrapping>.wrap {
  overflow: hidden;
  transition: max-height 0.4s;
  max-height: 1000px
}

.lightbox .wrapping>.wrap.register_form {
  max-height: 0
}

.lightbox.show_register .inline_check {
  display: table;
  margin: 10px auto
}

.lightbox.show_register .form_check.two_options {
  max-width: 320px;
  margin: 25px auto
}

.lightbox.show_register .form_identification .wrap_button_register {
  margin-top: 0;
  padding: 0
}

.lightbox.show_register .form_identification .wrap_button_register a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2a2a2a;
  background: transparent
}

.lightbox.show_register .form_identification .wrap_button_register a span {
  margin-right: auto
}

.lightbox.show_register .form_identification .wrap_button_register a:before {
  content: "\e91c";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: auto
}

.lightbox.show_register .wrapping>.wrap {
  max-height: 0
}

.lightbox.show_register .wrapping>.wrap.register_form {
  max-height: 1000px
}

.lightbox.frete .content {
  max-width: 390px;
  margin: 5% auto 0;
  padding-bottom: 30px
}

.lightbox.frete .content .form_frete {
  margin-top: 20px
}

.lightbox.frete .content .form_frete.submitted input:invalid[type="text"] {
  color: #d51010;
  border-color: #d51010
}

.lightbox.frete .content .frete_price {
  width: 334px;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.2s;
  margin: 15px auto 0
}

.lightbox.frete .content .frete_price .price {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700
}

.lightbox.frete .content .frete_price .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.lightbox.frete .content .frete_price .text i {
  font-size: 22px;
  margin-right: 15px
}

.lightbox.frete .content .frete_price .text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 11px;
  letter-spacing: 0.8px
}

.lightbox.frete .content .frete_price .text p strong {
  font-weight: 900
}

.lightbox.frete .content .frete_price .text p span {
  font-weight: 400
}

.lightbox.frete .content .frete_price .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 11px 20px 11px 15px
}

.lightbox.frete .content .frete_price .row:nth-child(odd) {
  background-color: #f5f5f5
}

.lightbox.frete .content .form_frete.active .frete_price {
  max-height: 900px
}

.lightbox.frete .content .form_frete.active .form_item {
  display: none
}

.lightbox.frete .content .form_frete.active .form_cep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.lightbox.frete .content .form_cep {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 45px
}

.lightbox.frete .content .form_cep span {
  font-size: 18px;
  letter-spacing: 0.4px
}

.lightbox.frete .content .form_cep a {
  font-size: 12px;
  text-decoration: underline;
  margin-left: 10px
}

.lightbox.frete .content .submit {
  width: 40px;
  height: 40px;
  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;
  font-size: 13px;
  padding: 0 10px;
  margin-left: 10px
}

.lightbox.frete .content .form_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 200px;
  margin: 0 auto
}

.lightbox.frete .content .label {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  height: 50px;
  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;
  border-bottom: 1px solid #eaeaea
}

.lightbox.newsletter .wrapper {
  max-width: 500px;
  margin: 0
}

.lightbox.newsletter .content {
  max-height: 95vh !important
}

.lightbox.newsletter .close_lightbox {
  color: white;
  z-index: 1
}

.lightbox.newsletter .submit {
  font-size: 14px
}

.lightbox.newsletter .hint_text {
  font-size: 12px;
  color: white;
  text-align: center;
  display: block;
  font-weight: 400;
  margin-top: 25px
}

.lightbox.newsletter .form_check {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-top: 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 280px;
  padding: 0 20px;
  margin: 0 auto
}

.lightbox.newsletter .form_check .input_check {
  display: none
}

.lightbox.newsletter .form_check .input_check:checked+.label_type:before {
  background: #e0e0e0;
  color: black
}

.lightbox.newsletter .form_check .form_item {
  width: inherit;
  margin: 20px 0 0 0
}

.lightbox.newsletter .form_check .label_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.lightbox.newsletter .form_check .label_type:before {
  content: "\e904";
  font-size: 8px;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  color: transparent;
  padding: 3.5px 3px;
  margin-right: 10px
}

.lightbox.newsletter .form_item {
  width: 280px;
  margin: 25px auto 0
}

.lightbox.newsletter .form_item .input_text {
  background: transparent;
  border-color: white;
  color: white;
  padding-left: 35px
}

.lightbox.newsletter .form_item .label_text {
  left: 35px;
  color: white;
  font-weight: normal
}

.lightbox.newsletter .brand {
  fill: white;
  text-align: center;
  margin-bottom: 40px
}

.lightbox.newsletter .title {
  font-size: 36px;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.lightbox.newsletter .title small {
  font-size: 16px;
  display: inline-block;
  margin-top: 5px;
  margin-left: 2px
}

.lightbox.newsletter .help_text {
  text-align: center;
  color: white;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 300;
  max-width: 400px;
  margin: 0 auto
}

.lightbox.newsletter .content {
  max-width: 500px;
  margin: 5% auto 0;
  background-color: transparent;
  box-shadow: none;
  padding-top: 50px;
  padding-bottom: 30px;
  border: 1px solid white
}

.lightbox.newsletter .wrapper {
  z-index: 97
}

.lightbox .form_identification {
  position: relative;
  z-index: 98;
  background-color: #fff;
  width: 525px;
  margin: 0 auto
}

.lightbox .form_identification.change_password {
  padding-bottom: 40px
}

.lightbox .form_identification.change_password .head {
  margin-bottom: 40px
}

.lightbox .form_identification .close_lightbox {
  position: absolute;
  right: 15px !important;
  top: 50% !important;
  margin-top: -10px
}

.lightbox .form_identification .head {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  background: #2a2a2a;
  color: white;
  padding: 20px 35px;
  position: relative;
  letter-spacing: 2.2px
}

.lightbox .form_identification .wrap_button_register {
  background-color: #f5f5f5;
  margin-top: 40px;
  padding: 30px 0
}

.lightbox .form_identification .wrap_button_register a {
  font-size: 14px;
  margin-top: 30px;
  text-align: center;
  display: block;
  width: 65%;
  margin: 0 auto
}

.lightbox .form_identification .center_text {
  margin: 25px auto;
  width: 320px
}

.lightbox .form_identification .form_item {
  width: 320px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px
}

.lightbox .form_identification .form_item.focus .label_text,
.lightbox .form_identification .form_item.is-autofilled .label_text {
  top: -10px
}

.lightbox .form_identification .form_item .input_text {
  padding-left: 40px
}

.lightbox .form_identification .form_item .label_text {
  top: 9px;
  left: 36px
}

.lightbox .form_identification .form_item i {
  font-size: 18px;
  top: 10px
}

.lightbox .form_identification .form_item .hint {
  color: #2a2a2a;
  letter-spacing: 0.8px;
  font-weight: 400
}

.lightbox .form_identification .form_item input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important
}

.lightbox .form_identification .form_item input:-webkit-autofill:hover {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important
}

.lightbox .form_identification .form_item input:-webkit-autofill:focus {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important
}

.lightbox .form_identification .form_action {
  width: 320px;
  margin-right: auto;
  margin-left: auto
}

.lightbox.edit_location .content {
  width: 380px
}

.lightbox.edit_location .center_text {
  font-size: 10px;
  margin-top: 40px;
  display: block
}

.lightbox.edit_location .select_style {
  margin-bottom: 25px
}

.lightbox.edit_location .select_style select {
  border-width: 0 0 2px !important;
  border-color: #2a2a2a !important;
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  font-style: italic
}

.lightbox.one_click {
  font-size: 14px;
  font-size: .875rem
}

.lightbox.one_click .content {
  width: 800px;
  margin: 8% auto 0
}

.lightbox.one_click .content .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  overflow: hidden;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.lightbox.one_click .lbcontent {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 800px;
  padding: 0 40px
}

.lightbox.one_click .accordion-title {
  padding-left: 0
}

.lightbox.product_look .content {
  max-height: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.lightbox.product_look .my-video-dimensions.vjs-fluid {
  background: #fff
}

.lightbox.product_look .back {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  color: #2a2a2a;
  border: 1px solid #2a2a2a;
  padding: 15px 20px;
  letter-spacing: 1.4px;
  position: absolute;
  top: 3%;
  left: 40px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.2)
}

.lightbox.product_look .close_lightbox {
  font-size: 20px;
  position: absolute;
  right: 15px;
  z-index: 100;
  top: 15px
}

.lightbox.product_look .slider {
  text-align: center
}

.lightbox.product_look .slider>.item_product {
  display: inline-block
}

.lightbox.product_look .item_handle#item_1 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: block
}

.lightbox.product_look .item_handle#item_1 .shelf {
  max-width: 310px
}

.lightbox.product_look .product_details {
  max-width: 100%;
  width: 35%;
  height: 100vh;
  margin-left: 0;
  position: absolute;
  padding: 9% 40px;
  right: 0;
  background: white
}

.lightbox.product_look .product_details .form_field {
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.lightbox.product_look .product_details .content {
  width: 100%;
  position: inherit
}

.lightbox.product_look .slider_full_look {
  width: 65%
}

.lightbox.product_look .slider_full_look .shelf {
  height: 100%;
  height: 100vh;
  margin: 0;
  transition: opacity ease-in 0.3s
}

.lightbox.product_look .slider_full_look .shelf .img_product {
  background: none;
  height: 100%;
  width: 100%
}

.lightbox.product_look .slider_full_look .shelf .img_product img {
  height: 100%;
  height: 100vh;
  object-fit: cover;
  width: auto !important;
  max-height: initial
}

.lightbox.product_look .wrapper {
  padding: 0
}

.lightbox.product_look>.content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: inherit !important;
  box-shadow: none;
  transition: all ease-in 0.3s;
  left: 0;
  background-color: transparent
}

.lightbox.product_look>.content .carousel {
  margin: 75px auto
}

.lightbox.product_look>.content .carousel .title {
  margin-bottom: 65px
}

.lightbox.product_look>.content .carousel .shelf .img_product {
  cursor: pointer
}

.lightbox.product_look>.content .carousel .shelf .img_product .flag_discount,
.lightbox.product_look>.content .carousel .shelf .img_product .wish_button,
.lightbox.product_look>.content .carousel .shelf .img_product .gift_button {
  opacity: 0;
  transition: 200ms
}

.lightbox.product_look>.content .carousel .shelf .img_product:hover .flag_discount,
.lightbox.product_look>.content .carousel .shelf .img_product:hover .wish_button,
.lightbox.product_look>.content .carousel .shelf .img_product:hover .gift_button {
  opacity: 1
}

.lightbox.product_look>.content .carousel .shelf .name_product {
  margin-top: 10px
}

.lightbox.product_look>.content .carousel .shelf .soldout_button {
  display: block;
  display: table;
  padding: 10px 20px;
  margin: 15px auto 0;
  color: #2a2a2a;
  background: #e0e0e0;
  border: 0;
  font-size: 9px;
  font-size: .5625rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  transition: all ease-in 0.3s;
  cursor: pointer
}

.lightbox.product_look>.content .carousel .shelf .soldout_button i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 11px
}

.lightbox.product_look>.content .carousel .shelf .unavailable_text {
  display: block;
  font-size: 13.9px;
  font-size: .86875rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .4px;
  padding: 15px;
  cursor: default
}

.lightbox.product_look>.content .carousel .slick-arrow {
  top: 40%
}

.lightbox.product_look>.content .carousel .slick-arrow.slick-prev {
  left: 2.5%
}

.lightbox.product_look>.content .carousel .slick-arrow.slick-next {
  right: 2.5%
}

.lightbox.product_look>.content #item_2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  z-index: -1;
  opacity: 0;
  visibility: hidden
}

.lightbox.product_look>.content #item_2 .carousel {
  margin: 0
}

.lightbox.product_look>.content #item_2 .slick-list {
  overflow: inherit
}

.lightbox.product_look>.content #item_2 .my-video-dimensions.vjs-fluid {
  min-width: 510px;
  height: 100%;
  height: 100vh;
  padding: 0 !important
}

.lightbox.product_look>.content #item_2 .slick-arrow {
  top: 50%
}

.lightbox.product_look>.content #item_2 .slick-arrow:before {
  font-size: 35px
}

.lightbox.product_look>.content #item_2 .slick-arrow.slick-prev {
  left: 40px;
  top: 51%
}

.lightbox.product_look>.content #item_2 .slick-arrow.slick-next {
  right: 40px
}

.lightbox.product_look>.content.active .item_handle {
  opacity: 0
}

.lightbox.product_look>.content.active #item_2 {
  opacity: 1;
  z-index: 11;
  visibility: visible
}

.lightbox.product_look>.content .item_handle {
  position: relative;
  display: inline-block;
  vertical-align: top;
  transition: all ease-in 0.3s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.lightbox.product_look>.content .item_handle .carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.lightbox.product_look .overlay {
  background: rgba(255, 255, 255, 0.95)
}

.lightbox.gift .title {
  padding-top: 30px
}

.lightbox.gift .title span {
  font-size: 24px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 400
}

.lightbox.gift .title small {
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #2a2a2a;
  text-transform: none;
  margin-top: 5px;
  display: block
}

.lightbox.gift .select {
  max-width: 160px;
  margin: 20px auto;
  transition: all ease-in 0.2s
}

.lightbox.gift .select:hover {
  background-color: #2a2a2a;
  color: white
}

.lightbox.gift .carousel {
  margin-top: 0;
  overflow: hidden
}

.lightbox.gift .carousel .slick-track {
  margin: 0 auto
}

.lightbox.gift .carousel .slick-prev {
  left: -30px
}

.lightbox.gift .carousel .slick-next {
  right: -30px
}

.lightbox.gift .carousel .slider {
  max-width: 690px;
  margin: 0 auto
}

.lightbox.gift .wrapper {
  max-width: 940px;
  padding-top: 5%
}

.lightbox.gift div.content {
  min-height: 543px;
  overflow: inherit !important
}

.lightbox.gift .name_product {
  text-overflow: ellipsis;
  overflow: hidden
}

.lightbox.lookday>.wrapper {
  padding-top: 0.1%
}

.lightbox.lookday .content {
  max-height: 100vh !important
}

.lightbox.lookday h2.title span,
.lightbox.lookday h2.title small {
  display: block;
  color: #2a2a2a;
  font-weight: bold
}

.lightbox.lookday h2.title span {
  font-size: 24px;
  margin-bottom: 15px
}

.lightbox.lookday h2.title small {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  text-transform: initial;
  letter-spacing: initial
}

.lightbox.lookday .carousel {
  margin-top: 25px
}

.lightbox.simple .content {
  margin-top: 10%
}

.lightbox.simple .wrapper {
  padding: 40px;
  max-width: 480px;
  min-width: 350px
}

.lightbox.simple .title {
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-top: 20px;
  text-align: center
}

.lightbox.simple .title i {
  margin-bottom: 10px;
  display: block
}

.lightbox.simple .title span {
  display: block;
  margin-bottom: 5px
}

.lightbox.simple p {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  color: #2a2a2a
}

.lightbox.simple .actions {
  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;
  text-align: center;
  margin-top: 40px
}

.lightbox.simple .actions li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

.lightbox.simple .actions li:not(:last-child) {
  margin-right: 9px
}

.lightbox.simple .actions .button_primary {
  padding: 15px 30px;
  font-weight: normal;
  font-size: 14px;
  font-size: .875rem;
  text-transform: uppercase
}

.lightbox.simple .actions .button_primary i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 11px
}

.lightbox.simple .actions .button {
  text-transform: uppercase;
  padding: 15px;
  font-size: 14px;
  font-size: .875rem;
  font-weight: normal;
  cursor: pointer
}

.lightbox.wishlist .content {
  margin-top: 10%
}

.lightbox.wishlist .wrapper {
  padding: 40px
}

.lightbox.wishlist .title {
  font-size: 24px;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-top: 20px
}

.lightbox.wishlist .actions {
  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;
  text-align: center;
  margin-top: 40px
}

.lightbox.wishlist .actions li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

.lightbox.wishlist .actions li:not(:last-child) {
  margin-right: 9px
}

.lightbox.wishlist .actions .button_primary {
  padding: 15px 30px;
  font-weight: normal;
  font-size: 14px;
  font-size: .875rem;
  text-transform: uppercase
}

.lightbox.wishlist .actions .button_primary i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 11px
}

.lightbox.wishlist .actions .button {
  text-transform: uppercase;
  padding: 15px;
  font-size: 14px;
  font-size: .875rem;
  font-weight: normal;
  cursor: pointer
}

.lightbox.authenticate .content {
  margin-top: 5%
}

.account .lightbox.authenticate .form_item {
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px
}

.account .lightbox.authenticate .form_global .two_action {
  width: 320px;
  margin-right: auto;
  margin-left: auto
}

.account .lightbox.authenticate .form_global .two_action a {
  white-space: initial;
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
  padding-right: initial;
  margin-right: initial
}

.account .lightbox.authenticate .form_global .form_action.two_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.account .lightbox.authenticate .form_global .form_action .action_2_icon {
  font-size: 10px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.8px;
  border-color: #2a2a2a;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.lightbox .overlay {
  background-color: rgba(42, 42, 42, 0.8);
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0
}

.lightbox.active {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.lightbox.dialog .title {
  margin-top: 0
}

.lightbox.dialog .icon {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px
}

.lightbox.dialog .message {
  margin-top: 20px;
  text-align: center
}

.lightbox.dialog button.full {
  width: 100%
}

.lightbox#poptroca input[type='checkbox'],
.lightbox#poptroca input[type='radio'] {
  opacity: 0
}

.lightbox#poptroca select {
  padding-right: 27px
}

.lightbox .wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto
}

.lightbox .content {
  background: white;
  position: relative;
  z-index: 98;
  box-shadow: -4px 4px 30px rgba(51, 51, 51, 0.25)
}

.lightbox .content.nostyle {
  background: transparent;
  width: auto;
  display: table;
  margin: 40px auto 0
}

.lightbox .content.medium {
  max-width: 60%;
  margin: 100px auto 0;
  padding: 20px 40px 50px
}

.lightbox .content.medium .primary_button {
  padding: 20px 30px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px
}

.lightbox .content.medium .secondary_button {
  padding: 20px 30px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  width: auto
}

.lightbox .content.medium .wrap_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px
}

.lightbox .content.medium .wrap_actions a:first-child {
  margin-right: 20px
}

.lightbox .content.medium p {
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.8px;
  color: #191919;
  margin-top: 20px
}

.lightbox .content.medium .title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.8px;
  margin-bottom: 35px;
  text-transform: uppercase;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.lightbox .content.medium .title i {
  font-size: 30px;
  color: #bfbfbf;
  margin-bottom: 15px
}

.lightbox .content.form {
  display: table;
  margin: 40px auto 0;
  position: relative;
  padding: 45px 40px
}

.lightbox .content.form .help_text {
  font-size: 14px;
  font-weight: 300;
  margin-top: 30px
}

.lightbox .content.form .title {
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 400;
  margin-bottom: 30px
}

.lightbox .content.form .form_action {
  margin-bottom: 0
}

.lightbox .content.form .form_action .action_1 {
  font-size: 12px
}

.lightbox .content.form .password_recovery {
  position: relative
}

.lightbox .content.form .password_recovery #lightbox_success {
  display: none
}

.lightbox .content.form .password_recovery #lightbox_success:target {
  display: block;
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1
}

.lightbox .content.form .password_recovery .success_text {
  display: block;
  color: #d51010;
  font-style: italic;
  margin: 76px auto
}

.lightbox .content.gift {
  padding: 30px;
  width: 530px;
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.lightbox .content.gift p {
  text-align: justify;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2a2a2a
}

.lightbox .content.gift .name {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px
}

.lightbox .content.gift .name .size {
  display: block;
  font-size: 14px
}

.lightbox .content.gift .media {
  margin-bottom: 15px
}

.lightbox .content.gift .media img {
  display: block;
  max-height: 300px
}

.lightbox .content.gift .label {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px
}

.lightbox .content.cart_product {
  width: 300px;
  padding: 15px 20px 20px;
  position: absolute;
  right: 20px;
  top: 50px;
  -webkit-animation-duration: 0.6s !important;
  animation-duration: 0.6s !important
}

.lightbox .content.cart_product:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  right: 5px
}

.lightbox .content.cart_product .media img {
  height: 90px
}

.lightbox .content.cart_product .wrap_buttons {
  margin-top: 15px
}

.lightbox .content.cart_product .finalize {
  border: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  cursor: pointer;
  text-align: center
}

.lightbox .content.cart_product .continue {
  margin-top: 10px;
  cursor: pointer;
  transition: all ease-in .3s;
  text-align: center;
  position: static
}

.lightbox .content.cart_product .continue:hover {
  background: #2a2a2a;
  color: white;
  font-weight: 600;
  border: 1px solid #d4d4d4
}

.lightbox .content.cart_product .product_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}

.lightbox .content.cart_product .product_wrap .info {
  margin-left: 15px
}

.lightbox .content.cart_product .product_wrap span {
  display: block;
  font-size: 12px;
  font-size: .75rem;
  line-height: 16px
}

.lightbox .content.cart_product .product_wrap span.p_name {
  font-weight: bold;
  margin-bottom: 3px;
  width: 161px;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.lightbox .content.cart_product .product_wrap span.p_price {
  font-weight: bold;
  margin-top: 3px
}

.lightbox .content.cart_product .product_wrap span.p_sku {
  opacity: 0.5
}

.lightbox .content.cart_product .label {
  font-size: 12px;
  font-size: .75rem;
  color: #2a2a2a;
  text-align: center;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaeaea
}

.lightbox .content.zoomIn {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s
}

.lightbox .content.zoomInDown {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s
}

.lightbox .content.zoomOut {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s
}

.lightbox .content .close_lightbox {
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  right: 15px;
  z-index: 1;
  top: 15px
}

.lightbox .content.table_measure {
  padding: 40px 20px 20px;
  max-width: 1110px;
  margin-top: 40px
}

.lightbox .content.table_measure .column_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto
}

.lightbox .content.table_measure .column_wrap::-webkit-scrollbar-track {
  background-color: #f5f5f5
}

.lightbox .content.table_measure .column_wrap::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5
}

.lightbox .content.table_measure .column_wrap::-webkit-scrollbar-thumb {
  background-color: #919191
}

.lightbox .content.table_measure .video_wrap {
  margin-top: 20px;
  position: relative
}

.lightbox .content.table_measure .video_wrap.active .video_handle {
  opacity: 0;
  visibility: hidden
}

.lightbox .content.table_measure .video_wrap.active .video {
  opacity: 1;
  visibility: visible
}

.lightbox .content.table_measure .video_wrap .video_handle {
  width: 100%;
  display: inline-block;
  transition: all 0.3s
}

.lightbox .content.table_measure .video_wrap .video_handle img {
  display: block;
  width: 100%
}

.lightbox .content.table_measure .video_wrap .video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s
}

.lightbox .content.table_measure table {
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px
}

.lightbox .content.table_measure table tr:nth-child(even) {
  background: #f5f5f5
}

.lightbox .content.table_measure table th {
  font-size: 12px;
  font-size: .75rem;
  text-transform: uppercase;
  padding: 5px
}

.lightbox .content.table_measure table td {
  font-size: 12px;
  font-size: .75rem;
  padding: 8px;
  color: #191919
}

.lightbox .content.table_measure table td:first-child {
  font-weight: 900
}

.lightbox .content.table_measure .colunm {
  margin-left: 90px
}

.lightbox .content.table_measure .colunm:first-child {
  margin-left: 0;
  width: 55%
}

.lightbox .content.table_measure .text {
  color: #919191;
  font-size: 12px;
  font-size: .75rem
}

.lightbox .content.table_measure .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #2a2a2a;
  letter-spacing: 2px;
  line-height: 28px;
  margin-bottom: 10px
}

@-webkit-keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.fadeInDown2 {
  -webkit-animation-name: fadeInDown2;
  animation-name: fadeInDown2
}

@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }

  to {
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    opacity: 0
  }
}

.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2
}

.lightbox-opened {
  background-color: #dddddd;
  cursor: pointer;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  padding: 24px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100
}

.lightbox-opened:after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  color: #2a2a2a;
  content: "\e909";
  font-family: sans-serif;
  padding: 6px 12px;
  position: fixed;
  text-transform: uppercase
}

.carousel {
  margin: 80px auto
}

.carousel.buy_more .slick-arrow.slick-next {
  margin-top: -80px
}

.carousel.buy_more .slick-arrow.slick-prev {
  margin-top: -85px
}

.carousel.buy_more .title {
  font-size: 18px
}

.carousel.buy_more .title strong {
  font-weight: 700
}

.carousel.buy_more .title span {
  font-weight: 700;
  color: #D21B1F
}

.carousel.buy_more .wrapper .slider.less2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15%
}

.carousel.buy_more .kit_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 90%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto
}

.carousel.buy_more .kit_select .button {
  padding: 10px 20px;
  letter-spacing: 2px;
  width: 100%;
  display: block
}

.carousel.buy_more .kit_select .style_select {
  border: 1px solid #d4d4d4;
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px
}

.carousel.buy_more .kit_select .style_select:after {
  content: "\e91c";
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 15px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  font-size: .75rem
}

.carousel.buy_more .kit_select .style_select select {
  padding: 10px 50px 10px 10px;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  font-size: .875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: 2
}

.carousel.buy_more--lookday {
  margin-bottom: 10px
}

.carousel.buy_more--lookday .slick-track .slick-slide {
  max-width: 303px;
  display: block
}

.carousel.buy_more--lookday .kit_select .button.active {
  background: #2a2a2a;
  color: #fff;
  font-size: 0;
  position: relative;
  cursor: pointer
}

.carousel.buy_more--lookday .kit_select .button.active:after {
  content: 'ADICIONADO';
  font-size: 10px;
  font-size: .625rem;
  margin: 0;
  position: absolute;
  left: 90px
}

.carousel.buy_more--lookday .container_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.carousel.buy_more--lookday .style_select {
  width: 45%
}

.carousel.buy_more--lookday .style_select--color {
  width: 45%
}

.carousel.buy_more--lookday .style_select select {
  padding: 10px 25px 10px 10px !important;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  font-size: .875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: 2
}

.carousel.center_featured {
  margin-top: 0
}

.carousel.center_featured .shelf {
  opacity: 0.3;
  background-color: #FFF
}

.carousel.center_featured .shelf.slick-active {
  opacity: 1
}

.carousel.like_carousel {
  background: linear-gradient(to bottom, #f5f5f5 50%, transparent 50%, rgba(255, 255, 255, 0) 100%);
  margin-top: 0;
  margin-bottom: 40px
}

.carousel.like_carousel .shelf {
  height: 490px;
  z-index: 999;
  margin-bottom: 20px;
  transition: all 0.3s
}

.carousel.like_carousel .shelf .form.sku {
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.3s
}

.carousel.like_carousel .shelf:hover {
  box-shadow: 5px 9px 20px rgba(51, 51, 51, 0.2)
}

.carousel.like_carousel .shelf:hover .form.sku {
  max-height: 100px;
  padding-top: 5px
}

.carousel.brand .slider {
  padding: 0 60px 0 70px
}

.carousel.brand .slick-arrow.slick-prev {
  margin-top: -20px;
  left: 20px
}

.carousel.brand .slick-arrow.slick-next {
  margin-top: -20px;
  right: 20px
}

.carousel.brand .slick-slide {
  height: 75px;
  position: relative;
  width: 100%
}

.carousel.brand .slick-slide a {
  min-height: 75px;
  top: 0;
  left: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 5px
}

.carousel.brand .slick-slide a img {
  max-height: 75px;
  max-width: 150px;
  margin: 0 auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

.carousel .view_more {
  margin: 60px auto
}

.carousel .title {
  font-size: 28px;
  font-size: 1.75rem;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  letter-spacing: 3px;
  margin-bottom: 35px
}

.carousel .title+p {
  font-size: 14px;
  font-size: .875rem;
  color: #919191;
  text-align: center;
  max-width: 595px;
  margin: -15px auto 30px
}

.carousel .shelf {
  text-align: center;
  margin-right: 10px
}

.carousel .shelf .img_product {
  min-height: 0
}

.carousel .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 45%;
  left: 30px;
  margin-top: -30px;
  width: 20px;
  height: 42px;
  z-index: 1
}

.carousel .slick-arrow.slick-prev:hover:before {
  color: #2a2a2a;
  -webkit-transform: scale(1.5) rotate(180deg);
  transform: scale(1.5) rotate(180deg)
}

.carousel .slick-arrow.slick-prev:before {
  content: "\e91b";
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  cursor: pointer;
  transition: all ease-in 0.2s;
  color: #2a2a2a;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1
}

.carousel .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 45%;
  right: 30px;
  margin-top: -25px;
  width: 20px;
  height: 42px;
  z-index: 1
}

.carousel .slick-arrow.slick-next:hover:before {
  color: #2a2a2a;
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.carousel .slick-arrow.slick-next:before {
  content: "\e91b";
  font-size: 40px;
  font-size: 2.5rem;
  cursor: pointer;
  transition: all ease-in 0.2s;
  color: #2a2a2a;
  display: block
}

.carousel .slider>.shelf:not(.slick-slider) {
  max-width: 305px;
  float: left
}

.form_global .flag_card {
  position: absolute;
  right: 0;
  bottom: 10px
}

.form_global.payment_form .form_oneclick {
  background-color: #f5f5f5;
  margin-bottom: -30px
}

.form_global.payment_form .form_oneclick .link {
  display: block;
  font-size: 13px;
  color: #d71920;
  text-decoration: underline
}

.form_global.payment_form .form_oneclick .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  position: relative
}

.form_global.payment_form .form_oneclick .wrap p strong {
  font-size: 14px;
  text-transform: uppercase;
  color: #191919
}

.form_global.payment_form .form_oneclick .wrap p strong span {
  color: #d71920
}

.form_global.payment_form .form_oneclick .wrap p small {
  font-size: 11px;
  font-weight: 400;
  color: #2a2a2a
}

.form_global.payment_form .form_oneclick .wrap:before {
  content: '';
  width: 20px;
  height: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin-right: 10px;
  background: #fff
}

.form_global.payment_form .form_oneclick .wrap:after {
  content: "\e904";
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  left: 25px;
  font-size: 7px;
  opacity: 0;
  transition: all ease-in 0.2s;
  color: black
}

.form_global.payment_form .form_oneclick .input_check {
  display: none
}

.form_global.payment_form .form_oneclick .input_check:checked~.wrap:after {
  opacity: 1
}

.form_global.payment_form .select_style {
  margin-top: 30px;
  border-bottom: 2px solid #2a2a2a
}

.form_global.payment_form .select_style select {
  border: 0 !important;
  font-size: 14px;
  font-style: italic;
  width: 100%;
  z-index: 9;
  font-weight: 300;
  position: relative
}

.form_global.payment_form .form_two_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.form_global.payment_form .form_two_items .form_item {
  max-width: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form_global.payment_form .form_two_items .form_item .icon-question {
  margin-left: 5px;
  margin-right: 5px
}

.form_global.payment_form .form_item input:disabled {
  background-color: transparent;
  font-weight: bold;
  color: #2a2a2a;
  border-bottom: 0
}

.form_global.payment_form .form_item.time_to_pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.form_global.payment_form .form_item.time_to_pay .sub_title {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.8px;
  display: block;
  width: 100%
}

.form_global.payment_form .form_item.time_to_pay .input_check {
  display: none
}

.form_global.payment_form .form_item.time_to_pay .input_check:checked~.label_text {
  background: #2a2a2a;
  color: white
}

.form_global.payment_form .form_item.time_to_pay .input_check:checked~.label_text:after {
  opacity: 1
}

.form_global.payment_form .form_item.time_to_pay label {
  width: 50%;
  text-align: center;
  background-color: #f5f5f5
}

.form_global.payment_form .form_item.time_to_pay .label_text {
  font-size: 14px;
  font-weight: 300;
  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;
  font-style: normal;
  padding: 10px;
  position: relative;
  top: 0;
  left: 0
}

.form_global.payment_form .form_item.time_to_pay .label_text:after {
  content: "\e904";
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
  opacity: 0;
  transition: all ease-in 0.2s;
  color: white
}

.form_global.payment_form .form_item.time_to_pay .label_text strong {
  font-size: 36px;
  font-weight: 700;
  margin-right: 5px
}

.form_global.payment_form .form_item.option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.form_global.payment_form .form_item.option .sub_title {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.8px;
  display: block;
  width: 100%
}

.form_global.payment_form .form_item.option .input_check {
  display: none
}

.form_global.payment_form .form_item.option .input_check:checked~.wrap_label:after {
  opacity: 1
}

.form_global.payment_form .form_item.option label {
  width: 50%;
  text-align: center;
  background-color: #f5f5f5
}

.form_global.payment_form .form_item.option .wrap_label {
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 20px 15px
}

.form_global.payment_form .form_item.option .wrap_label span {
  font-size: 15px;
  font-weight: 300;
  margin-left: 10px;
  display: inline-block;
  vertical-align: bottom;
  font-weight: 500
}

.form_global.payment_form .form_item.option .wrap_label .icon-question {
  margin-left: 10px;
  display: inline-block;
  vertical-align: bottom
}

.form_global.payment_form .form_item.option .wrap_label:after {
  content: "\e904";
  opacity: 0;
  font-size: 7px;
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -2.5px;
  left: 20px
}

.form_global.payment_form .form_item.option .wrap_label:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  background: #fff
}

.form_global .inline_check {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative
}

.form_global .inline_check .input_check {
  display: none
}

.form_global .inline_check .input_check {
  display: none
}

.form_global .inline_check .input_check:checked~.wrap:after {
  content: "\e904"
}

.form_global .inline_check .wrap {
  font-size: 13px;
  font-weight: 300;
  color: #2a2a2a;
  letter-spacing: 0.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex
}

.form_global .inline_check .wrap .label_text {
  font-size: 11px;
  font-weight: 400;
  color: #191919
}

.form_global .inline_check .wrap:after {
  position: absolute;
  font-size: 7px;
  left: 4px;
  top: 6px
}

.form_global .inline_check .wrap:before {
  content: '';
  margin-right: 5px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: white
}

.form_global .form_check.two_options {
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 20px
}

.form_global .form_check.two_options .input_check {
  display: none
}

.form_global .form_check.two_options .input_check {
  display: none
}

.form_global .form_check.two_options .input_check:checked~.wrap .label_text {
  font-weight: bold
}

.form_global .form_check.two_options .input_check:checked~.wrap:before {
  content: "\e904"
}

.form_global .form_check.two_options .wrap {
  font-size: 13px;
  font-weight: 300;
  color: #2a2a2a;
  letter-spacing: 0.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.form_global .form_check.two_options .wrap .label_text {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px
}

.form_global .form_check.two_options .wrap:after {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  background: white;
  border-radius: 50%
}

.form_global .form_check.two_options .wrap:before {
  position: absolute;
  right: 50%;
  margin-right: -5.5px;
  font-size: 7px;
  margin-top: 9px;
  top: 50%
}

.form_global .form_check.two_options>label {
  width: 50%;
  position: relative;
  padding: 15px
}

.form_global .center_text {
  text-align: center;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  margin: 25px 0;
  letter-spacing: 1px;
  position: relative
}

.form_global .center_text.no_row:after {
  content: none
}

.form_global .center_text:after {
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  margin-top: .5px;
  background: #e0e0e0;
  position: absolute;
  z-index: 1
}

.form_global .center_text span {
  background: white;
  z-index: 3;
  position: relative;
  padding: 0 10px;
  letter-spacing: 1.5px
}

.form_global .center_text small {
  color: #d71920;
  display: block;
  font-style: italic;
  font-size: 12px;
  text-transform: lowercase;
  letter-spacing: 1.5px
}

.form_global.form_cep,
.form_global.form_cupom {
  margin-bottom: 10px;
  max-width: 65%;
  position: relative
}

.form_global.form_cep i,
.form_global.form_cupom i {
  font-size: 20px;
  color: black
}

.form_global.form_cep .button,
.form_global.form_cupom .button {
  padding: 8px;
  position: absolute;
  right: 0;
  top: 5px
}

.form_global .form_action {
  margin-bottom: 30px;
  margin-top: 30px
}

.form_global .form_action.two_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.form_global .form_action.two_action>* {
  width: 45%
}

.form_global .form_action .primary_action {
  letter-spacing: 2px;
  font-size: 14px;
  font-size: .875rem;
  margin-top: 25px
}

.form_global .form_action .primary_action.full {
  width: 100%;
  display: block
}

.form_global .form_action .primary_action.icon_center {
  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
}

.form_global .form_action .primary_action.icon_center i {
  font-size: 20px;
  margin-right: 10px
}

.form_global .form_action .primary_action.remove {
  background-color: #e0e0e0;
  color: #2a2a2a
}

.form_global .form_action .action_1 {
  font-size: 14px;
  margin-top: 30px;
  text-align: center
}

.form_global .form_action .action_1.full {
  display: block;
  width: 100%
}

.form_global .form_action .action_2_icon {
  font-size: 10px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.8px;
  border-color: #2a2a2a;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.form_global .form_action .action_2_icon i {
  font-size: 30px;
  margin-right: 10px
}

.form_global .form_action .action_2_icon.full {
  display: block;
  width: 100%
}

.form_global .two_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.form_global .two_items .form_item {
  width: 190px;
  position: relative
}

.form_global .two_items .form_item .label_text {
  left: 0
}

.form_global .two_items .form_item input {
  padding-left: 0px
}

.form_global .two_items .form_item:first-child {
  max-width: 100px
}

.form_global .form_item {
  position: relative
}

.form_global .form_item.noicon input {
  padding-left: 0
}

.form_global .form_item.noicon .label_text {
  left: 0
}

.form_global .form_item .icon-mail {
  font-size: 13px;
  top: 18px
}

.form_global .form_item .hint_link {
  display: block;
  text-align: right;
  font-size: 12px;
  letter-spacing: 0.8px;
  text-decoration: underline;
  margin-top: 5px
}

.form_global .form_item .hint {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #5c5c5c;
  font-style: italic;
  font-weight: 300;
  margin-top: 5px
}

.form_global .form_item.focus .label_text,
.form_global .form_item.is-autofilled .label_text {
  left: 0;
  top: -5px;
  font-size: 90%
}

.form_global .form_item .input_text {
  border: 0;
  border-bottom: 2px solid #2a2a2a;
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  padding: 15px 15px 10px 30px
}

.form_global .form_item .label_text {
  position: absolute;
  white-space: nowrap;
  font-size: 14px;
  font-size: .875rem;
  font-style: italic;
  font-weight: 300;
  left: 30px;
  top: 15px;
  transition: all ease-in 0.2s;
  pointer-events: none
}

.form_global .form_item .info_text {
  display: block;
  text-align: right;
  font-size: 13px;
  margin-top: 10px;
  font-style: italic
}

.form_global .form_item i {
  position: absolute;
  left: 5px;
  top: 15px;
  color: #bfbfbf;
  pointer-events: none
}

.form_global .form_item input:invalid {
  box-shadow: none !important;
  outline: none !important
}

.form_global.form_unavailable .form_item {
  margin-top: 15px;
  max-width: 255px;
  margin: 15px auto 0
}

.form_global.form_unavailable .sku_unavailable {
  width: 30px;
  height: 30px;
  border: 2px solid transparent;
  outline: 1px solid #bebebe;
  margin-right: 15px
}

.form_global.form_unavailable .sku_unavailable img {
  display: block;
  height: 100%;
  height: 100%
}

.form_global.form_unavailable .top,
.form_global.form_unavailable .head {
  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
}

.form_global.form_unavailable .head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.form_global.form_unavailable .title {
  color: #191919;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  font-size: .875rem;
  letter-spacing: 0.8px
}

.form_global.form_unavailable .title+.text {
  color: #191919;
  font-size: 12px;
  font-size: .75rem;
  letter-spacing: 0.4px;
  font-weight: 300
}

.form_perfume .unavailable {
  font-size: 11px;
  font-weight: 700
}

.form_perfume .buy_button {
  border: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  cursor: pointer;
  margin-top: 10px
}

.form_perfume .one_click {
  margin-top: 10px;
  cursor: pointer;
  transition: all ease-in .3s
}

.form_perfume .one_click:hover {
  background: #2a2a2a;
  color: white;
  font-weight: 600;
  border: 1px solid #d4d4d4
}

.form_perfume .gift_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 250px;
  margin: 10px auto 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer
}

.form_perfume .gift_wrap .indice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form_perfume .gift_wrap .indice i {
  font-size: 20px
}

.form_perfume .gift_wrap .indice span {
  font-size: 12px
}

.form_perfume .gift_wrap .gift_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.form_perfume .gift_wrap .gift_name span {
  font-size: 14px
}

.form_perfume .gift_wrap .gift_name small {
  font-size: 12px
}

.form_perfume .head_text {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form_perfume .head_text .flag_discount {
  z-index: 1;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.4px
}

.form_perfume .head_text p {
  font-size: 14px;
  color: #919191;
  font-weight: 400;
  display: block;
  letter-spacing: 0.8px
}

.form_perfume .form_item {
  border-bottom: 1px solid white;
  cursor: pointer
}

.form_perfume .form_item input:checked~.wrap {
  background: white;
  box-shadow: 3px 3px 12px rgba(51, 51, 51, 0.15);
  z-index: 9
}

.form_perfume .form_item input:checked~.wrap .price_area span.old_price {
  opacity: 1;
  max-height: 60px
}

.form_perfume .form_item input:checked~.wrap .price_area span.instalment {
  opacity: 1;
  max-height: 60px
}

.form_perfume .form_item label input {
  display: none
}

.form_perfume .form_item label .wrap {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  position: relative;
  transition: all ease-in 0.3s;
  cursor: pointer
}

.form_perfume .form_item label .infos {
  width: 50%
}

.form_perfume .form_item label .infos span {
  display: block;
  text-align: center
}

.form_perfume .form_item label .infos span.size {
  color: #191919;
  font-weight: 700;
  font-size: 14px
}

.form_perfume .form_item label .infos span.ref {
  text-transform: uppercase;
  color: #c2c2c2;
  white-space: nowrap;
  font-size: 10px
}

.form_perfume .form_item label .price_area {
  width: 50%
}

.form_perfume .form_item label .price_area span {
  display: block
}

.form_perfume .form_item label .price_area span.old_price {
  color: #919191;
  text-decoration: line-through;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 2px;
  opacity: 1
}

.form_perfume .form_item label .price_area span.best_price {
  text-transform: uppercase;
  font-weight: 700;
  color: #2a2a2a;
  font-size: 15px
}

.form_perfume .form_item label .price_area span.instalment {
  color: #5c5c5c;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 300;
  opacity: 0;
  max-height: 0
}

.lightbox.edit_location .select_style,
.form_global.payment_form .select_style,
.checkout_cart .row_packing .style_select,
.checkout_cart .form_product_row .style_select {
  position: relative
}

.lightbox.edit_location .select_style:after,
.form_global.payment_form .select_style:after,
.checkout_cart .row_packing .style_select:after,
.checkout_cart .form_product_row .style_select:after {
  content: "\e91c";
  display: block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  right: 12px;
  top: 50%;
  font-size: 13px;
  margin-top: -6.5px;
  z-index: -1
}

.lightbox.edit_location .select_style select,
.form_global.payment_form .select_style select,
.checkout_cart .row_packing .style_select select,
.checkout_cart .form_product_row .style_select select {
  background-color: transparent;
  border: 1px solid #e0e0e0;
  padding: 5px 30px 5px 10px
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset
}

input::-ms-clear {
  color: transparent;
  display: none
}

@-webkit-keyframes onAutoFillStart {
  from {}

  to {}
}

@keyframes onAutoFillStart {
  from {}

  to {}
}

@-webkit-keyframes onAutoFillCancel {
  from {}

  to {}
}

@keyframes onAutoFillCancel {
  from {}

  to {}
}

input:-webkit-autofill {
  -webkit-animation-name: onAutoFillStart;
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s
}

input:not(:-webkit-autofill) {
  -webkit-animation-name: onAutoFillCancel;
  animation-name: onAutoFillCancel
}

.circle_selection {
  position: relative;
  display: table
}

.circle_selection [data-wheelnav] {
  height: 308px;
  width: 308px;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px 4px
}

.circle_selection [data-wheelnav]>svg {
  height: 100%;
  width: 100%
}

.circle_selection [data-wheelnav]>svg text {
  display: none
}

@media (max-width: 600px) {
  .circle_selection [data-wheelnav] {
    height: 350px;
    width: 350px
  }
}

@media (max-width: 400px) {
  .circle_selection [data-wheelnav] {
    height: 300px;
    width: 300px
  }
}

.circle_selection.small {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(40%, -50%) scale(0.2);
  transform: translate(40%, -50%) scale(0.2);
  transition: all 0.2s;
  z-index: 1
}

.circle_selection.small .circle:before {
  content: none
}

.circle_selection.small:hover {
  -webkit-transform: translate(40%, -50%) scale(0.5);
  transform: translate(40%, -50%) scale(0.5)
}

.circle_selection .circle {
  width: 210px;
  height: 210px;
  box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.15);
  background: white;
  position: absolute;
  margin-top: -105px;
  margin-left: -105px;
  top: 50%;
  left: 50%;
  z-index: 9;
  border-radius: 50%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.circle_selection .circle img {
  width: 80px
}

.circle_selection .circle:before {
  content: '';
  width: 100px;
  left: 50%;
  margin-left: -50px;
  height: 1px;
  background-color: #dcdcdc;
  opacity: 0.6;
  position: absolute;
  bottom: 65px
}

.circle_selection .circle .palet {
  margin-bottom: 15px;
  margin-top: -45px
}

.circle_selection .circle .text_label {
  font-size: 14px;
  color: #919191;
  font-weight: 400
}

.circle_selection .circle .color_name {
  font-size: 16px;
  color: #2a2a2a;
  font-weight: 700;
  margin-top: 2px
}

.circle_selection .circle:after {
  bottom: 93%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px
}

.circle_selection .box_shadow {
  box-shadow: 5px 9px 20px rgba(51, 51, 51, 0.25);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%
}

.circle_selection .roulette {
  position: relative;
  width: 308px;
  height: 308px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid white;
  transition: -webkit-transform ease-in 0.9s;
  transition: transform ease-in 0.9s;
  transition: transform ease-in 0.9s, -webkit-transform ease-in 0.9s
}

.circle_selection .roulette.elements-3 label {
  border-width: 154px 112px 0
}

.circle_selection .roulette.elements-5 label {
  border-width: 154px 112px 0
}

.circle_selection .roulette.elements-6 label {
  border-width: 154px 112px 0
}

.circle_selection .roulette.elements-7 label {
  border-width: 154px 89px 0
}

.circle_selection .roulette.elements-7 label {
  border-width: 154px 75px 0
}

.circle_selection .roulette.elements-8 label {
  border-width: 154px 65px 0
}

.circle_selection .roulette.elements-9 label {
  border-width: 154px 57px 0
}

.circle_selection .roulette.elements-10 label {
  border-width: 154px 51px 0
}

.circle_selection .roulette.elements-11 label {
  border-width: 154px 46px 0
}

.circle_selection .roulette.elements-12 label {
  border-width: 154px 46px 0
}

.circle_selection .roulette.elements-13 label {
  border-width: 154px 38px 0
}

.circle_selection .roulette.elements-14 label {
  border-width: 154px 36px 0
}

.circle_selection .roulette.elements-15 label {
  border-width: 154px 36px 0
}

.circle_selection .roulette.elements-20 label {
  border-width: 154px 25px 0
}

.circle_selection .roulette .item {
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid;
  border-width: 154px 153px 0;
  overflow: hidden;
  -webkit-transform-origin: center 153px;
  transform-origin: center 153px;
  background: transparent !important;
  transition: all .3s
}

.circle_selection .roulette .item .sku_name {
  display: none
}

.circle_selection .roulette .item input {
  display: none
}

.circle_selection .roulette .item:hover {
  z-index: 8
}

.breadcrumb {
  margin-bottom: 15px
}

.breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.breadcrumb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.breadcrumb li:after {
  content: '-';
  font-size: 10px;
  color: #e0e0e0;
  font-weight: 400;
  margin: 0 5px
}

.breadcrumb li:last-child:after {
  content: none
}

.breadcrumb a {
  font-size: 10px;
  color: #e0e0e0;
  font-weight: 400;
  text-transform: uppercase
}

#header {
  background: url(../images/bg-menu-renner.png);
  height: 270px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 97
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header {
    height: 140px;
    background-position: center
  }
}

#header .user_wrap {
  display: none;
  color: white;
  font-size: 20px;
  margin-top: 15px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header .user_wrap {
    display: block
  }
}

#header .user_wrap.active .nav_wrap {
  left: -10px;
  opacity: 1;
  visibility: visible
}

#header .user_wrap .nav_wrap {
  display: block;
  background: white;
  color: black;
  position: absolute;
  top: 0;
  padding-top: 60px;
  width: 220px;
  left: -15em;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in .3s
}

#header .user_wrap .nav_wrap .user_nav {
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f5f5f5
}

#header .user_wrap .nav_wrap .user_nav ul {
  position: relative;
  height: 100%;
  width: 100%;
  visibility: visible;
  padding-top: 0;
  padding-left: 0;
  left: 0;
  top: 0
}

#header .user_wrap .nav_wrap .user_nav ul li {
  margin-top: 20px
}

#header .user_wrap .nav_wrap .user_nav ul li i {
  width: auto;
  height: auto
}

#header .user_wrap .nav_wrap .user_nav .handle {
  color: #2a2a2a
}

#header .user_wrap .nav_wrap .aux_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 30px
}

#header .user_wrap .nav_wrap .aux_area li {
  color: black;
  margin-left: 0;
  margin-bottom: 20px;
  font-size: 14px
}

#header .user_wrap .nav_wrap .aux_area li i {
  font-size: 20px
}

#header .user_wrap .user_handle {
  height: 20px;
  width: 25px;
  position: relative;
  z-index: 3;
  display: block;
  transition: all .3s
}

#header .user_wrap .user_handle.active {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

#header .user_wrap .user_handle.active span {
  opacity: 0
}

#header .user_wrap .user_handle.active:after,
#header .user_wrap .user_handle.active:before {
  top: 50%;
  margin-top: -1px;
  bottom: inherit;
  background: black
}

#header .user_wrap .user_handle.active:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

#header .user_wrap .user_handle.active:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#header .user_wrap .user_handle span {
  position: absolute;
  width: 100%;
  background: white;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
  transition: all ease-in .2s
}

#header .user_wrap .user_handle:after,
#header .user_wrap .user_handle:before {
  content: '';
  position: absolute;
  width: 100%;
  background: white;
  height: 2px;
  left: 0;
  transition: all ease-in .2s
}

#header .user_wrap .user_handle:after {
  bottom: 1px
}

#header .user_wrap .user_handle:before {
  top: 1px
}

#header.safe {
  position: relative;
  height: auto !important;
  background: transparent;
  width: 65%
}

#header.safe.full {
  width: 100%
}

#header.safe .bg_header {
  padding-bottom: 0
}

#header.safe .logo {
  margin-left: 0
}

#header.safe .safe_info i {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 14px;
  margin-right: 10px
}

#header.safe .safe_info span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400
}

#header.safe .help_text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-transform: uppercase
}

#header.safe .help_text strong {
  font-weight: 900
}

#header.safe .wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  height: 60px
}

#header.safe .logo .brand {
  background-image: url(../images/logo_black.png)
}

#header .brand_icon {
  display: none
}

.hide_shadow #header {
  background: none;
  height: 101px
}

#header .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e0e0e0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 60px;
  height: 25px;
  position: absolute;
  right: 0;
  bottom: 20px
}

#header .count .remove {
  font-size: 35px;
  height: 25px;
  line-height: 20px;
  width: 20px;
  text-align: center
}

#header .count .add {
  font-size: 25px;
  height: 25px;
  line-height: 22px;
  width: 20px;
  text-align: center
}

#header.internal {
  position: relative;
  height: auto !important;
  background: white
}

#header.internal .bg_header {
  background: rgba(255, 255, 255, 0.8);
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea
}

#header.internal .logo .brand {
  background-image: url(../images/logo_black.png)
}

#header.internal .aux_area li {
  color: #2a2a2a
}

#header.internal .user_nav .handle {
  color: #2a2a2a
}

#header.internal .wish {
  color: #2a2a2a
}

#header.internal .cart .handle {
  color: #2a2a2a
}

#header.internal #menu .direct_manipulate li a:after {
  background: #2a2a2a
}

#header.internal #menu li {
  color: #2a2a2a
}

#header.internal .search .input {
  border-bottom: 2px solid #2a2a2a;
  background: transparent;
  color: #2a2a2a;
  margin-top: 2px
}

#header.internal .search label:after {
  color: #2a2a2a
}

#header .bg_header {
  transition: all ease-in .4s;
  background: transparent;
  position: relative;
  padding-bottom: 10px
}

#header.hover {
  height: 101px;
  background-image: none;
  z-index: 97
}

#header.hover .user_handle:after,
#header.hover .user_handle:before,
#header.hover .user_handle span {
  background: black
}

#header.hover .bg_header {
  background: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.hover .bg_header {
    background: white
  }
}

#header.hover .bg_header .user_nav .handle {
  color: #2a2a2a
}

#header.hover .logo .brand {
  background-image: url(../images/logo_black.png)
}

#header.hover .aux_area li {
  transition: all .5s;
  color: #2a2a2a
}

#header.hover .user_nav .handle {
  transition: all .5s;
  color: #2a2a2a
}

#header.hover .wish {
  transition: all .5s;
  color: #2a2a2a
}

#header.hover .cart .handle {
  transition: all .5s;
  color: #2a2a2a
}

#header.hover #menu .direct_manipulate li a:after {
  background: #2a2a2a
}

#header.hover #menu li {
  transition: all .5s;
  color: #2a2a2a
}

#header.hover .search .input {
  border-bottom: 2px solid #2a2a2a;
  background: transparent;
  color: #2a2a2a;
  transition: all .1s
}

#header.hover .search label:after {
  color: #2a2a2a;
  transition: all .1s
}

#header.hover .user_nav .handle {
  z-index: 5;
  color: #2a2a2a
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.search_active {
    background: white
  }

  #header.search_active .search_form {
    width: 97%;
    position: relative;
    margin: 0 auto
  }
}

#header.search_active div.bg_header {
  background: white !important
}

#header.search_active div.bg_header .user_handle:after,
#header.search_active div.bg_header .user_handle:before,
#header.search_active div.bg_header .user_handle span {
  background: black
}

#header.search_active div.bg_header .bg_header {
  background: rgba(255, 255, 255, 0.8)
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.search_active div.bg_header .bg_header {
    background: white
  }
}

#header.search_active div.bg_header .logo .brand {
  background-image: url(../images/logo_black.png)
}

#header.search_active div.bg_header .aux_area li {
  transition: all .5s;
  color: #2a2a2a
}

#header.search_active div.bg_header .user_nav .handle {
  transition: all .5s;
  color: #2a2a2a
}

#header.search_active div.bg_header .wish {
  transition: all .5s;
  color: #2a2a2a
}

#header.search_active div.bg_header .cart .handle {
  transition: all .5s;
  color: #2a2a2a
}

#header.search_active div.bg_header #menu .direct_manipulate li a:after {
  background: #2a2a2a
}

#header.search_active div.bg_header #menu li {
  transition: all .5s;
  color: #2a2a2a
}

#header.search_active div.bg_header .search .input {
  border-bottom: 2px solid #2a2a2a;
  background: transparent;
  color: #2a2a2a;
  transition: all .1s
}

#header.search_active div.bg_header .search label:after {
  color: #2a2a2a;
  transition: all .1s
}

#header.search_active .wrap_bottom {
  position: relative
}

#header.search_active .wrapper:after {
  content: '';
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  height: 16px
}

#header.search_active .search {
  width: 100%;
  position: absolute;
  right: 0;
  z-index: 3;
  background: white
}

#header.search_active .search .close {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer
}

#header.search_active .search label:after {
  right: inherit;
  left: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: -10px
}

#header.search_active .search .input {
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  padding-left: 35px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all .1s;
  padding: 0 80px 0 40px;
  color: black
}

#header.search_active .search .input::-webkit-input-placeholder {
  color: transparent !important
}

#header.search_active .search .input:-ms-input-placeholder {
  color: transparent !important
}

#header.search_active .search .input::placeholder {
  color: transparent !important
}

#header.search_active .search .icon-voice {
  margin-top: -10px;
  cursor: pointer
}

#header.search_active .opened_search {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translatey(0);
  transform: translatey(0);
  background: #fff
}

#header.header_checkout {
  width: 100%;
  max-width: 1240px;
  padding: 0 15px;
  margin: 0 auto
}

#header.header_checkout.safe {
  width: auto;
  padding: 10px 0;
  z-index: 1
}

#header.header_checkout:not(.safe) {
  margin: 0 auto 2%
}

#header .search {
  margin-top: auto;
  width: 25%;
  transition: all ease 0.3s
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    width: auto
  }
}

#header .search .close {
  display: none
}

#header .search .form_item {
  position: relative
}

#header .search label {
  position: relative
}

#header .search label:after {
  content: "\e902";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  color: white
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header .search label:after {
    right: 15px
  }
}

#header .search .input {
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  font-size: 12px;
  font-size: .75rem;
  color: white;
  font-weight: bold;
  padding: 8px 78px 8px 8px;
  width: 100%;
  height: 40px;
  right: 0;
  position: relative;
  margin-top: 5px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header .search .input {
    width: 0;
    padding: 0
  }
}

#header .search .icon-voice {
  font-family: inherit !important;
  width: 20px;
  height: 20px;
  background: url(../images/MIC.png) center no-repeat;
  display: block;
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header .logo {
    position: absolute;
    margin: 15px auto
  }
}

#header .logo .brand {
  width: 202px;
  height: 36px
}

#header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 90px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 5px;
  transition: all ease-in 0.3s;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header .wrapper {
    height: auto;
    padding-top: 0
  }
}

#header .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  margin-left: auto
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header .wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px
  }

  #header .wrap .wrap_bottom {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
    margin-top: 15px
  }
}

#header .wrap_bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  height: 45px
}

#header .aux_area {
  margin: 0 auto
}

#header .aux_area li {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.8);
  margin-right: 15px;
  font-weight: 400;
  letter-spacing: 1px
}

#header .aux_area li i {
  margin-right: 5px;
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: bottom
}

#header .aux_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#header .client_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

#header .authenticated .user_nav ul {
  transition-delay: 0.5s
}

#header .authenticated .user_nav .logout {
  margin-top: 10px;
  transition: all ease 0.3s;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .authenticated .user_nav .logout i {
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  color: #F8F8F8
}

#header .authenticated .user_nav .logout:hover {
  font-size: 14px
}

#header .authenticated .user_nav a:hover:not(.logout) span {
  text-decoration: underline
}

#header .authenticated .user_nav:hover ul {
  transition-delay: 0s;
  max-height: 400px;
  box-shadow: -9.3px 3.6px 35px rgba(51, 51, 51, 0.15);
  background: white;
  visibility: visible
}

#header .authenticated .user_nav:hover .handle {
  z-index: 5;
  color: #2a2a2a
}

#header .authenticated .user_nav:hover .handle:after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

#header .authenticated .user_nav .handle:after {
  content: "\e91c";
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 12px;
  font-size: .75rem;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.3s
}

#header .user_nav {
  -ms-flex-item-align: start;
  align-self: flex-start
}

#header .user_nav ul {
  position: absolute;
  background: white;
  z-index: 4;
  width: 220px;
  top: -13px;
  padding-top: 30px;
  left: -20px;
  padding: 45px 20px 20px 20px;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.3s;
  background: transparent;
  visibility: hidden
}

#header .user_nav ul li {
  margin-top: 10px;
  font-size: 12px;
  font-size: .75rem;
  color: #2a2a2a
}

#header .user_nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#header .user_nav ul li i {
  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;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: #f5f5f5;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 10px
}

#header .user_nav .handle {
  color: white;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  z-index: 5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

#header .user_nav .handle span {
  line-height: 20px;
  vertical-align: middle
}

#header .user_nav .handle span strong {
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom
}

#header .user_nav .handle:after {
  position: relative;
  top: -5px
}

#header .wish {
  color: white;
  margin-left: 25px;
  font-size: 19px;
  font-size: 1.1875rem
}

#header .cart .handle {
  color: white;
  font-size: 22px;
  font-size: 1.375rem;
  margin-left: 20px;
  margin-right: 10px;
  position: relative
}

#header .cart .handle .num {
  position: absolute;
  color: #2a2a2a;
  background: #e0e0e0;
  border-radius: 50%;
  font-size: 12px;
  width: 15px;
  height: 15px;
  top: -5px;
  right: -5px;
  line-height: 15px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0, 0, 0.65, 1.76)
}

#header .cart .handle .num.updating {
  top: 0;
  right: -2px;
  font-size: 14px;
  line-height: 22px;
  width: 25px;
  height: 25px;
  color: #fff;
  background: #2a2a2a
}

#header .cart .handle:hover+.mini_cart {
  opacity: 1;
  visibility: visible
}

#header .cart .mini_cart {
  background: #fff;
  position: absolute;
  width: 294px;
  left: inherit;
  right: 0;
  z-index: 3;
  margin-top: 10px;
  box-shadow: -7.071px 7.071px 20px 0px rgba(51, 51, 51, 0.2);
  transition: all ease-in 0.3s;
  opacity: 0;
  visibility: hidden
}

#header .cart .mini_cart:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 7px;
  right: 5px
}

#header .cart .mini_cart:before {
  content: '';
  display: block;
  height: 10px;
  background: transparent;
  position: relative;
  top: -10px
}

#header .cart .mini_cart .itens_cart {
  max-height: 380px;
  overflow-y: scroll;
  margin: 0 auto;
  width: 266px
}

#header .cart .mini_cart .list_product {
  width: 250px
}

#header .cart .mini_cart .list_product>li {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #eaeaea
}

#header .cart .mini_cart .list_product>li a {
  display: block
}

#header .cart .mini_cart .list_product>li figure {
  width: 66px;
  display: inline-block;
  margin: 0
}

#header .cart .mini_cart .list_product>li figure img {
  max-height: 75px
}

#header .cart .mini_cart .list_product>li .description {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  font-size: 12px
}

#header .cart .mini_cart .list_product>li .description .name_product {
  color: #2a2a2a;
  margin-bottom: 10px;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

#header .cart .mini_cart .list_product>li .description .info_sku {
  color: #aaaaaa;
  margin-bottom: 7px
}

#header .cart .mini_cart .list_product>li .description .price {
  color: #2a2a2a;
  font-weight: 700
}

#header .cart .mini_cart .list_product>li .description .icon-closed {
  opacity: 0;
  color: #aaaaaa;
  cursor: pointer;
  float: right;
  margin-right: 10px;
  transition: all ease-in 0.3s;
  position: absolute;
  right: 0;
  bottom: 55px
}

#header .cart .mini_cart .list_product>li:hover .icon-closed {
  opacity: 1
}

#header .cart .mini_cart .resume_cart {
  margin: 0 auto;
  padding-bottom: 20px;
  width: 254px
}

#header .cart .mini_cart .resume_cart .row {
  display: block;
  overflow: auto;
  zoom: 1
}

#header .cart .mini_cart .resume_cart .row.resume {
  padding: 10px 0
}

#header .cart .mini_cart .resume_cart .row.resume span {
  float: left;
  text-transform: uppercase;
  font-size: 12px
}

#header .cart .mini_cart .resume_cart .row.resume .price_Total {
  float: right;
  font-weight: bold;
  font-size: 14px
}

#header .cart .mini_cart .resume_cart .row a {
  display: block;
  text-decoration: underline;
  text-align: center;
  font-size: 12px;
  color: #2a2a2a;
  margin: 15px 0 0 0
}

#header .cart .mini_cart .resume_cart .row a.button {
  display: block;
  padding: 15px;
  text-decoration: none
}

#header .cart .mini_cart .resume_cart .row a.button.one_click {
  background: #fff;
  color: #2a2a2a;
  font-weight: 600;
  border: 1px solid #d4d4d4
}

#header .cart .mini_cart .resume_cart .row a.button.one_click span {
  color: #d62424
}

#header .cart .mini_cart .resume_cart .row a.button.one_click:hover {
  background: #2a2a2a;
  color: white
}

#header .cart .mini_cart:hover {
  opacity: 1;
  visibility: visible
}

#header.fixo {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  box-shadow: 0 0px 25px rgba(0, 0, 0, 0.25);
  background: white;
  -webkit-animation: fix_header 300ms;
  animation: fix_header 300ms;
  height: 50px;
  z-index: 99
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo {
    height: auto
  }

  #header.fixo.search_active .search {
    margin-right: 0
  }

  #header.fixo.search_active .form_item {
    width: 100% !important
  }

  #header.fixo.search_active .form_item .input {
    padding-left: 35px
  }
}

#header.fixo .brand {
  display: none
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .brand {
    display: block
  }
}

#header.fixo .opened_search .wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#header.fixo #menu {
  margin-top: 0;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center
}

#header.fixo #menu .submenu .colum a {
  font-weight: normal
}

#header.fixo #menu .submenu .colum.category a,
#header.fixo #menu .submenu .colum .categorie_direct {
  font-weight: bold
}

#header.fixo #menu li a {
  font-weight: bold
}

#header.fixo .search {
  margin-top: 0;
  height: 50px;
  min-width: 310px;
  margin-right: 20px;
  padding-left: 2%
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .search {
    min-width: inherit
  }

  #header.fixo .search .form_item {
    width: 300px;
    margin-right: 10px
  }

  #header.fixo .search .input {
    width: 100%;
    padding-left: 10px
  }
}

#header.fixo .search .search_form {
  height: 100%
}

#header.fixo .search .form_item {
  height: 100%;
  background: #f5f5f5
}

#header.fixo .search .form_item label {
  display: block;
  height: 100%
}

#header.fixo .search .input {
  margin-top: 0;
  height: 100%;
  border-bottom: 0
}

#header.fixo .bg_header {
  padding-bottom: 0;
  background: white;
  border-bottom: 1px solid #eaeaea
}

#header.fixo .wrap_bottom {
  margin-top: 0
}

#header.fixo .wrapper {
  height: 50px;
  padding-top: 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto
  }
}

#header.fixo .client_area {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

#header.fixo .user_nav {
  display: none
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .user_nav {
    display: block
  }
}

#header.fixo .wrap {
  margin-left: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

#header.fixo .aux_area {
  display: none
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .aux_area {
    display: block
  }
}

#header.fixo .logo {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin: 0;
  margin-right: 20px;
  min-width: 40px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .logo {
    position: static;
    margin-left: 10px
  }
}

#header.fixo .logo .brand_icon {
  display: block
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #header.fixo .logo .brand_icon {
    display: none
  }
}

#header.fixo .logo svg {
  display: none
}

.opened_search {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-width: 100%;
  background: transparent;
  transition: all ease-in 0.3s;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px)
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .opened_search {
    top: 45px;
    position: absolute
  }
}

.opened_search .wrapper {
  height: auto !important
}

.opened_search .shelf .img_product {
  min-height: 0;
  background: transparent
}

.opened_search .opened_search_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  width: 100%
}

.opened_search .opened_search_header .field {
  width: 33%;
  padding-right: 20px
}

.opened_search .opened_search_header .field:first-child:before {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid #d0d0d0
}

.opened_search .opened_search_header .field h3 {
  text-transform: uppercase;
  font-size: 11px;
  color: #2a2a2a;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 18px
}

.opened_search .opened_search_header .field h3 span {
  text-decoration: underline
}

.opened_search .opened_search_header .field.price .item {
  background: #e7e7e7;
  margin-right: 3px;
  margin-bottom: 3px;
  min-width: 100px;
  text-align: center;
  height: 25px;
  cursor: pointer
}

.opened_search .opened_search_header .field.price .item a {
  color: #919191;
  font-size: 12px;
  line-height: 25px;
  width: 100%;
  display: block;
  padding: 0 15px;
  cursor: pointer
}

.opened_search .opened_search_header .field.color .item {
  background: #e7e7e7;
  margin-right: 3px;
  margin-bottom: 3px;
  cursor: pointer
}

.opened_search .opened_search_header .field.color .item a {
  color: #919191;
  font-size: 12px;
  border: 1px solid transparent;
  width: 39px;
  height: 39px;
  font-size: 0;
  display: block
}

.opened_search .content_search {
  padding: 20px 0;
  width: 100%
}

.opened_search .content_search>div {
  overflow: auto;
  zoom: 1;
  margin-bottom: 20px
}

.opened_search .content_search>div h3 {
  float: left;
  text-transform: uppercase;
  font-size: 14px;
  color: #2a2a2a;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 50px;
  margin-right: 5%
}

.opened_search .content_search>div a {
  float: right;
  font-size: 11px;
  font-size: .6875rem;
  text-decoration: none;
  background: transparent;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #d0d0d0;
  padding: 15px 40px;
  transition: all ease-in 0.3s
}

.opened_search .content_search>div a:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff
}

.opened_search .content_search .shelf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.opened_search .content_search .shelf .item_product {
  margin: 0 2px
}

.opened_search .content_search .shelf .item_product:hover .action_item {
  opacity: 1
}

.opened_search .content_search .shelf .img_product {
  position: relative;
  overflow: hidden
}

.opened_search .content_search .shelf .img_product figure {
  margin: 0 0 10px 0
}

.opened_search .content_search .shelf .name_product {
  font-weight: 300;
  font-size: 14px;
  color: #2a2a2a
}

.opened_search .content_search .shelf .price {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin: 5px 0
}

.opened_search .content_search .shelf .installment {
  font-size: 11px;
  color: #2a2a2a;
  display: block
}

.opened_search .content_search .shelf .action_item {
  transition: all ease-in 0.3s;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  height: 175px;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -7px;
  padding: 20px 0
}

.opened_search .content_search .shelf .action_item .list_field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.opened_search .content_search .shelf .action_item .button {
  display: inline-block;
  font-size: 11px;
  font-size: .6875rem;
  text-decoration: none;
  background: #2a2a2a;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  padding: 12px 40px;
  transition: all ease-in 0.3s;
  margin: 0 0 5px 0;
  cursor: pointer
}

.field {
  margin-bottom: 15px
}

.field h3 {
  text-transform: uppercase;
  font-size: 11px;
  color: #2a2a2a;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 18px
}

.field h3 span {
  text-decoration: underline
}

.field .list_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.field .list_field .item {
  cursor: pointer
}

.field .list_field .item label {
  color: #919191;
  font-size: 12px;
  width: 25px;
  height: 25px;
  font-size: 0;
  display: block;
  margin: 0 5px;
  cursor: pointer
}

.field .list_field .item input {
  display: none
}

.field .list_field .item input:checked+label {
  outline: 1px solid #1a1a1a
}

.field.suggestions .item {
  margin: 0 30px 10px 0
}

.field.suggestions .item a {
  color: #919191;
  font-size: 13px;
  font-style: italic;
  text-decoration: underline
}

.field.color .item label {
  background: #E91E63;
  color: #919191;
  font-size: 12px;
  width: 25px;
  height: 25px;
  font-size: 0;
  display: block;
  margin: 0 5px;
  cursor: pointer;
  border: 2px solid transparent;
  outline: 1px solid #e0e0e0;
  outline-offset: 1px
}

.field.size .item label {
  background: #f5f5f5;
  font-size: 12px;
  color: #2a2a2a;
  line-height: 25px
}

@-webkit-keyframes fix_header {
  from {
    top: -100px
  }

  to {
    top: 0px
  }
}

@keyframes fix_header {
  from {
    top: -100px
  }

  to {
    top: 0px
  }
}

.promo_row {
  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;
  position: relative;
  margin-top: 0 !important;
  letter-spacing: 1px;
  z-index: 10;
  background: #f5f5f5
}

header .promo_row {
  padding: .2% 0;
  background: #ac0c18
}

.promo_row .center {
  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;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px
}

.promo_row .close {
  color: white;
  font-weight: bold;
  font-size: 14px;
  font-size: .875rem;
  position: absolute;
  right: 1%
}

.promo_row .promo_handle {
  width: 17px;
  height: 17px;
  background: white;
  border-radius: 50%;
  display: block;
  position: relative;
  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 5px
}

.promo_row .promo_handle.active:after {
  content: '-';
  line-height: 1px
}

.promo_row .promo_handle:after {
  content: '+';
  color: #ac0c18;
  font-weight: bold;
  font-size: 19px;
  font-size: 1.1875rem;
  position: relative;
  left: 0px;
  line-height: 1px
}

.promo_row .headline_media {
  margin: 0 5px
}

.promo_row .headline_media a {
  display: block
}

.promo_row .headline_media img {
  max-height: 75px
}

.promo_row .promo_desc {
  color: white;
  font-size: 16px;
  font-size: 1rem;
  margin: 0 5px
}

.promo_row .headline {
  text-transform: uppercase;
  font-weight: 400;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 5px
}

.promo_row .headline:before {
  font-weight: bold;
  margin-right: 7px
}

.promo_row .headlineStrong {
  font-weight: 700;
  font-size: 30px;
  color: white;
  margin: 0 5px
}

.promo_row .offer {
  z-index: 0;
  position: absolute;
  background: #ac0c18;
  top: 100%;
  padding: 0 20px;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: all ease-out 1s;
  -webkit-transform: translateY(-335px);
  transform: translateY(-335px);
  z-index: -1
}

.promo_row .offer .direction_department {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px
}

.promo_row .offer .direction_department .link {
  padding: 15px 5px;
  background-color: white;
  text-align: center;
  min-width: 105px;
  display: inline-block;
  font-size: 12px;
  font-size: .75rem;
  letter-spacing: 1px;
  color: #ac0c18;
  margin-left: 15px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.3s;
  border: 1px solid transparent
}

.promo_row .offer .direction_department .link:hover {
  border: 1px solid #2a2a2a
}

.promo_row .offer .direction_department .link:first-child {
  margin-left: 0
}

.promo_row .offer .content {
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1)
}

.promo_row .offer .media_offer {
  display: none
}

.promo_row .offer .media_offer a {
  display: block
}

.promo_row .offer .media_offer img {
  margin: 0 auto
}

.promo_row .offer .text_offer {
  max-width: 550px;
  max-height: 180px;
  overflow: auto;
  color: white;
  padding-right: 15px
}

.promo_row .offer .text_offer p {
  margin-bottom: 1%
}

.promo_row .offer .text_offer ul {
  margin-bottom: 1%
}

.promo_row .offer .text_offer .title {
  text-transform: uppercase;
  font-size: 16px;
  margin: 2% 0 4%
}

.promo_row .offer.active {
  height: 335px;
  max-height: inherit;
  padding: 24px;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.promo_row--intern {
  background: #ac0c18
}

.promo_row--intern+.cart_wrapper {
  margin-top: 100px
}

#menu {
  margin-right: auto;
  margin-top: 12px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #menu {
    margin: 0 auto
  }
}

#menu .banner_menu {
  max-width: 280px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #menu .banner_menu {
    display: none
  }
}

#menu .submenu {
  position: absolute;
  left: 0;
  background: white;
  width: 100%;
  top: 100%;
  height: 0;
  overflow: hidden;
  z-index: 99999;
  transition: height ease-in 0.3s;
  transition-delay: 0.3s;
  box-shadow: inset 0px 1px 0 0px #eaeaea
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #menu .submenu {
    top: 98%
  }
}

#menu .submenu .content {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 99;
  position: relative
}

#menu .submenu .colum {
  width: 190px;
  margin-right: 55px
}

#menu .submenu .colum:last-child {
  margin-right: 0
}

#menu .submenu .colum.brands {
  width: auto
}

#menu .submenu .colum.brands li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#menu .submenu .colum.brands li img {
  width: 100px
}

#menu .submenu .colum.brands li:hover {
  background-color: transparent
}

#menu .submenu .colum .categorie_direct {
  font-size: 12px;
  font-size: .75rem;
  font-weight: 700;
  color: #2a2a2a;
  border-bottom: 2px solid #2a2a2a;
  padding-bottom: 15px;
  margin-bottom: 10px
}

#menu .submenu .colum .view_more {
  font-style: italic;
  font-size: 12px;
  font-size: .75rem;
  color: #2a2a2a;
  font-weight: 400;
  text-decoration: underline;
  margin-top: 5px
}

#menu .submenu .colum.category {
  margin-left: 10px;
  width: 210px
}

#menu .submenu .colum.category li {
  font-weight: bold
}

#menu .submenu .colum.category a {
  color: #2a2a2a
}

#menu .submenu .colum a {
  display: block;
  padding: 7px 10px;
  color: #919191;
  white-space: normal
}

#menu .submenu .colum ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#menu .submenu .colum li {
  margin-left: 0;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  font-size: .75rem
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #menu .submenu .colum li {
    padding: 0
  }
}

#menu .submenu .colum li:hover {
  background: #f5f5f5
}

#menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#menu ul.direct_manipulate li:hover,
#menu ul.direct_manipulate li.active {
  border-color: transparent
}

#menu ul.direct_manipulate li:hover a:after,
#menu ul.direct_manipulate li.active a:after {
  width: 100%;
  left: 0;
  right: inherit
}

#menu ul.direct_manipulate li a {
  position: relative
}

#menu ul.direct_manipulate li a:after {
  content: '';
  width: 0%;
  height: 2px;
  position: absolute;
  bottom: 11px;
  right: 0;
  background: white;
  transition: all 0.3s
}

#menu li {
  font-size: 12px;
  font-size: .75rem;
  padding-top: 3px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: white;
  border-bottom: 2px solid transparent;
  margin-left: 20px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #menu li {
    margin-left: 0;
    padding: 20px 10px
  }
}

#menu li h2 {
  margin: 0
}

#menu li a {
  padding-bottom: 35px;
  white-space: nowrap
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  #menu li:hover {
    background: #f5f5f5
  }
}

#menu li:hover.has_submenu {
  border-bottom: 2px solid #2a2a2a
}

#menu li:hover.has_submenu .submenu {
  height: 610px
}

#menu li:first-child {
  margin-left: 0
}

.webdoor {
  position: relative;
  overflow: hidden;
  transition: all ease 0.4s
}

.webdoor .row_bottom {
  position: absolute;
  bottom: 13%;
  left: 50%;
  margin-left: -510px;
  width: 1020px;
  text-align: center
}

.webdoor .row_bottom .link {
  display: inline-block;
  vertical-align: middle;
  color: white;
  border: 1px solid white;
  padding: 14px 30px;
  margin-left: 20px;
  margin-bottom: 20px;
  letter-spacing: 1.4px
}

.webdoor .row_bottom .link:first-child,
.webdoor .row_bottom .link:nth-child(4n+1) {
  margin-left: 0
}

.webdoor .row_bottom .link i {
  font-size: 18px;
  margin-right: 20px
}

.webdoor .row_bottom .link span {
  font-size: 13px
}

.webdoor .text_featured {
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  display: block;
  width: 100%;
  text-align: center
}

.webdoor .text_featured .hint {
  color: white;
  font-size: 14px;
  margin-top: 30px;
  letter-spacing: 0.8px;
  color: white
}

.webdoor .text_featured .title {
  font-size: 48px;
  line-height: 36px;
  font-weight: 300;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1.4px
}

.webdoor .text_featured .title i {
  display: inline-block;
  vertical-align: top;
  font-size: 36px;
  margin-right: 35px
}

.webdoor .text_featured .title strong {
  font-weight: 300;
  letter-spacing: 1.4px
}

.webdoor.banner_full .slick-dots {
  display: none !important
}

.webdoor.banner_full .item img {
  height: auto
}

.webdoor.mosaic {
  margin-top: 15px;
  max-height: 550px
}

.webdoor.mosaic .big,
.webdoor.mosaic .wrap {
  display: inline-block;
  vertical-align: middle;
  float: left
}

.webdoor.mosaic .big {
  max-width: 942px;
  height: 100%
}

.webdoor.mosaic .wrap {
  max-width: 313px;
  margin-left: 5px
}

.webdoor.mosaic .wrap img {
  margin-bottom: 5px
}

.webdoor.mosaic .item {
  background: none !important
}

.webdoor.mosaic .item a {
  display: block
}

.webdoor.mosaic .item img {
  visibility: visible;
  height: auto
}

.webdoor .wrapper {
  position: relative
}

.webdoor .colunm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 320px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -49vh;
  z-index: 1;
  left: 90px
}

.webdoor .colunm.right {
  right: 90px;
  left: inherit
}

.webdoor .colunm .title {
  font-size: 60px;
  font-size: 3.75rem;
  color: #2a2a2a;
  font-weight: 700;
  margin-bottom: 35px
}

.webdoor .colunm .link {
  font-size: 14px;
  font-size: .875rem;
  width: 180px;
  color: white;
  border-color: white;
  margin-bottom: 20px
}

.webdoor .content {
  width: 400px;
  height: 345px;
  position: absolute;
  background: white;
  left: 172px;
  top: -400px;
  padding-top: 60px
}

.webdoor .content .title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 38px;
  color: #191919;
  font-weight: 300;
  text-align: center;
  max-width: 290px;
  margin: 0 auto;
  margin-bottom: 30px
}

.webdoor .content .text {
  font-weight: 300;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  color: rgba(25, 25, 25, 0.65);
  text-align: center;
  max-width: 290px;
  margin: 0 auto
}

.webdoor .content .link {
  margin: 30px auto 0
}

.webdoor.medium .item img {
  height: 80vh
}

.webdoor.small .item img {
  height: auto;
  width: 100%
}

.webdoor.xsmall .item img {
  height: 60vh
}

@media only screen and (max-height: 768px) {
  .webdoor.xsmall .item img {
    height: 90vh
  }
}

.webdoor .single_direct .direction_department {
  bottom: 30px
}

.webdoor .mult_direct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.webdoor .mult_direct .item {
  width: 25%
}

.webdoor .mult_direct .direction_department {
  margin: 0 auto;
  left: inherit
}

.webdoor .item {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  transition: all ease-in 0.1s
}

.webdoor .item img {
  position: relative;
  height: 100vh;
  visibility: hidden
}

.webdoor .wrap_buttons {
  max-width: 1280px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  margin-left: -640px;
  left: 50%;
  z-index: 9999;
  top: 50%
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .webdoor .wrap_buttons {
    display: none
  }
}

.webdoor .slick-dots {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%
}

.webdoor .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  font-size: 0;
  width: 15px;
  height: 15px;
  border: 1px solid white;
  border-radius: 50%
}

.webdoor .slick-dots li.slick-active {
  border: 5px solid white
}

.webdoor .slick-dots li button {
  display: none
}

.webdoor .slick-arrow {
  cursor: pointer;
  z-index: 98;
  height: 50px;
  width: 35px;
  position: absolute;
  border: 0;
  top: 50%;
  font-size: 0;
  display: block;
  background: transparent
}

.webdoor .slick-arrow.slick-prev {
  left: 20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -30px
}

.webdoor .slick-arrow.slick-prev:hover:before {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.webdoor .slick-arrow.slick-prev:before {
  content: "\e91b";
  display: block;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  transition: all 0.3s;
  text-align: right
}

.webdoor .slick-arrow.slick-next {
  right: 20px;
  margin-top: -25px
}

.webdoor .slick-arrow.slick-next:hover:before {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.webdoor .slick-arrow.slick-next:before {
  content: "\e91b";
  transition: all 0.3s;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  display: block;
  text-align: right
}

.webdoor .direction_department {
  max-width: 920px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 85px;
  left: 50%;
  margin-left: -460px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .webdoor .direction_department {
    max-width: 750px;
    margin-left: -375px
  }
}

.webdoor .direction_department h2 {
  margin-left: auto
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .webdoor .direction_department h2 {
    width: 23%
  }
}

.webdoor .direction_department h2:first-child {
  margin-left: 0
}

.webdoor .direction_department .link {
  min-width: 200px;
  padding: 15px;
  background-color: white;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-size: .75rem;
  letter-spacing: 1px;
  color: #2a2a2a;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.3s;
  border: 1px solid transparent
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .webdoor .direction_department .link {
    min-width: 0;
    width: 100%
  }
}

.webdoor .direction_department .link:hover {
  background: black;
  color: white;
  border-color: white
}

.webdoor .greeting {
  display: block;
  color: #fff;
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 40px;
  letter-spacing: 1.8px
}

.webdoor .greeting span {
  vertical-align: middle
}

.categorie {
  margin-top: 40px;
  height: 980px;
  width: 100%
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie {
    height: 1280px
  }
}

.categorie .wrapper {
  position: relative;
  padding: 0 0;
  height: 100%
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .wrapper .wrap {
    width: 768px;
    height: 1280px;
    position: relative;
    margin: 0 auto
  }
}

.categorie .title {
  padding-left: 20px;
  letter-spacing: 10px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .title {
    text-align: right;
    padding-right: 20px
  }
}

.categorie .title small {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  color: #c6c4c4;
  letter-spacing: 2px
}

.categorie .item {
  position: absolute;
  visibility: hidden
}

.categorie .item img {
  display: block
}

.categorie .item:hover .content {
  opacity: 1
}

.categorie .item .title {
  margin-bottom: 25px;
  padding: 0 10px;
  text-align: center;
  letter-spacing: 5px;
  max-width: 100%
}

.categorie .item .content {
  transition: all ease-in 0.5s;
  position: absolute;
  width: 100%;
  max-width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(58, 58, 58, 0.9);
  color: white
}

.categorie .item .content .link {
  min-width: 140px;
  text-align: center;
  border: 1px solid #e0e0e0;
  padding: 13px 10px;
  height: 40px;
  font-size: 11px;
  font-size: .6875rem;
  text-transform: uppercase
}

.categorie .item .content .link+.link {
  margin-top: 20px
}

.categorie .position_1 {
  top: 135px;
  left: 0
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .position_1 {
    display: none
  }
}

.categorie .position_2 {
  top: 0;
  left: 527px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .position_2 {
    left: 15px;
    top: 15px
  }
}

.categorie .position_3 {
  top: 20px;
  right: 0
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .position_3 {
    top: 60px;
    right: 10px;
    max-width: 380px;
    z-index: 99
  }
}

.categorie .position_4 {
  top: 485px;
  left: 0
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .position_4 {
    top: 450px
  }
}

.categorie .position_5 {
  top: 404px;
  left: 677px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .position_5 {
    left: 20px;
    top: inherit;
    z-index: 99;
    bottom: 300px
  }
}

.categorie .position_6 {
  top: 404px;
  left: 967px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .position_6 {
    left: 20px;
    top: inherit;
    z-index: 99;
    bottom: 85px
  }
}

.categorie .position_7 {
  left: 677px;
  bottom: 0
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .categorie .position_7 {
    left: inherit;
    right: 10px;
    bottom: 55px;
    max-width: 590px
  }
}

.mosaic_categorie .title {
  text-align: center;
  padding: 40px 0;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 3px;
  color: #2a2a2a
}

.mosaic_categorie .media_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.5%
}

.mosaic_categorie .view_more {
  margin: 40px auto
}

.mosaic_categorie .colunm {
  float: left
}

.mosaic_categorie .colunm.small .item {
  width: 100%;
  height: 70%
}

.mosaic_categorie .colunm.small .item.small {
  width: 50%;
  height: 30%
}

.mosaic_categorie .colunm .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  position: relative;
  width: 50%;
  height: 50%;
  text-align: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  padding: 1%
}

.mosaic_categorie .colunm .item img {
  max-width: initial;
  width: auto;
  max-height: 100%;
  height: 100%;
  width: 100%;
  position: relative;
  object-fit: cover;
  object-position: 50% 50%
}

.mosaic_categorie .colunm .item:hover .content {
  opacity: 1
}

.mosaic_categorie .colunm .item .content {
  position: absolute;
  top: 1%;
  left: 1%;
  opacity: 0;
  width: 98%;
  height: 98%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 1px;
  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;
  transition: all ease-in 0.3s
}

.department .webdoor.banner_full .item {
  min-height: 279px
}

.section_tabs {
  margin: 100px auto
}

.section_tabs .bg_section {
  height: 660px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  transition: all 0.3s
}

.section_tabs .view_more {
  margin: 65px auto 40px
}

.section_tabs .content {
  display: none
}

.section_tabs .content.active {
  display: block
}

.section_tabs .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.section_tabs .media_bg {
  display: none
}

.section_tabs .title {
  color: white;
  margin-top: 150px;
  margin-bottom: 20px
}

.section_tabs .media_slider {
  max-width: 970px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .section_tabs .media_slider {
    max-width: 768px
  }
}

.section_tabs .media_slider .form_field {
  margin-bottom: 0
}

.section_tabs .media_slider .sku_selection {
  margin: 0 auto
}

.section_tabs .media_slider .sku_selection .color .name {
  font-size: 0 !important
}

.section_tabs .media_slider .item {
  z-index: 1;
  position: relative;
  transition: all 0.3s;
  width: 323px;
  height: 375px
}

.section_tabs .media_slider .item img {
  height: 100%
}

.section_tabs .media_slider .item:hover {
  box-shadow: 0 0 20px rgba(51, 51, 51, 0.3);
  z-index: 2
}

.section_tabs .media_slider .item:hover .label_product {
  max-height: 120px;
  padding: 20px 14px 12px;
  background: linear-gradient(to top, #ededed 0%, #f6f6f6 0%, #f6f6f6 30%, rgba(246, 246, 246, 0.1) 100%)
}

.section_tabs .media_slider .item .label_product {
  position: absolute;
  bottom: 0;
  padding: 0 14px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.3s;
  background: url(../images/bg_opacity_tabs.png)
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .section_tabs .media_slider .item .label_product {
    max-height: 120px;
    padding: 20px 14px 12px;
    background: linear-gradient(to top, #ededed 0%, #f6f6f6 0%, #f6f6f6 30%, rgba(246, 246, 246, 0.1) 100%)
  }
}

.section_tabs .media_slider .item .label_product.sku_label {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.section_tabs .media_slider .item .label_product .product_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 25px;
  padding-top: 20px
}

.section_tabs .media_slider .item .label_product .product_price .name {
  text-decoration: none;
  font-weight: 300;
  margin-bottom: 3px
}

.section_tabs .media_slider .item .label_product .name {
  font-size: 14px;
  font-size: .875rem;
  color: #2a2a2a;
  text-decoration: underline;
  letter-spacing: 1px
}

.section_tabs .media_slider .item .label_product .price {
  font-size: 14px;
  font-size: .875rem;
  color: #2a2a2a;
  font-weight: 700
}

.section_tabs .media_slider .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  left: 20px;
  height: 50px;
  width: 24px;
  margin-top: -30px;
  z-index: 1
}

.section_tabs .media_slider .slick-arrow.slick-prev:hover:before {
  -webkit-transform: rotate(180deg) scale(1.3);
  transform: rotate(180deg) scale(1.3)
}

.section_tabs .media_slider .slick-arrow.slick-prev:before {
  content: "\e91b";
  display: block;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: #2a2a2a;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
  transition: all 0.3s
}

.section_tabs .media_slider .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  height: 50px;
  width: 24px;
  z-index: 1;
  margin-top: -25px
}

.section_tabs .media_slider .slick-arrow.slick-next:hover:before {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.section_tabs .media_slider .slick-arrow.slick-next:before {
  content: "\e91b";
  transition: all 0.3s;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: #2a2a2a;
  display: block
}

.section_tabs .nav {
  margin-bottom: 30px
}

.section_tabs .nav li {
  display: inline-block;
  vertical-align: middle
}

.section_tabs .nav li a {
  font-size: 12px;
  font-size: .75rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  padding: 16px 24px;
  display: table;
  background-color: transparent;
  transition: all ease-in 0.3s
}

.section_tabs .nav li.active a,
.section_tabs .nav li:hover a {
  background-color: rgba(241, 241, 241, 0.35)
}

body.lookbook {
  max-width: 100%;
  overflow-x: hidden
}

body.lookbook .info_tab .nav li {
  border-bottom: none
}

body.lookbook .info_tab .nav li a {
  font-weight: bold
}

.lookbook_row {
  margin: 80px auto;
  height: 790px
}

.lookbook_row .text {
  position: absolute;
  bottom: -65px;
  opacity: 0;
  width: 100%;
  text-align: center;
  font-weight: 300;
  transition: all ease-in 0.4s;
  display: none;
  color: white;
  text-shadow: 3.5px 3.6px 15px black
}

.lookbook_row .title {
  text-align: center
}

.lookbook_row .title+p {
  color: #919191;
  text-align: center;
  max-width: 630px;
  margin: 10px auto 0;
  font-size: 14px;
  font-size: .875rem
}

.lookbook_row .looks {
  position: relative;
  margin-top: 35px;
  height: 790px;
  overflow: hidden
}

.lookbook_row .looks.visible .text {
  bottom: 65px;
  opacity: 1
}

.lookbook_row .looks .item {
  background: black;
  height: 620px;
  transition: all 0.3s;
  overflow: hidden
}

.lookbook_row .looks .item img {
  width: 870px
}

.lookbook_row .looks .item.slick-center {
  position: relative;
  z-index: 2;
  height: 640px;
  box-shadow: 0 0 55px #2a2a2a
}

.lookbook_row .looks .item.slick-center .text {
  display: block
}

.lookbook_row .looks .item.slick-center img {
  width: 870px;
  opacity: 1
}

.lookbook_row .looks .item img {
  opacity: 0.2;
  transition: all 0.3s
}

.lookbook_row .looks .slick-arrow:hover.slick-prev:before {
  opacity: 1;
  -webkit-transform: scale(1.5) rotate(180deg);
  transform: scale(1.5) rotate(180deg)
}

.lookbook_row .looks .slick-arrow:hover.slick-next:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 1
}

.lookbook_row .looks .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  z-index: 1;
  height: 50px;
  width: 24px;
  border: 0;
  position: absolute;
  top: 40%;
  margin-top: -30px
}

@media only screen and (min-width: 1280px) {
  .lookbook_row .looks .slick-arrow.slick-prev {
    left: 10%
  }
}

@media only screen and (min-width: 1366px) {
  .lookbook_row .looks .slick-arrow.slick-prev {
    left: 15%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook_row .looks .slick-arrow.slick-prev {
    left: 20%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook_row .looks .slick-arrow.slick-prev {
    left: 24%
  }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .lookbook_row .looks .slick-arrow.slick-prev {
    left: 25px
  }
}

.lookbook_row .looks .slick-arrow.slick-prev:before {
  z-index: 1;
  content: "\e91b";
  display: block;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.5;
  transition: all 0.3s
}

.lookbook_row .looks .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  z-index: 1;
  height: 50px;
  width: 24px;
  border: 0;
  top: 40%;
  margin-top: -25px;
  position: absolute
}

@media only screen and (min-width: 1280px) {
  .lookbook_row .looks .slick-arrow.slick-next {
    right: 10%
  }
}

@media only screen and (min-width: 1366px) {
  .lookbook_row .looks .slick-arrow.slick-next {
    right: 15%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook_row .looks .slick-arrow.slick-next {
    right: 20%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook_row .looks .slick-arrow.slick-next {
    right: 24%
  }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .lookbook_row .looks .slick-arrow.slick-next {
    right: 25px
  }
}

.lookbook_row .looks .slick-arrow.slick-next:before {
  content: "\e91b";
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  display: block;
  opacity: 0.5;
  transition: all 0.3s
}

.lookbook .content {
  position: relative
}

.lookbook .look_title {
  font-size: 36px;
  font-size: 2.25rem;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 40px 0
}

.lookbook .look_title .share:hover:before {
  content: '';
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent
}

.lookbook .look_title .share:hover .actions {
  max-width: 500px;
  opacity: 1
}

.lookbook .look_title .share .at-share-btn-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal
}

.lookbook .lookbook_row {
  height: 600px;
  margin: 15px auto 0
}

.lookbook .lookbook_row .wrapper_big {
  width: 1380px;
  padding: 0 10px;
  margin: 0 auto
}

.lookbook .lookbook_row .looks {
  position: relative;
  margin-top: 0;
  height: 600px
}

.lookbook .lookbook_row .looks.visible .text {
  bottom: 65px;
  opacity: 1
}

.lookbook .lookbook_row .looks .item {
  background: black;
  height: 540px;
  transition: all 0.3s;
  overflow: hidden
}

.lookbook .lookbook_row .looks .item img {
  width: 640px
}

.lookbook .lookbook_row .looks .item.slick-center {
  position: relative;
  z-index: 2;
  height: 560px;
  box-shadow: 0 0 55px #2a2a2a
}

.lookbook .lookbook_row .looks .item.slick-center .text {
  display: block
}

.lookbook .lookbook_row .looks .item.slick-center img {
  width: 640px;
  opacity: 1
}

.lookbook .lookbook_row .looks .item img {
  opacity: 0.2;
  transition: all 0.3s
}

.lookbook .lookbook_row .looks .slick-arrow:hover.slick-prev:before {
  opacity: 1;
  -webkit-transform: scale(1.5) rotate(180deg);
  transform: scale(1.5) rotate(180deg)
}

.lookbook .lookbook_row .looks .slick-arrow:hover.slick-next:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 1
}

.lookbook .lookbook_row .looks .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  z-index: 1;
  height: 50px;
  width: 24px;
  border: 0;
  position: absolute;
  top: 50%;
  margin-top: -30px
}

@media only screen and (min-width: 1280px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-prev {
    left: 10%
  }
}

@media only screen and (min-width: 1366px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-prev {
    left: 15%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-prev {
    left: 20%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-prev {
    left: 20%
  }
}

.lookbook .lookbook_row .looks .slick-arrow.slick-prev:before {
  z-index: 1;
  content: "\e91b";
  display: block;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.5;
  transition: all 0.3s
}

.lookbook .lookbook_row .looks .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  z-index: 1;
  height: 50px;
  width: 24px;
  border: 0;
  top: 50%;
  margin-top: -25px;
  position: absolute
}

@media only screen and (min-width: 1280px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-next {
    right: 10%
  }
}

@media only screen and (min-width: 1366px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-next {
    right: 15%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-next {
    right: 20%
  }
}

@media only screen and (min-width: 1600px) {
  .lookbook .lookbook_row .looks .slick-arrow.slick-next {
    right: 20%
  }
}

.lookbook .lookbook_row .looks .slick-arrow.slick-next:before {
  content: "\e91b";
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  display: block;
  opacity: 0.5;
  transition: all 0.3s
}

.lookbook .wrapper_hiper_big {
  width: 1600px;
  padding: 0 10px;
  margin: 0 auto
}

.lookbook .wrap_icons {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  font-size: 20px;
  margin-left: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.lookbook .wrap_icons .share:hover:before {
  content: '';
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50px;
  background: transparent
}

.lookbook .wrap_icons .share:hover .actions {
  max-width: 500px;
  opacity: 1
}

.lookbook .wrap_icons .actions {
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  background-color: #ffffff;
  height: 45px;
  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;
  max-width: 0;
  overflow: hidden;
  top: -12px;
  transition: all 0.8s;
  padding: 0
}

.lookbook .wrap_icons .actions a {
  padding: 10px;
  font-size: 30px;
  font-size: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.lookbook .wrap_icons .actions a i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 2px
}

.lookbook .wrap_icons .actions a span {
  font-size: 10px;
  font-size: .625rem;
  text-transform: uppercase
}

.lookbook .button_primary {
  padding: 15px 30px;
  font-weight: normal
}

.lookbook .button_primary i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 11px
}

.lookbook .button {
  text-transform: uppercase;
  padding: 15px;
  font-weight: normal;
  cursor: pointer
}

.lookbook .sticky {
  top: 0;
  right: 0;
  z-index: 8
}

.pinboard {
  display: block
}

.pinboard img {
  height: auto;
  width: auto;
  max-width: 100%
}

.pinboard>* {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px
}

.pinboard>*:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s linear
}

.pinboard>*:after {
  content: attr(data-text);
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 15px 30px;
  font-size: 13px;
  font-size: .8125rem;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease-in-out
}

.pinboard>*:hover:before {
  opacity: .4
}

.pinboard>*:hover:after {
  opacity: 1;
  background: #2a2a2a
}

.pinboard.asym>* {
  vertical-align: middle;
  margin: 3.2%
}

.pinboard.asym>*:first-child {
  margin-top: 0;
  margin-left: 0
}

.pinboard.asym>*:last-child,
.pinboard.asym>*:only-child {
  margin: 0
}

.sticky {
  display: inline-block;
  position: absolute;
  transition: top .2s ease-out
}

.banners-sample h5 {
  position: relative;
  font-size: 22px;
  line-height: 30px;
  text-transform: uppercase;
  margin: 40px auto 20px
}

.banners-sample .link_area a:hover {
  background-color: #fff;
  opacity: .3
}

[class^="banner_"] .link_area a {
  display: block
}

.banner_video {
  position: relative;
  overflow: hidden;
  margin: 20px auto
}

.banner_video video {
  width: 100%;
  height: 600px
}

.banner_video.active:after {
  content: none
}

.banner_video.active .media {
  display: none
}

.banner_video:after {
  content: "\e90e";
  z-index: 9;
  font-size: 50px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px
}

.banner_video .media {
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%
}

.banner_video .media img {
  display: block;
  opacity: 0.5;
  height: 100%
}

.banner_editor {
  padding: 10px;
  margin: 20px auto;
  border: 2px solid #3a3a3a;
  width: 95%
}

.banner_editor .center {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.banner_editor .title_1 {
  font-size: 28px;
  line-height: 36px;
  margin: 0;
  font-weight: bold
}

.banner_editor .title_2 {
  font-size: 22px;
  line-height: 30px;
  margin: 0
}

.banner_editor .title_3 {
  font-size: 18px;
  line-height: 26px;
  margin: 0
}

.banner_editor .title_4 {
  font-size: 16px;
  line-height: 24px;
  margin: 0
}

.banner_editor .paragraph {
  margin-top: 20px;
  font-size: 14px;
  color: #2a2a2a
}

.banner_editor .link {
  text-decoration: underline;
  margin-top: 20px;
  font-size: 14px;
  color: #2a2a2a
}

.banner_editor .button_1 {
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  display: table;
  margin: 10px 0;
  text-align: center
}

.banner_editor .button_2 {
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  display: table;
  margin: 10px 0;
  text-align: center;
  width: auto
}

.banner_free {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.banner_free img,
.banner_free .media {
  display: inline-block;
  max-width: initial
}

.banner_free.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center
}

.banner_free.justified {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: justify
}

.banner_free.full a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

.banner_free.full img {
  width: 100%;
  height: 100%
}

.banner_free .banner_title {
  position: absolute;
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 6px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1
}

.banner_two_items {
  margin: 20px auto;
  position: relative
}

.banner_two_items .media {
  display: block
}

.banner_two_items .link_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner_two_items .link_area a {
  width: 50%;
  height: 100%
}

.banner_three_items {
  margin: 20px auto;
  position: relative
}

.banner_three_items .media {
  display: block
}

.banner_three_items .link_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner_three_items .link_area a {
  width: 33.33%;
  height: 100%
}

.banner_three_items.highlight .link_area a {
  width: 25%
}

.banner_three_items.highlight .link_area a:first-child {
  width: 50%
}

.banner_four_items {
  margin: 20px auto;
  position: relative
}

.banner_four_items .media {
  display: block
}

.banner_four_items .link_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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
}

.banner_four_items .link_area a {
  width: 50%;
  height: 50%
}

.banner_fourVertical_items {
  margin: 20px auto;
  position: relative
}

.banner_fourVertical_items .media {
  display: block
}

.banner_fourVertical_items .link_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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
}

.banner_fourVertical_items .link_area a {
  width: 25%;
  height: 100%
}

.banner_six_items {
  margin: 20px auto;
  position: relative
}

.banner_six_items .media {
  display: block
}

.banner_six_items .link_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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
}

.banner_six_items .link_area a {
  width: 25%;
  height: 50%
}

.banner_six_items .link_area a:nth-child(3n+1) {
  width: 50%
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .promo_feature {
    margin: 40px auto !important
  }
}

.promo_feature>.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1280px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .promo_feature>.wrapper {
    padding: 0
  }
}

.promo_feature img {
  display: block
}

.promo_feature .item {
  position: relative
}

.promo_feature a {
  display: block
}

.promo_feature .title {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  text-align: center;
  max-width: 300px;
  margin: 0 auto 10px;
  letter-spacing: 5px;
  display: block
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .promo_feature .title {
    font-size: 20px;
    font-size: 1.25rem
  }
}

.promo_feature .title span {
  display: block
}

.promo_feature .discount {
  color: white;
  font-weight: 900;
  text-align: center
}

.promo_feature .discount small {
  font-size: 14px;
  font-size: .875rem;
  margin-bottom: 5px;
  font-weight: 300;
  display: block
}

.promo_feature .discount .text {
  display: block;
  margin-top: -10px
}

.promo_feature .discount .coin,
.promo_feature .discount .cent,
.promo_feature .discount .text {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 34px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {

  .promo_feature .discount .coin,
  .promo_feature .discount .cent,
  .promo_feature .discount .text {
    font-size: 24px
  }
}

.promo_feature .discount .valor {
  font-size: 74px;
  font-size: 4.625rem;
  line-height: 74px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .promo_feature .discount .valor {
    font-size: 54px;
    font-size: 3.375rem
  }
}

.promo_feature .button {
  font-size: 11px;
  font-size: .6875rem;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  border: 1px solid white;
  padding: 15px 40px;
  transition: all ease-in 0.3s
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .promo_feature .button {
    margin-top: 15px !important
  }
}

.promo_feature .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.promo_feature.promo_banner {
  margin: 80px auto
}

.promo_feature.promo_banner .wrapper {
  display: table;
  width: 100%
}

.promo_feature.promo_banner .item {
  transition: all ease-in 0.3s;
  display: table-cell
}

.promo_feature.promo_banner .item:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(51, 51, 51, 0.5);
  z-index: 2
}

.promo_feature.promo_banner .item:hover .button {
  background: white;
  color: #2a2a2a
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .promo_feature.promo_banner .item:nth-child(2n) {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(51, 51, 51, 0.5);
    z-index: 2
  }
}

.promo_feature.promo_banner .button {
  margin-top: 50px
}

.promo_feature.promo_service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.promo_feature.promo_service .item {
  background: #181818;
  width: 33.33%
}

.promo_feature.promo_service .item img {
  opacity: 0;
  width: 100%;
  height: 300px;
  transition: all ease-in-out 0.3s
}

.promo_feature.promo_service .item:hover img {
  opacity: 1
}

.promo_feature.promo_service .button {
  margin-top: 0px;
  font-size: 16px;
  font-size: 1rem;
  padding: 20px 40px;
  font-weight: 300;
  letter-spacing: 3px
}

.promo_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px
}

.promo_row.text_open .item1 {
  width: 100%;
  padding: 20px
}

.promo_row.text_open .item1 .wrap {
  max-width: 100%;
  margin: 0
}

.promo_row.text_open .wrap_text {
  height: auto !important
}

.promo_row.text_open .item2 {
  width: 0%
}

.promo_row.text_open .text {
  color: rgba(42, 42, 42, 0.65);
  font-weight: 400;
  max-width: 100%;
  text-align: left
}

.promo_row.text_open .text .wrap_text {
  max-width: 100%
}

.promo_row.text_open .text .wrap_text:after {
  content: none
}

.promo_row.text_open .text .wrap_text b,
.promo_row.text_open .text .wrap_text strong {
  font-weight: bold
}

.promo_row.text_open .text .wrap_text u,
.promo_row.text_open .text .wrap_text a {
  text-decoration: underline
}

.promo_row.text_open .text .wrap_text i,
.promo_row.text_open .text .wrap_text em {
  font-style: italic
}

.promo_row.text_open .text .wrap_text a {
  font-weight: bold;
  display: inline !important
}

.promo_row .view_more,
.promo_row img {
  display: block
}

.promo_row .title {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 400;
  margin-bottom: 25px
}

.promo_row .text {
  font-size: 0
}

.promo_row .text .wrap_text {
  color: rgba(42, 42, 42, 0.65);
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  max-width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  height: 71px
}

.promo_row .text .wrap_text:after {
  content: '...'
}

.promo_row .view_more {
  display: block;
  color: rgba(42, 42, 42, 0.65);
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: underline
}

.promo_row .item1 {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  transition: all ease-in 0.2s
}

.promo_row .item1 .wrap {
  text-align: center;
  max-width: 380px;
  margin-right: 50px
}

.promo_row .item2 {
  width: 60%;
  background-color: #f5f5f5
}

.banner_mosaic {
  margin: 80px auto
}

.banner_mosaic a,
.banner_mosaic img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  height: 100%
}

.banner_mosaic .wrap>*:not(.row) {
  margin-bottom: 10px
}

.banner_mosaic .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.banner_mosaic .row>* {
  margin: 10px;
  margin-bottom: 0px
}

.banner_mosaic .row>*:last-child {
  margin-right: 0
}

.banner_mosaic .item {
  transition: all ease-in 0.2s;
  display: block
}

.banner_mosaic .item:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 2
}

.banner_mosaic .item a {
  display: block
}

.banner_mosaic .item:first-child {
  margin-left: 0
}

.banner_mosaic .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.banner_mosaic .wrapper>* {
  margin: 10px
}

.banner_mosaic .wrapper>*:last-child {
  margin-right: 0
}

.banner_mosaic .wrapper>*:first-child {
  margin-left: 0
}

.banner_single_slider {
  margin: 40px auto
}

.banner_single_slider .slick-dots {
  display: none !important
}

.banner_single_slider .slick-arrow {
  cursor: pointer;
  transition: all ease-in .3s
}

.banner_single_slider .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -30px;
  height: 50px;
  width: 24px;
  z-index: 4;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.banner_single_slider .slick-arrow.slick-prev:hover {
  -webkit-transform: scale(1.3) rotate(180deg);
  transform: scale(1.3) rotate(180deg)
}

.banner_single_slider .slick-arrow.slick-prev:before {
  content: "\e91b";
  display: block;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white
}

.banner_single_slider .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  top: 50%;
  right: 20px;
  margin-top: -25px;
  position: absolute;
  height: 50px;
  width: 24px;
  z-index: 4
}

.banner_single_slider .slick-arrow.slick-next:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.banner_single_slider .slick-arrow.slick-next:before {
  content: "\e91b";
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  display: block
}

.banner_alternating {
  background-color: #2387bb
}

.banner_alternating .items {
  width: 200%;
  position: relative;
  left: 0%;
  overflow: hidden;
  transition: all 0.3s
}

.banner_alternating .items .item {
  width: 50%;
  overflow: hidden;
  position: relative;
  float: right;
  max-width: 1280px
}

.banner_alternating .items.active {
  left: -100%
}

.banner_alternating .view_more {
  border-color: white;
  color: white;
  margin: 50px auto 0
}

.banner_alternating .wrapper {
  height: 515px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden
}

.banner_alternating .handle {
  width: 100%;
  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-bottom: 55px
}

.banner_alternating .handle .text {
  text-transform: uppercase;
  letter-spacing: rem(2px)
}

.banner_alternating .handle .manipulator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
  border-radius: 25px;
  position: relative;
  width: 125px;
  cursor: pointer;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
  height: 35px
}

.banner_alternating .handle .manipulator:after {
  content: '';
  width: 15px;
  height: 15px;
  background: white;
  border: 5px solid black;
  border-radius: 50%;
  position: absolute;
  margin-top: -12.5px;
  top: 50%;
  left: 7px;
  transition: all ease-in 0.3s
}

.banner_alternating .handle.active .text:first-child {
  color: black
}

.banner_alternating .handle.active .text:last-child {
  color: white
}

.banner_alternating .handle.active .manipulator:after {
  left: 93px
}

.banner_alternating .handle .text {
  transition: all ease-in 0.3s;
  font-size: 18px;
  font-size: 1.125rem;
  color: black;
  margin: 0 20px
}

.banner_alternating .handle .text.active {
  color: white
}

.banner_alternating .products {
  max-width: 1160px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.banner_alternating .products .element {
  text-align: center;
  font-size: 12px;
  font-size: .75rem;
  text-transform: uppercase;
  color: white
}

.banner_alternating .products .element img {
  transition: all ease-in 0.3s
}

.banner_alternating .products .element:hover img {
  box-shadow: 0 0 20px rgba(51, 51, 51, 0.3);
  z-index: 99;
  position: relative
}

.banner_alternating .products .element a {
  display: block
}

.banner_alternating .products .element figcaption {
  margin-top: 12px
}

.banner_alternating .products .element figure {
  margin: 0
}

.day_look_hide {
  opacity: 0 !important
}

.day_look {
  margin: 80px auto
}

.day_look .wrapper {
  overflow: hidden
}

.day_look .wrapper .col {
  max-width: 30%;
  padding: 20px;
  float: left
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .day_look .wrapper .col {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
  }
}

.day_look .wrapper>.wrap {
  max-width: 70%;
  float: left
}

.day_look .looks_day {
  max-width: 900px;
  float: left;
  position: relative;
  margin-left: 35px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .day_look .looks_day {
    max-width: 768px;
    margin-right: 35px
  }
}

.day_look .looks_day.active {
  display: block
}

.day_look .looks_day .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 45%;
  left: 120px;
  margin-top: -30px;
  height: 40px;
  width: 24px;
  z-index: 1
}

.day_look .looks_day .slick-arrow.slick-prev:hover:before {
  -webkit-transform: rotate(180deg) scale(1.3);
  transform: rotate(180deg) scale(1.3)
}

.day_look .looks_day .slick-arrow.slick-prev:before {
  content: "\e91b";
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  cursor: pointer;
  z-index: 1;
  color: black;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: all 0.3s
}

.day_look .looks_day .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 45%;
  right: 120px;
  margin-top: -25px;
  height: 40px;
  width: 24px;
  z-index: 1
}

.day_look .looks_day .slick-arrow.slick-next:hover:before {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.day_look .looks_day .slick-arrow.slick-next:before {
  content: "\e91b";
  transition: all 0.3s;
  font-size: 40px;
  font-size: 2.5rem;
  cursor: pointer;
  color: black;
  display: block
}

.day_look .looks_day .item {
  width: 520px;
  height: 620px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  transition: all ease 0.2s
}

.day_look .looks_day .item>img {
  height: 500px;
  width: auto;
  max-width: initial
}

.day_look .looks_day .item .wrap {
  background: white;
  width: 520px;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.4s;
  border: 10px solid white;
  border-width: 40px 0;
  right: 0;
  padding-left: 235px;
  padding-right: 10px;
  opacity: 0
}

.day_look .looks_day .item .wrap:before {
  content: '';
  position: absolute;
  left: -10px;
  top: -40px;
  width: 2px;
  height: 120%;
  background: #fff;
  box-shadow: 10px 0px 30px 20px #fff;
  z-index: 2
}

.day_look .looks_day .item .wrap .product_images {
  overflow: hidden;
  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: 100%;
  position: relative;
  top: -20px;
  margin-left: 5px;
  height: 325px;
  overflow: hidden;
  z-index: 2
}

.day_look .looks_day .item .wrap .product_images.image_length_1 {
  top: 0;
  margin-left: 0
}

.day_look .looks_day .item .wrap .product_images.image_length_1 .image {
  width: 203px
}

.day_look .looks_day .item .wrap .product_images .image {
  position: relative;
  margin: 0 5px 15px;
  max-width: 45%;
  float: left
}

.day_look .looks_day .item .wrap .product_images .image>img {
  width: 100%;
  box-shadow: -1px 1px 5px 0px #b3b3b3
}

.day_look .looks_day .item .wrap .product_images .image:hover .desc {
  height: 100%;
  width: 100%;
  opacity: 1
}

.day_look .looks_day .item .wrap .product_images .desc {
  position: absolute;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.3s;
  transition: 700ms
}

.day_look .looks_day .item .wrap .product_images .desc .name {
  font-size: 12px;
  font-size: .75rem;
  text-decoration: underline;
  font-weight: 400;
  max-width: 100px;
  margin: 0 auto
}

.day_look .looks_day .item .wrap .product_images .desc .price {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 700;
  margin-top: 10px
}

.day_look .looks_day .item img {
  z-index: 1;
  opacity: 0.3;
  transition: all ease 1.6s;
  webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.day_look .looks_day .item.slick-center {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  z-index: 2
}

.day_look .looks_day .item.slick-center .wrap {
  background: rgba(245, 245, 245, 0.6);
  opacity: 1;
  transition: opacity 0.4s
}

.day_look .looks_day .item.slick-center>img {
  max-width: 100%;
  opacity: 1;
  margin-left: 0px;
  height: 620px
}

.day_look .looks_day .item.slick-center>img+.wrap img {
  opacity: 1;
  margin-left: 0
}

.day_look .looks_day .item.slick-center+.item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.day_look .looks_day .item.slick-center+.item img {
  margin-left: 0%
}

.day_look .text {
  text-align: center;
  font-size: 14px;
  font-size: .875rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #2a2a2a;
  margin-top: 45px;
  letter-spacing: 1px
}

.day_look .nav {
  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;
  margin-top: 30px;
  position: relative;
  width: 300px;
  margin-left: 20px
}

.day_look .nav .day {
  text-transform: uppercase;
  color: black;
  font-size: 11px;
  font-size: .6875rem;
  font-weight: 300;
  margin-top: 8px;
  display: block
}

.day_look .nav:after {
  content: '';
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 10px;
  top: 8px;
  left: -20px;
  padding: 0 20px;
  position: absolute;
  box-shadow: 2.1px 2.1px 10px rgba(0, 0, 0, 0.1)
}

.day_look .nav .day_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.day_look .nav .day_item.active .day,
.day_look .nav .day_item:hover .day {
  font-weight: 600
}

.day_look .nav .day_item.active .indice:after,
.day_look .nav .day_item:hover .indice:after {
  border: 6px solid black
}

.day_look .nav .day_item.inactive .indice:after {
  border: 2px solid white;
  background: #f5f5f5
}

.day_look .nav .day_item .indice {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  box-shadow: 2.1px 2.1px 10px rgba(0, 0, 0, 0.1)
}

.day_look .nav .day_item .indice:after {
  content: '';
  width: 25px;
  height: 25px;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 6px solid white;
  transition: all ease-in 0.2s;
  box-sizing: border-box
}

.day_look .buy_look {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-cotent: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 15px
}

.day_look .buy_look .action {
  margin-top: 30px;
  padding: 18px 50px;
  width: 202px;
  text-align: center;
  letter-spacing: 1px;
  z-index: 2
}

.day_look .buy_look .instalment {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  color: #5c5c5c;
  z-index: 2
}

.day_look .buy_look .best_price {
  color: #2a2a2a;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  z-index: 2
}

.day_look .location_day {
  border: 1px solid #f5f5f5;
  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;
  background: white;
  margin-top: 40px;
  min-height: 130px
}

.day_look .location_day>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.day_look .location_day .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 20px;
  width: 160px
}

.day_look .location_day .desc .num {
  display: block;
  float: left;
  width: 50%;
  text-align: left
}

.day_look .location_day .desc .num>small {
  display: block;
  text-align: left
}

.day_look .location_day .desc .num.second {
  color: #919191
}

.day_look .location_day .desc .num,
.day_look .location_day .desc .unit {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  margin-top: -10px
}

.day_look .location_day .desc small {
  font-size: 10px;
  font-size: .625rem;
  color: #919191;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 5px
}

.day_look .location_day .desc .city {
  color: black;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400
}

.day_look .location_day.today .num {
  font-size: 43px;
  font-size: 2.6875rem
}

.day_look .location_day.today .num.first {
  width: 100px
}

.day_look .location_day.today .num.first small {
  font-size: 0
}

.day_look .location_day.today .num.first small:before {
  content: 'Temperatura atual';
  display: block;
  vertical-align: middle;
  width: 120px;
  font-size: 10px
}

.day_look .location_day.today .num.second {
  display: none
}

.day_look .title {
  color: #2a2a2a;
  font-size: 92px;
  font-size: 5.75rem;
  line-height: 80px;
  font-weight: 100;
  text-transform: uppercase;
  margin-top: 10px;
  letter-spacing: 2px;
  margin-left: -15px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .day_look .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.day_look .title span {
  font-size: 72px;
  font-size: 4.5rem
}

.day_look .title strong {
  font-weight: 300;
  display: block;
  text-align: right;
  font-size: 87px;
  font-size: 5.4375rem;
  margin-top: -10px
}

.look_renner {
  padding: 20px 20px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner {
    padding: 0;
    margin-top: 35px
  }
}

.look_renner .item {
  height: 692px;
  position: relative
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .wrapper {
    padding: 0
  }
}

.look_renner .item .image_look {
  position: absolute;
  max-width: 1060px
}

@media only screen and (max-width: 1366px) {
  .look_renner .item .image_look {
    width: 700px
  }
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .image_look {
    width: 100%
  }
}

.look_renner .item .image_look .image_item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.look_renner .item .image_look div {
  transition-delay: 1s
}

.look_renner .item .image_look div img {
  max-width: 100%;
  height: 100%;
  visibility: hidden
}

@media only screen and (max-width: 1366px) {
  .look_renner .item .image_look div img {
    max-width: 70%
  }
}

.look_renner .item .card_look {
  background-color: #fff;
  width: 665px;
  height: 590px;
  padding: 80px 65px 0 65px;
  float: right;
  margin-top: 40px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .card_look {
    width: 100%;
    margin-top: 50%;
    padding: 30px 40px;
    height: inherit
  }
}

.look_renner .item .card_look h3 {
  text-transform: uppercase;
  font-size: 12px;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: 2px;
  color: #919191
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .card_look h3 {
    text-align: center
  }
}

.look_renner .item .card_look h3 span {
  color: #d51010
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .card_look h3 span:before {
    margin: 0 auto 15px
  }
}

.look_renner .item .card_look h3 span:before {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  background-color: #ddd;
  margin-bottom: 15px
}

.look_renner .item .card_look .title {
  margin: 78px 60px 0 83px;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 58px;
  text-transform: uppercase;
  font-weight: 300
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .card_look .title {
    margin-top: 35px;
    font-size: 48px;
    line-height: 52px
  }
}

.look_renner .item .card_look p {
  font-size: 12px;
  color: #919191;
  line-height: 18px;
  display: block;
  letter-spacing: 1px;
  margin: 15px 70px 0 83px
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .card_look p {
    text-align: center
  }
}

.look_renner .item .button {
  display: inline-block;
  font-size: 11px;
  font-size: .6875rem;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid #d4d4d4;
  padding: 17px 40px;
  width: 210px;
  margin: 58px 70px 0 83px;
  letter-spacing: 2px;
  text-align: center;
  transition: all ease-in 0.3s
}

@media only screen and (min-width: 768px) and (max-width: 1150px) {
  .look_renner .item .button {
    margin-left: auto;
    margin-right: auto;
    display: block
  }
}

.look_renner .item .button:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff
}

.look_renner .item .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  position: absolute;
  top: 50%;
  height: 30px;
  width: 15px;
  margin-top: -25px
}

.look_renner .item .slick-arrow:hover.slick-prev:before {
  opacity: 1;
  -webkit-transform: scale(1.5) rotate(180deg);
  transform: scale(1.5) rotate(180deg)
}

.look_renner .item .slick-arrow:hover.slick-next:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 1
}

.look_renner .item .slick-arrow:before {
  content: "\e91b";
  font-size: 30px;
  font-size: 1.875rem;
  cursor: pointer;
  color: #d1d1d1;
  display: block;
  opacity: 0.5;
  transition: all 0.3s
}

.look_renner .item .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0
}

.look_renner .item .slick-arrow.slick-prev:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.look_renner .item .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  right: 64px
}

.product_kit_row {
  margin: 40px auto;
  height: 640px
}

.product_kit_row .slick-dots {
  display: none !important
}

.product_kit_row .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  left: 80px;
  height: 42px;
  width: 19px;
  z-index: 1;
  margin-top: 10px
}

.product_kit_row .slick-arrow.slick-prev:hover:before {
  color: #2a2a2a;
  -webkit-transform: scale(1.3) rotate(180deg);
  transform: scale(1.3) rotate(180deg)
}

.product_kit_row .slick-arrow.slick-prev:before {
  content: "\e91b";
  display: block;
  font-size: 40px;
  font-size: 2.5rem;
  cursor: pointer;
  transition: all ease-in 0.2s;
  color: #d8d8d8;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1
}

.product_kit_row .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 80px;
  height: 42px;
  width: 19px;
  z-index: 1;
  margin-top: 15px
}

.product_kit_row .slick-arrow.slick-next:hover:before {
  color: #2a2a2a;
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.product_kit_row .slick-arrow.slick-next:before {
  content: "\e91b";
  font-size: 40px;
  font-size: 2.5rem;
  cursor: pointer;
  transition: all ease-in 0.2s;
  color: #d8d8d8;
  display: block
}

.product_kit_row .kit_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 30px;
  margin-top: 35px
}

.product_kit_row .kit_select .button {
  margin-left: 10px;
  padding: 10px 20px;
  letter-spacing: 2px
}

.product_kit_row .kit_select .style_select {
  border: 1px solid #d4d4d4;
  position: relative;
  width: 240px
}

.product_kit_row .kit_select .style_select:after {
  content: "\e91c";
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 15px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  font-size: .75rem
}

.product_kit_row .kit_select .style_select select {
  padding: 15px 50px 15px 15px;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  font-size: .875rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: 2
}

.product_kit_row .title {
  color: #2a2a2a;
  text-transform: uppercase;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  padding-top: 40px;
  text-align: center
}

.product_kit_row .title+p {
  margin-top: 10px
}

.product_kit_row .desc {
  max-width: 540px;
  text-align: center;
  margin: 0 auto;
  font-size: 13px;
  font-size: .8125rem;
  line-height: 18px;
  color: #919191
}

.product_kit_row .gift p {
  margin-bottom: 20px;
  text-align: center
}

.product_kit_row .gift p strong {
  display: block;
  color: #d51010;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700
}

.product_kit_row .gift p small {
  font-size: 14px;
  font-size: .875rem;
  font-weight: 300
}

.product_kit_row .kit {
  max-width: 680px;
  margin: 50px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.product_kit_row .set {
  max-width: 960px;
  width: 100%;
  position: relative;
  margin: -460px auto 0;
  background: white;
  padding-bottom: 40px
}

.product_kit_row .separator {
  width: 45px;
  position: relative
}

.product_kit_row .separator:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #e0e0e0;
  margin-left: -0.5;
  left: 50%;
  top: 0
}

.product_kit_row .separator:before {
  content: '+';
  font-size: 32px;
  text-align: center;
  color: white;
  line-height: 38px;
  width: 40px;
  height: 40px;
  background-color: #d51010;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -20px
}

.product_kit_row .media {
  background-position: center;
  background-size: cover
}

.product_kit_row .media img {
  visibility: hidden;
  display: block;
  height: 100%
}

.product_kit_row .kit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

footer {
  background: #f1f1f1
}

footer.safe p {
  font-size: 10px;
  color: #5c5c5c;
  text-align: center;
  padding: 20px
}

footer .wrapper {
  overflow: auto;
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

footer .footer_row:first-child {
  color: #191919;
  height: 125px;
  background: #f6f8f9;
  background: linear-gradient(to right, #f6f8f9 0%, #e8e8e8 50%, #e0e0e0 51%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f9', endColorstr='#e0e0e0', GradientType=1)
}

footer .footer_row .Differential {
  width: 422px;
  height: 125px;
  text-transform: uppercase;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

footer .footer_row .Differential ul li {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  font-size: .75rem
}

footer .footer_row .Differential ul i {
  font-size: 20px;
  font-size: 1.25rem;
  vertical-align: middle;
  margin: 0 5px
}

footer .footer_row .newsletter {
  background: #e0e0e0;
  width: 838px;
  text-transform: uppercase;
  float: left;
  height: 125px;
  padding-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

footer .footer_row .newsletter div {
  display: inline-block;
  margin: 0 0 0px 20px
}

footer .footer_row .newsletter div.newsletter_text {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  margin-top: 0px
}

footer .footer_row .newsletter div.newsletter_form form select,
footer .footer_row .newsletter div.newsletter_form form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  font-style: italic;
  color: #000;
  font-size: 15px;
  padding: 10px 0;
  font-weight: 300;
  border-bottom: 2px solid #2a2a2a
}

footer .footer_row .newsletter div.newsletter_form form option {
  font-style: italic;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000;
  font-weight: 300;
  font-size: 16px;
  border: none;
  background: transparent
}

footer .footer_row .newsletter div.newsletter_form form input[type='submit'] {
  font-style: normal;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  width: 100px;
  margin-left: -3px;
  cursor: pointer
}

footer .footer_row .newsletter div.newsletter_form form select {
  width: 116px;
  margin: 0px 15px 0 0;
  background: url("../images/arrow.png") center right no-repeat
}

footer .footer_row .newsletter div.newsletter_form form input {
  width: 229px
}

footer .footer_row.main {
  background: #f1f1f1;
  height: auto
}

footer .footer_row.main .col {
  float: left;
  padding: 50px 0;
  height: 280px
}

footer .footer_row.main .col .row {
  display: block
}

footer .footer_row.main .col h3 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #2a2a2a
}

footer .footer_row.main .col.mosaic {
  width: 265px;
  padding-top: 60px;
  border-right: 1px solid #e8e8e8;
  color: #2a2a2a
}

footer .footer_row.main .col.mosaic div {
  float: left;
  width: 50%;
  text-align: center;
  margin-bottom: 30px
}

footer .footer_row.main .col.mosaic div i {
  display: block;
  font-size: 25px
}

footer .footer_row.main .col.mosaic div span {
  font-size: 12px;
  font-weight: 400;
  margin-top: 15px;
  line-height: 14px;
  display: inline-block
}

footer .footer_row.main .col.links_store {
  width: 400px;
  padding-left: 40px;
  border-right: 1px solid #e0e0e0
}

footer .footer_row.main .col.links_store div {
  float: left
}

footer .footer_row.main .col.links_store div:first-child {
  margin-right: 30px
}

footer .footer_row.main .col.links_store ul li {
  margin-bottom: 6px
}

footer .footer_row.main .col.links_store ul li a {
  font-size: 12px;
  color: #5c5c5c
}

footer .footer_row.main .col.media_affordable {
  width: 290px;
  padding-left: 50px
}

footer .footer_row.main .col.media_affordable .list_social_media {
  display: block;
  overflow: auto;
  zoom: 1;
  margin-bottom: 50px
}

footer .footer_row.main .col.media_affordable .list_social_media li {
  float: left;
  margin-right: 10px
}

footer .footer_row.main .col.media_affordable .list_social_media i {
  font-size: 30px
}

footer .footer_row.main .col.media_affordable p {
  font-size: 12px;
  color: #5c5c5c;
  margin-top: 10px
}

footer .footer_row.main .col.media_affordable p a {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline
}

footer .footer_row.main .col.extras {
  padding-left: 35px;
  width: 300px
}

footer .footer_row.main .col.extras .list_apps li {
  display: inline-block;
  margin-right: 5px
}

footer .footer_row.main .col.extras .list_seals {
  margin-top: 60px
}

footer .footer_row.main .col.extras .list_seals li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

footer .footer_row.main .col.extras .list_seals li a#seloEbit {
  max-width: 51px
}

footer .footer_row.main .col.extras .list_seals li:last-child {
  margin: 0
}

footer .footer_row.main .col.extras .list_seals li ul {
  display: inline-block;
  width: 94px
}

footer .footer_row.main .col.extras .list_seals li ul li {
  display: block;
  margin: 0
}

footer .copyright {
  border-top: 1px solid #cccccc;
  height: 48px;
  width: 100%;
  text-align: center
}

footer .copyright p {
  font-size: 10px;
  display: block;
  line-height: 48px
}

footer .copyright p a {
  text-decoration: underline;
  font-weight: 800;
  margin: 0 10px
}

.row_filter {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0
}

.row_filter .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  font-size: .625rem;
  text-transform: uppercase;
  margin: 25px 0
}

.row_filter .breadcrumb li a,
.row_filter .breadcrumb li:after {
  color: black
}

.row_filter.result .title {
  text-align: center;
  font-weight: 300;
  color: #1b1b1b;
  padding: 40px 0;
  font-size: 24px;
  font-size: 1.5rem
}

.row_filter.result .title strong {
  font-weight: 400;
  color: #d51010;
  margin: 0 5px
}

.row_filter.active {
  box-shadow: 0px 10px 19px 0px rgba(0, 0, 0, 0.2);
  padding-bottom: 20px
}

.row_filter .wrap {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto
}

.row_filter .filters_row {
  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;
  width: 100%;
  margin-bottom: 15px
}

.row_filter .filter_item {
  margin-left: 20px
}

.row_filter .filter_item:first-child {
  margin-left: 0
}

.row_filter .filter_numberItens {
  background: #2a2a2a;
  color: #fff;
  width: 20px;
  font-size: 10px;
  height: 20px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  margin-left: 10px;
  line-height: 20px
}

.row_filter .row_actions {
  margin-top: 20px;
  padding-top: 10px;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none
}

.row_filter .row_actions.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.row_filter .row_actions .button_primary {
  padding: 12px 35px
}

.row_filter .row_actions .button_help {
  text-decoration: underline;
  font-size: 10px;
  text-transform: uppercase;
  margin-left: 30px;
  letter-spacing: 0.8px
}

.row_filter .filter_item-clear .button_help {
  text-decoration: underline;
  font-size: 10px;
  text-transform: uppercase;
  margin-left: 20px;
  letter-spacing: 0.8px
}

.row_filter .handle {
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
  border: 1px solid #e0e0e0;
  padding: 10px 45px 10px 10px;
  display: block;
  position: relative;
  min-width: 160px;
  vertical-align: middle;
  height: 42px;
  line-height: 22px
}

.row_filter .handle.active:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.row_filter .handle:after {
  content: "\e91c";
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -9px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.3s
}

.row_filter .row {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  margin: 15px 0
}

.row_filter .row .items {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.row_filter .row .items+.items {
  margin-top: 25px
}

.row_filter .row .items.category_select {
  margin-bottom: 5px
}

.row_filter .row .items.category_select+.items {
  display: none
}

.row_filter .row .items.category_select.active+.items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.row_filter .row .items.category_select .item.active {
  background: #2a2a2a;
  color: white;
  padding-left: 10px;
  border: 0;
  color: white
}

.row_filter .row .items.category_select .item.active:after {
  color: white
}

.row_filter .row #mCSB_2_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.row_filter .row .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.row_filter .row .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 1
}

.row_filter .row .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 5px;
  border-radius: 0;
  margin: 7px auto;
  background: #2a2a2a
}

.row_filter .row .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  margin: 0
}

.row_filter .row .mCSB_draggerRail {
  background: #eaeaea;
  height: 5px;
  border-radius: 0
}

.row_filter .row .search_brand {
  width: 340px;
  position: relative;
  margin-bottom: 50px
}

.row_filter .row .search_brand:after {
  content: "\e902";
  position: absolute;
  font-size: 20px;
  top: 50%;
  margin-top: -10px;
  left: 0
}

.row_filter .row .search_brand input {
  border-width: 0 0 2px 0;
  border-color: black;
  width: 100%;
  font-weight: 300;
  font-size: 14px;
  color: black;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  padding: 10px 15px 10px 30px
}

.row_filter .row .brand_column .item {
  margin-left: 10px;
  margin-bottom: 10px
}

.row_filter .row .brand_column .item:first-child {
  margin-left: 10px
}

.row_filter .row.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.row_filter .row.search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.row_filter .row.search .items {
  width: 100%
}

.row_filter .row .items {
  width: 100%
}

.row_filter .row .wrap.wrap_scroll {
  width: 100%
}

.row_filter .row .wrap.wrap_scroll .list,
.row_filter .row .wrap.wrap_scroll .listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding-bottom: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 3000px
}

.row_filter .row .wrap.wrap_scroll .list .item,
.row_filter .row .wrap.wrap_scroll .listing .item {
  min-width: 150px;
  text-align: center;
  margin: 5px !important
}

.row_filter .row .wrap.wrap_scroll .list .item .brand-name,
.row_filter .row .wrap.wrap_scroll .listing .item .brand-name {
  display: block;
  width: 100%
}

.row_filter .row .wrap .list_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.row_filter .row .item {
  font-size: 12px;
  color: #919191;
  border: 1px solid #e0e0e0;
  padding: 10px 30px;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.8px;
  position: relative;
  transition: all 0.3s;
  margin-bottom: 10px
}

.row_filter .row .item i {
  display: none
}

.row_filter .row .item:hover {
  border-color: #afafaf
}

.row_filter .row .item.active {
  padding-right: 45px;
  padding-left: 15px;
  color: black;
  border-color: #e0e0e0;
  background: #e0e0e0
}

.row_filter .row .item.active i {
  display: block;
  font-size: 9px;
  font-weight: bolder;
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  right: 10px
}

.row_filter .row .item:first-child {
  margin-left: 0
}

.row_order {
  padding-top: 5px;
  margin-bottom: 30px;
  background: white
}

.row_order.flat {
  border-top: 0;
  padding-top: 0
}

.row_order .wrapper {
  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
}

.row_order .details {
  font-size: 14px;
  font-size: .875rem;
  font-style: italic;
  font-weight: 300;
  color: #2a2a2a;
  width: 170px;
  text-transform: lowercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row_order .details:before {
  content: "\e91d";
  font-style: normal;
  font-size: 28px;
  font-size: 1.75rem;
  margin-right: 10px;
  color: #e0e0e0;
  transition: all ease 0.3s
}

.row_order .details.active:before {
  content: "\e90d";
  font-size: 19px
}

.row_order .size_views {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.row_order .size_views .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px
}

.row_order .size_views .item:first-child {
  margin-left: 0
}

.row_order .size_views .item:hover .square,
.row_order .size_views .item.active .square {
  background: #e0e0e0
}

.row_order .size_views .square {
  width: 25px;
  height: 25px;
  border: 2px solid #e0e0e0;
  margin-left: 5px;
  transition: all 0.3s ease-in
}

.row_order .size_views .square:first-child {
  margin-left: 0
}

.row_order .order_view .select_style {
  border-bottom: 2px solid #2a2a2a;
  background: transparent;
  color: #2a2a2a;
  position: relative
}

.row_order .order_view .select_style:after {
  content: "\e91c";
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  font-size: .75rem;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 5px
}

.row_order .order_view .select_style select {
  background: transparent;
  border: 0;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 300;
  font-style: italic;
  color: #2a2a2a;
  min-width: 150px;
  padding: 5px 20px 5px 5px
}

.row_filter_old {
  top: 0;
  transition: all ease-in .1s;
  margin: 20px 0
}

.row_filter_old.fixo {
  margin: 0;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 51px;
  width: 100%;
  left: 0;
  background: white;
  z-index: 1
}

.row_filter_old.fixo.search {
  background-color: #fff
}

.row_filter_old.fixo.search .title {
  display: none
}

.row_filter_old.fixo .fix_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  max-width: 1280px;
  margin: 0 auto
}

.row_filter_old.fixo .fix_wrap>.wrapper {
  margin: 0;
  padding: 0
}

.row_filter_old.fixo .fix_wrap>.wrapper .row {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.row_filter_old.fixo .fix_wrap>.wrapper .row .filter_item:first-child {
  margin-left: 0
}

.row_filter_old.fixo .row_order {
  padding: 0;
  margin: 0;
  border-top: 0
}

.row_filter_old.fixo .row_order .wrapper {
  padding: 0
}

.row_filter_old.fixo .breadcrumb,
.row_filter_old.fixo .details,
.row_filter_old.fixo .size_views {
  display: none
}

.row_filter_old.search {
  background: #f5f5f5
}

.row_filter_old.search .title {
  text-align: center;
  font-weight: 300;
  color: #1b1b1b;
  padding: 40px 0;
  font-size: 24px;
  font-size: 1.5rem
}

.row_filter_old.search .title strong {
  font-weight: 400;
  color: #d51010
}

.row_filter_old.no_result {
  margin: 0;
  background: #f5f5f5
}

.row_filter_old.no_result .filter_item .action {
  background: #f5f5f5
}

.row_filter_old.no_result .title {
  text-align: center;
  font-weight: 300;
  color: #1b1b1b;
  padding: 70px 0;
  font-size: 24px;
  font-size: 1.5rem
}

.row_filter_old.no_result .title strong {
  font-weight: 400;
  color: #d51010;
  display: block;
  text-transform: uppercase;
  margin-top: 10px;
  letter-spacing: 2px
}

.row_filter_old.no_result+.carousel {
  margin-top: 45px
}

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

.row_filter_old .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  font-size: .625rem;
  text-transform: uppercase;
  margin: 25px 0
}

.row_filter_old .breadcrumb li a,
.row_filter_old .breadcrumb li:after {
  color: black
}

.row_filter_old .filter_item {
  position: relative;
  width: 158px;
  z-index: 9;
  margin: 0 10px
}

.row_filter_old .filter_item.filtred .action .name {
  display: none
}

.row_filter_old .filter_item.filtred .action .filter {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  display: block;
  overflow: hidden
}

.row_filter_old .filter_item .form_field {
  max-height: 0;
  overflow: hidden
}

.row_filter_old .filter_item.hover {
  box-shadow: 0 0 20px rgba(51, 51, 51, 0.3)
}

.row_filter_old .filter_item.hover .form_field {
  max-height: 900px
}

.row_filter_old .filter_item.hover .action {
  border-color: white;
  z-index: 9
}

.row_filter_old .filter_item.hover .form {
  box-shadow: 0 0 20px rgba(51, 51, 51, 0.3);
  padding: 15px 15px
}

.row_filter_old .filter_item .form {
  position: absolute;
  width: 100%;
  padding: 0 15px;
  top: 100%;
  background: white
}

.row_filter_old .filter_item .form .clean {
  font-size: 11px;
  font-size: .6875rem;
  font-weight: bold;
  text-transform: uppercase
}

.row_filter_old .filter_item .form .clean i {
  font-weight: bold;
  font-size: 8px;
  font-size: .5rem;
  margin-right: 10px
}

.row_filter_old .filter_item .form .form_item {
  margin-bottom: 15px
}

.row_filter_old .filter_item .form .check {
  display: none
}

.row_filter_old .filter_item .form .check~span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  font-size: .6875rem;
  color: rgba(58, 58, 58, 0.5);
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s
}

.row_filter_old .filter_item .form .check~span:hover {
  text-decoration: underline;
  color: #3a3a3a
}

.row_filter_old .filter_item .form .check~span:hover:before {
  background: #919191;
  border-color: #919191
}

.row_filter_old .filter_item .form .check~span:before {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #e0e0e0;
  display: block;
  margin-right: 5px;
  transition: all ease-in 0.3s
}

.row_filter_old .filter_item .form .check:checked~span {
  color: #3a3a3a;
  text-decoration: underline
}

.row_filter_old .filter_item .form .check:checked~span:before {
  background: #919191;
  border-color: #919191
}

.row_filter_old .filter_item .action {
  font-size: 11px;
  font-size: .6875rem;
  text-transform: uppercase;
  color: #2a2a2a;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 40px 15px 15px;
  border: 1px solid #e0e0e0;
  position: relative;
  height: 50px;
  background: white;
  transition: all ease-in 0.3s;
  cursor: pointer
}

.row_filter_old .filter_item .action:after {
  content: "\e91c";
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 10px
}

.row_order {
  margin: 30px auto;
  padding-top: 20px;
  background: white
}

.row_order.flat {
  border-top: 0;
  padding-top: 0
}

.row_order .wrapper {
  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
}

.row_order .details {
  font-size: 14px;
  font-size: .875rem;
  font-style: italic;
  font-weight: 300;
  color: #2a2a2a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.row_order .details:before {
  content: "\e91d";
  font-style: normal;
  font-size: 28px;
  font-size: 1.75rem;
  margin-right: 10px;
  color: #e0e0e0
}

.row_order .size_views {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.row_order .size_views .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px
}

.row_order .size_views .item:first-child {
  margin-left: 0
}

.row_order .size_views .item:hover .square,
.row_order .size_views .item.active .square {
  background: #e0e0e0
}

.row_order .size_views .square {
  width: 25px;
  height: 25px;
  border: 2px solid #e0e0e0;
  margin-left: 5px;
  transition: all 0.3s ease-in
}

.row_order .size_views .square:first-child {
  margin-left: 0
}

.row_order .order_view .select_style {
  border-bottom: 2px solid #2a2a2a;
  background: transparent;
  color: #2a2a2a;
  position: relative
}

.row_order .order_view .select_style:after {
  content: "\e91c";
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  font-size: .75rem;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 5px
}

.row_order .order_view .select_style select {
  background: transparent;
  border: 0;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 300;
  font-style: italic;
  color: #2a2a2a;
  min-width: 150px;
  padding: 5px 20px 5px 5px
}

.box_instagram {
  background: #f8f8f8;
  position: relative
}

.box_instagram .header_instagram {
  text-align: center;
  padding: 80px 0 70px
}

.box_instagram .header_instagram i {
  font-size: 30px;
  vertical-align: middle
}

.box_instagram .header_instagram a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  margin-right: 15px;
  display: inline-block
}

.box_instagram .header_instagram span {
  font-size: 14px;
  color: #919191;
  display: inline-block
}

.box_instagram section {
  position: relative;
  height: 420px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 1600px) {
  .box_instagram section {
    height: 500px
  }
}

@media (max-width: 1440px) {
  .box_instagram section {
    height: 370px
  }
}

@media (max-width: 1366px) {
  .box_instagram section {
    height: 360px
  }
}

.box_instagram .list_instagram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  width: 1920px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 420px
}

.box_instagram .list_instagram .col {
  display: inline-block
}

.box_instagram .list_instagram .col .item_instagram {
  position: relative
}

.box_instagram .list_instagram .col .content {
  transition: all ease-in 0.5s;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.66);
  color: white
}

.box_instagram .list_instagram .col .content span {
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 0
}

.box_instagram .list_instagram .col .content span .icon-cart {
  display: block;
  font-size: 40px;
  margin-bottom: 15px
}

.box_instagram .list_instagram .col.col_eight_child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 850px
}

@media (max-width: 1600px) {
  .box_instagram .list_instagram .col.col_eight_child {
    width: 620px
  }
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram .col.col_eight_child {
    width: 570px
  }
}

.box_instagram .list_instagram .col.col_eight_child img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  object-fit: contain
}

.box_instagram .list_instagram .col.col_eight_child .item_instagram {
  width: 205px;
  height: 205px;
  margin-top: 10px
}

.box_instagram .list_instagram .col.col_eight_child .item_instagram:hover .content {
  opacity: 1
}

@media (max-width: 1600px) {
  .box_instagram .list_instagram .col.col_eight_child .item_instagram {
    width: 185px;
    height: 185px
  }

  .box_instagram .list_instagram .col.col_eight_child .item_instagram:nth-child(1),
  .box_instagram .list_instagram .col.col_eight_child .item_instagram:nth-child(2) {
    display: none !important
  }
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram .col.col_eight_child .item_instagram {
    width: 160px;
    height: 160px
  }

  .box_instagram .list_instagram .col.col_eight_child .item_instagram:nth-child(1),
  .box_instagram .list_instagram .col.col_eight_child .item_instagram:nth-child(2) {
    display: none !important
  }
}

@media (max-width: 1366px) {
  .box_instagram .list_instagram .col.col_eight_child .item_instagram {
    width: 160px;
    height: 160px
  }

  .box_instagram .list_instagram .col.col_eight_child .item_instagram:nth-child(1),
  .box_instagram .list_instagram .col.col_eight_child .item_instagram:nth-child(2) {
    display: none !important
  }
}

.box_instagram .list_instagram .col.col_one_child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 420px;
  margin: 0 10px
}

@media (max-width: 1600px) {
  .box_instagram .list_instagram .col.col_one_child {
    width: 420px
  }
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram .col.col_one_child {
    width: 400px
  }
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram .col.col_one_child {
    width: 340px
  }
}

.box_instagram .list_instagram .col.col_one_child img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  object-fit: contain
}

.box_instagram .list_instagram .col.col_one_child .item_instagram {
  width: 420px;
  margin-top: 10px
}

.box_instagram .list_instagram .col.col_one_child .item_instagram:hover .content {
  opacity: 1
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram .col.col_one_child .item_instagram {
    width: 400px
  }
}

@media (max-width: 1366px) {
  .box_instagram .list_instagram .col.col_one_child .item_instagram {
    width: 500px
  }
}

.box_instagram .list_instagram .col.col_six_child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 635px
}

@media (max-width: 1600px) {
  .box_instagram .list_instagram .col.col_six_child {
    width: 620px
  }
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram .col.col_six_child {
    width: 570px
  }
}

.box_instagram .list_instagram .col.col_six_child img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  object-fit: contain
}

.box_instagram .list_instagram .col.col_six_child .item_instagram {
  width: 205px;
  height: 205px;
  margin-top: 10px
}

.box_instagram .list_instagram .col.col_six_child .item_instagram:hover .content {
  opacity: 1
}

@media (max-width: 1600px) {
  .box_instagram .list_instagram .col.col_six_child .item_instagram {
    width: 185px;
    height: 185px
  }
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram .col.col_six_child .item_instagram {
    width: 160px;
    height: 160px
  }

  .box_instagram .list_instagram .col.col_six_child .item_instagram img {
    display: block;
    height: 100%;
    width: 100%
  }
}

@media (max-width: 1366px) {
  .box_instagram .list_instagram .col.col_six_child .item_instagram {
    width: 160px;
    height: 160px
  }

  .box_instagram .list_instagram .col.col_six_child .item_instagram img {
    display: block;
    width: 100%
  }
}

@media (max-width: 1600px) {
  .box_instagram .list_instagram {
    width: 1600px;
    height: 390px
  }
}

@media (max-width: 1440px) {
  .box_instagram .list_instagram {
    width: 1440px;
    height: 340px
  }
}

@media (max-width: 1370px) {
  .box_instagram .list_instagram {
    width: 1366px;
    height: 340px
  }
}

.zoomfalse .zoomContainer {
  display: none !important
}

.zoomWindowContainer:hover .zoomWindow {
  opacity: 1 !important
}

.zoomWindowContainer .zoomWindow {
  transition: opacity 0.5s;
  z-index: 2 !important;
  display: block !important;
  opacity: 0 !important
}

.open-lightbox {
  cursor: zoom-in
}

.label_offer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: rgba(42, 42, 42, 0.7);
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 10px;
  font-weight: 600;
  z-index: 1;
  text-align: center
}

.label_offer strong {
  margin-right: 5px;
  font-weight: 900
}

.label_offer span {
  font-weight: 500
}

.main_product {
  margin-top: 15px;
  overflow: hidden
}

.main_product.perfume {
  overflow: inherit !important
}

.main_product .details {
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #dcdcdc
}

.main_product .details .title {
  font-size: 16px;
  text-transform: uppercase;
  color: #2a2a2a;
  font-weight: 700;
  letter-spacing: 0.8px
}

.main_product .details table {
  font-size: 12px;
  color: #919191;
  line-height: 18px;
  width: 100%;
  margin-top: 20px
}

.main_product .details .desc {
  color: #919191;
  font-size: 12px;
  margin-top: 20px
}

.main_product .details .desc a {
  display: inline-block;
  padding: 0 3px;
  text-decoration: underline
}

.main_product .details .desc ul {
  display: block;
  margin: 10px 0;
  list-style: initial
}

.main_product .details .desc ul li {
  list-style-type: disc !important
}

.main_product .details .desc li,
.main_product .details .desc>li {
  padding-left: 15px;
  position: relative;
  border: 0
}

.main_product .details .desc em {
  color: #d51010
}

.main_product .details .desc p {
  margin: 10px 0;
  line-height: 18px
}

.main_product .wrap_infos.nostock {
  margin-top: 25px;
  border-top: 1px solid #f5f5f5;
  padding-top: 25px
}

.main_product .wrap_infos.nostock .label {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.8px;
  margin-bottom: 25px;
  display: block;
  text-align: center
}

.main_product .gift_handle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  transition: all ease-in 0.2s
}

.main_product .gift_handle i {
  font-size: 16px
}

.main_product .gift_handle span {
  display: block;
  font-size: 10px;
  font-size: .625rem;
  text-transform: capitalize;
  font-weight: normal;
  letter-spacing: .4px;
  margin-top: 5px
}

.main_product .gift_handle:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.main_product .wrap_purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 35px 0 20px
}

.main_product .wrap_purchase .color_select {
  width: 35px;
  height: 35px;
  background: pink;
  border: 2px solid white;
  outline: 1px solid #bebebe;
  margin-right: 15px;
  transition: all ease-in .3s
}

.main_product .wrap_purchase .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.main_product .wrap_purchase .best_price {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  color: #2a2a2a
}

.main_product .wrap_purchase .old_price {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: line-through;
  margin-right: 5px;
  display: block;
  color: #919191
}

.main_product .wrap_purchase .instalment {
  font-size: 14px;
  margin-top: 5px;
  font-weight: 400;
  display: block;
  color: rgba(42, 42, 42, 0.6)
}

.main_product .wrap_purchase .flag_discount {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.4px;
  margin-left: auto
}

.main_product .buy_button {
  border: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  cursor: pointer
}

.main_product .one_click {
  margin-top: 10px;
  cursor: pointer;
  transition: all ease-in .3s
}

.main_product .one_click:hover {
  background: #2a2a2a;
  color: white;
  font-weight: 600;
  border: 1px solid #d4d4d4
}

.main_product .product_thumbs .item {
  display: inline-block;
  margin-left: 8px
}

.main_product .product_thumbs .item.video {
  position: relative
}

.main_product .product_thumbs .item.video:after {
  content: "\e90e";
  position: absolute;
  font-size: 20px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px
}

.main_product .product_thumbs .item img {
  width: 70px
}

.main_product .product_thumbs .item:first-child {
  margin-left: 0
}

.main_product .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.main_product .columns>font {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.main_product .columns>* {
  float: left;
  width: inherit
}

.main_product .columns .brand {
  margin-bottom: 20px
}

.main_product .columns .brand img {
  height: 40px
}

.main_product .columns .product_image {
  width: 100%
}

.main_product .columns .row {
  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;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px
}

.main_product .columns .row .share:hover:before {
  content: '';
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50px;
  background: transparent
}

.main_product .columns .row .share:hover .actions {
  max-width: 250px;
  opacity: 1
}

.main_product .columns .row .share .at-share-btn-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal
}

.main_product .columns .row .wish:hover:before {
  content: '';
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 15px;
  background: transparent
}

.main_product .columns .row .wish:hover .actions {
  max-width: 300px;
  opacity: 1;
  padding: 0 10px
}

.main_product .columns .row .wish .active:before {
  content: '\e923';
  color: #d51010
}

.main_product .columns .row .actions {
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  background-color: #ffffff;
  height: 45px;
  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;
  max-width: 0;
  overflow: hidden;
  top: -12px;
  transition: all 0.8s;
  padding: 0
}

.main_product .columns .row .actions.item1 {
  left: 25px
}

.main_product .columns .row .actions.item2 {
  left: 60px
}

.main_product .columns .row .actions.item2 div {
  margin: 0
}

.main_product .columns .row .actions a {
  padding: 6px;
  font-size: 30px;
  font-size: 1.875rem;
  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;
  float: left;
  display: inline-block
}

.main_product .columns .row .actions a i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 2px
}

.main_product .columns .row .actions a span {
  font-size: 10px;
  font-size: .625rem;
  text-transform: uppercase
}

.main_product .columns .row .wrap_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.main_product .columns .row .wrap_icons div {
  margin-left: 15px;
  width: 100%
}

.main_product .columns .product_name {
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis
}

.main_product .columns .product_name small {
  display: block;
  font-size: 10px;
  color: #c2c2c2;
  text-transform: uppercase;
  letter-spacing: 0.4px
}

.main_product .columns .gift_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 340px;
  padding: 4px 20px;
  margin-top: 30px;
  border: 1px solid rgba(42, 42, 42, 0.2);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer
}

.main_product .columns .gift_wrap img {
  height: 60px;
  margin: 0 20px
}

.main_product .columns .gift_wrap .icon-question {
  font-size: 20px
}

.main_product .columns .gift_wrap .indice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.main_product .columns .gift_wrap .indice i {
  font-size: 16px
}

.main_product .columns .gift_wrap .indice span {
  font-size: 11px;
  margin-top: 5px;
  letter-spacing: 0.8px
}

.main_product .columns .gift_wrap .gift_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0.8px
}

.main_product .columns .gift_wrap .gift_name span {
  font-size: 14px
}

.main_product .columns .gift_wrap .gift_name small {
  font-size: 12px;
  margin-top: 5px
}

.main_product .columns .product_desc {
  position: relative;
  transition: all ease-in 0.3s
}

.main_product .columns .product_desc .content {
  max-height: 100px;
  overflow: hidden;
  transition: all ease-in 0.3s
}

.main_product .columns .product_desc.open {
  padding-bottom: 20px
}

.main_product .columns .product_desc.open .content {
  max-height: 2500px
}

.main_product .columns .product_desc .toggle_text {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-decoration: underline;
  padding: 10px 10px 0 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, #fff 100%)
}

.main_product .columns .product_desc p,
.main_product .columns .product_desc li {
  color: #919191;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 10px 0;
  line-height: 18px
}

.main_product .columns .product_desc p b,
.main_product .columns .product_desc li b {
  display: block;
  margin: 15px 0
}

.main_product .columns .col_1 {
  width: 35%;
  float: left
}

.main_product .columns .col_2 {
  width: 33.44%;
  position: relative;
  max-height: 490px;
  float: left;
  margin: 0 3.6%
}

.main_product .columns .col_2 .my-video-dimensions.vjs-fluid {
  padding-top: 455px
}

.main_product .columns .col_3 {
  width: 24.3%;
  float: left
}

.main_product .columns .col_3 .nostock {
  margin-top: 50%
}

.main_product .columns .col_3 .wrap_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.main_product .columns .col_3 .wrap_button .one_click {
  margin-top: 0;
  letter-spacing: 0.8px;
  margin-left: 10px
}

.main_product .columns .col_3 .wrap_button .one_click strong {
  display: block;
  text-transform: uppercase;
  font-weight: 400
}

.main_product .columns .col_3 .wrap_unavailable {
  margin-top: 20px
}

.main_product .video-js.vjs-fluid,
.main_product .video-js.vjs-16-9,
.main_product .video-js.vjs-4-3 {
  height: 100%
}

.main_product video {
  background: white !important
}

.main_product .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.main_product div.zoomWindow {
  cursor: pointer !important
}

.main_product .main_product_image {
  width: 797px;
  position: relative
}

.main_product .main_product_image .control_image {
  position: absolute;
  z-index: 5;
  padding-left: 10px
}

.main_product .main_product_image .control_image i {
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  margin: 15px 7px
}

.main_product .main_product_image .control_image i:first-child {
  margin-right: 0px
}

.main_product .main_product_image .control_image i.icon-grid_view_active:before {
  opacity: 0.2
}

.main_product .main_product_image .control_image i.icon-grid_view_active.active:before {
  opacity: 1
}

.main_product .main_product_image .control_image i.icon-checkbox_active:before {
  color: transparent;
  border-radius: 2px;
  border: 1px solid #2a2a2a
}

.main_product .main_product_image .control_image i.icon-checkbox_active.active:before {
  color: #2a2a2a;
  border: 1px solid transparent
}

.main_product .main_product_image .image_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.main_product .main_product_image .image_area .item {
  width: 100%;
  margin: 0 0 5px 0;
  overflow: hidden;
  transition: all ease-in 0.3s;
  position: relative
}

.main_product .main_product_image .image_area .item img {
  display: block;
  width: 100%
}

.main_product .main_product_image .image_area.grid {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.main_product .main_product_image .image_area.grid .my-video-dimensions.vjs-fluid {
  padding-top: 0
}

.main_product .main_product_image .image_area.grid .item {
  margin-left: 5px;
  margin-bottom: 5px;
  width: 49%
}

.main_product .main_product_image .image_area.grid .item:first-child,
.main_product .main_product_image .image_area.grid .item:nth-child(2n+1) {
  margin-left: 0
}

.main_product .main_product_image .image_area.grid .item img {
  display: block
}

.info_tab {
  margin-bottom: 10px;
  margin-top: 20px;
  position: relative
}

.info_tab .wrap .content {
  display: none
}

.info_tab .wrap .content.active {
  display: block
}

.info_tab .wrap .tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  box-shadow: -4px 4px 30px rgba(51, 51, 51, 0.25);
  background-color: #ffffff;
  padding: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  bottom: 35px;
  z-index: 999;
  width: 110%
}

.info_tab .wrap .tables .item {
  width: 48%
}

.info_tab .wrap .tables .item .label {
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  color: #2a2a2a;
  letter-spacing: 0.8px;
  margin-bottom: 10px;
  display: block
}

.info_tab .wrap .tables table {
  font-size: 12px;
  line-height: 25px;
  color: #191919;
  width: 100%
}

.info_tab .wrap .tables table tr:nth-child(even) {
  background-color: #f5f5f5
}

.info_tab .wrap .tables table strong {
  font-weight: 900
}

.info_tab .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.info_tab .nav li {
  font-size: 10px;
  font-size: .625rem;
  margin-left: 10px;
  color: #919191;
  transition: all ease-in 0.3s;
  width: 100%;
  text-align: center;
  letter-spacing: 1.4px;
  cursor: pointer
}

.info_tab .nav li a {
  margin: 0 auto;
  white-space: nowrap
}

.info_tab .nav li .content {
  visibility: hidden;
  opacity: 0;
  transition: all ease-in 0.3s
}

.info_tab .nav li.active .content {
  opacity: 1;
  visibility: visible
}

.info_tab .nav li:hover,
.info_tab .nav li.active {
  color: #2a2a2a;
  border-bottom-color: #2a2a2a
}

.info_tab .nav li:first-child {
  margin-left: 0
}

.info_tab .nav li:first-child>a {
  padding-left: 0
}

.info_tab .nav li>a {
  text-transform: uppercase;
  padding: 10px 15px;
  display: block
}

.product_details {
  max-width: 335px;
  min-height: 550px;
  margin-left: 70px;
  position: absolute;
  right: 80px;
  top: 0;
  padding-bottom: 50px
}

.product_details .buy_button {
  border: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  cursor: pointer
}

.product_details .one_click {
  margin-top: 10px;
  cursor: pointer;
  transition: all ease-in .3s
}

.product_details .one_click:hover {
  background: #2a2a2a;
  color: white;
  font-weight: 600;
  border: 1px solid #d4d4d4
}

.product_details .text_color {
  font-size: 12px;
  font-size: .75rem;
  color: #919191;
  margin-left: 20px;
  display: inline-block
}

.product_details .product_price {
  text-align: center;
  margin-bottom: 25px;
  display: block
}

.product_details .product_price .instalment {
  display: block;
  font-size: 13px;
  font-size: .8125rem;
  margin-top: 5px;
  color: #5c5c5c;
  font-weight: 400
}

.product_details .product_price .old_price {
  color: #c2c2c2;
  font-size: 13px;
  font-size: .8125rem;
  text-decoration: line-through;
  font-weight: 300
}

.product_details .product_price .best_price {
  color: #2a2a2a;
  font-size: 15px;
  font-size: .9375rem;
  font-weight: 700
}

.product_details .sku_selection {
  margin-top: 30px;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eaeaea
}

.product_details .sku_selection .form_field {
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 95%;
  margin: 0 0 14px
}

.product_details .sku_selection .form_field .wrap_size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 180px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.product_details .sku_selection .form_field+.form_field {
  margin-bottom: 0
}

.product_details .sku_selection .label+.size_guide {
  margin-left: 20px
}

.product_details .sku_selection .size_guide {
  color: #919191;
  font-size: 11px;
  font-size: .6875rem;
  text-decoration: underline;
  text-transform: none;
  letter-spacing: 0.8px
}

.product_details .sku_selection form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.product_details .sku_selection .color {
  position: relative;
  padding-right: 80px
}

.product_details .sku_selection .color .text_color {
  width: 75px;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 10%;
  text-align: center
}

.product_details .product_name {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  letter-spacing: 1.4px;
  overflow: hidden;
  text-overflow: ellipsis
}

.product_details .product_name small {
  display: block;
  font-size: 10px;
  font-size: .625rem;
  margin-top: 5px;
  font-weight: 400;
  color: #c2c2c2;
  letter-spacing: 0.4px
}

.product_details .row_top {
  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;
  position: relative
}

.product_details .row_top .flag_discount {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -50px;
  z-index: 1;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.4px;
  width: 100px;
  text-align: center
}

.product_details .row_top .brand_product img {
  height: 40px
}

.product_details .row_top .share:hover:before {
  content: '';
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: transparent
}

.product_details .row_top .share:hover .actions {
  max-width: 500px;
  opacity: 1
}

.product_details .row_top .share .at-share-btn-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal
}

.product_details .row_top .wish:hover:before {
  content: '';
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 40px;
  background: transparent
}

.product_details .row_top .wish:hover .actions {
  max-width: 500px;
  opacity: 1;
  padding: 0 10px
}

.product_details .row_top .wish .wish-open.active:before,
.product_details .row_top .wish .wish-item.active i:before {
  content: '\e923';
  color: #d51010
}

.product_details .row_top .actions {
  position: absolute;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  background-color: #ffffff;
  height: 45px;
  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;
  right: 0;
  max-width: 0;
  overflow: hidden;
  top: -5px;
  transition: all 0.8s;
  padding: 0;
  z-index: 1
}

.product_details .row_top .actions.item1 {
  right: 60px
}

.product_details .row_top .actions.item2 {
  right: 25px
}

.product_details .row_top .actions.item2 div {
  margin: 0
}

.product_details .row_top .actions.item2 a {
  display: inline-block
}

.product_details .row_top .actions a {
  padding: 6px;
  font-size: 30px;
  font-size: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0
}

.product_details .row_top .actions a i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 2px
}

.product_details .row_top .actions a span {
  font-size: 10px;
  font-size: .625rem;
  text-transform: uppercase
}

.product_details .row_top .wrap_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.product_details .row_top .wrap_icons div {
  margin-left: 15px
}

img {
  max-width: 100%
}

.no-scroll {
  overflow: hidden
}

.buy_together {
  box-shadow: inset 5px 9px 20px rgba(51, 51, 51, 0.07);
  margin-top: 25px
}

.buy_together .resume {
  max-width: 265px;
  margin-left: auto
}

.buy_together .resume .economy {
  font-size: 11px;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-top: 15px
}

.buy_together .resume .buy_button {
  border: 0;
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  cursor: pointer;
  margin-top: 25px
}

.buy_together .resume .title {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 2px;
  text-align: center
}

.buy_together .resume .price {
  margin-top: 20px
}

.buy_together .resume .price span {
  display: block;
  text-align: center
}

.buy_together .resume .price .old_price {
  color: #919191;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: -3px;
  text-decoration: line-through
}

.buy_together .resume .price .best_price {
  color: #2a2a2a;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase
}

.buy_together .resume .price .instalment {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px
}

.buy_together.perfume {
  background: #f5f5f5;
  padding: 50px 0
}

.buy_together.perfume .content {
  max-width: 1130px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.buy_together .item {
  width: 280px;
  background: white;
  position: relative;
  box-shadow: 5px 9px 10px rgba(51, 51, 51, 0.1)
}

.buy_together .item img {
  margin: 0 auto;
  width: 100%;
  display: block
}

.buy_together .separator {
  position: relative;
  width: 97px;
  margin: 0 40px;
  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
}

.buy_together .separator:after,
.buy_together .separator:before {
  content: '';
  width: 97px;
  height: 10px;
  display: inline-block;
  background: #dcdcdc;
  position: absolute;
  top: 50%;
  margin-top: -5px
}

.buy_together .separator:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.buy_together .name {
  font-size: 10px;
  text-align: center;
  color: #919191;
  max-width: 120px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  padding: 15px 0
}

.buy_together .row_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.buy_together .row_bottom .style_select {
  border-top: 1px solid rgba(42, 42, 42, 0.2);
  position: relative;
  width: 100%
}

.buy_together .row_bottom .style_select+.style_select {
  border-left: 1px solid rgba(42, 42, 42, 0.2)
}

.buy_together .row_bottom .style_select:before {
  content: "\e91c";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 14px;
  z-index: 1
}

.buy_together .row_bottom .style_select select {
  width: 100%;
  display: block;
  text-align-last: center;
  padding: 10px 25px 10px 15px;
  background-color: transparent;
  border: 0;
  font-size: 12px;
  color: #2a2a2a;
  position: relative;
  font-weight: 700;
  z-index: 999
}

.collection {
  margin: 100px auto
}

.collection .slick-dots {
  display: none !important
}

.collection .slick-list {
  padding-top: 45px;
  padding-bottom: 30px;
  top: -45px
}

.collection .slick-slide {
  overflow: hidden
}

.collection .slick-slide img {
  height: 100%
}

.collection .slick-slide.slick-active {
  overflow: inherit
}

.collection .slick-slide.slick-active .element {
  opacity: 1 !important
}

.collection .slick-slide.slick-active .element.item-1 {
  -webkit-animation: teste 2s;
  animation: teste 2s
}

.collection .slick-slide.slick-active .element.item-2 {
  -webkit-animation: teste2 2s;
  animation: teste2 2s
}

.collection .slick-slide.slick-active .element.item-3 {
  -webkit-animation: teste3 2s;
  animation: teste3 2s
}

.collection .slick-slide.slick-active .element.item-4 {
  -webkit-animation: teste4 2s;
  animation: teste4 2s
}

.collection .slick-slide.slick-active .element.item-5 {
  -webkit-animation: teste5 2s;
  animation: teste5 2s
}

.collection .slick-arrow {
  cursor: pointer;
  transition: all ease-in .3s
}

.collection .slick-arrow.slick-prev {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  position: absolute;
  top: 65%;
  left: 20px;
  margin-top: -30px;
  height: 50px;
  width: 24px;
  z-index: 2;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.collection .slick-arrow.slick-prev:hover {
  -webkit-transform: rotate(180deg) scale(1.3);
  transform: rotate(180deg) scale(1.3)
}

.collection .slick-arrow.slick-prev:before {
  content: "\e91b";
  display: block;
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white
}

.collection .slick-arrow.slick-next {
  font-size: 0;
  display: block;
  background: transparent;
  border: 0;
  top: 65%;
  right: 20px;
  margin-top: -25px;
  position: absolute;
  height: 50px;
  width: 24px;
  z-index: 2
}

.collection .slick-arrow.slick-next:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.collection .slick-arrow.slick-next:before {
  content: "\e91b";
  font-size: 50px;
  font-size: 3.125rem;
  cursor: pointer;
  color: white;
  display: block
}

.collection .bg_collection {
  height: 680px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.collection .collection_items {
  vertical-align: top;
  max-width: 785px;
  margin-left: 60px;
  display: none
}

.collection .collection_items.active {
  display: inline-block
}

.collection .collection_items .item {
  width: 785px;
  height: 680px;
  position: relative
}

.collection .collection_items .item img {
  display: block
}

.collection .collection_items .item .element {
  transition: all 0.3s;
  opacity: 0
}

.collection .collection_items .item .item-1 {
  position: absolute;
  top: 25px;
  left: 1px;
  width: 316px;
  height: 367px
}

.collection .collection_items .item .item-2 {
  position: absolute;
  bottom: 25px;
  left: 81px;
  width: 228px;
  height: 263px
}

.collection .collection_items .item .item-3 {
  position: absolute;
  right: 61px;
  top: -45px;
  width: 416px;
  height: 486px
}

.collection .collection_items .item .item-4 {
  position: absolute;
  right: 61px;
  bottom: 25px;
  width: 190px;
  height: 222px
}

.collection .collection_items .item .item-5 {
  position: absolute;
  bottom: -25px;
  right: 250px;
  width: 227px;
  height: 265px
}

.collection .details {
  max-width: 400px;
  display: inline-block;
  vertical-align: top
}

.collection .details h3 {
  display: block
}

.collection .details .nav li {
  display: inline-block;
  float: left;
  clear: left
}

.collection .details .title {
  color: white;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 60px;
  font-style: italic;
  margin-top: 40px;
  font-weight: bold
}

.collection .details .title span {
  display: block
}

.collection .details .desc {
  display: block
}

.collection .details .desc:after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  opacity: 0;
  right: 100%;
  background: rgba(255, 255, 255, 0.25);
  transition: all 0.2s linear
}

.collection .details .desc .name {
  transition: all 0.3s linear
}

.collection .details .desc .text {
  display: none;
  opacity: 0;
  transition: all 0.2s linear;
  transition-delay: .2s
}

.collection .details li.active {
  display: block;
  float: none;
  max-width: 308px
}

.collection .details li.active:after {
  display: none
}

.collection .details li.active .desc {
  position: relative;
  padding: 20px 0
}

.collection .details li.active .desc:after {
  width: 1200px;
  height: 100%;
  opacity: 1;
  right: 0;
  transition: all 0.2s linear;
  transition-delay: .2s
}

.collection .details li.active .desc .name {
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  padding-right: 40px;
  display: block;
  font-weight: bold;
  color: white;
  padding-bottom: 30px;
  margin-bottom: 30px;
  letter-spacing: 3px
}

.collection .details li.active .desc .name:after {
  content: "";
  height: 1px;
  width: 100%;
  width: 110%;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  bottom: 0
}

.collection .details li.active .desc .text {
  display: inline-block;
  font-size: 14px;
  font-size: .875rem;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0.8px;
  word-break: break-word;
  padding-right: 40px;
  color: white;
  line-height: 16px;
  opacity: 1
}

.collection .nav {
  margin-top: 30px
}

.collection .nav li {
  font-size: 12px;
  font-size: .75rem;
  font-weight: bold;
  color: white;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  position: relative;
  display: table
}

.collection .nav li:hover:after,
.collection .nav li.active:after {
  width: 100%;
  left: 0
}

.collection .nav li:after {
  content: '';
  width: 0%;
  transition: all ease-in 0.3s;
  position: absolute;
  height: 2px;
  bottom: -3px;
  background: white;
  right: 0
}

@-webkit-keyframes teste {
  0% {
    left: -500px;
    opacity: 0
  }

  100% {
    left: 1px;
    opacity: 1
  }
}

@keyframes teste {
  0% {
    left: -500px;
    opacity: 0
  }

  100% {
    left: 1px;
    opacity: 1
  }
}

@-webkit-keyframes teste2 {
  0% {
    bottom: -500px;
    left: -500px;
    opacity: 0
  }

  100% {
    left: 81px;
    bottom: 25px;
    opacity: 1
  }
}

@keyframes teste2 {
  0% {
    bottom: -500px;
    left: -500px;
    opacity: 0
  }

  100% {
    left: 81px;
    bottom: 25px;
    opacity: 1
  }
}

@-webkit-keyframes teste3 {
  0% {
    top: -600px;
    opacity: 0
  }

  100% {
    top: -45px;
    opacity: 1
  }
}

@keyframes teste3 {
  0% {
    top: -600px;
    opacity: 0
  }

  100% {
    top: -45px;
    opacity: 1
  }
}

@-webkit-keyframes teste4 {
  0% {
    right: -800px;
    opacity: 0
  }

  100% {
    right: 61px;
    opacity: 1
  }
}

@keyframes teste4 {
  0% {
    right: -800px;
    opacity: 0
  }

  100% {
    right: 61px;
    opacity: 1
  }
}

@-webkit-keyframes teste5 {
  0% {
    bottom: -500px;
    opacity: 0
  }

  100% {
    bottom: -25px;
    opacity: 1
  }
}

@keyframes teste5 {
  0% {
    bottom: -500px;
    opacity: 0
  }

  100% {
    bottom: -25px;
    opacity: 1
  }
}

.error_404 {
  text-align: center;
  height: 550px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.error_404 .title {
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 900;
  color: #2a2a2a
}

.error_404 .text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  margin-top: 10px
}

.error_404 .direct {
  letter-spacing: 2px;
  min-width: 190px;
  margin-top: 140px
}

.delivery .adresses .current_address {
  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;
  padding: 20px;
  width: 90%;
  margin: 20px auto;
  background: #f5f5f5
}

.delivery .adresses .current_address+#map {
  margin-top: -10px
}

.delivery .adresses .current_address+.no_row {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  margin-top: 30px;
  margin-bottom: 0
}

.delivery .adresses .current_address p {
  font-size: 14px;
  color: #2a2a2a
}

.delivery .adresses .current_address a {
  font-size: 12px;
  text-decoration: underline;
  letter-spacing: 0.4px
}

.delivery .adresses .form_delivery .action_1 {
  width: 90%;
  margin: 0 auto;
  background: #2a2a2a
}

.delivery .adresses .form_delivery .help_text {
  font-size: 14px;
  color: #1b1b1b;
  opacity: 0.6;
  font-weight: 300;
  padding-bottom: 30px;
  margin-top: 15px
}

.delivery .adresses .form_delivery .shift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.delivery .adresses .form_delivery .shift .input_check:checked~.wrap {
  background: #2a2a2a;
  color: white
}

.delivery .adresses .form_delivery .shift .form_check {
  width: 39%;
  margin-right: 10px;
  border: 1px solid #2a2a2a
}

.delivery .adresses .form_delivery .shift .wrap {
  padding: 0;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  border: 1px solid transparent
}

.delivery .adresses .form_delivery .shift .wrap span {
  display: block;
  margin: 0 auto
}

.delivery .adresses .form_delivery .shift .wrap:after,
.delivery .adresses .form_delivery .shift .wrap:before {
  content: none !important
}

.delivery .adresses .form_delivery .date_wrap {
  position: relative;
  display: table
}

.delivery .adresses .form_delivery .date_wrap:after {
  content: "\e91c";
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.delivery .adresses .form_delivery .date-handle {
  font-size: 14px;
  display: block;
  border: 0;
  background-color: transparent;
  border-bottom: 2px solid #2a2a2a;
  padding: 10px 14px;
  font-style: italic;
  position: relative;
  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;
  max-width: 208px;
  margin-bottom: 15px
}

.delivery .adresses .form_delivery .date-handle:after {
  content: "\e91c";
  font-style: normal;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  margin-right: -10px
}

.delivery .adresses .form_delivery .date-handle.hasDatepicker {
  cursor: pointer
}

.delivery .adresses .form_delivery .value {
  font-size: 14px;
  font-weight: bold
}

.delivery .adresses .form_delivery .date_select {
  background: #f5f5f5;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.3s;
  padding-left: 10%
}

.delivery .adresses .form_delivery .date_select .field {
  max-width: 330px;
  margin: 0 auto
}

.delivery .adresses .form_delivery .date_select .text {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 0
}

.delivery .adresses .form_delivery .input_check {
  display: none
}

.delivery .adresses .form_delivery .input_check:checked~.wrap {
  background: #f5f5f5
}

.delivery .adresses .form_delivery .input_check:checked~.wrap+.date_select {
  max-height: 550px
}

.delivery .adresses .form_delivery .input_check:checked~.wrap:after {
  content: "\e904"
}

.delivery .adresses .form_delivery .wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  transition: all 0.3s;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.delivery .adresses .form_delivery .wrap.icon i {
  margin-right: 15px;
  font-size: 29px
}

.delivery .adresses .form_delivery .wrap .icon-store {
  margin-right: 15px;
  font-size: 20px
}

.delivery .adresses .form_delivery .wrap:after {
  position: absolute;
  font-size: 7px;
  left: 24.5px;
  top: 50%;
  margin-top: -3.5px
}

.delivery .adresses .form_delivery .wrap:before {
  content: '';
  margin-right: 15px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: white;
  border-radius: 50%
}

.delivery .adresses .form_delivery .row {
  position: relative;
  border-top: 0
}

.delivery .adresses .form_delivery .row:last-child {
  padding-bottom: 0
}

.delivery .adresses .form_delivery .row.store_adress {
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
  border-top: 1px solid #e2e2e2
}

.delivery .adresses .form_delivery .row.store_adress+.form_action {
  border-top: 1px solid #e2e2e2;
  margin-top: 0;
  padding-top: 30px
}

.delivery .adresses .form_delivery .row.store_adress .withdrawal {
  position: absolute;
  top: 30px;
  right: 0;
  padding: 15px;
  font-size: 10px;
  font-weight: 400;
  background-color: #2a2a2a;
  color: white;
  letter-spacing: 0.8px
}

.delivery .adresses .form_delivery .row.store_adress .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}

.delivery .adresses .form_delivery .row.store_adress .bottom i {
  font-size: 22px;
  background-color: #f5f5f5;
  padding: 10px 9px;
  border-radius: 50%;
  margin-right: 10px
}

.delivery .adresses .form_delivery .row.store_adress .bottom p {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.8px
}

.delivery .adresses .form_delivery .row.store_adress .bottom p small {
  font-size: 12px;
  font-weight: bold;
  font-style: italic
}

.delivery .adresses .form_delivery .row.store_adress .bottom p strong {
  font-weight: 700
}

.delivery .adresses .form_delivery .row.store_adress .location {
  max-width: 53%;
  font-size: 16px;
  letter-spacing: 0.4px;
  font-weight: 700;
  display: block
}

.delivery .adresses .form_delivery .row.store_adress .adress {
  max-width: 55%;
  font-weight: 400;
  letter-spacing: 0.4px;
  font-size: 14px;
  color: #191919;
  display: block;
  margin-bottom: 20px
}

.delivery .adresses .form_delivery .row.store_adress .days {
  font-size: 14px;
  font-weight: 300;
  opacity: 0.6;
  display: block
}

.delivery .adresses .form_delivery .row.store_adress .localStore {
  position: absolute;
  right: 34px;
  top: 95px
}

.delivery .adresses .form_delivery .row.store_adress .localStore i {
  margin-right: 10px
}

.delivery .adresses .form_delivery .row:first-child {
  border-top: 0
}

.delivery .adresses .form_delivery .row .edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 60px
}

.delivery .adresses .form_delivery .row .edit span {
  font-size: 12px;
  margin-top: 3px;
  text-decoration: underline
}

.delivery .adresses .form_delivery .row .local {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: auto;
  width: 55%
}

.delivery .adresses .form_delivery .row .local span {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #191919;
  word-wrap: break-word
}

.delivery .adresses .form_delivery .row .local span:first-child:not(.dp-default-date) {
  font-weight: bold
}

.delivery .adresses .form_delivery .center_text span {
  z-index: 0
}

.delivery .adresses .form_adresses .action_1 {
  font-size: 10px;
  width: 80%;
  margin: 0 auto 30px
}

.delivery .adresses .form_adresses .input_check {
  display: none
}

.delivery .adresses .form_adresses .input_check:checked~.wrap {
  background: #f5f5f5
}

.delivery .adresses .form_adresses .input_check:checked~.wrap:after {
  content: "\e904"
}

.delivery .adresses .form_adresses .wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0px;
  transition: all 0.3s
}

.delivery .adresses .form_adresses .wrap .icon-store {
  margin-right: 15px;
  font-size: 20px
}

.delivery .adresses .form_adresses .wrap:after {
  position: absolute;
  font-size: 7px;
  left: 5px;
  top: 50%;
  margin-top: -3.5px
}

.delivery .adresses .form_adresses .wrap:before {
  content: '';
  margin-right: 15px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  background: white;
  border-radius: 50%
}

.delivery .adresses .title {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-bottom: 1px solid rgba(220, 220, 220, 0.6);
  padding: 30px 0 15px
}

.delivery .adresses .row {
  position: relative;
  border-top: 1px solid #e0e0e0;
  width: 80%;
  margin: 0 auto;
  padding: 0
}

.delivery .adresses .row+.form_action {
  margin-top: 0;
  padding-top: 30px
}

.delivery .adresses .row:first-child {
  border-top: 0
}

.delivery .adresses .row .edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 10px
}

.delivery .adresses .row .edit span {
  font-size: 12px;
  margin-top: 3px;
  text-decoration: underline
}

.delivery .adresses .row .local {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60%
}

.delivery .adresses .row .local span {
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #191919;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 250px;
  overflow: hidden
}

.delivery .adresses .row .local span:first-child:not(.dp-default-date) {
  font-weight: bold
}

.buy_more_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.buy_more_items i {
  font-size: 20px;
  margin-right: 5px
}

.buy_more_items span {
  text-transform: uppercase;
  font-size: 12px;
  color: #2a2a2a;
  text-decoration: underline
}

.cart_wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto 2%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

.cart_wrapper .head_cart {
  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
}

.cart_wrapper .buy_more {
  margin-bottom: 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 40px
}

.cart_wrapper .checkout_steps,
.cart_wrapper .checkout_cart,
.cart_wrapper .wrap_checkout {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 1265px;
  min-width: 50%
}

.cart_wrapper .info_text {
  font-size: 12px
}

.cart_wrapper .side_info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 305px;
  min-width: 200px;
  margin-left: 20px
}

.checkout_cart .title {
  font-size: 20px;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: 300;
  margin: 20px 0;
  letter-spacing: 2px
}

.checkout_cart .row_packing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  padding: 20px
}

.checkout_cart .row_packing .text {
  font-size: 16px;
  color: #2a2a2a;
  max-width: 570px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 20px
}

.checkout_cart .row_packing .text strong {
  font-weight: 700
}

.checkout_cart .row_packing .text span {
  font-weight: 300
}

.checkout_cart .row_packing .style_select {
  background: white
}

.checkout_cart .row_packing .style_select select {
  min-width: 95px;
  font-size: 13px;
  padding: 10px
}

.checkout_cart .banner_free {
  margin: 20px 0
}

.checkout_cart .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 30px;
  border: 1px solid #e0e0e0;
  border-width: 1px 1px 0px 1px
}

.checkout_cart .head span {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  color: #2a2a2a;
  margin-right: 8%
}

.checkout_cart .head span.last {
  margin-right: 10%
}

.checkout_cart .head span.first {
  margin-right: auto
}

.checkout_cart .row_gift {
  width: 100%;
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
  margin-top: 30px
}

.checkout_cart .row_gift .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 332px;
  width: 100%
}

.checkout_cart .row_gift .wrap .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 12px;
  font-size: 14px;
  max-width: 280px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #2a2a2a;
  font-weight: 300
}

.checkout_cart .row_gift .wrap .text span:last-child {
  font-weight: 400
}

.checkout_cart .row_gift .wrap .text strong {
  font-weight: 700
}

.checkout_cart .form_product_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 49%
}

.checkout_cart .form_product_row>* {
  width: 30%
}

.checkout_cart .form_product_row .form_item--qnt {
  padding-left: 18px
}

.checkout_cart .form_product_row .style_select {
  text-align: center
}

.checkout_cart .form_product_row .style_select select {
  height: 33px;
  font-size: 14px;
  width: 100%;
  margin: 0 auto
}

.checkout_cart .form_product_row .price_product {
  width: 35%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 20px
}

.checkout_cart .form_product_row .price_product .old_price {
  font-size: 11px;
  color: #919191;
  text-decoration: line-through;
  font-weight: 300;
  margin-bottom: 2px
}

.checkout_cart .form_product_row .price_product .best_price {
  font-size: 14px;
  font-weight: 700;
  color: #2a2a2a
}

.checkout_cart .form_product_row .price_product .stock_low {
  display: block;
  position: absolute;
  top: -120%;
  left: initial;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1.2px
}

.checkout_cart .form_product_row .price_product .stock_low span {
  margin-right: 4px
}

.checkout_cart .form_product_row .price_product .stock_low .count {
  color: #d51010
}

.checkout_cart .form_product_row .price_product .stock_low .unit {
  color: #d51010
}

.checkout_cart .form_product_row .pre_sale {
  font-size: 10px;
  background-color: #f5f5f5;
  padding: 10px;
  text-align: center;
  width: 90%;
  margin-right: 0;
  position: relative;
  top: 30px
}

.checkout_cart .form_product_row .pre_sale strong,
.checkout_cart .form_product_row .pre_sale span {
  opacity: 0.5
}

.checkout_cart .form_product_row .delete {
  color: #bfbfbf;
  font-size: 20px;
  margin-right: 0;
  transition: all ease-in 0.2s;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  width: 5%
}

.checkout_cart .form_product_row .delete:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  color: #2a2a2a
}

.checkout_cart .form_product_row .number_select {
  margin: 0 auto;
  max-width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e0e0e0;
  padding: 5px 0
}

.checkout_cart .form_product_row .number_select button {
  border: 0;
  background-color: transparent;
  width: 25%;
  cursor: pointer;
  font-size: 17px
}

.checkout_cart .form_product_row .number_select input {
  width: 50%;
  text-align: center;
  border: 0;
  font-size: 14px
}

.checkout_cart .row_product {
  padding: 30px;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkout_cart .row_product:last-child {
  border-bottom: 1px solid #e0e0e0
}

.checkout_cart .row_product .media img {
  display: block;
  width: 91px
}

.checkout_cart .row_product.gift {
  padding: 10px 30px
}

.checkout_cart .row_product.gift .media {
  width: 40px
}

.checkout_cart .row_product.gift .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 12px;
  font-size: 14px;
  max-width: 280px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #2a2a2a;
  font-weight: 300
}

.checkout_cart .row_product.gift .text span {
  white-space: nowrap;
  margin-left: 12px
}

.checkout_cart .row_product.gift .text span:last-child {
  font-weight: 400
}

.checkout_cart .row_product.gift .text strong {
  font-weight: 700
}

.checkout_cart .row_product.gift .link {
  text-decoration: underline;
  color: #2a2a2a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-left: auto
}

.checkout_cart .row_product .product_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 20px;
  margin-right: auto
}

.checkout_cart .row_product .product_info .sku_tag {
  color: #2a2a2a;
  opacity: 0.4;
  font-size: 14px
}

.checkout_cart .row_product .product_info .link {
  text-decoration: underline;
  color: #2a2a2a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-top: 6px
}

.checkout_cart .row_product .product_info .name {
  font-size: 14px;
  font-weight: 400;
  max-width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  display: block;
  overflow: hidden
}

.side_info {
  width: 32%;
  position: relative;
  top: -75px
}

.side_info .info_text {
  font-size: 14px;
  color: rgba(42, 42, 42, 0.6)
}

.side_info.static {
  top: 0
}

.side_info .resume {
  background-color: #f5f5f5;
  padding: 0 20px
}

.side_info .resume .title {
  margin: 0;
  padding: 30px 0 0 0
}

.side_info .resume.info {
  border: 1px solid #e0e0e0;
  background: #fff;
  margin-top: 20px
}

.side_info .resume.info .product_cart {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.side_info .resume.info .product_cart .media {
  max-width: 70px
}

.side_info .resume.info .product_cart .product_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 10px
}

.side_info .resume.info .product_cart .product_info .sku_tag {
  font-size: 12px;
  color: #5c5c5c;
  margin-bottom: 2px
}

.side_info .resume.info .product_cart .product_info .name {
  font-size: 11px;
  margin-bottom: 10px;
  font-weight: 700;
  max-width: 170px;
  color: #2a2a2a;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis
}

.side_info .resume.info .product_cart .price_item {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 700;
  font-size: 14px;
  color: #2a2a2a;
  text-transform: uppercase
}

.side_info .resume.info .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.side_info .resume.info .text {
  font-size: 12px;
  color: #414141;
  width: 100%
}

.side_info .resume.info .link {
  text-decoration: underline;
  color: #2a2a2a;
  font-weight: 700
}

.side_info .resume.info .head_text {
  font-weight: 700;
  color: #2a2a2a;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 3px
}

.side_info .resume .row_buttons {
  width: 100%;
  padding: 20px 0 0;
  border-top: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.side_info .resume .row_buttons .end_buy {
  height: 50px;
  font-size: 14px;
  letter-spacing: 1.6px;
  cursor: pointer
}

.side_info .resume .row_buttons .end_buy+.one_click {
  margin-bottom: 30px
}

.side_info .resume .row_buttons .one_click {
  height: 50px;
  background-color: transparent;
  font-size: 14px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-top: 10px;
  border-color: #2a2a2a;
  cursor: pointer
}

.side_info .resume .credit_info {
  color: #2a2a2a;
  opacity: 0.6;
  font-size: 12px;
  text-align: right
}

.side_info .resume .form_global {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0
}

.side_info .resume .form_global.active .info_box {
  max-height: 300px;
  position: relative
}

.side_info .resume .form_global .info_box {
  text-align: right;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.side_info .resume .form_global .info_box .row_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.side_info .resume .form_global .info_box .row_top .edit {
  font-size: 13px;
  text-decoration: underline;
  letter-spacing: 0.8px;
  margin-right: 15px
}

.side_info .resume .form_global .info_box .info {
  white-space: nowrap;
  font-size: 9px;
  color: #2a2a2a;
  font-weight: 400;
  margin-top: 10px;
  background-color: #e0e0e0;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 110%;
  text-align: right
}

.side_info .resume .form_global .info_box .cep {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px
}

.side_info .resume .form_global .info_box .cep a {
  font-size: 12px;
  text-decoration: underline;
  font-weight: lighter;
  letter-spacing: 0.8px;
  margin-right: 15px
}

.side_info .resume .form_global .info_box .form_check {
  position: relative;
  margin: 10px 2px 5px 0
}

.side_info .resume .form_global .info_box .form_check .input_check {
  display: none
}

.side_info .resume .form_global .info_box .form_check .input_check:checked~.wrap:before {
  content: "\e904"
}

.side_info .resume .form_global .info_box .form_check .wrap {
  font-size: 12px;
  font-weight: 300;
  color: #2a2a2a;
  letter-spacing: 0.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.side_info .resume .form_global .info_box .form_check .wrap strong {
  display: block;
  font-weight: bold
}

.side_info .resume .form_global .info_box .form_check .wrap:after {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  background: white;
  border-radius: 50%;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px
}

.side_info .resume .form_global .info_box .form_check .wrap:before {
  content: '';
  position: absolute;
  right: 3px;
  font-size: 7px;
  margin-top: -3.5px;
  top: 50%;
  z-index: 1
}

.side_info .resume .form_global .icon-closed {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.side_info .resume .form_global .icon-closed.add_item {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
  transition: all ease-in 0.3s
}

.side_info .resume .form_global.form_cupom {
  -ms-flex-wrap: nowarp;
  flex-wrap: nowarp
}

.side_info .resume .form_global.form_cupom .input_text {
  max-width: 100px
}

.side_info .resume .form_global.form_cupom:not(.active) .form_item {
  transition: all ease-in 0.3s 0.3s
}

.side_info .resume .form_global.form_cupom+.coupon_current {
  display: block;
  text-align: right;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.3s
}

.side_info .resume .form_global.form_cupom+.coupon_current .cupom {
  display: inline-block;
  font-size: 12px;
  padding: 2px;
  color: rgba(42, 42, 42, 0.6);
  text-transform: uppercase;
  text-align: right;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap
}

.side_info .resume .form_global.form_cupom+.coupon_current .cupom span {
  display: inline-block;
  vertical-align: middle
}

.side_info .resume .form_global.form_cupom+.coupon_current .cupom .icon-closed {
  vertical-align: middle;
  opacity: 0.7;
  margin-left: 10px;
  margin-right: 2px;
  padding: 2px 2px 2px 10px;
  cursor: pointer
}

.side_info .resume .form_global.form_cupom.active .form_item {
  transition-delay: 0s
}

.side_info .resume .form_global.form_cupom.active+.coupon_current {
  margin-top: 10px;
  max-height: 124px;
  transition-delay: 0.3s
}

.side_info .resume .form_global.form_cep .form_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.side_info .resume .form_global.form_cep.active .form_item {
  display: none
}

.side_info .resume .form_global.hidden_form .form_item {
  overflow: hidden;
  max-width: 0;
  width: auto;
  height: auto;
  transition: all ease-in 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.side_info .resume .form_global.hidden_form .form_item input {
  width: 130px
}

.side_info .resume .form_global.hidden_form.active {
  white-space: nowrap
}

.side_info .resume .form_global.hidden_form.active .form_item {
  max-width: 220px;
  margin-left: 10px
}

.side_info .resume .form_global.hidden_form.active .add_item {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg)
}

.side_info .resume .form_global .focus .label_text {
  top: -15px;
  font-size: 12px
}

.side_info .resume .form_global .label_text {
  left: 0;
  top: 5px
}

.side_info .resume .form_global .button {
  position: static;
  margin-left: 10px
}

.side_info .resume .form_global input {
  background-color: transparent;
  padding: 0px;
  height: 30px;
  max-width: 130px
}

.side_info .resume .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 25px;
  letter-spacing: 0.8px
}

.side_info .resume .title a {
  color: #919191;
  text-decoration: underline;
  margin-left: auto;
  font-size: 9px
}

.side_info .resume .subtitle {
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 400;
  letter-spacing: 0.5px;
  display: block
}

.side_info .resume .price_resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right;
  max-width: 160px
}

.side_info .resume .price_resume .best_price {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 3px
}

.side_info .resume .price_resume .instalment {
  font-size: 12px;
  font-weight: 400;
  color: #2a2a2a;
  opacity: 0.6
}

.side_info .resume .price_resume .instalment small {
  font-weight: 700;
  font-size: 12px;
  display: block
}

.side_info .resume .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 100%;
  padding: 31px 0;
  border-top: 1px solid #dcdcdc
}

.side_info .resume .row--cep .column:first-child {
  width: 15%
}

.side_info .resume .row--cep .column:last-child {
  width: 85%
}

.checkout_steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.checkout_steps .carousel .slick-arrow.slick-next,
.checkout_steps .carousel .slick-arrow.slick-prev {
  margin-top: -75px
}

.checkout_steps .buy_more {
  max-width: 100%
}

.checkout_steps .wrap_checkout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.checkout_steps .item-1 .step_2 .content {
  padding-bottom: 40px
}

.checkout_steps .wrap_button_register {
  background-color: #f5f5f5;
  margin-top: 40px;
  padding: 30px 0
}

.checkout_steps .wrap_button_register a {
  font-size: 14px;
  margin-top: 30px;
  text-align: center;
  display: block;
  width: 65%;
  margin: 0 auto
}

.checkout_steps .wrap.small {
  width: 70%;
  margin: 0 auto
}

.checkout_steps .wrap.full {
  width: 90%;
  margin: 0 auto
}

.checkout_steps .form_global .icon i {
  font-size: 21px;
  top: initial;
  bottom: 11px;
  pointer-events: none;
  width: 26px
}

.checkout_steps .form_global .icon i.icon-mail {
  font-size: 15px
}

.checkout_steps .form_global .icon input {
  padding-left: 40px
}

.checkout_steps .form_global .icon .label_text {
  left: 40px
}

.checkout_steps .form_global .icon.focus .label_text {
  left: 0;
  top: -10px
}

.checkout_steps .form_global .form_item {
  margin-top: 30px
}

.checkout_steps .form_global .form_item>label {
  display: block;
  position: relative
}

.checkout_steps .head {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  color: white;
  padding: 20px 35px;
  position: relative;
  letter-spacing: 2.2px
}

.checkout_steps .head:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 7px;
  margin-top: -7px;
  z-index: 1
}

.checkout_steps .column {
  width: 205px;
  transition: all 0.3s
}

.checkout_steps .column.hidden .content {
  display: none
}

.checkout_steps .column.active.item-1 .head,
.checkout_steps .column.active.item-2 .head,
.checkout_steps .column.active.item-3 .head {
  background: #2a2a2a;
  color: white;
  font-size: 14px;
  letter-spacing: 2.4px;
  padding: 19px 35px;
  height: 54.4px
}

.checkout_steps .column.active.item-1 .head:after,
.checkout_steps .column.active.item-2 .head:after,
.checkout_steps .column.active.item-3 .head:after {
  border-left-color: #2a2a2a
}

.checkout_steps .column.finish .head span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkout_steps .column.finish .head span:before {
  content: "\e904";
  font-size: 9px;
  margin-right: 10px
}

.checkout_steps .column.finish .head:after {
  border-left-color: #e0e0e0
}

.checkout_steps .column.finish .finish_info a {
  margin-top: 15px;
  display: table
}

.checkout_steps .column.finish .finish_info a i {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  display: block
}

.checkout_steps .column.finish .finish_info a span {
  font-size: 12px;
  letter-spacing: 0.8px;
  text-decoration: underline;
  display: block
}

.checkout_steps .column.finish .finish_info p {
  font-size: 12px;
  color: #919191;
  margin-top: 15px;
  word-break: keep-all;
  padding-right: 4%
}

.checkout_steps .column.finish .finish_info p small {
  font-size: 12px;
  display: block
}

.checkout_steps .column.finish .content {
  display: block;
  word-break: break-all
}

.checkout_steps .column.active {
  width: 527px
}

.checkout_steps .column.active .content {
  border: 1px solid #e0e0e0;
  border-width: 1px 1px 1px;
  position: relative
}

.checkout_steps .column.active .canel {
  position: absolute;
  top: 20px;
  right: 20px
}

.checkout_steps .column.active .canel i {
  display: inherit;
  text-align: center;
  font-weight: bold
}

.checkout_steps .column.active .canel span {
  text-decoration: underline;
  font-size: 12px
}

.checkout_steps .column.item-1.finish .head:after {
  border-left-color: #e0e0e0
}

.checkout_steps .column.item-1 .head {
  background-color: #e0e0e0;
  color: black
}

.checkout_steps .column.item-1 .head:after {
  border-left-color: #e0e0e0
}

.checkout_steps .column.item-2 .head {
  background-color: #5c5c5c
}

.checkout_steps .column.item-2 .head:after {
  border-left-color: #5c5c5c
}

.checkout_steps .column.item-3.active .head {
  background-color: #2a2a2a
}

.checkout_steps .column.item-3 .head {
  background-color: #e0e0e0;
  color: black
}

.checkout_steps .column.item-3 .head:after {
  content: none
}

.payment .oo-form {
  margin-top: 7%
}

.payment .oo-form .row-check {
  background: white;
  padding: 4%;
  margin-bottom: 5%
}

.payment .oo-form .row-check.active {
  background-color: #f5f5f5
}

.payment .oo-form .row-check .wrap {
  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
}

.payment .oo-form .row-check .remain {
  display: block;
  font-weight: bold;
  margin-left: 30px;
  color: #d71920
}

.payment .oo-form .row-check .spent {
  display: block;
  text-decoration: none
}

.payment .oo-form .row-check .partial_value {
  margin-left: 30px;
  max-height: 0;
  overflow: hidden
}

.payment .oo-form .row-check .partial_value label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 266px
}

.payment .oo-form .row-check .partial_value.active {
  padding-top: 10%;
  max-height: 400px
}

.payment .oo-form .row-check .partial_value .coin {
  font-weight: bold;
  font-size: rem(16px)
}

.payment .oo-form .row-check .partial_value input[type="text"],
.payment .oo-form .row-check .partial_value input[type="number"],
.payment .oo-form .row-check .partial_value input[type="tel"] {
  border: 0;
  border-bottom: 2px solid #2a2a2a;
  width: 100%;
  font-size: 14px;
  font-size: .875rem;
  font-weight: 400;
  padding: 15px 15px 10px 15px;
  background: transparent
}

.payment .oo-form .row-check .partial_value .submit {
  margin-left: 10px
}

.payment .oo-form .row-check .check_item {
  display: none
}

.payment .oo-form .row-check .check_item:checked~.wrap .validity:after {
  content: "\e904"
}

.payment .oo-form .row-check .value {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center
}

.payment .oo-form .row-check .value .used {
  text-decoration: line-through
}

.payment .oo-form .row-check .action {
  display: inline-block;
  vertical-align: top;
  text-decoration: underline;
  font-size: 11px;
  white-space: nowrap
}

.payment .oo-form .row-check .validity {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  width: 152px
}

.payment .oo-form .row-check .validity:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  background: #fff
}

.payment .oo-form .row-check .validity:after {
  font-size: 8px;
  text-align: center;
  margin-bottom: -10px;
  position: absolute;
  left: 5px;
  top: 6px
}

.payment .form_global .form_action {
  width: 100%
}

.payment .form_global .sub_title {
  margin-bottom: 15px !important
}

.payment .form_global .form_two_items .form_item.icon input {
  padding-left: 35px
}

.payment .form_global .form_two_items .form_item.icon .label_text {
  left: 30px
}

.payment .form_global .form_item.icon.focus i {
  color: #2a2a2a
}

.payment .form_global .form_item.icon.focus .label_text {
  left: 0
}

.payment .form_global .form_item.icon input {
  padding-left: 45px
}

.payment .form_global .form_item.icon .label_text {
  left: 45px
}

.payment .form_global i {
  font-size: 22px;
  transition: all 0.3s
}

.payment .masterpass .link {
  display: block;
  margin-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f5f5
}

.payment .masterpass .masterpass_finalize {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px
}

.payment .masterpass .warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.payment .masterpass .warning .text {
  max-width: 340px
}

.payment .masterpass .warning p {
  font-size: 13px;
  font-weight: 300;
  color: #666666
}

.payment .masterpass .warning i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f5f5f5;
  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;
  margin-right: 20px
}

.payment .masterpass .instructions {
  margin-top: 30px
}

.payment .masterpass .instructions p {
  font-size: 12px;
  white-space: nowrap;
  color: #1b1b1b;
  font-weight: 400;
  margin-bottom: 10px
}

.payment .ticket .ticket_finalize {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px
}

.payment .ticket p {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 25px
}

.payment .ticket .help_text {
  display: block;
  font-size: 16px;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0
}

.payment .ticket .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 30px
}

.payment .ticket .top i {
  width: 50px;
  height: 50px;
  background-color: #f5f5f5;
  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;
  border-radius: 50%;
  margin-right: 20px
}

.payment .ticket .top .text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  line-height: inherit
}

.payment .ticket .top .text p small {
  font-size: 16px;
  font-weight: 300;
  font-style: italic
}

.payment .ticket .top .text p strong {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase
}

.payment .payment_wrap {
  border-top: 1px solid #dcdcdc;
  margin-top: -21px;
  padding-bottom: 10px
}

.payment .payment_wrap .payment_content {
  max-width: 85%;
  margin: 0 auto;
  display: none
}

.payment .payment_wrap .payment_content.full {
  max-width: 100%;
  padding: 15px
}

.payment .payment_wrap .payment_content.active {
  display: block
}

.payment .payment_wrap .payment_content .coupon-form .row-check {
  background: #f5f5f5
}

.payment .center_text {
  text-transform: uppercase;
  font-size: 14px;
  color: #2a2a2a;
  letter-spacing: 1px;
  font-weight: 400;
  text-align: center;
  margin: 30px 0
}

.payment .swap_text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 18px;
  max-width: 420px;
  margin: 0 auto 35px;
  text-align: center;
  color: #7a7a7a
}

.payment .swap_text strong {
  font-weight: bold;
  color: #d71920;
  text-align: center
}

.payment .payment_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto
}

.payment .payment_nav .handle_item {
  text-align: center;
  padding: 10px 4px 0;
  padding-bottom: 30px;
  z-index: 1;
  position: relative;
  transition: background-color ease-in 0.2s;
  width: 100%
}

.payment .payment_nav .handle_item:hover {
  background-color: #f5f5f5
}

.payment .payment_nav .handle_item:hover i {
  background-color: #fff
}

.payment .payment_nav .handle_item.active {
  border-bottom: 1px solid white;
  border-right: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc
}

.payment .payment_nav .handle_item i {
  width: 45px;
  height: 45px;
  margin: 0 auto 10px auto;
  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;
  background-color: #f5f5f5;
  border-radius: 50%;
  overflow: hidden;
  transition: background-color ease-in 0.3s
}

.payment .payment_nav .handle_item i.icon-one-click {
  font-size: 30px
}

.payment .payment_nav .handle_item i.icon-master-pass {
  font-size: 18px
}

.payment .payment_nav .handle_item span {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  display: block;
  width: 100%;
  overflow: hidden
}

.payment .payment_nav .handle_item span+strong {
  font-size: 12px;
  font-weight: 400;
  color: #d71920
}

.payment .payment_nav .renner_cards,
.payment .payment_nav .other_ways {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px
}

.payment .payment_nav .renner_cards .swap span,
.payment .payment_nav .other_ways .swap span {
  font-weight: bold
}

.payment .payment_nav .renner_cards .swap strong,
.payment .payment_nav .other_ways .swap strong {
  display: block;
  font-weight: bold
}

.payment .payment_nav .renner_cards .row,
.payment .payment_nav .other_ways .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 1%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.payment .payment_nav .renner_cards .title,
.payment .payment_nav .other_ways .title {
  font-size: 12px;
  text-align: center;
  font-weight: 700;
  display: block;
  width: 100%;
  margin-bottom: 15px
}

.payment .payment_nav .other_ways {
  max-width: 610px;
  border-left: 1px solid #dcdcdc
}

.payment .payment_nav .other_ways .handle_item:last-child {
  margin-right: 0
}

.payment .payment_nav .other_ways strong {
  margin-top: 3px
}

.payment .payment_nav .renner_cards {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.payment .payment_nav .renner_cards .handle_item:last-child {
  padding-right: 7px
}

.payment .payment_nav .renner_cards .handle_item:nth-child(3).active {
  border-right: 0
}

#map {
  height: 400px;
  max-width: 640px;
  width: 100%;
  margin-top: 8%
}

.confirm_order .two_columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 10px
}

.confirm_order .two_columns .cart {
  width: 420px;
  -ms-flex-item-align: baseline;
  align-self: baseline
}

.confirm_order .two_columns .cart .ebit {
  display: block;
  margin-bottom: 20px
}

.confirm_order .two_columns .cart .ebit img {
  display: block
}

.confirm_order .two_columns .resume {
  background-color: #f5f5f5;
  padding: 30px 35px 10px
}

.confirm_order .two_columns .resume.info {
  border: 1px solid #e0e0e0;
  background: #fff
}

.confirm_order .two_columns .resume.info .pre_venda {
  font-size: 10px;
  text-transform: uppercase;
  color: white;
  opacity: 0.8;
  background-color: black;
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px;
  font-weight: 400;
  margin-top: 10px
}

.confirm_order .two_columns .resume.info .pre_venda strong {
  font-weight: 700
}

.confirm_order .two_columns .resume.info .product_cart {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.confirm_order .two_columns .resume.info .product_cart .media {
  max-width: 70px
}

.confirm_order .two_columns .resume.info .product_cart .product_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 10px
}

.confirm_order .two_columns .resume.info .product_cart .product_info .sku_tag {
  font-size: 12px;
  color: #5c5c5c;
  margin-bottom: 2px
}

.confirm_order .two_columns .resume.info .product_cart .product_info .name {
  font-size: 11px;
  margin-bottom: 10px;
  font-weight: 700;
  max-width: 170px;
  color: #2a2a2a;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis
}

.confirm_order .two_columns .resume.info .product_cart .price_item {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
  font-size: 14px;
  color: #2a2a2a;
  text-transform: uppercase
}

.confirm_order .two_columns .resume.info .product_cart .price_item .old_price {
  display: block;
  color: #c2c2c2;
  font-size: 13px;
  font-size: .8125rem;
  text-decoration: line-through;
  font-weight: 300
}

.confirm_order .two_columns .resume.info .product_cart .price_item .best_price {
  display: block;
  color: #2a2a2a;
  font-size: 15px;
  font-size: .9375rem;
  font-weight: 700
}

.confirm_order .two_columns .resume.info .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.confirm_order .two_columns .resume.info .text {
  font-size: 12px;
  color: #414141
}

.confirm_order .two_columns .resume.info .link {
  text-decoration: underline;
  color: #2a2a2a;
  font-weight: 700
}

.confirm_order .two_columns .resume.info .head_text {
  font-weight: 700;
  color: #2a2a2a;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 3px
}

.confirm_order .two_columns .resume .row_buttons {
  width: 100%;
  padding: 20px 0 0;
  border-top: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.confirm_order .two_columns .resume .row_buttons .end_buy {
  font-size: 12px
}

.confirm_order .two_columns .resume .row_buttons .one_click {
  background-color: transparent;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 10px;
  border-color: #2a2a2a
}

.confirm_order .two_columns .resume .credit_info {
  color: #2a2a2a;
  opacity: 0.6;
  font-size: 12px;
  text-align: right
}

.confirm_order .two_columns .resume .form_global {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0
}

.confirm_order .two_columns .resume .form_global.active .info_box {
  max-height: 300px
}

.confirm_order .two_columns .resume .form_global .info_box {
  text-align: right;
  max-height: 0;
  overflow: hidden;
  transition: all ease-in 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.confirm_order .two_columns .resume .form_global .info_box .info {
  white-space: nowrap;
  font-size: 12px;
  color: #2a2a2a;
  font-weight: 400;
  margin-top: 10px;
  background-color: #e0e0e0;
  padding: 10px 20px
}

.confirm_order .two_columns .resume .form_global .info_box .cep {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.confirm_order .two_columns .resume .form_global .info_box .form_check {
  position: relative;
  margin: 10px 2px 5px 0
}

.confirm_order .two_columns .resume .form_global .info_box .form_check .input_check {
  display: none
}

.confirm_order .two_columns .resume .form_global .info_box .form_check .input_check:checked~.wrap:before {
  content: "\e904"
}

.confirm_order .two_columns .resume .form_global .info_box .form_check .wrap {
  font-size: 13px;
  font-weight: 300;
  color: #2a2a2a;
  letter-spacing: 0.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.confirm_order .two_columns .resume .form_global .info_box .form_check .wrap:after {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  background: white;
  border-radius: 50%;
  margin-left: 10px
}

.confirm_order .two_columns .resume .form_global .info_box .form_check .wrap:before {
  content: '';
  position: absolute;
  right: 3px;
  font-size: 7px;
  margin-top: -3.5px;
  top: 50%
}

.confirm_order .two_columns .resume .form_global .icon-closed.add_item {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
  transition: all ease-in 0.3s
}

.confirm_order .two_columns .resume .form_global.form_cupom.active .cupom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.confirm_order .two_columns .resume .form_global.form_cupom .cupom {
  font-size: 12px;
  color: rgba(42, 42, 42, 0.6);
  text-transform: uppercase;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap
}

.confirm_order .two_columns .resume .form_global.form_cupom .cupom .icon-closed {
  opacity: 0.7;
  margin-left: 10px;
  font-size: 15px
}

.confirm_order .two_columns .resume .form_global.form_cep .form_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.confirm_order .two_columns .resume .form_global.form_cep.active .form_item {
  display: none
}

.confirm_order .two_columns .resume .form_global.hidden_form .form_item {
  overflow: hidden;
  max-width: 0;
  transition: all ease-in 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.confirm_order .two_columns .resume .form_global.hidden_form .form_item input {
  width: 130px
}

.confirm_order .two_columns .resume .form_global.hidden_form.active .form_item {
  max-width: 220px;
  height: auto;
  margin-left: 10px
}

.confirm_order .two_columns .resume .form_global.hidden_form.active .add_item {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg)
}

.confirm_order .two_columns .resume .form_global .focus .label_text,
.confirm_order .two_columns .resume .form_global .is-autofilled .label_text {
  top: -15px;
  font-size: 12px
}

.confirm_order .two_columns .resume .form_global .label_text {
  left: 0;
  top: 5px
}

.confirm_order .two_columns .resume .form_global .button {
  position: static;
  margin-left: 10px
}

.confirm_order .two_columns .resume .form_global input {
  background-color: transparent;
  padding: 0px;
  height: 30px;
  max-width: 130px
}

.confirm_order .two_columns .resume .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 30px;
  letter-spacing: 3px
}

.confirm_order .two_columns .resume .subtitle {
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 400;
  letter-spacing: 0.5px
}

.confirm_order .two_columns .resume .price_resume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right;
  max-width: 160px
}

.confirm_order .two_columns .resume .price_resume .best_price {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 3px
}

.confirm_order .two_columns .resume .price_resume .instalment {
  font-size: 12px;
  font-weight: 400;
  color: #2a2a2a;
  opacity: 0.6
}

.confirm_order .two_columns .resume .price_resume .instalment small {
  font-weight: 700;
  font-size: 12px;
  display: block
}

.confirm_order .two_columns .resume .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #dcdcdc
}

.confirm_order .order {
  max-width: 420px;
  border: 1px solid #e0e0e0;
  padding: 40px 35px 0
}

.confirm_order .order .info_delivery {
  color: #2a2a2a;
  opacity: 0.6;
  font-size: 12px;
  font-style: italic;
  background-color: #e0e0e0;
  text-align: right;
  padding: 20px 15px;
  margin-top: 20px
}

.confirm_order .order .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid #dcdcdc
}

.confirm_order .order .row:last-child {
  border-bottom: 0
}

.confirm_order .order .row .price {
  font-weight: 700;
  font-size: 14px
}

.confirm_order .order .row .info {
  font-size: 14px;
  font-weight: 400;
  color: rgba(42, 42, 42, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right
}

.confirm_order .order .row .info strong {
  margin-bottom: 15px
}

.confirm_order .order .row .subtitle {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-transform: uppercase
}

.confirm_order .order .row .subtitle strong {
  font-weight: bold
}

.confirm_order .order .order_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.confirm_order .order .order_number small {
  font-size: 14px;
  letter-spacing: 0.8px;
  font-weight: 400
}

.confirm_order .order .order_number strong {
  font-size: 40px;
  font-weight: 700;
  margin: 5px auto
}

.confirm_order .wrapper {
  max-width: 890px
}

.separator {
  display: block;
  text-align: center;
  margin-top: 50px
}

.separator a {
  display: block;
  padding: 10px
}

.separator span {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px
}

.separator .icon-right2 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.ticket_action {
  max-width: 330px;
  text-align: center;
  margin: 50px auto 20px
}

.send_ticet {
  text-align: center;
  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;
  margin-bottom: 40px
}

.send_ticet span {
  font-size: 12px;
  text-decoration: underline;
  font-weight: 400;
  margin-left: 7px
}

.message {
  margin-top: 50px
}

.message .ebit {
  display: table;
  text-align: center;
  margin: 50px auto
}

.message .ebit img {
  display: block
}

.message .title {
  text-transform: uppercase;
  text-align: center;
  color: #1b1b1b;
  font-size: 24px;
  letter-spacing: 0.8px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0
}

.message .text {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.4px
}

.message .text strong {
  font-weight: 900
}

.message .welcome {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.4px
}

.message .welcome strong {
  font-weight: 700
}

.input_text2 {
  position: absolute;
  white-space: nowrap;
  font-size: 14px;
  font-size: .875rem;
  font-style: italic;
  font-weight: 300;
  left: 30px;
  top: 15px;
  transition: all ease-in 0.2s
}

.encantrometro+.ticket_action {
  margin: -43px auto 0
}

.encantrometro_message {
  margin: 0
}

.confirm_order .encantrometro {
  background: url(../images/bg-encantometro.jpg) center top no-repeat;
  padding: 40px 0 60px 0;
  height: 463px
}

.encantrometro_header {
  text-align: center;
  margin: 30px 0 10px 0
}

.account .row_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

.account .row_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .8px;
  text-transform: uppercase;
  margin-bottom: 20px
}

.account .row_head span {
  min-width: 180px;
  padding: 0 20px
}

.account .row_item {
  margin-bottom: 5px
}

.account .row_item a {
  font-size: 14px;
  background-color: #f5f5f5;
  letter-spacing: .4px;
  padding: 17px 20px 17px 0;
  transition: background-color .3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.account .row_item a:after {
  content: "\e91c";
  margin-left: auto
}

.account .row_item a:hover {
  background-color: #d9d8d8
}

.account .row_item span {
  padding: 0 20px;
  min-width: 180px
}

.account .btn-action {
  background: #2a2a2a;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  width: 160px !important;
  padding: 6px;
  text-align: center !important;
  transition: all 0.3s
}

.account .btn-action:hover {
  background: rgba(0, 0, 0, 0.7)
}

.account .btn-action i {
  margin-right: 5px
}

.account #header {
  background: none
}

.account>.content {
  font-size: 14px;
  font-size: .875rem;
  color: #2a2a2a;
  letter-spacing: .4px;
  background-color: #f1f1f1;
  padding: 20px 0 40px
}

.account>.content .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0
}

.account .flex_table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.account .flex_table.table_size_2 .flex_row>* {
  width: 50%
}

.account .flex_table.table_size_3 .flex_row>* {
  width: 33.33%
}

.account .flex_table.table_size_4 .flex_row>* {
  width: 25%
}

.account .flex_table.table_size_5 .flex_row>* {
  width: 20%
}

.account .flex_table.table_size_6 .flex_row>* {
  width: 16.66%
}

.account .flex_table .flex_row {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0
}

.account .flex_table .flex_row.header {
  padding: 20px 0
}

.account .flex_table .flex_row:not(.header) {
  min-height: 60px;
  padding: 15px 0
}

.account .flex_table .flex_row .header,
.account .flex_table .flex_row.header>* {
  margin-right: 0
}

.account .flex_table .flex_row>* {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.account .flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden
}

.account .flex_row .header,
.account .flex_row.header>* {
  margin-right: 5px;
  font-size: 12px;
  font-size: .75rem;
  font-weight: bold;
  text-transform: uppercase
}

.account .flex_row .right {
  margin-left: auto;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  text-align: right
}

.account .flex_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.account .card {
  padding: 30px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  width: 100%
}

.account .card.half {
  margin-top: 20px;
  width: 49%
}

.account .card.secondary {
  border: none;
  background-color: #f1f1f1
}

.account .card.negative {
  border: none;
  color: #fff;
  background-color: #3a3a3a
}

.account .card.ghost {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 20px 0
}

.account .card.small {
  padding: 15px;
  min-height: 30px
}

.account .card>*:not(:last-child) {
  margin-bottom: 30px
}

.account .card--resetKey .form_global .form_item {
  margin-top: 0
}

.account .card--resetKey .form_action.-full {
  margin-bottom: 0
}

.account .card_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0
}

.account .card_row:last-child:not(:only-child) {
  border-bottom: none;
  padding-bottom: 0
}

.account .card_title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 10px 0 25px
}

.account .button_primary {
  padding: 15px 30px;
  font-weight: normal
}

.account .button_primary i {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 11px
}

.account .button {
  text-transform: uppercase;
  padding: 15px;
  font-weight: normal;
  cursor: pointer;
  letter-spacing: 1.4px
}

.account .title {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.4px;
  font-weight: bold
}

.account .steps {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  text-align: center;
  list-style: none !important
}

.account .steps li {
  width: 100%;
  min-width: 150px
}

.account .steps li>* {
  padding-top: 10px
}

.account .steps li:last-child .check:after {
  width: 150%
}

.account .steps i {
  display: block
}

.account .steps span {
  display: block;
  width: 90px;
  margin: 0 auto
}

.account .steps .icon {
  opacity: 1;
  font-size: 36px;
  height: 46px
}

.account .steps .check {
  position: relative;
  font-size: 8px;
  color: #fff;
  height: 30px
}

.account .steps .check:before {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #2a2a2a;
  background: #fff;
  font-size: 20px;
  line-height: 20px;
  border-radius: 100%;
  box-sizing: border-box;
  z-index: 1
}

.account .steps .check:after {
  content: '';
  position: absolute;
  display: block;
  height: 3px;
  width: 100%;
  left: -50%;
  top: 18.5px;
  background-color: #2a2a2a
}

.account .steps .name {
  font-size: 14px;
  letter-spacing: 1.2px
}

.account .steps .date {
  color: #b4b4b4;
  font-size: 12px
}

.account .steps .active~li {
  z-index: 0;
  list-style: none
}

.account .steps .active~li .name {
  color: #b4b4b4
}

.account .steps .active~li .icon {
  opacity: .3
}

.account .steps .active~li .check:after {
  background-color: #b4b4b4
}

.account .steps .active~li .check:before {
  font-size: 0;
  background-color: #b4b4b4
}

.account .steps:not(.-full) li:first-child .check:after {
  display: none
}

.account .steps:not(.-full) li:last-child .check:after {
  width: 100%
}

.account .status {
  font-size: 18px;
  text-align: center
}

.account .status span {
  font-weight: bold
}

.account .actions {
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.account .actions li {
  margin-right: 9px;
  list-style: none
}

.account .info {
  display: block;
  text-align: center
}

.account .info a {
  display: inline-block;
  padding: 10px
}

.account .info small {
  font-size: 12px;
  vertical-align: middle;
  letter-spacing: .8px
}

.account .info i {
  font-size: 22px;
  color: #d51010;
  vertical-align: middle;
  margin: 0 10px
}

.account .preorder {
  padding: 10px;
  white-space: nowrap
}

.account .preorder i {
  vertical-align: top;
  font-size: 36px;
  height: 46px;
  margin-right: 20px
}

.account .preorder .order-info {
  display: inline-block;
  vertical-align: top
}

.account .preorder .name {
  display: block;
  font-size: 14px;
  letter-spacing: 1.2px;
  margin-bottom: 5px
}

.account .preorder .date {
  display: block;
  color: #b4b4b4;
  font-size: 12px
}

.account .coupon_summary i {
  font-size: 30px;
  margin-right: 10px
}

.account .coupon_summary span {
  margin-right: 5px
}

.account .coupons {
  padding-left: 42px;
  padding-right: 20px
}

.account .coupons .right {
  font-style: italic
}

.account .coupons .right.title {
  font-style: normal
}

.account .coupons p {
  margin-top: -4px;
  font-style: normal
}

.account .accordion .accordion-header {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .8px;
  padding: 10px 0 20px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.account .accordion .accordion-header span {
  padding: 0 20px;
  min-width: 180px
}

.account .accordion .accordion-item {
  margin-bottom: 3px
}

.account .accordion .accordion-item.active .accordion-title {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0
}

.account .accordion .accordion-item.active .accordion-title:hover {
  background-color: #d9d8d8
}

.account .accordion .accordion-item.active .accordion-title>i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.account .accordion .accordion-item.active .accordion-content {
  transition: max-height .3s linear;
  max-height: 1000px
}

.account .accordion .accordion-title {
  font-size: 14px;
  background-color: #f5f5f5;
  letter-spacing: .4px;
  padding: 17px 0;
  transition: background-color .3s linear
}

.account .accordion .accordion-title>i {
  margin-left: auto;
  margin-right: 20px
}

.account .accordion .accordion-title span {
  padding: 0 20px
}

.account .accordion .accordion-title:hover {
  background-color: #d9d8d8
}

.account .accordion .accordion-title.flex_row span {
  padding: 0 20px;
  min-width: 180px
}

.account .accordion .accordion-content {
  height: auto;
  max-height: 0px;
  overflow: hidden;
  transition: max-height .3s cubic-bezier(0, 1.05, 0, 1)
}

.account .accordion .accordion-content>*:not(:last-child) {
  margin-bottom: 30px
}

.account .accordion .accordion-content:before,
.account .accordion .accordion-content:after {
  content: '';
  display: block;
  height: 25px
}

.account .accordion .num {
  letter-spacing: 1.2px
}

.account .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.account .tabs .tab-title {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  white-space: nowrap;
  padding: 15px 30px;
  margin: auto 1px 0;
  font-size: 11px;
  font-size: .6875rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #919191;
  background-color: #d9d8d8;
  cursor: hand;
  cursor: pointer;
  z-index: 1;
  transition: background-color .3s linear
}

.account .tabs .tab-title.active {
  color: inherit;
  background-color: #fff;
  margin: auto -1px -1px;
  padding: 20px 30px 16px;
  border: 1px solid #e0e0e0;
  border-bottom: none
}

.account .tabs .tab-title.active:first-of-type {
  border-left: none;
  margin-left: 1px
}

.account .tabs .tab-content {
  border-top: 1px solid #e0e0e0;
  min-height: 300px;
  display: none;
  padding: 30px 0;
  width: 100%;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.account .tabs .tab-content>*:not(:last-child) {
  margin-bottom: 30px
}

.account .tabs .tab-content.active {
  display: block
}

.account .tab-parent>.tab-content {
  display: none;
  transition: opacity .3s linear
}

.account .tab-parent>.tab-content.active {
  display: block
}

.account .row_product {
  word-wrap: break-word
}

.account .row_product img {
  display: block;
  max-height: 110px;
  width: auto;
  max-width: 94px
}

.account .row_product .media {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.account .row_product .product_info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 0 15px
}

.account .row_product .name {
  margin-bottom: 10px;
  font-weight: bold;
  max-width: 235px
}

.account .row_product .sku_tag {
  color: #919191;
  letter-spacing: 0;
  line-height: 20px
}

.account .row_product .old_price {
  font-size: 11px;
  color: #919191;
  text-decoration: line-through;
  font-weight: 300;
  margin-bottom: 2px;
  margin-top: 10px
}

.account .row_product .price {
  font-weight: bold
}

.account .row_product .product_status {
  font-size: 10px;
  font-size: .625rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 14px;
  margin-left: auto
}

.account .row_product .product_status p {
  background-color: #f5f5f5;
  padding: 14px;
  font-weight: 800
}

.account .row_product .product_status .card {
  padding: 10px
}

.account .row_product .oncheck {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s linear
}

.account .select_style {
  border-bottom: 2px solid #2a2a2a;
  background: transparent;
  color: #2a2a2a;
  position: relative;
  font-size: 14px;
  padding: 0 !important
}

.account .select_style:after {
  content: "\e91c";
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  font-size: .75rem;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 5px;
  pointer-events: none
}

.account .select_style select {
  text-transform: lowercase;
  background: transparent;
  border: 0;
  font-weight: 400;
  font-style: italic;
  color: #2a2a2a;
  width: 100%;
  min-width: 150px;
  padding: 5px 20px 5px 5px
}

.account address,
.account .address {
  margin-top: 20px
}

.account address label,
.account .address label {
  font-weight: bold
}

.account address small,
.account .address small {
  font-size: 11.7px;
  font-size: .73125rem;
  font-style: italic
}

.account address .card,
.account .address .card {
  margin-top: 20px
}

.account address p,
.account address label,
.account .address p,
.account .address label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  max-width: 300px;
  display: block
}

.account .addresses {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -30px
}

.account .addresses li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-width: 280px;
  border: 1px solid #e0e0e0;
  margin-top: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 47.434%;
  flex: 0 1 47.434%
}

.account .addresses .address {
  margin-top: 0;
  padding: 20px;
  line-height: 20px;
  width: 75%
}

.account .addresses .edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100.4%;
  margin-left: -0.4px;
  padding: 15px;
  background-color: #e0e0e0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px
}

.account .addresses .edit i {
  font-size: 25px;
  margin-bottom: 10px
}

.account .addresses .edit span {
  font-size: 12px;
  font-size: .75rem;
  text-decoration: underline
}

.account .addresses .delete {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  font-size: 20px;
  color: #e0e0e0
}

.account .empty {
  padding: 50px 20px;
  text-align: center
}

.account .empty>*:not(:last-child) {
  margin-bottom: 60px
}

.account .empty span {
  display: inline-block;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1.2px
}

.account .oneclick {
  display: inline-block
}

.account .oneclick .address {
  margin-top: 0
}

.account .oneclick>strong {
  display: block;
  margin-bottom: 10px
}

.account .oneclick>.card {
  margin-bottom: 30px;
  white-space: nowrap;
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.account .oneclick>.card i,
.account .oneclick>.card strong,
.account .oneclick>.card span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0
}

.account .oneclick>.card i {
  font-size: 20px;
  margin-right: 10px
}

.account .oneclick>.card .card_flag {
  height: 30px;
  width: 30px;
  margin-left: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

.account .oneclick>.card .card_flag.hipercard {
  background-image: url("../images/hipercard.png")
}

.account .oneclick>.card .card_flag.diners {
  background-image: url("../images/flag_diners.png")
}

.account .oneclick>.card .card_flag.elo {
  background-image: url("../images/elo.png")
}

.account .oneclick>.card .card_flag.amex {
  background-image: url("../images/american_express.jpg")
}

.account .oneclick>.card .card_flag.master {
  background-image: url("../images/flag_master.png")
}

.account .oneclick>.card .card_flag.visa {
  background-image: url("../images/visa.png")
}

.account .settings {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.account .settings>div {
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 27%;
  flex: 0 1 27%;
  margin-bottom: 20px
}

.account .settings p,
.account .settings .select_style {
  margin-top: 30px
}

.account .settings strong {
  font-weight: 800
}

.account .settings .button_primary.-full {
  margin-top: 30px
}

.account .settings .select_style select {
  padding: 5px 20px 15px 5px
}

.account .settings .select_style:after {
  top: 42%;
  font-size: 14px
}

.account .exchange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 40px
}

.account .gender {
  height: 60px
}

.account .gender input:checked+label {
  font-weight: bold
}

.account .agreement label {
  font-size: 13px;
  font-size: .8125rem;
  font-style: italic
}

.account .agreement i {
  font-style: normal
}

.account .form_global {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.account .form_global .form_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  margin-right: 3%;
  margin-top: 50px
}

.account .form_global .form_item.icon label {
  border: 0
}

.account .form_global .form_item .input_text:invalid {
  box-shadow: none !important;
  outline: none !important
}

.account .form_global .form_item.-large {
  -ms-flex-preferred-size: 46.5%;
  flex-basis: 46.5%
}

.account .form_global.-small .form_item {
  margin-top: 20px
}

.account .form_global.-small .form_action {
  margin-top: 40px;
  margin-bottom: 10px
}

.account .form_global .form_action.-two_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.account .form_global .form_action.-two_buttons>* {
  width: 48%
}

.account .form_global [required="required"]+.label_text:before {
  content: '*';
  display: inline-block;
  vertical-align: top
}

.account .form_global .two_action {
  width: 100%;
  margin-bottom: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.account .form_global .two_action a {
  white-space: nowrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 234px;
  flex: 0 1 234px;
  padding-right: 20px;
  margin-right: 20px
}

.account .form_global .two_action a span {
  font-weight: bold
}

.account .form_global .two_action a.active {
  border: none;
  background-color: #e0e0e0
}

.account .form_global input[type="radio"],
.account .form_global input[type="checkbox"] {
  width: 0;
  height: 0;
  opacity: 0
}

.account .form_global.submitted input:invalid {
  box-shadow: none
}

.account .form_global.submitted input:invalid[type="text"],
.account .form_global.submitted input:invalid[type="password"] {
  color: #d51010;
  border-color: #d51010
}

.account .form_global.submitted input:invalid+i,
.account .form_global.submitted input:invalid+i+span,
.account .form_global.submitted input:invalid+label {
  color: #d51010
}

.account .checkbox+label {
  padding: 20px 30px 20px 0;
  margin: 0;
  line-height: 25px;
  width: 808px
}

.account .checkbox+label.row_product {
  border-bottom: 1px solid #f5f5f5;
  transition: background-color .1s linear
}

.account .checkbox+label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin: auto 13px auto;
  background-color: #fff;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1)
}

.account .checkbox:checked+label.row_product {
  background-color: #f5f5f5
}

.account .checkbox:checked+label:before {
  content: '\e904';
  font-size: 10px;
  text-align: center;
  box-sizing: border-box
}

.account .checkbox:checked+label .oncheck {
  opacity: 1;
  visibility: visible
}

.account .radio+label {
  position: relative;
  padding-left: 30px;
  line-height: 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.account .radio+label:before {
  content: '';
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  left: 0;
  top: 50%;
  margin-top: -12px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #fff;
  border: 5px solid #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)
}

.account .radio+label.radio_top {
  margin-top: 5px
}

.account .radio+label.radio_top p,
.account .radio+label.radio_top strong {
  display: block;
  margin-bottom: 25px
}

.account .radio+label.radio_top:before {
  top: 0;
  margin-top: -5px
}

.account .radio:checked+label:before {
  background: #000
}

.account .lightbox {
  font-weight: 300
}

.account .lightbox .content {
  max-width: 900px;
  margin: 2% auto 2%
}

.account .lightbox .formbox {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: 40px
}

.account .lightbox .formbox:last-child {
  margin-right: 0
}

.account .lightbox .formbox .select {
  position: relative
}

.account .lightbox .formbox .select select {
  padding-right: 42px
}

.account .lightbox .formbox .select:after {
  content: "\e91c";
  display: inline-block;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  font-size: .75rem;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 15px;
  pointer-events: none
}

.account .lightbox .formbox .multi-input {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.account .lightbox .formbox .multi-input span,
.account .lightbox .formbox .multi-input input,
.account .lightbox .formbox .multi-input select {
  display: inline-block;
  margin-right: 10px
}

.account .lightbox .formbox .multi-input span:last-child,
.account .lightbox .formbox .multi-input input:last-child,
.account .lightbox .formbox .multi-input select:last-child {
  margin-right: 0
}

.account .lightbox .formbox label {
  display: block;
  margin-bottom: 10px;
  text-align: left
}

.account .lightbox .formbox span {
  display: block;
  color: #2a2a2a;
  border: 1px solid #e0e0e0
}

.account .lightbox .formbox select,
.account .lightbox .formbox input {
  padding: 10px;
  font-size: 12px;
  font-size: .75rem;
  width: 100%;
  background-color: transparent;
  font-weight: normal;
  border: none
}

.account .lightbox .card.secondary {
  margin: 30px 0 40px;
  display: block
}

.account .troca_facil {
  background: url(../images/bg_troca_facil.png) no-repeat #fff;
  padding-bottom: 135px
}

.account .troca_facil .-big {
  font-size: 60px;
  font-size: 3.75rem;
  margin-top: 50px;
  line-height: 47px;
  margin-bottom: 29px
}

.account .troca_facil .-big em {
  font-weight: 300;
  color: #ce0415
}

.account .troca_facil p {
  max-width: 490px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 300;
  color: #5c5c5c
}

.account .troca_facil .card {
  border: 0;
  background: none;
  padding: 0
}

.account .troca_facil .steps {
  margin-top: 20px
}

.account .troca_facil .steps span {
  display: block;
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
  padding-top: 20px;
  font-size: 13px
}

.account .troca_facil .actions {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 770px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 50px
}

.account .troca_facil .actions.scrolled {
  max-width: 900px
}

.account .troca_facil .actions li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 240px;
  flex: 0 0 240px
}

.account .troca_facil .actions li:nth-child(4) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px
}

.account .troca_facil .actions li {
  margin-right: 20px
}

.account .troca_facil .button {
  background: transparent;
  border-color: #2a2a2a;
  font-size: 10px
}

.account .troca_facil .back {
  display: -ms-inline-grid;
  display: inline-grid;
  background: none;
  border: 0;
  padding: 0 10px;
  line-height: 20px;
  text-transform: capitalize;
  cursor: pointer
}

.account .troca_facil .back i {
  font-weight: bold;
  font-size: 20px
}

.account .troca_facil .back span {
  font-size: 12px;
  margin-top: 10px
}

.account .troca_facil .back:hover span {
  text-decoration: underline
}

.account .troca-content {
  width: 1066;
  padding: 0 30px;
  margin: 40px auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff
}

.account .troca-content .card-lighbox {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  padding: 30px 0
}

.account .troca-content .label {
  color: #2a2a2a;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 20px
}

.account .troca-content .list {
  line-height: 24px;
  color: #5c5c5c;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  text-align: justify
}

.account .troca-content .important {
  color: #ce0415;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase
}

.account .troca-content .primary {
  margin: 25px 0;
  max-width: 914px
}

.account .troca-content .second {
  margin: 20px 0 20px 0
}

.account .troca-content .button_primary {
  display: table;
  margin-top: 25px
}

.account .troca-content .card.secondary {
  margin-top: 20px
}

.account .troca-content .card>*:not(:last-child) {
  margin-bottom: 0px
}

.account .troca-content .card .title-card-secondary {
  margin-bottom: 10px
}

.account .sku_tag {
  font-weight: normal
}

.account .radios {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-left: 5px;
  width: 100%;
  position: relative;
  top: -13px
}

.account .radios>label {
  display: inline-block;
  vertical-align: middle
}

.account .radios.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.account .radios.vertical>label {
  display: block;
  margin-top: 20px
}

.account .radios strong {
  font-size: 12px;
  font-size: .75rem;
  text-transform: uppercase
}

.account .protocol {
  margin-top: 30px
}

.account .col_1 {
  width: 8.33333%
}

.account .col_2 {
  width: 16.66667%
}

.account .col_3 {
  width: 25%
}

.account .col_4 {
  width: 33.33333%
}

.account .col_5 {
  width: 41.66667%
}

.account .col_6 {
  width: 50%
}

.account .col_7 {
  width: 58.33333%
}

.account .col_8 {
  width: 66.66667%
}

.account .col_9 {
  width: 75%
}

.account .col_10 {
  width: 83.33333%
}

.account .col_11 {
  width: 91.66667%
}

.account .col_12 {
  width: 100%
}

.account .-centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.account .-align-left {
  text-align: left
}

.account .-full {
  width: 100%
}

.account .-updating {
  opacity: .7
}

.account .-zebra>*:nth-child(even) {
  background-color: #f5f5f5
}

.account .-light {
  color: #919191
}

.account .-lighter {
  color: #e0e0e0
}

.account .-highlight {
  font-weight: 800
}

.account .-big {
  font-size: 30px;
  font-size: 1.875rem
}

.account .-comfy {
  line-height: 170%
}

.account .-scrollable {
  display: block;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto
}

.account .-scrollable::-webkit-scrollbar-track {
  background-color: #f5f5f5
}

.account .-scrollable::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5
}

.account .-scrollable::-webkit-scrollbar-thumb {
  background-color: #919191
}

.account .one_click .lbcontent2 {
  padding-top: 30px
}

#account-menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 280px;
  flex: 0 1 280px;
  margin-right: 42px;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  min-width: 260px
}

#account-menu li {
  display: block;
  border-bottom: 1px solid #e0e0e0
}

#account-menu li:last-child {
  border-bottom: none
}

#account-menu li.active {
  background-color: #d9d8d8
}

#account-menu a {
  display: block;
  cursor: pointer;
  padding: 10px;
  white-space: nowrap
}

#account-menu i {
  display: inline-block;
  vertical-align: middle;
  background-color: #f5f5f5;
  font-size: 20px;
  text-align: center;
  height: 36px;
  width: 36px;
  margin-right: 10px;
  border-radius: 100%
}

#account-menu i:before {
  display: block;
  padding: 25% 0
}

#account-menu span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 400
}

#account-menu .num {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-align: center;
  color: #fff;
  padding: 5px;
  margin-left: 5px;
  min-width: 26px;
  height: 26px;
  border-radius: 500px;
  background-color: #2a2a2a;
  white-space: nowrap;
  overflow: hidden
}

.account-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.institutional .content {
  font-size: 14px;
  font-size: .875rem;
  color: #2a2a2a;
  letter-spacing: .4px;
  padding: 20px 0 40px
}

.institutional .content .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0
}

.institutional .card {
  display: none;
  padding: 30px;
  border: 1px solid #d9d8d8;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}

.institutional .card.active {
  display: block
}

.institutional .card .title {
  margin-bottom: 30px;
  color: #191919;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase
}

.institutional .card h3 {
  margin-bottom: 35px;
  color: #191919;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase
}

.institutional .card p {
  margin-bottom: 35px;
  color: #5c5c5c;
  letter-spacing: 1px;
  font-size: 13px
}

.institutional .card p a {
  text-decoration: underline
}

.institutional .card p:last-child {
  margin-bottom: 0
}

.institutional .card h3.satisfacao {
  color: #191919;
  font-family: Lato;
  font-size: 16px;
  font-weight: 300;
  text-align: center
}

.institutional .page {
  color: #ffffff;
  font-family: Lato;
  font-size: 50px;
  line-height: 41px;
  text-align: center;
  font-weight: 300;
  padding-bottom: 40px;
  letter-spacing: 10px
}

#institutional-menu {
  margin-right: 42px;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

#institutional-menu ul {
  width: 280px
}

#institutional-menu li {
  display: block;
  border-bottom: 1px solid #d9d8d8
}

#institutional-menu li:last-child {
  border-bottom: none
}

#institutional-menu li.active {
  background-color: #d9d8d8
}

#institutional-menu a {
  display: block;
  cursor: pointer;
  padding: 23px;
  line-height: 8px
}

#institutional-menu i {
  display: inline-block;
  vertical-align: middle;
  background-color: #f5f5f5;
  font-size: 20px;
  text-align: center;
  height: 36px;
  width: 36px;
  margin-right: 10px;
  border-radius: 100%
}

#institutional-menu i:before {
  display: block;
  padding: 25% 0
}

#institutional-menu span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 400
}

#institutional-menu .num {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-align: center;
  color: #fff;
  padding: 5px;
  margin-left: 5px;
  min-width: 26px;
  height: 26px;
  border-radius: 500px;
  background-color: #2a2a2a;
  white-space: nowrap;
  overflow: hidden
}

.institutional-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.wish_head {
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.wish_head .help_info {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.8px;
  margin-top: 5px;
  display: block
}

.wish_head .title {
  font-size: 24px;
  font-weight: 700;
  color: #2a2a2a;
  letter-spacing: 1.8px
}

.wish_head .title i {
  font-size: 22px;
  margin-right: 5px
}

.list_info {
  background-color: #f1f1f1;
  padding-top: 30px;
  padding-bottom: 20px
}

.list_info .name {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1.8px;
  line-height: 30px;
  color: #2a2a2a
}

.list_info .list_desc {
  text-align: center;
  max-width: 745px;
  margin: 0 auto;
  font-size: 14px;
  color: rgba(42, 42, 42, 0.6);
  letter-spacing: 0.8px;
  line-height: 18px;
  margin-top: 20px
}

.list_info .list_actions {
  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;
  margin-top: 40px
}

.list_info .list_actions a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 61px
}

.list_info .list_actions a:last-child {
  margin-right: 0
}

.list_info .list_actions a span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px
}

.list_info .list_actions a i {
  font-size: 20px;
  margin-right: 10px
}

.list_info .create_date {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1.4px;
  line-height: 30px;
  color: #2a2a2a;
  display: block
}

.form_wish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.form_wish .form_item {
  width: 100%;
  max-width: 320px
}

.form_wish .form_item input {
  width: 100%;
  border: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  padding: 15px 20px;
  letter-spacing: 0.8px;
  font-style: italic
}

.form_wish .action {
  background: white;
  border: 0;
  font-size: 13px;
  display: block;
  width: 100%;
  padding: 17px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-top: 20px
}

.my-list .title {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 300;
  color: #2a2a2a;
  letter-spacing: 1.4px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px
}

.my-list .row_check {
  margin: 20px 0
}

.my-list .row_check.featured {
  padding: 20px 0;
  background: #f5f5f5
}

.my-list .row_check .input_check {
  display: none
}

.my-list .row_check .input_check:checked~.wrap:before {
  opacity: 1
}

.my-list .row_check .wrap {
  position: relative;
  padding-left: 60px
}

.my-list .row_check .wrap:after {
  content: '';
  width: 20px;
  height: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 20px
}

.my-list .row_check .wrap:before {
  content: "\e904";
  font-size: 8px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 25px;
  opacity: 0;
  transition: all ease-in 0.2s
}

.my-list .row_check .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.8px
}

.my-list .row_check .text a {
  font-weight: bold;
  text-decoration: underline
}

.my-list .form_global {
  max-width: 1060px;
  margin: 0 auto
}

.my-list .form_global .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 470px
}

.my-list .form_global .card .action {
  padding: 35px 22px;
  background-color: #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.my-list .form_global .card .action i {
  font-size: 25px
}

.my-list .form_global .card .action span {
  text-decoration: underline;
  margin-top: 5px
}

.my-list .form_global .card .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f5;
  padding: 20px 35px 20px 20px
}

.my-list .form_global .card span {
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 20px
}

.my-list .form_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px
}

.my-list .form_row .form_item {
  max-width: 300px;
  width: 100%;
  margin-left: auto
}

.my-list .form_row .form_item:first-child {
  margin-left: 0
}

.one_click {
  font-size: 14px;
  font-size: .875rem
}

.one_click .lbcontent {
  position: relative
}

.one_click .lbcontent.lbcontent1>* {
  margin: 20px 0
}

.one_click .lbcontent.lbcontent1>*:first-child {
  margin-top: 0
}

.one_click .lbcontent.lbcontent1>*:last-child {
  margin-bottom: 0
}

.one_click .lbcontent.lbcontent2 .title {
  margin: 20px 0 40px
}

.one_click .button {
  display: inline-block;
  width: auto;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  padding: 15px 20px
}

.one_click .button_primary {
  display: inline-block;
  letter-spacing: 1.8px;
  padding: 15px 30px
}

.one_click .back {
  position: absolute;
  left: 40px;
  top: 20px
}

.one_click .lock_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #919191;
  font-size: 12px;
  font-size: .75rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.one_click .lock_info i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 10px
}

.one_click .wrap_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.one_click .wrap_box .box {
  max-width: 25%;
  padding: 0 15px
}

.one_click .wrap_box .box i {
  background-color: #f5f5f5;
  border-radius: 50%;
  margin-bottom: 10px;
  font-size: 20px
}

.one_click .wrap_box .box span {
  font-size: 12px;
  font-size: .75rem;
  display: block
}

.one_click .desc {
  line-height: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e0e0e0
}

.one_click .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.one_click .title i {
  font-size: 40px;
  font-size: 2.5rem;
  margin-right: 15px;
  vertical-align: middle
}

.one_click .-centered {
  text-align: center
}

.one_click .card {
  padding: 30px;
  color: #919191;
  border: 1px solid #f5f5f5;
  line-height: 20px
}

.one_click .card.secondary {
  background-color: #f5f5f5
}

.one_click .card.small {
  font-size: 12px;
  font-size: .75rem;
  padding: 15px
}

.one_click .card a {
  text-decoration: underline
}

.one_click .accordion .accordion-item {
  display: block;
  border-top: 1px solid #e0e0e0
}

.one_click .accordion .accordion-item.active .accordion-title>i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.one_click .accordion .accordion-item.active .accordion-content {
  max-height: 500px;
  padding: 0 20px 20px
}

.one_click .accordion .accordion-title {
  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;
  padding: 15px 10px
}

.one_click .accordion .accordion-title i {
  vertical-align: middle;
  transition: all linear 0.3s
}

.one_click .accordion .accordion-content {
  color: #919191;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: all linear 0.3s
}

.nossas_lojas .webdoor {
  position: relative;
  overflow: hidden
}

.nossas_lojas .webdoor .text_featured {
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  display: block;
  width: 100%;
  text-align: center
}

.nossas_lojas .webdoor .text_featured .title {
  font-size: 40px;
  line-height: 36px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  font-weight: 300;
  letter-spacing: 5px
}

.nossas_lojas .webdoor .text_featured .hint {
  color: white;
  font-size: 13px;
  margin-top: 28px;
  letter-spacing: 0.8px
}

.nossas_lojas .webdoor .row_bottom {
  position: absolute;
  bottom: 84px;
  left: 50%;
  margin-left: -510px;
  width: 1020px;
  text-align: center
}

.nossas_lojas .webdoor .row_bottom .form_stores {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item {
  width: 100%;
  max-width: 180px;
  background: #fff
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item label {
  width: 100%;
  border: 0;
  background-color: #ffffff;
  color: #2a2a2a;
  position: relative
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item label i {
  position: absolute;
  right: 5px;
  top: 3.5px
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item label input {
  width: 80%;
  border: 0;
  letter-spacing: 0.8px;
  font-size: 11px;
  color: #2a2a2a;
  font-style: normal;
  letter-spacing: 0.8px;
  padding: 20px 0px
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item label select {
  border: 0;
  color: #2a2a2a;
  letter-spacing: 0.8px;
  font-style: normal;
  text-transform: uppercase;
  font-size: 11px;
  width: 100%;
  background: white;
  padding: 20px 15px;
  position: relative;
  display: block
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item .select_style {
  position: relative
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item .select_style:after {
  content: "\e91c";
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 12px;
  font-size: .75rem;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 15px;
  pointer-events: none
}

.nossas_lojas .webdoor .row_bottom .form_stores .form_item:nth-child(4) {
  margin-left: 10px !important
}

.nossas_lojas .webdoor .row_bottom .form_stores span {
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 29.3px;
  font-size: 14px
}

.nossas_lojas .content_result {
  width: 1320px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 45px
}

.nossas_lojas .content_result .row_result {
  display: inline-block;
  border: 1px solid #e0e0e0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 310px;
  flex: 0 0 310px;
  padding: 20px 30px 70px 30px;
  position: relative;
  margin-left: 20px;
  margin-top: 30px
}

.nossas_lojas .content_result .row_result p {
  text-align: left;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  color: #2a2a2a;
  letter-spacing: 0.6px
}

.nossas_lojas .content_result .row_result p:first-child {
  line-height: 23px;
  font-weight: bold
}

.nossas_lojas .content_result .row_result ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 10px 0;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.nossas_lojas .content_result .row_result a {
  display: block;
  background: #e0e0e0;
  padding: 18px;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  color: #2a2a2a;
  cursor: pointer;
  letter-spacing: 0.8px
}

.nossas_lojas .content_result .row_result i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 0
}

.nossas_lojas .content_result .row_result .icon-rota:before {
  font-size: 30px
}

.nossas_lojas .title {
  text-align: center;
  margin-bottom: 20px
}

.nossas_lojas .title h3 {
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  margin-top: 45px
}

.nossas_lojas .title p {
  text-align: center;
  color: #333333;
  font-size: 14px;
  padding-left: 50px;
  padding-top: 10px
}

.nossas_lojas .lightbox.stores .wrapper {
  max-width: 640px;
  padding: 50px 20px 20px
}

.nossas_lojas #map {
  max-width: 100%;
  margin-top: 0
}

#encantometro .title {
  font-size: rem(16px);
  font-weight: 300;
  text-align: center;
  margin-top: 20%;
  margin-bottom: 5%
}

.institutional #encantometro .title {
  margin-top: 1%
}

#encantometro .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 95%;
  max-width: 450px;
  margin: 0 auto
}

#encantometro .form_row {
  width: 100%;
  margin: 20px auto 0;
  display: none;
  max-width: 365px
}

#encantometro .form_row.active {
  display: block
}

#encantometro .form_row .confirm {
  display: block;
  background: #2a2a2a;
  font-size: 11px;
  text-transform: uppercase;
  color: white;
  transition: all ease-in 0.3s;
  cursor: pointer;
  display: block;
  padding: 15px;
  border: 0;
  letter-spacing: 1.5px;
  margin: 10px auto;
  width: 100%
}

#encantometro .form_row input {
  width: 100%;
  font-size: rem(14px);
  font-weight: normal;
  border: 0;
  border-bottom: 2px solid #1b1b1b;
  color: #161616;
  padding: 10px 15px 5px
}

#encantometro .form_item {
  width: 32%;
  cursor: pointer
}

#encantometro .form_item .check {
  display: none
}

#encantometro .form_item .check:checked~.text {
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2)
}

#encantometro .form_item .check:checked~.text:after {
  content: ''
}

#encantometro .form_item:nth-child(1n) strong {
  color: #6c6
}

#encantometro .form_item:nth-child(2n) strong {
  color: #fc0
}

#encantometro .form_item:nth-child(3n) strong {
  color: #f66
}

#encantometro .form_item .text {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-radius: 85px;
  height: 200px;
  border: 5px solid white;
  position: relative
}

#encantometro .form_item .text:before {
  content: '';
  width: 35px;
  height: 35px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  margin-top: 20px;
  margin-bottom: 20px
}

#encantometro .form_item .text:after {
  content: none;
  width: 25px;
  height: 25px;
  background-color: #2a2a2a;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  top: 25px
}

#encantometro .form_item .text strong {
  font-size: 50px
}

#encantometro .form_item .text small {
  font-size: 14px
}

#encantometro .form_action {
  margin: 20px auto;
  text-align: center;
  width: 100%;
  max-width: 330px
}

#encantometro .form_action a {
  display: inline-block;
  background: #2a2a2a;
  font-size: 11px;
  font-size: .6875rem;
  text-transform: uppercase;
  color: white;
  display: table;
  transition: all ease-in 0.3s;
  cursor: pointer;
  display: block;
  padding: 15px;
  border: 0;
  letter-spacing: 1.5px;
  margin: 0 auto
}

.ui-datepicker {
  background: white;
  width: 315px;
  box-shadow: 5px 9px 30px rgba(0, 0, 0, 0.3)
}

.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  text-align: center
}

.ui-datepicker .ui-datepicker-calendar td {
  color: #3a3a3a;
  font-size: 14px;
  padding: 10px;
  font-weight: bold;
  background-color: #f5f5f5
}

.ui-datepicker .ui-datepicker-calendar td:hover {
  background: #eee;
  cursor: pointer
}

.ui-datepicker .ui-datepicker-calendar td:hover a {
  cursor: pointer
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable,
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
  color: #5c5c5c;
  background: none;
  cursor: default
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable a,
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled a {
  cursor: default
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day {
  background: #2a2a2a;
  color: white;
  font-weight: bold
}

.ui-datepicker .ui-datepicker-header {
  background: black;
  color: white;
  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;
  height: 50px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  cursor: pointer
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-size: 18px;
  margin: 0 25px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  font-weight: bold
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}