@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

a.action.tocompare,
div.calculate-shipping,
ul.cdz-social-listing {
    display: none !important;
}

div.cdz-slideshow-inner.abs-frame-inner div.owl-item {
    background: url("images/banner/01-fundo-banner-principal-cyberrock.jpg") no-repeat;
}

.product-list-style-11 .detail-items-wrap {
    text-align: inherit !important;
}

div.center-strip {
    display: flex;
    width: 100%;
    height: 130px;
    background-color: #800a0a;
}

div.center-strip div.container {
    width: 100%;
    max-width: 1400px;
}

div.center-strip div.container {
    width: 100%;
    max-width: 1400px;
    padding: 0 !important;
}

div.container div.mind {
    display: inline-block;
    position: relative;
    width: 50px;
    float: left;
    height: 100px;
    margin-right: 30px;
}

div.container div.mind span:before {
    display: block;
    width: 110px;
    position: relative;
    content: "";
    height: 200px;
    right: 34px;
    top: -60px;
    background: url("images/newsletter/12-icone-ideia-newsletter-cyberrock.svg") no-repeat;
}

div.container div.promotions,
div.container div.register,
div.container div.form {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


div.promotions span {
    display: inline-block;
    color: white;
    text-transform: uppercase;
    font-size: 19pt;
    font-weight: 600;
}

div.register span {
    display: inline-block;
    font-size: 14pt;
    color: white;
}

div.container div.form input {
    width: 72%;
    height: 1%;
    border: 2px solid white;
    padding: 4.6%;
    margin-right: 1%;
}

div.container div.form input::placeholder {
    color: white;
}

div.container div.form input:-ms-input-placeholder {
    color: white;
}

div.center-strip div.form button {
    display: inline-block;
    border: none;
    text-transform: uppercase;
    color: black;
    font-weight: 700;
    font-size: 11pt;
    height: 34%;
    background-color: white !important;
}

div.product-list-style-09 .tocart.primary {
    width: 100% !important;
    bottom: 0 !important;
    left: 0 !important;
    color: #ffffff !important;
    border-color: rgb(232, 127, 35) !important;
    background: rgb(232, 127, 35) !important;
}

div.product-list-style-09 .tocart.primary:hover {
    background: rgb(226, 136, 63) !important;
}

div.product-list-style-11 div.deal-items {
    height: 5vh;
    padding: 1px;
}

div.cdz-product-wrap div.cdz-block-title {
    border-bottom: 1px solid black;
}

div.cdz-block-title a p.b-title.h2 {
    display: inline-block;
    border-bottom: 3px solid black;
    margin: 0 !important;
}

div.detail-items-wrap div.product-box {
    height: 122px !important;
    display: flex;
    flex-direction: column;
}

div.product-box div.right-box {
    flex-direction: column-reverse;
    margin-top: auto;
    align-items: initial !important;
}

div.product-box div.right-box div.product-reviews-summary.short {
    margin: 0 !important;
    margin-bottom: 10px !important;
}

button.action.tocart.primary {
    padding: 2%;
    font-size: 12pt;
    font-weight: 600;
}

.cdz-slideshow-inner .owl-dots .owl-dot {
    border: 2px solid #ff0000 !important;
}

.cdz-slideshow-inner .owl-dots .owl-dot.active {
    background: #ff0000 !important;
    border: 2px solid rgba(255,255,255,0.6) !important;
}

div.product.attribute.sku.brand.extra-attr {
    display: flex;
    flex-direction: row;
    width: 100%;
}

div.product.attribute.sku.brand.extra-attr div.value {
    margin-left: 10px;
}

div.product-item-top.mgu a.qs-button {
    position: fixed !important;
    width: 29px !important;
    height: 28px !important;
    top: 2% !important;
    left: 3% !important;
}

div.product-item-top.mgu div.button-top-wrap a.action.towishlist {
    position: fixed;
    top: 11%;
    left: 0.7%;
}

div.product-item-top.mgu a.qs-button::before {
    position: absolute !important;
    left: 21% !important;
    top: 20% !important;
}

span.product-image-wrapper {
    border: 2px solid #cac9c9;
}

.no-loaded {
    height: 345px;
}
/*TIME*/

div.product-deal {
    margin-top: 15px;
}

div.deal-items div.deal-item.days,
div.deal-items div.deal-item.hours,
div.deal-items div.deal-item.mins,
div.deal-items div.deal-item.secs {
    background-image: url("../../images/icons/11-icone-relogio-contagem-regressiva-cyberrock.svg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-weight: bold;
    font-size: 16pt;
    letter-spacing: 2px;
    padding: 2%;
}

div.product-deal div.deal-wrap div.deal-items {
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 5px;
}

div.deal-items div.deal-item.days,
div.deal-items div.deal-item.hours,
div.deal-items div.deal-item.mins,
div.deal-items div.deal-item.secs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 64px;
}

div.mgu-time {
    text-align: center;
    width: 82px;
}

div.mgu-time span.label {
    font-weight: 700 !important;
    color: black !important;
    text-transform: uppercase;
    font-size: 8pt !important;
}

div.deal-item.days span.value,
div.deal-item.hours span.value,
div.deal-item.mins span.value,
div.deal-item.secs span.value {
    margin-left: 4px;
}

.product-view-style-03 .product-info-main .field.qty .cart-qty {
    border: initial !important;
}

div.product-options-bottom div.box-tocart div.fieldset div.control div.cart-qty input#qty {
    width: 60px;
    border: 1px solid #e1e1e1 !important;
    padding: 0 !important;
}

div.mgu-buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.mgu-buttons div > span {
    color: #fc8b00;
    padding-left: 6px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 1400px) {
    div.mgu-time {
        width: 74px;
    }

    div.deal-items div.deal-item.days,
    div.deal-items div.deal-item.hours,
    div.deal-items div.deal-item.mins,
    div.deal-items div.deal-item.secs {
        height: 60px;
    }
}

@media only screen and (max-width: 1280px) {
    div.mgu-time {
        width: 82px;
    }

    div.deal-items div.deal-item.days,
    div.deal-items div.deal-item.hours,
    div.deal-items div.deal-item.mins,
    div.deal-items div.deal-item.secs {
        height: 64px;
    }
}

@media only screen and (max-width: 1052px) {
    div.mgu-time {
        width: 74px;
    }

    div.deal-items div.deal-item.days,
    div.deal-items div.deal-item.hours,
    div.deal-items div.deal-item.mins,
    div.deal-items div.deal-item.secs {
        height: 60px;
    }
}

@media only screen and (max-width: 980px) {
    div.mgu-time {
        width: 82px;
    }

    div.deal-items div.deal-item.days,
    div.deal-items div.deal-item.hours,
    div.deal-items div.deal-item.mins,
    div.deal-items div.deal-item.secs {
        height: 64px;
    }
}

/*TIME*/

/*RIBBON*/
div.mgu-ribbon {
    position: absolute;
    background-color: #e40000;
    width: 25%;
    text-align: center;
    color: white;
    padding: 7px 5px 6px 2px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10pt;
    left: 75%;
    top: 30px;
    z-index: 10;
}

span.text:before {
    content: "";
    position: absolute;
    display: block;
    border: 15px solid #e40000;
    border-left-color: transparent;
    right: 81%;
    top: 0px;
    z-index: -1;
}

@media only screen and (max-width: 768px) {
    span.text:before {
        right: 82%;
        border: 15.4px solid #e40000;
        border-left-color: transparent;
    }

    .no-loaded {
        height: initial !important;
    }
}
/*RIBBON*/

/*BLOG*/

.post-text-hld.clearfix p {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}

.post-title-holder.clearfix .post-title {
    padding: initial !important;
}

.post-list-wrapper.blog-widget-recent div.mgu-title {
    border-bottom: 1px solid black;
}

.post-description.clearfix .post-text-hld.clearfix {
    min-height: 130px !important;
}

.post-title-holder.clearfix .post-title {
    padding: initial !important;
    font-size: 23px;
    margin: 10px 0 10px 0;
    color: black;
    font-weight: 700;
    font-family: Montserrat;
}

.post-list-wrapper.blog-widget-recent h3.title {
    margin-bottom: 0 !important;
    display: inline-block;
    border-bottom: 3px solid black;
}

.post-description.clearfix .post-text-hld.clearfix a {
    color: red !important;
}

ul.post-list.clearfix {
    display: flex;
    flex-direction: row;
    width: 100%;
}

ul.post-list.clearfix li {
    width: 25%;
    padding: initial !important;
    padding-right: 2% !important;
    padding-left: 2% !important;
    border: none !important;
}

ul.post-list.clearfix li:first-child  {
    padding-left: 0 !important;
}

ul.post-list.clearfix li:last-child {
    padding-right: initial !important;
}

.item.post-categories a,
.post-description.clearfix .post-info.clear {
    color: red !important;
    text-transform: uppercase;
    font: 500 10px Montserrat;
}

.post-description.clearfix .post-info.clear {
    margin: 10px 0 10px 0;
}

.post-list .post-info .item.post-categories:before,
.post-list .post-info .item:before {
    display: none !important;
}

.post-list .post-info .item,
.post-list .post-content {
    padding: initial !important;
    height: 100%;
}

.post-description.clearfix {
    height: 100%;
    width: 100%;
    position:relative;
}

.mgu-readmore {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.post-ftimg-hld a img {
    height: 179px !important;
}

a.post-read-more {
    color: #4e4c4c !important;
}

a.post-read-more div {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #e5e4e3;
    text-transform: uppercase;
}

a.post-read-more:hover {
    color: #282828 !important;
}

a.post-read-more div:hover {
    background-color: #cbcaca;
}

div.cdz-block-title a p.b-title.h2:hover {
    color: red !important;
}

div.cdz-product-wrap.product-list-style-09 div.cdz-block-title p.b-title.h2 {
    display: inline-block;
    border-bottom: 3px solid black;
    margin: 0 !important;
}

@media only screen and (max-width: 1060px) {
    ul.post-list.clearfix {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

    ul.post-list.clearfix li {
        width: 100%;
    }
}

@media only screen and (max-width: 736px) {
    .post-description.clearfix .post-text-hld.clearfix {
        min-height: 260px !important;
    }

    .post-ftimg-hld a img {
        height: initial !important;
    }
}
/*BLOG*/


@media only screen and (max-width: 1400px) {
    div.container div.mind span:before {
        width: 90px;
        right: -10px;
    }
}

@media only screen and (max-width: 1225px) {
    div.promotions span {
        font-size: 17pt;
    }

    div.register span {
        font-size: 12pt;
    }

    div.container div.promotions {
        width: 29%;
    }

    div.container div.form input {
        padding: 5%;
    }

    div.center-strip div.form button {
        height: 31%;
    }
}

@media only screen and (max-width: 1023px) {
    div.promotions span {
        font-size: 13pt;
    }

    div.register span {
        font-size: 10pt;
    }

    div.center-strip div.form button {
        font-size: 10pt;
        height: 27%;
        padding: 1% 8% 1% 8%;
    }

    div.container div.form input {
        padding: 6%;
    }
}

@media only screen and (max-width: 768px) {
    div.container-fluid.hidden-xs {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    div.center-strip {
        height: 180px;
    }

    div.container-fluid.hidden-xs div.col-sm-24.space-lg {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    div.container div.promotions {
        width: initial;
    }

    div.center-strip div.form button {
        padding: 1.7% 8% 1.7% 8%;
    }

    div.container div.promotions, div.container div.register, div.container div.form {
        height: initial;
    }

    div.register span {
        font-size: 12pt;
        text-align: center;
    }

    div.container div.promotions {
        text-align: center;
    }

    div.container div.form input {
        padding: 1.5% !important;
    }

    div.container div.promotions,
    div.container div.register,
    div.container div.form {
        margin: 2% 0 1% 0;
        width: 100%;
    }
}

@media only screen and (max-width: 572px) {
    div.container-fluid.hidden-xs div.col-sm-24.space-lg {
        margin: initial;
    }

    div.container div.mind {
        height: 42px;
    }

    span:before {
        right: -3px;
    }

    div.container div.mind {
        margin-right: 44px;
    }

    div.promotions span {
        font-size: 12pt;
    }
}

@media only screen and (max-width: 479px) {
    div.mgu-ribbon {
        width: 16%;
        left: 84%;
    }
}