.text_trabalha { font-size: 20px;}
p {
    font-weight: 100!important;
    color: #808080;
    text-align: justify;
}

.right {
    float: right!important;
}

.logo img {
    max-width: 350px!important;
}

@media (min-width: 992px) {
    #main_nav {
        max-height: 120px;
    }
}

.sticky .logo img {
    max-width: 200px!important;
}

.header-area {
    background: #d0d0d0;
    color: #919191!important;
}

.header-area a{
    color: #919191!important;
}

.newsletter-panel {
    width: 100%;
    background: #e5e5e5;
    display: none;
    padding: 10px 0;
}

#flip {
    cursor: pointer;
}

.mega-container {
    background: rgba(255, 255, 255, 0.9)!important;
}

.logo a {
    padding: 0!important;
}

.menu-button {
    background: #fff;
    border: 3px solid #919191;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

.menu-button h1 {
    color: #919191;
    margin: 0!important;
    background-color: #fff!important;
    text-align: center!important;
    padding: 10px 0;
    opacity: 1!important;
    text-transform: none!important;
}

.menu-button h1:hover {
    color: #fff;
    background-color: #919191!important;
}
h1 {
    opacity: 1!important;
}

.font-50 {
    font-size: 48px!important;
}

.main-title {
    color: #fff!important;
    text-align: right;
    text-transform: uppercase!important;
}


.addons {
    position: fixed;
    top: 85%;
    left: 0;
    transform: translate(0,-70%);
    z-index: 99999999999;

}

.addons img {
    width: 40px;
    height: auto;
}

.addons .fst,.snd {
    background-color: #919191;
    padding: 5px 10px 5px 5px;
    margin-bottom: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.addons p {
    color: #fff!important;
    margin: 0!important;
    text-align: center;
    font-size: 9px;
}

#slogan {
    padding: 30px 0 20px 0;
}

#slogan h1 {
    color: #919191!important;
}

#home-img iframe {
    width: 100%;
    height: 100%;
}

.imagem img{
    max-height: 500px;
}

.pe-7s-angle-left {
    font-size: 60px;
}

.pe-7s-angle-right {
    font-size: 60px;
}

footer li {
    color: #808080!important;
}

footer h1 {
    color: #808080!important;
}

.mega-container img {
    max-width: none!important;
    left: -50%;
    transform: translate(-25%);
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 30%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-caption h1, h4 {
     color: #fff!important;
 }

.carousel-caption h4 {
    font-size: 20px;
}

@media (max-width: 991px) {
    .btn {
        background: #fff;
        border: 3px solid #919191;
        padding: 5px 10px;
        color: #919191;
        margin: 0!important;
        text-align: center!important;
        opacity: 1!important;
        text-transform: uppercase!important;
        font-size: 14px;
    }

    .carousel-caption h1 {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .btn {
        background: #fff;
        border: 3px solid #919191;
        padding: 10px;
        color: #919191;
        margin: 0!important;
        text-align: center!important;
        opacity: 1!important;
        text-transform: uppercase!important;
        font-size: 20px;
    }

    .carousel-caption h1 {
        font-size: 40px;
    }
}

.banner-small {
    background: url(img/activo_banner.jpg) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 600px;
}

.mega span:hover:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    position: absolute;
    bottom: 35px;
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 18px; /* Change this to whatever width you want. */ /* This creates some space between the element and the border. */
    border-bottom: 3px solid #919191; /* This creates the border. Replace black with whatever color you want. */
}

.ativo span:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    position: absolute;
    bottom: 35px;
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 18px; /* Change this to whatever width you want. */ /* This creates some space between the element and the border. */
    border-bottom: 3px solid #919191; /* This creates the border. Replace black with whatever color you want. */
}

.triangulo {
    margin-left: auto;
    margin-right: 60px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #e4e4e4 transparent;
}

.cart-title {
    text-transform: none!important;
}

.normal-text {
    text-transform: none!important;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    border: 2px solid #ddd;
    display: inline-flex;
    width: 100%;
}

.number-input,
.number-input * {
    box-sizing: border-box;
}

.number-input button {
    outline:none;
    -webkit-appearance: none;
    background-color: #808080;
    border: none;
    border-radius: inherit;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.number-input button:before,
.number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 1rem;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
}
.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
    font-family: sans-serif;
    max-width: 5rem;
    padding: .5rem;
    border: solid #ddd;
    border-width: 0 2px;
    font-size: 1.5rem;
    height: 3rem;
    font-weight: bold;
    text-align: center;
}

.cart-content p, h4 {
    color: #808080!important;
    margin: 3px 0;
    text-align: left;
    font-weight: 100;
}

.cart-content b {
    font-weight: 700;
}

.border-bt {
    border-bottom: 2px solid #cbcbcb!important;
}

.bg-inverse {
    background: #808080!important;
    color: #fff!important;
    padding: 2px 0;
    border-radius: inherit!important;
}

.shopping-cart-total p {
    font-weight: 100;
}

.shopping-cart-total b {
    font-weight: 700;
}

.preco {
    color: #808080;
    font-size: 25px;
    font-weight: 700;
}

.portes {
    color: #808080;
    font-size: 18px;
    font-weight: 700;
}

.product-thumb:hover img {
    -webkit-filter: brightness(60%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.action-links h1 {
    background: transparent!important;
    color: #fff!important;
    text-align: center;
}

.action-links a {
    background: transparent!important;
    display: inline-block!important;
    color: #fff!important;
    border: 2px solid #fff;
    padding: 5px 20px;
    font-size: 16px!important;
    width: auto!important;
    border-radius: inherit!important;
}

.prodt-slider {
    padding: 0 50px!important;
}

.prodt-cart {
    color: #9d9d9d;
    font-size: 12px!important;
}

.prodt-ref {
    color: #9d9d9d;
    font-size: 16px;
}

.prodt-pick-inner {
    background: #fff;
    padding: 15px;
}

.prodt-pick-price {
    font-size: 30px!important;
}

.prodt-line {
    padding: 20px 0 30px 0;
    border-bottom: 1px solid #808080;
    margin: 0 10px 0 10px;
}

.prodt-line:last-child {
    padding: 30px 0 30px 0;
    border-bottom: inherit;
    margin: 0 10px 0 10px;
}

.prodt-pick-inner button {
    width: inherit!important;
    height: inherit!important;
    padding: 15px!important;
}

.popup-img {
    width: 100%;
    height: auto;
    padding: 40px;
}

.popup-img {
    width: 100%;
    height: auto;
    padding: 5px;
}

.img-category img {
    width: 100%;
    height: auto;
}

#prodt-slider-modal .product-layout {
    padding: 5px 5px!important;
}

.big-img img {
    width: 100%;
    height: auto;
    padding: 0 10px 20px 10px;
    margin: 0 0 20px 0;
}

.ok:after {
    content: 's';
    color: green;
}

.nok:after {
    content: 's';
    color: red;
}

.modal-body select {
    font-family: 'Advent Pro', sans-serif!important;
}

.caminho ul li {
    list-style-type: inherit!important;
    display: inline-block;
    color: #848484;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
}

.caminho ul li:after {
    content: '>';
    margin: 0 10px;
}

.caminho ul li:last-child:after {
    display: none;
}

.caminho .fa {
    font-size: 20px!important;
}

.caminho {
    margin:30px auto;;
    display: table;
}

.seta {
    font-size: 30px;
    font-weight: 200;
    color: #848484;
    position: relative;
    bottom: -5px;
}

.texto-seta {
    font-size: 20px;
    font-weight: 200;
    color: #848484;
}

.semaforo:after {
    content: '\2022';
    float: right;
}

.card {
    border: none!important;
}

.faqs-accordion {
    border-bottom: 1px solid #808080;
}

.border-bottom {
    border-bottom: 2px solid #808080;
    width: 100%;
    text-align: left;
    padding: 10px 0;
    text-transform: none!important;
}

.image-border {
    width: 100%;
    height: auto;
    border: 2px solid #808080;
}

.sugestoes h4{
    font-weight: 700;
}

.sugestoes p{
    font-weight: 100;
}

.sugestoes .prodt-pick-price {
    font-size: 20px!important;
}

.width-100 {
    width: 100%;
}

.shop-cart {
    font-family: FontAwesome, 'Advent Pro', sans-serif!important;
}

.product-switch {
    padding: 0 10%;
}

#login {
    background: #e5e5e5;
}

.registo input[type='email'] {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 18px;
    text-align: center;
    background: #e5e5e5;
    border: 2px solid #808080;
}

#empresa input {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 18px;
    text-align: left;
    background: #e5e5e5;
    border: 2px solid #808080;
}

#particular input {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 18px;
    text-align: left;
    background: #e5e5e5;
    border: 2px solid #808080;
}


#empresa input[type="button"] {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    text-align: center!important;
    text-transform: none!important;
    font-weight: 100!important;
    border: none!important;
}

#particular input[type="button"] {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    text-align: center!important;
    text-transform: none!important;
    font-weight: 100!important;
    border: none!important;
}


#empresa textarea {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 18px;
    text-align: left;
    background: #e5e5e5;
    border: 2px solid #808080;
}

.registo input[type='email']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

.registo input[type='email']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

.registo input[type='password'] {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 18px;
    text-align: center;
    background: #e5e5e5;
    border: 2px solid #808080;
}

.registo input[type='password']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

.registo input[type='password']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

.registo input[type='text'] {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 18px;
    text-align: center;
    background: #e5e5e5;
    border: 2px solid #808080;
}

#empresa input[type='text']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#empresa input[type='text']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#empresa input[type='email']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#empresa input[type='email']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#empresa input[type='password']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#empresa input[type='password']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#empresa textarea::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#empresa textarea::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='text']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='text']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='email']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='email']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='password']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='password']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular textarea::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular textarea::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#login input[type='text']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#login input[type='text']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='text']::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

#particular input[type='text']::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

.registo textarea::placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

.registo textarea::-ms-input-placeholder {
    font-family: 'Advent Pro', sans-serif!important;
    font-size: 20px;
    font-weight: 500;
}

.btn-a {
    background: #f4f4f4;
    color: #444;
    border: 0;
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 43px;
    height: 40px;
    display: inline-block;
    font-weight: 500;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.f-weight-100 {
    font-weight: 100!important;
}

.f-weight-700 {
    font-weight: 700!important;
}

.f-weight-600 {
    font-weight: 600!important;
}

.italic-link {
    font-weight: 200;
    font-style: italic;
    text-decoration: underline;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 16px;
}

.risco {
    border: 1px solid #808080;
}

#login {
    margin-bottom: 0;
    min-height: 650px;
    padding: 0 0 20px 0;
}

#particular {
    margin-bottom: 0;
    min-height: 750px;
    padding: 0 0 20px 0;
    background: #e5e5e5;
}

#empresa {
    margin-bottom: 0;
    min-height: 750px;
    padding: 0 0 20px 0;
    background: #e5e5e5;
}

.login-img {
    min-height: 650px;
    padding: 20px;
}

.registo-img {
    min-height: 750px;
    padding: 20px;
}

.unico-h1 {
    margin-bottom: -10px;
}

.unico-h1 span {
    background: #e5e5e5;
    padding: 0 30px
}

input[type='checkbox'] {
    background: #e5e5e5!important;
    border: 1px solid #808080!important;

}

.check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 1px solid #808080;
}

/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
    background-color: transparent;
    border: 1px solid #808080;
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #808080;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.esconde {
    display: none;
}

#empresa input {
    text-align: left!important;
}

#empresa input[type='submit'] {
    text-align: center!important;
}

.registo textarea {
    background: transparent!important;
    border: 2px solid #808080!important;
}

.cart-img {
    padding: 10px 30px 30px 30px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.cart-bg {
    background: url(img/shop_bag.png) no-repeat bottom right;
    background-size: 50%;

}

.ativo-tit {
    background: #d7d7d7;
}

.bg-808080 {
    background: #808080!important;
    padding: 20px 30px;
}

.bg-fff {
    background: #fff!important;
}

.color-fff {
    color: #fff!important;
}

.color-808080 {
    color: #808080!important;
}

.p-inline {
    display: table;
    text-align: center;
    padding: 0 5px;
    margin: auto;
}

.cart-number .number-input {
    width: auto!important;
}

.cart-number button {
    padding: 0 10px;
}

.cart-number .number-input input[type=number] {
    max-width: 4rem;
}

.cart-number {
    display: table;
    margin: 20px auto auto auto;
}

.ativo-ctr {
    padding: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 3px 0px 31px 4px rgba(128,128,128,1);
    -moz-box-shadow: 3px 0px 31px 4px rgba(128,128,128,1);
    box-shadow: 3px 0px 31px 4px rgba(128,128,128,1);
}

.ativo-ctr p {
    text-align: justify;
    color: #808080;
    font-weight: 100;
    font-size: 16px;
}

.widgetized-menu {
    display: table;
    margin: auto;
    width: auto;
    padding-left: 15px;
}

.active-whishlist:before{
    color: red!important;
}

.color-picker-img {
    top: 10px;
    position: absolute;
    z-index: 1;
    left: 10px;
}

.color-picker-img label {
    display: block!important;
    margin: 5px 0;
}

.btn-thin {
    width: 100%;
    border: 1px solid #808080;
    padding: 10px;
    display: block;
    margin: 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.trabalhar-tit {
    background: #b3b3b3;
    padding: 20px 0;
}

.trabalhar-tit h1 {
    font-size: 28px!important;
    color: #fff!important;
    text-align: center;
    margin: 0!important;
}

.arrow-toggle {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    background: #fff;
    padding: 10px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
}

.arrow-toggle .fa {
    font-size: 40px!important;
    color: #808080!important;
}

.designer-cont {
    display: none;
}

.comercial0-cont {
    display: none;
}
.comercial1-cont {
    display: none;
}
.comercial2-cont {
    display: none;
}
.comercial3-cont {
    display: none;
}
.comercial4-cont {
    display: none;
}
.comercial5-cont {
    display: none;
}
.comercial6-cont {
    display: none;
}
.comercial7-cont {
    display: none;
}
.comercial8-cont {
    display: none;
}
.comercial9-cont {
    display: none;
}
.comercial10-cont {
    display: none;
}
/*custom select*/

.custom-select {
    position: relative;
    border-radius: inherit;
}

.custom-select select {
    display: none;
}

.custom-selecte {
    position: relative;
    border-radius: inherit;
}


.select-selected {
    background-color: #fff;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: transparent transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent transparent transparent;
    top: 7px;
}

.select-items div,
.select-selected {
    color: #808080;
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
    width: 100%;
}

.select-items div {
    padding: 5px 16px;
}

.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.select-items .square-box {
    height: 8px;
    width: 8px;
    float: right;
    border-radius: 50%;
    margin-top: 5px;
}

.select-selected .square-box {
    height: 8px;
    width: 8px;
    right: 30px;
    position: absolute;
    border-radius: 50%;
    margin-top: 5px;
}

.tab-btn {
    border: 1px solid #808080;
    padding: 15px;
    font-size: 22px;
    margin: 0 0 15px 0!important;
    display: block!important;
    font-weight: 100;
}

.nice-select .selected {
    color: #808080!important;
    font-weight: 700!important;
}

.selected {
    background: #808080;
    color: #fff!important;
}

#trabalhar-cont .nav {
    display: block!important;
}

.job-desc li {
    list-style-type: none;
    font-weight: 100;
    margin: 10px;
    font-size: 16px;
    color: #808080;
}

.job-desc li:before {
    content: '-';
    margin-right: 10px;
}

.job-desc {
    padding-left: 10px!important;
}

.job-cont * {
    font-weight: 100;
    color: #808080;
    font-size: 16px;
}

.social-share {
    display: table;
    margin: 20px auto;
}

.arrow-move {
    cursor: pointer;
    color: #808080;
    font-weight: 700;
    font-size: 30px;
    padding-top: 5px;
}

#onde-txt {
    text-transform: uppercase;
    font-size: 16px;
}

.local-change img {
    margin-top: -5px;
}

#map {
    height: 500px;
    width: 100%;
}

.lojas {
    padding: 20px;
    -webkit-box-shadow: -5px 5px 25px 1px rgba(128,128,128,1);
    -moz-box-shadow: -5px 5px 25px 1px rgba(128,128,128,1);
    box-shadow: -5px 5px 25px 1px rgba(128,128,128,1);
    height: 430px;
    background: #fff;
}

.lojas-div {
    padding: 20px 10px;
}

.loja-icon .fa {
    color: #fff!important;
    font-size: 20px!important;
}

.loja-icon {
    position: absolute;
    top: 20px;
    right: 10px;
    background: #808080;
    padding:10px 15px;
}

.colecoes-img-bg {
    height: 500px;
    width: 100%;
}

.colecoes-container {
    padding: 20px 10%;
}

.bg-text-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}

.bg-text-content h1{
    color: #fff!important;
    font-weight: 500!important;
    font-size: 35px!important;
    text-align: center;
    margin-bottom: 20px!important;
}

.bg-text-content a{
    color: #fff!important;
    border: 1px solid #fff;
    padding: 7px 25px;
    display: table;
    margin: auto;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 100;
}

.temas-img {
    height: 260px;
    cursor: pointer;
}

.temas-img-inner {
    height: 100%;
    border: 1px solid #808080;
}

.temas-over {
    width: 100%;
    height: 100%;
    display: none;
}

.temas-over-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.temas-img-inner:hover .temas-over{
    background: linear-gradient(0deg,rgba(0,0,0,0.8),rgba(0,0,0,0.8));
    display: block;
    transition: 0.3s;
    border: 3px solid #808080;
}

.temas-over-inner h2 {
    color: #fff!important;
    text-align: center!important;
}

.temas-over-inner h5 {
    color: #fff !important;
    text-align: center !important;
    font-weight: 100;
}
.temas-over-inner p {
    color: #fff!important;
    font-size: 20px;
    text-align: center!important;
}
.temas-over-inner span .fa {
    color: #fff!important;
    text-align: center!important;
    border: 1px solid #fff;
    padding: 10px;
    font-size: 25px!important;
    margin: 0 5px;
}

.centro {
    display: table;
    margin: auto;
}

.rodape-title img {
    max-width: 70px;
    height: auto;
    display: block;
    margin:0 auto 10px auto;
}

.rodape-title h1 {
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    text-transform: uppercase!important;
}

.rodape-page .tab-btn {
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    width: 100%;
    margin:0 auto 15px auto!important;
    display: block!important;
    font-weight: 100;
    text-align: center!important;
}

.rodape-page .selected {
    font-weight: 700;
    background: transparent!important;
    color: #808080!important;
}

.border-top {
    border-top: 2px solid #bfbfbf !important;
    padding-top: 10px;
}

.rodape-page .btn {
    font-size: 14px!important;
}

.rodape-page h3 {
    font-size: 16px!important;
    text-transform: none!important;
}

.z-0 {
    z-index: 0!important;
}

.z-1 {
    z-index: 1!important;
}

#checkout h2 {
    background: #808080!important;
    color: #fff!important;
    text-align: left!important;
    width: 100%!important;
    padding: 5px 10px;
    text-transform: none;
    font-weight: 100;
    margin-bottom: 40px;
}

#checkout h4 {
    text-align: center;
    text-transform: none;
    margin-bottom: 15px;
}

#finalizar h2 {
    background: #808080!important;
    color: #fff!important;
    text-align: left!important;
    width: 100%!important;
    padding: 5px 10px;
    text-transform: none;
    font-weight: 100;
}


.border-btm {
    border-bottom: 2px solid #cccccc;
    margin: 0 0 30px 0;
    padding: 0 15px;
}

.border-top {
    border-top: 1px solid #808080;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}

#checkout img {
    height: 40px;
    width: auto;
    margin-right: 10px;
    margin-left: 20px;
}

.mb-cont {
    display: none;
}
.cc-cont {
     display: none;
 }
.crt-cont {
    display: none;
}
.portes-cont {
    display: none;
}
.promo-cont {
    display: none;
}

#cupon input{
    display: inline-block;
}

#cupon input[type="text"] {
    width: 60%;
}

#cupon input[type="submit"] {
    background-color: #7aa743;
    color: #fff;
    border-radius: inherit;
}

#cupon p {
    color: #7aa743;
    width: 100%;
    text-align: left;
    font-style: italic;
}

.uppercase {
    text-transform: uppercase!important;
}

.btn-toggle {
    cursor: pointer;
    font-size: 16px!important;
    font-weight: 100;
    text-align: center;
}

#checkout p {
    font-size: 14px;
}

.add_endereco {
    display: none;
}

.add_fatura {
    display: none;
}

.btn-add {
    background: #7aa743!important;
    color: #fff!important;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 100;
    font-size: 16px;
    border-radius: inherit!important;
}

.resumo-inner {
    border: 1px solid #808080;
    border-bottom: inherit;
    padding: 20px 10px 0 10px;
}

.resumo-inner img {
    width: 100%!important;
    height: auto!important;
}

.ft-18 {
    font-size: 18px!important;
}

.checkout-green {
    color: #7aa743!important;
    font-weight: 700;
}

.disabled {
    pointer-events: none!important;
    color: red!important;
    cursor: not-allowed!important;
}

.cart-overflow {
    max-height: 650px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.cart-overflow-resumo {
    max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.resumo .inner {
    padding: 20px;
    border: 2px solid #808080;
    min-height: 300px;
}

.resumo .inner:hover {
    border: 2px solid #7aa743;
}

.resumo-btn {
    background: transparent;
    border: 1px solid #7aa743;
    color: #7aa743!important;
    padding: 5px 10px;
    width: 100% !important;
    font-size: 18px;
    font-weight: 100!important;
    cursor: pointer;
    display: block;
    text-align: center;
}

.resumo-btn:hover {
    background: #7aa743;
    border: 1px solid #7aa743;
    color: #fff!important;
    cursor: pointer;
}

.resumo img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.resumo-cont p {
    margin-bottom: 0!important;
}

.resumo-cont {
    min-height: 200px;
    display: block;
    width: 100%;
}

.resumo-footer {
    min-height: 40px;
    display: block;
    width: 100%;
}

.r-mb p {
    margin: 0 0 3px 0!important;
    font-size: 16px;
}

.r-mb b {
    font-weight: 700;
    color: #000;
}

#finalizar h4 {
    color: #808080;
    font-weight: 700!important;
    font-size: 16px!important;
}

.r-entrega p {
    font-size: 16px!important;
}

.r-fatura p {
    font-size: 16px!important;
}

.cor-tabela1 {
    background-color: #dddddd;
}

.cor-tabela2 {
    background-color: #c0c0c0;
}

.tamanhos thead {
    background: #8d8d8d;
}

.tamanhos {
    width: 100%;
    margin-bottom: 50px;
}

.tamanhos thead>tr>td {
    padding: 5px 20px!important;
    color: #fff;
    font-weight: 700;
}

.tamanhos td {
    padding: 5px 20px;
    border-right: 1px solid #fff;
    text-align: center;
    color: #808080;
    font-weight: 100;
}

.tamanhos td:first-child {
    padding: 5px 20px;
    border-right: 1px solid #fff;
    text-align: left;
    font-weight: 700;
}

.tamanhos td:last-child {
    border-right: none;
}

.tab1-esq {
    background: url(img/tab1_esq.png) no-repeat center;
    background-size: contain;
 }

.tab1-dir {
    background: url(img/tab1_dir.png) no-repeat center;
    background-size: contain;
}

.tab2-esq {
    background: url(img/tab2_esq.png) no-repeat center;
    background-size: contain;
}

.tab2-dir {
    background: url(img/tab2_dir.png) no-repeat center;
    background-size: contain;
}

.resumo-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 360px;
}

#style-4::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
    width: 2px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 2px solid #555555;
}

.caminho-ativo {
    color: #7aa743!important;
    font-weight: 700!important;
}

.prateado {background: rgb(192,192,192);}
.branco {background: rgb(255, 249, 252);}
.perola {background: rgb(245,222,179);}
.vermelho {background: rgb(255,0,0);}
.bordo {background: rgb(128,0,0);}
.fucsia {background: rgb(244,0,161);}
.coral {background: rgb(250,128,114);}
.rosa {background: rgb(255,105,180);}
.laranja {background: rgb(255,140,0);}
.laranjaclaro {background: rgb(255,183,0);}
.castanho {background: rgb(139,69,0);}
.amarelo {background: rgb(255,255,0);}
.dourado {background: rgb(255,205,0);}
.beje {background: rgb(210,180,140);}
.verde {background: rgb(0,128,0);}
.verdetropa {background: rgb(85,107,47);}
.marinho {background: rgb(25,25,112);}
.azulao {background: rgb(20,72,95);}
.azulmedio {background: rgb(0,0,205);}
.ganga {background: rgb(15,74,139);}
.azulturquesa {background: rgb(64,224,208);}
.azulclaro {background: rgb(100,149,237);}
.roxo { background: rgb(153,51,153);}
.roxoescuro {background: rgb(128,0,128);}
.roxoclaro {background: rgb(238,130,238);}
.preto {background: rgb(0,0,0);}
.cinzaescuro {background: rgb(105,105,105);}
.cinzamedio {background: rgb(128,128,128);}
.cinzaclaro {background: rgb(169,169,169);}
.cinzamescla {background: rgb(128,135,128);}

.icone {
    border: 1px solid #808080;
    padding: 10px;
}

#area h1 {
    font-size: 40px!important;
}

.icone img {
    display: block;
    margin: auto;
    width: 150px;
    height: auto;
}

.mb-30 {
    margin-bottom: 30px!important;
}

#area .row:first-child {
    min-height: 700px!important;
}

@media (min-width: 991px) {
    .area-icons {
        padding: 0 200px 0 200px;
    }

    .logo-mobile {
        display: none;
    }
}

.area-title {
    padding: 40px 0 0 0;
}

.area-title h1 {
    font-size: 35px!important;
}

.area-title h3 {
    font-size: 18px!important;
    font-weight: 100!important;
}

.area-cont h3 {
    font-weight: 100!important;
    padding: 0 4px;
}

.area-cont img {
    filter: brightness(2);
    height: 30px;
    width: auto;
}

.area-cont h3>.fa {
    font-size: 20px!important;
    padding: 4px 0;
}

.area-cont form {
    width: 100%!important;
    display: inline-block;
}

.area-cont input {
    display: none;
    margin-bottom: 25px;
}

.area-cont select {
    display: none;
    margin-bottom: 25px;
}

.area-cont i {
    cursor: pointer;
}

.area-cont i:hover {
    color: #000;
}

.text_hide {
    padding-left: 20px;
    font-size: 14px;
    margin-bottom: 25px;
}

.area-pessoal .icone img {
    width: 120px!important;
}

.green {
    color: #7aa743!important;
}

.red {
    color: red!important;;
}

.orange {
    color: orange!important;
}

.bg-green {
    background: #7aa743!important;
    color: #fff!important;
    border: 1px solid #7aa743;
}

.bg-red {
    background: red!important;
    color: #fff!important;
    border-radius: inherit!important;
}

.bg-green:hover {
    background: #fff!important;
    color: #7aa743!important;
    border: 1px solid #7aa743!important;
}

.bg-inverse h4 {
    color: #fff!important;
    text-transform: none!important;
    font-weight: 100;
}

.ver_det {
    font-weight: 100!important;
    font-size: 12px!important;
}

b {
    font-weight: 700!important;
}

.align-center {
    display: block;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

.only-icon-btn {
    border: none!important;
    background: transparent!important;
    height: auto!important;
    line-height: inherit!important;
}

.green-hover {
    margin: 0!important;
    padding: 8px 15px!important;
}

.green-hover:hover {
    background: #7aa743!important;
    color: #fff!important;
}

.green-hover:hover p {
    color: #fff!important;
}

.green-hover:hover .fa {
    color: #fff!important;
}

.wishlist-img {
    width: 100%!important;
    height: auto;
}

.ps-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}

.quantidade {
    position: absolute;
    z-index: 2;
    background: #808080;
    color: #fff;
    top: 30%;
    right: 27%;
    transform: translate(-27%,-30%);
    border-radius: 60px;
    padding: 5px 10px;
    font-size: 20px;
    border: 2px solid #fff;
}

.left-addons-hover {
    display: none;
    transition: .1s ease;
}

.fst:hover .left-addons-hover {
    display: block;
}

.snd:hover .left-addons-hover {
    display: block;
}

@media (max-width: 976px) {
    .menu-desktop {
        display: none!important;
    }

    .menu-mobile {
        display: block;
        padding: 0 40px!important;
    }

    .menu-toggle {
        padding: 15px 30px!important;
    }

    .header-area {
        padding:10px 0 20px 0!important;
    }

    header .list-inline .dropdown-menu ul {
        background: #dedede;
    }

    .newsletter-panel {
        margin-top: 15px;
    }

    .carrinho {
        position: absolute;
        top: 0;
        right: 20px;
        z-index: 9999999;
    }
    .mostra-cart-mobile {
        display: block!important;
    }

    .addons {
        display: none;
    }

    .carrinho-mobile {
        overflow-x: scroll!important;
    }

    .teste-inner {
        width: 700px;
    }

    .h-mobile {
        visibility: hidden!important;
    }

    .banner-fix-tit {
        background: #fff;
        color: #808080;
        font-size: 20px;
        position: absolute;
        z-index: 999;
        bottom: 0;
        left:50%;
        transform: translate(-50%,0);
        padding: 20px 20px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .banner-fix {
        background-size: contain!important;
        height: 150px;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .area-img {
        height: 400px;
    }

    .area-overflow {
        overflow-x: auto;
    }

    .area-overflow-inner {
        width: 800px;
    }

    #mt-0-mob {
        margin-top: 0!important;
    }
}

@media (min-width: 977px) {
    .menu-desktop {
        display: block;
    }

    .menu-mobile {
        display: none!important;
    }

    .carrinho {
        position: absolute;
        top: 50%;
        right: 60px;
        z-index: 9999999;
    }

    .banner-fix-tit {
        background: #fff;
        color: #808080;
        font-size: 43px;
        position: absolute;
        z-index: 999;
        bottom: 0;
        left:50%;
        transform: translate(-50%,0);
        padding: 30px 30px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    .banner-fix {
        background-size: cover!important;
        height: 500px;
        width: 100%;
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 575px) {
    .ativo-cont {
        padding: 0 30px!important;
    }
    .ativo-esq {
        background-size: contain!important;
        min-height: 200px;
        width: auto;
    }

    .ativo-dir {
        background-size: contain!important;
        min-height: 200px;
        width: auto;
    }

    .trabalhar-img {
        height: 300px;
    }

    .missao-img {
        height: 300px;
    }

    .padding-mobile {
        padding: 0 40px;
    }

    .padding-mobile-10 {
        padding: 0 25px;
    }

    .pr-mob {
        padding-right: 20px!important;
    }
}

@media (min-width: 576px) {
    .ativo-esq {
        background-size: contain!important;
        min-height: 400px!important;
    }

    .ativo-dir {
        background-size: contain!important;
        min-height: 400px!important;

    }
}

@media (max-width: 1199px) {
    .prodt-icons [class^="pe-7s-"]{
        font-size: 25px!important;
        border: 1px solid #808080;
        margin-top: -15px;
        padding: 5px;
        margin-right: 5px;
    }
}

@media (min-width: 1200px) {
    .prodt-icons [class^="pe-7s-"]{
        font-size: 40px!important;
        border: 1px solid #808080;
        margin-top: -15px;
        padding: 5px;
        margin-right: 5px;
    }
}

@media (max-width: 1024px) {
    .finalizar {
        display: none;
    }

    .finalizar span {
        display: none;
    }

    .finalizar2 {
        width: 100%!important;
        background: #7aa743;
        color: #fff!important;
        padding: 20px 20px;
        display: block;
        text-align: center;
    }
}

@media (min-width: 1025px) {
    .finalizar21 {
        display: none;
    }

    .finalizar {
        position: absolute;
        z-index:2;
        bottom: 0;
        right: -100px;
        font-size: 20px;
        background: #7aa743;
        color: #fff!important;
        padding: 20px 20px;
    }

    .finalizar span {
        display: table;
        margin: auto;
        font-size: 40px!important;
    }
}

@media (max-width: 1440px) {
    .pr-100 {
        padding-right: 10px!important;
    }

}

@media (min-width: 1441px) {
    .pr-100 {
        padding-right: 100px!important;
    }

}

.content {

}

.content .content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    padding: 0 10px 20px 10px;
    z-index: 3;
}

.content:hover .content-overlay{
    opacity: 1;
}

.content-image{
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h1{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.content-details p{
    color: #fff;
    font-size: 0.8em;
}

.fadeIn-bottom{
    top: 80%;
}

.fadeIn-top{
    top: 20%;
}

.fadeIn-left{
    left: 20%;
}

.fadeIn-right{
    left: 80%;
}

.content-title .fa{
    font-size: 40px!important;
}


#alerta {
    position: absolute;
    z-index: 9999999;
    width: 100%;
    background: rgba(122, 167, 67, 1);
    padding: 5px 20px!important;
    color: #fff!important;
}

#alerta p{
    color: #fff!important;
}

#alerta h4{
    color: #fff!important;
}

.desconto1 {
    background: red;
    color: white;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 16px;
}

.desconto {
      background: red;
      color: white;
      position: absolute;
      z-index: 1;
      top: 0;
      right: 25px;
      padding: 5px;
      font-size: 16px;
  }

.desconto-small {
    background: red;
    color: white;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 4px;
    padding: 2px;
    font-size: 12px;
}

@media (min-width: 1584px) {
    #bottom-bar {
        position: fixed;
        bottom: 0;
        background: #FFF;
        width: 100%;
        padding: 0 15%;
        border-top: 2px solid #808080;
        z-index: 99999999;
    }
}

@media (max-width: 1583px) and (min-width: 1330px){
    #bottom-bar {
        position: fixed;
        bottom: 0;
        background: #FFF;
        width: 100%;
        padding: 0 5%;
        border-top: 2px solid #808080;
        z-index: 99999999;
    }
}

@media (max-width: 1329px) and (min-width: 1120px){
    #bottom-bar {
        position: fixed;
        bottom: 0;
        background: #FFF;
        width: 100%;
        padding: 0 5px;
        border-top: 2px solid #808080;
        z-index: 99999999;
    }
}

@media (max-width: 1119px) {
    #bottom-bar {
        display: none!important;
    }
}

#bottom-bar h3 {
    margin-bottom: 0!important;
    font-size: 16px!important;
    margin-top: 5px;
}

#bottom-bar img {
    max-width: 30px;
    margin-right: 15px;
}

#bottom-bar .fa {
    font-size: 20px!important;
}

#bottom-bar .fa:hover {
    color: #000;
}

#bottom-bar .list-inline {
    float: right;
    margin-top: 3px;
}

#bottom-bar .list-inline li{
    margin: 5px 15px 0 15px;
}

@media (min-width: 1025px) {
    .border-dir {
        border-right: 1px solid #808080;
    }
    .img-category:last-child {
        border: none;
    }
    .font-responsive {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .border-dir {
        border-right: none;
    }
    .img-category:last-child {
        border-right: none;
    }
    .font-responsive {
        font-size: 10px;
    }

    .img-category {
        padding: 0 5px!important;
    }
}

@media (min-width: 1441px) {

    .footer-social {
        padding: 0 60px;
    }
}


@media (max-width: 1440px) {

    .img-category {
        padding: 0 5px!important;
    }

    .footer-social {
        padding: 0 25px;
    }
}

.footer-social .fa {
    font-size: 20px!important;
}

.footer-social .fa:hover {
    color: #000;
}

.enviar_cv {
    display: none;
}

#enviar_cv {
    cursor: pointer;
}

body {
    overflow-x: hidden;
}

@media (max-width: 1280px) {
    .onde-dir {
        background: none!important;
    }
}

@media (max-width: 767px) {
    .trabalhar-img {
        display: none;
    }

    .missao-img {
        display: none;
    }

    .local-change {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 20px;
    }

    .loja-img {
        display: none;
    }

    .newsletter {
        text-align: center!important;
    }

    .hide-mobile-767 {
        display: none;
    }

    .mt-0-mobile {
        margin-top: 0!important;
    }

    .banner-smallx {
        max-height: 300px!important;
    }

    .pl-0-mobile {
        padding-left: 0!important;
    }
}

@media (min-width: 768px) {
    .trabalhar-img {
        height: 400px;
    }

    .missao-img {
        height: 400px;
    }

    .loja-img {
        height: 400px;
    }

    .local-change {
        width: 350px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: -10px;
    }

    .hide-desktop-768 {
        display: none;
    }
}

.mb-3px {
    margin-bottom: 3px!important;
}

.language .dropdown-menu {
    background: #fff!important;
}

.hello {
    font-size: 12px;
    font-weight: 200;
}
strong {
    font-weight: 900!important;
}

/*Timeline*/
.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

/* The line */
.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #d1d1d1;
    left: 20%;
    margin-left: -5px;
}

.cbp_tmtimeline > li {
    position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    text-align: right;
    padding-right: 10px;
    position: absolute;
    width: 18%;
    top: 10px;
}

.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
    font-size: 16px;
    color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 16px;
    color: #808080;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #808080;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 15px 25%;
    color: #fff;
    padding-left: 1.15rem;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
    margin-top: 0;
    padding: 0 0 10px 0;
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #808080;
    border-width: 20px;
    top: 0;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #808080;
}

/* The icons */

.ano > .cbp_tmicon {
    width: 20px!important;
    height: 20px!important;
    left: 22%!important;
}

.ano > .cbp_tmlabel {
    margin: 0 0 15px 25%;
    background: transparent!important;
    color: #fff;
    padding: 9px 0 30px 10px!important;
    font-size: 25px!important;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
}

.ano > .cbp_tmlabel:after {
    display: none!important;
}

.ano h1 {
    font-size: 35px!important;
    font-weight: 700!important;
}

.cbp_tmtimeline > li .cbp_tmicon {
    width: 10px;
    height: 10px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #808080;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #808080;
    text-align: center;
    left: 23%;
    top: 15px;
    margin: 0 0 0 -25px;
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

    .cbp_tmtimeline > li .cbp_tmtime span {
        text-align: left;
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}

.cbp_tmtimeline h2 {
    color: #fff!important;
}

.cbp_tmtimeline p {
    color: #fff!important;
}

.timeline-img {
    background-size: cover!important;
    cursor: pointer;
}

.cbp_tmlabel a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    width: 100%;
    font-size: 25px;
    display: block;
    padding-top: 15px;
}

.timeline-cont {
    display: none;
    max-height: 100px!important;
    z-index: 2;
}

.timeline-cont .col-9 {
    background: #abd037!important;
    padding: 14px 0;
}

.timeline-cont .col-3 {
    background: #808080!important;
    padding: 14px 0;
}

.timeline-hover {
    background: #808080;
    padding: 10px;
}

.timeline-hover:hover + .timeline-cont {
    display: block;
}

.timeline-hover:hover + .timeline-tit {
    display: none!important;
}

.timeline-cont:hover + .timeline-tit {
    display: none!important;
}

.timeline-cont:hover {
    display: block;
}

.timeline-cont .col-3 {
    background-color: #808080;
}

.timeline-cont .fa {
    font-size: 20px;
}

.timeline-tit {
    position: absolute;
    color: #808080;
    top: 35px;
    right: -50px;
    z-index: 1;
    font-size: 20px;
    font-weight: 500;
}

.blog-pesquisa input {
    border-right: none!important;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: transparent!important;
    border: 1px solid #ced4da;
    border-left: none!important;
    border-radius: inherit!important;
}

.input-group-text .fa {
    font-size: 25px!important;
    color: #808080!important;
}

#blog {
    padding: 0 7%;
}

.blog-categorias img {
    height: auto;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #666666;
}

.hover-categ {
    margin-top: 15px;
    display: none;
    width: 50px;
    margin-left: -5px;
    text-align: center;
    background: #666666;
    color: #fff;
    text-transform: uppercase;
    padding: 5px;
}

.blog-categorias {
    min-height: 160px;
}

.blog-categorias img:hover + .hover-categ {
    display: block;
}

.arrow_box {
    position: relative;
    background: #666666;
    border: 1px solid #666666;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #666666;
    border-width: 5px;
    margin-left: -5px;
}
.arrow_box:before {
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #666666;
    border-width: 6px;
    margin-left: -6px;
}

.blog-pesquisa {
    padding-right: 30%;
}
.blog-filtros {
    padding-right: 30%;
}

.blog-listagem img {
    width: 600px;
    height: auto;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-box-shadow: -11px 9px 20px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -11px 9px 20px -4px rgba(0,0,0,0.75);
    box-shadow: -11px 9px 20px -4px rgba(0,0,0,0.75);
}

.noticia-img {
    padding: 0 10%;
}

.noticia-img img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.blog-listagem .titulo-blog {
    display: block;
    position: absolute;
    top: 14%;
    left: 27%;
    transform: translate(-27%,-14%);
}

.titulo-blog span {
    color: #fff;
    text-shadow: 2px 2px #808080;
}

.titulo-blog span:first-child {
    font-size: 25px;
}

.titulo-blog span:last-child {
    text-transform: uppercase;
}

.at-share-btn {
    background-color: transparent!important;
    padding: 0!important;
}

.footer-blog {
    display: block;
    position: absolute;
    bottom: 13%;
    right: 16%;
    transform: translate(-16%,-13%);
}

.footer-blog span {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
}

.frame-text {
    padding: 20px;
    -webkit-box-shadow: -1px -1px 50px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -1px 50px -1px rgba(0,0,0,0.75);
    box-shadow: -1px -1px 50px -1px rgba(0,0,0,0.75);
    border-radius: 30px;
    margin-top: 30px;
    background-color: #fff;
}

.arrow_box2:after, .arrow_box2:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box2:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 0 0 20px 20px;
    margin-left: -20px;
}
.arrow_box2:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 0 0 26px 26px;
    margin-left: -26px;
}

.blog-detail {
    padding: 0 10%;
    margin-top: -70px;
}

.blog-btn {
    padding: 5px 10px;
    border: 1px solid #808080;
    font-size: 16px;
}

.blog-btn:after {
    content: '\f107';
    font-family: FontAwesome;
    font-weight: 100;
    margin-left: 10px;
}

.noticia-text {
    padding: 20px 10%;
}

.imagem2 img{
    opacity: 0.5;
}

.img-active {
    opacity: 1!important;
}

.noticia-img iframe {
    width: 100% !important;
    height: 400px!important;
}

.tags span {
    color: #808080;
    cursor: pointer;
    border: 1px solid #808080;
    padding: 5px 10px;
    margin: 0 5px;
}

.tags span:first-child {
    font-size: 20px;
    font-weight: 700;
    border: none;
    cursor: none;
    padding: 0;
}

.noticia-inicio {
    margin-top: -60px;
}

@media (max-width: 976px) {
    #timeline {
        display: none;
    }
}

.w-50 {
    width: 50%!important;
}

.guia-tamanhos {
    background: #fff;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 0 .375rem 0;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    border: 1px solid #ced4da;
    text-align: center;
    margin-top: 26px;
    font-size: 12px!important;
}

.mega {
    margin: 0 10px!important;
}

@media (min-width: 977px) {
    .mega a:hover + .mega-container {
        display: block;
        visibility: visible;
        opacity: 1;
        animation: fade 0.5s;
    }

    .mega-container:hover {
        display: block;
        visibility: visible;
    }

    .mega-container {
        position: absolute;
        z-index: 9999;
        width: 100%;
        left: 0;
    }

    .
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fa-bars {
    color: #808080!important;
}

@media (max-width: 1024px) {
    .hidden-1024 {
        display: none;
    }

    .carrinho {
        top: 55px!important;;
    }

    .newsletter-panel {
        position: absolute;
        z-index: 99999999999999999;
        margin-top: 5px;
        left: 0;
    }

    .header-area {
        padding: 10px 5px!important;
    }
}

@media (max-width: 767px) {
    .hidden-767 {
        display: none;
    }

    .imagem {
        margin-top: 1.5rem;
    }

    .border-top-mobile {
        border-top: 1px solid #d0d0d0;
        margin: 5px 0 0 0;
        padding: 15px 0 0 0;
    }

    #facebox {
        width: 100%;
        overflow-x: scroll;
    }
}

@media (max-width: 500px) {
   .triangulo {
       margin-right: 20px!important;
   }

    .header-area .pl-5 {
        padding-left: 5px!important;
    }

    .header-area .pr-5 {
        padding-right: 5px!important;
    }

    .header-area {
        padding: 10px 5px!important;
    }

    .carrinho {
        top: 40px!important;;
    }


}

#procura-mobile input {
    color: #fff!important;
}

#procura-mobile input:-ms-input-placeholder {
    color: #fff!important;
}

#procura-mobile input::-ms-input-placeholder {
    color: #fff!important;
}

#procura-mobile input::placeholder {
    color: #fff!important;
}

#procura-mobile .pe-7s-search {
    color: #fff!important;
}

.logo-mobile {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 42px;
    width: 150px;
    transform: translate(-50%);
}

@media (min-width: 992px) {
    .col-8-teste {
        max-width: 12.5%!important;
        float: left;
        padding: 0 10px!important;
        margin-bottom: 10px;
    }

    .col-8-teste img {
        padding: 0 15px!important;
    }
}

.menino {
    border: 3px solid #57c8f4!important;
}

.menina {
    border: 3px solid #f49cb4!important;
}

.menino h1 {
    color: #57c8f4!important;
    background: #fff!important;
}

.menina h1{
    color: #f49cb4!important;
    background: #fff!important;
}

.menino h1:hover {
    color: #fff!important;
    background: #57c8f4!important;
}

.menina h1:hover{
    color: #fff!important;
    background: #f49cb4!important;
}

.menino-activo {
    border: 3px solid #57c8f4!important;
}

.menina-activo {
    border: 3px solid #f49cb4!important;
}

.menino-activo h1{
    color: #fff!important;
    background: #57c8f4!important;
}

.menina-activo h1{
    color: #fff!important;
    background: #f49cb4!important;
}

.border-cat {
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
}