/*
    Theme Name: Ominipet
    Author: Filipe Soares
    Author URI: http://www.filipesoares.dev
    Description: Tema para loja virtual Ominipet
    Version: 1.0
*/

ul, li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

header {
    margin: 0px;
    padding: 0px;
}

body{
    /*background: url(images/bg.jpg) #fff;*/
    background: #f9f9f9;
}

.cup{
    cursor: pointer;
}

a, a:hover {
    color: #49b775;
}

h1 {
    font-size: 2rem;
}

.h2, h2 {
    font-size: 1.7rem;
}

@media (min-width: 1240px)
{
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}

/*responsive-font*/
.size-01vw{font-size: 1vw;}
.size-02vw{font-size: 2vw;}
.size-03vw{font-size: 3vw;}
.size-04vw{font-size: 4vw;}
.size-05vw{font-size: 5vw;}
.size-06vw{font-size: 6vw;}
.size-07vw{font-size: 7vw;}
.size-08vw{font-size: 8vw;}
.size-09vw{font-size: 9vw;}
.size-10vw{font-size: 10vw;}
.size-11vw{font-size: 11vw;}
.size-12vw{font-size: 12vw;}
.size-13vw{font-size: 13vw;}
.size-14vw{font-size: 14vw;}
.size-15vw{font-size: 15vw;}
.size-16vw{font-size: 16vw;}
.size-17vw{font-size: 17vw;}
.size-18vw{font-size: 18vw;}
.size-19vw{font-size: 19vw;}
.size-20vw{font-size: 20vw;}

/*Sizes*/
.size-08{font-size: 8px;}
.size-09{font-size: 9px;}
.size-10{font-size: 10px;}
.size-11{font-size: 11px;}
.size-12{font-size: 12px;}
.size-13{font-size: 13px;}
.size-14{font-size: 14px;}
.size-15{font-size: 15px;}
.size-16{font-size: 16px;}
.size-17{font-size: 17px;}
.size-18{font-size: 18px;}
.size-19{font-size: 19px;}
.size-20{font-size: 20px;}
.size-21{font-size: 21px;}
.size-22{font-size: 22px;}
.size-23{font-size: 23px;}
.size-24{font-size: 24px;}
.size-25{font-size: 25px;}
.size-26{font-size: 26px;}
.size-27{font-size: 27px;}
.size-28{font-size: 28px;}
.size-29{font-size: 29px;}
.size-30{font-size: 30px;}
.size-31{font-size: 31px;}
.size-32{font-size: 32px;}
.size-33{font-size: 33px;}
.size-34{font-size: 34px;}
.size-35{font-size: 35px;}
.size-36{font-size: 36px;}
.size-40{font-size: 40px;}
.size-50{font-size: 50px;}
.size-60{font-size: 60px;}

@media (min-width: 375px){

    .size-xs-08{font-size: 8px;}
    .size-xs-09{font-size: 9px;}
    .size-xs-10{font-size: 10px;}
    .size-xs-11{font-size: 11px;}
    .size-xs-12{font-size: 12px;}
    .size-xs-13{font-size: 13px;}
    .size-xs-14{font-size: 14px;}
    .size-xs-15{font-size: 15px;}
    .size-xs-16{font-size: 16px;}
    .size-xs-17{font-size: 17px;}
    .size-xs-18{font-size: 18px;}
    .size-xs-19{font-size: 19px;}
    .size-xs-20{font-size: 20px;}
    .size-xs-21{font-size: 21px;}
    .size-xs-22{font-size: 22px;}
    .size-xs-23{font-size: 23px;}
    .size-xs-24{font-size: 24px;}
    .size-xs-25{font-size: 25px;}
    .size-xs-26{font-size: 26px;}
    .size-xs-27{font-size: 27px;}
    .size-xs-28{font-size: 28px;}
    .size-xs-29{font-size: 29px;}
    .size-xs-30{font-size: 30px;}
    .size-xs-31{font-size: 31px;}
    .size-xs-32{font-size: 32px;}
    .size-xs-33{font-size: 33px;}
    .size-xs-34{font-size: 34px;}
    .size-xs-35{font-size: 35px;}
    .size-xs-36{font-size: 36px;}
    .size-xs-40{font-size: 40px;}
    .size-xs-50{font-size: 50px;}
    .size-xs-60{font-size: 60px;}
}

@media (min-width: 576px){

    .size-sm-08{font-size: 8px;}
    .size-sm-09{font-size: 9px;}
    .size-sm-10{font-size: 10px;}
    .size-sm-11{font-size: 11px;}
    .size-sm-12{font-size: 12px;}
    .size-sm-13{font-size: 13px;}
    .size-sm-14{font-size: 14px;}
    .size-sm-15{font-size: 15px;}
    .size-sm-16{font-size: 16px;}
    .size-sm-17{font-size: 17px;}
    .size-sm-18{font-size: 18px;}
    .size-sm-19{font-size: 19px;}
    .size-sm-20{font-size: 20px;}
    .size-sm-21{font-size: 21px;}
    .size-sm-22{font-size: 22px;}
    .size-sm-23{font-size: 23px;}
    .size-sm-24{font-size: 24px;}
    .size-sm-25{font-size: 25px;}
    .size-sm-26{font-size: 26px;}
    .size-sm-27{font-size: 27px;}
    .size-sm-28{font-size: 28px;}
    .size-sm-29{font-size: 29px;}
    .size-sm-30{font-size: 30px;}
    .size-sm-31{font-size: 31px;}
    .size-sm-32{font-size: 32px;}
    .size-sm-33{font-size: 33px;}
    .size-sm-34{font-size: 34px;}
    .size-sm-35{font-size: 35px;}
    .size-sm-36{font-size: 36px;}
    .size-sm-40{font-size: 40px;}
    .size-sm-50{font-size: 50px;}
    .size-sm-60{font-size: 60px;}
    .size-sm-70{font-size: 70px;}
}

@media (min-width: 768px){
    .size-md-08{font-size: 08px;}
    .size-md-09{font-size: 09px;}
    .size-md-10{font-size: 10px;}
    .size-md-11{font-size: 11px;}
    .size-md-12{font-size: 12px;}
    .size-md-13{font-size: 13px;}
    .size-md-14{font-size: 14px;}
    .size-md-15{font-size: 15px;}
    .size-md-16{font-size: 16px;}
    .size-md-17{font-size: 17px;}
    .size-md-18{font-size: 18px;}
    .size-md-19{font-size: 19px;}
    .size-md-20{font-size: 20px;}
    .size-md-21{font-size: 21px;}
    .size-md-22{font-size: 22px;}
    .size-md-23{font-size: 23px;}
    .size-md-24{font-size: 24px;}
    .size-md-25{font-size: 25px;}
    .size-md-26{font-size: 26px;}
    .size-md-27{font-size: 27px;}
    .size-md-28{font-size: 28px;}
    .size-md-29{font-size: 29px;}
    .size-md-30{font-size: 30px;}
    .size-md-36{font-size: 36px;}
    .size-md-40{font-size: 40px;}
    .size-md-50{font-size: 50px;}
    .size-md-60{font-size: 60px;}
    .size-md-70{font-size: 70px;}
}


@media (min-width: 992px){
    .size-lg-08{font-size: 08px;}
    .size-lg-09{font-size: 09px;}
    .size-lg-10{font-size: 10px;}
    .size-lg-11{font-size: 11px;}
    .size-lg-12{font-size: 12px;}
    .size-lg-13{font-size: 13px;}
    .size-lg-14{font-size: 14px;}
    .size-lg-15{font-size: 15px;}
    .size-lg-16{font-size: 16px;}
    .size-lg-17{font-size: 17px;}
    .size-lg-18{font-size: 18px;}
    .size-lg-19{font-size: 19px;}
    .size-lg-20{font-size: 20px;}
    .size-lg-21{font-size: 21px;}
    .size-lg-22{font-size: 22px;}
    .size-lg-23{font-size: 23px;}
    .size-lg-24{font-size: 24px;}
    .size-lg-25{font-size: 25px;}
    .size-lg-26{font-size: 26px;}
    .size-lg-27{font-size: 27px;}
    .size-lg-28{font-size: 28px;}
    .size-lg-29{font-size: 29px;}
    .size-lg-30{font-size: 30px;}
    .size-lg-31{font-size: 31px;}
    .size-lg-36{font-size: 36px;}
    .size-lg-40{font-size: 40px;}
    .size-lg-50{font-size: 50px;}
    .size-lg-60{font-size: 60px;}
    .size-lg-70{font-size: 70px;}
}

@media (min-width: 1200px) {
    .size-xl-08{font-size: 08px;}
    .size-xl-09{font-size: 09px;}
    .size-xl-10{font-size: 10px;}
    .size-xl-11{font-size: 11px;}
    .size-xl-12{font-size: 12px;}
    .size-xl-13{font-size: 13px;}
    .size-xl-14{font-size: 14px;}
    .size-xl-15{font-size: 15px;}
    .size-xl-16{font-size: 16px;}
    .size-xl-17{font-size: 17px;}
    .size-xl-18{font-size: 18px;}
    .size-xl-19{font-size: 19px;}
    .size-xl-20{font-size: 20px;}
    .size-xl-21{font-size: 21px;}
    .size-xl-22{font-size: 22px;}
    .size-xl-23{font-size: 23px;}
    .size-xl-24{font-size: 24px;}
    .size-xl-25{font-size: 25px;}
    .size-xl-26{font-size: 26px;}
    .size-xl-27{font-size: 27px;}
    .size-xl-28{font-size: 28px;}
    .size-xl-29{font-size: 29px;}
    .size-xl-30{font-size: 30px;}
    .size-xl-36{font-size: 36px;}
    .size-xl-40{font-size: 40px;}
    .size-xl-50{font-size: 50px;}
    .size-xl-60{font-size: 60px;}
    .size-xl-70{font-size: 70px;}
}

a.clear-link, .clear-link:hover{
    text-decoration: none;
}

.color-gray{color: #616161;}
a.color-gray:hover{color: #3f3f3f;}

.color-white{color: #fff;}
a.color-white:hover{color: #ebe9e9;}

.color-green{color: #49b775;}
a.color-green:hover{color: #41a369;}

.color-black{color: #000;}
a.color-black:hover{color: #000;}

.color-dark{color: #231f20;}
a.color-dark:hover{color: #231f20;}

.bg-gray{background-color: #616161;}
.bg-white{background-color: #fff;}
.bg-green{background-color: #49b775;}
.bg-red{ background-color: #db1b32!important;}
.bg-blue{background-color: #4657a5;}
.bg-brown{background-color: #aa6750;}
.bg-brown-2{background-color: #90351d;}
.bg-dark{background-color: #231f20;}

.bg-red-g{background: linear-gradient(#df3f3f, #b61e30);}

.border-green{border-color: #49b775!important;}

.overflow-x-hidden{overflow-x: hidden;}
.overflow-y-hidden{overflow-y: hidden;}

#page-transparencia{
    position: fixed;
    background: #000000bd;
    z-index: 109;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
}

/*SIDE NAV*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 199;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
  }

.sidenav > span{
	padding: 0.7rem 0 0.7rem 1.5rem;
	font-size: 15px;
	color: #3f3f3f;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidenav > a, #menu-mobile a {
    padding: 0.7rem 0 0.7rem 1.5rem;
    font-size: 15px;
    color: #3f3f3f;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s;
    border-bottom: solid 1px #d2d2d2;
    text-decoration: none!important;
}

.sidenav > a:hover, #menu-mobile a:hover{
    background: #dee2e6;
    text-decoration: none;;
}
  
.sidenav .closebtn {
    font-size: 18px;
    text-decoration: none;
    padding: 0;
    color: #fff;
}

.sidenav-welcome{
    color: #fff;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #49b775;
}

.sidenav-welcome a{
    text-decoration: underline;
}
  
/*@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}*/

#topo {
    padding-bottom: 26px;
    padding-top: .5rem;
    background: url(images/top_bg.jpg) bottom repeat-x #fff;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 992px) {
    #topo {
        padding-bottom: 36px;
        margin-bottom: 2.5rem;
    }

    .border-top-lg{
        border-top: 1px solid #dee2e6!important;
    }
}

.menu-topo {
    float: right;
}

.menu-topo ul {
    font-size: 12px;
}

.menu-topo li {
    display: inline-block;
   
    margin-right: .5rem!important;
}

.menu-topo a {
    color: #616161;
}



.search-top .form-control {
    border: solid 2px #49b775;
    font-size: 14px;
    height: 39px;
    box-shadow: none!important;
}

.search-top button {
    background: #49b775;
    color: #fff;
    box-shadow: none!important;
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important;
}

.search-top button:hover {
    background: #41a369;
    color: #fff;
}

#cat-topo-container {
    width: 100%;
    position: absolute;
    margin-top: 15px;
    z-index: 2;
}

#cat-topo{
    height: 44px;
    color: #fff;
    
}

#cat-topo > li {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    background: #49b775;
    border-bottom: solid 4px #429c66;
    height: 44px;
}

#cat-topo > li:hover{
    background: #41a369;
    border-bottom: solid 4px #41a369;
}

#cat-topo > li > a {
    height: 42px;
    display: flex;
    padding: 0 0.8em;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    border-right: solid 1px #429c66;
}

#cat-topo > li > a:hover{
    text-decoration: none;
}

#cat-topo > li:first-child{
    margin-left: 15px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

#cat-topo > li:last-child{
    margin-right: 15px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
  
}

#cat-topo > li:first-child > a {

}

#cat-topo > li:last-child > a {
    border-right: none;
}

#cat-topo .sub-menu {
    display: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    z-index: 80;
    position: absolute;
    overflow-x: hidden;
    border-bottom: solid 4px #378b59;
}

#cat-topo .sub-menu li {
    /* font-size: 14px; */
    /* color: #fff; */
    display: block;
    border-bottom: solid 1px #358454;
}

#cat-topo .sub-menu li a {
    font-size: 14px;
    color: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.5em 0;
    text-decoration: none;
    background: #3f9662; 
}

#cat-topo .sub-menu li a:hover{
    background: #398859;
}

#cat-topo li:hover .sub-menu{
    display: block;
}



#banner-2{
    background: #fff;
    border-bottom: solid 4px #429c66;
}

.banner-texto{
    height: 50px;
    border-radius: 5px;
}

.banner-texto .item{
    height: 50px;
}

.banner-texto .item a{
    color: #fff;
    font-weight: 700;
}

.categoria li a {
    /*border: solid 1px #dee2e6;
    width: 100%;
    display: block;
    text-decoration: none!important;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
    padding-left: 1.0em;
    border-bottom: none;
    color: #797979;*/
}

.categoria li a:hover {
    /*background: #f1f1f3;
    color: #368656;*/
}

/*.categoria ul li:last-child a{
    border-bottom: solid 1px #dee2e6;
}*/

.product-row .product, #offers-carousel .product{
    height: 100%;
    border: 1px solid #dee2e6;
}

.product-row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.product-row .item {
    padding-left: .5rem;
    padding-right: .5rem;
    margin-bottom: 1rem;
    position: relative;
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (min-width: 576px){
    .product-row .item {
        padding-left: 1rem;
        padding-right: 1rem;
    }


}

@media (min-width: 768px){

    .product-row .item{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .right-col .product-row .item {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
    
}

@media (min-width: 992px){

    .product-row .item{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
}

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

.vitrine-tags{
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem;
}

.vitrine-tag {
    background: #db1b32;
    color: #fff;
    padding: 0.15em 0.25em;
    border-radius: 2px;
    margin-right: 2px;
    width: 45%;
    text-align: center;
}

.vitrine-de {
    text-decoration: line-through;
    color: #797979;
}

.vitrine-preco{
    font-weight: bold;
    color: #616161;
}

.vitrine-parcelado{
    color: #616161;
}

.vitrine-comprar{
    display: block;
    background-color: #49b775;
    color: #fff;
    text-align: center!important;
    padding: .5rem 0;
    border-radius: .25rem;
    font-weight: 700;
    border-bottom: solid 4px #429c66;
    margin-top: auto;
}

/*.vitrine-comprar {
    display: block!important;
    background-color: #49b775!important;
    color: #fff !important;
    text-align: center!important;
    padding: .5rem 0 !important;
    border-radius: .25rem !important;
    font-weight: 700 !important;
    border-bottom: solid 4px #429c66 !important;
    margin-top: auto !important;
    position: initial!important;
    font-size: initial!important;
    left: initial!important;
    line-height: initial!important;
    text-transform: uppercase;
}*/

.vitrine-comprar:hover{
    text-decoration: none!important;
    color: #fff!important;
    background: #41a369!important;
    border-color: #3d8c5c!important;
}

.vitrine-indisponivel{
    display: block;
    background-color: #999999;
    color: #fff!important;
    text-align: center!important;
    padding: .5rem 0;
    border-radius: .25rem;
    font-weight: 700;
    border-bottom: solid 4px #7c7c7c;
    margin-top: auto;
    text-decoration: none!important;
}

.vitrine-oferta {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 9;
}

#footer{
    background-color: #fff;
    border-top: solid 1px #dee2e6;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    margin-top: 1.5rem;
}

#footer.footer-home {
    border-top: none;
    margin-top: initial;
}

.carousel-arrow{
    color: #49b775;
}

.carousel-arrow:hover{
    color: #276740;
    cursor: pointer;
}

#offers-carousel .product img {
    display: initial!important;
    width: initial;
}

/*borda customizada*/
.border-custom{
    
    border: solid 1px #dee2e6;
    border-radius: .25rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

@media (max-width: 576px){

    .border-custom{
       
        border-left: none;
        border-right: none;
        border-radius: 0;
    }

    .container-custom{
        padding-left: 0;
        padding-right: 0;
    }
}

.menu-footer li {

    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: .5rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px){
    .menu-footer li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.menu-footer a{
    color: #616161;
}

.menu-footer a:hover{
    color: #3f3f3f;
}

@media (max-width: 995px)
{
    .menu-footer a{
        border: solid 1px #dee2e6;
        width: 100%;
        display: block;
        border-radius: 3px;
        padding: 0.25em 0.7em;
    }

    .menu-footer a:hover{
        background:#dee2e6;
        text-decoration: none;
    }
}

#offers-carousel .owl-nav {
    position: absolute;
    top: -44px;
    margin-top: 0!important;
    right: 0;
}

#offers-carousel .owl-prev, #offers-carousel .owl-next{
    padding: 0.35em!important;
    background: #848484;
    color: #fff;
    font-size: 14px;
}

#offers-carousel .owl-prev {

    border-radius: 6px 0 0 6px;
    margin: 0 1px 0 0;
}

#offers-carousel .owl-next {

    border-radius: 0 6px 6px 0;
    margin: 0 0 0 0;
}

#offers-carousel .owl-prev:hover, #offers-carousel .owl-next:hover{
    outline: none;
    background: #6d6d6d;
}

#offers-carousel .owl-prev:focus, #offers-carousel .owl-next:focus{
    outline: none;
}

#offers-carousel .owl-stage {
    display: flex;
}
#offers-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

#offers-carousel .item {
    display: flex;
    flex-direction: column;
}

/*SELO LOJA SEGURA*/
#security-store-modal .modal-content {
    background: #f6f6f6;
    border: none;
}

#security-store-modal button.close {
    color: #fff;
    padding: 0;
    margin: 0.5em 0 0.5em 0;
    font-size: 1rem;
}

#security-store-modal button.close:focus {
    outline: none!important;
}

#security-store-modal .modal-header {
    background: #0a0a0c;
    padding: 0.25rem 1rem;
    border-color: #272727;
}
/*SELO LOJA SEGURA FIM*/

#categoria-mobile {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 108;
    height: 100%;
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
}

#categoria-mobile .arrow-collapse{
    background: url(images/arrow-down.svg) right center no-repeat;
}

#categoria-mobile .arrow-collapse.collapsed{
    background-image: url(images/arrow-left.svg);
}

/*woocomerce*/
form.woocommerce-ordering {
    margin-bottom: 1.5rem;
}

select {
    border: solid 1px #dee2e6;
    border-radius: 2px;
    padding: 4px 0px 4px 4px;
}

select:focus-visible {
    outline: none;
    border-color: #adc5b7;
}