@charset "utf-8";

/***************************************/


/* 1. RESET */


/***************************************/

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);
* {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  line-height: 1.2em;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

header,
nav,
article,
section,
aside,
footer {
  display: block;
}

figure {
  line-height: 0;
}

figure > img {
  width: 100%;
}
figure.logo > img{position: relative;top: 5px;height: 90px;width: auto;backface-visibility: hidden;transform: translateZ(0) scale(1.0, 1.0);}
figure > figcaption {
  display: none;
}


body {
  background-color: #f5f5f5;
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Titillium Web", sans-serif;
}

h1,
h5,
h6 {
  font-weight: 700;
  text-transform: uppercase;
}

h1 {
  color: #fff;
  font-size: 3em;
  text-align: center;
}
.post .post-paragraph > h1{
  font-size: 28px !important;
}
.post .post-paragraph > h2{
  font-size: 26px !important;
}
.post .post-paragraph > h3{
  font-size: 20px !important;
}
.post .post-paragraph > h4,
.post .post-paragraph > h5,
.post .post-paragraph > h6{
  font-size: 16px !important;
}
h1 span {
  color: #16ffd8;
}

h2 {
  color: #fff;
  font-size: 2em;
  font-weight: 700;
}

h3 {
  color: #2b373a;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}

h4, .section .headline h4 a {
  color: #2b373a;
  font-size: 1.25em;
  font-weight: 600;
}

h5 {
  color: #fff;
  font-size: 1.125em;
  text-align: center;
}

h6 {
  color: #2b373a;
  font-size: 0.875em;
}

#img {
  display: none;
}

.input-wrapper label {
  background-color: #3498db;
  border-radius: 5px;
  color: #fff;
  /* margin: 10px; */
  padding: 0 40px;
  display: inline-block;
  border-radius: 50px;
  width: auto;
  height: 42px;
  margin-right: 20px;
  line-height: 42px;
  font-size: 0.875em;
}

.input-wrapper label:hover {
  background-color: #2980b9
}
.form-buttom{
  display: inline-block;
  margin: 5px;
}
.product-counter p.counter {
  color: #fff;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 50px;
  position: absolute;
  z-index: 100;
  left: 10px;
  top: 0;
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 24px;
}

p.primary,
p.secondary,
p.tertiary {
  font-weight: 700;
}

p.primary {
  color: #00d7b3 !important;
}

p.secondary {
  color: #1396e1 !important;
}

p.tertiary {
  color: #e61852 !important;
}

p a {
  color: #474e51;
}

p a.primary {
  color: #06b99b;
}

p a.secondary {
  color: #1396e1;
}

p a.tertiary {
  color: #e61852;
}

p span.light {
  color: #b2b2b2;
}

p span.bold {
  color: #2b373a;
  font-weight: 700;
}

p span.primary {
  color: #00d7b3;
}

p span.secondary {
  color: #1396e1;
}

p span.tertiary {
  color: #e61852;
}


/*---------------
    OVERLAYS
---------------*/

.image-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(25, 31, 32, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  cursor: pointer;
}

.image-overlay .clickable-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -35px;
  margin-top: -35px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}

.image-overlay .clickable-icon .svg-plus {
  fill: #fff;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 21px;
  left: 21px;
}

.image-overlay .clickable-icon.primary {
  background-color: #00d7b3;
}

.image-overlay .clickable-icon.secondary {
  background-color: #1396e1;
}

.image-overlay .clickable-icon.tertiary {
  background-color: #e61852;
}


/*-----------------
    SHADOW FILM
-----------------*/

.shadow-film {
  background-color: rgba(0,0,0,.4);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 9999;
  cursor: pointer;
}

.shadow-film.open {
  opacity: 0.8;
}


/*---------------------
    MFP TRANSITIONS 
---------------------*/


/* overlay at start */

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}


/* overlay animate in */

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}


/* overlay animate out */

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}


/* content at start */

.mfp-fade.mfp-wrap .mfp-content {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


/* content animate in */

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* content animate out */

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  -webkit-transform: scale(0);
  transform: scale(0);
}


/* hide controls when closing */

.mfp-removing .mfp-arrow-left,
.mfp-removing .mfp-arrow-right {
  opacity: 0;
}


/*---------------------------
    BOOTSTRAP DATEPICKER
---------------------------*/

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
  font-family: "Titillium Web", sans-serif;
}

.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  background-color: #06b99b;
  border-color: #06b99b;
}


/*----------------
    CLEARFIX
----------------*/

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

.clearfix:after {
  clear: both;
}


/*------------
    FORMS
------------*/

input,
textarea {
  color: #888;
  font-family: "Titillium Web", sans-serif;
  font-size: 0.85em;
  border-radius: 8px;
}

input {
  display: block;
}

input[type="text"].invalid,
input[type="email"].invalid,
input[type="password"].invalid {
  border-color: #ea2e68;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  /* border: 1px solid #ebebeb; */
  line-height: 50px;
  border-radius: 6px;
  background: #fafafa;
}

input[type="number"] {
  padding-right: 0;
}

input.rounded {
  border-radius: 200px;
}

input.datepicker {
  width: 150px;
  height: 32px;
  line-height: 32px;
}

textarea {
  width: 100%;
  min-height: 90px;
  /* border: 1px solid #ebebeb; */
  padding: 14px 12px;
}

select {
  width: 100%;
  height: 50px;
  padding: 0 40px 0 15px;
  border-radius: 6px;
  color: #888;
  font-family: "Titillium Web", sans-serif;
  line-height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #fafafa;
}


/* REMOVE IE SELECT ARROW */

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

label {
  display: block;
  margin-bottom: 12px;
  color: #888;
  font-size: 0.8125em;
  font-family: "Titillium Web", sans-serif;
  cursor: pointer;
}

label:last-child {
  margin-bottom: 0;
}

label.b-label,
label.rl-label {
  color: #2b373a;
  font-weight: 600;
}

label.rl-label {
  margin-bottom: 20px;
  font-size: 1em;
  line-height: 1em;
  cursor: auto;
}

label.rl-label.required:after {
  content: '*';
  color: #00d7b3;
  position: relative;
  left: 2px;
}
label.rl-label.required.tertiary:after{
  color: #e61852;
}
label.rl-label.required.secondary:after {
  color: #08adea;
}
label.b-label {
  font-size: 0.8125em;
}

label.select-block {
  width: 100%;
  display: inline-block;
  position: relative;
}

label.select-block .svg-arrow {
  fill: #6b7374;
  width: 6px;
  height: 10px;
  position: absolute;
  top: 21px;
  right: 17px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

label > .radio,
label > .checkbox {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #ebebeb;
  background-color: #f5f5f5;
  position: relative;
  top: 5px;
}

label > .radio {
  border-radius: 50%;
}

label > .radio span {
  width: 6px;
  height: 6px;
  background-color: #00d7b3;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  display: none;
}

label > .checkbox {
  border-radius: 4px;
}

label > .checkbox span {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: url("../images/check.png") no-repeat center;
  display: none;
}

label .quantity {
  float: right;
  margin-top: 3px;
  color: #b2b2b2;
}

button {
  cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
  display: none;
}

input[type="radio"]:checked + label .checkbox.primary,
input[type="checkbox"]:checked + label .checkbox.primary {
  border-color: #00d7b3;
  background-color: #00d7b3;
}

input[type="radio"]:checked + label .checkbox.secondary,
input[type="checkbox"]:checked + label .checkbox.secondary {
  border-color: #1396e1;
  background-color: #1396e1;
}

input[type="radio"]:checked + label .checkbox.tertiary,
input[type="checkbox"]:checked + label .checkbox.tertiary {
  border-color: #e61852;
  background-color: #e61852;
}

input[type="radio"]:checked + label > span > span,
input[type="checkbox"]:checked + label > span > span {
  display: block;
}


/*-------------------
    PLACEHOLDERS
-------------------*/

.placeholder,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #b2b2b2;
  font-family: "Titillium Web", sans-serif;
  font-size: 13px;
  font-weight: 600;
}


/*-------------
    BUTTONS
-------------*/

.button {
  display: block;
  width: 120px;
  height: 30px;
  border-radius: 4px;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  border-radius: 60px;
  cursor: pointer;
}

.button.primary {
  background-color: #00d7b3;
}

.button.primary:hover {
  background-color: #0ac0a2;
}

.button.secondary {
  background-color: #08adea;
}

.button.secondary:hover {
  background-color: #0991df;
}

.button.secondary-dark {
  background-color: #1396e1;
}

.button.secondary-dark:hover {
  background-color: #27a4ec;
}

.button.tertiary {
  background-color: #e61852;
  color: #fff;
}

.button.tertiary:hover {
  background-color: #f8436e;
  color: #fff;
}

.button.fb {
  background-color: #355599;
}

.button.twt {
  background-color: #0fccf4;
}

.button.de {
  background-color: #05cc47;
}

.button.wfb {
  background: url("../images/fb.png") no-repeat center #355599;
}

.button.wfb:hover {
  background: url("../images/fb.png") no-repeat center #4868ae;
}

.button.wtwt {
  background: url("../images/twt.png") no-repeat center #0fccf4;
}

.button.wtwt:hover {
  background: url("../images/twt.png") no-repeat center #2fd5f9;
}

.button.wdb {
  background: url("../images/db.png") no-repeat center #f63f6e;
}

.button.wdb:hover {
  background: url("../images/db.png") no-repeat center #fe5e87;
}

.button.wde {
  background: url("../images/de.png") no-repeat center #05cc47;
}

.button.wde:hover {
  background: url("../images/de.png") no-repeat center #15e159;
}

.button.dark {
  background-color: #474e51;
  position: relative;
}

.button.dark span.primary {
  color: #16ffd8;
}

.button.dark span.secondary {
  color: #1396e1;
}

.button.dark:hover {
  background-color: #393f43;
}

.button.dark-light {
  background-color: #535d5f;
}

.button.dark-light:hover {
  background-color: #474e51;
}
.pack-box .button:hover{
  background-color: #1396e1;
}
.button.mid {
  width: auto;
  height: 42px;
  line-height: 42px;
  font-size: 0.875em;
  padding: 0 40px;
}
.product-list.list.mine .product-item .author-data .user-rating .button{
  height: 26px;
  line-height: 26px;
  width: initial;
  padding: 0 20px;
  font-size: 0.70em;
  margin-top: 2px;
}
.button.mid.bid {
  float: right;
  width: 120px;
}

.button.mid-short {
  width: 160px;
}

.button.medium {
  width: 250px;
  height: 50px;
  line-height: 50px;
  font-size: 1em;
}

.button.big {
  width: 270px;
  height: 60px;
  line-height: 60px;
  font-size: 1.25em;
}

.button.big.purchase {
  padding-left: 22px;
  text-align: left;
}

.button.big.purchase.bid {
  padding-left: 40px;
}

.button.big.purchase span {
  float: left;
}

.button.big.wcart,
.button.big.wfav {
  position: relative;
  text-align: left;
}

.button.big.wcart {
  padding-left: 78px;
}

.button.big.wcart span.icon-present {
  font-size: 25px;
  position: absolute;
  top: 16px;
  left: 35px;
}

.button.big.wfav {
  padding-left: 72px;
}

.button.big.wfav span.fav-count {
  font-size: 10px;
  position: absolute;
  top: 14px;
  left: 40px;
}

.button.big.wfav span.icon-heart {
  font-size: 20px;
  position: absolute;
  top: 15px;
  left: 38px;
}

.button.big span.currency {
  margin-right: 15px;
  font-size: 36px;
  position: relative;
  top: -2px;
}

.button.big span.currency:before {
  content: '$';
  font-size: 18px;
  position: relative;
  top: -4px;
  left: -1px;
}

.button.square {
  width: 30px;
  height: 30px;
  position: relative;
}

.button.square img[alt="close-icon"] {
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -5px;
}

.button.half {
  float: left;
}

.button.half + .half {
  float: right;
}

.button.third {
  float: left;
  margin-right: 10px;
}

.button.third + .third + .third {
  float: right;
  margin-right: 0;
}

.link-to {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
}


/*---------------
    HEADLINE
---------------*/

.headline {
  /* height: 66px; */
  border-left: none;
  padding-left: 22px;
  margin: 50px 0;
  background-color: #fff;
  position: relative;
  border-radius: 8px;
  display: inline-block;
  width: 100%;
}

.headline.black:before, .headline:before {
  display: block;
  content: '';
  width: 5px;
  height: 100%;
  background-color: #4d5354;
  position: absolute;
  top: -1px;
  left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.headline.primary:before,
.headline.primary .slide-control {
  background-color: #00d7b3;
}

.headline.primary .slide-control:hover {
  background-color: #0ac0a2;
}

.headline.secondary:before,
.headline.secondary .slide-control {
  background-color: #1396e1;
}

.headline.secondary .slide-control:hover {
  background-color: #0f80c1;
}

.headline.tertiary:before,
.headline.tertiary .slide-control {
  background-color: #e61852;
}

.headline.tertiary .slide-control:hover {
  background-color: #f8436e;
}

.headline.inbox .button-wrap {
  float: right;
  margin-top: 17px;
  overflow: hidden;
}

.headline.inbox .button-wrap .button {
  margin-top: 0;
}

.headline.inbox .button {
  margin-right: 7px;
}

.headline.inbox .slide-control-wrap {
  float: right;
  margin-right: 7px;
  position: static;
}

.headline.inbox .slide-control-wrap.main .slide-control {
  background-color: #535d5f;
}

.headline.inbox .slide-control-wrap.main .slide-control:hover {
  background-color: #647072;
}

.headline.statement form label:last-child {
  margin-right: 16px;
}

.headline h4, .section .headline h4 a {
  float: left;
  line-height: 25px;
  padding: 20px 10px;
}

.headline .slide-control-wrap {
  width: 66px;
  top: 16px;
  right: 16px;
  position: absolute;
}

.headline .button {
  float: right;
  margin: 17px 15px 0 0;
}

.headline form {
  float: right;
  margin-top: 17px;
  overflow: hidden;
}

.headline select {
  color: #888;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}

.headline .select-block {
  float: left;
  width: 200px;
  margin-right: 10px;
}

.headline .select-block .svg-arrow {
  width: 5px;
  height: 9px;
  top: 12px;
  right: 13px;
}

.headline .view-selectors {
  float: right;
  margin: 18px 15px 0 0;
}

.headline .search-form {
  float: left;
  width: 290px;
  margin-right: 14px;
}

.headline .search-form input[type="text"] {
  height: 32px;
  font-size: 0.75em;
}


/*-----------------
    HEAD TITLE
-----------------*/

.head-title {
  width: 620px;
  margin: 20px auto 60px;
}

.head-title .text-header {
  margin-bottom: 26px;
}

.head-title p {
  text-align: center;
}


/*-----------------------
    SECTION HEADLINE
-----------------------*/

.section-headline-wrap {
  background: #2d3235 url(../images/home_banner.jpg) no-repeat center;
  background-size: cover;
}

.section-headline-wrap.v2 {
  background: url("../images/section_headline_bg.png") no-repeat center, -webkit-gradient(linear, left top, right top, from(#f21c5e), to(#1cc1e4));
  background: url("../images/section_headline_bg.png") no-repeat center, linear-gradient(to right, #f21c5e, #1cc1e4);
}

.section-headline-wrap.v3 {
  background: url("../images/section_headline_bg.png") no-repeat center, -webkit-gradient(linear, left top, right top, from(#1595de), to(#00dcdd));
  background: url("../images/section_headline_bg.png") no-repeat center, linear-gradient(to right, #1595de, #00dcdd);
}

.section-headline {
  padding: 15px 40px;
  overflow: hidden;
}

.section-headline h2 {
  float: right;
  line-height: 90px;
}

.section-headline p {
  float: left;
  color: #fff;
  line-height: 90px;
}

.section-headline p a {
  color: currentColor;
}

.section-headline p .separator {
  margin: 0 13px;
}

.section-headline p .current-section {
  font-weight: 700;
}


/*--------------------
    SLIDE CONTROLS
--------------------*/

.slide-control-wrap {
  position: absolute;
}

.slide-control {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #535d5f;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.slide-control:hover {
  background-color: #647072;
}

.slide-control.rounded {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.8);
}

.slide-control.rounded .svg-arrow {
  top: 17px;
}

.slide-control.rounded.left .svg-arrow {
  left: 18px;
}

.slide-control.rounded.right .svg-arrow {
  left: 20px;
}

.slide-control .svg-arrow {
  fill: #fff;
  width: 8px;
  height: 12px;
  position: absolute;
  top: 9px;
  pointer-events: none;
}

.slide-control.left {
  float: left;
}

.slide-control.left.mfp-arrow-left {
  float: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 12%;
}

.slide-control.left .svg-arrow {
  left: 9px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slide-control.right {
  float: right;
}

.slide-control.right.mfp-arrow-right {
  float: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 12%;
}

.slide-control.right .svg-arrow {
  left: 13px;
}


/*----------------
    CONTROLLERS
----------------*/

.open {
  opacity: 1;
  visibility: visible;
}

.closed {
  opacity: 0;
  visibility: hidden;
}


/*------------
    SVG
------------*/

.svg-plus.primary {
  fill: #00d7b3;
}

.svg-plus.secondary {
  fill: #1cbdf9;
}

.svg-plus.tertiary {
  fill: #e61852;
}

.svg-minus.primary {
  fill: #00d7b3;
}

.svg-minus.secondary {
  fill: #1cbdf9;
}

.svg-minus.tertiary {
  fill: #e61852;
}

.svg-arrow {
  width: 4px;
  height: 8px;
  cursor: pointer;
}

.svg-check {
  width: 14px;
  height: 11px;
  fill: #535d5f;
}


/*------------
    PINS
------------*/

.recommendation {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e7e7e7;
  position: relative;
}

.recommendation.hoverable {
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}

.recommendation.hoverable.good,
.recommendation.hoverable.bad {
  background-color: #e7e7e7;
}

.recommendation.hoverable:hover.good {
  background-color: #00d7b3;
}

.recommendation.hoverable:hover.bad {
  background-color: #e61852;
}

.recommendation.good {
  background-color: #00d7b3;
}

.recommendation.bad {
  background-color: #e61852;
}

.recommendation .icon-like,
.recommendation .icon-dislike {
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 50%;
  margin-left: -9px;
}

.recommendation .icon-like {
  top: 11px;
}

.recommendation .icon-dislike {
  top: 13px;
}

.pin-tag {
  display: inline-block;
  font-family: "Titillium Web", sans-serif;
  font-size: 0.75em;
  font-weight: 700;
}

.pin-tag.primary {
  color: #06b99b;
}

.pin-tag.secondary {
  color: #1396e1;
}

.pin-tag.tertiary {
  color: #e61852;
}

.pin {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 2px;
  background-color: #535d5f;
  color: #fff;
  font-family: "Titillium Web", sans-serif;
  font-size: 0.5625em;
  line-height: 15px;
  text-transform: uppercase;
  position: absolute;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 4px;
}

.pin.soft-edged {
  line-height: 14px;
  border-radius: 4px;
  padding: 0 6px;
}

.pin.big {
  font-size: 0.625em;
}

.pin.primary {
  background-color: #00d7b3;
}

.pin.secondary {
  background-color: #1cbdf9;
}

.pin.featured {
  background-color: #ffc000;
}

.pin.greyed {
  background-color: #d1d1d1;
}

.pin.violet {
  background-color: #7c5ac2;
}


/*--------------
    WIDGETS
--------------*/

.search-widget {
  width: 970px;
  height: 122px;
  padding: 36px 0 0 52px;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  margin-left: -485px;
  background: url("../images/searchbar_texture.png") no-repeat center, -webkit-gradient(linear, left top, right top, from(#05e6aa), to(#1cbdf9));
  background: url("../images/searchbar_texture.png") no-repeat center, linear-gradient(to right, #05e6aa, #1cbdf9);
  background-size: cover;
}

.search-widget-form {
  overflow: hidden;
}

.search-widget-form input,
.search-widget-form select {
  float: left;
  height: 50px;
  padding: 0 40px 0 20px;
  color: #888;
  font-size: 0.875em;
  line-height: 50px;
}

.search-widget-form input {
  width: 590px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: #e1e1e1;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  display: inline-block;
  padding-left: 30px;
}

.search-widget-form select {
  font-size: 1.07692em;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.search-widget-form .select-block {
  float: left;
  width: 232px;
  margin-right: 16px;
}

.search-widget-form .select-block .svg-arrow {
  width: 4px;
  height: 8px;
  top: 22px;
  right: 16px;
}


.search-widget-form .button {
  float: left;
  width: 150px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


/*------------
    WIDE
------------*/

header,
.menu-bar,
.banner,
#services,
#product-sideshow,
#subscribe-banner,
#footer-top,
#footer-bottom,
.category-nav,
.section-headline,
.section,
.sidebar-nav,
.author-profile-meta,
.register-box {
  max-width: 1170px;
  width: 95%;
  margin: 0 auto;
}


/*------------
    LOGO
------------*/

.logo {
}

.logo.small img {
  height: 36px;
  top: 4px;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.0, 1.0);
}


/*--------------------
    USER QUICKVIEW
--------------------*/

.user-quickview {
  width: 158px;
  padding: 10px 0 0 62px;
  position: relative;
}

.user-quickview .outer-ring,
.user-quickview .inner-ring,
.user-quickview .user-avatar {
  position: absolute;
}

.user-quickview .outer-ring {
  width: 54px;
  height: 54px;
  top: 0;
  left: 0;
}

.user-quickview .inner-ring {
  width: 50px;
  height: 50px;
  top: 2px;
  left: 2px;
}

.user-quickview .user-avatar {
  top: 7px;
  left: 7px;
  background: white;
}

.user-quickview .user-name {
  cursor: default;
  margin-bottom: 2px;
}

.user-quickview .svg-arrow {
  fill: #fff;
  position: relative;
  left: 5px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


/*------------
    RINGS
------------*/

.outer-ring,
.inner-ring {
  border-radius: 50%;
}

.outer-ring {
  background: #2aebcb;
}

.inner-ring {
  background-color: #252a2d;
}


/*-----------------
    USER AVATAR
-----------------*/

.user-avatar-wrap {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}

.user-avatar-wrap.medium {
  width: 70px;
  height: 70px;
}

.user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.user-avatar img {
  border-radius: 50%;
  height: 100%;
}

.user-avatar.small {
  width: 26px;
  height: 26px;
}
.user-ultimo-lance .user-avatar.small, .user-ultimo-lance .text-header.tiny{
  display: inline-block;
}
.user-ultimo-lance .text-header.tiny{
  position: relative;
  top: -8px;
  margin-left: 10px;
}
.user-avatar.medium {
  width: 70px;
  height: 70px;
}


/*-----------------------
    USER INFORMATION
-----------------------*/

.user-name,
.user-money {
  line-height: 1em;
}

.user-name {
  color: #fff;
  font-size: 14px;
}

.user-name span,
.user-name svg {
  display: inline-block;
  text-transform: capitalize;
}

.user-money {
  color: #16ffd8;
  font-size: 15px;
  cursor: default;
}

.user-money span.icon-key {
  margin-right: 5px;
  position: relative;
  left: 0;
  top: 2px;
}


/*------------
    RATING
------------*/

.rating {
  overflow: hidden;
  cursor: pointer;
}

.rating .rating-item {
  float: left;
  margin-right: 5px;
}

.rating .rating-item .svg-star {
  fill: #ffc000;
  width: 11px;
  height: 10px;
}

.rating .rating-item.empty .svg-star {
  fill: #cfcfcf;
}

.rating .rating-item:last-child {
  margin-right: 0;
}


/*---------------------
    PRODUCT PREVIEW
---------------------*/

.product-list.grid.v4 .product-preview-image {
  border-radius: 6px;
}

.product-preview-image {
  width: 258px;
  height: 200px;
  border-radius: 6px;
  /* overflow: hidden; */
}

.product-preview-image.large {
  width: 380px;
  height: 380px;
  /* display: inline-block; */
  /* text-align: left; */
  margin: 5px;
}

.product-preview-image.big {
  width: 358px;
  height: 320px;
}

.product-preview-image.thumbnail {
  width: 80px;
  height: 80px;
  /* border-radius: 8px; */
}

.product-preview-image.small {
  width: 70px;
  height: 70px;
  position: relative;
}

.product-preview-image.tiny {
  width: 60px;
  height: 60px;
}

.product-preview-image.micro {
  width: 34px;
  height: 34px;
}

.text-header,
.category,
.price,
.text-title-box {
  color: #2b373a;
  font-weight: 700;
  line-height: 1em;
}

.text-header,
.text-title-box {
  font-size: 1em;
}

.text-header.small {
  font-size: 1em;
  line-height: 1em;
}

.text-header.tiny {
  font-size: 0.9em;
  line-height: 1.16667em;
}

.text-header.mid {
  font-size: 1.5em;
}

.text-header.big {
  font-size: 2.25em;
}

.text-header a {
  color: #2b373a;
}

.category {
  font-size: 0.75em;
}

.category.tiny {
  font-size: 0.6875em;
}

.category.primary {
  color: #06b99b;
}

.category.primary > a {
  color: #06b99b;
}

.category.secondary {
  color: #1396e1;
}

.category.secondary > a {
  color: #1396e1;
}

.category.tertiary {
  color: #e61852;
}

.category.tertiary > a {
  color: #e61852;
}

.price {
  font-size: 1.5em;
  position: relative;
}

.price span.rs {
  font-size: 0.7em;
  position: relative;
  top: -1px;
  left: -4px;
}

.price.tiny {
  font-size: 1em;
}

.price.tiny span {
  font-size: 0.5625em;
}

.price.medium {
  font-size: 1.625em;
}

.price.medium span {
  font-size: 0.61538em;
}

.price.big {
  font-size: 2.375em;
}

.price.big span {
  font-size: 0.47368em;
}

.price.large {
  font-size: 35px;
}
.dar-lance .price.large{
  text-align: center;
  padding-bottom: 10px;
}
.price.large span {
  font-size: 25px;
  margin-right: 5px;
  position: relative;
  top: -4px;
}

.price.larger {
  font-size: 3.375em;
}

.price.larger span {
  font-size: 0.59259em;
}

.text-oneline {
  font-size: 0.75em;
  line-height: 18px;
}

.timestamp {
  color: #b2b2b2;
  font-size: 0.75em;
}

.line-separator {
  background-color: #f3f3f3;
  height: 1px;
  border: none;
}


/*--------------
    DROPDOWN
--------------*/

.dropdown {
  width: 230px;
  position: absolute;
  /* border: 1px solid #ebebeb; */
  background-color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 10000;
  /* border-radius: 8px; */
}

.dropdown .dropdown-triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  right: 22px;
}

.dropdown.hover-effect > .dropdown-item > a {
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  border-left: 0px solid #00d7b3;
}
.dropdown.black.hover-effect > .dropdown-item > a {
  border-left: 0px solid #4d5354;
}
.dropdown.hover-effect > .dropdown-item > a:hover {
  border-left: 6px solid #00d7b3;
}
.dropdown.black.hover-effect > .dropdown-item > a:hover {
  border-left: 6px solid #4d5354;
}
.dropdown.hover-effect.secondary > .dropdown-item > a {
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  border-left: 0px solid #1396e1;
}

.dropdown.hover-effect.secondary > .dropdown-item > a:hover {
  border-left: 6px solid #1396e1;
}

.dropdown.hover-effect.tertiary > .dropdown-item > a {
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  border-left: 0px solid #e61852;
}

.dropdown.hover-effect.tertiary > .dropdown-item > a:hover {
  border-left: 6px solid #e61852;
}

.dropdown.small {
  width: 170px;
}

.dropdown.small.hover-effect .dropdown-item > a:hover {
  border-left: 4px solid #00d7b3;
}

.dropdown.small .dropdown-item > a {
  padding-left: 14px;
  line-height: 40px;
  font-size: 0.75em;
}

.dropdown.notifications {
  width: 300px;
}

.dropdown.notifications .dropdown-item {
  height: 81px;
  padding: 20px 55px 0 70px;
  position: relative;
}

.dropdown.notifications .dropdown-item .user-avatar {
  position: absolute;
  top: 20px;
  left: 15px;
}

.dropdown.notifications .dropdown-item .title {
  font-size: 0.6875em;
  line-height: 1.27273em;
}

.dropdown.notifications .dropdown-item .title span {
  color: #2b373a;
  font-weight: 700;
}

.dropdown.notifications .dropdown-item .subject {
  font-size: 0.6875em;
}

.dropdown.notifications .dropdown-item .timestamp {
  font-size: 0.625em;
}

.dropdown.notifications .dropdown-item .notification-type {
  color: #888;
  font-size: 19px;
  position: absolute;
  top: 30px;
  right: 19px;
}

.dropdown.notifications .dropdown-item .notification-type.primary-new {
  color: #00d7b3;
}

.dropdown.notifications .dropdown-item .notification-type.secondary-new {
  color: #1cbdf9;
}

.dropdown.cart {
  width: 300px;
}

.dropdown.cart .dropdown-item {
  height: 92px;
  padding: 18px 40px 0 84px;
  position: relative;
}

.dropdown.cart .dropdown-item .svg-plus {
  fill: #b2b2b2;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10000;
}

.dropdown.cart .dropdown-item:last-child {
  padding: 0 18px 0 84px;
  height: 43px;
  cursor: auto;
}

.dropdown.cart .dropdown-item:last-child .text-header {
  float: left;
  line-height: 43px;
}

.dropdown.cart .dropdown-item:last-child .price {
  float: right;
  font-size: 0.875em;
  line-height: 43px;
}

.dropdown.cart .dropdown-item .product-preview-image {
  position: absolute;
  top: 16px;
  left: 16px;
}

.dropdown.cart .dropdown-item .text-header {
  margin-bottom: 3px;
}

.dropdown.cart .dropdown-item .category {
  margin-bottom: 2px;
}

.dropdown.cart .dropdown-item .button {
  bottom: -54px;
}

.dropdown.dark {
  background-color: #1f2426;
  /* border-color: #2a2f31; */
}

.dropdown.dark .dropdown-item {
  border-color: #2a2f31;
}

.dropdown.dark .dropdown-item.active > a {
  color: #fff;
  border-left: 6px solid #00d7b3;
}

.dropdown.dark .dropdown-item.active > a .svg-arrow {
  fill: #fff;
}

.dropdown.dark .dropdown-item.active > a .sl-icon {
  color: #00d7b3;
}

.dropdown.dark .dropdown-item:hover {
  background-color: #252b2c;
}

.dropdown.dark .dropdown-item:hover > a {
  color: #fff;
}

.dropdown.dark .dropdown-item:hover > a .svg-arrow {
  fill: #fff;
}

.dropdown.dark .dropdown-item:hover > a .sl-icon {
  color: #00d7b3;
}

.dropdown.dark .dropdown-item > a {
  padding-left: 20px;
  color: #848484;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.dropdown.dark .dropdown-item > a .svg-arrow {
  -webkit-transition: fill .2s ease-in;
  transition: fill .2s ease-in;
}

.dropdown.no-hover .dropdown-item {
  cursor: auto;
}

.dropdown.secondary .dropdown-item.active > a {
  border-left: 6px solid #1396e1;
}

.dropdown.tertiary .dropdown-item.active > a {
  border-left: 6px solid #e61852;
}

.dropdown .dropdown-item {
  /* border-bottom: 1px solid #ebebeb; */
  position: relative;
}

.dropdown .dropdown-item.active > a {
  border-left: 6px solid #00d7b3;
}
.dropdown.black .dropdown-item.active > a {
  border-left: 6px solid #4d5354;
}
.dropdown .dropdown-item > .dropdown {
  position: absolute;
  top: -1px;
  right: -160px;
}

.dropdown .dropdown-item .svg-arrow {
  width: 5px;
  height: 11px;
  fill: #2b373a;
  pointer-events: none;
}

.dropdown .dropdown-item:hover {
  background-color: #f6f6f6;
}

.dropdown .dropdown-item:hover > .dropdown {
  right: -230px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dropdown .dropdown-item > a {
  display: block;
  padding-left: 20px;
  line-height: 50px;
  color: #2b373a;
  font-size: 0.875em;
  font-weight: 700;
}

.dropdown .dropdown-item > a .svg-arrow {
  position: relative;
  top: 1px;
  left: 10px;
  fill: #535d5f;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dropdown .dropdown-item > a .item-count {
  float: right;
  margin-right: 18px;
  color: #b2b2b2;
}

.dropdown .dropdown-item .button {
  width: 300px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 0.75em;
  position: absolute;
  bottom: -51px;
  left: -1px;
  border-radius: 0;
}

.dropdown .dropdown-item .button.half {
  width: 150px;
}

.dropdown .dropdown-item .button.half:last-child {
  left: auto;
  right: -1px;
}

.dropdown .dropdown-item:last-child {
  border-bottom: none;
}

.dropdown .dropdown-item .pin {
  top: 18px;
  right: 22px;
  pointer-events: none;
}

.inner-dropdown {
  padding: 0 0 15px 45px;
  background-color: #1e2527;
  border-top: 1px solid #2b373a;
  overflow: hidden;
  display: none;
}

.inner-dropdown.open {
  display: block;
}

.inner-dropdown .inner-dropdown-item {
  position: relative;
}

.inner-dropdown .inner-dropdown-item > p {
  margin: 24px 0 10px;
  color: #fff;
  font-size: 0.8125em;
  line-height: 1em;
  text-transform: uppercase;
}

.inner-dropdown .inner-dropdown-item > a {
  display: block;
  color: #6a7779;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 34px;
  opacity: 0.6;
  -webkit-transition: opacity .15s ease-in;
  transition: opacity .15s ease-in;
}

.inner-dropdown .inner-dropdown-item > a:hover {
  opacity: 1;
}

.inner-dropdown .inner-dropdown-item .pin {
  top: 10px;
  right: 22px;
}


/*--------------
    SIDEBAR
--------------*/

.sidebar-nav-wrap {
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.sidebar-nav {
  height: 60px;
}

.sidebar-nav .sidebar-menu {
  float: left;
}

.sidebar-nav .sidebar-filters {
  float: right;
  margin-right: 30px;
}

.sidebar-nav .sidebar-filters form,
.sidebar-nav .sidebar-filters .view-selectors,
.sidebar-nav .sidebar-filters .button {
  margin-top: 14px;
}

.sidebar-nav .sidebar-filters form,
.sidebar-nav .sidebar-filters .view-selectors {
  float: left;
}

.sidebar-nav .sidebar-filters form {
  margin-right: 22px;
}

.sidebar-nav .sidebar-filters form select {
  color: #888;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}

.sidebar-nav .sidebar-filters form .select-block {
  float: left;
  width: 200px;
  margin-right: 10px;
}

.sidebar-nav .sidebar-filters form .select-block:last-child {
  margin-right: 0;
}

.sidebar-nav .sidebar-filters form .select-block .svg-arrow {
  width: 5px;
  height: 9px;
  top: 12px;
  right: 13px;
}

.sidebar-nav .sidebar-filters .view-selectors {
  margin-right: 12px;
}

.sidebar-nav .sidebar-filters .button {
  float: right;
  width: 160px;
}

.sidebar-menu .sidebar-menu-item {
  float: left;
  border-right: 1px solid #ebebeb;
  position: relative;
}

.sidebar-menu .sidebar-menu-item .svg-arrow {
  fill: #535d5f;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 26px;
  right: 32px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  pointer-events: none;
}

.sidebar-menu .sidebar-menu-item a {
  display: block;
  height: 60px;
  padding: 0 48px 0 30px;
  color: #2b373a;
  font-size: 0.875em;
  line-height: 60px;
  font-weight: 700;
}

.sidebar-menu-dropdown {
  width: 270px;
  border: 1px solid #ebebeb;
  padding: 22px 14px;
  background-color: #fff;
  position: absolute;
  left: 0;
  z-index: 9999;
  display: none;
}

.sidebar-menu-dropdown.big {
  width: 300px;
  padding: 36px 14px 46px;
}


/*------------------------
    INFORMATION LAYOUT
------------------------*/

.information-layout .information-layout-item {
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}

.information-layout .information-layout-item:last-child {
  border-bottom: none;
}

.information-layout .information-layout-item p {
  font-size: 0.8125em;
  line-height: 20px;
}

.information-layout .information-layout-item p:nth-child(1) {
  float: left;
}

.information-layout .information-layout-item p:nth-child(2) {
  float: right;
  text-align: right;
}

.information-layout.v2 .information-layout-item {
  border-bottom: none;
}

.information-layout.v2 p:nth-child(1),
.information-layout.v2 p:nth-child(2) {
  float: none;
  text-align: left;
}

.information-layout.v2 p span {
  color: #2b373a;
  font-weight: 700;
}


/*-------------------
    ITEM PREVIEW
-------------------*/

.item-preview {
  padding: 2px 0 0 80px;
  position: relative;
}

.item-preview .product-preview-image {
  position: absolute;
  top: 0;
  left: 0;
}

.item-preview .text-header {
  line-height: 16px;
  margin-bottom: 3px;
}

.item-preview .category {
  margin-bottom: 4px;
}

.item-preview .description {
  font-size: 0.75em;
}


/*-------------------
    COUNTDOWNS
-------------------*/

.bid-countdown {
  position: relative;
}

.bid-countdown > div {
  margin-right: 14px;
}

.bid-countdown > div:last-child {
  margin-right: 0;
}

.bid-countdown > div > p {
  position: absolute;
  top: 8px;
  left: 50%;
  color: #2b373a;
  font-size: 1.125em;
  font-weight: 700;
  text-align: center;
  line-height: 35px;
}

.bid-countdown > div > p .tag {
  color: #888;
  font-size: 13px;
  font-weight: 600;
}

.bid-countdown .colon {
  color: #2b373a;
  font-family: "Titillium Web", sans-serif;
  font-size: 1.125em;
  font-weight: 700;
  position: absolute;
  top: 10px;
}

.bid-countdown .colon:nth-child(1) {
  left: 55px;
}

.bid-countdown .colon:nth-child(2) {
  left: 119px;
}

.bid-countdown .colon:nth-child(3) {
  left: 183px;
}


/*--------------
    COLUMNS
--------------*/

.column5-wrap {
  margin: 0 auto;
}

.column5-wrap .column {
  float: left;
}

.column4-wrap,
.column3-wrap,
.column3-4-wrap,
.column-wrap {
  margin: 0 auto;
}

.column4-wrap .column,
.column3-wrap .column,
.column3-4-wrap .column,
.column-wrap .column {
  float: left;
  margin-right: 30px;
}

.column5-wrap .column {
  width: 234px;
}

.column4-wrap .column {
  width: 270px;
}

.column4-wrap .column:nth-child(4n+4) {
  margin-right: 0;
}

.column3-4-wrap {
  width: 870px;
}

.column3-4-wrap .column {
  width: 270px;
}

.column3-4-wrap .column:nth-child(3n+3) {
  margin-right: 0;
}

.column3-wrap .column {
  width: 370px;
}


.column3-wrap .column:nth-child(3n+3) {
  margin-right: 0;
}
.column3-wrap.max-2 .column:nth-child(even) {
  margin-right: 0;
}
.column3-wrap.max-2 .column:nth-child(3n+3) {
  margin-right: 30px;
}
.column-wrap .column {
  width: 270px;
}

.column-wrap .column:last-child {
  margin-right: 0;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  /*--------------
      COLUMNS
  --------------*/
  .column5-wrap {
    width: 702px;
  }
  .column4-wrap {
    width: 870px;
  }
  .column4-wrap .column:nth-child(4n+4) {
    margin-right: 30px;
  }
  .column4-wrap .column:nth-child(3n+3) {
    margin-right: 0;
  }
  .column4-wrap.service-list {
    width: 570px;
  }
  .column4-wrap.service-list .column {
    margin-bottom: 60px;
  }
  .column4-wrap.service-list .column:nth-child(3n+3) {
    margin-right: 30px;
  }
  .column4-wrap.service-list .column:nth-child(2n+2) {
    margin-right: 0;
  }
  .column3-wrap {
    width: 770px;
  }
  .column3-wrap .column:nth-child(3n+3) {
    margin-right: 30px;
  }
  .column3-wrap .column:nth-child(2n+2) {
    margin-right: 0;
  }
  /*--------------
      SIDEBAR
  --------------*/
  .sidebar-nav {
    max-width: none;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    overflow: hidden;
  }
  .sidebar-nav .sidebar-filters {
    width: 410px;
    float: none;
    margin: 0 auto;
    overflow: hidden;
  }
  .sidebar-nav .sidebar-filters form {
    margin-right: 0;
    margin-bottom: 14px;
  }
  .sidebar-nav .sidebar-filters form label {
    margin-bottom: 0;
  }
  .sidebar-nav .sidebar-filters .view-selectors {
    float: none;
    width: 66px;
    margin: 0 auto;
  }
  .sidebar-nav .sidebar-filters .button {
    float: none;
    margin: 18px auto 0;
  }
  .sidebar-menu {
    width: 100%;
    margin-bottom: 20px;
  }
  .sidebar-menu .sidebar-menu-item {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ebebeb;
  }
  .sidebar-menu-dropdown {
    width: 100%;
    padding: 22px 30px;
    border: none;
    border-top: 1px solid #ebebeb;
    position: static;
  }
  .sidebar-menu-dropdown.big {
    width: 100%;
  }
  /*--------------------
      SLIDE CONTROLS
  --------------------*/
  .slide-control.left.mfp-arrow-left {
    top: auto;
    margin-top: 0;
    bottom: 20px;
    left: 50%;
    margin-left: -45px;
  }
  .slide-control.right.mfp-arrow-right {
    top: auto;
    margin-top: 0;
    bottom: 20px;
    right: 50%;
    margin-right: -45px;
  }
}

@media screen and (max-width: 935px) {
  /*--------------
      COLUMNS
  --------------*/
  .column5-wrap {
    width: 468px;
  }
  .column4-wrap,
  .column3-4-wrap {
    width: 570px;
  }
  .column4-wrap .column,
  .column3-4-wrap .column {
    margin-bottom: 60px;
  }
  .column4-wrap .column:nth-child(3n+3),
  .column3-4-wrap .column:nth-child(3n+3) {
    margin-right: 30px;
  }
  .column4-wrap .column:nth-child(2n+2),
  .column3-4-wrap .column:nth-child(2n+2) {
    margin-right: 0;
  }
  .column3-wrap {
    width: 370px;
  }
  .column3-wrap .column {
    margin-right: 0;
  }
  .column3-wrap .column:nth-child(3n+3) {
    margin-right: 0;
  }
  /*-----------------
      HEAD TITLE
  -----------------*/
  .head-title {
    width: 90%;
  }
  .register-box .headline.inbox .button-wrap {
    float: none;
    width: 103px;
    margin: 0 auto 16px;
  }
  .register-box .headline.inbox .button-wrap .button {
    float: right;
  }
}

@media screen and (max-width: 630px) {
  /*--------------
      COLUMNS
  --------------*/
  .column5-wrap {
    width: 234px;
  }
  .column4-wrap,
  .column3-4-wrap {
    width: 270px;
  }
  .column4-wrap .column,
  .column3-4-wrap .column {
    margin-right: 0;
  }
  .column4-wrap.service-list,
  .column3-4-wrap.service-list {
    width: 270px;
  }
  .column4-wrap.service-list .column,
  .column3-4-wrap.service-list .column {
    margin-right: 0;
  }
  .column4-wrap.service-list .column:nth-child(3n+3),
  .column3-4-wrap.service-list .column:nth-child(3n+3) {
    margin-right: 0;
  }
  /*-----------------------
      SECTION HEADLINE
  -----------------------*/
  .section-headline {
    padding: 0;
  }
  .section-headline h2 {
    float: none;
    text-align: center;
  }
  .section-headline p {
    display: none;
  }
  /*--------------------
      SLIDE CONTROLS
  --------------------*/
  .slide-control.left.mfp-arrow-left {
    bottom: 50px;
  }
  .slide-control.right.mfp-arrow-right {
    bottom: 50px;
  }
  h1 {
    font-size: 2em;
    line-height: 1.2em;
  }
}

@media screen and (max-width: 460px) {
  /*--------------
      COLUMNS
  --------------*/
  .column3-wrap {
    width: 90%;
  }
  .column3-wrap .column {
    width: 100%;
  }
  .column3-wrap.service-list.small .service-item {
    padding: 80px 0 0;
  }
  .column3-wrap.service-list.small .service-item .outer-ring {
    left: 50%;
    margin-left: -25px;
  }
  .column3-wrap.service-list.small .service-item h3,
  .column3-wrap.service-list.small .service-item p {
    text-align: center;
  }
  /*--------------
      SIDEBAR
  --------------*/
  .sidebar-nav .sidebar-filters {
    width: 200px;
  }
  .sidebar-nav .sidebar-filters form label {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .sidebar-nav .sidebar-filters form label:last-child {
    margin-bottom: 0;
  }
  /*--------------------
      SLIDE CONTROLS
  --------------------*/
  .slide-control.left.mfp-arrow-left {
    bottom: 120px;
  }
  .slide-control.right.mfp-arrow-right {
    bottom: 120px;
  }
}

.header-wrap {
  background-color: #252a2d;
}

header {
  min-height: 100px;
}

header .logo {
  float: left;
}

header .logo-mobile {
  display: none;
  height: 47px;
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -24px;
}
header .logo-mobile img{
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.0, 1.0);
  width: auto;
  height: 100%;
}
header .mobile-menu-handler,
header .mobile-account-options-handler {
  width: 90px;
  height: 100px;
  position: absolute;
  top: 0;
  display: none;
  cursor: pointer;
}

header .mobile-menu-handler.primary,
header .mobile-account-options-handler.primary {
  /* background-color: #00d7b3; */
}

header .mobile-menu-handler.secondary,
header .mobile-account-options-handler.secondary {
  /* background-color: #1cbdf9; */
}

header .mobile-menu-handler.left,
header .mobile-account-options-handler.left {
  left: 0;
}

header .mobile-menu-handler.right,
header .mobile-account-options-handler.right {
  right: 0;
}

header .mobile-menu-handler img[alt="pull-icon"],
header .mobile-account-options-handler img[alt="pull-icon"] {
  position: absolute;
  top: 41px;
  left: 50%;
  margin-left: -13px;
}

header .mobile-menu-handler .icon-user,
header .mobile-account-options-handler .icon-user {
  color: #fff;
  font-size: 24px;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -12px;
}

header .user-board {
  float: right;
  position: relative;
  height: 100px;
}
.relogio-tempo-real{
  position: absolute;
  top: 50%;
  margin-top: -12px;
  transform: translateX(-125%);
  color: #ffffff;
}
header .user-board .user-quickview {
  float: right;
  height: 80px;
  margin-top: 20px;
}

header .user-board .user-quickview .dropdown {
  left: 2px;
  border-bottom: 3px solid #2aebcb;
  padding: 8px 0;
  border-radius: 6px 6px 0 0;
}

header .user-board .user-quickview .dropdown:before{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
}
header .user-board .user-quickview .dropdown.open {
  top: 71px;
}

header .user-board .user-quickview .dropdown.closed {
  top: 50px;
}

header .account-information {
  float: right;
  margin: 40px 6px 0 0;
}

header .account-information .account-wishlist-quickview,
header .account-information .account-cart-quickview,
header .account-information .account-email-quickview,
header .account-information .account-settings-quickview {
  float: left;
  padding-right: 34px;
  cursor: pointer;
  position: relative;
}

header .account-information .account-wishlist-quickview:first-child,
header .account-information .account-wishlist-quickview:last-child,
header .account-information .account-cart-quickview:first-child,
header .account-information .account-cart-quickview:last-child,
header .account-information .account-email-quickview:first-child,
header .account-information .account-email-quickview:last-child,
header .account-information .account-settings-quickview:first-child,
header .account-information .account-settings-quickview:last-child {
  padding-right: 26px;
}

header .account-information .account-wishlist-quickview > span:first-child,
header .account-information .account-cart-quickview > span:first-child,
header .account-information .account-email-quickview > span:first-child,
header .account-information .account-settings-quickview > span:first-child {
  position: relative;
  color: #717f82;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .account-information .account-wishlist-quickview > span:first-child .svg-arrow,
header .account-information .account-cart-quickview > span:first-child .svg-arrow,
header .account-information .account-email-quickview > span:first-child .svg-arrow,
header .account-information .account-settings-quickview > span:first-child .svg-arrow {
  fill: #717f82;
  position: absolute;
  right: -10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .account-information .account-wishlist-quickview:hover > span:first-child,
header .account-information .account-wishlist-quickview.active > span:first-child,
header .account-information .account-cart-quickview:hover > span:first-child,
header .account-information .account-cart-quickview.active > span:first-child,
header .account-information .account-email-quickview:hover > span:first-child,
header .account-information .account-email-quickview.active > span:first-child,
header .account-information .account-settings-quickview:hover > span:first-child,
header .account-information .account-settings-quickview.active > span:first-child {
  color: #b6c6ca;
}

header .account-information .account-wishlist-quickview:hover > span:first-child .svg-arrow,
header .account-information .account-wishlist-quickview.active > span:first-child .svg-arrow,
header .account-information .account-cart-quickview:hover > span:first-child .svg-arrow,
header .account-information .account-cart-quickview.active > span:first-child .svg-arrow,
header .account-information .account-email-quickview:hover > span:first-child .svg-arrow,
header .account-information .account-email-quickview.active > span:first-child .svg-arrow,
header .account-information .account-settings-quickview:hover > span:first-child .svg-arrow,
header .account-information .account-settings-quickview.active > span:first-child .svg-arrow {
  fill: #b6c6ca;
}

header .account-information .account-wishlist-quickview .dropdown,
header .account-information .account-cart-quickview .dropdown,
header .account-information .account-email-quickview .dropdown,
header .account-information .account-settings-quickview .dropdown {
  right: 13px;
}

header .account-information .account-wishlist-quickview .dropdown.open,
header .account-information .account-cart-quickview .dropdown.open,
header .account-information .account-email-quickview .dropdown.open,
header .account-information .account-settings-quickview .dropdown.open {
  top: 49px;
}

header .account-information .account-wishlist-quickview .dropdown.closed,
header .account-information .account-cart-quickview .dropdown.closed,
header .account-information .account-email-quickview .dropdown.closed,
header .account-information .account-settings-quickview .dropdown.closed {
  top: 0;
}

header .account-information .pin {
  font-size: 0.625em;
  top: -5px;
  left: -6px;
}

header .account-information .account-settings-quickview .dropdown {
  right: 0;
}

header .account-information .icon-present,
header .account-information .icon-envelope,
header .account-information .icon-settings {
  font-size: 22px;
}

header .account-information .icon-heart {
  top: 1px;
  font-size: 21px;
}

header .account-information .icon-present {
  top: -2px;
}

header .account-information .icon-present .svg-arrow {
  top: 9px;
}

header .account-information .icon-envelope {
  top: 1px;
}

header .account-information .icon-envelope .svg-arrow {
  top: 6px;
  right: -12px;
}

header .account-information .icon-settings .svg-arrow {
  top: 7px;
  right: -12px;
}

header .account-actions {
  float: right;
  margin-top: 32px;
}

header .account-actions.no-space {
  margin-right: 0;
}

header .account-actions .interesting-link {
  float: left;
  margin-right: 30px;
  margin-top: 6px;
  color: #b6c6ca;
  font-size: 0.75em;
  font-weight: 700;
}

header .account-actions .interesting-link:hover {
  color: #fff;
}

header .account-actions .button {
  width: auto;
  float: left;
  height: 35px;
  line-height: 35px;
  padding: 0 30px;
  margin-right: 14px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 50px;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.25);
}

header .account-actions .button:last-child {
  margin-right: 0;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  header .logo,
  header .user-board {
    display: none;
  }
  header .logo-mobile,
  header .mobile-menu-handler,
  header .mobile-account-options-handler {
    display: block;
  }
}

.main-menu-wrap {
  background-color: #fff;
}

.main-menu-wrap.dark {
  background-color: #3a494d;
}

.main-menu-wrap.dark .main-menu .menu-item {
  border-right-color: #465559;
}

.main-menu-wrap.dark .main-menu .menu-item > a {
  color: #fff;
}

.main-menu-wrap.dark .main-menu .content-dropdown {
  background-color: #3a494d;
  border-color: #465559;
}

.main-menu-wrap.dark .main-menu .content-dropdown .feature-list-title {
  color: #fff;
}

.main-menu-wrap.dark .main-menu .content-dropdown .line-separator {
  background-color: #465559;
}

.main-menu-wrap.dark .main-menu .content-dropdown .feature-list-item > a:hover {
  color: #fff;
}

.menu-bar {
  min-height: 71px;
  position: relative;
}

.menu-bar .search-form {
  width: 320px;
  position: absolute;
  top: 14px;
  right: 0;
}

.main-menu {
  min-height: 71px;
  position: relative;
  font-size: 0;
}

.main-menu.top-highlight .menu-item > a {
  border-top: 6px solid transparent;
  line-height: 58px;
  padding-bottom: 7px;
}

.main-menu.top-highlight .menu-item:hover > a {
  color: #2b373a;
  background-color: #fff;
  border-top-color: #00d7b3;
}

.main-menu.top-highlight .menu-item:hover > a .svg-arrow {
  fill: #535d5f;
}

.main-menu .menu-item {
  /* border: none; */
  display: inline-block;
  height: 70px;
}

.main-menu .menu-item .svg-arrow {
  fill: #535d5f;
  position: relative;
  left: 15px;
  -webkit-transition: fill .15s ease-in-out;
  transition: fill .15s ease-in-out;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.main-menu .menu-item .dropdown .svg-arrow {
  width: 5px;
  height: 11px;
  fill: #2b373a;
  position: static;
  float: right;
  margin-right: 14px;
  margin-top: 22px;
  margin-left: 0;
  pointer-events: none;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.main-menu .menu-item.sub > a {
  padding-right: 40px;
}

.main-menu .menu-item > a {
  display: block;
  padding: 0 39px;
  color: #2b373a;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 72px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.main-menu .menu-item:hover > a {
  /* color: #fff; */
  background-color: #f6f7f9;
}

.main-menu .menu-item:hover > a .svg-arrow {
  fill: #fff;
}

.main-menu .menu-item:hover > .content-dropdown,
.main-menu .menu-item:hover > .dropdown {
  top: 71px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.main-menu .menu-item > .content-dropdown,
.main-menu .menu-item > .dropdown {
  top: 0;
  left: 0;
  font-size: 14px;
  text-align: left;
}

.content-dropdown {
  padding: 25px 40px 40px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 10000;
  pointer-events: none;
}

.feature-list-block {
  float: left;
  margin-right: 30px;
}

.feature-list-block:last-child {
  margin-right: 0;
}

.feature-list-block .line-separator {
  margin-bottom: 16px;
}

.feature-list-block .product-list.grid .product-item {
  margin-bottom: 0;
}

.feature-list-title {
  margin-bottom: 12px;
}

.feature-list {
  float: left;
  width: 170px;
  margin-right: 30px;
}

.feature-list.spaced {
  margin-bottom: 20px;
}

.feature-list + .feature-list {
  float: right;
  margin-right: 0;
}

.feature-list-item {
  margin-bottom: 12px;
}

.feature-list-item > a {
  display: inline-block;
  line-height: 1em;
  color: #888;
  font-size: 0.8125em;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  -webkit-transition: color .15s ease-in-out;
  transition: color .15s ease-in-out;
}

.feature-list-item > a:hover {
  color: #2b373a;
}

.feature-list-item > a .pin {
  font-size: 0.625em;
  top: 0;
  right: -40px;
}

.search-form {
  position: relative;
}

.search-form input[type="text"] {
  padding: 0 60px 0 20px;
}

.search-form input[type="image"] {
  position: absolute;
  top: 0;
  right: -2px;
}

.side-menu {
  width: 270px;
  height: 100%;
  padding-bottom: 30px;
  background-color: #1f2426;
  position: fixed;
  top: 0;
  z-index: 10000;
  overflow: auto;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.side-menu::-webkit-scrollbar {
  -webkit-appearance: none;
}

.side-menu::-webkit-scrollbar:vertical {
  width: 12px;
}

.side-menu::-webkit-scrollbar:horizontal {
  height: 12px;
}

.side-menu::-webkit-scrollbar-thumb {
  background-color: #535d5f;
  border-radius: 10px;
  border: 2px solid #2b373a;
}

.side-menu::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #2b373a;
}




.scroll-text::-webkit-scrollbar {
  -webkit-appearance: none;
}

.scroll-text::-webkit-scrollbar:vertical {
  width: 12px;
}

.scroll-text::-webkit-scrollbar-thumb {
  background-color: #e4e4e4;
  border-radius: 200px;
  border: 4px solid #fff;
}
.scroll-text:hover::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
}

.scroll-text::-webkit-scrollbar-track {
  background-color: #ffffff;
}


.side-menu.open.left {
  left: 0;
}

.side-menu.open.right {
  right: 0;
}

.side-menu.closed.left {
  left: -270px;
}

.side-menu.closed.right {
  right: -270px;
}

.side-menu .svg-plus {
  width: 14px;
  height: 14px;
  fill: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 16px;
  right: 18px;
  cursor: pointer;
}

.side-menu.dashboard {
  padding-bottom: 0;
}

.side-menu.dashboard.closed {
  opacity: 1;
  visibility: visible;
}

.side-menu.dashboard.closed.left {
  left: 0;
}

.side-menu.dashboard.closed.right {
  right: 0;
}

.side-menu.dashboard .svg-plus {
  top: 28px;
  display: none;
}

.side-menu.dashboard .side-menu-header {
  height: 122px;
}

.side-menu.dashboard .user-quickview {
  margin: 32px 0 0 32px;
}

.side-menu.dashboard .inner-dropdown {
  padding-top: 15px;
}

.side-menu.dashboard .sl-icon {
  margin-right: 14px;
  position: relative;
  top: 1px;
  -webkit-transition: all .01s ease;
  transition: all .01s ease;
}

.side-menu.dashboard .button:last-child {
  margin: 22px auto 100px;
}

.side-menu .side-menu-header {
  height: 100px;
  background-color: #1f2426;
  overflow: hidden;
}

.side-menu .side-menu-title {
  padding-left: 20px;
  background-color: #202729;
  color: #535d5f;
  font-size: 0.625em;
  font-weight: 700;
  line-height: 35px;
  text-transform: uppercase;
  /* display: none; */
}

.side-menu .logo {
  margin: 28px 0 0 20px;
}

.side-menu .dropdown {
  width: 100%;
  border-left: none;
  border-right: none;
  position: static;
  /* display: none; */
}

.side-menu.right {
  right: 0;
}

.side-menu.left {
  left: 0;
}

.side-menu .user-quickview {
  margin: 21px 0 0 20px;
}

.side-menu .user-quickview .user-name {
  cursor: auto;
}

.side-menu .button {
  width: 80%;
  width: calc(100% - 40px);
  margin: 0 20px;
  margin-top: 28px;
  border-radius: 5px;
}

.side-menu .button:first-child {
  margin: 22px auto 18px;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  .main-menu-wrap {
    display: none;
  }
  .section-headline {
    display: none;
  }
  .menu-bar .search-form {
    width: 90%;
    margin: 0 auto;
    position: relative;
  }
}

.banner-wrap {
  background: #2d3235 url(../images/home_banner.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}

.banner {
  min-height: 450px;
  padding-top: 120px;
  position: relative;
}

.banner.banner-v2 {
  min-height: 240px;
  padding-top: 80px;
  padding-top: 1px;
  margin-top: 0;
  display: table;
}

.banner.short {
  min-height: 350px;
}

.banner.banner-v2 .search-widget-form {
  width: 745px;
  margin: 55px auto 0;
}

.banner h5 {
  margin-bottom: 5px;
}

.banner.home h1 {
  margin-top: 15px;
}

.banner a {
  color: #fff;
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

.banner a:hover {
  -webkit-transform: translateZ(0) scale(1.03);
  transform: translateZ(0) scale(1.03);
}

.banner p {
  width: 370px;
  margin: 0 auto;
  color: #fff;
  line-height: 1.57143em;
  text-align: center;
}

.banner img[alt="banner-img"] {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -257px;
}

.banner .search-widget {
  bottom: -54px;
}

#subscribe-banner-wrap {
  background: url("../images/subscribe_banner_bg.png") no-repeat center, -webkit-gradient(linear, left top, right top, from(#05e6aa), to(#1cbdf9));
  background: url("../images/subscribe_banner_bg.png") no-repeat center, linear-gradient(to right, #05e6aa, #1cbdf9);
  background-size: cover;
}

#subscribe-banner {
  min-height: 150px;
}

#subscribe-banner .subscribe-content {
  width: 918px;
  margin: 0 auto;
}

#subscribe-banner .subscribe-content .subscribe-header {
  float: left;
  width: 396px;
  margin-top: 36px;
}

#subscribe-banner .subscribe-content .subscribe-header figure {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 17px;
}

#subscribe-banner .subscribe-content .subscribe-header .subscribe-title {
  margin: 20px 0 6px;
  font-size: 1.5em;
  font-weight: 700;
}

#subscribe-banner .subscribe-content .subscribe-header p {
  color: #fff;
  font-size: 0.8125em;
  line-height: 1em;
}

#subscribe-banner .subscribe-content .subscribe-form {
  float: right;
  width: 474px;
  margin-top: 56px;
}

#subscribe-banner .subscribe-content .subscribe-form input[type="text"] {
  float: left;
  width: 334px;
  height: 43px;
  line-height: 43px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#subscribe-banner .subscribe-content .subscribe-form .button {
  float: right;
  width: 140px;
  height: 43px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 0.875em;
  line-height: 43px;
}

.ht-banner-wrap {
  background-color: #f5f5f5;
  overflow: hidden;
}

.ht-banner-wrap .ht-banner:nth-child(odd) {
  float: left;
  clear: both;
  padding-right: 70px;
}

.ht-banner-wrap .ht-banner:nth-child(odd) .ht-banner-content {
  float: right;
}

.ht-banner-wrap .ht-banner:nth-child(even) {
  float: right;
  padding-left: 70px;
}

.ht-banner-wrap .ht-banner:nth-child(even) .ht-banner-content {
  float: left;
}

.ht-banner-wrap .ht-banner:nth-child(3) {
  float: right;
  padding-right: 0;
  padding-left: 70px;
}

.ht-banner-wrap .ht-banner:nth-child(3) .ht-banner-content {
  float: left;
}

.ht-banner-wrap .ht-banner:nth-child(4) {
  float: left;
  padding-left: 0;
  padding-right: 70px;
}

.ht-banner-wrap .ht-banner:nth-child(4) .ht-banner-content {
  float: right;
  text-align: right;
}

.ht-banner {
  width: 50%;
  min-height: 500px;
  padding-top: 140px;
  background-color: #ffffff;
  position: relative;
}

.ht-banner.violet {
  background-color: #7b3dd6;
}

.ht-banner.pink {
  background-color: #f8436e;
}

.ht-banner.blue {
  background-color: #077be6;
}

.ht-banner .ht-banner-img1 {
  width: 385px;
  height: 255px;
  position: absolute;
  top: 128px;
  right: 202px;
}

.ht-banner .ht-banner-img2 {
  width: 410px;
  height: 250px;
  position: absolute;
  top: 112px;
  left: 175px;
}

.ht-banner .ht-banner-img3 {
  width: 394px;
  height: 265px;
  position: absolute;
  top: 98px;
  right: 180px;
}

.ht-banner .ht-banner-content {
  width: 516px;
  overflow: hidden;
}

.ht-banner .ht-banner-content .text-header {
  font-size: 1.75em;
  margin-bottom: 26px;
}

.ht-banner .ht-banner-content .button {
  width: 242px;
  margin-top: 42px;
}

.banner.banner-v2 h5,
.banner.banner-v2 h1 {
  margin-top: 0;
  display: table-cell;
  vertical-align: middle;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  .banner.home {
    max-width: 100%;
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    padding-top: 95px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .banner img[alt="banner-img"] {
    width: 400px;
    height: 118px;
    bottom: 0;
    margin-left: -200px;
  }
  .banner .search-widget {
    width: 100%;
    height: 170px;
    padding: 28px 0 0;
    left: 0;
    margin-left: 0;
    bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .banner .search-widget-form {
    max-width: 1170px;
    width: 95%;
    margin: 0 auto;
  }
  .banner .search-widget-form input {
    float: none;
    width: 100%;
    margin-bottom: 14px;
    border-radius: 50px;
  }
  .banner .search-widget-form .select-block {
    display: none;
  }
  .banner .search-widget-form .button {
    float: none;
    width: 280px;
    margin: 0 auto;
    border-radius: 50px;
    margin-top: 10px;
  }
  .banner.banner-v2 .search-widget-form {
    width: 75%;
  }
  #subscribe-banner {
    min-height: 240px;
    overflow: hidden;
  }
  #subscribe-banner .subscribe-content {
    width: 100%;
  }
  #subscribe-banner .subscribe-content .subscribe-header {
    float: none;
    margin: 36px auto 0;
    overflow: hidden;
  }
  #subscribe-banner .subscribe-content .subscribe-form {
    float: none;
    margin: 30px auto 0;
  }
  .ht-banner-wrap .ht-banner:nth-child(4),
  .ht-banner-wrap .ht-banner:nth-child(odd) {
    float: none;
    padding-right: 0;
  }
  .banner.banner-v2 {
    min-height: 180px;
    /* padding-top: 50px; */
  }
  .ht-banner-wrap .ht-banner:nth-child(4) .ht-banner-content,
  .ht-banner-wrap .ht-banner:nth-child(odd) .ht-banner-content {
    float: none;
  }
  .ht-banner-wrap .ht-banner:nth-child(3),
  .ht-banner-wrap .ht-banner:nth-child(even) {
    float: none;
    padding-left: 0;
  }
  .ht-banner-wrap .ht-banner:nth-child(3) .ht-banner-content,
  .ht-banner-wrap .ht-banner:nth-child(even) .ht-banner-content {
    float: none;
  }
  .ht-banner {
    width: 100%;
    min-height: 400px;
    padding-top: 90px;
  }
  .ht-banner .ht-banner-content {
    margin: 0 auto;
    text-align: center;
  }
  .ht-banner .ht-banner-content .button {
    margin: 42px auto 0;
    float: none !important;
  }
  .ht-banner .ht-banner-img1 {
    right: auto;
    left: 50%;
    margin-left: -192px;
    top: 80px;
  }
  .ht-banner .ht-banner-img2 {
    left: 50%;
    margin-left: -205px;
    top: 80px;
  }
  .ht-banner .ht-banner-img3 {
    right: auto;
    left: 50%;
    margin-left: -197px;
    top: 80px;
  }
  .ht-banner .ht-banner-content {
    text-align: center !important;
  }
}

.category-nav-wrap {
  background-color: #fff;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid transparent;
}

.category-nav {
  height: 80px;
  position: relative;
}

.category-nav.primary .slide-control {
  background-color: #00d7b3;
}

.category-nav.primary .category-tab.active:after {
  background-color: #00d7b3;
}

.category-nav .slide-control-wrap {
  width: 100%;
  top: 15px;
  z-index: 0;
}

.category-nav .category-tabs {
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}

.category-nav .category-tab {
  height: 100%;
  position: relative;
  display: inline-block;
  margin: 0 40px;
}

.category-nav .category-tab.active a,
.category-nav .category-tab a:hover {
  color: #576168;
}

.category-nav .category-tab.active a:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background-color: #00d7b3;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
}

.category-nav .category-tab:after {
  display: none;
}

.category-nav .category-tab a {
  color: #abaeae;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 80px;
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
  transition: color .2s ease;
}

@media screen and (max-width: 800px) {
  .category-nav .category-tab {
    width: 30%;
    margin: 0;
  }
  .banner.banner-v2 {
    /* padding-top: 50px; */
    min-height: 180px;
  }
  .category-nav .category-tabs {
    width: 100%;
    margin: 0;
  }
  .category-nav {
    width: 100%;
  }
}

@media screen and (max-width: 630px) {
  #subscribe-banner {
    min-height: 280px;
  }
  .banner.banner-v2 {
    min-height: 160px;
    /* padding-top: 45px; */
  }
  #subscribe-banner .subscribe-content .subscribe-header {
    width: 100%;
    text-align: center;
  }
  #subscribe-banner .subscribe-content .subscribe-header figure {
    display: none;
  }
  #subscribe-banner .subscribe-content .subscribe-header .subscribe-title {
    font-size: 1.25em;
  }
  #subscribe-banner .subscribe-content .subscribe-form {
    width: 100%;
  }
  #subscribe-banner .subscribe-content .subscribe-form input[type="text"],
  #subscribe-banner .subscribe-content .subscribe-form .button {
    float: none;
    border-radius: 4px;
  }
  #subscribe-banner .subscribe-content .subscribe-form input[type="text"] {
    width: 90%;
    margin: 0 auto 20px;
  }
  #subscribe-banner .subscribe-content .subscribe-form .button {
    margin: 0 auto;
  }
  .ht-banner .ht-banner-content {
    width: 80%;
  }
  .category-nav {
    height: initial;
  }
}

@media screen and (max-width: 460px) {
  .banner.home {
    padding-top: 75px;
    min-height: 350px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .banner p {
    width: 90%;
  }
  .banner .search-widget-form {
    width: 90%;
  }
  .banner .search-widget-form .button {
    width: 100%;
  }
  .banner img[alt="banner-img"] {
    width: 290px;
    height: 85px;
    bottom: 0;
    margin-left: -145px;
  }
  .banner.banner-v2 .search-widget-form {
    width: 90%;
    margin: 44px auto 0;
  }
  .ht-banner {
    padding: 60px 0 90px;
    min-height: initial;
  }
  .ht-banner .ht-banner-content .button {
    width: 80%;
  }
  .ht-banner .text-header {
    line-height: 1.3em;
  }
  .ht-banner.void {
    min-height: 240px;
  }
  .ht-banner .ht-banner-img1,
  .ht-banner .ht-banner-img2,
  .ht-banner .ht-banner-img3 {
    width: 260px;
    margin-left: -130px;
  }
  .ht-banner .ht-banner-img1 {
    top: 42px;
    height: 172px;
  }
  .ht-banner .ht-banner-img2 {
    top: 36px;
    height: 158px;
  }
  .ht-banner .ht-banner-img3 {
    top: 30px;
    height: 174px;
  }
}

#services-wrap {
  background-color: #fff;
}

#services {
  min-height: 500px;
  padding-top: 134px;
}

#services.services-v2 {
  min-height: 435px;
  padding: 60px 0 10px;
}

.service-list .service-item {
  padding: 145px 5px 0;
  cursor: pointer;
  position: relative;
}

.service-list .service-item .circle {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -60px;
}

.service-list .service-item .circle span {
  color: #16ffd8;
  font-size: 50px;
  position: absolute;
  top: 33px;
  left: 35px;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.service-list .service-item .circle span.icon-diamond {
  top: 37px;
}

.service-list .service-item .circle.medium {
  top: -10px;
  margin-left: -70px;
}

.service-list .service-item h3 {
  margin-bottom: 20px;
}

.service-list .service-item p {
  font-size: 0.8125em;
  line-height: 20px;
  text-align: center;
}

.service-list .service-item:hover .circle span {
  color: #fff;
}

.service-list .service-item:hover .circle.dark {
  -webkit-transform: scale(0.92);
  transform: scale(0.92);
}

.service-list .service-item:hover .circle.gradient {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.service-list.small .service-item {
  padding: 6px 10px 0 70px;
  margin-bottom: 70px;
  cursor: auto;
  position: relative;
}

.service-list.small .service-item .outer-ring {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

.service-list.small .service-item .outer-ring .inner-ring {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: #fff;
}

.service-list.small .service-item .outer-ring span {
  color: #2b373a;
  font-size: 20px;
  position: absolute;
  top: 14px;
  left: 15px;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.service-list.small .service-item .outer-ring span.icon-diamond {
  top: 17px;
}

.service-list.small .service-item h3 {
  font-size: 1.375em;
  text-align: left;
}

.service-list.small .service-item p {
  text-align: left;
}

.circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.circle.dark {
  background-color: #2b373a;
}

.circle.gradient {
  background: -webkit-gradient(linear, left top, right top, from(#10fac0), to(#1cbdf9));
  background: linear-gradient(to right, #10fac0, #1cbdf9);
  -webkit-transform: scale(0);
  transform: scale(0);
  border: none;
}

.circle.white-cover {
  background-color: #fff;
}

.circle.primary {
  background-color: #00d7b3;
}

.circle.primary:hover {
  background-color: #0ae7c2;
}

.circle.secondary {
  background-color: #1cbdf9;
}

.circle.secondary:hover {
  background-color: #37c9ff;
}

.circle.medium {
  width: 140px;
  height: 140px;
}

.circle.tiny {
  width: 40px;
  height: 40px;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  #services {
    padding-top: 60px;
  }
}

.promo-banner {
  width: 50%;
  min-height: 360px;
  padding-top: 140px;
  background-size: cover;
  position: relative;
}

.promo-banner.secondary {
  background: #1cbdf9 url("../images/promo2_texture.png");
}

.promo-banner.dark {
  background: #242e30 url("../images/promo1_texture.png");
}

.promo-banner.left {
  float: left;
}

.promo-banner.right {
  float: right;
}

.promo-banner h5 {
  margin-bottom: 5px;
}

.promo-banner h1 {
  margin-bottom: 35px;
}

.promo-banner .button {
  margin: 0 auto;
}

.promo-banner .icon-wallet,
.promo-banner .icon-tag {
  font-size: 58px;
  position: absolute;
  left: 50%;
  margin-left: -29px;
}

.promo-banner .icon-wallet {
  color: #16ffd8;
  top: 53px;
}

.promo-banner .icon-tag {
  color: #fff;
  top: 57px;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 930px) {
  .promo-banner {
    width: 100%;
  }
}

#product-sideshow-wrap {
  background-color: #f6f7f9;
}

#product-sideshow {
  padding: 30px 0 50px;
}

#product-sideshow .product-list:last-child {
  /* margin-bottom: 35px; */
}

#product-sideshow > .button:last-child {
  margin: 34px auto 60px;
}

.product-showcase {
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

.product-showcase.tabbed {
  overflow: hidden;
}

.product-showcase.hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.product-showcase.visible {
  visibility: visible;
  opacity: 1;
}

.product-list .product-item {
  /* border: 1px solid #ebebeb; */
  background-color: #fff;
  position: relative;
  border-radius: 8px;
  margin-top: 20px;
}

.product-list .product-item.upload-new {
  height: 307px;
  cursor: pointer;
  border: 1px dashed #d0d0d0;
  background-color: #f5f5f5;
}

.product-list .product-item.upload-new .product-info {
  padding-top: 10px;
  text-align: center;
}

.product-list .product-item.upload-new .product-info .text-header {
  font-size: 1.125em;
  margin-bottom: 18px;
}

.product-list .product-item.upload-new .product-info .description {
  font-size: 0.75em;
}

.product-list .product-item .pin {
  position: absolute;
  z-index: 9990;
}

.product-list .product-item .product-preview-image {
  position: absolute;
}

.product-list .product-item .product-info {
  overflow: hidden;
  margin-bottom: 8px;
}

.product-list .product-item .text-header,
.text-title-box {
  display: inline-block;
  margin-bottom: 4px;
}

.product-list .product-item .product-description {
  font-size: 0.75em;
  line-height: 18px;
  margin-bottom: 10px;
  color: #2b373a;
}

.product-list .product-item .category {
  display: inline-block;
}

.product-list.v4 .product-item .user-rating {
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 24px;
  padding: 0 25px;
}
.product-list.v4 .product-item .user-rating.last{
  margin-bottom: 5px
}
.product-list.v4 .product-item .user-rating.last .price{
  top: 5px
}
.product-list .product-item .user-rating .user-avatar {
  float: left;
  margin-right: 4px;
}

.product-list .product-item .user-rating .text-header {
  margin-left: 5px;
  position: relative;
  top: -8px;
  text-transform: capitalize;
}

.product-list .product-item .user-rating .text-header.mini{
  
}

.product-list .product-item .circle {
  position: relative;
}

.product-list .product-item .circle span {
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 12px;
}

.product-list .product-item .circle span.icon-tag {
  left: 9px;
}

.product-list .product-item .circle span.icon-heart {
  font-size: 17px;
  left: 11px;
}

.product-list.list {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.product-list.list.full {
  width: 1170px;
}
.product-list.list.full.mine{
  width: 100%;
}
.product-list.list.full.finalizados.accordion{
  width: 1000px;
}
.product-showcase.finalizados .slide-control-wrap {
  display: none;
}

.product-list.list .product-item {
  height: 94px;
  padding: 10px 0 0 93px;
  margin-bottom: 14px;
  width: 1170px;
}

.product-list.list .product-item .pin {
  top: 16px;
  left: -6px;
}

.product-list.list .product-item .product-preview-image {
  top: 12px;
  left: 12px;
}

.product-list.list .product-item .product-info,
.product-list.list .product-item .author-data,
.product-list.list .product-item .item-metadata,
.product-list.list .product-item .leilao-prices,
.product-list.list .product-item .item-actions,
.product-list.list .product-item .price-info {
  float: left;
  height: 70px;
  border-right: 1px solid #f3f3f3;
}

.product-list.list .product-item .product-info {
  float: left;
  width: 493px;
  padding-right: 32px;
}

.product-list.list .product-item .product-info > a {
  display: block;
  width: 100%;
}


.product-list.list .product-item .product-info .text-header {
  margin-top: 8px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  height: 17px;
  margin-bottom: 0;
}

.product-list.list .product-info.historico-leilao .text-header.leilao-nome{margin-top: 0;}
.product-list.list .product-info.historico-leilao .product-description{
  margin-top: 16px;
}
.product-list.list .product-item .product-info .product-description {
  margin-bottom: 0;
}

.product-list.list .product-info.historico-leilao .remover-lancee{
  font-size: 13px;
  font-weight: 600;
}

.product-list.list .product-info.historico-leilao .remover-lancee .remover-lance-icon{
  font-size: 11px;
  margin-right: 5px;
}
.product-list.list .product-item .author-data {
  padding-top: 7px;
  width: 215px;
  text-align: center;
}
.product-list.list.mine .product-item .author-data{
  width: 180px;
  border-right: 0;
  border-left: 1px solid #f3f3f3;
}
.product-list.list.mine .product-item .author-data.mini{
  width: 140px;
}
.product-list.list .product-item .author-data .user-rating {
  margin-top: 15px;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.product-list .product-item .user-rating .user-avatar,
.product-list.list .user-rating p {
  text-align: center;
  display: inline-block;
  float: none;
}

.product-list.list .product-item .author-data .metadata {
  width: 165px;
  margin-left: 3px;
}

.product-list.list .product-item .item-metadata {
  width: 300px;
  padding: 6px 0 0 24px;
}

.product-list.list .product-item .item-metadata .text-header {
  margin-bottom: 0;
}

.product-list.list .product-item .item-metadata .text-header span {
  color: #888;
  font-weight: 600;
}

.product-list.list .product-item .item-metadata .text-header span a {
  color: #06b99b;
}

.product-list.list .product-item .leilao-prices {
  width: 180px;
  padding: 15px;
  text-align: center;
}
.product-list.list .product-item .leilao-prices.triple{
  width: 135px;
}

.product-list.list .leilao-prices .price.tiny, .color-orange {
  color: #ff8822;
}
.color-orange {
  color: #ff8822 !important;
}
.product-list.list .leilao-prices:last-child .price.tiny, .color-blue {
  color: #02aeef;
}
.color-blue {
  color: #02aeef !important;
}
.product-list.list .product-item .leilao-prices:last-child {
  border-right: 0;
}

.leilao-prices .price.tiny span {
  font-size: 0.76em;
}

.product-list.list .product-item .author-data-reputation .text-header {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.product-list.list .product-item .author-data-reputation .rating {
  width: 75px;
  margin: 0 auto;
}

.product-list.list .product-item .item-actions {
  padding: 15px 18px 0;
}

.product-list.list .product-item .item-actions .circle {
  background-color: #e7e7e7;
}

.product-list.list .product-item .item-actions .circle:hover {
  background-color: #1cbdf9;
}

.product-list.list .product-item .price-info {
  width: 84px;
  border-right: none;
  padding-top: 22px;
}

.product-list.list .product-item .price-info .price {
  text-align: center;
}

.product-list.grid .product-item {
  padding: 215px 14px 14px;
  margin-bottom: 26px;
  border-radius: 10px;
}

.product-list.grid .product-item .pin {
  top: 146px;
  left: -7px;
}

.product-list.grid .product-item .product-preview-actions {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 258px;
  height: 200px;
}

.product-list.grid .product-item .product-preview-actions:hover .preview-actions {
  opacity: 1;
  visibility: visible;
}

.product-list.grid .product-item .product-preview-actions:hover .preview-action .circle {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.product-list.grid .product-item .product-preview-actions:hover .preview-action p {
  opacity: 1;
}

.product-list.grid .product-item .preview-actions {
  width: 100%;
  height: 100%;
  background-color: rgba(25, 31, 32, 0.85);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.product-list.grid .product-item .preview-actions .preview-action {
  padding-top: 50px;
  position: absolute;
  top: 44px;
  left: 47px;
}

.product-list.grid .product-item .preview-actions .preview-action:nth-child(2) {
  left: 143px;
}

.product-list.grid .product-item .preview-actions .preview-action:nth-child(2) .circle {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.product-list.grid .product-item .preview-actions .preview-action:nth-child(2) p {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.product-list.grid .product-item .preview-actions .preview-action .circle {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transition: -webkit-transform .2s ease-in;
  transition: -webkit-transform .2s ease-in;
  transition: transform .2s ease-in;
  transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}

.product-list.grid .product-item .preview-actions .preview-action p {
  color: #fff;
  font-size: 0.8125em;
  line-height: 1em;
  text-align: center;
  opacity: 0;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.product-list.grid .product-item .price {
  float: right;
}

.product-list.grid .product-item .line-separator {
  margin-bottom: 12px;
}

.product-list.grid .product-item .user-rating .rating {
  float: right;
  margin-top: 3px;
}

.product-list.grid.v2 .product-item {
  padding-top: 168px;
  padding-bottom: 14px;
}

.product-list.grid.v2 .product-item .text-header {
  display: block;
  text-align: center;
}

.product-list.grid.v2 .product-item .product-info .text-header {
  margin-bottom: 10px;
}

.product-list.grid.v2 .product-item .product-info .line-separator {
  margin-bottom: 8px;
}

.product-list.grid.v2 .product-item .product-info .category {
  display: block;
  text-align: center;
}

.product-list.grid.v2 .product-item .product-info .price {
  position: absolute;
  top: 240px;
  right: 16px;
}

.product-list.grid.v2 .product-item .line-separator {
  margin-bottom: 14px;
}

.product-list.grid.v3 .product-item {
  padding-top: 168px;
  padding-bottom: 14px;
}

.product-list.grid.v3 .product-item .product-info .category {
  position: absolute;
  bottom: 14px;
  left: 43px;
}

.product-list.grid.v3 .product-item .product-info .price {
  position: absolute;
  top: 214px;
  right: 16px;
}

.product-list.grid.v3 .product-item .user-rating .text-header {
  margin-top: 0;
}

.product-list.grid.v3 .product-item .line-separator {
  margin-bottom: 14px;
}

.product-list.grid.v4 .product-item {
  padding-top: 330px;
  border-radius: 10px;
}

.product-list.grid.v4 .product-item .pin {
  top: 204px;
}

.product-list.grid.v4 .product-item .product-preview-actions {
  width: 358px;
  height: 320px;
}

.product-list.grid.v4 .product-item .preview-actions .preview-action {
  top: 74px;
  left: 80px;
}

.product-list.grid.v4 .product-item .preview-actions .preview-action:nth-child(2) {
  left: 210px;
}

.product-list.grid.v4 .product-item .product-info {
  /* padding: 5px 5px; */
  height: 65px;
  display: table;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.scroll-text{
  min-height: 90px;
  max-height: 90px;
  overflow-y: auto;
  margin-bottom: 20px;
  padding: 15px;
}
.scroll-text.historico-lances-roll{
    min-height: 232px;
  max-height: 232px;
  padding: 0;
  margin-bottom: 0;
  margin-right: 5px;
}
.scroll-text p{
  color: #2f3437;
}
.product-list.grid.v4 .product-item .product-info .text-header {
  float: left;
  font-size: 1.125em;
  margin-bottom: 6px;
  text-align: center;
  width: 100%;
  line-height: 1.3em;
  overflow: hidden;
  max-height: 50px;
}

.product-list.grid.v4 .product-item .product-info > a, .product-list.grid.v5 .product-item .product-info > a, div.box {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  height: 36px;
  overflow: hidden;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  word-break: break-all;
}

.product-list.grid.v4 .product-item .product-info .category {
  float: left;
  clear: left;
}

.product-list.grid.v4 .product-item .product-info .price {
  position: absolute;
  top: 230px;
  right: 12px;
}

.section-wrap {
  background-color: #f6f7f9;
}

.section {
  padding: 50px 0 70px;
  overflow: hidden;
}
.section.no-padding-top{
  padding-top: 30px;
}
.section.acc {
  padding: 30px 0 70px;
  overflow: hidden;
}
.section.overflowable {
  overflow: visible;
}

.section .sidebar {
  float: left;
  margin-top: 50px;
}

.section .sidebar.author-profile {
  position: relative;
  top: -242px;
}

.section .content {
  float: right;
  width: 870px;
}

.section .content.full {
  width: 100%;
  float: none;
}

.section .content.full .pager {
  float: none;
  margin-right: auto;
  margin-left: auto;
}

.section .content.left {
  float: left;
}

.section .content .pager {
  float: right;
  margin-top: 34px;
}

.section .pager {
  width: 174px;
  margin: 34px auto 0;
}

.section > .product-showcase {
  /* margin-bottom: 34px; */
}

.section > .product-showcase:last-child {
  margin-bottom: 0;
}

.sidebar {
  width: 270px;
}

.sidebar.right {
  float: right;
}

.sidebar > * {
  margin-bottom: 26px;
}

.sidebar > *:last-child {
  margin-bottom: 0;
}

.sidebar .dropdown {
  width: 100%;
  position: static;
  /* overflow: hidden; */
  border-radius: 8px;
  padding-bottom: 20px;
}

.sidebar .dropdown .dropdown-item:hover {
  background-color: #fff;
}

.sidebar-item {
  padding: 20px 13px 32px;
  background-color: #fff;
  border: 1px solid #ebebeb;
}

.sidebar-item input,
.sidebar-item .select-block {
  margin-bottom: 14px;
}

.sidebar-item .search-form input {
  margin-bottom: 0;
}

.sidebar-item.void {
  padding: 0;
  background-color: transparent;
  border: none;
}

.sidebar-item.newsletter p {
  font-size: 0.8125em;
  line-height: 20px;
}

.sidebar-item.newsletter p {
  margin-bottom: 14px;
}

.sidebar-item.author-badges {
  padding-bottom: 14px;
}

.sidebar-item .badge-list {
  margin: 20px 0 25px;
}

.sidebar-item.buttons {
  padding-top: 16px;
}

.sidebar-item.buttons .button {
  margin-bottom: 14px;
}

.sidebar-item.buttons .button:last-child {
  margin-bottom: 0;
}

.sidebar-item.buttons #bid-form {
  margin-bottom: 14px;
  overflow: hidden;
}

.sidebar-item.buttons #bid-form input {
  float: left;
  width: 136px;
}

.sidebar-item.buttons #bid-form button {
  float: right;
  width: 120px;
  height: 40px;
  line-height: 40px;
}

.sidebar-item.author-bio .user-avatar-wrap {
  margin-bottom: 10px;
}

.sidebar-item.author-bio .text-header,
.sidebar-item.author-bio .text-oneline {
  text-align: center;
  margin-bottom: 10px;
}

.sidebar-item.author-bio.v2 .share-links {
  width: 156px;
}

.sidebar-item.author-bio .share-links {
  width: 114px;
  margin: 16px auto 30px;
}

.sidebar-item.author-bio .share-links.short {
  width: 72px;
}

.sidebar-item.author-bio.short .user-avatar-wrap {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}

.sidebar-item.author-bio.short .text-header,
.sidebar-item.author-bio.short .text-oneline {
  text-align: left;
}

.sidebar-item.author-bio.short .text-header {
  position: relative;
  top: 5px;
  margin-bottom: 14px;
}

.sidebar-item.author-bio.short .share-links {
  float: left;
  margin-top: 10px;
  margin-bottom: 20px;
}

.sidebar-item.author-bio.short.author-badges-v1 .text-oneline {
  margin-bottom: 28px;
}

.sidebar-item.author-bio.short.author-badges-v1 .share-links {
  margin-bottom: 30px;
}

.sidebar-item.author-bio.author-badges-v2 .share-links {
  margin-bottom: 22px;
}

.sidebar-item.author-bio.author-badges-v2 .badge-list .badge-list-item:last-child {
  margin-bottom: 30px;
}

.sidebar-item.product-info .line-separator {
  margin-bottom: 5px;
}

.sidebar-item.author-items {
  padding: 20px 0 0;
}

.sidebar-item.author-items h4 {
  margin-left: 13px;
  margin-bottom: 16px;
}

.sidebar-item.author-items .column4-wrap .column {
  width: 100%;
}

.sidebar-item.author-items .product-item {
  border: none;
  border-top: 1px solid #ebebeb;
  margin-bottom: 0;
}

.sidebar-item.author-items-v2 .item-preview {
  margin-bottom: 22px;
}

.sidebar-item.author-items-v2 .item-preview:last-child {
  margin-bottom: 0;
}

.sidebar-item.author-reputation .percent {
  font-size: 2.25em;
}

.sidebar-item.author-reputation .percent span {
  font-size: 0.66667em;
}

.sidebar-item.author-reputation .percent-info {
  font-size: 0.8125em;
}

.sidebar-item.author-reputation .rating {
  width: 75px;
}

.sidebar-item.author-reputation.full .pie-chart {
  width: 176px;
  height: 176px;
  margin: 0 auto 20px;
  padding-top: 54px;
}

.sidebar-item.author-reputation.full .text-header {
  text-align: center;
}

.sidebar-item.author-reputation.full .percent-info {
  margin-bottom: 4px;
}

.sidebar-item.author-reputation.full .rating {
  margin: 0 auto;
}

.sidebar-item.author-reputation.short h4 {
  font-size: 1.375em;
}

.sidebar-item.author-reputation.short .pie-chart {
  float: left;
  width: 44px;
  height: 44px;
  margin-right: 14px;
  margin-bottom: 22px;
  position: relative;
}

.sidebar-item.author-reputation.short .pie-chart .icon-like,
.sidebar-item.author-reputation.short .pie-chart .icon-dislike,
.sidebar-item.author-reputation.short .pie-chart .icon-star {
  position: absolute;
  left: 50%;
  margin-left: -8px;
}

.sidebar-item.author-reputation.short .pie-chart .icon-like {
  top: 14px;
  color: #00d7b3;
}

.sidebar-item.author-reputation.short .pie-chart .icon-dislike {
  top: 15px;
  color: #f92552;
}

.sidebar-item.author-reputation.short .pie-chart .icon-star {
  top: 13px;
  color: #ffc000;
}

.sidebar-item.author-reputation.short .percent,
.sidebar-item.author-reputation.short .percent-meta {
  float: left;
}

.sidebar-item.author-reputation.short .percent {
  margin-right: 8px;
  line-height: 40px;
}

.sidebar-item.author-reputation.short .percent-meta {
  margin-top: 8px;
}

.sidebar-item.author-reputation.short .percent-meta .rating {
  margin-left: 1px;
}

.sidebar-item h4, .sidebar .dropdown h4 {
  margin-bottom: 22px;
}
.sidebar .dropdown h4{
  padding: 30px 20px 0px;
}

.sidebar-item .line-separator, .sidebar .line-separator {
  margin-bottom: 22px;
}

.sidebar-item .line-separator.spaced {
  margin-bottom: 30px;
}

.sidebar-item .linked-check {
  padding-left: 4px;
}

.sidebar-item .linked-check[for="extended-license"] {
  margin-bottom: 22px;
}

.sidebar-item .license-text {
  color: #b2b2b2;
  font-size: 0.8125em;
  line-height: 20px;
  padding-left: 34px;
  margin-bottom: 14px;
  display: none;
}

.sidebar-item .license-text[data-license="extended-license"] {
  margin-bottom: 22px;
  margin-top: -10px;
}

.sidebar-item label:last-child {
  margin-bottom: 0;
}

.sidebar-item .button {
  width: 100%;
}

.sidebar-item .button.spaced {
  margin-bottom: 14px;
}

.sidebar-item .button.half {
  width: 114px;
}

.sidebar-item .button.third {
  width: 74px;
}

.sidebar-item .button.wicon {
  padding-left: 28px;
  text-align: left;
}

.sidebar-item .button.wicon .icon-heart {
  font-size: 18px;
  margin-right: 8px;
  position: relative;
  top: 3px;
}

.sidebar-item #aux_form {
  margin-bottom: 26px;
}

.sidebar-item .price.large {
  margin-bottom: 8px;
  text-align: center;
}

.sidebar-item.range-feature .button {
  margin-top: 50px;
}

.view-selectors {
  overflow: hidden;
}

.view-selector {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 6px;
  border-radius: 2px;
  background-color: #d1d1d1;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

.view-selector:last-child {
  margin-right: 0;
}

.view-selector.active {
  background-color: #535d5f;
}

.view-selector.grid {
  background-image: url("../images/grid-selector-icon.png");
}

.view-selector.list {
  background-image: url("../images/list-selector-icon.png");
}

.pager {
  overflow: hidden;
}

.pager .pager-item {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 6px;
  border-radius: 2px;
  background-color: #535d5f;
  cursor: pointer;
}

.pager .pager-item:hover {
  background-color: #647072;
}

.pager .pager-item p {
  color: #fff;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
}

.pager .pager-item:last-child {
  margin-right: 0;
}

.pager.primary .pager-item.active {
  background-color: #00d7b3;
}

.pager.secondary .pager-item.active {
  background-color: #1396e1;
}

.pager.tertiary .pager-item.active {
  background-color: #e61852;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

.product-list.grid.max-2 .product-item:nth-child(odd), .product-list.grid.max-2 .product-item:first-child {
    margin-left: 46px;
}

@media screen and (max-width: 1260px) {
  .section .content,
  .section .sidebar {
    float: right;
    width: 100%;
  }
  .section .content.left,
  .section .content.right,
  .section .sidebar.left,
  .section .sidebar.right {
    float: none;
  }
  .section .sidebar {
    margin-bottom: 40px;
  }
  .section .sidebar .sidebar-item.author-items .column4-wrap .column {
    width: 270px;
  }
  .section .sidebar .sidebar-item.author-items .product-item {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
  }
  .section .sidebar .sidebar-item.buttons {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
  .section .content .pager {
    float: none;
    margin: 34px auto 60px;
  }
  .register-box .headline.purchases .search-form {
    width: 250px;
  }
  .register-box .headline.statement {
    height: 220px;
    text-align: center;
  }
  .register-box .headline.statement:before {
    height: 220px;
  }
  .register-box .headline.statement h4 {
    float: none;
    text-align: center;
  }
  .register-box .headline.statement form,
  .register-box .headline.statement .button {
    float: none;
  }
  .register-box .headline.statement form {
    display: inline-block;
  }
  .register-box .headline.statement form label:last-child {
    margin-right: 0;
  }
  .register-box .headline.statement .button {
    margin: 17px auto 0;
  }
  .register-box .headline.statement .button:nth-child(2) {
    margin-top: 0;
  }
  .product-list.grid.max-2 .product-item:nth-child(odd), .product-list.grid.max-2 .product-item:first-child{
    margin-left: 0;
  }
}

@media screen and (max-width: 935px) {
  .section .content .headline,
  .register-box .headline {
    height: auto;
    padding: 0;
  }
  .section .content .headline:before,
  .register-box .headline:before {
    height: 100%;
  }
  .section .content .headline.filter,
  .register-box .headline.filter {
    height: 130px;
  }
  .section .content .headline.filter:before,
  .register-box .headline.filter:before {
    height: 130px;
  }
  .section .content .headline.filter form,
  .register-box .headline.filter form {
    width: 200px;
    margin-top: 0;
  }
  .section .content .headline.purchases form,
  .register-box .headline.purchases form {
    margin-top: 0;
  }
  .section .content .headline.purchases .select-block:nth-child(2),
  .register-box .headline.purchases .select-block:nth-child(2) {
    margin-right: 0;
  }
  .section .content .headline.purchases .search-form,
  .register-box .headline.purchases .search-form {
    margin-left: 60px;
  }
  .section .content .headline.statement,
  .register-box .headline.statement {
    height: 260px;
  }
  .section .content .headline.statement:before,
  .register-box .headline.statement:before {
    height: 260px;
  }
  .section .content .headline.statement form .datepicker-wrap:first-child,
  .register-box .headline.statement form .datepicker-wrap:first-child {
    margin-left: 42px;
  }
  .section .content .headline.statement form .select-block,
  .register-box .headline.statement form .select-block {
    float: none;
    margin-top: 12px;
  }
  .section .content .headline h4,
  .register-box .headline h4 {
    float: none;
    text-align: center;
  }
  .section .content .headline form,
  .register-box .headline form {
    float: none;
    width: 410px;
    margin: 20px auto 0;
  }
  .section .content .headline .select-block:last-child,
  .register-box .headline .select-block:last-child {
    margin-right: 0;
  }
  .section .content .headline .view-selectors,
  .register-box .headline .view-selectors {
    float: none;
    width: 66px;
    margin: 0 auto;
  }
  .section .content .headline.simple,
  .register-box .headline.simple {
    height: 66px;
  }
  .section .content .headline.simple:before,
  .register-box .headline.simple:before {
    height: 66px;
  }
  .section .content .headline.buttons,
  .register-box .headline.buttons {
    height: 70px;
  }
  .section .content .headline.buttons.two,
  .register-box .headline.buttons.two {
    height: 175px;
  }
  .section .content .headline.buttons.two:before,
  .register-box .headline.buttons.two:before {
    height: 175px;
  }
  .section .content .headline.buttons.two .button + .button,
  .register-box .headline.buttons.two .button + .button {
    margin-top: 14px;
  }
  .section .content .headline.buttons:before,
  .register-box .headline.buttons:before {
    height: 70px;
  }
  .section .content .headline.buttons .button,
  .register-box .headline.buttons .button {
    float: none;
    margin: 0 auto;
  }
}

@media screen and (max-width: 630px) {
  .section .content .headline,
  .register-box .headline {
    height: auto;
  }
  .section .content .headline:before,
  .register-box .headline:before {
    height: 100%;
  }
  .section .content .headline form,
  .register-box .headline form {
    width: 200px;
  }
  .section .content .headline .select-block,
  .register-box .headline .select-block {
    float: none;
    margin-right: 0;
  }
  .section .content .headline.purchases .search-form,
  .register-box .headline.purchases .search-form {
    width: 198px;
    margin-left: 0;
    margin-right: 0;
  }
  .section .content .headline.statement,
  .register-box .headline.statement {
    height: 340px;
  }
  .section .content .headline.statement:before,
  .register-box .headline.statement:before {
    height: 340px;
  }
  .section .content .headline.statement form,
  .register-box .headline.statement form {
    width: 220px;
  }
  .section .content .headline.statement form label:nth-child(2),
  .register-box .headline.statement form label:nth-child(2) {
    float: none;
    clear: both;
    margin: 12px 0;
    line-height: 1em;
  }
  .section .content .headline.statement form .datepicker-wrap,
  .register-box .headline.statement form .datepicker-wrap {
    margin-left: 36px;
  }
  .section .content .headline.statement form .datepicker-wrap:first-child,
  .register-box .headline.statement form .datepicker-wrap:first-child {
    margin: 0 0 12px 36px;
  }
}


/*-----------------------
    BLOG POST PREVIEW
-----------------------*/

.blog-post-preview {
  overflow: hidden;
}

.blog-post-preview .blog-post-preview-item {
  border: 1px solid #ebebeb;
  background-color: #fff;
  margin-bottom: 26px;
}

.blog-post-preview .blog-post-preview-item .blog-post-preview-item-info {
  overflow: hidden;
}

.blog-post-preview .blog-post-preview-item .text-header {
  margin-bottom: 12px;
}

.blog-post-preview.v1 .blog-post-preview-item {
  padding: 5px 5px 20px;
}

.blog-post-preview.v1 .blog-post-preview-item .blog-post-preview-item-info {
  padding: 16px 8px 0;
}

.blog-post-preview.v1 .blog-post-preview-item .text-header {
  line-height: 28px;
  margin: 6px 0 24px;
}

.blog-post-preview.v1 .blog-post-preview-item .meta-line {
  margin-bottom: 14px;
}

.blog-post-preview.v1 .blog-post-preview-item .meta-line p {
  line-height: 27px;
}

.blog-post-preview.v1 .blog-post-preview-item .description-preview {
  font-size: 0.8125em;
  line-height: 20px;
  margin: 18px 0 24px;
}

.blog-post-preview.v1 .blog-post-preview-item .metadata {
  float: left;
}

.blog-post-preview.v1 .blog-post-preview-item .more-button {
  float: right;
  margin-top: 5px;
}

.blog-post-preview.v1 .blog-post-preview-item .more-button.primary {
  color: #06b99b;
  font-size: 0.75em;
  font-weight: 700;
}

.blog-post-preview.v2 .blog-post-preview-item {
  padding: 15px 15px 36px;
}

.blog-post-preview.v2 .blog-post-preview-item .blog-post-preview-item-info {
  padding: 20px 16px 0;
}

.blog-post-preview.v2 .blog-post-preview-item .text-header {
  line-height: 40px;
  margin-bottom: 16px;
}

.blog-post-preview.v2 .blog-post-preview-item .meta-line {
  margin-bottom: 26px;
}

.blog-post-preview.v2 .blog-post-preview-item .description-preview {
  margin-bottom: 28px;
}


/*--------------
    META LINE
--------------*/

.meta-line {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}

.meta-line p {
  font-size: 0.75em;
  line-height: 39px;
}

.meta-line .metadata {
  float: left;
  margin-left: 24px;
}

.meta-line > *:first-child {
  float: left;
}

.meta-line > *:last-child {
  float: right;
}


/*--------------
    TAG LIST
--------------*/

.tag-list {
  overflow: hidden;
}

.tag-list .tag-list-item {
  display: block;
  float: left;
  margin: 0 6px 6px 0;
  padding: 6px 10px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  color: #888;
  font-size: 0.75em;
  font-weight: 600;
  background-color: #fff;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}

.tag-list .tag-list-item:last-child {
  margin-right: 0;
}

.tag-list.primary .tag-list-item:hover {
  color: #fff;
  background-color: #00d7b3;
  border-color: #00d7b3;
}


/*--------------
    METADATA
--------------*/

.metadata {
  overflow: hidden;
}

.metadata .meta-item {
  float: left;
  margin-right: 20px;
}

.metadata .meta-item:last-child {
  margin-right: 0;
}

.metadata .meta-item span {
  color: #b2b2b2;
  position: relative;
  top: 3px;
}

.metadata .meta-item p {
  display: inline-block;
  margin-left: 5px;
  color: #b2b2b2;
  font-size: 0.6875em;
}


/*-----------
    POST
-----------*/

.post {
  padding: 15px 15px 25px;
  background-color: #fff;
  margin-bottom: 26px;
  border-radius: 8px;
}

.post.images{
  background: none;
  margin: 0;
  padding: 0;
  width: 400px;
  float: left;
}
.historico-lances, .dar-lance{
  width: 350px;
  /* height: 510px; */
  background: white;
  /* display: inline-block; */
  margin-left: 30px;
  border-radius: 6px;
  float: left;
  overflow: hidden;
  padding-bottom: 32px;
}
p.lance-atual{
  text-align: center;
  margin-bottom: 15px;
}
.user-ultimo-lance{
  text-align: center;
  padding: 25px 0 5px;
  /* border-bottom: 1px solid #f6f7f9; */
  /* border-top: 1px solid #f6f7f9; */
}
.lances-automaticos-abrir{
  text-align: center;
  border-bottom: 1px solid #f6f7f9;
}
.lances-automaticos-voltar-box{
  text-align: center;
  margin-top: 20px;
}
.lances-automaticos-ativar,
.lances-automaticos-voltar{
  width: auto;
  display: inline-block;
  padding: 0 25px;
  margin: 20px 0 37px;
  position: relative;
  /* top: 5px; */
}
.no-margin-bottom{
  margin-bottom: 0;
}
.lances-automaticos-voltar{
  margin: 20px 0 10px;
}
.dar-lance p.obs{
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #4d5354;
  margin: 40px 0 20px;
}
.historico-lances h4, .dar-lance h4{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 25px 0px;
  border-top: 5px solid #1396e1;
  border-bottom: 1px solid #f6f7f9;
  margin-bottom: 25px;
}
.dar-lance h4{
    border-top: 5px solid #4d5354;
}
.historico-lances-header{
  margin-bottom: 20px;
  margin-top: 8px;
}
.historico-lances-header, .historico-item{
  width: 100%;
  display: inline-block;
  padding: 6px 0;
}
.historico-item.semi{
  padding: 6px 20px;
  padding-right: 0px;
  font-size: 14px;
}
.historico-lances-header.semi{
  padding: 4px 20px;
}
.historico-item .texto{
  font-size: 14px;
}


.historico-lances-header-usuario, .historico-item-usuario{float: left;width: 50%;padding-left: 50px;}
.historico-lances-header-lance, .historico-item-lance{float: left;width: 50%;text-align: center;}
.historico-lances-header-hora, .historico-item-hora{
  float: left;
  width: 30%;
  text-align: center;
  padding-right: 0;
}
.historico-lances-header-apartir .text-header.small, 
.historico-lances-header-ate .text-header.small, 
.historico-lances-header-qtlances .text-header.small{padding: 0 20px;font-size: 14px;line-height: 14px;}

.historico-lances-header-apartir, .historico-item-apartir{
  float: left;
  text-align: center;
  width: 33%;
}
.historico-item-apartir{
  margin-left: 2px
}
.historico-lances-header-ate, .historico-item-ate{
  float: left;
  text-align: center;
  width: 33%;

}
.historico-item-ate p, .historico-item-apartir p{
   font-weight: 600; 
}
.historico-lances-header-qtlances, .historico-item-qtlances{
  float: left; 
  text-align: center;
  width: 33%;
}
.historico-item-apartir input,
.historico-item-ate input,
.historico-item-qtlances input{height: 40px;display: inline-block;width: 90%;text-align: center;}

.historico-item-usuario p{
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.historico-item-qtlances.half p{display: inline-block;/* margin-left: 15px; */width: 50%;}
.historico-item-qtlances.half a{
  display: inline-block;
  /* margin-left: 15px; */
}
.text-header.empty-state{
  text-align: center;
    font-size: 14px;
    margin-top: 30px;
}
.remover-lance-icon{
  font-weight: bold;
  position: relative;
  font-size: 14px;
}
.post .post-image {
  width: 400px;
  height: 400px;
  /* border: 1px solid #ebebeb; */
  margin: 0;
  position: relative;
  padding: 0;
  /* float: left; */
  background: white;
  padding: 5px;
  border-radius: 6px;
}

.post .post-image:hover .image-overlay {
  opacity: 1;
  visibility: visible;
}

.post .post-image:hover .image-overlay .clickable-icon {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.post .post-image .slide-control-wrap {
  width: 806px;
  position: absolute;
  top: 226px;
  left: 16px;
  z-index: 9000;
}

.post .post-image .button {
  position: absolute;
  top: 28px;
  right: 20px;
}

.post .post-image-slides {
  margin: 30px 0 0;
  position: relative;
  width: 400px;
}

.post .post-image-slides .slide-control-wrap {
  width: 100%;
  top: 26px;
  left: 0;
}

.post .post-image-slides .image-slides-wrap {
  width: 610px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.post .post-image-slides .image-slides-wrap.full {
  width: 400px;
}

.post .post-image-slides .image-slides {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.post .post-image-slides .image-slides .image-slide {
  width: 80px;
  height: 80px;
  /* border: 0; */
  cursor: pointer;
  position: absolute;
  top: 0;
  border-radius: 6px;
  overflow: hidden;
  /* border: 5px solid white; */
}

.post .post-image-slides .image-slides .image-slide .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f6f7f9;
  opacity: 0.6;
  visibility: visible;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  /* border-radius: 8px; */
}

.post .post-image-slides .image-slides .image-slide.selected .overlay {
  opacity: 1;
  visibility: visible;
  background: none;
}

.post .post-content {
  padding: 30px 15px 50px;
  overflow: hidden;
}

.post .post-content.with-title {
  padding-top: 26px;
}

.post .post-content > *:first-child {
  margin-top: 0;
}

.post .post-content .video {
  width: 100%;
  height: 346px;
  margin-top: 32px;
}

.post .post-content .post-banner {
  width: 806px;
  height: 127px;
  margin-top: 50px;
}

.post .post-content .meta-line {
  margin: 20px 0 28px;
}

.post .post-content .meta-line + .post-paragraph {
  margin-top: 0;
}

.post .post-paragraph {
  margin-top: 48px;
}
.post .post-paragraph *{
  color: #4d5354;
  font-family: "Titillium Web", sans-serif !important;
  font-size: 16px !important;
}

.post .post-paragraph.half {
  float: left;
  width: 50%;
}

.post .post-paragraph .post-title {
  font-size: 1.75em;
  text-align: left;
  margin-bottom: 28px;
}

.post .post-paragraph .post-title.small {
  font-size: 1.375em;
}

.post .post-paragraph > p,
.post .post-paragraph > h1,
.post .post-paragraph > h2,
.post .post-paragraph > h3,
.post .post-paragraph > h4,
.post .post-paragraph > h5,
.post .post-paragraph > h6 {
  margin-bottom: 30px;
  color: #2d3235;
  text-align: initial;
  text-transform: initial;
}

.post .post-paragraph .post-item-list {
  overflow: hidden;
}

.post .post-paragraph .post-item-list li {
  margin-bottom: 16px;
  padding-left: 26px;
  position: relative;
}

.post .post-paragraph .post-item-list li .bullet-icon {
  color: #2b373a;
  font-weight: 700;
  position: absolute;
  left: 2px;
}

.post .post-paragraph .post-item-list li .bullet-icon.svg-check {
  top: 2px;
  left: 0;
}

.post .post-paragraph .post-item-list li p {
  line-height: 1em;
}

.post .post-paragraph .post-item-list li:last-child {
  margin-bottom: 0;
}

.post .post-paragraph > *:last-child {
  margin-bottom: 0;
}


/*--------------
    POST TAB
--------------*/

.post-tab {
  position: relative;
}

.post-tab .tab-header {
  border: 1px solid #ebebeb;
  background-color: #fff;
  overflow: hidden;
}

.post-tab .tab-header.primary .tab-item.selected > p {
  border-top-color: #00d7b3;
}

.post-tab .tab-header.secondary .tab-item.selected > p {
  border-top-color: #1396e1;
}

.post-tab .tab-header.tertiary .tab-item.selected > p {
  border-top-color: #e61852;
}

.post-tab .tab-header .tab-item {
  float: left;
  width: 289px;
  height: 60px;
  border-right: 1px solid #ebebeb;
  cursor: pointer;
}

.post-tab .tab-header .tab-item:last-child {
  border-right: none;
}

.post-tab .tab-header .tab-item.selected > p {
  color: #2b373a;
  border-top: 6px solid #2b373a;
  line-height: 52px;
}

.post-tab .tab-header .tab-item > p {
  color: #b2b2b2;
  line-height: 60px;
  text-align: center;
}

.post-tab .tab-content {
  width: 100%;
  border: 1px solid #ebebeb;
  border-top: none;
  background-color: #fff;
  display: none;
  overflow: hidden;
}

.post-tab .tab-content.void {
  border: none;
  background-color: transparent;
}

.post-tab .tab-content.open {
  display: block;
}

.post-tab .tab-content .comment-list {
  border-top: none;
}

@media screen and (max-width: 1260px) {
  .historico-lances{
    display: none;
  }
  .post-header{
    margin: 0 auto;
    width: 786px;
  }
}
@media screen and (max-width: 850px) {
.historico-lances, .dar-lance{
  float: initial;
  clear: both;
  margin-left: 20px;
  /* margin-top: 50px; */
}
.post.images{
  margin-bottom: 50px;
}
.post-header{
    width: 402px;
}
}
@media screen and (max-width: 460px) {
.post-header, .historico-lances, .dar-lance{
  width: 100%;
  margin: 0;
}
.post.images{
  width: 100%;
}
.post .post-image-slides .image-slides-wrap.full{
  width: 230px;
  overflow: initial;
  position: relative;
  /* display: inline-block; */
  margin: 0 auto;
  /* position: relative; */
}
.post .post-image-slides .image-slides .image-slide, .product-preview-image.thumbnail{
  width: 40px;
  height: 40px;
}
.post .post-image-slides .image-slides .image-slide{
  border-radius: 3px;
}
.post .post-image-slides .image-slides .image-slide:nth-child(2){
    left: 60px !important;
}
.post .post-image-slides .image-slides .image-slide:nth-child(3){
    left: 125px !important;
}
.post .post-image-slides .image-slides .image-slide:nth-child(4){
    left: 190px !important;
}

}
/*------------------
    BLOG AUTHOR
------------------*/

.blog-author {
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 45px 32px 50px 118px;
  margin-bottom: 25px;
  position: relative;
}

.blog-author .user-avatar {
  position: absolute;
  top: 37px;
  left: 32px;
}

.blog-author .text-header {
  margin-bottom: 4px;
}

.blog-author .timestamp {
  margin-bottom: 10px;
}

.blog-author .share-links {
  position: absolute;
  top: 35px;
  right: 32px;
}


/*--------------------
    BLOG COMMENTS
--------------------*/

.blog-comments {
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 20px 24px 0;
}

.blog-comments h4 {
  font-size: 1.375em;
  margin-bottom: 16px;
}

.blog-comments .line-separator {
  margin-bottom: 5px;
}

.blog-comments .comment-list {
  border: none;
  padding-left: 0;
  padding-right: 0;
}

.blog-comments .comment-list .comment-wrap {
  padding-left: 94px;
  padding-right: 8px;
}

.blog-comments .comment-list .comment-wrap.comment-reply {
  padding-left: 94px;
  padding-right: 8px;
}

.blog-comments .comment-list .comment-wrap .user-avatar {
  left: 8px;
}

.blog-comments .comment-list .pager {
  margin-right: 8px;
}

.blog-comments .comment-list h3 {
  margin-left: 8px;
}


/*---------------
    ACCORDION
---------------*/

.accordion {
  /* border: 1px solid #ebebeb; */
}

.accordion.item-faq {
  width: 806px;
  margin: 36px auto 46px;
}

.accordion.primary .accordion-item.selected .accordion-item-header,
.accordion.primary .accordion-item:hover .accordion-item-header {
  border-left-color: #00d7b3;
}

.accordion.secondary .accordion-item.selected .accordion-item-header,
.accordion.secondary .accordion-item:hover .accordion-item-header {
  border-left-color: #1396e1;
}

.accordion.tertiary .accordion-item.selected .accordion-item-header,
.accordion.tertiary .accordion-item:hover .accordion-item-header {
  border-left-color: #e61852;
}

.accordion .accordion-item {
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

.accordion .accordion-item:last-child {
  border-bottom: none;
}

.accordion .accordion-item.selected .accordion-item-header,
.accordion .accordion-item:hover .accordion-item-header {
  border-left-width: 6px;
}

.accordion .accordion-item.selected .svg-arrow {
  fill: #535d5f;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.accordion .accordion-item .svg-arrow {
  width: 7px;
  height: 12px;
  fill: #b2b2b2;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  top: 20px;
  right: 22px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.accordion .accordion-item .accordion-item-header {
  padding-left: 16px;
  line-height: 50px;
  text-transform: none;
  cursor: pointer;
  border-left: 0 solid transparent;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}

.accordion .accordion-item .accordion-item-content {
  padding: 34px 24px 54px 22px;
  border-top: 1px solid #ebebeb;
  display: none;
}

.accordion .accordion-item .accordion-item-content h4 {
  font-size: 1.125em;
  margin-bottom: 26px;
}

.accordion .accordion-item .accordion-item-content p {
  margin-bottom: 46px;
}

.accordion .accordion-item .accordion-item-content > *:last-child {
  margin-bottom: 0;
}


/*--------------
    COMMENTS
--------------*/

.comment-list {
  border: 1px solid #ebebeb;
  padding: 0 16px 36px;
  background-color: #fff;
  overflow: hidden;
}

.comment-list .comment-wrap {
  padding: 36px 16px 0 104px;
  position: relative;
}

.comment-list .comment-wrap .comment-wrap {
  padding: 0 0 0 88px;
}

.comment-list .comment-wrap .comment-wrap.comment-reply {
  padding: 0 0 0 88px;
  margin-top: 28px;
}

.comment-list .comment-wrap .comment-wrap .user-avatar {
  top: 0;
  left: 0;
}

.comment-list .comment-wrap.comment-reply {
  padding: 0 16px 0 104px;
  margin-bottom: 15px;
}

.comment-list .comment-wrap.comment-reply .user-avatar {
  top: 10px;
}

.comment-list .comment-wrap.comment-reply:last-child {
  margin-bottom: 0;
}

.comment-list .comment-wrap .user-avatar {
  position: absolute;
  top: 36px;
  left: 16px;
}

.comment-list .comment-wrap .comment {
  margin-bottom: 28px;
  position: relative;
}

.comment-list .comment-wrap .comment .text-header {
  display: inline-block;
  margin: 6px 4px 4px 0;
}

.comment-list .comment-wrap .comment .pin {
  position: relative;
  top: -1px;
}

.comment-list .comment-wrap .comment .quote {
  border-left: 6px solid transparent;
  padding: 24px 36px 26px 22px;
  margin: 20px 0;
}

.comment-list .comment-wrap .comment .quote .text-header {
  margin-bottom: 16px;
}

.comment-list .comment-wrap .comment .quote.primary {
  border-left-color: #00d7b3;
}

.comment-list .comment-wrap .comment .quote.secondary {
  border-left-color: #1cbdf9;
}

.comment-list .comment-wrap .comment .quote.tertiary {
  border-left-color: #e61852;
}

.comment-list .comment-wrap .comment .timestamp {
  margin-bottom: 14px;
}

.comment-list .comment-wrap .comment .reply {
  color: #06b99b;
  font-size: 0.75em;
  font-weight: 700;
  position: absolute;
  top: 6px;
  right: 52px;
}

.comment-list .comment-wrap .comment .report {
  color: #b2b2b2;
  font-size: 0.75em;
  position: absolute;
  top: 6px;
  right: 0;
}

.comment-list .comment-wrap .comment.review .recommendation {
  position: absolute;
  top: -8px;
  right: 0;
}

.comment-list .comment-wrap .comment.review .report {
  right: 52px;
}

.comment-list .comment-reply-form {
  overflow: hidden;
}

.comment-list .comment-reply-form textarea {
  margin-bottom: 14px;
}

.comment-list .comment-reply-form label {
  float: left;
  color: #b2b2b2;
}

.comment-list .comment-reply-form .button {
  float: right;
}

.comment-list .line-separator {
  margin-top: 34px;
}

.comment-list h3 {
  margin: 36px 0 36px 16px;
  font-size: 1.375em;
  text-align: left;
}

.comment-list .pager {
  margin-right: 16px;
}


/*------------
    SHARE
------------*/

.share-links-wrap {
  margin-top: 25px;
  padding: 0 16px;
  overflow: hidden;
}

.share-links-wrap .text-header {
  float: left;
  margin-right: 16px;
  line-height: 30px;
}

.share-links {
  overflow: hidden;
}

.share-links.hoverable li a {
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}

.share-links.hoverable li a.fb,
.share-links.hoverable li a.twt,
.share-links.hoverable li a.db,
.share-links.hoverable li a.rss,
.share-links.hoverable li a.gplus,
.share-links.hoverable li a.de,
.share-links.hoverable li a.be {
  background-color: #d1d1d1;
}

.share-links.hoverable li a:hover.fb {
  background-color: #355599;
}

.share-links.hoverable li a:hover.twt {
  background-color: #0fccf4;
}

.share-links.hoverable li a:hover.db {
  background-color: #f63f6e;
}

.share-links.hoverable li a:hover.rss {
  background-color: #ffa312;
}

.share-links.hoverable li a:hover.gplus {
  background-color: #e0133a;
}

.share-links.hoverable li a:hover.be {
  background-color: #0d79ab;
}

.share-links.hoverable li a:hover.de {
  background-color: #05cc47;
}

.share-links li {
  float: left;
  margin-right: 12px;
}

.share-links li a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.share-links li a.fb,
.share-links li a.twt,
.share-links li a.db,
.share-links li a.rss,
.share-links li a.gplus,
.share-links li a.de,
.share-links li a.be {
  background-repeat: no-repeat;
  background-position: center;
}

.share-links li a:hover.fb {
  background-color: #4868ae;
}

.share-links li a:hover.twt {
  background-color: #2fd5f9;
}

.share-links li a:hover.db {
  background-color: #fe5e87;
}

.share-links li a:hover.rss {
  background-color: #ffb72d;
}

.share-links li a:hover.gplus {
  background-color: #f42a50;
}

.share-links li a:hover.be {
  background-color: #1b8ec3;
}

.share-links li a:hover.de {
  background-color: #15e159;
}

.share-links li a.fb {
  background-image: url("../images/social/fb.png");
  background-color: #355599;
}

.share-links li a.twt {
  background-image: url("../images/social/twt.png");
  background-color: #0fccf4;
}

.share-links li a.db {
  background-image: url("../images/social/db.png");
  background-color: #f63f6e;
}

.share-links li a.rss {
  background-image: url("../images/social/rss.png");
  background-position: 50% 45%;
  background-color: #ffa312;
}

.share-links li a.gplus {
  background-image: url("../images/social/gplus.png");
  background-color: #e0133a;
}

.share-links li a.be {
  background-image: url("../images/social/be.png");
  background-color: #0d79ab;
}

.share-links li a.de {
  background-image: url("../images/social/de.png");
  background-color: #05cc47;
}

.share-links li:last-child {
  margin-right: 0;
}


/*------------
    TAGS
------------*/

.tags a:hover {
  text-decoration: underline;
}

.tags.primary a {
  color: #06b99b;
}

.tags.secondary a {
  color: #1396e1;
}

.tags.tertiary a {
  color: #e61852;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  /*--------------
      POST TAB
  --------------*/
  .post-tab .tab-header .tab-item {
    width: 33%;
  }
  .post-tab .tab-header .tab-item:nth-child(2) {
    width: 34%;
  }
  /*-----------
      POST
  -----------*/
  .post.blog-post .post-image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
  .post.blog-post .post-image .product-preview-image {
    width: 100%;
    height: auto;
  }
  /*-----------------------
      BLOG POST PREVIEW
  -----------------------*/
  .blog-post-preview.v2 .blog-post-preview-item .product-preview-image {
    width: 100%;
    height: auto;
  }
  /*--------------------
      BLOG COMMENTS
  --------------------*/
  .blog-comments {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 935px) {
  /*-----------
      POST
  -----------*/
  .post .post-image {
    /* width: 360px; */
    /* height: 210px; */
  }
  .post .post-image .product-preview-image {
    /* width: 358px; */
    /* height: 208px; */
  }
  .post .post-image .slide-control-wrap {
    width: 328px;
    top: 254px;
    left: 15px;
  }
  .post .post-image .button {
    width: 120px;
    height: 30px;
    line-height: 30px;
    font-size: 0.75em;
  }
  .post .post-image-slides {
    /* width: 328px; */
  }
  .post .post-image-slides .image-slides-wrap,
  .post .post-image-slides .image-slides-wrap.full {
    /* width: 186px; */
    /* margin: 0 auto; */
  }
  .post .post-content .post-banner {
    width: 100%;
  }
  /*--------------
      POST TAB
  --------------*/
  .post-tab .accordion.item-faq {
    width: 95%;
  }
}

@media screen and (max-width: 630px) {
  /*-----------
      POST
  -----------*/
  .post .post-paragraph.half {
    float: none;
    width: 100%;
  }
  /*--------------
      POST TAB
  --------------*/
  .post-tab .tab-header .tab-item {
    float: none;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ebebeb;
  }
  .post-tab .tab-header .tab-item:nth-child(2) {
    width: 100%;
  }
  .post-tab .tab-header .tab-item:last-child {
    border-bottom: none;
  }
  /*--------------
      COMMENTS
  --------------*/
  .comment-list .comment-wrap {
    padding-left: 60px;
  }
  .comment-list .comment-wrap .comment.review .timestamp {
    margin-bottom: 0;
  }
  .comment-list .comment-wrap .comment.review .recommendation {
    display: block;
    position: relative;
    top: 0;
    margin: 6px 0;
  }
  .comment-list .comment-wrap .comment.review .report {
    position: static;
    margin-top: 4px;
  }
  .comment-list .comment-wrap.comment-reply {
    padding-left: 60px;
  }
  .comment-list .comment-wrap .user-avatar {
    width: 40px;
    height: 40px;
    left: 6px;
  }
  .comment-list .comment-wrap .comment-wrap {
    padding-left: 56px;
  }
  .comment-list .comment-wrap .comment-wrap.comment-reply {
    padding-left: 56px;
  }
  /*--------------------
      BLOG COMMENTS
  --------------------*/
  .blog-comments .comment-list .comment-wrap {
    padding-left: 64px;
  }
  .blog-comments .comment-list .comment-wrap.comment-reply {
    padding-left: 64px;
  }
}

@media screen and (max-width: 460px) {
  /*-----------
      POST
  -----------*/
  .post .post-image {
    width: 250px;
    height: 250px;
    /* margin-bottom: 90px; */
    /* display: inline-block; */
    margin: 0 auto;
  }
  .post .post-image .product-preview-image {
    width: 230px;
    height: 230px;
    /* display: inline-block; */
    /* margin: 0 auto; */
  }
  .post .post-image .slide-control-wrap {
    width: 242px;
    top: 168px;
    left: 8px;
  }
  .post .post-image .button {
    top: 176px;
    left: 50%;
    margin-left: -60px;
  }
  .post .post-image-slides {
    width: 100%;
  }
  .post .post-image-slides .slide-control-wrap {
    top: -70px;
  }
  .post .image-slides-wrap {
    width: 100%;
  }
  .post .post-content .meta-line > *:last-child {
    clear: left;
    float: left;
  }
  .post .post-content .video {
    height: 200px;
  }
  .share-links-wrap .text-header {
    float: none;
  }
  /*--------------
      COMMENTS
  --------------*/
  .comment-list .comment-wrap .comment .timestamp {
    margin-bottom: 0;
  }
  .comment-list .comment-wrap .comment .report,
  .comment-list .comment-wrap .comment .reply {
    position: static;
    display: inline-block;
    margin-bottom: 4px;
  }
  /*-----------------------
      BLOG POST PREVIEW
  -----------------------*/
  .blog-post-preview .blog-post-preview-item .product-preview-image {
    width: 100%;
    height: auto;
  }
  .blog-post-preview.v2 .blog-post-preview-item .meta-line > *:last-child {
    clear: left;
    float: left;
  }
  /*------------------
      BLOG AUTHOR
  ------------------*/
  .blog-author {
    padding: 145px 26px 32px;
  }
  .blog-author .user-avatar {
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -35px;
  }
  .blog-author p {
    text-align: center;
  }
  .blog-author .share-links {
    top: 105px;
    right: auto;
    left: 50%;
    margin-left: -36px;
  }
}

.author-profile-banner {
  background: url("../images/profile_banner.jpg") no-repeat center;
  background-size: cover;
  min-height: 300px;
}

.author-profile-meta-wrap {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
}

.author-profile-meta {
  min-height: 100px;
  padding-top: 15px;
}

.author-profile-info {
  overflow: hidden;
  padding-left: 300px;
}

.author-profile-info .author-profile-info-item {
  float: left;
  height: 70px;
  border-right: 1px solid #ebebeb;
  padding: 16px 70px 0 32px;
}

.author-profile-info .author-profile-info-item:last-child {
  border-right: none;
  padding-right: 0;
}

.author-profile-info .author-profile-info-item p {
  font-size: 0.8125em;
  line-height: 20px;
}

.author-profile-info .author-profile-info-item p a:hover {
  text-decoration: underline;
}

.author-profile-info .author-profile-info-item p .primary {
  color: #06b99b;
}

.author-profile-info .author-profile-info-item p .secondary {
  color: #1cbdf9;
}

.author-profile-info .author-profile-info-item p .tertiary {
  color: #e61852;
}

.follow-list {
  width: 870px;
  margin: 0 auto;
}

.follow-list .follow-list-item {
  height: 94px;
  padding: 11px 17px 11px 92px;
  border: 1px solid #ebebeb;
  margin-bottom: 14px;
  background-color: #fff;
  position: relative;
}

.follow-list .follow-list-item:last-child {
  margin-bottom: 0;
}

.follow-list .follow-list-item .user-avatar {
  position: absolute;
  top: 11px;
  left: 11px;
}

.follow-list .follow-list-item .fl-item-info {
  float: left;
  height: 70px;
  border-right: 1px solid #ebebeb;
  padding: 0 16px;
}

.follow-list .follow-list-item .fl-item-info:last-child {
  border-right: none;
  padding-right: 0;
}

.follow-list .follow-list-item .fl-item-info.fl-description {
  width: 203px;
  padding: 6px 10px 0 0;
}

.follow-list .follow-list-item .fl-item-info.fl-description .text-header {
  font-size: 1em;
  margin-bottom: 5px;
}

.follow-list .follow-list-item .fl-item-info.fl-description p {
  font-size: 0.75em;
  line-height: 18px;
}

.follow-list .follow-list-item .fl-item-info.fl-reputation {
  width: 108px;
  padding-top: 15px;
}

.follow-list .follow-list-item .fl-item-info.fl-reputation .text-header {
  font-size: 0.75em;
  text-align: center;
}

.follow-list .follow-list-item .fl-item-info.fl-reputation .rating {
  width: 75px;
  margin: 14px auto 0;
}

.follow-list .follow-list-item .fl-item-info.fl-product-items {
  overflow: hidden;
}

.follow-list .follow-list-item .fl-item-info.fl-product-items .product-preview-image {
  float: left;
  margin-right: 14px;
}

.follow-list .follow-list-item .fl-item-info.fl-product-items a:last-child .product-preview-image {
  margin-right: 0;
}

.follow-list .follow-list-item .fl-item-info.fl-button {
  padding-top: 20px;
}

@media screen and (max-width: 1260px) {
  .author-profile-info {
    padding-left: 0;
    padding-top: 15px;
    width: 270px;
    margin: 0 auto;
  }
  .author-profile-info .author-profile-info-item {
    float: none;
    border-right: none;
    padding: 0;
    padding-left: 32px;
  }
  .author-profile-info .author-profile-info-item p {
    font-size: 0.8125em;
    line-height: 20px;
  }
  .author-profile-info .author-profile-info-item p a:hover {
    text-decoration: underline;
  }
  .author-profile-info .author-profile-info-item p .primary {
    color: #06b99b;
  }
  .author-profile-info .author-profile-info-item p .secondary {
    color: #1cbdf9;
  }
  .author-profile-info .author-profile-info-item p .tertiary {
    color: #e61852;
  }
  .section .sidebar.author-profile {
    position: static;
  }
}

@media screen and (max-width: 935px) {
  .follow-list {
    width: 598px;
  }
  .follow-list .follow-list-item .fl-item-info.fl-product-items {
    display: none;
  }
}

@media screen and (max-width: 630px) {
  .follow-list {
    width: 270px;
  }
  .follow-list .follow-list-item {
    height: auto;
    padding: 90px 11px 20px;
  }
  .follow-list .follow-list-item .user-avatar {
    left: 50%;
    margin-left: -35px;
  }
  .follow-list .follow-list-item .fl-item-info {
    float: none;
    height: auto;
    border-right: none;
    padding: 0;
  }
  .follow-list .follow-list-item .fl-item-info.fl-description {
    padding: 0;
    margin: 0 auto 14px;
  }
  .follow-list .follow-list-item .fl-item-info.fl-description p {
    text-align: center;
  }
  .follow-list .follow-list-item .fl-item-info.fl-reputation {
    display: none;
  }
  .follow-list .follow-list-item .fl-item-info.fl-button {
    padding: 0;
  }
  .follow-list .follow-list-item .fl-item-info.fl-button .button {
    margin: 0 auto;
  }
}

.section.demo {
  overflow: visible;
}

.section.demo .form-popup {
  margin-bottom: 60px;
}

.section.demo .form-popup:nth-child(odd) {
  float: left;
  clear: both;
}

.section.demo .form-popup:nth-child(even) {
  float: right;
}

.form-popup {
  width: 430px;
  background-color: #fff;
  position: absolute;
  border-radius: 8px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  z-index: 10;
}
.form-popup.relative{
  transform: none;
  position: relative;
  margin-bottom: 50px;
  border-radius: 6px;
  top: 0;
  left: 0;
  margin: 0 auto;
}
.form-popup.new-message {
  width: 570px;
}

.form-popup.promo {
  width: 770px;
  height: 420px;
  border: none;
}

.form-popup.promo .promo-bg {
  float: left;
  width: 370px;
  height: 100%;
  background: url("../images/dashboard/promo-ad.jpg") no-repeat center;
}

.form-popup.promo .form-popup-content {
  float: right;
  width: 400px;
  height: 100%;
  padding: 56px 32px 38px;
}

.form-popup.promo .form-popup-content .popup-title {
  margin-bottom: 30px;
}

.form-popup.promo .form-popup-content .info {
  font-size: 0.875em;
  line-height: 24px;
  margin-bottom: 24px;
}

.form-popup.promo .form-popup-content .form-popup-content-links {
  margin-top: 40px;
  overflow: hidden;
}

.form-popup.promo .form-popup-content .form-popup-content-links > .button {
  float: left;
  width: 232px;
}

.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social {
  float: right;
  width: 94px;
}

.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social .button {
  float: left;
  width: 42px;
}

.form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social .button:last-child {
  float: right;
}

.form-popup .close-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #474e51;
  cursor: pointer;
  position: absolute;
  top: -15px;
  right: -15px;
}

.form-popup .close-btn:hover {
  background-color: #00d7b3;
}

.form-popup .close-btn .svg-plus {
  fill: #fff;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  left: 10px;
  pointer-events: none;
}

.form-popup .close-btn.mfp-close {
  opacity: 1;
}

.form-popup .form-popup-headline {
  padding: 36px 22px 30px;
}

.form-popup .form-popup-headline p {
  margin-top: 10px;
  color: #fff;
  line-height: 20px;
}

.form-popup .form-popup-headline.primary {
  background: url("../images/section_headline_bg.png") no-repeat center #00d7b3;
  background-size: cover;
}

.form-popup .form-popup-headline.secondary {
  background: url("../images/section_headline_bg.png") no-repeat center #1cbdf9;
  background-size: cover;
}

.form-popup .form-popup-content {
  padding: 22px 22px 26px;
  overflow: hidden;
}

.form-popup .popup-title {
  font-size: 1.375em;
  margin-bottom: 15px;
}

.form-popup .line-separator {
  margin-bottom: 22px;
}

.form-popup .line-separator.double {
  margin-top: 22px;
}

.form-popup .line-separator.short {
  margin-bottom: 16px;
}

.form-popup input[type="text"],
.form-popup input[type="email"],
.form-popup input[type="password"] {
  margin-bottom: 24px;
}

.form-popup .label-check {
  display: inline-block;
  margin-bottom: 22px;
}

.form-popup p {
  font-size: 0.9em;
  line-height: 1em;
}

.form-popup p.highlighted {
  line-height: 20px;
}

.form-popup p.highlighted span {
  color: #2b373a;
  font-weight: 700;
}

.form-popup p.spaced {
  line-height: 20px;
  margin-bottom: 16px;
}

.form-popup p a {
  /* font-weight: 700; */
}

.form-popup p a:hover {
  text-decoration: underline;
}

.form-popup button {
  margin-top: 32px;
}

.form-popup button.no-space {
  margin: 0;
}

.form-popup .button {
  width: 100%;
}

.form-popup .button.half {
  width: 185px;
  float: left;
}

.form-popup .button.half + .button.half {
  float: right;
}

.form-popup .input-container {
  margin-bottom: 22px;
  position: relative;
}

.form-popup .input-container.field-add {
  padding-right: 36px;
}

.form-popup .input-container textarea {
  height: 200px;
}

.form-popup .input-container .select-block {
  margin-bottom: 0;
}

.form-popup .add-field {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 5px;
  right: 0;
  cursor: pointer;
}

.form-popup .add-field .svg-plus {
  width: 11px;
  height: 11px;
  fill: #fff;
  position: relative;
  top: 2px;
}

@media screen and (max-width: 1260px) {
  .section.demo .form-popup {
    margin: 0 auto 60px;
  }
  .section.demo .form-popup:nth-child(odd) {
    float: none;
  }
  .section.demo .form-popup:nth-child(even) {
    float: none;
  }
}

@media screen and (max-width: 935px) {
  .form-popup.promo {
    width: 400px;
  }
  .form-popup.promo .promo-bg {
    display: none;
  }
}

@media screen and (max-width: 630px) {
  .form-popup {
    width: 100%;
    position: relative;
    transform: initial;
    top: 0;
    margin: 0 auto;
    left: 0;
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
  }
  .form-popup .close-btn{
    top: 0;
    right: 0;
    border-radius: 0;
  }
  .form-popup.promo {
    width: 90%;
    height: auto;
  }
  .form-popup.promo .form-popup-content {
    width: 100%;
    height: auto;
    background-color: #fff;
  }
  .form-popup.promo .form-popup-content .form-popup-content-links {
    text-align: center;
  }
  .form-popup.promo .form-popup-content .form-popup-content-links > .button {
    float: none;
    width: 100%;
  }
  .form-popup.promo .form-popup-content .form-popup-content-links .form-popup-content-links-social {
    float: none;
    display: inline-block;
    margin-top: 20px;
  }
  .form-popup .button.half {
    width: 100%;
    float: none;
  }
  .form-popup .button.half + .button.half {
    margin-top: 22px;
  }
}


/*---------------------
    BADGES SHOWCASE
---------------------*/

.badges-showcase {
  margin: 0 auto;
}

.badges-showcase.short {
  width: 702px;
}

.badges-showcase .badges-showcase-item {
  padding-top: 192px;
  position: relative;
  margin-bottom: 70px;
}

.badges-showcase .badges-showcase-item .badge {
  position: absolute;
  z-index: 1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.badges-showcase .badges-showcase-item .badge.big {
  top: 0;
  left: 50%;
  margin-left: -80px;
}

.badges-showcase .badges-showcase-item .badge.big.pinned {
  top: -10px;
}

.badges-showcase .badges-showcase-item .badge.small {
  top: 136px;
  right: 29px;
}

.badges-showcase .badges-showcase-item .badge.locked {
  opacity: 0;
  z-index: 0;
}

.badges-showcase .badges-showcase-item .badge.active {
  opacity: 1;
  z-index: 2;
}

.badges-showcase .badges-showcase-item .badge.active + .badge {
  opacity: 0;
}

.badges-showcase .badges-showcase-item .badge.active:hover {
  opacity: 0;
}

.badges-showcase .badges-showcase-item .badge.active:hover + .badge {
  opacity: 1;
}

.badges-showcase .badges-showcase-item .text-header,
.badges-showcase .badges-showcase-item .badge-description {
  text-align: center;
}

.badges-showcase .badges-showcase-item .text-header {
  font-size: 1.125em;
  margin-bottom: 16px;
}

.badges-showcase .badges-showcase-item .badge-description {
  font-size: 0.75em;
  line-height: 18px;
}

.badges-showcase .badges-showcase-item .badge-progress-title {
  font-size: 0.8125em;
  margin: 34px 0 6px;
}

.badges-showcase .badges-showcase-item .badge-progress {
  margin: 0 auto;
}


/*-----------
    BADGE
-----------*/

.badge.big {
  width: 160px;
  height: 167px;
}

.badge.small {
  width: 36px;
  height: 37px;
}


/*------------------
    BADGE BOXES
------------------*/

.badge-boxes {
  overflow: hidden;
}

.badge-boxes .sidebar-item {
  margin-bottom: 26px;
}


/*------------------
    BADGE LIST
------------------*/

.badge-list {
  width: 228px;
  margin: 0 auto;
}

.badge-list .badge-list-item {
  float: left;
  margin: 0 12px 18px 0;
}

.badge-list .badge-list-item .badge.pinned {
  position: relative;
  top: -5px;
}

.badge-list .badge-list-item:nth-child(5n+5) {
  margin-right: 0;
}

.badge-list.short {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.badge-list.short .badge-list-item:nth-child(5n+5) {
  margin-right: 12px;
}

.badge-list.short .badge-list-item:nth-child(4n+4) {
  margin-right: 0;
}

@media screen and (max-width: 935px) {
  /*---------------------
      BADGES SHOWCASE
  ---------------------*/
  .badges-showcase.short {
    width: 468px;
  }
}

@media screen and (max-width: 630px) {
  /*---------------------
      BADGES SHOWCASE
  ---------------------*/
  .badges-showcase.short {
    width: 234px;
  }
}


/*----------
  CART
----------*/

.cart {
  width: 870px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  margin: 0 auto;
}

.cart .cart-header {
  height: 52px;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}

.cart .cart-header p {
  line-height: 52px;
}

.cart .cart-header > * {
  float: left;
  text-align: center;
}

.cart .cart-header .cart-header-product {
  text-align: left;
}

.cart .cart-header-product,
.cart .cart-item-product {
  width: 416px;
  padding-left: 23px;
}

.cart .cart-header-category,
.cart .cart-item-category {
  width: 142px;
}

.cart .cart-header-price,
.cart .cart-item-price {
  width: 174px;
}

.cart .cart-header-actions,
.cart .cart-item-actions {
  width: 136px;
}

.cart .cart-item {
  padding: 24px 0;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}

.cart .cart-item > * {
  float: left;
  text-align: center;
}

.cart .cart-item .cart-item-product {
  text-align: left;
}

.cart .cart-item .cart-item-product .item-preview {
  padding-left: 82px;
  padding-top: 4px;
  min-height: 70px;
}

.cart .cart-item .cart-item-product .item-preview .description {
  width: 155px;
}

.cart .cart-item .cart-item-category {
  padding-top: 26px;
}

.cart .cart-item .cart-item-price {
  padding-top: 23px;
}

.cart .cart-item .cart-item-actions {
  padding-top: 16px;
}

.cart .cart-item .cart-item-actions .button.rmv {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  position: relative;
}

.cart .cart-item .cart-item-actions .button.rmv .svg-plus {
  fill: #fff;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 9px;
  left: 50%;
  margin-left: -6px;
}

.cart .cart-actions {
  padding: 26px 53px 26px 0;
  overflow: hidden;
}

.cart .cart-actions .button {
  float: right;
  width: 200px;
}

.cart .cart-actions .button.spaced {
  margin-right: 14px;
}

.cart-total {
  height: 70px;
  padding: 0 53px 0 556px;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}

.cart-total.small {
  height: 50px;
  padding: 0 0 0 346px;
}

.cart-total.small p {
  line-height: 50px;
}

.cart-total.small .subtotal,
.cart-total.small .total {
  font-size: 0.875em;
}

.cart-total p {
  line-height: 70px;
}

.cart-total .subtotal,
.cart-total .total {
  float: left;
}

.cart-total .price {
  float: right;
}

.cart-total .subtotal {
  font-size: 0.8125em;
}


/*------------------------
  CART OVERVIEW ITEM
------------------------*/

.cart-overview-item {
  height: 35px;
  overflow: hidden;
  position: relative;
}

.cart-overview-item.bordered {
  border-bottom: 1px solid #ebebeb;
}

.cart-overview-item .text-header {
  float: left;
}

.cart-overview-item .price,
.cart-overview-item .category {
  float: right;
}

.cart-overview-item .price {
  position: relative;
  top: -3px;
}

.cart-overview-item .category {
  position: absolute;
  left: 346px;
}


/*--------------
  FORM BOX
--------------*/

.form-box-items {
  overflow: hidden;
  padding-top: 20px;
}

.form-box-items.right {
  float: right;
}

.form-box-items.left {
  float: left;
}

.form-box-items.wrap-3-1 {
  width: 74.3%;
}

.form-box-items.wrap-1-3 {
  width: 23%;
}

.form-box-items .form-box-items.wrap-3-1 {
  width: 65.5%;
}

.form-box-items .form-box-items.wrap-1-3 {
  width: 31%;
}

.form-box-items .form-box-item {
  width: 570px;
}
.form-box-items .form-box-item.full{
  width: 100%;
  text-align: center;
}

.form-box-items .form-box-item:nth-child(odd) {
  float: left;
  border-radius: 8px;
}

.form-box-items .form-box-item:nth-child(even) {
  float: right;
}

.form-box-item {
  padding: 30px;
  background-color: #fff;
  /* border: 1px solid #ebebeb; */
  position: relative;
  margin-bottom: 26px;
}
.form-box-item.termos{
  padding: 40px 40px 40px;
}
.form-box-item.termos p{
  font-size: 16px;
  line-height: 20px;
}
.form-box-item.padded {
  padding-bottom: 71px;
}

.form-box-item.not-padded {
  padding-bottom: 0;
}

.form-box-item.not-spaced .line-separator {
  margin-bottom: 0;
}

.form-box-item.spaced {
  padding-bottom: 62px;
}

.form-box-item.spaced .line-separator,
.form-box-item.spaced .input-container {
  margin-bottom: 40px;
}

.form-box-item.spaced .input-container {
  padding-left: 42px;
  position: relative;
}

.form-box-item.spaced .input-container .share-links {
  position: absolute;
  top: 6px;
  left: 0;
}

.form-box-item.has-chart-legend {
  text-align: center;
}

.form-box-item.has-chart-legend h4 {
  text-align: left;
}

.form-box-item.has-chart-legend .chart-legend {
  margin-top: 28px;
}

.form-box-item.graph-bg {
  background: url("../images/dashboard/graph-bg.png") no-repeat center bottom #fff;
  padding-bottom: 54px;
}

.form-box-item h4 {
  margin-bottom: 30px;
}

.form-box-item .line-separator {
  margin-bottom: 22px;
}

.form-box-item .line-separator.top {
  margin-top: 22px;
}

.form-box-item .button {
  margin-top: 0;
  display: inline-block;
}

.form-box-item .input-container {
  clear: both;
  margin-bottom: 30px;
  text-align: left;
}

.form-box-item .input-container:last-child {
  margin-bottom: 0;
}

.form-box-item .input-container.top-right {
  position: absolute;
  top: 20px;
  right: 24px;
}

.form-box-item .input-container.half {
  float: left;
  width: 48.85%;
  clear: none;
}
.profile-image.input-container.half{
  width: 230px;
}
.form-box-item .input-container.half + .half {
  float: right;
}
.form-box-item .input-container.half + .half.left {
  float: left;
}
.form-box-item .input-container textarea {
  height: 200px;
  min-height: initial;
  max-height: initial;
  resize: vertical;
  background: #fafafa;
}

.form-box-item .cart-total:last-child {
  border-bottom: none;
}

.form-box-item .pm-text {
  padding-left: 29px;
  color: #b2b2b2;
  font-size: 0.8125em;
  position: relative;
  top: -8px;
  display: none;
}

.accordion {
  width: 100%;
  margin: 0 auto;
}

.accordion-toggle {
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  margin: 0;
  padding: 10px 0;
  position: relative;
  user-select: none;
  transition: color .2s ease;
}

.accordion-toggle.active:after {
  content: "";
  position: absolute;
  right: 0;
  top: 17px;
  width: 0;
  height: 0;
  border-bottom: 5px solid #f00;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
}

.accordion-toggle:before {
  content: "";
  position: absolute;
  right: 0;
  top: 17px;
  width: 0;
  height: 0;
  border-top: 5px solid #000;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
}

.accordion-toggle.active:before {
  display: none;
}

.accordion-content {
  display: none;
}

.accordion-toggle.active {
  color: #1396e1;
}

@media screen and (max-width: 1260px) {
  /*--------------
    FORM BOX
  --------------*/
  .form-box-items.right,
  .form-box-items.left {
    width: 100%;
    float: none;
  }
  .form-box-items > .form-box-items.right,
  .form-box-items > .form-box-items.left {
    width: 100%;
    float: none;
  }
  .form-box-items .form-box-item {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 935px) {
  /*----------
    CART
  ----------*/
  .cart {
    width: 554px;
  }
  .cart .cart-header-category,
  .cart .cart-header-price,
  .cart .cart-item-category,
  .cart .cart-item-price {
    display: none;
  }
  .cart .cart-total {
    padding-left: 200px;
  }
}

@media screen and (max-width: 630px) {
  /*----------
    CART
  ----------*/
  .cart {
    width: 270px;
  }
  .cart .cart-header-actions {
    display: none;
  }
  .cart .cart-header-product {
    width: 100%;
    padding-left: 0;
  }
  .cart .cart-header-product p {
    text-align: center;
  }
  .cart .cart-item > * {
    float: none;
    margin: 0 auto;
  }
  .cart .cart-item .cart-item-product {
    width: 100%;
    padding-left: 0;
  }
  .cart .cart-item .cart-item-product .item-preview {
    padding-top: 86px;
    padding-left: 0;
  }
  .cart .cart-item .cart-item-product .item-preview .product-preview-image {
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .cart .cart-item .cart-item-product .item-preview p {
    text-align: center;
  }
  .cart .cart-item .cart-item-product .item-preview .description {
    margin: 0 auto;
  }
  .cart .cart-total {
    padding-right: 30px;
    padding-left: 30px;
  }
  .cart .cart-actions {
    padding-right: 0;
  }
  .cart .cart-actions .button {
    float: none;
    margin: 14px auto 0;
  }
  .cart .cart-actions .button.spaced {
    margin: 14px auto 0;
  }
  /*--------------
    FORM BOX
  --------------*/
  .form-box-item .input-container.half {
    float: none;
    width: 100%;
  }
  .form-box-item .cart-total.small {
    padding-left: 0;
  }
  .form-box-item {
    padding: 50px 30px 40px;
    }
  /*------------------------
    CART OVERVIEW ITEM
  ------------------------*/
  .cart-overview-item .category {
    display: none;
  }
}

@media screen and (max-width: 460px) {
  /*--------------
    FORM BOX
  --------------*/
  .form-box-item .input-container.top-right {
    position: static;
  }
  .form-box-item {
    padding: 30px 20px 30px;
}
  /*------------------------
    CART OVERVIEW ITEM
  ------------------------*/
  .cart-overview-item {
    height: auto;
    margin-bottom: 22px;
  }
  .form-box-item .button{
    width: 100%;
  }
  .cart-overview-item.bordered {
    padding-bottom: 12px;
    margin-bottom: 0;
  }
  .cart-overview-item .text-header {
    width: 180px;
    line-height: 1.3em;
  }
  .cart-overview-item .price {
    top: 0;
  }
}
@media screen and (max-width: 260px) {
.side-menu.left .svg-plus{
  top: 10px;
  left: 10px;
}

.side-menu{
  width: 100%;
}
}
.forum {
  width: 870px;
  border: 1px solid #ebebeb;
  background-color: #fff;
  margin: 0 auto 26px;
  padding-bottom: 6px;
}

.forum > *:last-child {
  border-bottom: none;
}

.forum > *:last-child > *:last-child {
  border-bottom: none;
}

.forum-header {
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}

.forum-title,
.forum-replies,
.forum-lastpost {
  float: left;
  height: 50px;
}

.forum-title .text-header,
.forum-replies .text-header,
.forum-lastpost .text-header {
  line-height: 50px;
}

.forum-title {
  width: 470px;
  padding-left: 24px;
}

.forum-replies {
  width: 100px;
  text-align: center;
}

.forum-lastpost {
  width: 298px;
  padding-left: 150px;
}

.forum-subsection {
  padding: 16px 24px;
  border-bottom: 1px solid #ebebeb;
}

.forum-subsection .text-header {
  margin-bottom: 8px;
}

.forum-subsection .description {
  font-size: 0.8125em;
  line-height: 18px;
}

.thread-list .thread-list-item {
  height: 50px;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
  position: relative;
}

.thread-list .thread-list-item.pinned .pin {
  top: 17px;
  left: 24px;
  pointer-events: none;
}

.thread-list .thread-list-item.pinned .user-avatar {
  left: 78px;
}

.thread-list .thread-list-item.pinned .forum-title {
  padding-left: 78px;
}

.thread-list .thread-list-item .user-avatar {
  position: absolute;
  top: 12px;
  left: 23px;
}

.thread-list .thread-list-item .forum-lastpost {
  padding-left: 0;
}

.thread-list .thread-list-item .title,
.thread-list .thread-list-item .replies,
.thread-list .thread-list-item .lastpost {
  font-size: 0.8125em;
  line-height: 50px;
}

.thread-list .thread-list-item .title {
  padding-left: 35px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.thread-list .thread-list-item .replies {
  color: #b2b2b2;
}

.thread-list .thread-list-item .lastpost {
  float: right;
  padding-right: 24px;
}

.thread-list .thread-list-item .lastpost span {
  color: #2b373a;
  font-weight: 700;
}

.topic-preview .topic-preview-item {
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ebebeb;
}

.topic-preview .topic-preview-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.topic-preview .topic-preview-item .category,
.topic-preview .topic-preview-item .lastpost {
  font-size: 0.6875em;
}

.topic-preview .topic-preview-item .lastpost {
  margin-top: 4px;
}

.topic-preview .topic-preview-item .lastpost span {
  color: #2b373a;
  font-weight: 700;
}

.thread {
  border: 1px solid #ebebeb;
  background-color: #fff;
}

.thread .thread-title {
  min-height: 64px;
  padding: 19px 32px;
  border-bottom: 1px solid #ebebeb;
}

.thread .thread-title.pinned {
  padding-left: 78px;
  position: relative;
}

.thread .thread-title.pinned .pin {
  top: 26px;
  left: 24px;
}

.thread .thread-title .text-header {
  font-size: 1.375em;
  line-height: 1.3em;
}

.thread .comment-list {
  padding-left: 0;
  padding-right: 0;
  border: none;
}

.thread .comment-list .comment-wrap {
  padding-left: 118px;
  padding-right: 32px;
}

.thread .comment-list .comment-wrap .user-avatar {
  left: 32px;
}

.thread .comment-list h3 {
  margin-left: 32px;
}

@media screen and (max-width: 935px) {
  .forum {
    width: 572px;
  }
  .forum-lastpost {
    display: none;
  }
}

@media screen and (max-width: 630px) {
  .forum,
  .forum-title {
    width: 100%;
  }
  .forum-title {
    padding-right: 24px;
  }
  .forum-replies {
    display: none;
  }
  .thread .comment-list .comment-wrap {
    padding-left: 76px;
  }
  .thread .comment-list .comment-wrap .user-avatar {
    left: 16px;
  }
  .thread .comment-list h3 {
    margin-left: 16px;
  }
}

#footer-top-wrap {
  background-color: #2d3235;
}

#footer-top {
  min-height: 280px;
  padding-bottom: 58px;
  overflow: hidden;
}

#footer-top .company-info {
  float: left;
  width: 310px;
  padding-top: 58px;
  margin-right: 30px;
}

#footer-top .company-info .logo {
  margin-bottom: 20px;
}

#footer-top .company-info p {
  color: #b2b2b2;
  font-size: 0.8125em;
  line-height: 1.53846em;
}

#footer-top .company-info .company-info-list {
  margin-top: 15px;
}

#footer-top .company-info .company-info-list .company-info-item {
  margin-bottom: 10px;
}

#footer-top .company-info .company-info-list .company-info-item .icon-present,
#footer-top .company-info .company-info-list .company-info-item .icon-energy,
#footer-top .company-info .company-info-list .company-info-item .icon-user {
  margin-right: 5px;
  color: #fff;
  font-size: 17px;
  position: relative;
  top: 2px;
}

#footer-top .company-info .company-info-list .company-info-item p {
  display: inline-block;
  color: #fff;
}

#footer-top .company-info .company-info-list .company-info-item p span {
  color: #16ffd8;
}

#footer-top .footer-title {
  color: #fff;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 32px;
  text-align: left;
}

#footer-top .link-info {
  float: left;
  padding-top: 68px;
}

#footer-top .link-info {
  width: 260px;
  margin-right: 30px;
  text-align: center;
}

#footer-top .link-info img{
  margin: 5px;
  backface-visibility: hidden;
  transform: translateZ(0);
  height: 25px;
  display: inline-block;
}

#footer-top .twitter-feed {
  width: 270px;
}

#footer-top .twitter-feed .tweets li {
  padding-left: 34px;
  margin-bottom: 20px;
  position: relative;
}

#footer-top .twitter-feed .tweets li:last-child {
  margin-bottom: 0;
}

#footer-top .twitter-feed .tweets li:before {
  content: url("../images/twt.png");
  position: absolute;
  top: 3px;
  left: 0;
}

#footer-top .twitter-feed .tweets li .feed-text {
  color: #fff;
  font-size: 0.8125em;
  line-height: 1.53846em;
  margin-bottom: 6px;
}

#footer-top .twitter-feed .tweets li .feed-text a {
  color: #16ffd8;
}

#footer-top .twitter-feed .tweets li .feed-timestamp a {
  color: #b2b2b2;
  font-size: 0.85714em;
}

#footer-bottom-wrap {
  background-color: #282c2e;
}

#footer-bottom {
  min-height: 54px;
}

#footer-bottom p {
  color: #b2b2b2;
  font-size: 0.8125em;
  line-height: 54px;
  padding-left: 12px;
  position: relative;
  text-align: center;
}

#footer-bottom p span {
  position: relative;
  top: 4px;
  font-size: 18px;
  margin-right: 2px;
}

#footer-bottom p a {
  color: #16ffd8;
}

.social-links {
  margin: 25px 0 0 0px;
  overflow: hidden;
  text-align: left;
}

.social-links .social-link {
  opacity: 0.5;
  display: inline-block;
  margin: 0 6px;
}
.social-links .social-link:hover{
  opacity: 1;
}
.social-links .social-link a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 18px;
}

.social-links .social-link.fb {
}

.social-links .social-link.fb a {
  width: 7px;
  height: 14px;
  background: url("../images/fb.png") no-repeat center;
}

.social-links .social-link.twt {
}

.social-links .social-link.twt a {
  width: 18px;
  height: 13px;
  background: url("../images/twt.png") no-repeat center;
  top: 1px;
}

.social-links .social-link.db {
  margin-right: 32px;
}

.social-links .social-link.db a {
  width: 16px;
  height: 17px;
  background: url("../images/db.png") no-repeat center;
  top: -1px;
}

.social-links .social-link.rss a {
  width: 12px;
  height: 13px;
  background: url("../images/rss.png") no-repeat center;
  top: 1px;
}

.link-list .link-item {
  position: relative;
  margin-bottom: 12px;
  text-align: left;
}

.link-list .link-item:last-child {
  margin-bottom: 0;
}

.link-list .link-item .bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #6b6f74;
  position: absolute;
  top: 7px;
  left: 0;
}

.link-list .link-item a {
  padding-left: 15px;
  color: #b2b2b2;
  font-size: 0.8125em;
  font-weight: 600;
  line-height: 1em;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
}

.link-list .link-item a:hover {
  color: #fff;
}

.cover-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #f6f7f9;
  background-size: cover;
  background-position: center center;
  z-index: 10;
}

a.live-timer {
  background: #00d7b3;
  border-radius: 50px;
  padding: 0 30px;
  display: inline-block;
  color: #fff;
  font-size: 1em;
  letter-spacing: 1.5px;
  font-weight: 600;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  float: left;
  margin-top: 5px;
  margin-left: 25px;
  /* -webkit-transition: background-color .2s; */
  /* transition: background-color .2s; */
}

a.live-timer:hover {
  background-color: #0ac0a2;
}

.botao-lance {
  width: 100%;
  text-align: center;
  margin: 15px 0;
  display: inline-block;
  height: 50px;
}

.product-counter {
  display: inline-block;
  height: 50px;
  width: 90px;
  float: left;
  position: relative;
}

.product-counter.counter.counter_off {
  display: block;
  height: 100%;
  width: 100%;
}

.counter-blocks {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 90;
}

.counter-blocks .counter-block {
  float: left;
  background: #eeebeb;
  height: 100%;
  width: 42px;
  margin-right: 3px;
  border-radius: 5px;
}

.counter-blocks.counter_off .counter-block {
  background: #eeebeb;
}

.center-it {
  display: inline-block;
}
.text-center{
  text-align: center;
}
.product-target {
  width: 100%;
  position: absolute;
  color: #fff;
  height: 80px;
  background: #39464f;
  z-index: 20;
  top: 120px;
  left: 0;
  font-family: "Titillium Web", sans-serif;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(41%, rgba(0, 0, 0, 0.7)), color-stop(60%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 41%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.product-target span {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
}

span.product-targe_cron {
  margin-top: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}

span.product-targe_time {
  font-weight: bold;
  font-size: 18px;
  color: #fcff00;
}

.date-layer {
  /* height: 100%; */
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.block-bg {
  height: 100%;
  /* width: 100%; */
  position: absolute;
  left: 0;
  top: 0;
  background: #010101;
  opacity: 0.05;
}

.product-counter.counter_ok .counter-block {
  background: #00d7b3;
}

.product-counter.counter_alert .counter-block {
  background: #ff8822;
}

a.live-timer.counter_alert {
  background: #ff8822;
}

a.live-timer.counter_alert:hover {
  background-color: #e3781d;
}

.menu-bar nav {
  text-align: center;
}

.main-menu .menu-item:last-child {
  border-right: none;
}

.product-list.v5 .product-item .text-title-box {
  line-height: 18px;
  font-size: 15px;
  text-align: center;
  margin-bottom: 0;
  max-height: 36px;
  overflow: hidden;
  min-height: 36px;
}

.product-list.v5 .product-item .product-description {
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}

.futuro-relogio {
  position: relative;
}

.futuro-relogio .product-target {
  position: relative;
  top: 0;
  background: none;
  color: initial;
  height: 50px;
}

.futuro-relogio .product-target span.product-targe_cron {
  margin-top: 0;
  letter-spacing: 0.5px;
}

.product-list.v5 .product-item .product-info {
  display: table;
  width: 100%;
  height: 36px;
  overflow: hidden;
  margin-bottom: 15px;
}

.futuro-relogio span.product-targe_time {
  color: #1396e1;
  font-size: 16px;
}


/*-------------------
    MEDIA QUERIES
-------------------*/
.product-list.list.mine .product-item .product-info{
  width: 230px;
  text-align: left;
  padding-left: 10px;
}
@media screen and (max-width: 1260px) {
  .product-list.list.full, .product-list.list.full.finalizados.accordion {
    width: 870px;
  }
  .product-list.list.full.finalizados{
    width: 100%;
    text-align: center;
  }
  .product-list.list.full.mine{
    text-align: center;
  }
  .product-list.list .product-item .product-info {
    float: left;
    width: 296px;
    padding-right: 32px;
    text-align: left;
  }
  .product-list.list.mine .product-item .product-info {
    width: 274px;
    text-align: left;
}
  .product-list.list .product-item .leilao-prices {
    width: 150px;
    padding: 15px;
    text-align: center;
  }
  .product-list.list.mine .product-item .leilao-prices{
    width: 160px
  }
  .product-list.list .product-item .leilao-prices.triple{
    width: 122px;
  }
  .product-list.list .product-item .author-data {
    padding-top: 7px;
    width: 180px;
    text-align: center;
  }
  .product-list.list.mine .product-item .author-data.mini{
    width: 130px;
  }
}

@media screen and (min-width: 936px) {
  .product-showcase.finalizados .owl-wrapper {
    width: 1170px !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

@media screen and (min-width: 1260px) {
  .product-showcase.finalizados .owl-carousel .owl-item,
  .product-list.list .product-item {
    width: 1170px !important;
  }
  .product-list.list.mine .product-item {
    width: 100% !important;
  }
  .product-showcase.finalizados .owl-carousel .owl-item {
    margin-right: 30px
  }
}

@media screen and (max-width: 1260px) and (min-width: 936px) {
  .product-showcase.finalizados .owl-wrapper {
    width: 870px !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
  .product-showcase.finalizados .owl-carousel .owl-item,
  .product-list.list .product-item {
    width: 870px !important;
    display: inline-block;
  }
  .product-list.list.mine .product-item{
    display: inline-block;
  }
  .product-showcase.finalizados .slide-control-wrap {
    display: none;
  }
}

@media screen and (max-width: 935px) {
  .product-list.list {
    width: 590px;
  }
  .product-list.list.full {
    width: 580px;
  }
  .product-list.list.full.finalizados {
    width: 600px
  }
  .product-list.list.full.finalizados.accordion{
    width: 90%;
  }
  .product-list.list .product-item {
    float: left;
    width: 280px;
    height: 440px;
    margin-right: 30px;
    margin-bottom: 30px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .product-list.list .product-item.leiloees{
    height: 490px;
  }
  .product-list.list .product-item:last-child {
    margin-right: 0;
  }
  .product-showcase.finalizados .slide-control-wrap {
    display: block;
  }
  .product-list.list .product-item a.picture-box {
    position: relative;
    width: 100%;
    height: 210px;
    display: block;
  }
  .product-list.list .product-item .product-preview-image {
    left: 0;
    top: 0;
    width: 258px;
    height: 200px;
  }
  .product-list.list .product-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .product-list.list .product-item .author-data,
  .product-list.list .product-item .author-data-reputation,
  .product-list.list .product-item .item-actions,
  .product-list.list .product-item .price-info {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    border-right: none;
    position: absolute;
  }
  .product-list.list .product-item .product-info,.product-list.list.mine .product-item .product-info {
    width: 100%;
    border-right: none;
    padding-right: 0;
    text-align: center;
    padding-left: 0;
  }
  .product-list.list.mine .product-item .product-info.historico-leilao{
    height: 50px;
    margin-bottom: 20px;
  }
  .product-list.list .product-item .product-info .text-header {
    font-size: 0.875em;
  }
  .product-list.list .product-item .author-data,.product-list.list.mine .product-item .author-data {
    width: 255px;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    margin: 10px 0;
    padding-bottom: 15px;
  }
  .product-list.list.mine .product-item .author-data{
    border: 0;
    padding-bottom: 0;
  }
  .product-list.list.mine .product-item .author-data.mini{
    width: 100%;
  }
  .product-list.list .product-item .author-data .user-rating {
    margin-top: 0;
  }
  .product-list.list.mine .product-item .author-data .user-rating .button{
    width: 90%;
  }
  .product-list.list .product-item .author-data-reputation {
    top: 188px;
    right: 42px;
  }
  .product-list.list .product-item .author-data-reputation .text-header {
    float: left;
    margin-right: 10px;
  }
  .product-list.list .product-item .author-data-reputation .rating {
    float: left;
    position: relative;
    top: -3px;
  }
  .product-list.list .product-item .item-actions {
    top: 160px;
    left: 26px;
  }
  .product-list.list .product-item .metadata {
    position: absolute;
    top: 60px;
    left: 78px;
  }
  .product-list.list .product-item .price-info {
    top: 100px;
    right: 12px;
  }
  .prices-box {
    width: 100%;}
  .product-list.mine .prices-box {
    display: inline-block;
    border: 1px solid #f3f3f3;
    border-left: 0;
    border-right: 0;
    margin-top: 7px;
  }
  .product-list.mine .prices-box.lances{
    border-bottom: none;
    padding-top: 10px;
  }
  .product-list.list .product-item .leilao-prices, .product-list.list.mine .product-item .leilao-prices {
    width: 50%;
    display: inline-block;
    border: none;
    padding: 10px 0 0 19px;
  }
  .product-list.list.mine .product-item .leilao-prices.full-center {
  width: 100%;
  padding: 0 !important;
  height: 43px;
  }
  .product-list.list.mine .product-item .leilao-prices{padding: 15px 0 0 0;}
  .product-list.list .product-item .leilao-prices:last-child {
    padding: 10px 19px 0 0;
  }
    .product-list.list.mine .product-item .leilao-prices:last-child {
    padding: 15px 0px 0 0;
  }
}

@media screen and (max-width: 630px) {
  .product-list.list {
    width: 280px;
  }
  .product-list.list.full,
  .product-list.list.full.finalizados {
    width: 280px;
  }
  
    .product-list.list.full.finalizados.accordion {
    width: 100%;
  }
  .accordion{
    width: 90%;
    margin: 0 auto;
  }
  .product-list.list .product-item {
    margin-right: 0;
  }
}

@media screen and (max-width: 630px) {
  .category-nav .category-tabs {
    width: 100%;
    margin: 20px 0;
  }
  .category-nav .category-tabs .category-tab {
    width: 100%;
  }
  .category-nav .category-tab a {
    line-height: 40px;
  }
  .category-nav .category-tab.active a:after {
    display: none;
  }
  .category-nav .category-tabs .category-tab p {
    font-size: 1em;
  }
  .category-nav .slide-control-wrap {
    display: none;
  }
}

@media screen and (max-width: 460px) {
  #product-sideshow .headline {
    margin-bottom: 45px;
  }
  #product-sideshow .slide-control-wrap {
    top: 18px;
    right: 15px;
  }
  .headline h4 {
    font-size: 1.05em;
  }
  .owl-carousel .owl-wrapper-outer {
    margin-bottom: 0;
  }
  .category-nav .category-tabs .category-tab p {
    font-size: 0.875em;
  }
  .product-list.grid.v4 {
    width: 270px;
  }
  .product-list.grid.v4 .product-item {
    width: 270px;
    padding-top: 227px;
  }
   .product-list.grid.v4 .product-item .product-target{
    top: 70px;
  }
  .product-list.grid.v4 .product-item .pin {
    top: 146px;
  }
  .product-list.grid.v4 .product-item .product-preview-actions {
    width: 258px;
    height: 210px;
  }
  .product-list.grid.v4 .product-item .product-preview-image.big {
    width: 258px;
    height: 210px;
  }
  .product-list.grid.v4 .product-item .preview-actions .preview-action {
    top: 44px;
    left: 47px;
  }
  .product-list.grid.v4 .product-item .preview-actions .preview-action:nth-child(2) {
    left: 143px;
  }
  .product-list.grid.v4 .product-item .product-info {
    margin-bottom: 0;
  }
  .product-list.grid.v4 .product-item .product-info .text-header {
    font-size: 1em;
  }
  .product-list.grid.v4 .product-item .product-info .price {
    font-size: 1.625em;
    top: 194px;
  }
  .product-list.v4 .product-item .user-rating {
    padding: 0;
  }
  .user-avatar.small {
    display: none;
  }
  .product-counter {
    height: 40px;
    width: 69px;
    overflow: hidden;
  }
  .product-counter p.counter {
    left: 8px;
    line-height: 40px;
    font-size: 28px;
    letter-spacing: 19px;
  }
  .counter-blocks .counter-block {
    width: 31px;
  }
  a.live-timer {
    margin-left: 10px;
    margin-top: 0;
    padding: 0px 25px;
    font-size: 0.85em;
  }
  .botao-lance {
    margin-bottom: 0
  }
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  #footer-top {
    width: 615px;
    position: relative;
  }
  #footer-top .link-info:last-child {
    /* float: left; */
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
  #footer-top .link-info:last-child img{
    height: 27px;
  }
  #footer-top .link-info img:nth-of-type(3){
    margin: 5px;
    margin-right: 0;
  }
  #footer-top .link-info:nth-child(3) {
    margin-right: 0;
  }
  #footer-top .link-info {
    width: 140px;
    margin-right: 88px;
  }
  #footer-top .twitter-feed {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.load-more-box .load-more {
  text-align: center;
  display: inline-block;
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 50px;
  line-height: 50px;
  width: initial;
  padding: 0 50px;
}
.load-more-box.margin .load-more{
  margin: 5px 10px;
}
.load-more-box {
  width: 100%;
  text-align: center;
  margin: 30px 0px 30px;
  /* display: inline-block; */
}

.form-box-item .load-more-box{
  margin-bottom: 10px;
}
@media screen and (max-width: 630px) {
  #footer-top {
    width: 270px;
  }
  #footer-top .company-info {
    float: none;
  }
  #footer-top .link-info {
    float: none;
    margin-right: 0;
    width: 100%;
    text-align: center;
  }
  #footer-top .footer-title, .link-list .link-item, .social-links{
    text-align: center;
  }
  .link-list .link-item .bullet {
    display: none;
  }
  .link-list .link-item a {
    padding-left: 0;
  }
  #footer-top .twitter-feed {
    float: none;
    position: static;
  }
  #footer-bottom p {
    font-size: 0.75em;
  }
  .load-more-box .load-more {
    width: initial;
    font-size: 0.9em;
  }
  .load-more-box {
    margin-top: 20px
  }
}

.coming-soon-box {
  width: 630px;
  margin: 20px auto 0;
}

.coming-soon-box p {
  text-align: center;
}

.coming-soon-box p br {
  display: none;
}

.coming-soon-box .text-header {
  margin-bottom: 22px;
}

.coming-soon-box .button {
  width: 240px;
  margin: 40px auto 0;
}

@media screen and (max-width: 935px) {
  .coming-soon-box {
    width: 90%;
  }
  .coming-soon-box p br {
    display: block;
  }
}

.dashboard-body {
  padding: 70px 0 0 270px;
  position: relative;
}

.dashboard-header {
  width: 100%;
  padding-left: 270px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.dashboard-header .dashboard-header-item {
  float: left;
  width: 16.25%;
  height: 70px;
  padding: 22px 0 0 14px;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  background-color: #fff;
}

.dashboard-header .dashboard-header-item.title {
  padding: 0 0 0 30px;
}

.dashboard-header .dashboard-header-item.title h6 {
  line-height: 70px;
}

.dashboard-header .dashboard-header-item.form {
  float: right;
  width: 35%;
  padding-top: 14px;
  border-right: none;
}

.dashboard-header .dashboard-header-item .dashboard-search {
  position: relative;
}

.dashboard-header .dashboard-header-item .dashboard-search input[type="text"] {
  width: 60%;
  border: none;
}

.dashboard-header .dashboard-header-item .dashboard-search input[type="image"] {
  position: absolute;
  top: -14px;
  right: 70px;
  border-radius: 0;
}

.dashboard-header .dashboard-header-item.back-button {
  width: 100%;
  border: none;
  padding: 0;
  display: none;
}

.dashboard-header .dashboard-header-item.back-button .button {
  width: 100%;
  height: 100%;
  border-radius: 0;
  line-height: 70px;
}

.dashboard-header .dashboard-header-item.back-button .button:before {
  content: url("../images/dashboard/back-icon.png");
  position: relative;
  top: 1px;
  right: 12px;
}

.db-options-button,
.db-close-button {
  width: 70px;
  height: 69px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9000;
}

.db-options-button {
  background-color: #1cbdf9;
  cursor: pointer;
  display: none;
}

.db-options-button img[alt="db-list-right"],
.db-options-button img[alt="close-icon"] {
  position: absolute;
  left: 50%;
}

.db-options-button img[alt="db-list-right"] {
  top: 27px;
  margin-left: -9px;
}

.db-options-button img[alt="close-icon"] {
  top: 28px;
  margin-left: -6px;
  display: none;
}

.db-close-button {
  background-color: #535d5f;
}

.db-close-button img[alt="back-icon"] {
  position: absolute;
  top: 28px;
  left: 50%;
  margin-left: -9px;
}

.db-side-menu-handler {
  width: 70px;
  height: 69px;
  background-color: #2b373a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
  cursor: pointer;
  display: none;
}

.db-side-menu-handler img[alt="db-list-left"] {
  position: absolute;
  top: 27px;
  left: 50%;
  margin-left: -9px;
}

.stats-meta .pie-chart {
  float: left;
  margin-right: 8px;
}

.stats-meta .pie-chart .svg-plus,
.stats-meta .pie-chart .svg-minus {
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -3px;
}

.stats-meta p {
  color: #b2b2b2;
  font-size: 0.625em;
}

.register-box{
  padding: 30px 0 90px;
}

.register-box .headline{
  margin: 30px 0;
}
.register-box .form-box-items .form-box-item {
  width: 48.7%;
  border-radius: 8px;
}

.register-box .form-box-items .form-box-item.full {
  width: 100%;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1350px) {
  .dashboard-body {
    padding-left: 0;
  }
  .side-menu.dashboard.closed {
    opacity: 0;
    visibility: hidden;
  }
  .side-menu.dashboard.closed.left {
    left: -270px;
  }
  .side-menu.dashboard.closed.right {
    right: -270px;
  }
  .side-menu.dashboard .svg-plus {
    display: block;
  }
  .db-side-menu-handler {
    display: block;
  }
  .dashboard-header {
    max-height: 70px;
    padding-left: 0;
  }
  .dashboard-header .dashboard-header-item.title,
  .dashboard-header .dashboard-header-item.form {
    width: 100%;
    float: none;
  }
  .dashboard-header .dashboard-header-item.stats {
    width: 33.333333%;
  }
  .dashboard-header .dashboard-header-item.title {
    padding-left: 100px;
  }
  .dashboard-header .dashboard-header-item:nth-last-child(2) {
    border-right: none;
  }
  .dashboard-header .dashboard-header-item .dashboard-search input[type="text"] {
    width: 85%;
  }
  .dashboard-header .dashboard-header-item .dashboard-search input[type="image"] {
    right: 0;
  }
  .dashboard-header .dashboard-header-item.back-button {
    display: block;
  }
  .db-options-button {
    display: block;
  }
  .db-close-button {
    display: none;
  }
}

@media screen and (max-width: 630px) {
  .dashboard-header .dashboard-header-item.stats {
    float: none;
    width: 100%;
    border-right: none;
  }
  .dashboard-header .dashboard-header-item .dashboard-search input[type="text"] {
    width: 75%;
  }
}

.profile-image {
  margin-bottom: 22px;
  min-height: 70px;
}

.profile-image .profile-image-data {
  float: left;
  padding-left: 80px;
  position: relative;
}

.profile-image .profile-image-data .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
}

.profile-image .profile-image-data .text-header {
  margin-top: 14px;
  margin-left: 12px;
}

.profile-image .profile-image-data .upload-details {
  font-size: 0.75em;
  font-weight: bold;
  margin-left: 12px;
}

.profile-image .button {
  float: left;
  width: 120px;
  margin: 18px 0 0 80px;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1350px) {
  .register-box .form-box-items .form-box-item {
    float: left;
    width: 100%;
  }
}

@media screen and (max-width: 630px) {
  .profile-image .profile-image-data {
    float: none;
  }
  .profile-image .button {
    margin-top: 6px;
  }
}

.profile-notifications {
  margin: 0 auto 60px;
}

.profile-notifications .profile-notification {
  margin-bottom: 14px;
}

.profile-notifications .profile-notification:last-child {
  margin-bottom: 0;
}

.profile-notifications + .pager-wrap {
  text-align: right;
}

.profile-notifications + .pager-wrap .pager {
  display: inline-block;
}

.profile-notification {
  height: 76px;
  padding: 0 36px 0 16px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  overflow: hidden;
  position: relative;
}

.profile-notification .notification-close {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 10px;
  right: 12px;
  background: url("../images/dashboard/notif-close-icon.png") no-repeat center;
  opacity: .5;
  cursor: pointer;
}

.profile-notification .notification-close:hover {
  opacity: 1;
}

.profile-notification p {
  font-size: 0.8125em;
}

.profile-notification .profile-notification-date,
.profile-notification .profile-notification-body {
  float: left;
}

.profile-notification .profile-notification-date {
  width: 106px;
}

.profile-notification .profile-notification-date p {
  color: #b2b2b2;
  line-height: 74px;
}

.profile-notification .profile-notification-body {
  padding-left: 54px;
  position: relative;
}

.profile-notification .profile-notification-body .user-avatar {
  position: absolute;
  top: 17px;
  left: 0;
}

.profile-notification .profile-notification-body p {
  line-height: 74px;
}

.profile-notification .profile-notification-body p span {
  color: #2b373a;
  font-weight: 700;
}

.profile-notification .profile-notification-type {
  float: right;
}

.profile-notification .profile-notification-type .type-icon {
  color: #888;
  font-size: 18px;
  position: relative;
  top: 28px;
}

.profile-notification .profile-notification-type .type-icon.primary {
  color: #00d7b3;
}

.profile-notification .profile-notification-type .type-icon.secondary {
  color: #1396e1;
}

.profile-notification .profile-notification-type .type-icon.tertiary {
  color: #e61852;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 935px) {
  .profile-notifications {
    width: 570px;
    overflow: hidden;
  }
  .profile-notifications .profile-notification:nth-child(2n+2) {
    margin-right: 0;
  }
  .profile-notifications + .pager-wrap {
    text-align: center;
  }
  .profile-notification {
    float: left;
    width: 270px;
    height: 170px;
    margin-right: 30px;
  }
  .profile-notification .profile-notification-date {
    margin-right: 80px;
  }
  .profile-notification .profile-notification-body .user-avatar {
    top: 0;
  }
  .profile-notification .profile-notification-body p {
    line-height: 1.5em;
  }
  .profile-notification .profile-notification-type {
    float: none;
  }
}

@media screen and (max-width: 630px) {
  .profile-notifications {
    width: 270px;
  }
  .profile-notifications .profile-notification {
    margin-right: 0;
  }
}

.inbox-messages {
  border: 1px solid #ebebeb;
  padding-bottom: 36px;
  background-color: #fff;
}

.inbox-messages .inbox-message {
  border: none;
  border-bottom: 1px solid #ebebeb;
}

.inbox-messages .pager-wrap {
  text-align: right;
}

.inbox-messages .pager-wrap .pager {
  display: inline-block;
  margin: 36px 30px 0 0;
}

.inbox-messages-preview {
  border: 1px solid #ebebeb;
  overflow: hidden;
}

.inbox-messages-preview.full .inbox-message-preview {
  float: none;
  width: 100%;
  height: auto;
}

.inbox-messages-preview.full .inbox-message-preview-body {
  height: auto;
  overflow: hidden;
  border-bottom: none;
  padding-bottom: 26px;
}

.inbox-messages-preview.full .comment-list {
  padding: 0;
  border: 0;
}

.inbox-messages-preview.full .comment-list .comment-wrap {
  padding: 36px 30px 0 116px;
}

.inbox-messages-preview.full .comment-list .comment-wrap.comment-reply {
  padding-top: 56px;
}

.inbox-messages-preview.full .comment-list .comment-wrap.comment-reply .user-avatar {
  top: 66px;
}

.inbox-messages-preview.full .comment-list .comment-wrap.comment-reply .comment-reply-form textarea {
  height: 140px;
}

.inbox-messages-preview.full .comment-list .user-avatar {
  left: 28px;
}

.inbox-messages-preview .inbox-messages,
.inbox-messages-preview .inbox-message-preview {
  float: left;
  height: 730px;
}

.inbox-messages-preview .inbox-messages {
  width: 41%;
  border: none;
  border-right: 1px solid #ebebeb;
  padding-bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.inbox-messages-preview .inbox-messages::-webkit-scrollbar {
  -webkit-appearance: none;
}

.inbox-messages-preview .inbox-messages::-webkit-scrollbar:vertical {
  width: 12px;
}

.inbox-messages-preview .inbox-messages::-webkit-scrollbar-thumb {
  background-color: #ebebeb;
  border-radius: 200px;
  border: 4px solid #fff;
}

.inbox-messages-preview .inbox-messages::-webkit-scrollbar-track {
  background-color: #fff;
}

.inbox-messages-preview .inbox-message-preview {
  width: 59%;
}

.inbox-message-preview {
  background-color: #fff;
}

.inbox-message-preview .inbox-message-preview-header {
  height: 65px;
  border-bottom: 1px solid #ebebeb;
  padding: 0 24px;
}

.inbox-message-preview .inbox-message-preview-header .text-header,
.inbox-message-preview .inbox-message-preview-header .report {
  line-height: 65px;
}

.inbox-message-preview .inbox-message-preview-header .text-header {
  float: left;
  font-size: 1.375em;
}

.inbox-message-preview .inbox-message-preview-header .text-header img {
  position: relative;
  top: -1px;
  left: 6px;
}

.inbox-message-preview .inbox-message-preview-header .report {
  float: right;
  color: #b2b2b2;
  font-size: 0.75em;
}

.inbox-message-preview .inbox-message-preview-body {
  height: 605px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ebebeb;
  overflow-y: auto;
  overflow-x: hidden;
}

.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar {
  -webkit-appearance: none;
}

.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar:vertical {
  width: 12px;
}

.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar-thumb {
  background-color: #ebebeb;
  border-radius: 200px;
  border: 4px solid #fff;
}

.inbox-message-preview .inbox-message-preview-body::-webkit-scrollbar-track {
  background-color: #fff;
}

.inbox-message-preview .inbox-message-preview-body .message-preview {
  float: left;
  clear: both;
}

.inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) {
  float: right;
  padding: 42px 80px 0 40px;
}

.inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) .user-avatar {
  left: auto;
  right: 24px;
}

.inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) p {
  text-align: right;
}

.inbox-message-preview .inbox-reply-form {
  height: 58px;
  padding: 0 145px 0 10px;
  position: relative;
}

.inbox-message-preview .inbox-reply-form input[type="text"] {
  height: 100%;
  border: none;
}

.inbox-message-preview .inbox-reply-form .button {
  position: absolute;
  top: 15px;
  right: 12px;
}

.message-preview {
  max-width: 540px;
  padding: 42px 40px 0 80px;
  position: relative;
}

.message-preview .user-avatar {
  position: absolute;
  top: 40px;
  left: 24px;
}

.message-preview .text-header {
  margin-bottom: 4px;
}

.message-preview .timestamp {
  margin-bottom: 10px;
}

.inbox-message {
  height: 65px;
  background-color: #fff;
  border: 1px solid #ebebeb;
}

.inbox-message.v2 {
  height: 112px;
  padding: 0 54px 0 102px;
  position: relative;
}

.inbox-message.v2 p {
  line-height: 1em;
}

.inbox-message.v2 .inbox-message-actions label {
  position: absolute;
  top: 28px;
  left: 14px;
  margin: 0;
}

.inbox-message.v2 .inbox-message-actions .starred {
  float: none;
  margin: 0;
  position: absolute;
  top: 68px;
  left: 57px;
}

.inbox-message.v2 .inbox-message-author {
  position: static;
  padding-left: 0;
}

.inbox-message.v2 .inbox-message-author .text-header {
  margin-top: 20px;
}

.inbox-message.v2 .inbox-message-author .text-header .message-icon {
  display: inline;
  position: relative;
  top: 2px;
  left: 10px;
}

.inbox-message.v2 .inbox-message-author .user-avatar {
  top: 22px;
  left: 45px;
}

.inbox-message.v2 .inbox-message-content {
  width: 100%;
  max-height: 40px;
  margin-top: 12px;
}

.inbox-message.v2 .inbox-message-content p {
  font-size: 0.75em;
}

.inbox-message.v2 .inbox-message-content .text-header,
.inbox-message.v2 .inbox-message-content .description {
  max-width: 100%;
  line-height: 18px;
}

.inbox-message.v2 .inbox-message-content .text-header {
  margin-right: 8px;
}

.inbox-message.v2 .inbox-message-date {
  margin: 0;
  position: absolute;
  top: 27px;
  right: 28px;
}

.inbox-message.v2 .inbox-message-date p {
  font-size: 0.75em;
}

.inbox-message.v2 .inbox-message-type {
  display: none;
}

.inbox-message .inbox-message-actions,
.inbox-message .inbox-message-author,
.inbox-message .inbox-message-content,
.inbox-message .inbox-message-date,
.inbox-message .inbox-message-type {
  float: left;
}

.inbox-message p {
  font-size: 0.8125em;
  line-height: 65px;
}

.inbox-message .inbox-message-actions {
  padding-left: 15px;
}

.inbox-message .inbox-message-actions label {
  float: left;
  margin-top: 19px;
}

.inbox-message .inbox-message-actions .starred {
  float: left;
  width: 16px;
  height: 15px;
  margin: 25px 25px 0 12px;
  position: relative;
  cursor: pointer;
}

.inbox-message .inbox-message-actions .starred img[alt^="star"] {
  position: absolute;
  top: 0;
  left: 0;
}

.inbox-message .inbox-message-actions .starred img[alt^="star"].visible {
  display: block;
}

.inbox-message .inbox-message-actions .starred img[alt^="star"].hidden {
  display: none;
}

.inbox-message .inbox-message-author {
  width: 240px;
  padding-left: 56px;
  position: relative;
}

.inbox-message .inbox-message-author .text-header .message-icon {
  display: none;
}

.inbox-message .inbox-message-author .user-avatar {
  position: absolute;
  top: 12px;
  left: 0;
}

.inbox-message .inbox-message-content {
  width: 45%;
}

.inbox-message .inbox-message-content p {
  float: left;
}

.inbox-message .inbox-message-content .text-header,
.inbox-message .inbox-message-content .description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-message .inbox-message-content .text-header {
  max-width: 22%;
  margin-right: 22px;
}

.inbox-message .inbox-message-content .text-header.normal {
  color: #888;
  font-weight: 600;
}

.inbox-message .inbox-message-content .description {
  max-width: 72%;
  color: #b2b2b2;
}

.inbox-message .inbox-message-date,
.inbox-message .inbox-message-type {
  float: right;
}

.inbox-message .inbox-message-date {
  margin-right: 42px;
}

.inbox-message .inbox-message-type {
  width: 58px;
  height: 65px;
  position: relative;
}

.inbox-message .message-icon {
  color: #888;
  font-size: 18px;
  position: absolute;
  top: 23px;
  left: 0;
}

.inbox-message .message-icon.primary {
  color: #00d7b3;
}

.inbox-message .message-icon.secondary {
  color: #1cbdf9;
}

.inbox-message .message-icon.tertiary {
  color: #e61852;
}

.style-tool-bar {
  height: 53px;
  padding: 0 14px;
  border: 1px solid #ebebeb;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  position: relative;
  top: 2px;
}

.style-tool-bar .text-header {
  float: left;
  margin-right: 20px;
  font-size: 0.8125em;
  line-height: 53px;
}

.style-tool-bar .style-tool-bar-options {
  float: left;
  margin-top: 9px;
  overflow: hidden;
}

.style-tool-bar .style-tool-bar-options li {
  float: left;
  border-right: 1px solid #ebebeb;
}

.style-tool-bar .style-tool-bar-options li:first-child {
  border-left: 1px solid #ebebeb;
}

.style-tool-bar .style-tool-bar-options li p {
  padding: 0 14px;
  color: #b2b2b2;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 32px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.style-tool-bar .style-tool-bar-options li p:hover {
  color: #2b373a;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  .inbox-messages-preview .inbox-messages,
  .inbox-messages-preview .inbox-message-preview {
    float: none;
    width: 100%;
  }
  .inbox-messages-preview .inbox-messages {
    height: 223px;
    border-right: none;
  }
  .inbox-messages-preview .inbox-messages .inbox-message:last-child {
    border-bottom: none;
  }
  .inbox-messages-preview.full .inbox-message-preview .inbox-message-preview-header {
    border-top: none;
  }
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header {
    border-top: 1px solid #ebebeb;
  }
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body {
    width: 100%;
  }
  .style-tool-bar {
    display: none;
  }
}

@media screen and (max-width: 935px) {
  .form-popup.new-message {
    width: 80%;
  }
}

@media screen and (max-width: 630px) {
  .inbox-messages-preview.full .comment-list .comment-wrap {
    padding-left: 66px;
  }
  .inbox-messages-preview.full .comment-list .user-avatar {
    left: 14px;
  }
}

@media screen and (max-width: 460px) {
  .form-popup.new-message {
    width: 95%;
  }
  .inbox-message.v2 {
    padding-left: 50px;
  }
  .inbox-message.v2 .inbox-message-actions label {
    top: 40px;
  }
  .inbox-message.v2 .inbox-message-actions .starred {
    top: 76px;
    left: 15px;
  }
  .inbox-message.v2 .inbox-message-author .text-header .message-icon {
    position: absolute;
    top: 16px;
    left: 14px;
  }
  .inbox-message.v2 .inbox-message-author .user-avatar {
    display: none;
  }
  .inbox-message.v2 .inbox-message-date {
    top: 21px;
    right: 14px;
  }
  .inbox-messages-preview.full .inbox-message-preview .inbox-message-preview-body {
    height: auto;
  }
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .text-header,
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .report {
    float: none;
    line-height: 1.5em;
  }
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-header .report {
    margin-top: 10px;
  }
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body {
    height: 566px;
  }
  .inbox-messages-preview .inbox-message-preview .inbox-message-preview-body .message-preview:nth-child(even) {
    padding-right: 24px;
  }
  .message-preview {
    padding-left: 24px;
  }
  .message-preview .user-avatar {
    display: none;
  }
}

.purchases-list {
  background-color: #fff;
  overflow: hidden;
  border-radius: 8px;
}
.purchases-list .purchase-item:last-child{
  border-bottom: none;
}

.purchases-list .pager-wrap {
  float: right;
  margin: 36px 30px 0 0;
}

.purchases-list-header {
  border-bottom: 1px solid #f6f7f9;
  overflow: hidden;
}

.purchases-list-header > * {
  float: left;
}

.purchases-list.historico-compra .purchases-list-header-lances,
.purchases-list.historico-compra .purchase-item-lances{width: 15%;text-align: center;}
.purchases-list.historico-compra .purchases-list-header-descricao,
.purchases-list.historico-compra .purchase-item-descricao{
  width: 70%;
  padding-left: 20px;
}
.purchases-list.historico-compra .purchases-list-header-leilao,
.purchases-list.historico-compra .purchase-item-leilao {
    width: 50%;
    padding-left: 20px;
}
.purchase-item-lances .texto{
  font-weight: 600;
}
.purchase-item-leilao .picture-box,
.purchase-item-leilao .title-box
{
  display: inline-block;
}
.purchase-item-leilao .title-box{
  display: inline-block;
  width: 85%;
  padding-left: 15px;
  color: #2b373a;
  font-weight: 700;
  line-height: 1em;
}
.purchase-item-leilao .picture-box{
  float:left;
  padding: 6px 0;
}
.purchase-item-leilao .product-preview-image.small{height: 40px;width: 40px;position: relative;margin-top: 8px;}
.purchase-item-descricao .texto,
.purchase-item-leilao .texto{
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.purchases-list-header-status, .purchase-item-status{
    width: 20%;
    /* padding-left: 20px; */
    text-align: center;
}
.purchases-list.historico-compra .purchases-list-header-data,
.purchases-list.historico-compra .purchase-item-data{
  width: 15%;
  padding-left: 20px;
}

.purchases-list-header .text-header {
  line-height: 50px;
}

.purchases-list-header .purchases-list-header-price .text-header,
.purchases-list-header .purchases-list-header-download .text-header,
.purchases-list-header .purchases-list-header-recommend .text-header {
  text-align: center;
}
.purchases-list.historico-compra .texto{
  text-align: left;
  line-height: 60px;
  font-size: 14px;
}
.purchase-item-leilao .product-info{
  display: inline-block;
  height: 60px;
}
.purchase-item-leilao .product-info .text-header{
  padding-top: 8px;
  font-size: 15px;
}
.purchase-item-leilao .product-info .product-description{
  font-size: 13px;
  margin-top: 2px;
}
.texto.color-blue{
  font-weight: 600;
}
.purchases-list.historico-compra .purchase-item-lances .texto, .purchases-list.historico-compra .purchase-item-status .texto{
  text-align: center;
  /* font-size: 16px; */
}

.texto.mobile-only{
  display: none;
}

.purchases-list-header-date,
.purchase-item-date {
  width: 11.9%;
  padding-left: 24px;
}

.purchases-list-header-details,
.purchase-item-details {
  width: 33.6%;
}

.purchases-list-header-info,
.purchase-item-info {
  width: 14.5%;
}

.purchases-list-header-price,
.purchase-item-price {
  width: 11%;
}

.purchases-list-header-download,
.purchase-item-download {
  width: 14.1%;
}

.purchases-list-header-recommend,
.purchase-item-recommend {
  width: 14.9%;
}

.purchase-item {
  border-bottom: 1px solid #f6f7f9;
  height: 60px;
  line-height: 60px;
}

.purchase-item > * {
  float: left;
  height: 100%;
}

.purchase-item-date p {
  font-size: 0.75em;
  line-height: 120px;
}

.purchase-item-details {
  padding-top: 24px;
}

.purchase-item-details .item-preview .description {
  width: 180px;
}

.purchase-item-info {
  padding-top: 24px;
}

.purchase-item-info p {
  font-size: 0.75em;
  line-height: 1em;
  margin-bottom: 6px;
}

.purchase-item-price {
  padding-top: 44px;
}

.purchase-item-price .price {
  text-align: center;
}

.purchase-item-download {
  padding-top: 40px;
}

.purchase-item-download .button {
  margin: 0 auto;
}

.purchase-item-recommend {
  padding-top: 34px;
  text-align: center;
}

.purchase-item-recommend .recommendation-wrap {
  display: inline-block;
  margin-bottom: 12px;
}

.purchase-item-recommend .recommendation-wrap .recommendation:first-child {
  margin-right: 16px;
}

.purchase-item-recommend .text-header {
  font-size: 0.6875em;
}

.recommendation-wrap {
  text-align: center;
}

.recommendation-wrap .recommendation-item {
  display: inline-block;
  margin: 0 100px 34px 0;
}

.recommendation-wrap .recommendation-item:last-child {
  margin-right: 0;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  .purchases-list-header-date,
  .purchase-item-date {
    width: 14.9%;
  }
  .purchases-list-header-details,
  .purchase-item-details {
    width: 35.1%;
  }
  .purchases-list-header-info,
  .purchase-item-info {
    display: none;
  }
  .purchases-list-header-price,
  .purchase-item-price {
    width: 11%;
  }
  .purchases-list-header-download,
  .purchase-item-download {
    width: 19.1%;
  }
  .purchases-list-header-recommend,
  .purchase-item-recommend {
    width: 19.9%;
  }
}

@media screen and (max-width: 935px) {
  .purchase-item-details .item-preview {
    padding-left: 0;
  }
  .purchase-item-details .item-preview .product-preview-image {
    display: none;
  }
  .purchases-list-header-date,
  .purchase-item-date {
    width: 22%;
  }
  .purchases-list-header-details,
  .purchase-item-details {
    width: 30%;
  }
  .purchases-list-header-price,
  .purchase-item-price {
    display: none;
  }
  .purchases-list-header-download,
  .purchase-item-download {
    width: 24%;
  }
  .purchases-list-header-recommend,
  .purchase-item-recommend {
    width: 24%;
  }
}
@media screen and (max-width: 750px) {
.texto.mobile-only{
  display: block;
  font-weight: 600;
  font-size: 13px !important;
}
  .purchases-list.historico-compra{
    width:  280px;
    margin: 0 auto;
  }
.purchases-list.historico-compra .purchases-list-header, .purchase-item-descricao{
  display: none;
}
.purchases-list.historico-compra .purchase-item-data, .purchases-list.historico-compra .purchase-item-descricao, .purchases-list.historico-compra .purchase-item-lances, .purchases-list.historico-compra .purchase-item-leilao{width: 100%;padding-left: 0;padding: 8px 20px;}
.purchases-list.historico-compra .texto{
  line-height: 20px;
  text-align: center;
  font-size: 15px;
}
.purchase-item{
  height: initial;
  line-height: initial;
  display: inline-block;
  width: 100%;
  padding: 20px 0;
}
.purchases-list-header-status, .purchase-item-status, .purchase-item-leilao .picture-box{
  display: none;
}
.purchase-item-leilao .title-box{
  width: 100%;
  padding-left: 0;
}
}
@media screen and (max-width: 630px) {
  .purchases-list .pager-wrap {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .purchases-list .pager-wrap .pager {
    display: inline-block;
  }
  .purchases-list-header-date,
  .purchases-list-header-download,
  .purchases-list-header-recommend {
    display: none;
  }
  .purchases-list-header-details {
    width: 100%;
    text-align: center;
  }
  .purchase-item {
    height: auto;
    padding: 24px 0;
  }
  .purchase-item > * {
    float: none;
    width: 100%;
  }
  .purchase-item .purchase-item-date {
    padding: 0 0 10px;
  }
  .purchase-item .purchase-item-date p {
    text-align: center;
    line-height: 1em;
  }
  .purchase-item .purchase-item-details {
    padding-top: 0;
  }
  .purchase-item .purchase-item-details .item-preview {
    text-align: center;
  }
  .purchase-item .purchase-item-details .item-preview .description {
    margin: 0 auto;
  }
  .purchase-item .purchase-item-download {
    padding-top: 16px;
  }
  .purchase-item .purchase-item-recommend {
    padding-top: 18px;
  }
  .recommendation-wrap .recommendation-item {
    margin-right: 20px;
  }
  .recommendation-wrap .recommendation-item:last-child {
    margin-right: 0;
  }
}

.pack-boxes {
  overflow: hidden;
  margin: 0 auto 40px;
  padding-top: 20px;
  text-align: center;
}

.pack-boxes .pack-box {
  /* float: left; */
  margin: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
  display: inline-block;
}
.pack-boxes .pack-box:first-child{
  margin-left: 0;
}
.pack-boxes .pack-box:last-child{
  margin-bottom: 0;
}
.pack-boxes .pack-box:nth-child(5n+5) {
  margin-right: 0;
}

.pack-box {
  width: 218px;
  height: 218px;
  padding-top: 24px;
  /* border: 1px solid #ebebeb; */
  background-color: #fff;
  position: relative;
}

.pack-box p {
  text-align: center;
}

.pack-box .pin {
  top: 12px;
  left: -10px;
}

.pack-box .text-header {
  margin-bottom: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
}

.pack-box .price {
  line-height: 24px;
  margin-bottom: 18px;
  right: 10px;
}

.pack-box .price span {
  top: -5px;
  left: -7px;
}

.pack-box .credit, .pack-box .credit span {
  font-size: 1em;
  padding-top: 5px;
  font-weight: bold;
}
.pack-box .credit span{
  margin-right: 5px;
  top: 2px;
  position: relative;
}

.pack-box .button {
  margin: 28px auto 0;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1510px) {
  .pack-boxes {
    width: 100%;
    padding-left: 0;
  }
  .pack-boxes .pack-box {
    margin-bottom: 20px;
  }
  .pack-boxes .pack-box:nth-child(5n+5) {
    margin-right: 0;
  }
  .pack-boxes .pack-box:nth-child(4n+4) {
    /* margin-right: 0; */
  }
}

@media screen and (max-width: 1260px) {
  .pack-boxes {
    /* width: 706px; */
  }
  .pack-boxes .pack-box:nth-child(4n+4) {
    /* margin-right: 20px; */
  }
  .pack-boxes .pack-box:nth-child(3n+3) {
    /* margin-right: 0; */
  }
}

@media screen and (max-width: 935px) {
  .pack-boxes {
    width: 480px;
  }
  .pack-boxes .pack-box:nth-child(3n+3) {
    margin-left: 0;
  }
  .pack-boxes .pack-box:nth-child(2n+2) {
    /* margin-right: 0; */
  }
}

@media screen and (max-width: 630px) {
  .pack-boxes {
    width: 230px;
  }
  .pack-boxes .pack-box {
    margin: 10px 0;
  }
}

.statement-form > label {
  float: left;
  margin: 0 6px;
  line-height: 32px;
}

.datepicker-wrap {
  float: left;
  position: relative;
}

.datepicker-wrap .icon-calendar {
  color: #b2b2b2;
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
}

.sale-data {
  border: 1px solid #ebebeb;
  overflow: hidden;
  margin-bottom: 26px;
}

.sale-data .sale-data-item {
  float: left;
  width: 25%;
  border-right: 1px solid #ebebeb;
}

.sale-data .sale-data-item:last-child {
  border-right: none;
}

.sale-data-item {
  height: 130px;
  padding: 65px 0 0 25px;
  background-color: #fff;
  position: relative;
}

.sale-data-item p {
  font-size: 0.8125em;
  line-height: 1em;
}

.sale-data-item .sl-icon {
  color: #00d7b3;
  font-size: 30px;
  position: absolute;
  top: 20px;
  left: 23px;
}

.sale-data-item .text-header.big,
.sale-data-item .price.big {
  float: left;
  margin-right: 12px;
}

.sale-data-item .price span {
  font-size: 0.61111em;
  top: -5px;
  left: -4px;
}

.sale-data-item .sale-data-item-info {
  margin-top: 5px;
}

.sale-data-item .sale-data-item-info .text-header {
  margin-bottom: 2px;
}

.transaction-list {
  padding-bottom: 36px;
  border: 1px solid #ebebeb;
  background-color: #fff;
  overflow: hidden;
}

.transaction-list .transaction-list-item {
  border-bottom: 1px solid #ebebeb;
}

.transaction-list .pager-wrap {
  float: right;
  margin: 36px 32px 0 0;
}

.transaction-list-header {
  height: 50px;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}

.transaction-list-header > * {
  float: left;
}

.transaction-list-header .text-header {
  line-height: 50px;
}

.transaction-list-header-date,
.transaction-list-item-date {
  width: 14.5%;
  padding-left: 24px;
}

.transaction-list-header-author,
.transaction-list-item-author {
  width: 17.25%;
}

.transaction-list-header-item,
.transaction-list-item-item {
  width: 22.55%;
}

.transaction-list-header-detail,
.transaction-list-item-detail {
  width: 10.75%;
}

.transaction-list-header-code,
.transaction-list-item-code {
  width: 7.7%;
}

.transaction-list-header-price,
.transaction-list-item-price {
  width: 7.5%;
}

.transaction-list-header-cut,
.transaction-list-item-cut {
  width: 8.55%;
}

.transaction-list-header-earnings,
.transaction-list-item-earnings {
  width: 8.2%;
}

.transaction-list-header-icon,
.transaction-list-item-icon {
  width: 3%;
}

.transaction-list-header-price p,
.transaction-list-header-price .text-header,
.transaction-list-item-price p,
.transaction-list-item-price .text-header,
.transaction-list-header-cut p,
.transaction-list-header-cut .text-header,
.transaction-list-item-cut p,
.transaction-list-item-cut .text-header,
.transaction-list-header-earnings p,
.transaction-list-header-earnings .text-header,
.transaction-list-item-earnings p,
.transaction-list-item-earnings .text-header {
  text-align: center;
}

.transaction-list-item {
  height: 50px;
}

.transaction-list-item > * {
  float: left;
}

.transaction-list-item p {
  font-size: 0.8125em;
  line-height: 50px;
}

.transaction-list-item .transaction-list-item-icon {
  padding-top: 18px;
}

.transaction-icon {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #b2b2b2;
  position: relative;
}

.transaction-icon.primary {
  background-color: #00d7b3;
}

.transaction-icon.secondary {
  background-color: #1cbdf9;
}

.transaction-icon.tertiary {
  background-color: #e61852;
}

.transaction-icon .svg-plus,
.transaction-icon .svg-minus {
  fill: #fff;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1260px) {
  .sale-data {
    width: 100%;
    margin: 0 auto 26px;
    border-right: none;
  }
  .sale-data .sale-data-item {
    width: 50%;
  }
  .sale-data .sale-data-item:nth-child(3n+3) {
    clear: left;
  }
  .sale-data .sale-data-item:last-child {
    border-right: 1px solid #ebebeb;
  }
  .transaction-list-header-item,
  .transaction-list-item-item {
    width: 31.1%;
  }
  .transaction-list-header-cut,
  .transaction-list-item-cut {
    display: none;
  }
}

@media screen and (max-width: 935px) {
  .transaction-list-header-date,
  .transaction-list-item-date {
    width: 23%;
  }
  .transaction-list-header-author,
  .transaction-list-item-author {
    width: 25%;
  }
  .transaction-list-header-item,
  .transaction-list-item-item {
    width: 36%;
  }
  .transaction-list-header-detail,
  .transaction-list-item-detail {
    display: none;
  }
  .transaction-list-header-code,
  .transaction-list-item-code {
    display: none;
  }
  .transaction-list-header-price,
  .transaction-list-item-price {
    display: none;
  }
  .transaction-list-header-earnings,
  .transaction-list-item-earnings {
    width: 12%;
  }
  .transaction-list-header-icon,
  .transaction-list-item-icon {
    width: 4%;
  }
}

@media screen and (max-width: 630px) {
  .sale-data {
    border-bottom: none;
  }
  .sale-data .sale-data-item {
    width: 100%;
    border-bottom: 1px solid #ebebeb;
  }
  .transaction-list {
    padding: 0 24px 36px;
  }
  .transaction-list-item {
    height: auto;
    padding: 20px 24px;
  }
  .transaction-list-item > * {
    float: none;
    width: 100%;
  }
  .transaction-list-item p,
  .transaction-list-item .text-header {
    line-height: 1em;
    text-align: left;
    margin-bottom: 6px;
  }
  .transaction-list-item .transaction-list-item-date,
  .transaction-list-item .transaction-list-item-icon {
    padding: 0;
  }
  .transaction-list-header-date,
  .transaction-list-header-author,
  .transaction-list-header-earnings,
  .transaction-list-header-icon {
    display: none;
  }
  .transaction-list-header-item {
    width: 100%;
  }
  .transaction-list-header-item .text-header {
    text-align: center;
  }
  .transaction-list-item-detail,
  .transaction-list-item-code,
  .transaction-list-item-price {
    display: block;
  }
}

.graph-stats-list {
  margin: 0 auto 26px;
  overflow: hidden;
}

.graph-stats-list .graph-stats-list-item {
  float: left;
}

.graph-stats-list .graph-stats-list-item:last-child {
  margin-right: 0;
}

.graph-stats-list-item {
  width: 23%;
  height: 170px;
  margin-right: 2.66666666%;
  padding: 18px 22px 0;
  border: 1px solid #ebebeb;
  background-position: center;
}

.graph-stats-list-item p,
.graph-stats-list-item .text-header {
  color: #fff;
}

.graph-stats-list-item h2 {
  font-size: 2.625em;
  margin-bottom: 2px;
}

.graph-stats-list-item p {
  font-size: 0.8125em;
}

.graph-stats-list-item .text-header {
  font-size: 1em;
}

.graph-stats-list-item.green {
  background-color: #00d7b3;
}

.graph-stats-list-item.blue {
  background-color: #108fe9;
}

.graph-stats-list-item.violet {
  background-color: #7c5ac2;
}

.graph-stats-list-item.red {
  background-color: #ea2e68;
}

.graph-stats-list-item.bars {
  background-image: url("../images/dashboard/graphs/bars.png");
}

.graph-stats-list-item.line {
  background-image: url("../images/dashboard/graphs/line.png");
}

.graph-stats-list-item.step {
  background-image: url("../images/dashboard/graphs/step.png");
}

.graph-stats-list-item.curve {
  background-image: url("../images/dashboard/graphs/curve.png");
}

.form-box-item .chart-filters {
  position: absolute;
  top: 26px;
  right: 24px;
}

.chart-filters {
  overflow: hidden;
}

.chart-filters .chart-filter {
  float: left;
  margin-right: 30px;
  cursor: pointer;
}

.chart-filters .chart-filter:last-child {
  margin-right: 0;
}

.chart-filter p {
  float: left;
  margin-top: 4px;
  font-size: 0.6875em;
  line-height: 1em;
}

.chart-filter .sl-icon {
  float: left;
  margin-right: 8px;
  color: #b2b2b2;
}

.chart-filter .sl-icon.primary {
  color: #00d7b3;
}

.chart-filter .sl-icon.secondary {
  color: #1cbdf9;
}

.chart-filter .sl-icon.tertiary {
  color: #e61852;
}

.chart-filter form {
  position: relative;
  top: -4px;
}

.chart-filter form .select-block select {
  height: 26px;
  border: none;
  padding: 0 26px 0 12px;
  color: #2b373a;
  font-size: 12px;
  font-weight: 700;
  line-height: 26px;
}

.chart-filter form .select-block .svg-arrow {
  top: 8px;
  right: 5px;
}

.chart-filter .chart-legend {
  margin-top: 2px;
}

.chart-filter .chart-legend-item p {
  font-size: 0.6875em;
  margin-top: 0;
}

.form-box-addon {
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 32px 0 32px 48px;
  background-color: #fff;
  position: relative;
  top: -26px;
  overflow: hidden;
}

.form-box-addon .chart-wrap {
  float: left;
  margin-right: 6.8%;
  overflow: hidden;
}

.form-box-addon .chart-legend {
  margin-top: 26px;
}

.form-box-addon .chart-meta {
  margin-top: 4px;
}

.main-activity-pie-chart-wrap {
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 20px;
}

.colors-pie-chart-wrap {
  width: 176px;
  height: 176px;
  margin: 0 auto 30px;
  position: relative;
}

.colors-pie-chart-wrap .chart-description {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 68px;
}

.colors-pie-chart-wrap .chart-description .text-header:first-child {
  font-size: 1.75em;
  margin-bottom: 6px;
}

.colors-pie-chart-wrap .chart-description .text-header:last-child {
  font-size: 0.8125em;
}

.bounce-pie-chart {
  width: 200px;
  height: 200px;
  padding-top: 56px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -100px;
}

.bounce-pie-chart p {
  font-size: 0.6875em;
  text-align: center;
}

.bounce-pie-chart .text-header.big {
  font-size: 3em;
  margin-bottom: 10px;
}

.bounce-pie-chart .text-header.small {
  font-size: 0.8125em;
  margin-bottom: 2px;
}

.chart-legend {
  float: left;
}

.chart-legend.full {
  float: none;
  width: 100%;
}

.chart-legend.full .chart-legend-item {
  margin-bottom: 16px;
}

.chart-legend.inline {
  float: none;
  display: inline-block;
  overflow: hidden;
}

.chart-legend.inline .chart-legend-item {
  float: left;
  margin: 0 20px 0 0;
}

.chart-legend.inline .chart-legend-item:last-child {
  margin-right: 0;
}

.chart-legend .chart-legend-item {
  margin-bottom: 22px;
}

.chart-legend .chart-legend-item:last-child {
  margin-bottom: 0;
}

.chart-legend-item {
  padding-left: 22px;
  position: relative;
  overflow: hidden;
}

.chart-legend-item .chart-legend-item-color {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.chart-legend-item .chart-legend-item-color.lightgreen {
  background-color: #03f1b6;
}

.chart-legend-item .chart-legend-item-color.blue {
  background-color: #108fe9;
}

.chart-legend-item .chart-legend-item-color.violet {
  background-color: #7c5ac2;
}

.chart-legend-item .chart-legend-item-color.red {
  background-color: #ea2e68;
}

.chart-legend-item .chart-legend-item-color.yellow {
  background-color: #ffdc1b;
}

.chart-legend-item p {
  float: left;
  font-size: 0.75em;
  line-height: 15px;
}

.chart-legend-item .text-header {
  float: right;
}

.chart-meta {
  overflow: hidden;
}

.chart-meta .chart-meta-item {
  float: left;
  margin-right: 8%;
}

.chart-meta .chart-meta-item:last-child {
  margin-right: 0;
}

.chart-meta-item .price:first-child,
.chart-meta-item .text-header:first-child {
  font-size: 2.625em;
}

.chart-meta-item .price:first-child > span,
.chart-meta-item .text-header:first-child > span {
  font-size: 0.57143em;
  margin-right: 5px;
  top: -6px;
}

.chart-meta-item .price:first-child {
  margin-bottom: 10px;
}

.chart-meta-item .text-header:first-child {
  margin-bottom: 18px;
}

.chart-meta-item .text-header,
.chart-meta-item p {
  text-align: center;
}

.chart-meta-item .text-header:last-child,
.chart-meta-item p:last-child {
  margin-top: 2px;
  font-size: 0.75em;
}

.plain-text-box .plain-text-box-item {
  margin-bottom: 20px;
}

.plain-text-box .plain-text-box-item:last-child {
  margin-bottom: 0;
}

.plain-text-box .plain-text-box-item p {
  margin-bottom: 20px;
  font-size: 0.8125em;
  line-height: 20px;
}

.plain-text-box .plain-text-box-item p:last-child {
  margin-bottom: 0;
}

.plain-text-box .plain-text-box-item .text-header {
  margin-bottom: 0;
}

.pg-bar-list .pg-bar-list-item {
  margin-bottom: 12px;
}

.pg-bar-list .pg-bar-list-item:last-child {
  margin-bottom: 0;
}

.pg-bar-list-item .pg-bar-list-item-info {
  overflow: hidden;
}

.pg-bar-list-item .pg-bar-list-item-info p {
  font-size: 0.8125em;
}

.pg-bar-list-item .pg-bar-list-item-info .text-header:first-child {
  float: left;
}

.pg-bar-list-item .pg-bar-list-item-info .text-header:nth-child(2) {
  float: right;
}

.pg-bar-list-item .pg-bar-list-item-info .timestamp {
  clear: both;
  color: #888;
}

.recent-activity .recent-activity-item {
  border-bottom: 1px solid #ebebeb;
}

.recent-activity .recent-activity-item:last-child {
  border-bottom: 0;
}

.recent-activity-item {
  height: 60px;
  padding-left: 54px;
  position: relative;
  overflow: hidden;
}

.recent-activity-item p {
  font-size: 0.8125em;
  line-height: 60px;
}

.recent-activity-item .sl-icon {
  color: #888;
  font-size: 18px;
  position: absolute;
  top: 20px;
  left: 6px;
}

.recent-activity-item img[alt="close-icon"] {
  cursor: pointer;
  position: absolute;
  top: 26px;
  right: 7px;
}

.recent-activity-item-timestamp,
.recent-activity-item-info {
  float: left;
}

.recent-activity-item-timestamp {
  width: 15%;
}

.recent-activity-item-timestamp p {
  color: #b2b2b2;
}

.recent-activity-item-info {
  width: 85%;
  padding-left: 32px;
  position: relative;
}

.recent-activity-item-info .user-avatar {
  position: absolute;
  top: 18px;
  left: 0;
}

.popular-items .popular-item {
  border-bottom: 1px solid #ebebeb;
}

.popular-items .popular-item:last-child {
  border-bottom: none;
}

.popular-item {
  height: 70px;
  padding: 20px 20px 0 46px;
  overflow: hidden;
  position: relative;
}

.popular-item .popular-item-info {
  float: left;
}

.popular-item .popular-item-info .product-preview-image {
  position: absolute;
  top: 18px;
  left: 0;
}

.popular-item .popular-item-info .text-header {
  margin-bottom: 4px;
}

.popular-item .popular-item-meta {
  float: right;
}

.popular-item .popular-item-meta .metadata {
  margin-top: 4px;
}

.pie-chart-list {
  width: 520px;
  margin: 0 auto;
  overflow: hidden;
}

.pie-chart-list .pie-chart-item {
  float: left;
  margin: 0 40px 16px 0;
}

.pie-chart-list .pie-chart-item:nth-child(4n+4) {
  margin-right: 0;
}

.pie-chart-item {
  width: 100px;
  position: relative;
}

.pie-chart-item .country-chart {
  width: 100px;
  height: 100px;
  margin: 0 auto 8px;
}

.pie-chart-item p {
  text-align: center;
}

.pie-chart-item p:last-child {
  font-size: 0.625em;
}

.pie-chart-item img[alt="country-image"] {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -30px;
}

.text-icons {
  overflow: hidden;
}

.text-icons .text-icon {
  float: left;
  width: 146px;
  margin: 0 30px 40px 0;
  padding-top: 0;
}

.text-icons .text-icon:nth-child(3n+3) {
  margin-right: 0;
}

.text-icons .text-icon .text-header {
  margin-bottom: 2px;
}

.text-icons .text-icon p:last-child {
  font-size: 0.75em;
}

.text-icon {
  padding: 4px 0 0 56px;
  position: relative;
}

.text-icon.light p:last-child {
  opacity: .5;
}

.text-icon .ticon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.text-icon .ticon .sl-icon {
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 12px;
  left: 12px;
}

.text-icon .ticon .sl-icon.icon-cup {
  left: 14px;
}

.text-icon .ticon.green {
  background-color: #00d7b3;
}

.text-icon .ticon.blue {
  background-color: #38a9ff;
}

.text-icon .ticon.red {
  background-color: #ea2e68;
}

.text-icon .ticon.violet {
  background-color: #7c5ac2;
}

.text-icon .text-header {
  margin-bottom: 10px;
}

.text-icon p:last-child {
  font-size: 0.8125em;
  line-height: 20px;
}

.slider-wrap {
  text-align: center;
}

.numbers-slider .numbers-slider-item p {
  line-height: 1em;
  text-align: center;
}

.numbers-slider .numbers-slider-item p:last-child {
  font-size: 0.8125em;
  margin-top: 6px;
}

.numbers-slider .numbers-slider-item .text-header.big {
  font-size: 4.5em;
  margin-bottom: 34px;
}

.slider-pager {
  display: inline-block;
  margin-top: 40px;
  overflow: hidden;
}

.slider-pager > a {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #eff0f4;
  margin-right: 8px;
}

.slider-pager > a:last-child {
  margin-right: 0;
}

.slider-pager > a.active {
  background-color: #00d7b3;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 1500px) {
  .form-box-item.has-chart-filter-simple .chart-filters {
    right: auto;
    top: 60px;
    left: 24px;
  }
  .form-box-item.has-chart-filter-simple h4 {
    margin-bottom: 54px;
  }
  .popular-item {
    padding-right: 0;
  }
  .pie-chart-list {
    width: 380px;
  }
  .pie-chart-list .pie-chart-item:nth-child(4n+4) {
    margin-right: 40px;
  }
  .pie-chart-list .pie-chart-item:nth-child(3n+3) {
    margin-right: 0;
  }
  .text-icons {
    width: 322px;
  }
  .text-icons .text-icon:nth-child(3n+3) {
    margin-right: 30px;
  }
  .text-icons .text-icon:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1350px) {
  .form-box-item.has-chart-filter-simple .chart-filters {
    top: 26px;
    right: 24px;
    left: auto;
  }
  .form-box-item.has-chart-filter-simple h4 {
    margin-bottom: 22px;
  }
  .pie-chart-list {
    width: 520px;
  }
  .pie-chart-list .pie-chart-item:nth-child(3n+3) {
    margin-right: 40px;
  }
  .pie-chart-list .pie-chart-item:nth-child(4n+4) {
    margin-right: 0;
  }
  .text-icons {
    width: 520px;
  }
  .text-icons .text-icon:nth-child(2n+2) {
    margin-right: 30px;
  }
  .text-icons .text-icon:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1260px) {
  .form-box-addon {
    padding-left: 0;
    text-align: center;
  }
  .form-box-addon .chart-wrap {
    float: none;
    display: inline-block;
    margin: 0 0 30px 0;
  }
  .form-box-addon .chart-meta-wrap {
    text-align: center;
  }
  .form-box-addon .chart-meta-wrap .chart-meta {
    display: inline-block;
  }
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item {
    margin-right: 50px;
  }
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child {
    margin-right: 0;
  }
  .chart-legend.full {
    width: 222px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 935px) {
  .graph-stats-list {
    width: 570px;
    margin-bottom: 0;
  }
  .graph-stats-list .graph-stats-list-item {
    margin-bottom: 26px;
  }
  .graph-stats-list .graph-stats-list-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .graph-stats-list-item {
    width: 270px;
    margin-right: 30px;
  }
  .form-box-item.has-chart-filter h4 {
    margin-bottom: 54px;
  }
  .form-box-item.has-chart-filter .chart-filters {
    right: auto;
    top: 60px;
    left: 24px;
  }
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item {
    margin-bottom: 30px;
  }
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:nth-child(3n+3) {
    clear: left;
  }
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child {
    clear: left;
    margin-left: 40px;
  }
  .recent-activity {
    width: 510px;
    margin: 30px auto;
    overflow: hidden;
  }
  .recent-activity .recent-activity-item {
    float: left;
    width: 240px;
    height: auto;
    border: 1px solid #ebebeb;
    margin: 0 30px 30px 0;
    padding: 44px 24px 30px;
  }
  .recent-activity .recent-activity-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .recent-activity .recent-activity-item:last-child {
    border-bottom: 1px solid #ebebeb;
  }
  .recent-activity .recent-activity-item p {
    line-height: 1em;
  }
  .recent-activity .recent-activity-item .sl-icon {
    top: 12px;
    left: 12px;
  }
  .recent-activity .recent-activity-item .recent-activity-item-timestamp,
  .recent-activity .recent-activity-item .recent-activity-item-info {
    width: 100%;
  }
  .recent-activity .recent-activity-item .recent-activity-item-timestamp p {
    position: absolute;
    top: 16px;
    left: 36px;
  }
  .recent-activity .recent-activity-item .recent-activity-item-info p {
    line-height: 20px;
  }
  .recent-activity .recent-activity-item .recent-activity-item-info .user-avatar {
    top: 6px;
    left: -10px;
  }
  .recent-activity .recent-activity-item img[alt="close-icon"] {
    top: 14px;
    right: 10px;
  }
}

@media screen and (max-width: 630px) {
  .graph-stats-list {
    width: 270px;
  }
  .graph-stats-list .graph-stats-list-item {
    margin-right: 0;
  }
  .form-box-item.has-chart-filter .chart-filters .chart-filter {
    margin-right: 5px;
  }
  .form-box-item.has-chart-filter .chart-filters .chart-filter p,
  .form-box-item.has-chart-filter .chart-filters .chart-filter .text-header {
    display: none;
  }
  .form-box-item.has-chart-filter .chart-filters .chart-filter .chart-legend-item p {
    display: block;
  }
  .recent-activity {
    width: 240px;
  }
  .recent-activity .recent-activity-item {
    float: none;
    margin-right: 0;
  }
  .popular-item {
    height: auto;
    padding-bottom: 20px;
  }
  .popular-item .popular-item-info,
  .popular-item .popular-item-meta {
    float: none;
  }
  .pie-chart-list {
    width: 240px;
  }
  .pie-chart-list .pie-chart-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .text-icons {
    width: 322px;
  }
  .text-icons .text-icon:nth-child(3n+3) {
    margin-right: 30px;
  }
  .text-icons .text-icon:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media screen and (max-width: 460px) {
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item {
    float: none;
    margin-right: 0;
  }
  .purchases-list.historico-compra{
    width: 100%;
  }
  .load-more-box .load-more{
    width: 90%;
    padding: 0;
  }
  .form-box-addon .chart-meta-wrap .chart-meta .chart-meta-item:last-child {
    margin-left: 0;
  }
  .form-box-item.has-chart-filter-full .chart-filters {
    right: auto;
    top: 60px;
    left: 24px;
  }
  .form-box-item.has-chart-filter-full h4 {
    margin-bottom: 54px;
  }
  .pie-chart-list {
    width: 100px;
  }
  .pie-chart-list .pie-chart-item {
    margin-right: 0;
  }
  .text-icons {
    width: 146px;
  }
  .text-icons .text-icon {
    margin-right: 0;
  }
  .text-icons .text-icon:nth-child(3n+3) {
    margin-right: 0;
  }
}

.upload-file {
  overflow: hidden;
  margin-bottom: 34px;
}

.upload-file.multiupload .upload-file-actions .button {
  visibility: hidden;
}

.upload-file p {
  font-size: 0.8125em;
}

.upload-file .upload-file-actions {
  float: left;
  width: 50%;
}

.upload-file .upload-file-actions .button {
  float: left;
  width: 120px;
  margin-right: 25px;
}

.upload-file .upload-file-actions p {
  float: left;
  line-height: 30px;
}

.upload-file .upload-file-progress {
  float: right;
  width: 342px;
}

.upload-file .upload-file-progress .upload-bar,
.upload-file .upload-file-progress .text-header {
  float: left;
}

.upload-file .upload-file-progress .upload-bar {
  width: 240px;
  top: 1px;
}

.upload-file .upload-file-progress .text-header {
  margin-left: 16px;
  line-height: 30px;
}

.upload-file .upload-file-progress .button {
  float: right;
  width: 30px;
}


/*-------------------
    MEDIA QUERIES
-------------------*/


@media screen and (max-width: 935px) {
  .upload-file .upload-file-actions,
  .upload-file .upload-file-progress {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  .upload-file .upload-file-progress {
    margin-top: 20px;
  }
  .upload-file .upload-file-progress .button {
    float: none;
    clear: left;
  }
}

@media screen and (max-width: 460px) {
  .upload-file .upload-file-progress .upload-bar {
    width: 100%;
  }
  .upload-file .upload-file-progress .text-header {
    float: none;
    line-height: 1em;
    margin: 0;
    text-align: center;
  }
}

.product-settings {
  width: 30px;
  height: 30px;
  border-radius: 2px;
  background-color: #2b373a;
  position: absolute;
  top: 9px;
  right: 7px;
  z-index: 9000;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.product-settings.primary:hover,
.product-settings.primary.active {
  background-color: #00d7b3;
}

.product-settings.secondary:hover,
.product-settings.secondary.active {
  background-color: #1cbdf9;
}

.product-settings.tertiary:hover,
.product-settings.tertiary.active {
  background-color: #e61852;
}

.product-settings .sl-icon {
  color: #fff;
  font-size: 17px;
  position: relative;
  top: 6px;
  left: 6px;
}

.product-settings + .dropdown {
  -webkit-box-shadow: 0px 0px 16px 0px rgba(1, 2, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(1, 2, 0, 0.2);
  top: 54px;
  right: -8px;
}

.product-settings + .dropdown .dp-triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  right: 22px;
}

@media screen and (max-width: 1505px) {
  .register-box .column4-wrap {
    width: 870px;
  }
  .register-box .column4-wrap .column:nth-child(4n+4) {
    margin-right: 30px;
  }
  .register-box .column4-wrap .column:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media screen and (max-width: 935px) {
  .register-box .column4-wrap {
    width: 570px;
  }
  .register-box .column4-wrap .column {
    margin-bottom: 60px;
  }
  .register-box .column4-wrap .column:nth-child(3n+3) {
    margin-right: 30px;
  }
  .register-box .column4-wrap .column:nth-child(2n+2) {
    margin-right: 0;
  }
}
#editar-numero{
  margin: 40px 0 0 20px;
}
@media screen and (max-width: 630px) {
  .register-box .column4-wrap {
    width: 270px;
  }
  .register-box .column4-wrap .column {
    margin-right: 0;
  }
  #editar-numero{margin: 0;width: 100%;}
}

.withdraw-history .transaction-history {
  position: relative;
  top: -22px;
}

.transaction-history .transaction-history-item {
  border-bottom: 1px solid #ebebeb;
}

.transaction-history .transaction-history-item:last-child {
  border-bottom: none;
}

.transaction-history-item {
  height: 50px;
  background-color: #fff;
  overflow: hidden;
}

.transaction-history-item p,
.transaction-history-item .text-header {
  font-size: 0.8125em;
  line-height: 50px;
}

.transaction-history-item > * {
  float: left;
}

.transaction-history-item-date {
  width: 23.3%;
}

.transaction-history-item-mail {
  width: 48%;
}

.transaction-history-item-amount {
  width: 17.2%;
}

.transaction-history-item-status {
  width: 11.5%;
}

.transaction-history-item-status p {
  text-align: right;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 630px) {
  .transaction-history-item {
    height: auto;
    padding: 20px 24px 14px;
  }
  .transaction-history-item p,
  .transaction-history-item .text-header {
    line-height: 1em;
    margin-bottom: 6px;
  }
  .transaction-history-item > * {
    float: none;
    width: 100%;
  }
  .transaction-history-item-status p {
    text-align: left;
  }
}

.alert-boxes-preview {
  overflow: hidden;
}

.alert-boxes-preview .alert-boxes-preview-description {
  float: left;
  width: 38%;
}

.alert-boxes-preview .alert-boxes-preview-description p {
  font-size: 0.8125em;
  line-height: 20px;
  margin-bottom: 20px;
}

.alert-boxes-preview .alert-boxes-preview-description p:last-child {
  margin-bottom: 0;
}

.alert-boxes-preview .alert-boxes-preview-description .text-header {
  font-size: 0.875em;
  line-height: 1em;
}

.alert-boxes-preview .alert-boxes-preview-links {
  float: right;
  width: 55%;
}

.alert-boxes-preview .alert-boxes-preview-links .button {
  float: left;
  width: 48%;
  margin-bottom: 20px;
}

.alert-boxes-preview .alert-boxes-preview-links .button:nth-child(2n+2) {
  float: right;
}

.alert-box {
  width: 300px;
  padding: 34px 24px 26px;
  border: 1px solid #ebebeb;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(1, 2, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(1, 2, 0, 0.2);
  position: relative;
}

.alert-box p {
  font-size: 0.8125em;
  line-height: 20px;
}

.alert-box .text-header {
  font-size: 1em;
  line-height: 1em;
}

.alert-box img[alt="close-icon"] {
  position: absolute;
  top: 10px;
  right: 12px;
  opacity: .5;
  cursor: pointer;
}

.alert-box img[alt="close-icon"]:hover {
  opacity: 1;
}

.alert-box.survey {
  padding-top: 60px;
}

.alert-box.survey p {
  text-align: center;
}

.alert-box.survey .survey-img {
  width: 66px;
  height: 66px;
  position: absolute;
  top: -33px;
  left: 50%;
  margin-left: -33px;
}

.alert-box.survey .survey-img img {
  border-radius: 50%;
}

.alert-box.survey .text-header {
  margin-bottom: 20px;
}

.alert-box.survey .timestamp {
  margin: 10px 0 30px;
}

.alert-box.survey .button {
  width: 100%;
}

.alert-box.review .text-header {
  margin-bottom: 20px;
}

.alert-box.review .timestamp {
  margin: 10px 0 30px;
}

.alert-box.review .review-buttons {
  overflow: hidden;
}

.alert-box.review .review-buttons .button {
  float: left;
  width: 120px;
}

.alert-box.review .review-buttons .button:last-child {
  float: right;
}

.alert-box.review .review-buttons .sl-icon {
  font-size: 18px;
  position: relative;
  top: 3px;
}

.alert-box.review .review-buttons .sl-icon.icon-dislike {
  top: 4px;
}

.alert-box.item {
  min-height: 80px;
  padding: 20px 80px 12px 70px;
}

.alert-box.item .user-avatar {
  position: absolute;
  top: 20px;
  left: 16px;
}

.alert-box.item p.info {
  font-size: 0.6875em;
  line-height: 14px;
}

.alert-box.item p.timestamp {
  font-size: 0.625em;
}

.alert-box.item .sl-icon {
  color: #00d7b3;
  font-size: 18px;
  position: absolute;
  top: 30px;
  right: 20px;
}

.alert-box.message {
  width: 400px;
  height: 140px;
  padding: 34px 40px 0 124px;
}

.alert-box.message.info .message-type {
  background: url("../images/dashboard/alert-info.png") no-repeat 24px 40px #1cbdf9;
}

.alert-box.message.success .message-type {
  background: url("../images/dashboard/alert-success.png") no-repeat 24px 40px #00d7b3;
}

.alert-box.message.error .message-type {
  background: url("../images/dashboard/alert-error.png") no-repeat 24px 40px #ea2e68;
}

.alert-box.message .message-type {
  width: 100px;
  height: 138px;
  position: absolute;
  top: 0;
  left: 0;
}

.alert-box.message .text-header {
  margin-bottom: 20px;
}

.alert-box.message .info {
  overflow: hidden;
}

pre {
  padding: 24px 20px;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}


/*-------------------
    MEDIA QUERIES
-------------------*/

@media screen and (max-width: 935px) {
  .alert-boxes-preview .alert-boxes-preview-description,
  .alert-boxes-preview .alert-boxes-preview-links {
    float: none;
    width: 100%;
  }
  .alert-boxes-preview .alert-boxes-preview-links {
    margin-top: 30px;
  }
}

@media screen and (max-width: 630px) {
  .alert-boxes-preview .alert-boxes-preview-links .button {
    float: none;
    width: 100%;
  }
  .alert-boxes-preview .alert-boxes-preview-links .button:nth-child(2n+2) {
    float: none;
  }
}

span.icon-key.lance-key {
  font-weight: bold;
  position: relative;
  top: 1px;
  margin-right: 6px;
}
span.icon-key.lance-excluir{
  top: 2px;
}
.product-list .product-item .user-rating .text-header.no-lance {
  top: 0;
}


a.button.medium.primary.m-top {
    margin-top: 60px;
}

a.button.medium.secondary.m-bottom {
    margin-top: 15px;
}

.empty-space {
    text-align: center;
    margin: 30px 0;
}

figure.user-avatar.small.noone {
    width: 0px;
    margin-right: 0px !important;
}


#footer-top .footer-title.center {
    text-align: center;
}

#login-modal {
    background-color: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.close-modal {
    position: absolute;
    z-index: 5;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

#enviar_fale_conosco {
    margin-bottom: 20px;
}

.headline.primary h4 a{
  color: #00d7b3;
}

.headline.primary h4 a:hover {
  color: #0ac0a2;
}

.headline.secondary h4 a{
  color: #1396e1;
}

.headline.secondary h4 a:hover {
  color: #0f80c1;
}

.headline.tertiary h4 a, a.tertiary{
  color: #e61852;
}

.headline.tertiary h4 a:hover, a.tertiary:hover {
  color: #f8436e;
}

.sidebar .headline {
    margin-bottom: 50px;
}

.section .headline h4 a {
    font-size: 1em;
    float: none;
    padding: 0;
}

.headline.center {
    text-align: center;
}

.headline.center h4 {
    text-align: center;
    float: none;
}


.color-green {
    color: #00d4b1 !important;
}
.fino{
  font-weight: 500 !important;
}
.fullgray, .fullgray:hover{
  background: #f6f7f9;
  color: #f6f7f9;
  cursor: default;
}
.color-dark{
  color: #252a2d !important;
}

.icon-close.lance-close {
    position: relative;
    top: 1px;
    margin-right: 6px;
}

span#file-name {
    color: #888;
    font-size: 0.8125em;
    font-family: "Titillium Web", sans-serif;
}

.input-wrapper {
    clear: both;
    margin-bottom: 30px;
    text-align: left;
    display: block;
}

span.label-gray {
    margin-left: 5px;
    color: #9f9f9f;
}

.text-header.product-user {
    text-transform: capitalize;
}