html,
body {
    font-family: 'Open Sans', sans-serif;
    color: #555;
    height: 100%;
    overflow-y: hidden;
    /*Background Footer*/
    
}
a {
    cursor: pointer !important;
}
a,
a:hover,
button,
button:hover {
    /*-webkit-transition: all 0.2s ease-in-out;*/
    /*-moz-transition: all 0.2s ease-in-out;*/
    /*-ms-transition: all 0.2s ease-in-out;*/
    /*-o-transition: all 0.2s ease-in-out;*/
    /*transition: all 0.2s ease-in-out;*/
}

div#shadowID {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1000;
    left: 0px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s linear;
}
#shadowID.red {
    visibility: visible;
    opacity: 1;
}
#shadowID.blue {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .3s, opacity .3s linear;
}
.menu-principal {
    z-index: 10000000;
}

.modules {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.modules .active {
    opacity: 1 !important;
}

.modules li a {
    opacity: 0.7 !important;
}
  


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

.material-icons.md-12 {
    font-size: 12px;
}

.material-icons.md-14 {
    font-size: 14px;
}

.material-icons.md-16 {
    font-size: 22px;
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.centered {
    display: table !important;
    margin: 0 auto !important;
}

.btn-chat {
    color: #fff !important;
    text-decoration: none !important;
    background: blue !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 60px;
    font-weight: 700;
    position: fixed;
    bottom: 0;
    right: 20px;
    z-index: 999;
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: -2px 0px 10px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: -2px 0px 10px 2px rgba(0, 0, 0, 0.35);
    box-shadow: -2px 0px 10px 2px rgba(0, 0, 0, 0.35);
}

.btn-chat:hover {
    background: red;
}

.btn-chat .material-icons {
    float: left;
    margin-right: 10px;
}

header {
    background-color: #fff;
}

.bar-logo {
    border-bottom: 1px solid #d3d3d3;
}

.bar-logo .navbar.navbar-default {
    border: none;
    border-radius: 0;
    background: none;
    margin-bottom: 0;
}

.bar-logo .navbar.navbar-default .navbar-nav > li > a {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 17px 10px;
    border-bottom: 1px solid transparent;
    font-weight: 600;
}

.bar-logo .navbar.navbar-default .navbar-nav > li > a:hover,
.bar-logo .navbar.navbar-default .navbar-nav > li.active > a {
    border-bottom: 1px solid #28478e;
    color: #28478e;
    background-color: transparent;
}

.bar-logo .navbar-brand {
    margin-top: -7px;
}

.form-search {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}

.form-search::-webkit-input-placeholder {
    color: #888;
    font-style: italic;
}

.form-search::-moz-placeholder {
    color: #888;
    font-style: italic;
}

.form-search:-ms-input-placeholder {
    color: #888;
    font-style: italic;
}

.form-search:-moz-placeholder {
    color: #888;
    font-style: italic;
}

.bar-search {
    padding-top: 15px;
    padding-bottom: 10px;
}

.bar-search .search-group {
    display: block;
    position: relative;
}

.bar-search .search-group .form-group {
    margin-bottom: 0;
}

.search-group .button-search {
    display: table;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    outline: 0 !important;
    color: #2d4f9e;
}

.search-group .button-search:hover {
    color: #28478e;
}

.bar-search .navbar.navbar-default {
    border: none;
    border-radius: 0;
    background: none;
    margin-bottom: 0;
}

.bar-search .navbar.navbar-default .navbar-nav > li > a {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 15px 10px;
    font-weight: 600;
    border: none;
    color: #2d4f9e;
    margin-right: 2px;
}

.bar-search .navbar.navbar-default .navbar-nav > li > a.promotion {
    color: #ff7300;
}
.bar-search .navbar.navbar-default .navbar-nav > li > a.promotion:hover,
.bar-search .navbar.navbar-default .navbar-nav > li.active > a.promotion {
    color: #ff7300;
}

.bar-search .navbar.navbar-default .navbar-nav > li > a:hover,
.bar-search .navbar.navbar-default .navbar-nav > li.active > a {
    color: #28478e;
    background-color: #ebebeb;
    border: none;
    border-radius: 6px;
    margin-right: 2px;
}

.bar-search .navbar.navbar-default .navbar-nav > li > a .material-icons {
    float: left;
    margin-right: 5px;
}

.bar-menu {
    background-color: #2d4f9e;
}

.bar-menu .navbar.navbar-default {
    border: none;
    border-radius: 0;
    background: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.bar-menu .navbar.navbar-default .navbar-nav > li > a {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 15px 10px;
    font-weight: 600;
    border: none;
    color: #fff;
}

.bar-menu .navbar.navbar-default .navbar-nav > li > a:hover,
.bar-menu .navbar.navbar-default .navbar-nav > li.active > a {
    background-color: #28478e;
    border: none;
}

.bar-menu .navbar.navbar-default .navbar-nav > li.promotion > a {
    color: #ffc100;
}

.bar-menu .navbar.navbar-default .navbar-nav > li.promotion > a:hover,
.bar-menu .navbar.navbar-default .navbar-nav > li.promotion.active > a {
    background-color: #28478e;
    border: none;
}

.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li > a {
    padding: 17px 15px 13px;
    border: none;
    color: rgba(255, 255, 255, .5);
    border: 1px solid rgba(255, 255, 255, .1);
    border-top: none;
    border-bottom: none;
    position: relative;
}

.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li > a:hover {
    color: rgba(255, 255, 255, 1);
}

.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li > a .badge {
    font-size: 10px;
    color: #fff;
    background-color: #ffc100;
    position: absolute;
    top: 5px;
    right: 10px;
    border-radius: 2px;
    padding: 2px 3px;
}

.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li.active > a .badge.hide {
    display: none;
}

.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li:first-child.active > a,
.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li:first-child.active > a:hover {
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: none;
}

.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li > a:hover,
.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li.active > a {
    background-color: #28478e;
    border: none;
    border: 1px solid rgba(255, 255, 255, .1);
    border-top: none;
    border-bottom: none;
}

.bar-menu .navbar.navbar-default .navbar-nav.navbar-right > li.active > a {
    color: rgba(255, 255, 255, 1);
}

section.content-container {
    background-color: #fff;
    padding: 0 0 60px;
}

footer {
    color: rgba(255, 255, 255, .5);
}

.bar-cards {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background-color: #264487 !important;
}

.bar-cards .container p {
    margin-bottom: 0;
}

.bar-cards .info-cards span:first-child,
.bar-cards .info-phone span {
    color: rgba(255, 255, 255, 1);
}

.bar-cards .info-phone span {
    font-size: 18px;
    font-weight: 700;
}

.bar-cards .info-phone {
    text-align: right;
}

.bar-menu-footer {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 60px 0;
    background-color: #264487;
}

.menu-footer {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
}
.menu-footer .menu-footer-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.menu-footer > li > a {
    text-transform: uppercase;
    font-size: 11px;
    color: rgba(255, 255, 255, 1);
    padding: 5px 0;
    display: block;
}

.bar-infos {
    padding: 60px 0 30px 0;
}

.bar-infos .info-group-footer {
    min-height: 300px;
    border-left: 1px solid rgba(255, 255, 255, .1);
    padding-left: 40px;
}

.bar-infos .col-md-4:first-child .info-group-footer {
    border-left: none;
    padding-left: 0;
}

.bar-infos .info-group-footer .info-group-footer-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
}

.bar-infos .info-group-footer .info-group-footer-item {
    margin-bottom: 30px;
}

.bar-infos .info-group-footer .info-group-footer-item h5 {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.bar-infos .info-group-footer .info-group-footer-item p {
    font-size: 12px;
}

.btn {
    padding-left: 30px;
    padding-right: 30px;
}

.btn.btn-sm {
    font-size: 10px;
}

.btn.btn-md {
    font-size: 11px;
}

.btn.btn-lg {
    font-size: 14px;
}

.btn.btn-default,
.btn.btn-default:focus {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    border-radius: 6px;
    border-width: 1px;
    background-color: #2d4f9e;
    border-color: #2d4f9e;
    color: #fff;
    outline: 0 !important;
}

.btn.btn-default:hover,
.btn.btn-default:active {
    background-color: #28478e;
    border-color: #28478e;
    color: #fff;
}

.btn.btn-default.btn-outline,
.btn.btn-default.btn-outline:focus {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    border-radius: 6px;
    border-width: 1px;
    background-color: transparent;
    border-color: #2d4f9e;
    color: #2d4f9e;
}

.btn.btn-default.btn-outline:hover,
.btn.btn-default.btn-outline:active {
    background-color: #28478e;
    border-color: #28478e;
    color: #fff;
}

.btn.btn-default.btn-outline.btn-invert,
.btn.btn-default.btn-outline.btn-invert:focus {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.btn.btn-default.btn-outline.btn-invert:hover,
.btn.btn-default.btn-outline.btn-invert:active {
    background-color: #fff;
    border-color: #fff;
    color: #28478e;
}
.bar-copywrite {
    padding: 30px 0 25px;
    background-color: #264487;
}
.bar-copywrite .info-copywrite a {
    font-size: 11px;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    margin-right: 20px;
    display: block;
    padding: 1px 0px;
    width: 100%;
}
.itens-footer-devolucoes{
    padding-top: 20px;
}
.bar-copywrite .social-media-group {
    display: table;
    float: right;
}
.social-media-group a.social-media-item {
    display: table;
    float: left;
    padding: 7px;
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    margin-left: 3px;
}
.social-media-group a.social-media-item:hover {
    backgorund-color: rgba(255, 255, 255, .1);
}
/*Mobile*/

.bar-logo.bar-mobile {
    display: none;
}
.btn-menu,
.btn-cart {
    display: table;
    margin: 7px 0 0 0;
    padding: 10px 20px;
    border-radius: 6px;
}
.btn-menu:hover,
.btn-cart:hover,
.btn-menu.active,
.btn-cart.active {
    color: #28478e;
    background: #ebebeb;
}
.title-section-group h1,
.title-section-group h2 {
    padding: 0;
    text-transform: uppercase;
    color: #28478e;
    font-weight: 700;
    text-align: center;
}
.title-section-group h1 {
    font-size: 28px;
    margin: 60px 0;
}
.title-section-group h2 {
    font-size: 22px;
    margin: 60px 0;
}
/* busca.css  */

.group-search-content {
    display: block;
    width: 100%;
    border-top: 1px solid #28478e;
    border-bottom: 2px solid #28478e;
}
.group-search-content h3,
.group-search-content h3 small {
    text-transform: uppercase;
    margin-left: 20px;
    margin: 0;
    padding: 0;
    color: #28478e;
}
.group-search-content h3 {
    padding: 15px 20px;
    border-bottom: 1px dashed #d3d3d3;
    margin-bottom: 15px;
}
/*Chosen Select Custom*/

.chosen-container-single .chosen-single {
    height: 50px;
    line-height: 50px;
    color: #28478e !important;
    text-transform: uppercase;
    font-size: 11px;
    font-style: italic;
}
.chosen-container-single .chosen-single div b {
    background: url("chosen-sprite.png") no-repeat 0 15px !important;
}
.chosen-container-single .chosen-search input[type="text"] {
    height: 40px;
    line-height: 40px;
    background: #fff !important;
    color: #28478e;
    text-transform: uppercase;
    font-size: 11px;
    font-style: italic;
    padding: 0 15px;
}
.chosen-container.chosen-with-drop .chosen-drop {
    z-index: 9;
}
.chosen-results li.active-result {
    padding: 15px;
    color: #28478e;
    text-transform: uppercase;
    font-size: 11px;
    font-style: italic;
}
 .skin-green .chosen-results li.active-result, .skin-green .chosen-container-single .chosen-single {
    color: #328036 !important;
}
.chosen-results li.active-result.highlighted,
.chosen-results li.active-result.highlighted:hover {
    background-color: #28478e;
    color: #fff !important;
}
.chosen-results li.active-result:hover {
    background-color: #ebebeb;
    color: #28478e;
}



.skin-green .chosen-results li.active-result.highlighted,
.skin-green .chosen-results li.active-result.highlighted:hover {
    background-color: #328036 !important;
    color: #fff;
}

.skin-green .chosen-results li.active-result:hover {
    background-color: #ebebeb;
    color: #328036;
}



.radio .search-content-radio {
    line-height: 19px;
    color: #28478e !important;
    text-transform: uppercase;
    font-size: 11px;
    font-style: italic;
}
@media screen and (min-width: 800px) {
    .group-search-content .radio+.radio {
        margin-top: -12px !important;
    }
    .group-search-content .radio {
        margin-top: -6px !important;
    }
}

.radio.search-content {
    display: table;
}
.field-search-content {
    color: #28478e;
    text-transform: uppercase;
    font-size: 11px;
    font-style: italic;
    line-height: 50px;
    height: 50px;
}
.btn-orange,
.btn-orange:focus {
    background-color: #ffc100 !important;
    border-color: #ffc100 !important;
    color: #fff;
    padding: 14px 0 10px;
}
.btn-orange:hover,
.btn-orange:active {
    background-color: #e5ad00 !important;
    border-color: #e5ad00 !important;
}
.btn-orange:active {
    transition: none;
}
/* menu.css  */

.menu-principal .submenu {
    display: none;
}
.menu-principal,
.menu-principal .submenu,
.menu-principal .submenu__body {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-principal > li:first-child {
    position: relative;
    z-index: 1001;
}
.menu-principal > li {
    padding: 0px 0px 0px 0px;
}
.menu-principal > li:hover {
    background-color: #025ab0;
    color: #FFF !important;
}
.menu-principal > li:first-child:hover {
    background-color: #f8f8f8;;
    color: #0039bc !important;
}

.menu-principal > li:hover #buscar-vidros-link {
    color: #0039bc !important;
}
.link-menu.navegue .fa {
    font-size: 18px;
    margin-left: 10px;
    top: 3px;
    position: relative;
}
.link-menu.navegue:hover .fa {
    transform: rotate(-180deg); 
    top: 0px;    
}
.menu-principal > li.ng-scope > .submenu {
    display: block;
    min-width: 220px;
    min-height: 230px;
    background-color: #f8f8f8;
    height: auto;
    z-index: 999;
    border-radius: 0px !important;
    display: none;
    top: 176px;
    box-shadow: 3px 3px 10px #00000059;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.menu-principal > li.ng-scope > .submenu {
    position: absolute;
}
.menu-principal > li.ng-scope:first-child .submenu {
    position: absolute !important;
    top: 52px;
    left: 0;
}
@media (min-width: 1000px) and  (max-width: 1300px) {
    .hidden-md {
        display: none !important;
    }
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body.interna > div {
    padding: 10px 10px !important;
}


.menu-principal > li.ng-scope > .submenu > li:first-child > a:before {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -5px;
    left: 15px;
}


.menu-principal > li.ng-scope > .submenu > li > a:hover i.ico-right {
    border-left: 2px solid #28478e;
    border-bottom: 2px solid #28478e;
}

.menu-principal > li.ng-scope > .submenu > li > a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 10px 10px 10px 15px;
    font-weight: 500;
    color: rgb(78, 78, 78);
    text-decoration: none;
    white-space: nowrap;
}
.menu-principal > li.ng-scope > .submenu > li > a:not(.link-menu) {
    cursor: default !important;
}
.menu-principal > li.ng-scope > .submenu > li:first-child,
.menu-principal > li.ng-scope > .submenu > li:first-child > a {
    border-radius: 0px 0px 0 0;
}
.menu-principal > li.ng-scope > .submenu > li:last-child,
.menu-principal > li.ng-scope > .submenu > li:last-child > a {
    border-radius: 0 0 0px 0px;
}
.menu-principal > li.ng-scope > .submenu > li:first-child > a {
    border-top: none;
}
.menu-principal > li.ng-scope > .submenu > li:hover,
.menu-principal > li.ng-scope > .submenu > li:hover > a,
.menu-principal > li.ng-scope > .submenu > li > a:hover {
    color: #0039bc !important;
    background-color: #FFF;
    font-weight: bold;    
}
.menu-principal > li {
    display: table;
    float: left;
}
.menu-principal > li:first-child a {
    width: 260px;
    font-weight: bold;
    padding-right: 40px;
    font-size: 14px;
}


.menu-principal > li > a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 16px;
    text-transform: inherit;
    padding: 21px 10px;
    border: none;
    color: #fff;
    cursor: pointer;
}
.menu-principal > li > a:hover {
    text-decoration: none;
}
.menu-principal > a .fa {
    display: none;
}

.menu-principal > li.ng-scope:hover > .submenu {
    display: block;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body {
    display: block;
    width: 700px;
    height: 508px !important;
    background-color: #fff;
    height: auto;
    position: absolute;
    top: -52px;
    left: calc(100% - 5px);
    z-index: 999;
    border-radius: 0px !important;
    visibility: hidden;
    box-shadow: 3px 3px 10px #00000059;
    border-bottom-right-radius: 5px !important;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body h2 {
    padding-top: 30px !important;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body h2:first-child {
    padding-top: 0px !important;
}

.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body.interna li a {
    padding: 5px 30px 5px 10px;
    line-height: 20px;
}



.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body.interna {
    width: 320px !important;
    height: 230px !important;
    box-shadow: 3px 3px 10px #00000059;
    border-bottom-right-radius: 5px !important;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body.radiadores {
    top: 0px !important;
    width: 320px !important;
    height: 310px !important;
    box-shadow: 3px 3px 10px #00000059;
    border-bottom-right-radius: 5px !important;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body.radiadores > div {
    padding-top: 10px;
}


/*REPOSITION MENU CLASS (.submenu__body.right) */

.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body.right {
    top: 0;
    left: auto;
    right: 100%;
}
/*==========================================*/

.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body {
    visibility: hidden;
    opacity: 0;
}
.menu-principal .submenu.ng-scope > li.ng-scope:hover > .submenu__body {
    visibility: visible;
    opacity: 1;

}
.menu-principal .submenu .submenu__body.interna {
    top: 0px !important;
}

.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body h2 {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 10px;
    color: #1739bc;
    margin: 0;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body > div {
    width: 33%;
    float: left;
    padding: 20px 10px;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body > div li a {
    display: block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 9px 30px 9px 10px;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none !important;
    border-radius: 4px;
    color: #383838;
    text-transform: capitalize;
}
.menu-principal .submenu.ng-scope > li.ng-scope > .submenu__body > div li a:hover {
    color: #1739bc;
    font-weight: 700;
}
.menu-principal > li.promotion > a {
    color: #ffc100;
}
input[type=date]::-webkit-inner-spin-button {
    display: none;
}


i.ico-right {
    width: 6px;
    height: 6px;
    float: right;
    border-left: 2px solid #adacac;
    border-bottom: 2px solid #adacac;
    transform: rotate(-135deg);
    margin-right: 5px;
    margin-top: 4px;
}


/* destaques.css  */

@media screen and (min-width: 1305px) {
    .container {
        width: 1300px !important;
    }
}
.bg-home {
    width: 100%;
    height: 400px;
    position: relative;
    /*overflow: hidden;*/
}
.bg-home > a {
    display: block;
    position: absolute;
    width: 1500px;
    top: 0;
    left: 50%;
    margin-left: -960px;
    transition: none !important;
}
.banners-group {
    margin-top: -250px;
}
.banners-group .banner-left {
    width: 300px;
    height: 450px;
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.banners-group .banner-center {
    width: 600px;
    height: 450px;
    position: relative;
    float: left;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.banners-group .banner-right {
    width: 300px;
    height: 450px;
    position: relative;
    float: left;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.banners-group > div {
    margin-left: 32px;
}
.banners-group > div:first-child {
    margin-left: 0;
}
.banners-group .banner-right .card-promo-day.item-over,
.banners-group .banner-right .card-promo-day-inner {
    height: 450px;
}
.banners-group .banner-right .card-promo-day .card-promo-day-inner .card-caption .card-description {
    font-size: 10px;
    -webkit-line-clamp: 20;
    -webkit-box-orient: auto;
    overflow: none;
    text-overflow: none;
}
.banners-group .banner-right .card-promo-day .card-promo-day-inner .cta-group-card {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
}
/* menu-cart.css  */

.dropdown-menu-cart {
    position: relative;
}

.dropdown-menu-cart:hover .material-icons {
    color: rgba(255, 255, 255, 1) !important;
}
.dropdown-menu-cart:hover .dropdown-cart-popup {
    display: block;

}





.dropdown-cart-popup {
    width: 500px;
    display: none;
    max-height: 400px;
    position: absolute;
    top: 45px;
    right: 0;
    background-color: #fff;
    border-radius: 6px;
    z-index: 101;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.dropdown-cart-popup:before {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -5px;
    right: 20px;
}
.dropdown-cart-content {
    position: relative;
    width: 100%;
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 0 0 8px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.dropdown-cart-footer {
    width: 100%;
    height: 70px;
    background-color: #fbfbfb;
    border-radius: 0 0 6px 6px;
    color: #888;
}
.dropdown-cart-footer span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
}
.dropdown-cart-footer span.subtotal {
    font-size: 14px;
    font-weight: 600;
    color: #2d4f9e;
    padding-left: 10px;
}
.subtotal-group {
    padding: 25px 15px 10px;
}
.btn-cart-popup {
    font-size: 11px !important;
    margin: 0;
    padding: 10px 20px;
}
.dropdown-cart-popup ul li a {
    font-size: 11px;
}
.dropdown-cart-popup ul li:first-child a {
    border-radius: 4px 4px 0 0 !important;
}
.dropdown-cart-popup ul li:last-child a {
    border-radius: 0 0 4px 4px !important;
}
.dropdown-cart-footer .btn-cart-popup-group {
    padding: 15px;
}
.dropdown-cart-content .table {
    margin: 0;
}
.dropdown-cart-content .table td {
    vertical-align: middle;
}
.dropdown-cart-content .table tbody tr:first-child td {
    border-top: none;
}
.dropdown-cart-content .table td.link-product small span {
    display: block;
    margin-bottom: 5px;
}
.dropdown-cart-content .table td.link-product {
    width: 55%;
}
.dropdown-cart-content .table td.link-product small a {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown-cart-content .table td.value-product {
    width: 20%;
    font-size: 12px;
    font-weight: 600;
}
.dropdown-cart-content .table .delete-item,
.dropdown-cart-content .table .delete-item .material-icons {
    color: red !important;
}
.dropdown-cart-content::-webkit-scrollbar {
    width: 8px;
}
.dropdown-cart-content::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.dropdown-cart-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: none;
}
.dropdown-cart-content::-webkit-scrollbar-thumb:window-inactive {
    background: none;
}
/* page-inner.css  */

.bar-page-inner {
    border-bottom: 1px solid #ddd;
}
.bar-page-inner h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #28478e;
    margin-top: 10px;
}

.skin-green .bar-page-inner h1, .skin-green .content-inner h2 {
    color: #328036 !important;
}
.skin-green .content-inner .table.table-compras tr th h2 {
    background: #328036
}



.content-inner h2,
.content-inner h3,
.content-inner h4,
.content-inner h5,
.content-inner h6 {
    padding-top: 30px;
}
.content-inner h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #28478e;
}
.content-inner h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
}
.content-inner p,
.content-inner ul,
.content-inner ol {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    margin-bottom: 20px;
}
.content-inner ul li,
.content-inner ol li {
    margin-bottom: 5px;
}
.content-inner ul ul,
.content-inner ul ol,
.content-inner ol ul,
.content-inner ol ol {
    margin-top: 20px;
}
.content-inner .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    padding-top: 25px;
    height: 0;
    margin: 15px 0;
}
.content-inner .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.menu-politica {
    margin-top: 60px;
}
.menu-politica a {
    font-size: 12px;
    color: #2d4f9e;
}
.menu-politica a:hover,
.menu-politica a.active,
.menu-politica a.active:hover {
    background-color: #28478e;
    color: #fff;
}
.content-inner .print {
    display: block;
    border: 1px solid #d3d3d3;
    margin: 30px 0;
    padding: 2px;
    border-radius: 4px;
}
.content-inner .table.table-compras tr th,
.content-inner .table.table-compras tr td {
    vertical-align: middle;
    padding: 15px;
}
.content-inner .table.table-compras tr th,
.content-inner .table.table-compras tr td.subtitle {
    padding: 0;
    border: none;
}
.content-inner .table.table-compras tr th h2 {
    display: block;
    background: #28478e;
    color: #fff;
    margin: 0;
    padding: 20px;
}
.content-inner .table.table-compras tr th h3,
.content-inner .table.table-compras tr td h3 {
    margin: 0;
    padding: 30px;
    background: #ebebeb;
}
.content-inner .table.table-compras tr td i {
    color: #888;
}
.content-inner .table.table-compras {
    border-bottom: 1px solid #28478e;
}
/* carrinho.css  */

.btn-link {
    font-size: 12px;
    text-transform: uppercase;
}
.modal-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.modal-body {
    padding: 30px;
}
.cart-content {
    padding: 0 15px;
}
.cart-bar-title {
    border-bottom: 1px solid #ddd;
}
.cart-bar-title h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #28478e;
    margin-top: 10px;
}
.cart-steps .cart-step {
    display: block;
    padding: 10px 30px 0;
    color: #d3d3d3;
    background-color: #fbfbfb;
}
.cart-steps .cart-step.active {
    color: #28478e !important;
}
.cart-steps .cart-step.focus {
    color: #fff !important;
    background-color: #13b399 !important;
}
.cart-steps .row > [class*="col-xs-"] {
    padding-right: 0;
    padding-left: 0;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 1px;
}
.cart-steps .row > [class*="col-xs-"]:first-child {
    border-left: none;
}
.cart-steps .cart-step .cart-number-step {
    font-size: 40px;
    display: table;
    float: left;
    margin-right: 15px;
    margin-top: 3px;
    font-weight: 300;
}
.cart-steps .cart-step .cart-caption-step {
    display: block;
    float: left;
    margin-top: 15px;
}
.cart-steps .cart-step:after {
    display: block;
    content: ".";
    visibility: hidden;
    clear: both;
}
.cart-steps .cart-step .cart-title-step {
    font-size: 16px;
    text-transform: uppercase;
}
.cart-steps .cart-step .cart-description-step {
    font-size: 12px;
}

.table-cart .value-product span {
    float: left;
    width: 100%;
}
.table-cart span.value-old {
    text-decoration: line-through !important;
    font-weight: normal;
    font-size: 14px;
    color: #4A4A4A !important;

}
.table-cart span.value-new {
    font-weight: bold;
    font-size: 20px;
    margin: -5px 0px 0px 0px;
    color: #4A4A4A !important;
}
.value-products-discount {
    text-transform: inherit !important;
}

.value-products-discount span {
    text-align: left;
    float: left;
    width: 100%;
}
.value-products-discount .discount {
    color: #43C452;
    font-size: 16px;
    font-weight: normal;
}
.value-products-discount .discount .ico-discount {
    width: 22px;
    height: 22px;
    background-image: url('ico-discount.svg');
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 3px;    
}
.value-products-discount .discount .text {
    width: auto;
    height: 30px;
    float: left;
    padding: 3px 3px 3px 3px;
    font-size: 15px;
}
.alert-collapse .panel-title {padding-top: 0;}

.alert-collapse .panel-group .panel.panel-default {
    border-radius: 0;
    border-color: #8a6d3b;
}
.alert-collapse .panel-group .panel.panel-default .panel-heading {
    background-color: #fcf8e3;
    padding: 0;
}
.alert-collapse .panel-group .panel.panel-default .panel-body {
    border-top: none;
    padding: 30px;
}
.alert-collapse .panel-group .panel.panel-default .panel-heading .panel-title a {
    display: block;
    padding: 20px;
    text-decoration: none;
    color: #8a6d3b !important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
}
.alert-collapse .panel-group .panel.panel-default .panel-heading .panel-title a .title-alert,
.alert-collapse .panel-group .panel.panel-default .panel-heading .panel-title a .material-icons {
    display: block;
    float: left;
}
.alert-collapse .panel-group .panel.panel-default .panel-heading .panel-title a .material-icons {
    margin-top: -8px;
}
.alert-collapse .panel-group .panel.panel-default .panel-heading .panel-title a .title-alert {
    margin-top: -5px;
    margin-left: 5px;
}
.alert-collapse .panel-group .panel.panel-default .panel-heading .panel-title a .installments {
    margin-left: 5px;
    letter-spacing: 1px;
}
.alert-collapse .panel-group .panel.panel-default .panel-body h5 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #8a6d3b;
}
.alert-collapse .panel-group .panel.panel-default .panel-body p {
    font-size: 13px;
    color: #8a6d3b;
}
.alert-collapse .panel-group .panel.panel-default .panel-body .row > [class*="col-md-"] {
    border-left: 1px solid #d3d3d3;
    padding-left: 30px;
}
.alert-collapse .panel-group .panel.panel-default .panel-body .row > [class*="col-md-"]:first-child {
    border-left: none;
    padding-left: 15px;
}
.table-cart .link-product {
    text-transform: uppercase;
    font-size: 10px;
    width: 40%;
}
.table-cart .delete-item {
    color: #ff0000;
    text-decoration: none !important;
}
.table-cart .code-product,
.table-cart .value-product {
    font-size: 16px;
}

.no-padding {
    padding: 0 !important;
}
.table-cart .table-sum > tbody > tr > td {
    color: #28478e;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px;
}
.border-finish {
    border-bottom: 2px solid #28478e;
    padding: 0;
}
.identify-user {
    display: table;
    width: 100%;
}
.identify-user-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 30px 10px;
}
.label-form-cart {
    text-transform: uppercase;
    color: #28478e;
    font-size: 12px;
    margin-bottom: 10px;
}
.form-identify {
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    color: #555;
}
.form-identify::-webkit-input-placeholder {
    color: #888;
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
}
.form-identify::-moz-placeholder {
    color: #888;
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
}
.form-identify:-ms-input-placeholder {
    color: #888;
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
}
.form-identify:-moz-placeholder {
    color: #888;
    font-style: italic;
    text-transform: uppercase;
    font-size: 11px;
}
.table-cart .table-sum {
    margin: 0;
}
.table-cart .table-sum > tbody > tr:first-child > td {
    border-top: none;
}
.table-cart .table-sum > tbody > tr > td {
    font-size: 16px;
    font-weight: 600;
    padding: 20px 10px;
}
.table-cart .table-sum > tbody > tr > td.total {
    font-size: 18px;
    font-weight: 700;
    padding: 15px 15px 15px 28px;
    text-align: right;
    text-transform: initial;
    color: #4A4A4A;
}
.table-sum .total-card {
    text-align: right !important;
}
.table-sum .total-card, .table-sum .value-total-products {
    color: #28478E !important;
    font-weight: bold !important;
    font-size: 18px !important;    
}
.table-sum .value-total-products {
    text-align: left !important;
}
.table-cart .value-product, .table-cart .total {
    max-width: 300px !important;
}


.table-cart .img-product img {
    max-width: 130px;
    border: 1px solid #ebebeb;
}
.table-cart .table > tbody > tr > td,
.table-cart .table > thead > tr > th {
    vertical-align: middle;
}
.table-cart .table > thead > tr > th {
    text-transform: uppercase;
    color: #fff;
    background-color: #28478e;
    border-color: #28478e;
    padding: 15px;
}

.table-cart tr.produto-inativo .code-product,
.table-cart tr.produto-inativo .img-product,
.table-cart tr.produto-inativo td > a,
.table-cart tr.produto-inativo .quantity-product {
    filter: opacity(0.6);    
}
.table-cart tr.produto-inativo td > a {
    color: #888;
}

small.legend {
    text-transform: none;
    color: #888;
    font-size: 11px;
    font-weight: 600;
    display: block;
    padding-top: 5px;
}
.cta-group-cart .form-group {
    display: table;
    float: left;
    margin: 0;
    max-width: 50px;
}
.cta-group-cart .form-group .form-control {
    border-radius: 6px 0 0 6px;
    border-right: none;
    padding: 20px 0 21px;
    line-height: 20px;
    color: #555;
    text-align: center;
}
.cta-group-cart {
    visibility: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-property: all;
    /* Safari */
    
    -webkit-transition-duration: 0.1s;
    /* Safari */
    
    -webkit-transition-delay: 0.1s;
    /* Safari */
    
    -webkit-transition-timing-function: ease-in-out;
    /* Safari and Chrome */
    
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
    transition-delay: .1s;
}
.cta-group-cart {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-property: all;
    /* Safari */
    
    -webkit-transition-duration: 0.3s;
    /* Safari */
    
    -webkit-transition-delay: 0.2s;
    /* Safari */
    
    -webkit-transition-timing-function: ease-in-out;
    /* Safari and Chrome */
    
    transition-property: all;
    transition-duration: 0.3s;
    transition-delay: .2s;
    transition-timing-function: ease-in-out;
}
.cta-group-cart .btn.btn-default,
.cta-group-cart .btn.btn-default:focus {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    border-radius: 6px;
    border-width: 1px;
    background-color: #388e3c;
    border-color: #388e3c;
    color: #fff;
    outline: 0 !important;
}
.btn.btn-default.active {
    background-color: #28478e;
    border-color: #28478e;
    color: #fff;
}
.cta-group-cart .btn.btn.btn-default:active {
    transition: none !important;
}
.cta-group-cart .btn.btn-default:hover,
.cta-group-cart .btn.btn-default:active {
    background-color: #328036;
    border-color: #328036;
    color: #fff;
}
.cta-group-cart .btn-group-vertical > button {
    border-radius: 0 0 6px 0 !important;
    line-height: 20px;
    padding: 0 15px;
    background-color: #fff !important;
    border-color: #388e3c !important;
    color: #388e3c !important;
    border-top-color: #388e3c;
    margin: 0;
    width: 100%;
}
.cta-group-cart .btn-group-vertical button:first-child {
    margin-bottom: 0;
    border-radius: 0 6px 0 0 !important;
}
.cta-group-cart .form-group {
    margin: 0;
}
.cta-group-cart .form-group .form-control {
    color: #328036 !important;
    line-height: 43px;
    height: 43px;
    padding: 10px 10px;
}
.btn.btn-default.btn-green,
.btn.btn-default.btn-green:focus {
    background-color: #388e3c !important;
    border-color: #388e3c !important;
    color: #FFF !important;
    padding: 15px;
}
.btn.btn-default.btn-green:hover,
.btn.btn-default.btn-green:active {
    background-color: #328036 !important;
    border-color: #328036 !important;
}
.btn-dropdown-theme {
    display: table;
    position: relative;
}
.dropdown-cart ul {
    padding: 0;
    width: 100%;
}
.dropdown-cart ul li a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 15px;
    border-top: 1px solid #ebebeb;
    color: #388e3c;
}
.dropdown-cart ul li:first-child a {
    border: none;
}
.dropdown-cart ul li a:hover {
    border-top: 1px solid #388e3c;
    background-color: #388e3c;
    color: #fff;
}
.dropdown-cart ul li:first-child a:hover {
    border: none;
}
.btn-cart-action {
    padding: 15px 30px;
    font-size: 12px !important;
    font-weight: 600;
}
.dropdown-cart {
    float: right;
}
.purchase-group {
    padding: 15px;
    background-color: #fbfbfb;
    border: 1px dashed #d3d3d3;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.purchase-group > .purchase {
    padding: 0;
    border-top: 1px solid #ebebeb;
    display: block;
    color: #28478e;
}
.purchase-group > .purchase:first-child {
    border: none;
}
.purchase-group > .purchase:nth-child(2) {
    border: none;
}
.purchase-group > .purchase label {
    display: block;
    padding: 15px;
    cursor: pointer;
    font-weight: 400;
}
.panel-alert-steps {
    border-radius: 0;
    box-shadow: none;
    background-color: #fbfbfb;
    border: 1px solid #d3d3d3;
    text-align: center;
    padding: 30px;
    margin: 15px 0;
}
.panel-alert-steps h1 {
    color: #13b399;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
}
/* navbar-menu.css  */

.navbar-default.navbar-submenu {
    background-color: #fbfbfb;
    border-top: none;
}
.navbar-default.navbar-submenu li {
    margin-right: 15px;
}
.navbar-default.navbar-submenu li a,
.navbar-default.navbar-submenu li a:focus {
    background-color: transparent;
    font-size: 11px;
    text-transform: uppercase;
    color: #2d4f9e;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid transparent;
}
.navbar-default.navbar-submenu li.active a,
.navbar-default.navbar-submenu li.active a:hover,
.navbar-default.navbar-submenu li a:hover {
    color: #28478e;
    border-bottom-color: #28478e;
}
/* card.css */

.card-item {
    margin-bottom: 30px;
}
.card-item,
.card-promo-day {
    width: 100%;
    height: 400px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    padding: 0;
    z-index: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: white;
}



.card-item:hover,
.card-promo-day:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.card-item-inner {
    width: 100%;
    height: 375px;
    position: relative;
    border-radius: 6px;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    -webkit-transition-property: all;
    /* Safari */
    
    -webkit-transition-duration: 0.1s;
    /* Safari */
    
    -webkit-transition-delay: 0.05s;
    /* Safari */
    
    -webkit-transition-timing-function: ease-in-out;
    /* Safari and Chrome */
    
    transition-property: all;
    transition-duration: 0.1s;
    transition-delay: 0.05s;
    transition-timing-function: ease-in-out;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.card-promo-day-inner {
    width: 100%;
    height: 450px;
    position: relative;
    border-radius: 6px;
    padding: 0;
    background-color: #fff;
    overflow: hidden;
    z-index: 0;
}


@media (min-width: 800px) {
    .card-item:hover .card-item-inner {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 0;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    }
    .card-item:hover {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;;
        transition: none !important;
    }
    .item-over:hover {
        border: 1px solid rgba(0,0,0,0) !important;
    }
    .card-item:hover .card-item-inner {
        height: auto;
    }
}
.card-item .cta-group-card {
    margin: 15px 30px;
    display: none;
}
.card-item,
.card-item:hover,
.card-promo-day,
.card-promo-day:hover {
    z-index: 0;
}
.card-item:hover .cta-group-card {
    display: block;
}
.card-item:hover .card-item-tag {
    top: 10px !important;
}
.card-item.item-over,
.card-item.item-over:hover,
.card-promo-day.item-over,
.card-promo-day.item-over:hover {
    z-index: 2;
}
.card-title-time {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.card-title-time h6 {
    text-transform: uppercase;
    font-weight: 600;
    color: #28478e;
    margin: 0 0 5px 0;
    padding: 0;
}
.card-title-time h3 {
    text-transform: uppercase;
    font-weight: 700;
    color: #ffc100;
    margin: 0;
    padding: 0;
}
.card-item .card-item-inner figure {
    display: block;
    padding: 0;
    margin: 20px;
    /*border: 1px solid #d3d3d3;*/
}
.card-item-inner figure,
.card-promo-day-inner figure {
    display: block;
    padding: 0 30px 10px;
}
.card-item-inner figure img,
.card-promo-day-inner figure img {
    margin: 0 auto;
}
.card-caption {
    display: block;
    padding: 0 20px 10px;
}
.card-item .card-caption {
    display: block;
    padding: 0 30px 10px;
}
.card-item .card-item-inner .card-caption .card-description,
.card-promo-day .card-promo-day-inner .card-caption .card-description {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    margin: 0 auto;
    display: block;
    min-height: 45px;

    /* Fallback for non-webkit */   
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-item .card-item-inner .card-caption .card-description {
    font-size: 11px;
    color: #337ab7;
}
.card-item:hover .card-item-inner .card-caption .card-description,
.card-promo-day:hover .card-promo-day-inner .card-caption .card-description {
    -webkit-line-clamp: 20;
    -webkit-box-orient: auto;
    overflow: none;
    text-overflow: none;
}
.card-item .card-item-inner .card-code,
.card-promo-day .card-promo-day-inner .card-code {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: #888;
    letter-spacing: 3px;
}

.card-item .card-item-inner .card-code:before,
.card-promo-day .card-promo-day-inner .card-code:before {
    display: block;
    content: " ";
    width: 20px;
    height: 3px;
    margin: 10px auto;
}
.card-item .card-item-inner .card-code {
    padding: 0 30px;
}
.card-item .card-item-inner .card-code:before {
    margin: 0px;
}
.cta-group-card {
    margin-top: 20px;
}
.cta-group-card .form-group {
    display: table;
    float: left;
    margin: 0;
    max-width: 70px;
}
.cta-group-card .form-group .form-control {
    border-radius: 6px 0 0 6px;
    border-right: none;
    padding: 20px 0 21px;
    line-height: 20px;
    color: #555;
    text-align: center;
    border-color: #388e3c;
}
.card-item .card-item-inner .card-price-group {
    display: none;
    overflow: hidden;
    width: 0;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
.card-item:hover .card-item-inner .card-price-group {
    display: block;
    overflow: hidden;
    width: auto;
    height: auto;
    filter: alpha(opacity=100);
    opacity: 1;
}
.card-item .card-item-inner .card-price-group {
    padding: 0;
    list-style: none;
    display: block;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    margin: 0 30px;
}
.card-item .card-item-inner .card-price-group li,
.card-item .card-item-inner .card-price-group li {
    display: block;
    width: 50%;
    float: left;
    padding: 10px;
    text-align: center;
}
.card-item .card-item-inner .card-price-group .card-price-value {
    width: 70%;
}
.card-item .card-item-inner .card-price-group .card-price-eye {
    width: 29%;
}
.card-item .card-item-inner .card-price-group li:first-child {
    border-right: 1px solid #d3d3d3;
    background-color: #fbfbfb;
    border-radius: 6px 0 0 6px;
}
.card-item .card-item-inner .card-price-group .card-price-value {
    text-transform: uppercase;
    font-weight: 600;
    color: #28478e;
    font-size: 14px;
}
.card-item .card-item-inner .card-price-group .card-price-eye .eye,
.card-item .card-item-inner .card-price-group .card-price-eye .eye:focus {
    display: block;
    color: #2d4f9e;
}
.card-item .card-item-inner .card-price-group .card-price-eye .eye:hover,
.card-item .card-item-inner .card-price-group .card-price-eye .eye:active {
    color: #28478e;
}

.card-item-tag {
    display: table;
    padding: 4px 8px;
    position: absolute;
    top: -10px;
    left: -10px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.card-item-tag.info {
    background: #888;
}
.card-item-tag.promo {
    background: #e5ad00;
}
.card-item-tag.promo b {
    font-size: 20px;
}
.card-item-tag.desconto-progressivo {
    background: #214eb9;
    font-size: 12px;
    padding: 11px 9px;
}

.card-item-tag.promo.flecha-direita::after {
    content: '';
    width: 0;
    height: 0;
    top: 15px;
    left: 78px;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e5ad00;

}
.card-item-tag.desconto-progressivo.flecha-direita::after {
    content: '';
    width: 0;
    height: 0;
    top: 18px;
    left: 83px;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #214eb9;
}

.info-product-group .card-item-tag.promo {
    padding: 5px !important;
    display: block !important;
    font-size: 6px !important;
    width: 143px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    top: unset !important;
    margin-left: 25px;
}
.info-product-group .card-item-tag.promo b {
    float: left;
    padding-left: 5px;
}
.info-product-group .card-item-tag.promo span {
    float: left;
}
.info-product-group .card-item-tag.promo i {
    padding-left: 8px;
    font-size: 12px;
    line-height: 13px;
}

.gallery-thumbs .promo, .promo-mobile {
    z-index: 1;
    width: 100px;
}
.card-item-tag.promo b , 
.gallery-thumbs .promo b, 
.promo-mobile b {
    font-weight: bolder;
}

.card-item-mobile .card-item-tag.promo,
.card-item-mobile .card-item-tag.desconto-progressivo {
    left: 8px !important;
}

.card-item-tag.promo .item-card-item-tag-promo{
    padding-left: 0px; 
    font-size: 11px; 
    float: none;
}
.card-item-tag .material-icon {
    float: left;
}

.flecha {
    height: 100% !important;
    margin-top: calc(100% - 92%) !important;
}
.card-item-tag span p {
    margin: 0 !important;
    font-weight: 700;
    color: #FFF;
}
.card-item-tag.promo span i {
    font-weight: 700;
    font-size: 11px;
}
.card-item-tag.desconto-progressivo span i {
    font-weight: 500;
    font-size: 11px;
}
.card-item .card-item-inner a {
    text-decoration: none !important;
}
.card-item .card-item-inner a .card-status {
    display: table;
    color: #888;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 5px 30px 15px 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}
.card-item .card-item-inner a .card-status .material-icon {
    float: left;
}
.card-item .card-item-inner a .card-status span {
    float: right;
    padding-left: 5px;
}
.card-item .card-item-inner a .card-status.disponivel {
    color: #328036;
}
.card-item .card-item-inner a .card-status.disponivel-outra-unidade {
    color: #888;
}
.card-item .card-item-inner .card-price-group:after {
    display: block;
    content: " ";
    clear: both;
}
.card-item .card-item-inner .card-price-group .card-price-value .see-price {
    font-size: 12px;
}
.card-promo-day .card-promo-day-inner .cta-group-card {
    visibility: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-property: all;
    /* Safari */
    
    -webkit-transition-duration: 0.1s;
    /* Safari */
    
    -webkit-transition-delay: 0.1s;
    /* Safari */
    
    -webkit-transition-timing-function: ease-in-out;
    /* Safari and Chrome */
    
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
    transition-delay: .1s;
}
.card-promo-day:hover .card-promo-day-inner .cta-group-card {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-property: all;
    /* Safari */
    
    -webkit-transition-duration: 0.3s;
    /* Safari */
    
    -webkit-transition-delay: 0.2s;
    /* Safari */
    
    -webkit-transition-timing-function: ease-in-out;
    /* Safari and Chrome */
    
    transition-property: all;
    transition-duration: 0.3s;
    transition-delay: .2s;
    transition-timing-function: ease-in-out;
}
.cta-group-card .btn.btn-default,
.cta-group-card .btn.btn-default:focus {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    border-radius: 6px;
    border-width: 1px;
    /*background-color: #388e3c;*/
    border-color: #388e3c;
    color: #fff;
    outline: 0 !important;
}
.cta-group-card .btn.btn.btn-default:active {
    transition: none !important;
}
.cta-group-card .btn.btn-default:hover,
.cta-group-card .btn.btn-default:active {
    background-color: #328036;
    border-color: #328036 !important;
}
.cta-group-card .btn-group-vertical > button {
    border-radius: 0 !important;
    line-height: 20px;
    padding: 0 15px;
    background-color: #fff !important;
    border-color: #388e3c !important;
    color: #5f5f5f !important;
    border-top-color: #388e3c;
    margin: 0;
    width: 100%;
}
.cta-group-card .btn-group-vertical button:first-child {
    margin-bottom: 0;
}
.cta-group-card .btn.btn-default.btn-cta {
    border-radius: 0 6px 6px 0;
    padding: 0 30px;
    line-height: 41px;
}
.cta-group-card .form-group {
    margin: 0;
}
.cta-group-card .form-group .form-control {
    /*color: #2d4f9e !important;*/
    line-height: 43px;
    height: 43px;
    padding: 10px 10px;
}
.cta-group-card .btn.btn-default.btn-outline,
.cta-group-card .btn.btn-default.btn-outline:focus {
    background-color: transparent;
    border-color: #2d4f9e !important;
    color: #2d4f9e;
    outline: 0 !important;
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    font-weight: 700;
    border-radius: 6px;
}
.cta-group-card .btn.btn-default.btn-outline:hover,
.cta-group-card .btn.btn-default.btn-outline:active {
    background-color: #28478e;
    border-color: #28478e;
    color: #fff;
}
a.card-link-details {
    display: block;
}
a.card-link-details figure {
    border-radius: 6px;
    overflow: hidden;
}
a.card-link-details figure img {
    border-radius: 6px;
    max-height: 160px;
}
.card-code {
    text-decoration: none;
}
.card-item .card-item-inner .cta-group-card .btn.btn-default.btn-cta {
    padding: 0 36px;
    background-color: #388e3c !important;
    border-color: #388e3c !important;
}
.card-promo-day a.card-link-details figure img {
    margin: 10px auto 0 auto;
    width: 65%;
    border: none;
}
.card-item.card-group {
    text-align: center !important;
}
.card-item.card-group a h5 {
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0 15px;
}
.cta-group-card .btn.btn-default, .cta-group-card .btn.btn-default:focus {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    border-radius: 0px 6px 6px 0px;
    border-width: 1px;
    background-color: #388e3c;
    border-color: #388e3c !important;
    color: #fff;
    outline: 0 !important;
}


.card-item.card-group a figure {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    background-color: #28478e;
}
.card-item.card-group a figure img {
    filter: alpha(opacity=40);
    opacity: .4;
}
.card-item.card-group a figure span {
    position: absolute;
    display: table;
    z-index: 3;
    color: #fff;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -30px;
    font-size: 24px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, .2);
    border: 1px dashed rgba(255, 255, 255, .8);
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
}
.card-item.card-group .card-item-inner .card-code:before,
.card-promo-day .card-promo-day-inner .card-code:before {
    display: table;
    content: " ";
    width: 20px;
    height: 3px;
    background-color: #d3d3d3;
    margin: 10px auto;
}
/* produtos.css  */

.container-sugestion {
    background-color: #fbfbfb;
    padding: 0 0 90px;
    margin-bottom: -60px;
}
.container-sugestion.bg-white {
    background-color: #fff;
}
.container-sugestion .card-item {
    background-color: #fff;
}
.view-product {
    padding: 60px 0;
}
.gallery-group {
    display: table;
    width: 100%;
    height: auto;
    position: relative;
}
.gallery-thumbs {
    display: table;
    /*width: 15%;*/
    height: auto;
    position: relative;
    padding-right: 20px;
    float: left;
}
.gallery-picture {
    display: table;
    width: 85%;
    height: auto;
    position: relative;
    float: left;
}
.gallery-picture .gallery-picture-prev,
.gallery-picture .gallery-picture-next {
    position: absolute;
    top: 0;
    display: none;
    width: 50px;
    height: 100%;
    z-index: 1;
    color: #2d4f9e;
}
.zoomContainer:hover .gallery-picture-prev,
.zoomContainer:hover .gallery-picture-next {
    display: block;
}
.gallery-picture .gallery-picture-prev {
    left: 0;
}
.gallery-picture .gallery-picture-next {
    right: 0;
}
.gallery-picture .gallery-picture-prev i,
.gallery-picture .gallery-picture-next i {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.gallery-picture .gallery-picture-prev i {
    left: 50%;
    margin-left: -15px;
}
.gallery-picture .gallery-picture-next i {
    right: 50%;
    margin-right: -15px;
}
.gallery-picture figure {
    overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
}
.gallery-thumbs .gallery-thumbs-item {
    display: table;
    width: 100%;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    border-radius: 6px;
    margin-top: 20px;
}
.gallery-thumbs .gallery-thumbs-item:hover,
.gallery-thumbs .gallery-thumbs-item.active {
    border-color: #28478e;
}
.gallery-thumbs .gallery-thumbs-item:first-child {
    margin-top: 0;
}
.info-product-group .details .progressivo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px !important;
    font-size: 15px !important;
    color: #fff !important;
    text-transform: uppercase;
    top: unset !important;
    margin-left: 25px;
    background-color: #214eb9;
    width: 175px;
    height: 30px;
}

.info-product-group .details .progressivo > .valor-progressivo {
    padding-left: 10px !important;
    font-size: 20px;
}
.info-product-group .details .progressivo > .valor-progressivo + span {
    padding: 0px 10px;    
}

.info-product-group .details .cards-desconto-progressivo {    
	min-width: 60%;
    border: 2px solid #e2e2e2;
    border-radius: 5px;
    font-size: 20px;
    margin-bottom: 20px;
	display: inline-block;
}
.info-product-group .details .cards-desconto-progressivo b {
    color: #388e3c;
    font-size: 14px;
}
.info-product-group .details .cards-desconto-progressivo .desconto {
    padding: 14px 14px 14px 14px;
    font-size: 14px;
}
.info-product-group .details .cards-desconto-progressivo .desconto:nth-child(even) {   
    background-color: #ececec !important;     

}


.info-product-group .details h4 {
    text-transform: uppercase;
    color: #28478e;
    line-height: 22px;
    padding-top: 0;
}
.info-product-group .details .code {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #888;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.info-product-group .details .code:after {
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    background-color: #d3d3d3;
    margin: 10px 0 30px;
}
.info-product-group .details status {
    display: table;
    color: #888;
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 5px 30px 15px 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.info-product-group .details .status.ufs {
    background-color: #fbfbfb;
    border-radius: 6px;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    float: left;
    width: 100%;
}

.info-product-group .details .status.ufs h6 {
    padding: 0;
    text-transform: uppercase;
}

.info-product-group .details .status {
    /*padding: 15px 0*/
}
.info-product-group .details .status span {
    padding-left: 5px;
}
.info-product-group .details .status.disponivel {
    color: #328036;
}
.info-product-group .details .status.disponivel-outra-unidade {
    color: #888;
}
.info-product-group .details .card-price-group {
    list-style: none;
    padding: 0;
}
.info-product-group .details .card-price-group {
    margin: 15px 0 0;
}
.info-product-group .details .card-price-group li {
    float: left;
}
.info-product-group .details li.card-price-value {
    text-transform: uppercase;
    padding: 15px 15px 15px 0;
    font-weight: 600;
    font-size: 26px;
    color: #555;
}
.info-product-group .card-price-group.active li.card-price-value .price {
    font-size: 26px;
    color: #555;
}
.info-product-group .details li.card-price-divider {
    border-left: 1px solid #d3d3d3;
    height: 50px;
    position: relative;
    margin-left: 5px;
}
.info-product-group .details li.card-price-divider:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 50%;
    left: -9px;
    margin-top: -10px;
    z-index: 1;
}
.info-product-group .details li.card-price-divider:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #d3d3d3 transparent transparent;
    position: absolute;
    top: 50%;
    left: -10px;
    margin-top: -10px;
    z-index: 0;
}
.info-product-group .details li.card-price-eye .eye {
    display: table !important;
    text-transform: uppercase;
}
.info-product-group .details li.card-price-eye .eye {
    text-decoration: none !important;
}
.info-product-group .card-price-group li.card-price-value .see-price {
    display: block;
}
.info-product-group .card-price-group li.card-price-value .price {
    display: none;
}
.info-product-group .card-price-group.active li.card-price-value .see-price {
    display: none;
}
.info-product-group .card-price-group.active li.card-price-value .price {
    display: block;
}
.info-product-group .card-price-group li.card-price-eye .on {
    display: none;
}
.info-product-group .card-price-group li.card-price-eye .off {
    display: block;
}
.info-product-group .card-price-group.active li.card-price-eye .off {
    display: none;
}
.info-product-group .card-price-group.active li.card-price-eye .on {
    display: block;
}
.info-product-group .card-price-group:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.info-product-group .cta-group-card {
    margin: 0;
}
.call-to-action:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #d3d3d3;
    margin-top: -140px;
    margin-bottom: 140px;
}
.call-to-action .panel .panel-body {
    padding: 30px 0 40px 0;
}
.call-to-action .panel {
    border-color: #d3d3d3;
    border-top: 5px solid #28478e;
}
.call-to-action .panel h3 {
    color: #28478e;
}
.call-to-action .btn-theme-blue {
    padding-top: 15px;
    padding-bottom: 15px;
}
/* promocoes.css  */

.container-destaque {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ebebeb;
    background-color: #fbfbfb;
    padding: 0px;
}
.container-destaque .container {
    padding: 0;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.carousel-group {
    width: 100%;
    height: auto;
}
.carousel-group .carousel-view {
    width: 70%;
    height: auto;
    float: left;
    padding: 0 30px;
    border-right: 1px solid #ebebeb;
    margin-right: -1px;
}
.carousel-group .carousel-options {
    width: 30%;
    height: 100%;
    float: left;
    border-left: 1px solid #ebebeb;
}
.carousel-group .carousel-options .list-group-item {
    border: none;
    border-radius: 0;
    border-top: 1px solid #ebebeb;
    color: #2d4f9e;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    position: relative;
    margin-right: -2px;
}
.carousel-group .carousel-options .list-group-item.active:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #28478e transparent transparent;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
}
.carousel-group .carousel-options .list-group-item .badge {
    background-color: #2d4f9e;
    color: #fff;
    font-weight: 500;
}
.carousel-group .carousel-options .list-group-item.active .badge {
    background-color: #fff;
    color: #28478e;
}
.carousel-group .carousel-options .list-group-item.active {
    background-color: #28478e;
    color: #fff;
    border-right: 1px solid #28478e;
    border-left: 1px solid #28478e;
}
.carousel-group .carousel-options .list-group-item:first-child {
    border-top: none;
}
.carousel-group .gallery-picture {
    width: 100%;
}
.carousel-group .view-product {
    padding: 30px 0;
}
.carousel-group .view-product .card-price-group {
    margin-top: 0;
}
.carousel-group .view-product .btn-outline,
.carousel-group .view-product .btn-outline:focus {
    display: table;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
}
.carousel-group .view-product .btn-outline .caret {
    margin-left: 10px;
}
.carousel-group .view-product .info-product-group .details h4 {
    font-size: 16px;
    line-height: 24px;
}
.carousel-group .view-product .view {
    width: 40%;
    float: left;
    margin-right: 5%;
}
.carousel-group .view-product .list {
    width: 50%;
    float: left;
}
.carousel-group .view-product .gallery-picture figure {
    border-color: #ebebeb;
}
.btn.btn-default.btn-theme-blue,
.btn.btn-default.btn-theme-blue:focus {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    border-width: 1px;
    background-color: #2d4f9e;
    border-color: #2d4f9e;
    color: #fff;
    outline: 0 !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn.btn-default.btn-theme-blue:hover,
.btn.btn-default.btn-theme-blue:active {
    background-color: #28478e;
    border-color: #28478e;
    color: #fff;
}

.btn.btn-white.btn-theme-blue,
.btn.btn-white.btn-theme-blue:focus {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    border-width: 1px;
    background-color: #FFF;
    border-color: #FFF;
    color: #28478e;
    outline: 0 !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn.btn-white.btn-theme-blue:hover,
.btn.btn-white.btn-theme-blue:active {
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #28478e;
}












.carousel-group .view-product .dropdown.options-mobile {
    display: none;
}
.carousel-group .view-product .dropdown.options-mobile .dropdown-menu {
    width: 100%;
    border: 1px solid #ebebeb;
}
.carousel-group .view-product .dropdown.options-mobile .dropdown-menu li a {
    padding: 15px;
}
.carousel-group .view-product .dropdown.options-mobile .dropdown-menu li.active a {
    background-color: #28478e;
}
.titles-promo {
    margin-top: 60px;
}
.titles-promo h2 {
    margin: 0 0 5px 0
}
.titles-promo p {
    margin: 0
}
.grid-promo {
    padding-top: 60px;
}
a.panel {
    display: block;
    position: relative;
}
a.panel figure {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    overflow: hidden;
}
.grid-promo a.panel .image {
    width: 30%;
    float: left;
}
.grid-promo a.panel .text {
    width: 70%;
    float: left;
    padding: 25px 25px 0;
}
.grid-promo a h5 {
    font-size: 16px;
    margin-bottom: 0;
}
.grid-promo a.panel:hover {
    border-color: #28478e;
}
/* filtros.css  */


.m-b.text-right.ng-binding.ng-scope {
    margin: 20px 0;
}

.filters-group {
    margin: 60px 0px 0px 0px;
    padding-bottom: 30px;
}
.filters-group .md-16 {
    float: left;
}
.search-inner-pages .group-search-content {
    border-top: none;
    margin-bottom: 0;
    padding: 15px 12px 0px 12px;
}
.filters-group .btn-cart-action {
    color: #2d4f9e;
    background-color: #ebebeb;
    border-color: #ebebeb;
    font-size: 10px !important;
    position: relative;
}
.filters-group .btn-cart-action {
    color: #2d4f9e;
    background-color: #ebebeb;
    border-color: #ebebeb;
    font-size: 10px !important;
    position: relative;
}

.filters-group input[type='radio']:checked + label {
    background-color: #28478e;
    border-color: #28478e;
    color: #fff;
}

.btn-group label:nth-child(2) {
    border-radius: 6px 0px 0px 6px !important;
}


.filters-group label {
    box-shadow: none;
}
.btn-group input {
    display: none;
}




.filters-group .btn-group {
    float: right;
}
/* comunicados  */

.grid-comunicados {
    padding: 60px 0 0;
    min-height: 700px;
}
.item-comunicado,
.item-comunicado:focus {
    display: table;
    text-decoration: none !important;
    border-top: 1px solid #ebebeb;
    padding: 30px 0;
}
.item-comunicado:first-child,
.item-comunicado:first-child:focus {
    border-color: transparent !important;
    margin-top: -30px;
}
.item-comunicado:hover {
    background-color: #fbfbfb;
    text-decoration: none !important;
}
.item-comunicado small {
    display: block;
    margin: 30px 0 0 0;
    color: #888;
}
.item-comunicado h4 {
    margin: 10px 0 0 0;
    font-size: 16px;
    font-weight: 600;
}
.item-comunicado p {
    font-size: 14px;
    color: #555;
}

.btn-group input[type='radio']:checked + label  {
    border: 1px solid red !important;
}
.btn-group input[type='radio']:checked + label {
    background-color: #28478e !important;
    border-color: #28478e !important;
    color: #fff !important;
}

.item-comunicado h4:after {
    display: block;
    content: "";
    width: 20px;
    height: 3px;
    background-color: #ebebeb;
    margin: 15px 0;
}
.item-comunicado:hover p {
    text-decoration: none !important;
}
.item-comunicado figure {
    border-radius: 4px;
    overflow: hidden;
}
.btn-outline.btn-mais-comunicados {
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px;
}
.content-comunicado {
    padding: 60px 60px 0 0;
}
.content-comunicado .header small {
    color: #888;
}
.content-comunicado .header h3 {
    color: #28478e;
    margin: 10px 0 30px;
    font-size: 28px;
}
.content-comunicado .header figure {
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 30px;
    display: block
}
.content-comunicado p {
    line-height: 24px;
}
.content-comunicado ul {
    margin: 30px 0;
}
.content-comunicado figure {
    display: table;
    margin: 30px 0;
    overflow: hidden;
    border-radius: 4px;
}
.content-comunicado h1,
.content-comunicado h2,
.content-comunicado h3,
.content-comunicado h4,
.content-comunicado h5,
.content-comunicado h6 {
    margin-top: 30px;
    margin-bottom: 15px;
}
.others-comuicados {
    padding-top: 60px;
}
.others-comuicados .title-section-group h4 {
    color: #28478e;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 30px;
}
.others-comuicados ul {
    padding: 0;
    list-style: none;
}
.others-comuicados ul li,
.others-comuicados ul li a {
    display: block;
}
.others-comuicados ul li {
    border-top: 1px solid #ebebeb;
    margin-left: -15px;
    padding: 15px 0;
}
.others-comuicados ul li a h4 {
    font-size: 16px;
    font-weight: 600;
}
.others-comuicados ul li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    margin-bottom: -15px;
}
.others-comuicados ul li:first-child {
    border-top: none;
}
.others-comuicados figure {
    overflow: hidden;
    border-radius: 4px;
}
/* meus-pedidos.css  */

.content-container .content-inner .subtitle-section-group {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}
.content-container .content-inner .subtitle-section-group h2 {
    font-size: 22px;
    color: #555;
    font-weight: 500;
}
.content-container .content-inner .subtitle-section-group h2 span {
    color: #888;
}
.content-container .content-inner .form-group label {
    text-transform: uppercase;
    font-style: italic;
    color: #888;
    font-weight: 600;
    font-size: 11px;
    padding-bottom: 5px;
    padding-top: 10px;
}
.content-container .content-inner .form-search-pedido-group {
    padding: 30px;
    background-color: #fbfbfb;
    border-radius: 6px 6px 0 0;
}
.content-container .content-inner .form-search-pedido-group .form-group .form-control {
    text-transform: uppercase;
    font-style: italic;
    color: #555;
    font-weight: 600;
    font-size: 11px;
    line-height: 50px;
    height: 50px;
}
.content-container .content-inner .form-search-pedido-group .form-group .input-group .input-group-addon {
    text-transform: uppercase;
    font-style: italic;
    color: #28478e;
    font-weight: 600;
    font-size: 11px;
}
.content-container .content-inner .form-search-pedido-group .button-group {
    padding-top: 33px;
}
.btn.btn-link {
    font-size: 12px;
    font-weight: 600;
    padding: 15px 0;
    border-radius: 6px;
}
.btn.btn-link:hover {
    background-color: #f5f5f5;
}
.btn.btn-default.btn-theme-blue {
    font-size: 12px;
    font-weight: 600;
    
}
.btn.btn-default.btn-theme-blue.btn-sm {
    font-size: 10px;
    font-weight: 600;
    padding: 10px 0;
}

.table-responsive {
    margin-bottom: 0px;
}

.datatable-theme .table-responsive .table.table-theme thead > tr > th {
    border: none;
    color: #fff;
    text-transform: uppercase;
    background-color: #28478e;
    font-size: 12px;
    font-weight: 600;
    padding: 15px;
}
.datatable-theme .table-responsive .table.table-theme thead > tr > th.order-link {
    position: relative;
    cursor: pointer;
    background-color: #2d4f9e;
}
.datatable-theme .table-responsive .table.table-theme thead > tr > th.order-link:hover {
    background-color: #2b4c97;
}
.datatable-theme .table-responsive .table.table-theme thead > tr > th.order-link:after {
    content: "";
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: #fff transparent;
    visibility: visible;
    right: 8px;
    top: 50%;
    position: absolute;
    opacity: .3;
    margin-top: -5px;
}
.datatable-theme .table-responsive .table.table-theme thead > tr > th.order-link::before {
    content: "";
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #fff transparent;
    visibility: visible;
    right: 8px;
    top: 50%;
    position: absolute;
    opacity: .3;
    margin-top: 3px;
}
.datatable-theme .table-responsive .table.table-theme > tbody > tr > td {
    text-transform: uppercase;
    font-size: 12px;
    padding: 15px;
    font-weight: 600;
    color: #2d4f9e;
    vertical-align: middle;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td {
    border: none;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr:first-child > td {
    border-top: 2px solid #28478e;
    padding: 30px 0;
}
.datatable-theme .table-responsive .table.table-theme.table-hover tbody tr:hover > td {
    background-color: #fcf8e3;
    cursor: pointer;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-register-group > span {
    display: inline-table;
    padding: 15px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 15px;
    font-weight: 600;
    color: #888;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-register-group > span > span {
    color: #555;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-register-group .form-register-count {
    display: inline-table;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-register-group .form-register-count .form-control {
    line-height: 50px;
    height: 50px;
    font-size: 11px;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-pagination-group > span {
    display: inline-table;
    padding: 15px;
    text-transform: uppercase;
    font-size: 11px;
    padding: 15px;
    font-weight: 600;
    color: #888;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-pagination-group > span > span {
    color: #555;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-pagination-group .form-pagination-count {
    display: inline-table;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-pagination-group .form-pagination-count .form-control {
    display: table;
    line-height: 50px;
    height: 50px;
    font-size: 11px;
    text-align: center;
    max-width: 50px;
}

.datatable-theme .btn.btn-default.btn-theme-blue.btn-payment,
.datatable-theme .btn.btn-default.btn-theme-blue.btn-payment:focus {
    background-color: #3a933e !important;
    border-color: #3a933e !important;
    color: #FFF !important;
}

.datatable-theme .btn.btn-default.btn-theme-blue.btn-payment:hover,
.datatable-theme .btn.btn-default.btn-theme-blue.btn-payment:active {
    background-color: #328036;
    border-color: #328036;
}

.btn.btn-default.btn-gray {
    color: #28478e;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn.btn-default.btn-gray:hover {
    background-color: #ebebeb;
    border-color: #ebebeb;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-pagination-group .btn.btn-default.btn-gray {
    padding: 15px;
}
.datatable-theme .table-responsive .table.table-theme > tfoot > tr > td .number-pagination-group {
    float: right;
}
.datatable-theme .table-responsive .table.table-theme {
    margin-bottom: 0;
}
.wizard {
    margin: 0 0 60px 0;
    padding: 0;
}
.wizard.analise > div,
.wizard.analise > div span {
  color: #ccc !important;    
}


.wizard.analise:after {
  display: table;
  content: "Em Análise Financeira";
  width: 100%;
  position: relative;
  padding: 15px;  
  margin-top: 1px;  
  background-color: #ebebeb;
      -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
      font-size: 14px;
  font-weight: 700;
  color: #28478e;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  z-index: 0;
}
.wizard.inative > div,
.wizard.inative > div span {
    color: #ccc !important;
}
.wizard.inative:after {
    display: table;
    content: "Pedido Finalizado";
    width: 100%;
    position: relative;
    padding: 15px;
    margin-top: 1px;
    background-color: #ebebeb;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    font-size: 14px;
    font-weight: 700;
    color: #28478e;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 0;
}
.wizard.cancel > div,
.wizard.cancel > div span {
    color: #ccc !important;
}
.wizard.cancel:after {
    display: table;
    content: "Pedido Cancelado";
    width: 100%;
    position: relative;
    color: #ff0000;
    padding: 15px;
    margin-top: 1px;
    background-color: #ebebeb;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 0;
}

.wizard.pendente > div,
.wizard.pendente > div span {
  color: #ccc !important;    
}

.wizard.pendente:after {
  display: table;
  content: "Documentação Pendente";
  width: 100%;
  position: relative;
  color: #ff0000;
  padding: 15px;  
  margin-top: 1px;  
  background-color: #ebebeb;
      -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
      font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  z-index: 0;
}

.wizard > div {
    padding: 25px 0 25px 0;
    margin-right: -3px !important;
    background: #ebebeb;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #28478e;
    width: 25%;
}
.wizard > div span {
    color: #888;
    padding-left: 5px;
}
.wizard > div i {
    float: left;
    margin-right: 10px;
    margin-left: 30px;
    font-size: 18px;
}
.wizard > div:before {
    width: 0;
    height: 0;
    border-top: 10px inset transparent;
    border-bottom: 10px inset transparent;
    border-left: 10px solid #fff;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    z-index: 1;
    margin-top: -10px;
}
.wizard > div:after {
    width: 0;
    height: 0;
    border-top: 10px inset transparent;
    border-bottom: 10px inset transparent;
    border-left: 10px solid #ebebeb;
    position: absolute;
    content: "";
    top: 50%;
    right: -10px;
    z-index: 2;
    margin-top: -10px;
}
.wizard > div:last-child:after {
    border: none;
}
.wizard > div:first-child {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.wizard > div:last-child {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.wizard .current {
    background: #28478e;
    color: #fff;
}
.wizard > .current span {
    color: rgba(255, 255, 255, .5);
}
.wizard .current:after {
    border-left-color: #28478e;
}
.dados-pedido {
    padding: 30px 15px;
    border-top: 1px solid #28478e;
    background-color: #fbfbfb;
}
.payment-button {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 6px;
}
.payment-button p {
    margin-top: 10px;
}
.payment-button a {
    float: right;
}
.btn.btn-link.link-back {
    display: table;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none !important;
    margin-top: 30px;
    margin-bottom: -30px;
}


/* servicos-financeiros.css  */

.skin-green {
    background-color: #328036;
}
.skin-green .navbar-brand {
    padding: 0;
}
.skin-green .bar-logo .navbar.navbar-default .navbar-nav > li > a:hover,
.skin-green .bar-logo .navbar.navbar-default .navbar-nav > li.active > a {
    border-color: #328036;
    color: #328036;
}
.skin-green .bar-menu {
    background-color: #388e3c;
}
.skin-green .menu-principal > li > a {
    background-color: #388e3c;
}
.skin-green .menu-principal > li > a:hover {
    background-color: #328036;
}
.skin-green .bar-copywrite {
    background-color: #328036;
}
.skin-green .cart-bar-title h1 {
    color: #328036;
}
.skin-green .btn.btn-default.btn-theme-blue,
.skin-green .btn.btn-default.btn-theme-blue:focus {
    background-color: #388e3c;
    border-color: #388e3c;
}
.skin-green .btn.btn-default.btn-theme-blue:hover {
    background-color: #328036;
    border-color: #328036;
}
.skin-green .btn.btn-link,
.skin-green .btn.btn-link:focus {
    color: #388e3c;
}
.skin-green .btn.btn-link:hover,
.skin-green .btn.btn-link:active {
    color: #328036;
}
.skin-green .content-container .content-inner .form-search-pedido-group .form-group .input-group .input-group-addon {
    color: #328036;
}
/*datatable */

.skin-green .datatable-theme .table-responsive .table.table-theme thead > tr > th {
    background-color: #328036;
    font-size: 11px;
}
.skin-green .datatable-theme .table-responsive .table.table-theme thead > tr > th.order-link {
    background-color: #388e3c;
}
.skin-green .datatable-theme .table-responsive .table.table-theme thead > tr > th.order-link:hover {
    background-color: #3a933e;
}
.skin-green .datatable-theme .table-responsive .table.table-theme > tbody > tr > td {
    color: #388e3c;
    vertical-align: middle;
    font-size: 12px;
}
.skin-green .datatable-theme .table-responsive .table.table-theme > tfoot > tr:first-child > td {
    border-color: #328036;
}
.skin-green .number-pagination-group .btn-gray {
    color: #388e3c;
}
.skin-green .datatable-theme .table-responsive .table.table-theme > tbody > tr > td img.logo-banco {
    max-width: 25px;
}

.skin-green .wizard > div {
    padding: 25px 0 25px 25px;
}


.datatable-theme .btn-group-actions {
    list-style: none;
    padding: 0;
    display: table;
    margin: 0 auto;
}
.datatable-theme .btn-group-actions li {
    display: inline-table;
    margin-left: 5px;
}
.datatable-theme .btn-group-actions li a {
    display: block;
    border: 1px solid #d3d3d3;
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #388e3c;
}
.datatable-theme .btn-group-actions li a:hover {
    color: #fff;
    background-color: #3a933e;
    border-color: #3a933e;
}
.skin-green .bootstrap-datetimepicker-widget table td.active,
.skin-green .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #3a933e;
    color: #fff;
}
.datatable-value-container {
    text-transform: uppercase;
    padding: 30px 0;
    background-color: #f5f5f5;
    border-radius: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 99999;
    border-top: 1px solid transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.datatable-value-container.active {
    border-top: 1px solid #d3d3d3;
    -webkit-box-shadow: 0px -5px 26px -10px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px -5px 26px -10px rgba(0, 0, 0, 0.26);
    box-shadow: 0px -5px 26px -10px rgba(0, 0, 0, 0.26);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.datatable-value-container .label-value {
    color: #328036;
    font-weight: 600;
    font-size: 16px;
    padding-top: 10px;
    text-align: left;
}
.datatable-value-container .value {
    color: #328036;
    font-weight: 700;
    font-size: 30px;
    float: right;
}
.datatable-value-container .value small {
    font-size: 18px;
}

.form-control {
    height: 50px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border-radius: 6px;
}
.modal .btn.btn-default.btn-outline {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 600;
}
.skin-green .modal .btn.btn-default.btn-outline,
.skin-green .modal .btn.btn-default.btn-outline:focus {
    border-color: #388e3c;
    background-color: transparent;
    color: #388e3c;
}
.skin-green .modal .btn.btn-default.btn-outline:hover,
.skin-green .modal .btn.btn-default.btn-outline:active {
    border-color: #328036;
    background-color: #328036;
    color: #fff;
}
#modalSendBoleto .data {
    list-style: none;
    padding: 15px 15px 0;
    background-color: #f5f5f5;
    border-radius: 6px;
    margin-bottom: 15px;
}
#modalSendBoleto .data b {
    text-transform: uppercase;
}
#modalSendBoleto .data li {
    width: 20%;
    font-size: 12px;
    float: left;
}
#modalSendBoleto .data:after {
    display: block;
    content: ".";
    clear: both;
    visibility: hidden;
}
.datatable-theme .table-responsive .table.table-theme.table-actions > tbody > tr > td {
    cursor: default !important;
}
/* devolucao-de-mercadoria.css  */

.btn.btn-default.btn-theme-blue.btn-add {
    padding-left: 20px;
    padding-right: 20px;
}
.btn.btn-default.btn-theme-blue.btn-add-solicitacao {
    float: right;
    margin-bottom: 30px;
}
.btn-add i {
    float: left;
    margin-right: 10px;
}
.dados-solicitacao {
    background-color: #fbfbfb;
    padding: 30px 15px;
    border-top: 1px solid #28478e;
    border-bottom: 1px solid #28478e;
}
.skin-green .dados-solicitacao {
    border-color: #328036;
}
.datatable-theme .table-responsive .table.table-theme.table-condensed > tbody > tr > td,
.datatable-theme .table-responsive .table.table-theme.table-condensed > tbody > tr > th {
    font-size: 10px;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-item.active > td,
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-item.active > td:hover,
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais > td > div {
    background-color: #fbfbfb !important;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais > td {
    padding: 0;
    border: none;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais > td > div {
    display: none;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div {
    border-top: 1px dashed #d3d3d3;
    padding: 30px;
    display: block;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div h4 {
    color: #555;
    margin-bottom: 60px;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div h5 {
    color: #555;
    margin-bottom: 15px;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div .steps-group {
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div .steps-group .item-steps-detais {
    text-decoration: none !important;
    outline: 0 !important;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div .steps-group .item-steps-detais figure {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div .steps-group .item-steps-detais:hover figure:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div .steps-group .item-steps-detais:hover figure:after {
    font-family: 'FontAwesome';
    content: "\f00e";
    display: table;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    z-index: 1;
    font-size: 18px;
    font-weight: normal;
}
.datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td > div .steps-group .item-steps-detais p {
    color: #555;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
}
.send-group .table.table-theme,
.send-group .table.table-theme > tbody > tr > td {
    background-color: transparent;
    border-color: #ebebeb;
}
.send-group .table.table-theme > tbody > tr:first-child > td {
    border-top: none;
}
.wizard.inative.devolucao:after {
    content: "Solicitação Finalizada";
    color: #328036;
}
.wizard.cancel.devolucao:after {
    content: "Solicitação Cancelada";
}
.skin-green .wizard .current {
    background-color: #328036;
    color: #fff;
}
.skin-green .wizard .current:after {
    border-left-color: #328036
}
.skin-green .wizard > div {
    color: #328036;
}
.btn-group.open .btn-green.dropdown-toggle {
    color: #fff;
}
.btn-group.open .dropdown-menu {
    padding: 0;
}
.btn-group.open .dropdown-menu li a {
    padding: 15px;
    width: 100%;
}
a:focus .tooltip {
    display: none;
}
a.disabled {
    filter: alpha(opacity=40);
    opacity: .4;
    cursor: not-allowed !important;
    background-color: transparent !important;
    color: #888 !important;
    border-color: #d3d3d3 !important;
}
.datatable-theme .btn-group-actions li a.active {
    color: #fff;
    background-color: #3a933e;
    border-color: #3a933e;
}
.datatable-theme .input-table {
    padding: 0 !important;
}
.datatable-theme .input-table .form-control {
    display: table;
    margin: 0 auto;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 35px;
    height: 35px;
    max-width: 80%;
    text-align: center;
}
.btn.btn-default.btn-cancelar,
.btn.btn-default.btn-form,
.btn.btn-default.btn-green.btn-anexar {
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.btn.btn-default.btn-green.btn-outline,
.btn.btn-default.btn-green.btn-outline:focus {
    background-color: transparent;
    border-color: #388e3c;
    color: #388e3c;
}
.btn.btn-default.btn-green.btn-outline:hover,
.btn.btn-default.btn-green.btn-outline:active {
    background-color: #328036;
    border-color: #328036;
    color: #fff;
}
.btn.btn-default.btn-green.btn-anexar .files {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
}
.files-list {
    display: block;
    list-style: none;
    padding: 30px 0;
}
.files-list li {
    text-align: center;
    padding: 15px;
    border-bottom: 1px dashed #d3d3d3;
}
.carousel-control .fa {
    font-size: 28px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
}
.carousel-control {
    background: rgba(0, 0, 0, 0);
}
.carousel .carousel-control {
    filter: alpha(opacity=0);
    opacity: 0;
}
.carousel:hover .carousel-control {
    filter: alpha(opacity=80);
    opacity: .8;
}
.carousel-caption {
    width: 100%;
    right: 0;
    left: 0;
    padding-bottom: 0;
    padding: 30px 10%;
    background-color: rgba(0, 0, 0, .3);
    margin-bottom: -20px;
    border-radius: 0px 0px 5px 5px
}

.modal-title {
    color: rgb(85, 85, 85) !important;
}

.files-list li:first-child { border-top: 1px dashed #d3d3d3; }

/* minha-conta.css  */

.panel-loja {
    margin-top: 37px;
    padding: 60px;
    border-top: 3px solid #28478e;
}
.panel-loja h4 {
    text-transform: uppercase;
}
.panel-loja h4:after {
    content: " ";
    display: block;
    margin: 30px 0;
    width: 20px;
    height: 2px;
    background-color: #d3d3d3;
}
/* resultado-busca.css  */

.text-blue {
    color: #28478e;
}
.title-result {
    margin-top: 90px;
    border: 1px dashed #888;
    border-radius: 6px;
    padding: 30px 30px;
}
.title-result h1 {
    font-size: 80px;
    margin-top: 0;
}
.title-result p {
    margin: 15px 0;
}
.title-result .fa {
    font-size: 38px;
    color: #d3d3d3;
}
.title-result p b {
    color: #28478e;
}

.label.label-default {
    display: inline-table;
    background: #888;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 600;
}

.label.label-primary {
    display: inline-table;
    background: #28478e;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 600;
}

.cidade h6,
.estado h6 { font-weight: 600;margin-bottom: 10px;}
.cidade h6 {color: #28478e;}
.cidade {margin-bottom: 30px;}

.carousel-group .view-product .info-product-group h4 { margin-top: 0; }

/* Login  */

.state-login.active,
.state-request-password.active { display: block; }

.login-group {
    width: 100%;
    height: 100%;
    position:relative;
    overflow: hidden;
}

.login-group .login-form {
    width: 40%;
    height: 100%;
    background-color: #fff;
    position: relative;
    float: left;
}

.login-group .login-destaque {
    display: table;
    width: 60%;
    height: 100%;
    position: relative;
    float: left;
    background: url('https://portaldocliente.autoglass.com.br/css/estoque/lay/bg-login.jpg') no-repeat center left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login-group .login-form.ativacao { width: 70%; }
.login-group .login-destaque.ativacao { width: 30%; }
.login-group .login-destaque-inner {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}


.login-group .login-container {
    width: 40%;
    float: right;
    height: 100%;
    display:table;
    margin-right: 60px;
}


.login-group .login-container .login-container-inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.login-group .login-container .login-container-inner .logo-login {margin-bottom: 60px;}

.login-group .login-container .login-container-inner .form-login .input-group-addon {background-color: #fbfbfb; }
.login-group .login-container .login-container-inner .form-login .input-group-addon i { color: #d3d3d3;}

.login-group .login-container .login-container-inner .form-login .form-control {
    color:#28478e;
    font-weight: 600;
    font-style: italic;
    font-size: 13px;
}

.link-login {
    display: table;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
    margin-top: 25px;
}

.link-login i {
    float: left;
    margin-right: 10px;
    margin-top: -4px;
}

.btn-create-account {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
}

.login-group .login-container .login-container-inner h4 {
    font-style: italic;
    text-transform: uppercase;
    color: #28478e;
    margin-bottom: 10px;
}

.login-group .login-container .login-container-inner p {
    font-style: italic;
    color: #555;
    font-size: 13px;
}

.login-group .login-container .login-container-inner .g-recaptcha {
    margin-bottom: 10px;
}


.login-group .login-destaque-inner {padding-left: 60px;}

.login-group .login-destaque-inner h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
}
.login-group .login-destaque-inner h1 small {
    color: #fff;
    display: block;
}
.login-group .login-destaque-inner p {
    color: #fff;
    font-size: 16px;
}

.active-register {
    width: 750px;
    display: table;
    height: 100%;
    background-color: #fff;
    margin: 0 auto;
}

.active-register-inner {
    width: 100%;
    padding: 60px 80px;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.bg-login {
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background: url(lay/bg-login.jpg) no-repeat center left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media screen and (max-width: 1366px) {
    .login-group .login-container { width: 60%;}
}


@media screen and (max-width: 1280px) {
    /* destaques.css  */
    
    .bg-home {
        height: 380px;
    }
    .bg-home > a img {
        width: 1700px;
    }
    .bg-home > a {
        width: 1700px;
        margin-left: -850px;
    }
    .banners-group .banner-left {
        width: 250px;
        height: 400px;
    }
    .banners-group .banner-left img,
    .banners-group .banner-center img {
        width: auto;
        height: 400px;
    }
    .banners-group .banner-center {
        width: 500px;
        height: 400px;
    }
    .banners-group .banner-right {
        width: 350px;
        height: 400px;
        overflow: hidden;
    }
    .banners-group > div {
        margin-left: 20px;
    }
    .banners-group > div:first-child {
        margin-left: 0;
    }
    .banners-group .banner-right .card-promo-day .card-promo-day-inner .card-caption .card-description {
        font-size: 10px;
        /* Fallback for non-webkit */
        
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .banners-group .banner-right:hover {
        overflow: visible;
    }
    .banners-group .banner-right .card-promo-day:hover .card-promo-day-inner .card-caption .card-description {
        -webkit-line-clamp: 20;
        -webkit-box-orient: auto;
        overflow: none;
        text-overflow: none;
    }
    .banners-group .banner-right .card-promo-day .card-promo-day-inner .cta-group-card {
        visibility: hidden;
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    .banners-group .banner-right .card-promo-day:hover .card-promo-day-inner .cta-group-card {
        visibility: visible;
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    .banners-group .banner-right .card-item:hover .card-item-inner,
    .banners-group .banner-right .card-promo-day:hover .card-promo-day-inner {
        height: 490px
    }
    /* card.css  */
    
    .card-item .card-item-inner .cta-group-card .btn.btn-default.btn-cta {
        padding: 0 25px !important;
    }
    .card-item .card-item-inner a .card-status {
        letter-spacing: 0;
    }
    /*.card-item {
        height: 450px;
    }
    .card-item-inner,
    .card-promo-day-inner {
        height: 420px;
    }*/
    .cta-group-card .btn.btn-default.btn-outline,
    .cta-group-card .btn.btn-default.btn-outline:focus {
        font-size: 10px;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1024px) {
    /* destaques.css  */
    
    .bg-home {
        height: 380px;
    }
    .bg-home > a img {
        width: 1400px;
    }
    .bg-home > a {
        width: 1400px;
        margin-left: -700px;
    }
    .banners-group .banner-left {
        width: 200px;
        height: 300px;
    }
    .banners-group .banner-left img,
    .banners-group .banner-center img {
        width: auto;
        height: 300px;
    }
    .banners-group .banner-center {
        width: 400px;
        height: 300px;
    }
    .banners-group .banner-right {
        width: 300px;
        height: 300px;
    }
    .banners-group > div {
        margin-left: 20px;
    }
    .banners-group > div:first-child {
        margin-left: 0;
    }
    .banners-group .banner-right .card-item:hover .card-item-inner,
    .banners-group .banner-right .card-promo-day:hover .card-promo-day-inner {
        height: 400px
    }
    .banners-group .banner-right .card-item-inner figure,
    .card-promo-day-inner figure {
        padding: 0 70px 10px;
    }
    .card-item .card-item-inner .cta-group-card .btn.btn-default.btn-cta {
        padding: 0 41px !important;
    }
    .carousel-group .view-product .info-product-group .details h4 {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0;
    }
    .carousel-group .view-product .info-product-group .details li.card-price-value {
        padding-bottom: 0;
    }
    .carousel-group .carousel-options .list-group-item:last-child {
        border-bottom: none;
    }
    .carousel-group .carousel-options .list-group-item {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .carousel-group .view-product .info-product-group .details .code {
        font-size: 10px;
    }
    .carousel-group .view-product .info-product-group .card-price-group.active li.card-price-value .price {
        font-size: 22px;
    }
    .carousel-group .view-product .cta-group-card .btn.btn-default.btn-theme-blue {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 10px;
    }
    .grid-promo a.panel .text {
        padding: 10px 15px 0;
    }
    .grid-promo a h5 {
        font-size: 14px;
    }
    .wizard > div {
        padding: 25px 30px;
        font-size: 13px;
    }

    .login-group .login-form {
        width: 50%;
    }

    .login-group .login-destaque {
        width: 50%;
    }

    .login-group .login-container { width: 60%;}
    .login-group p {font-size: 13px;}
    .login-group .login-container .login-container-inner .logo-login {margin-bottom: 30px;}

    .login-group .login-destaque-inner h1 { font-size: 30px; }
    .login-group .login-destaque-inner p { font-size: 12px; }
}
/* MOBILE  768px */

@media screen and (max-width: 768px) {
    .card-item-tag.desconto-progressivo.flecha-direita::after {
        left: 93px !important;
        top: 19px !important;
    }
    .btn.btn-default.btn-cancelar,
    .btn.btn-default.btn-form,
    .btn.btn-default.btn-green.btn-anexar {
        padding: 2px 5px;
    }
    .content-container .content-inner .subtitle-section-group h2{
        font-size: 14px;
        text-align: center;
    }
    .bar-logo,
    .bar-search,
    .bar-menu,
    .bar-menu-footer {
        display: none
    }
    .bar-logo.bar-mobile {
        display: block;
        padding: 15px 0;
    }
    .brand-mobile {
        display: table;
        margin: 0 auto;
    }
    .bar-cards {
        text-align: center;
    }
    .img-cards {
        display: table;
        margin: 0 auto 20px auto;
    }
    .bar-cards .info-phone {
        text-align: center;
        display: block;
        margin: 15px auto;
        padding: 15px 0 0 0;
        border-top: 1px dashed rgba(255, 255, 255, .1);
    }
    .bar-cards .info-phone small {
        font-size: 14px;
    }
    .bar-infos .info-group-footer {
        min-height: auto;
        border-left: none;
        border-top: 1px dashed rgba(255, 255, 255, .1);
        padding-left: 40px;
        padding-top: 30px;
    }
    .bar-infos .col-md-4:first-child .info-group-footer {
        padding-left: 40px;
        border-top: none;
        padding-top: none;
        margin-top: -30px;
    }
    .bar-copywrite {
        text-align: center;
    }
    .bar-copywrite .logo-autoglass-invert {
        display: table;
        margin: 30px auto;
    }
    .bar-copywrite .social-media-group {
        float: none;
        display: table;
        margin: 0 auto;
    }
    .btn-chat {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        padding: 20px 10px 20px 20px;
        bottom: 20px;
    }
    .btn-chat span {
        display: none;
    }
    /* busca.css  */
    
    .chosen-container-single,
    .btn-orange {
        margin-bottom: 15px;
    }
    .radio.search-content {
        display: table;
        margin: 15px 0;
    }
    /* destaques.css  */
    
    .bg-home {
        display: block !important;
        margin-top: -180px !important;
    }
    .banners-group {
        margin-top: 0;
    }
    .banners-group .banner-left {
        width: 100%;
        height: auto;
    }
    .banners-group .banner-left img,
    .banners-group .banner-center img {
        width: 100%;
        height: auto;
        float: none !important;
    }
    .banners-group .banner-center {
        width: 100%;
        height: auto;
        float: none !important;
    }
    .banners-group .banner-right {
        width: 100%;
        height: 490px;
        float: none !important;
        margin-left: 0;
    }
    .banners-group > div {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .banners-group > div:first-child {
        margin-left: 0;
    }
    .banners-group .banner-right .card-item-inner figure,
    .card-promo-day-inner figure {
        padding: 0;
        display: table;
        margin: 10px auto;
    }
    .banners-group .banner-right .card-item .card-item-inner,
    .banners-group .banner-right .card-promo-day .card-promo-day-inner {
        height: 490px !important;
    }
    .banners-group .banner-right .card-promo-day .card-promo-day-inner .cta-group-card {
        visibility: visible;
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .banners-group .banner-right .card-promo-day .card-promo-day-inner .card-caption .card-description {
        font-size: 10px;
        -webkit-line-clamp: 20;
        -webkit-box-orient: auto;
        overflow: none;
        text-overflow: none;
    }
    /* carrinho.css  */
    
    .alert-collapse .panel-group .panel.panel-default .panel-heading .panel-title a .installments {
        display: none;
    }
    .alert-collapse .panel-group .panel.panel-default .panel-body .row > [class*="col-md-"] {
        border-left: none;
        padding-left: 15px;
    }
    .alert-collapse .panel-group .panel.panel-default .panel-body p {
        margin-bottom: 30px;
        display: block;
    }
    .dropdown-cart,
    .dropdown-cart button,
    .btn-cart-action {
        float: none;
        display: block;
        width: 100%;
    }
    .cart-description-step {
        display: none;
    }
    .cart-step {
        display: block;
        text-align: center;
        float: none;
    }
    .cart-steps .cart-step .cart-number-step,
    .cart-steps .cart-step .cart-caption-step {
        float: none;
        display: table;
        margin: 0 auto;
    }

    .card-item-tag {
        top: 12px;
    }
    .info-product-group .card-item-tag.promo {
        bottom: 205px !important;
        margin: 0px 0 38px 26px !important;
    }
    .info-product-group .details .card-price-group li {
        float: left;
    }

    .info-product-group .details .card-item-tag.progressivo {
        position: unset;
        margin: 0px !important;
    }

@media (min-width: 800px) {
    .card-item,
    .card-item .card-item-inner,
    .card-item.item-over,
    .card-item.item-over:hover,
    .card-item.item-over .card-item-inner,
    .card-item.item-over:hover .card-item-inner {
        position: relative !important;
    }
    .card-item .card-item-inner,
    .card-item.item-over .card-item-inner,
    .card-item.item-over:hover .card-item-inner {
        padding-bottom: 20px;
    }
    .card-item .card-item-inner .card-price-group,
    .card-item:hover .card-item-inner .card-price-group {
        display: block;
        overflow: hidden;
        width: auto;
        height: auto;
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .card-item,
    .card-item:hover {
        width: 100%;
        height: 380px !important;
        position: relative !important;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 6px;
        padding: 0;
    }


    .card-item-inner {
        width: 100%;
        /*height: auto;*/
        position: relative;
    }
    .card-item.item-over,
    .card-item.item-over:hover {
        position: relative !important;
        height: auto;
        z-index: none;
    }
    .card-item .card-item-inner .card-caption .card-description {
        -webkit-line-clamp: 20;
        overflow: none;
    }
    .card-item .cta-group-card {
        display: table;
        margin: 15px auto;
    }
    .cta-group-card .btn.btn-default.btn-outline,
    .cta-group-card .btn.btn-default.btn-outline:focus {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 600;
    }
}



    .info-product-group {
        padding: 30px 0 0 1%;
    }
    .carousel-group .view-product .view {
        margin-right: 0;
    }
    .carousel-group .view-product .info-product-group {
        padding: 0 0 0 10%;
    }
    .carousel-group .carousel-options .list-group-item {
        font-size: 12px;
    }
    .carousel-group .view-product .info-product-group .details h4 {
        font-size: 10px;
        line-height: 14px;
    }
    .carousel-group .carousel-options {
        width: 35%;
    }
    .carousel-group .carousel-view {
        width: 65%;
    }
    .carousel-group .view-product .info-product-group .details .code:after {
        margin: 10px 0 15px;
    }
    .grid-promo a.panel .img {
        width: 20%;
    }
    .grid-promo a.panel .text {
        padding: 60px 15px 0;
    }
    .filters-group .btn-cart-action {
        width: auto;
    }
    .filters-group .btn-group {
        float: none;
    }
    .filters-group {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    /* meus-pedidos.css  */
    
    .wizard > div {
        width: 100%;
        margin-bottom: 2px;
    }
    .wizard > div:first-child {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }
    .wizard > div:last-child {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }
    .wizard > div:before {
        width: 0;
        height: 0;
        border-bottom: 0 inset transparent;
        border-top: 10px solid #fff;
        border-right: 10px inset transparent;
        border-left: 10px inset transparent;
        position: absolute;
        content: "";
        top: initial;
        bottom: -10px;
        left: 50%;
        z-index: 1;
        margin-left: -10px;
    }
    .wizard > div:after {
        width: 0;
        height: 0;
        border-bottom: 0 inset transparent;
        border-top: 10px solid #ebebeb;
        border-right: 10px inset transparent;
        border-left: 10px inset transparent;
        position: absolute;
        content: "";
        top: initial;
        bottom: -8px;
        left: 50%;
        z-index: 2;
        margin-left: -10px;
    }
    .wizard .current:after {
        border-left-color: transparent;
    }
    .wizard .current:after {
        border-top-color: #28478e;
    }
    .skin-green .wizard .current:after {
        border-top-color: #328036;
    }
    .payment-button p {
        text-align: center;
    }
    .payment-button a {
        float: none;
        display: table;
        margin: 10px auto;
    }
    .dados-pedido b {
        display: block;
        margin-bottom: -20px;
        margin-top: 20px;
        padding-left: 5px;
    }
    .datatable-value-container .label-value {
        text-align: center;
    }
    .datatable-value-container .value {
        float: none;
        text-align: center;
    }
    #modalSendBoleto .data li {
        width: 100%;
        font-size: 14px;
        float: none;
        padding: 15px;
        border-top: 1px solid #ebebeb;
    }
    #modalSendBoleto .data li:first-child {
        border: none;
    }
    .datatable-value-container {
        display: none;
    }
    .modal .btn.btn-default.btn-outline {
        width: 100%;
    }
    .btn.btn-default.btn-theme-blue.btn-add-solicitacao {
        float: none;
        margin-top: 0;
    }
    .dados-solicitacao b {
        display: block;
        margin-bottom: -20px;
        margin-top: 20px;
    }
    .datatable-theme .table-responsive .table.table-theme > tbody > .datable-line-detais.active > td {
        white-space: normal !important;
    }
    .carousel .carousel-control {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .login-group .login-form { width: 100%; }

    .login-group .login-container {
        float: none;
        width: 50%;
        margin: 0 auto;
    }

}
@media screen and (max-width: 460px) {
    .carrinho-compras .btn.btn-default.btn-green:hover, .btn.btn-default.btn-green:active {
        background-color: #328036 !important;
        border-color: #328036 !important;
    }
    .gallery-thumbs {
        padding-right: 10px;
    }
    .gallery-picture .gallery-picture-prev,
    .gallery-picture .gallery-picture-next {
        display: block;
    }
    .carousel-group {
        display: block;
        width: 100%;
    }
    .container-destaque .container {
        border: none;
    }
    .carousel-group .carousel-options {
        display: none;
    }
    .carousel-group .carousel-view {
        width: 100%;
        border: none;
    }
    .carousel-group .view-product {
        display: block;
        width: 100%;
        border: none;
    }
    .carousel-group .view-product .view,
    .carousel-group .view-product .list {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .carousel-group .view-product .list {
        padding: 30px 0;
    }
    .carousel-group .view-product .info-product-group .details h4 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .carousel-group .view-product .info-product-group .details .code {
        font-size: 12px;
    }
    .carousel-group .view-product .info-product-group .card-price-group.active li.card-price-value .price {
        font-size: 26px;
    }
    .carousel-group .view-product .cta-group-card .btn.btn-default.btn-theme-blue {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 14px;
    }
    .carousel-group .view-product .dropdown.options-mobile {
        display: block;
        margin-bottom: 30px;
    }
    .grid-promo a.panel .text {
        padding: 20px 15px 0;
    }

    .login-group .login-container { width: 80%; }
}

.skin-green .nav-tabs #TabItens .uib-tab{
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}
.Tabelaverde{    
    background-color: #328036;
    font-size: 11px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px;
    vertical-align: bottom;
    line-height: 1.42857143;
}
.Tabelaverde:hover {
    background-color: #328036 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: #328036;
    border-color: #328036;
    color: #fff;
}
.nav-tabs>li>a:hover{
    background-color: #328036;
    border-color: #328036;
    color: #fff;
}
.nav-tabs>li>a {
    color: #328036;
    background-color: #ebebeb;
    border-color: #ebebeb;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs>li>a{
    margin-right: 0px !important;
    border-radius: 0 0 0 0 !important;
}
.nav-tabs>li:first-child a {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}
.nav-tabs>li:last-child a {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

#botaoos.cta-group-card .btn.btn-default, 
.cta-group-card .btn.btn-default,
.cta-group-card .form-group .form-control {
    border-color: #328036 !important;
}

.cta-group-card .form-group .form-control {
    background-color: #fff !important;
}
ul.submenu {
    z-index: 9999 !important;
}

.pagination{
    margin: 0px !important;
}
.btn.btn-default.ng-scope{
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.btn.btn-default.ng-scope.active{
    background-color: #388e3c ;
    border-color: #388e3c ;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.btn.btn-default.ng-scope:hover{
    background-color: #388e3c ;
    border-color: #388e3c ;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.m-b.text-right.ng-binding.ng-scope{
    color: #555;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}

.carousel-indicators {
    display: none;
}




.ng-table-pager {
    padding: 0px 0px 0px 0px !important;
}
.ng-table-pager .pagination  {
    margin-top: -3px !important;
}

.skin-green .pagination>li>a, .skin-green .pagination>li>span {
    color: #388e3c !important;

}







.minhas-os .os:nth-child(odd) .container-destaque {
    background-color: #fbfbfb !important;
    border-top: 1px solid #d4d4d4 !important;
    border-bottom: 1px solid #d4d4d4 !important;
}

.minhas-os .os:nth-child(even) .container-destaque {
    background-color: #fff !important;
}

.minhas-os .os .container-destaque img {
    width: 100%;
    border-radius: 6px;
}
.minhas-os .os .container-destaque .container {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;

}
.minhas-os .os .container-destaque .container .swiper-container {
    min-height: 300px !important;
    border-left: 1px solid #d4d4d4;
}

.minhas-os .os .container-destaque .swiper-button-next, .minhas-os .os .container-destaque .swiper-button-prev {
    height: 300px;
    width: 30px;
    top: 0px;
    margin: 0px;
    background-color: rgba(0,0,0,0.03);
}
.minhas-os .os .container-destaque .swiper-button-next:hover, .minhas-os .os .container-destaque .swiper-button-prev:hover {
    background-color: rgba(0,0,0,0.06);
}


.minhas-os .os .container-destaque .swiper-button-next {
    margin: 0px -10px 0px 0px !important;
}
.minhas-os .os .container-destaque .swiper-button-prev {
    margin: 0px 0px 0px -10px !important;
}
.landingpage {
    padding-top: 30px !important;
}
.swiper-slide .box-os {
    padding: 50px;
}
.swiper-slide .box-os h3 {
    font-size: 20px;
    color: #28478e;
}
.swiper-slide .box-os h4 {
    font-size: 16px;
}

.box-os span {
    width: 70%;
    float: left;
    font-size: 12px;
    padding-bottom: 5px;
}
.box-os i {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin-right: 15px;
    font-size: 18px;

    float: left;
    border: 1px solid #d4d4d4;
    color: #d4d4d4;
}

.minhas-os .info-product-group .details .code:after {
    margin: 10px 0 20px !important;
}


.swiper-button-next, .swiper-button-prev {
    background-size: 30% !important;
}
.section-minhas-os {
    margin-bottom: -60px !important;
}

.box-search-os {
  padding: 40px 0px 60px 0px !important;
}
.box-search-os button {
    margin: 25px 0px 0px 10px !important;
}





.box-wizard {
    margin: 30px 0px;
    padding-top: 20px;
}
.devolucoes {
    margin: 0px auto;
}
.devolucoes .status {
    border-radius: 5px;
}
.devolucoes .status div {
    padding: 0px;
    margin: 0px;
}
.devolucoes .status .green {
    background-color: #328036;
    border-radius: 0px 5px 5px 0px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 22px 20px !important;
    height: 70px !important;
}
.devolucoes .status .red {
    background-color: #fe0000;
    border-radius: 0px 5px 5px 0px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    padding: 22px 20px !important;
    height: 70px !important;
}
.devolucoes .status .silver {
    background-color: #ececec;
    border-radius: 0px 0px 0px 0px;
    color: #898989;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 20px !important;
    height: 55px !important;
    border-top: 1px solid #d4d4d4;
}
.devolucoes .status .silver .fa {
    font-size: 20px !important;
    margin: 2px 16px 2px 0px;
}
.devolucoes .status .silver .rigth {
    color: #898989;
    font-size: 12px;

}



.devolucoes .status .silver:nth-last-child(1) {
    border-radius: 0px 0px 5px 5px;
}
.devolucoes .status .silver:nth-child(1) {
    border-radius: 5px 5px 0px 0px;
}
.green-iner {
    color: #328036;
    background-color: #ececec;
    font-weight: bold;
    font-size: 18px;  
    height: 70px; 
    border-radius: 6px 0px 0px 6px;
    padding: 25px 20px !important;     
}
.devolucoes .status .fa {
    font-size: 26px;
    margin-right: 10px;
    padding: 0px !important;
}
.devolucoes .status span, .devolucoes .status .fa {
    float: left;
    padding-top: 3px;
}
.devolucoes .status .green .rigth, .devolucoes .status .red .rigth  {
    float: right;
    color: rgba(255,255,255,0.8);
    font-weight: normal;
}
.devolucoes .status .silver .rigth {
    float: right;
    color: rgba(0,0,0,0.8);
    font-weight: normal;
}
.devolucoes .status ul {
    display: none;
}
.devolucoes .status {
    width: 100%;
    height: 70px;
}
.devolucoes .status .prev {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0px;
    top: 70px;
    width: 100%;
}
.devolucoes .status:hover .prev {
    display: block;
}
.devolucoes .box-note {
    float: left;
    width: 100%;
    margin-top: 4px !important;
    border-radius: 6px;
    background-color: #f7f7f7;
    padding: 20px !important; 
}
.devolucoes .box-note h3 {
    color: #fe0000;
    margin: 0px !important;
    padding: 0px 0px 20px 0px !important;
}
  .icone-svg svg{
    width: 30px;
    height: 30px;
    position: fixed;
    right: 140px;
    top: 13%;
    transform: rotate(-270deg) !important;
    fill: white;
    opacity: 0.7;
    margin: 0px 7px 0px 0px;
}
.btn-chat-azul,
.btn-chat-verde{
    color: #fff!important;
    cursor: pointer;
    text-decoration: none!important;
    font-family: 'Open Sans',sans-serif;
    text-transform: uppercase;
    padding: 13px 15px 10px 48px;
    font-weight: 700;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 50;
    width: 187px;
    min-width: 175px;
    height: 40px;
    min-height: 40px;
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: -2px 0 10px 2px rgba(85, 77, 77, 0.35);
    -moz-box-shadow: -2px 0 10px 2px rgba(0,0,0,.35);
    box-shadow: -2px 0 10px 2px rgba(0,0,0,.35);
    transform: rotate(270deg)!important;
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    left: calc(100% - 130px);
}
.btn-chat-azul {
    top: 40%;
    background-color: #234eb9;
    font-size: 13px!important;
}
.btn-chat-verde {
    top: 72%;
    background-color: #2bc952;
    font-size: 12px!important;
}
.btn-chat-azul:hover {
    background-color: rgb(43, 88, 201);
    z-index: 9999;
}
.btn-chat-verde:hover {
    background-color: rgb(42, 206, 83);
    z-index: 9999;
}
.logo-whats{
    width: 30px;
    height: 30px;
    position: fixed;
    right: 140px;
    top: 18%;
    transform: rotate(-270deg) !important;
    fill: white;
    opacity: 0.7;
    margin: 0px 7px 0px 0px;
}

@media (max-width: 800px) { 
    .carrinho-compras .btn.btn-default.btn-green:hover, .btn.btn-default.btn-green:active {
        background-color: #328036 !important;
        border-color: #328036 !important;
    }
    .carrinho-compras .input-group {
        margin-left: 35px !important;
    }
    .carrinho-compras .qtd .form-control {
        height: 34px !important;
    }
    .carrinho-compras .qtd {
        margin-bottom: 10px !important;
    }
    .carrinho-compras .price .value-old {
        width: 100%;
        padding-left: 35px;
        text-decoration: line-through;
        float: left;
    }
    .carrinho-compras .price .value-new {
        width: 100%;
        padding-left: 35px;
        float: left;
        font-size: 16px !important;
        font-variant: bold !important; 
    } 
    .table-sum .total {
        font-size: 14px;
        font-weight: bold;
        text-align: left !important; 
    }
    .table-sum  .label-form-cart {
        font-size: 16px !important;
    }
    .table-sum .text-right {
        font-weight: normal !important;
    } 
}
.quantidade-estoque-aviso{
    color: #e5ad00;
    font-weight: bolder;
}
.quantidade-estoque-aviso .material-icons{
    position: relative;
    top: 6px;
}


.quantidade-estoque-esgotado {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: red;
}

.quantidade-estoque-esgotado p {
    padding: 0px 5px;
    font-weight: 700;
    margin-bottom: 0px;
}

.quantidade-estoque-esgotado p b a{
    color: inherit;
    text-decoration: underline;
}



@media screen and (max-width: 780px) {
    .quantidade-estoque-aviso{
        padding-left: 35px;
    }
}

.diretive-qtd input[type="number"]::-webkit-outer-spin-button, 
.diretive-qtd input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.compatibilidade__veiculo{
    display: flex;
    padding: 19px 30px 10px 30px;
    width: 100%;
}
.compatibilidade__veiculo__box--esq{
    width: 84%;
}
.compatibilidade__veiculo__box--dir{
    width: 10%;
}
.compatibilidade__veiculo__box__texto{
    font-size: 10px;
    color: #337ab7;
    font-weight: bold;
}

.compatibilidade__veiculo__box__icone{
    width: 100%;
    height: auto;
}

.compatibilidade__veiculo img{
    min-height: 0px !important; 
}
.box__compatibilidade{
    min-height: 55px;
}

@media screen and (max-width: 980px) {
    .compatibilidade__veiculo{
        display: flex;
        padding: 15px 30px 18px 30px;
        width: 100%;
    }
    .compatibilidade__veiculo__box--esq{
        text-align: center;
    }
}

.chosen-container-single .chosen-single abbr{
    top: 20px;
}

@media screen and (max-width: 1024px) {
    .info-product-group .details .card-item-tag.progressivo {
        bottom: 560px;
        margin: 0 0 6px 27px;
    }
    .info-product-group .card-item-tag.promo {
        bottom: 265px;
    }
}

/*#region Configuração de video dos comunicados*/
.ta-insert-video {
    width: 100% !important;
    height: 100% !important;
    min-height: 376px;
}
/*#endregion */

.info-desconto {
    margin-top: 25px;
}
.input-carrinho{
    width: 100% !important;
}