@import "./pricingTable.min.css";

.required-field > label::after {
    content: " \f005";
    color: #F44336;
    font-family: FontAwesome;
    font-size: .6em;
    vertical-align: super;
}

.owl-theme .owl-dots .owl-dot span {
    display: none !important;
}

.form-group.has-error .help-block {
    color: #ff1f1f;
}

@media (max-width: 768px) {
    .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
        padding: 8px !important;
    }
}

::-webkit-inner-spin-button {
    display: none;
}

select.form-control[multiple] {
    background: none;
}

.sw-btn-next {
    margin-left: 10px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.icheckbox_flat-blue, .iradio_flat-blue {
    width: 21px;
    height: 21px;
}

a.clickable-object {
    position: relative;
    display: inline-block;
}

a.clickable-object:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tab-content {
    padding-top: 2rem;
}

#cart-details .table-responsive {
    border-radius: 5px;
}

#cart-details table thead tr {
    background-color: #50c6e9;
    color: #FFF;
}

#cart-details table thead td, #cart-details table thead th {
    text-align: left;
}

.custom-control {
    display: inline-block;
}

.sw-theme-arrows > ul.step-anchor {
    display: flex !important;
}

.shipping-options label {
    padding-left: 0;
    display: block;
}

.sw-btn-group .btn {
    background-color: #f5f5f5;
    border-color: #e1e7ec;
}

.sw-btn-group .btn:hover {
    background-color: #dcdbdb;
}

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-secondary, .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-outline-secondary {
    border-right: 1px solid #e1e7ec;
}

.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    margin-right: 10px;
    padding-right: 22px;

}

.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid rgb(225, 231, 236);
}



.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 5px;
}

.hidden {
    display: none;
}

.list-group-item.active {
    cursor: pointer;
    pointer-events: initial;
}


.site-search {
    width: 98%;
}



.cart-quantity{
    margin-right: 3px;
    margin-left: 3px;
}

.shipping-options .custom-radio {
    display: block;
}

.category-card{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:30px 20px;
    border:1px solid #e5e5e5;
    background-color:#fff;
    text-decoration:none
}
.category-card .category-card-info{
    margin:0 auto;
    padding:15px 0
}
.category-card .category-card-title{
    margin-bottom:12px;
    color:#232323;
    font-size:24px
}
.category-card .category-card-subtitle{
    margin:0;
    color:#999;
    font-size:13px;
    font-weight:normal
}
.category-card .category-card-thumb{
    display:inline-block;
    width:100%;
    max-width:400px;
    margin:0 auto;
    overflow:hidden;
	/*max-height: 130px;*/
}
.category-card .category-card-thumb>img{
    display:block;
    width:100%;
    transition:all .4s;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
	max-height: 130px;
}
.category-card:hover .category-card-thumb>img{
    -webkit-transform:scale(0.94);
    -ms-transform:scale(0.94);
    transform:scale(0.94)
}
@media (max-width: 576px) {
    .category-card {
        padding: 15px 25px
    }
}

.input-group {
    display: block;
    position: relative;
}

@media (max-width: 576px) {
	.tab-content {
		padding-top: 5px;
	}
	
	.form-group{
		margin-bottom: 5px !important;
	}

}


.btn-wishlist{
	display:none;
}


/****** CUSTOM menu *****/

#home-submenu2 {
	min-height: 60px!important;
}
	
#home-submenu2 .home-sub {
	background-color: #000000;
}

#home-submenu2 .site-menu > ul > li > a {
	color: #ffffff;
}

#home-submenu2 .site-menu > ul > li > a > span{
	font-weight: 700;
}

#home-submenu2 .site-menu > ul > li.has-megamenu{
	padding-left: 75px;
}

header#home-submenu2.navbar.navbar-sticky.navbar-stuck {
	display:none;
}

header#home-submenu2.navbar.navbar-sticky.navbar-stuck {
	display:none;
}

#home-submenu1 .site-menu ul{
	margin-right: 350px;
}

#home-submenu2 .site-menu ul > li:hover > a {
    color: #ffffff;
}

@media (max-width: 800px) {
    #home-submenu2 {
        display:none;
    }
	
	#slider{
		display:none;
	}
}


/***** general ****/

.color-amarelo{
	color: #0D346D;
}

.texto-centro{
	text-align:center;
}

footer .input-group>.form-control{
	width: 100%;
}

#announcement-footer{
	display:none;
}

.shop-home{
	font-size: 18px;
	font-weight: 600;
	padding: 5px;
}

#home-search-tab{
	background-color: #f6f6f6;
	border-radius: 5px;
}

#por-veiculos{
	padding: 0px 15px 0px 15px;
}

#por-codigo{
	padding: 0px 15px 0px 15px;
}

.thumbnail-img img {
	border-radius: 5px;
}


/**** hiper custom ***/

.borda-fundo-titulo-lista-produtos {
    border-top: 2px solid #0D346D;
}

.titulo-lista-produtos {
    color: #0D346D;
    margin-top: 30px;
}

.titulo-lista-produtos p {
    font-weight: 700;
    font-size: 35px;
}

.titulo-lista-produtos p span {
    font-size: 18px;
    font-weight: 600;
	color: #000000;
}

.top-content .after-banner .vantagens-home {
    /*width: 1200px;*/
	width: 100%;
	text-align: center;
}

.top-content .after-banner .vantagens-home ul li {
    text-align: left;
    display: inline-block;
    margin: 0 15px;
}

.top-content .after-banner .vantagens-home .icomoon {
    margin-right: 5px;
}

.top-content .icomoon {
    color: #0D346D;
    font-size: 60px;
    float: left;
    margin-right: 2px;
}

.top-content .conteudo {
    display: grid;
    font-size: 11px;
}

.top-content .conteudo strong {
    color: #0D346D;
    font-weight: 700;
}

@font-face{
    font-family:icomoon;
    src:url(https://www.hipervarejo.com.br/skin/frontend/mbootstrap/hipervarejo/fonts/icomoon/icomoon.eot?g3vu3b);
    src:url(https://www.hipervarejo.com.br/skin/frontend/mbootstrap/hipervarejo/fonts/icomoon/icomoon.eot?g3vu3b#iefix) format('embedded-opentype'),url(https://www.hipervarejo.com.br/skin/frontend/mbootstrap/hipervarejo/fonts/icomoon/icomoon.ttf?g3vu3b) format('truetype'),url(https://www.hipervarejo.com.br/skin/frontend/mbootstrap/hipervarejo/fonts/icomoon/icomoon.woff?g3vu3b) format('woff'),url(https://www.hipervarejo.com.br/skin/frontend/mbootstrap/hipervarejo/fonts/icomoon/icomoon.svg?g3vu3b#icomoon) format('svg');
    font-weight:400;
    font-style:normal
}
[class^=icon-home-],[class*=" icon-home-"]{
    font-family:icomoon!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-arrow-left:before{
    content:"\e91d";
    color:#7e7974
}
.icon-arrow-right:before{
    content:"\e91e";
    color:#7e7974
}
.icon-home-anos:before{
    content:"\e915"
}
.icon-home-boleto:before{
    content:"\e916"
}
.icon-home-cartao:before{
    content:"\e917"
}
.icon-home-frete:before{
    content:"\e918"
}
.icon-home-seguranca:before{
    content:"\e919"
}

.box-mosaico {
    background-color: #f6f6f6;
    padding-top: 0px;
    margin-bottom: 15px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.box-mosaico .lista-itens-mosaico .item-mosaico {
    height: 269px;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid rgba(193,192,193,.2);
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.box-mosaico .lista-itens-mosaico .item-mosaico img {
    margin: 0 auto;
    max-height: 185px;
}

.box-mosaico .lista-itens-mosaico .item-mosaico .titulo-item {
    font-weight: 700;
    font-size: 12px;
    color: #0D346D;
    text-transform: uppercase;
    margin-top: 10px;
    display: inline-block;
}

.box-mosaico .lista-itens-mosaico .item-mosaico .descricao-item {
    color: #7e7974;
}

.box-mosaico .lista-itens-mosaico .item-mosaico .descricao-item:after {
    content: '';
    display: block;
    width: 50%;
    border-top: 2px solid #0D346D;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
}

/******* hiper menu ****/

 @media all{
    
     .container-fluid:after,.container:after,.navbar-container ul.list-inline,.navbar-container ul.list-inline:after,.row:after{
        clear:both;
    }
     .container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{
        display:table;
        content:" ";
    }
     .container,.container-fluid{
        padding-right:15px;
        padding-left:15px;
        margin-right:auto;
        margin-left:auto;
    }
    
    .dropdown-menu{
        float:left;
    }
     .dropdown{
        position:relative;
    }
     
	.button{
        display:inline-block;
        margin-bottom:0;
        font-weight:400;
        text-align:center;
        vertical-align:middle;
        -ms-touch-action:manipulation;
        touch-action:manipulation;
        cursor:pointer;
        background-image:none;
        border:1px solid transparent;
        white-space:nowrap;
        padding:6px 12px;
        font-size:14px;
        line-height:1.42857;
        border-radius:4px;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
    }
     .button:active:focus,.button:focus{
        outline:-webkit-focus-ring-color auto 5px;
        outline-offset:-2px;
    }
     .button:focus,.button:hover{
        color:#333;
        text-decoration:none;
    }
     .button:active{
        outline:0;
        background-image:none;
        box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    }
     .button{
        color:#333;
        background-color:#fff;
        border-color:#ccc;
    }
     .button:focus{
        color:#333;
        background-color:#e6e6e6;
        border-color:#8c8c8c;
    }
     .button:hover{
        color:#333;
        background-color:#e6e6e6;
        border-color:#adadad;
    }
     .button:active{
        color:#333;
        background-color:#e6e6e6;
        background-image:none;
        border-color:#adadad;
    }
     .button:active:focus,.button:active:hover{
        color:#333;
        background-color:#d4d4d4;
        border-color:#8c8c8c;
    }
     .dropdown-menu{
        position:absolute;
        top:100%;
        left:0;
        z-index:1000;
        display:none;
        min-width:160px;
        padding:5px 0;
        margin:2px 0 0;
        font-size:14px;
        text-align:left;
        list-style:none;
        background-color:#fff;
        background-clip:padding-box;
        border:1px solid #ccc;
        border:1px solid rgba(0,0,0,.15);
        border-radius:4px;
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }
     .navbar-container ul.list-inline:after,.navbar-container ul.list-inline:before{
        display:table;
        content:" ";
    }
    
    .navbar-container ul.list-inline li.dropdown a:hover{
        text-decoration:none;
    }
     .navbar-container{
        background-color:#0D346D;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div.icon .img-responsive{
        max-width:50px!important;
    }
     .navbar-container{
        height:50px;
        color:#fff;
    }
     .navbar-container ul.list-inline{
        margin:0 -15px;
        padding:0;
        list-style:none;
        height:100%;
        position:relative;
    }
     .navbar-container ul.list-inline li.dropdown{
        position:static!important;
        margin:10px;
        padding:0;
        width:85px;
        height:35px;
        float:left;
    }
     .navbar-container ul.list-inline li.dropdown a{
        display:table;
        padding-top:4px;
        width:100%;
        height:100%;
    }
     .navbar-container ul.list-inline li.dropdown a .image-dropdown{
        display:table-cell;
        vertical-align:middle;
        margin-top:5px;
		display:none;
    }
     .navbar-container ul.list-inline li.dropdown a span{
        color:#fff;
        text-align:center;
        font-size:10px;
        display:table-row;
        line-height:10px;
        margin-top:8px;
    }
     .navbar-container ul.list-inline li.dropdown:hover{
        background-color:#2a2d34;
    }
     .navbar-container ul.list-inline li.dropdown:hover .dropdown-menu{
        display:block;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu{
        font:700 12px Roboto;
        color:#7e7974;
        text-align:left;
        display:none;
        background-color:#fff;
        position:absolute;
        padding:30px 0 0;
        top:auto;
        left:0;
        z-index:999999;
        width:100%;
        border-top:6px solid #2a2d34;
        border-left:1px solid #e9e8e7;
        border-right:1px solid #e9e8e7;
        border-bottom:1px solid #e9e8e7;
        overflow:hidden;
        margin-top:-1px;
        box-shadow:none;
        border-radius:0;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu:hover{
        display:block;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .dropdown-menu-footer{
        display:none;
        background-color:#e9e8e7;
        width:100%;
        height:67px;
        position:absolute;
        left:0;
        bottom:-62px;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .dropdown-menu-footer div.title{
        float:left;
        margin-left:85px;
        font:31px Roboto;
        font-weight:900;
        text-align:center;
        color:#2a2d34;
        padding:19px 0 12px;
        text-transform:uppercase;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .dropdown-menu-footer button.button{
        width:200px;
        height:47px;
        background-color:#262931;
        font:14px Roboto;
        color:#eae9e9;
        text-align:center;
        float:right;
        margin:11px 116px 0 0;
        line-height:35px;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .container-fluid{
        margin-bottom:62px;
        position:relative;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container{
        padding:0 15px;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type{
        float:left;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li{
        width:95%;
        height:50px;
        display:table;
        margin-bottom:20px;
        overflow:hidden;
        margin-right:30px;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div{
        display:table-cell;
        vertical-align:middle;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div.item{
        border-bottom:1px dotted #7e7974;
        width:100%;
        display:inline-block;
		padding-left: 15px;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div.icon{
        width:50px;
        height:50px;
        padding-right:20px;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div span{
        display:block;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div a{
        font-family:Roboto;
        text-align:left;
        padding:0;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div a.first{
        font-size:14px;
        font-weight:900;
        line-height:1.5;
        color:#0D346D;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div a.second{
        width:auto;
        display:inline;
        float:left;
        font-size:11px;
        line-height:1.5;
        color:#7e7f84;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div a.second:hover{
        color:#e45735;
        text-decoration:underline;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div a.second:after{
        content:', ';
        display:inline-block;
        width:10px;
        margin-left:-3px;
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type ul li div a.second:last-child:after{
        content:'';
    }
     .navbar-container ul.list-inline li.dropdown .dropdown-menu .left-container .dynamic-type .dropdown-menu-footer{
        display:block;
    }
     .navbar-container ul.list-inline li.dropdown.last{
        background-color:#D99216;
        margin-right:0;
    }
    
	@media screen and (min-width:992px) and (max-width:1279px){
         .navbar-container ul.list-inline li.dropdown{
            margin:0;
            width:74px;
        }
    }
	
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 812px){
		.top-content .after-banner .vantagens-home {
			width: 100%;
			max-width:1200px;
		}

		.so_advanced_search{
			height: 300px !important;
			background: url(/assets/themes/marketplace-master/img/banner-home-top-mobile.jpg) no-repeat center !important;
		}
		
		.so_advanced_search .sas_inner{
			padding: 15% !important;
		}
		
		.box-advanced-search{
			margin-top: 0px !important;
		}
	}
	
}