@font-face {
    font-family: 'Roboto-light';
    src: url('fonts/Roboto-Light.ttf') format('truetype');
    /*src: url('fonts/myriad-light.otf');*/
}

@font-face {
    font-family: 'Roboto-semibold';
    src: url('fonts/Roboto-Medium.ttf') format('truetype');
    /*src: url('fonts/myriad-semibold.otf');*/
}

@font-face {
    font-family: 'Roboto-light-condensed';
    src: url('fonts/RobotoCondensed-Light.ttf') format('truetype');
    /*src: url('fonts/myriad-light-condensed.otf');*/
}

@font-face {
    font-family: 'Roboto-semibold-condensed';
    src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype');
    /*src: url('fonts/myriad-semibold-condensed.otf');*/
}

@font-face {
    font-family: 'Roboto-regular';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Light.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}

@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('fonts/Raleway-SemiBold.ttf') format('truetype');
    /*src: url('fonts/myriad-regular.otf');*/
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

input {
    font-family: 'Roboto-light';
    font-size: 12px;
    border: solid 1px #c8c1c2;
    padding: 5px 7px 2px 7px;
    width: 100%;
    background-color: #fff;
}

input[type="text"] {
    width: 100%;
}

header {
    position: sticky;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    background: #FFF;
    z-index: 3;
    top: 0;
}

a {
    text-decoration: none;
    color: #12934d;
}

.section-mundo-mobile {
    display: none;
}

.container-satisfacao a:hover {
    font-size: 25px;
    font-weight: bold;
}

.desc-produto {
    font-size: 11px;
    margin-left: 13%;
    font-weight: bold;
    width: 63% !important;
    border: transparent 2px;
    color: #12934d;
    background-color: transparent;
    display: block;
    margin-top: 5px;
    margin-right: -10%;
    float: right;
}

@media only screen and (min-width: 1399px) and (max-width: 1600px) {
    .desc-produto {
        margin-right: 0%;
    }
}

@media only screen and (min-width: 1219px) and (max-width: 1400px) {
    .desc-produto {
        margin-right: 5%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1220px) {
    .desc-produto {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .desc-produto {
        width: 35% !important;
        margin-left: 45%;
        float: none;
    }

}

/* HEADER */

#fullheader-desktop {
    display: block;
}

#fullheader-mobile {
    display: none;
}

.header-container {
    width: 100%;
    margin: auto;
}

.header-contato-container-mobile {
    display: none;
}

.header-logo {
    background: url(../imgs/digitalSign-logo.svg) no-repeat left;
    width: 400px;
    height: 65px;
    /*    margin-bottom: 5px;*/
    margin-left: 1vmin;
    box-sizing: border-box;
    background-size: contain;
    padding: 50px;
}

.header-div-logo {
    display: flex;
    float: left;
}

.header-nav {
    float: left;
    margin-top: 10px;
    width: 0px;
}

.header-nav-sup {
    margin-left: 1vmin;
}

.header-login {
    float: right;
    background: transparent;
    padding: 7px 10px 0px 10px;
    /*    height: 92px;*/
    width: 100%;
}

.header-login-user {
    float: left;
    width: 65%;
    text-align: right;
    margin-left: 5%;
}

.header-login-form {
    float: right;
    width: 50%;
}

.header-logout-form {
    float: right;
    width: 50%;
}

.header-pub-certificado {
    background-color: rgba(0, 165, 81, 0.85)
}

.header-pub-certificado button {
    background-color: #FFE900;
    font-family: 'Roboto-semibold-condensed';
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    color: rgba(0, 165, 81, 0.85);
    margin-right: -3px;
    margin-left: 2%;
}

.header-pub-certificado p {
    text-align: center;
    font-weight: 900;
    font-size: 200%;
    padding-top: 2%;
    padding-bottom: 2%;
    color: white;
}

.header-pub-certificado-botao-fechar {
    background: rgba(0, 0, 0, 0) url(../images/bt_remove.png) no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
    float: right;
    margin-top: 0.3%;
    margin-right: 0.3%;
}

.header-login-label a:first-child {
    padding-left: 0px;
}

.header-login-label a {
    font-size: 11px;
    padding-left: 3px;
    color: #304f61;
    font-style: italic;
}

.header-login button {
    background: #E8F0FE;
    color: black;
    padding: 3px 15px;
    font-weight: 400;
    margin-left: 2%;
    border-radius: 10px;
    font-size: 12px;
    float: right;
}

.button-login {
    font-size: 20px;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    padding: 3px 0px;
    border-radius: 5px;
    border: 1px solid #757575;
}

.button-login:active {
    transform: translateY(2px);
}

.button-login div {
    display: inline;
}

.header-login-label {
    /*    padding-top: 4px;*/
    /*    width: 25%; */
    float: right;
}

.header-login-label a:hover {
    color: #12934d;
}

.header-login-input {
    margin-bottom: 1%;
    float: right;
    width: 25%;
    margin-left: 2%;
}

.header-login-input ::placeholder {
    color: black;
    opacity: 1;
}

.header-login-input input {
    width: 105%;
    box-sizing: border-box;
    background: #E8F0FE;
    border: 0;
    border-radius: 10px;
    color: black;
}

.logHeader {
    width: 100%
}

.header-contato-container {
    float: right;
    margin-right: 2%;
    margin-top: 0.5%;
}

.header-tel {
    padding-left: 33px;
    font-size: 18px;
    /*line-height: 36px;*/
    line-height: 25px;
    color: #818285;
    font-family: 'Roboto-semibold';
    margin-top: 10px;
    /*display: none;*/
}

.header-whats {
    padding-left: 17%;
    font-size: 18px;
    /*line-height: 36px;*/
    line-height: 25px;
    color: #818285;
    font-family: 'Roboto-semibold';
    margin-top: 10px;
    /*display: none;*/
}

.header-contato-container span img {
    vertical-align: bottom;
    height: 25px;
}

.header-nav-inf {
    width: 90%;
}

.header-menu {
    float: left;
    display: flex;
    width: 78vw;
    font-size: 14px;
}

.header-menu-item {
    text-decoration: none;
    color: #000;
    font-family: 'Raleway-SemiBold', sans-serif;
    margin-right: 1.5vmin;
    font-weight: bold;
}

.header-menu-item:first-child {
    margin-top: -2px;
}

.header-menu-item:hover {
    color: #00994a;
}

.header-menu-separator {
    margin: 0 10px;
}

.header-social {
    border: solid 1px #d3d5d6;
    display: flex;
    margin-top: 9px;
    margin-right: 0px;
    float: right;

}

.header-social div {
    padding: 4px;
}

.header-ico-facebook {
    background: url(../imgs/ico-header-facebook.png) no-repeat center;
    width: 14px;
    height: 14px;
    padding-left: 14px !important;
}

.header-ico-facebook:hover {
    background: url(../imgs/ico-header-facebook-hover.png) no-repeat center;
}

.header-ico-twitter {
    background: url(../imgs/ico-header-twitter.png) no-repeat center;
    width: 14px;
    height: 14px;
}

.header-ico-twitter:hover {
    background: url(../imgs/ico-header-twitter-hover.png) no-repeat center;
}

.header-ico-youtube {
    background: url(../imgs/ico-header-youtube.png) no-repeat center;
    width: 14px;
    height: 14px;
    padding-right: 14px !important;
}

.header-ico-youtube:hover {
    background: url(../imgs/ico-header-youtube-hover.png) no-repeat center;
}

#header-mobile,
.menu-mobile {
    display: none;
}


.container-menu {
    margin-right: auto;
    margin-left: auto;
}

.navbar-default {
    /*            float: right;*/
    width: 100%;
    background: rgba(0, 165, 81, 0.85);
    color: #fff;
    padding: 0;
}

.navbar-default .navbar-nav .nav-link {
    color: #fff !important;
    padding: 15px 20px;
    font-size: 14px;
    font-family: 'Raleway';
}

.navbar-default .navbar-nav .nav-item:hover .nav-link,
.navbar-default .navbar-nav .nav-item:focus .nav-link {
    background-color: #00A551;
    color: #FFF;
}

.zoom-in-out {
    animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.05, 1.05);
    }

    100% {
        transform: scale(1, 1);
    }
}

.black-friday-badge {
    background-color: #028E47;
    padding: 2px 5px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.fc-white {
    color: #FFFFFF;
}

.fc-yellow {
    color: #FEF200
}

.bfstyle {
    background-color: rgb(0, 0, 0, 0.85) !important;
    color: white !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s, color 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.bfstyle:focus,
.bfstyle:hover {
    color: white !important;
    text-decoration: none !important;
    background-color: rgb(0, 0, 0, 0.95) !important;
}

.dropdown-menu {
    background: rgba(0, 165, 81, 0.85);
    border-radius: 0;
    margin-top: -1px;
}

.dropdown-item,
.cert-dig-dropdown,
.cert-serv-dropdown,
.sol-corp-dropdown {
    color: #fff;
}

.dropdown-item:focus,
.dropdown-item:hover,
.cert-dig-dropdown:focus,
.cert-dig-dropdown:hover,
.cert-serv-dropdown:focus,
.cert-serv-dropdown:hover,
sol-corp-dropdown:focus,
.sol-corp-dropdown:hover {
    color: #FFF;
    text-decoration: none;
    background-color: rgba(5, 123, 63, 0.9);
}

.img-cart {
    width: 15px;
    height: auto;
    position: relative;
    top: 2px;
}

/* BANNER ESTATICO */
/*.main{
   margin-top: 155px; 
} */
.banner-quem-somos-container a {
    display: none;
}

.banner-produtos {
    background: url(../imgs/img-banner-produtos.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 450px;
    float: left;
    margin-top: 100px;
}

.banner-quem_somos {
    width: 100%;
    /*  height: 400px;*/
    float: left;
    /*  margin-top: 155px; */

}

.banner-quem-somos-container img {
    /*width: 1440px;*/
    max-width: 100%;
    height: auto;
}

.banner-box {
    background: rgba(18, 136, 74, 0.8);
    width: 40vmin;
    height: 17vmin;
    position: absolute;
    right: 0;
    margin-top: 8vmin;
}

.banner-quem-somos-container {
    overflow: hidden;
    /*height: 400px;*/
}

.banner-texto {
    font-family: 'Roboto', sans-serif;
    line-height: 4vmin;
    color: #FFF;
    width: 70%;
    margin: auto;
    text-align: center;
    position: relative;
    top: -2vmin;
    font-size: 3vmin;
}

.banner-open-quote {
    background: url(../imgs/img-open-quote.png) no-repeat;
    position: relative;
    width: 6vmin;
    height: 6vmin;
    top: 1vmin;
    left: 1vmin;
    background-size: 80% auto;

}

.banner-close-quote {
    background: url(../imgs/img-close-quote.png) no-repeat;
    position: relative;
    width: 6vmin;
    height: 6vmin;
    bottom: 5vmin;
    right: 1vmin;
    float: right;
    background-size: 80% auto;
}

.boleto_data {
    margin-right: 15%;
    margin-left: 15%;
}


/* CONTENT */


.content {
    width: 980px;
    margin: auto;
    display: table;
    /*padding-top: 50px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

.left-col-small {
    float: left;
    width: 34%;
}

.right-col-large {
    float: right;
    width: 66%;
}

.submenu-produtos {
    background: #12934d;
    width: 200px;
    color: #FFF;
    /*font-family: 'myriad-semibold-condensed';*/
    font-family: 'Raleway', sans-serif;
    line-height: 26px;
    /*#font-size: 22px;*/
    font-size: 18px;
    padding: 20px;
}

.submenu-produtos a {
    /*font-family: 'myriad-light-condensed';*/
    font-family: 'Raleway', sans-serif;
    line-height: 26px;
    text-decoration: none;
    color: #FFF
}

.submenu-produtos a:hover {
    color: #000;
}

.submenu-quem_somos {
    width: 210px;
    color: #000;
    /*ont-family: 'myriad-light-condensed';*/
    font-family: 'Raleway', sans-serif;
    /*font-size: 22px;*/
    font-size: 15px;
    padding: 20px;
    padding-left: 0px;
    /*line-height: 30px;*/
    line-height: 25px;
    left: 0px;
    position: relative;
}

.submenu-quem_somos a {
    color: #000;
    cursor: pointer;
}

.submenu-quem_somos a:hover,
.submenu-quem_somos-item-active {
    color: #239c5b !important;
}

.submenu-quem_somos-item {
    color: #000;
}

.titulo-01 {
    /*font-family: 'myriad-light-condensed';*/
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    color: #5a595b;
    font-size: 30px;
    line-height: 40px;
}

.produtos-titulo-01 {
    background: url(../imgs/ico-produtos-carrinho.png) no-repeat center top;
    padding-top: 80px;
    width: 400px;
    margin: auto;
    margin-top: 25px;
    text-align: center;
}

.texto-01 {
    /*font-family: 'myriad-light-condensed';*/
    font-family: 'Roboto', sans-serif;
    color: #5a595b;
    /*font-size: 22px;*/
    /*line-height: 24px;*/
    font-size: 14px;
    line-height: 19px;
    /*    padding-top: 20px;*/
    display: none;
}

.texto-01-active {
    display: block;
}

.video-home {
    height: 35vw;
    overflow: hidden;
}

/* FASTBUY */

.fastbuy-box {
    border: solid 1px #c8c1c2;
    padding: 20px;
    background-color: #fff;
    text-align: center;
}

.fastbuy-box-productlist {
    padding: 20px;
    background-color: #fff;
}

.fastbuy-container-inferior {
    /*display: inline-block;*/
}

.submenu-produtos-combobox {
    display: none;
}

.cms-certificados-digitais .fastbuy-box {
    /* border: solid 1px #c8c1c2; */
    padding: 2% 2% 2% 2%;
    background-color: #fff;
}

.fastbuy-box .right {
    text-align: right;
    /*    padding-right: 10px;*/
}

.fastbuy-box .center {
    text-align: center;
}

.fastbuy-container-superior {
    float: right;
}

.fastbuy-container-superior-esq {
    display: inline-block;
    width: auto;
    text-align: left;
    margin-top: 3%;
    margin-left: 4%;
}

.fastbuy-titulo-01 {
    font-family: 'Roboto-light-condensed';
    font-size: 34px;
    color: #5a595b;
}

.fastbuy-etapas-container {
    display: flex;
    margin-top: 20px;
}

.fastbuy-etapas-item {
    text-transform: uppercase;
    font-family: 'Roboto-semibold-condensed';
    color: #000000;
    font-size: 16px;
    margin-right: 15px;
}

.fastbuy-etapas-item span {
    background: #a1a1a1;
    color: #FFF;
    padding: 8px 10px 6px 10px;
    margin-right: 5px;
}

.fastbuy-etapas-item .active {
    background: #12934d;

}

.boxFiltros {
    border: 1px solid #12934d;
    border-top: none;
}

.filtros {
    padding: 2%;
    padding-bottom: 0;
}

.tab-content {
    padding: 2%;
    padding-top: 0;
}


.fastbuy-cod-promo {
    /*  background: #ebebeb; */
    /*    width: 40%;*/
    padding: 1px;
    position: relative;
    text-align: center;
    display: inline-block;
    float: right;
}

.fastbuy-cod-promo-titulo {
    font-family: 'Roboto-semibold-condensed';
    color: #12934d;
    font-size: 28px;
    margin-bottom: 6px;
}

.fastbuy-cod-promo input {
    width: 180px;
    height: 13px;
}

.fastbuy-cod-promo button {
    background: #12934d;
    color: #FFF;
    font-size: 14px;
    height: 35px;
    padding: 1% 3% 1% 3%;
    border-radius: 8px;
}

.carrinhoInfo {
    width: 300px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    float: left;
    width: 30%;
    padding-top: 1%;
    text-align: left;
    font-size: 15px;
    padding-left: 5%;
}

.buttonComprar {
    float: right;
    width: 24%;
    padding-top: 1.5%;
}

.fastbuy-cod-promo-texto {
    font-family: 'Roboto-light-condensed';
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 6px;
}

.fastbuy-cod-promo-texto a {
    color: #000;
    font-family: 'Roboto-semibold-condensed';
}

.fastbuy-cod-promo-texto a:hover {
    color: #12934d;
}

.fastbuy-info-produto {
    /*  width: 360px; */
    margin-top: 40px;
    line-height: 20px;
    color: #5a595b;
    /*  display: inline-block; */
    text-align: left;
}

.fastbuy-img-produto {
    margin-bottom: 51px;
    float: left;
    width: 35%;
}

.fastbuy-caracteristicas-produto-aba {
    background: url(../imgs/img-aba-fastbuy-caracteristicas.jpg) no-repeat left top;
    background-size: contain;
    width: 100%;
    height: 26px;
    float: left;
    margin-bottom: -21px;
}

.fastbuy-caracteristicas-produto-titulo {
    float: right;
    font-weight: bold;
    width: 65%;
    font-size: 24px;
    color: #12934d;
}

.fastbuy-caracteristicas-produto-titulo p {
    font-size: 16px;
    text-align: justify;
    color: black;
}

.fastbuy-caracteristicas-produto-titulo a {
    font-size: 16px;
    text-align: justify;
    padding-bottom: 16px;
}

.fastbuy-caracteristicas-produto-texto {
    font-size: 16px;
    margin-bottom: 7%;
}

.fastbuy-produtos-table-container {
    display: inline-block;
    width: 100%;
    /*margin-left: 20px;*/
    vertical-align: top;
    margin-top: 20px;
}

.fastbuy-produtos-table {
    width: 100%;
    /*background: #c8c1c2;*/
    border-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.fastbuy-valor-2 {
    color: #12934d !important;
}

.fastbuy-produtos-table tr:nth-child(odd) {
    background: white;
    border: #99999A 2px solid;
    border-left: none;
    border-right: none;
}

.fastbuy-produtos-table tr:nth-child(even) {
    background: even;
    border: #99999A 2px solid;
    border-left: none;
    border-right: none;
}

.fastbuy-produtos-table tr td {
    color: #404040;
    padding: 10px 0;
    vertical-align: middle;
    text-align: center;
    width: 84px;
    /*  border: #99999A 1px solid;*/
}

.fastbuy-produtos-table tr td a {
    font-size: 13px;
    color: #404040;
    font-weight: normal;
    /*  color:black;
	font-weight:bold;*/
}

.fastbuy-produtos-table tr td p {
    font-size: 14px;
    color: #5a595b;
    font-weight: bold;
}

.fastbuy-produtos-table tr td:last-child {
    /*font-family: 'myriad-semibold-condensed';*/
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.fastbuy-valor {
    /*font-size: 12px !important;*/
}

.fastbuy-total {
    /*font-size: 16px !important;*/
    text-align: center;
    font-weight: bold;
}

.fastbuy-total:first-child {
    text-align: center;
    padding-left: 10px;
}

.fastbuy-produtos-table tr:first-child td {
    /*font-family: 'myriad-light-condensed';*/
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.fastbuy-produtos-table tr td button a {
    font-family: Roboto-Light;
    font-size: 16px;
}

.fastbuy-produtos-table tr td:first-child {
    /*font-family: 'myriad-light-condensed';*/
    /*font-size: 20px;*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    width: 90px;
}

.fastbuy-produtos-table td:nth-child(2) {
    width: 120px
}

.fastbuy-produtos-table td input[type="number"] {
    width: 40%;
    padding: 5px 0px 2px 15px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
}

.btn-comprar-superior {
    /*   background: url(../imgs/ico-btn-comprar.png) no-repeat 88% center; */
    background-size: 25px;
    background-color: #12934d;
    font-family: 'Roboto-semibold-condensed';
    font-size: 20px;
    padding: 10px 35px 6px 35px;
    color: #FFF;
    float: right;
    margin-right: -3px;
    /*margin-top: 13px; */
    border-radius: 4px;
    width: 70%;
}

.btn-comprar-inferior {
    /*background: url(../imgs/ico-btn-comprar.png) no-repeat 88% center;*/
    background-size: 25px;
    background-color: #12934d;
    font-family: 'Roboto-semibold-condensed';
    font-size: 20px;
    padding: 10px 35px 6px 35px;
    color: #FFF;
    float: right;
    margin-right: -3px;
    margin-top: 13px;
}

.sacola-compras-divisoria {
    margin-top: 2%;
    margin-bottom: 2%;
    border-bottom: 1px solid #CCCCCC
}

.asterisco:after {
    content: "*";
    color: red;
}

/* HOME */
.videoBanner {
    width: 100%;
    -moz-transition-duration: 5s;
    margin-top: -10vw;
}

.espaco-menu {
    height: 90px;

}

.section-slider-home {
    width: 100%;
}


.slider-content {
    max-width: 100%;
    margin: auto;
}

.section-menu-produto {
    position: relative;
    margin-bottom: -20px;
}

/*.div-menu-produto{ height: 240px; }*/

.div-fastbuy {
    position: relative;
    height: 100%;
    width: 1200px;
    /*margin-top: -20px;*/
    margin-bottom: 50px;
}

.menu-produto-principal {
    width: 20%;
    min-height: 185px;
    max-height: 185px;
    /*  height: 155px;*/
    float: left;
    text-align: center;
    /*background: #fafafa;*/
    background: #f2f2f2;
    padding: 20px 0 30px;
    -webkit-box-shadow: inset 0px 0px 0px 2px #FFF;
    -moz-box-shadow: inset 0px 0px 0px 2px #FFF;
    box-shadow: inset 0px 0px 0px 2px #FFF;
}

.menu-produto-principal:hover {
    /*background: #e3e3e3;*/
    background: #d9d9d9;
}

.menu-produto-principal-top {
    height: 90px;
    padding-top: 5px;
    background-color: #ebebeb;
    text-align: center;
}

.menu-produto-principal-bottom {
    height: 91px;
    padding-top: 10px;
    background-color: #818285;
    text-align: center;
}

.menu-produto-principal.ultimo {
    margin-right: 0px;
}

.menu-produto {
    width: 225px;
    /*  height: 285px;*/
    margin-right: 20px;
    /*float: left;*/
    display: inline-block;
}

.menu-produto.ultimo {
    margin-right: 0px;
}

.img-produto-principal {
    opacity: .75;
    width: 120px;
    height: 120px;
    margin-right: 30px;
    float: left;
}

.hover-opacity {
    opacity: 0.55;
}

.container {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
}

.container-noticias {
    /*  width: 980px;*/
    /*  margin-right: auto;*/
    margin-left: 10%;
}

.div-fastbuy .container {
    width: 100%;
}

.cms-certificados-digitais .div-fastbuy .container {
    width: 100% !important;
}

.container-faturamento {
    width: 100%;
}

.container-faturamento .fastbuy-box {
    padding: 40px 140px;
}

.menu-produto-principal-top {
    height: 90px;
    padding-top: 5px;
    text-align: center;
}

.menu-produto-top {
    height: 85px;
    padding-top: 20px;
    text-align: center;
    background: #ebebeb;
}

.menu-produto-principal-bottom {
    height: 91px;
    padding-top: 10px;
    text-align: center;
}

.menu-produto-bottom {
    height: 165px;
    padding-top: 10px;
    text-align: center;
    background: #ebebeb;
    padding-bottom: 30px;
}

.link-produto {
    cursor: pointer;
    width: 270px;
    margin: auto;
}

.link-produto.ativo {
    cursor: default;
    pointer-events: none;
}

.titulo-produto-principal {
    color: #000;
    line-height: 10px;
    text-align: center;
    font-family: 'Roboto-semibold';
    font-size: 22px;
    margin-top: 10px;
}

.subtitulo-produto-principal {
    color: #000;
    line-height: 20px;
    text-align: center;
    font-family: 'Roboto-light';
    font-size: 13px;
    margin-top: 6px;
    /*margin-bottom: 8px;*/
}

.preco-produto-principal {
    color: #12934d;
    line-height: 20px;
    text-align: center;
    font-family: 'Roboto-semibold';
    font-size: 22px;
    margin-top: 8px;
    display: inline-block;
}

.preco-produto-principal-combo {
    color: #12934d;
    line-height: 25px;
    text-align: center;
    font-family: 'Roboto-semibold';
    font-size: 22px;
}

.preco-produto-principal-old {
    line-height: 25px;
    text-align: center;
    font-family: 'Roboto-semibold';
    font-size: 16px;
    --bs-text-opacity: 1;
    color: #a5a3ae !important;
}

.preco-produto {
    color: #12934d;
    line-height: 20px;
    text-align: center;
    font-family: 'Roboto-semibold';
    font-size: 22px;
    margin-top: 15px;
    display: inline-block;
}

.preco-produto-principal2 {
    color: #12934d;
    line-height: 20px;
    text-align: center;
    font-family: 'Roboto-semibold';
    font-size: 22px;
    margin-top: 15px;
    display: inline-block;
}

.preco-produto-principal-alt {
    margin-bottom: 14px;
    margin-top: 28px;
}

.produto-arrow-down {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #e3e3e3;
    position: relative;
    top: 23px;
    width: 0px;
    margin: auto;
    display: none;
}

.produto-arrow-down:after {
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #FFF;
    position: relative;
    top: 17px;
    width: 0px;
    margin: auto;
}

.texto-produto-principal.ativo {
    text-decoration: underline;
}

.botao-comprar {
    background-color: #12934d;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    height: 25px;
    margin-top: 10px;
    padding: 1px 13px;
}

.my-2{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.mb-2{
    margin-bottom: 2rem !important;
}

.botao-comprar2 {
    background-color: #12934d;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    height: 25px;
    margin-top: 10px;
    padding: 6px 31px;
    border-radius: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}

.botao-comprar-combo2 {
    background-color: #12934d;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 6px 31px;
    border-radius: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}

.botao-comprar.ativo {
    background-color: #000;
}


/*---- NOVA ÁREA DE COMPRAS ----*/

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    width: 100%;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px 32px !important;
    margin-top: 20px;
}

.card-header {
    opacity: 0.60;
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.1;
    /*  border-bottom: 3px solid #12934d;*/
}

.card-header-image {
    width: 20%;
    float: right;
    text-align: right;
}

.checkcontainer {
    /*  display: block;*/
    position: relative;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*  padding-right:40px;*/
}

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

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked~.checkmark {
    background-color: #9AD2AB;
}

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

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

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

/*--------------------------------*/

.botao-comprar2.ativo {
    background-color: #000;
}

/*.botao-comprar img{
  width: 20px!important; 
  padding-top: 3px;
}*/

.fastbuy-background {
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}

.hidden-fastbuy {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}

.home-marcador-fixo {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #c8c1c2;
    position: relative;
    left: 80px;
    top: -33px;
}

.home-marcador-fixo:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    position: absolute;
    top: 2px;
    left: -11px;
}


.home-marcador1 {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #c8c1c2;
    position: relative;
    display: none;
}

.home-marcador1:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    position: absolute;
    top: 2px;
    left: -11px;
    display: none;
}

.home-marcador2 {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #c8c1c2;
    position: relative;
    display: none;
}

.home-marcador2:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    position: absolute;
    top: 2px;
    left: -11px;
    display: none;
}

.home-marcador3 {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #c8c1c2;
    position: relative;
    display: none;
}

.home-marcador3:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    position: absolute;
    top: 2px;
    left: -11px;
    display: none;
}

.home-marcador4 {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #c8c1c2;
    position: relative;
    display: none;
}

.home-marcador4:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    position: absolute;
    top: 2px;
    left: -11px;
    display: none;
}

.home-marcador5 {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #c8c1c2;
    position: relative;
    display: none;
}

.home-marcador5:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    position: absolute;
    top: 2px;
    left: -11px;
    display: none;
}


.separador-top {
    text-align: center;
}

.div-satisfacao {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}

.section-bandeiras {
    width: 100%
}

.bandeiras-container {
    width: 50%;
    margin: auto;
    text-align: left;
}

.titulo-igual-mundo {
    font-size: 35px;
    margin-top: 5%;
    padding: 10px 0;
    font-family: 'Roboto-light-condensed';
    color: #5a595b;
    display: inline-block;
    width: 100%
}

.img-bandeiras {
    padding-top: 10px;
    width: 69%;
    margin-left: 15px;
    display: inline-block;
    top: 4px;
    position: relative;
}


.container-satisfacao {
    width: 100%;
}

.container-titulo-satisfacao {
    font-family: 'Raleway';
    font-size: 32px;
    color: #12934d;
    font-weight: bold;
    margin-bottom: 2%;
    margin-top: 18%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.container-left-satisfacao {
    width: 50%;
    float: left;
}

.container-right-satisfacao {
    width: 50%;
    float: right;
}


.titulo-satisfacao {
    font-family: 'Roboto-light-condensed';
    font-size: 20px;
    color: #5a595b;
}

.subtitulo-satisfacao {
    font-family: 'Roboto-light-condensed';
    font-size: 43px;
    color: #5a595b;
}


.div-video-mundo {
    width: 100%;
    height: 280px;
    margin-bottom: 100px;
    display: none;
}

.div-video-mundo a {
    opacity: 1;
    display: block;
    text-decoration: none;
}

.div-video-mundo a:hover {
    opacity: 0.8 !important;
}

.background-video-mundo {
    width: 100%;
    height: 270px;
    background-image: url('../imgs/fundo-video-mundo.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.image-video-mundo {
    display: inline-block;
    padding-left: 17px;
    width: 566px;
}

.texto-video-mundo {
    font-family: 'Roboto-light-condensed';
    font-size: 40px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-left: 55px;
    padding-top: 55px;
    color: #000;
}

.titulo-outras-solucoes {
    font-family: 'Raleway';
    font-size: 32px;
    color: #818285;
    margin-bottom: 10px;
}

.titulo-produto-outros {
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'Roboto-light-condensed';
    font-size: 20px;
    color: #5d5d5d;
    font-weight: 400;
    text-align: center;
    padding: 0 20px;
}

.texto-produto-outros {
    color: #5d5d5d;
    line-height: 18px;
    text-align: center;
    font-family: 'Roboto-light';
    font-size: 14px;
    padding: 0 20px;
    height: 85px;
    text-decoration: none;
}

/* VIDEO POPUP HOMEPAGE*/
.video-container {
    padding: 25px 0 10px 0;
}

.video-grid {
    max-width: 830px;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.video-grid ul li {
    max-width: 400px;
    margin: 2px;
    float: left;
    padding: 10px 5px 10px 5px;
}

.video-grid ul li p {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    background-color: #12934d;
    padding: 5px;
    margin: -5px 0 0 0;
}

.title-video-grid {
    font-family: 'Raleway';
    font-size: 32px;
    color: #818285;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*-----------------------------------------Pagina Noticias-----------------------------------------*/
.section-noticias-contato2 {
    margin-bottom: 110px;
}

.div-noticias-contato2 {
    display: inline-block;
    vertical-align: top;
    margin-left: 45px;
    width: auto;
}

.slider-vertical2 {
    width: auto;
    height: auto;
    display: inline-block;
}

.div-noticias-imagens {
    display: inline-block;
    width: 25%;
    padding-left: 21px;
}

.div-noticias-home2 {
    margin-top: 15px;
    border-bottom: 1px solid #989898;
    padding-bottom: 10px;
}

.other-images {
    display: inline-block;
    width: 100%;
    right: 0px;
}

.other-images img {
    width: 30%;
    /*    height: 50px;*/
}

.div-noticias-texto {
    display: inline-block;
    width: 70%;
    text-align: justify;
    padding-top: 15px;
}

/* Modal, animação da ampliação das imagens */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    padding: inherit;
}

.caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modal-content,
.caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.close {
    position: absolute;
    right: 100px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    top: 22%;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/*-----------------------------------------Pagina Noticias End-----------------------------------------*/

.texto-produto-outros.ativo {
    text-decoration: underline;
}

.image-produto-botton {
    margin-top: 20px;
}


.section-noticias-contato {
    margin-top: auto;
    margin-bottom: 50px;
    margin-top: 80px
}

.slider-vertical {
    width: 450px;
    height: 850px;
    display: inline-block;

}

.div-noticias-contato {
    display: inline-block;
    vertical-align: top;
    margin-left: 45px;
    width: 60%;

}

.titulo-home-contato {
    font-family: 'Roboto-semibold-condensed';
    font-size: 32px;
    color: #818285;
    margin-top: -5px;
    margin-bottom: 15px;
    float: left;
}

.div-redes-contato {
    display: inline-block;
    float: right;
    margin-top: -5px;
    display: none;
}

.contato-social {
    display: flex;
    float: right;
    margin-left: 15px;
    border: solid 1px #d3d5d6;
}


.contato-ico-facebook {
    background: url(../imgs/ico-header-facebook.png) no-repeat center;
    width: 14px;
    height: 14px;
    padding-left: 14px !important;
}

.contato-ico-facebook:hover {
    background: url(../imgs/ico-header-facebook-hover.png) no-repeat center;
}

.contato-ico-twitter {
    background: url(../imgs/ico-header-twitter.png) no-repeat center;
    width: 14px;
    height: 14px;
}

.contato-ico-twitter:hover {
    background: url(../imgs/ico-header-twitter-hover.png) no-repeat center;
}

.contato-ico-youtube {
    background: url(../imgs/ico-header-youtube.png) no-repeat center;
    width: 14px;
    height: 14px;
    padding-right: 14px !important;
}

.contato-ico-youtube:hover {
    background: url(../imgs/ico-header-youtube-hover.png) no-repeat center;
}

.div-contato-home {
    margin-top: 66px;
    display: none;
}

.contato-home-form-container-top {
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
    vertical-align: top;
}

.contato-home-form-container-bottom {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.contato-home-form-container-bottom p {
    margin-top: 0;
}

.contato-home-form-container-top textarea,
.contato-home-form-container-bottom input {
    font-family: 'Roboto-light-condensed';
    font-size: 18px;
    border: solid 1px #c8c1c2;
    padding: 10px 7px 7px 7px;
    width: 466px;
    -webkit-appearance: none;
    outline: none;
}

.contato-home-form-container-top textarea {
    height: 130px;
}

.btn-contato-home-enviar {
    background: #12934d;
    color: #FFF;
    font-size: 22px !important;
    font-family: Roboto-semibold-condensed !important;
    border: none !important;
    -webkit-appearance: none !important;
    outline: none !important;
    cursor: pointer;
    width: 100% !important;
}

.btn-contato-home-enviar:hover {
    background: #818285;
}

.div-noticias-home {
    margin-top: 30px;
    border-bottom: 1px solid #333333;
    padding-bottom: 15px;
}

.div-noticias-home-superior {
    margin-top: 30px;
    border-bottom: 2px solid green;
    padding-bottom: 15px;
    text-align: justify;
}

.noticia-data {
    font-family: 'Roboto-semibold';
    font-size: 46px;
    color: #65b24d;
    line-height: 20px;
    display: inline-block;
    border-right: #818285 1px solid;
    padding-top: 5px;
    height: 48px;
    width: 17vmin;
    max-width: 134px;
}

.noticias-ano {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    float: right;
    font-size: 14px;
}

.mes {
    font-size: 20px;
}

.noticia-titulo {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    display: inline-block;
    padding-top: 8px;
    vertical-align: top;
    width: 26vmin;
}

.noticia-titulo2 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    display: inline-block;
    padding-top: 8px;
    vertical-align: top;
}

.noticia-texto {
    /*font-family: 'myriad-light';*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000000;
    line-height: 17px;
    margin-top: 15px;
    text-align: justify;
}

.noticia-link-saibaMais {
    width: 100%;
    text-align: right;
}

.noticia-link-saibaMais a {
    font-family: 'Roboto-regular';
    font-size: 15px;
    color: #00792c;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
}


.noticia-link-saibaMais a:hover {
    text-decoration: underline;
}





/* QUEM SOMOS */

.quem_somos-marcador {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #c8c1c2;
    position: relative;
    display: inline-block;
    float: left;
    margin-right: -1px;
    top: 50px;
    left: 72px;
}

.quem_somos-marcador:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 11px solid #FFF;
    position: absolute;
    top: -11px;
    left: 1px;
}

.quem_somos-box {
    border: solid 1px #c8c1c2;
    padding: 30px;
    width: 670px;
    float: right;
    display: inline-block;
    margin-top: 23px;

}

.left-col-165px {
    float: left;
    width: 165px;
}

.right-col-815px {
    float: right;
    width: 815px;
}

.bloco-contato {
    margin-bottom: 100px;
    /*width: 980px!important*/
}

#quem_somos-txt-2,
#quem_somos-txt-3,
#quem_somos-txt-4,
#quem_somos-txt-5,
#quem_somos-txt-6,
#quem_somos-txt-7 {
    display: none;
}

.breadcrumb {
    margin-left: 174px;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb-link {
    color: #757575;
}

.breadcrumb-link.ativo {
    color: #00994a;
}

/* CONTATO */


.quer-ajuda {
    background: url(../imgs/img-quer-ajuda.png) no-repeat;
    height: 118px;
    width: 110px;
    background-size: contain;
    float: right;
    right: 0px;
    top: 590px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}

.quer-ajuda:hover {
    opacity: 0.8;
}

.quer-ajuda-home {
    background: url(../imgs/ico-quero-ajuda-verde.png) no-repeat right top;
    height: 20vw;
    width: 7%;
    background-size: contain;
    float: right;
    right: 0px;
    top: 18vmin;
    z-index: 2;
    position: fixed;
    cursor: pointer;
    margin-top: 20px;
    max-height: 25vmin;
}

.quer-ajuda-home:hover {
    opacity: 0.8;
}

.televendas-home {
    background: url(../imgs/ico-televendas-verde.png) no-repeat right top;
    height: 20vw;
    width: 7%;
    background-size: contain;
    float: right;
    right: 0px;
    top: 50vmin;
    z-index: 2;
    position: fixed;
    cursor: pointer;
    max-height: 25vmin;
}

.televendas-home:hover {
    opacity: 0.8;
}

.contato-titulo {
    font-family: 'Roboto-semibold-condensed';
    font-size: 25px;
    color: #818285;
    margin-bottom: 20px;
}

.contato-form-container-esq {
    display: inline-block;
    width: 48%;
    margin-right: 34px;
    vertical-align: top;
}

.contato-form-container-dir {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.contato-form-container-dir input {
    margin-bottom: 10px;
}

.contato-form-container-dir p {
    margin-top: 0;
}

.contato-form-container-esq textarea,
.contato-form-container-dir input {
    font-family: 'Roboto-light-condensed';
    font-size: 18px;
    border: solid 1px #c8c1c2;
    padding: 10px 7px 7px 7px;
    width: 455px;
    -webkit-appearance: none;
    outline: none;
}

.contato-form-container-esq textarea {
    height: 130px;
}

.btn-contato-enviar {
    background: #12934d;
    color: #FFF;
    font-size: 22px !important;
    font-family: Roboto-semibold-condensed !important;
    border: none !important;
    -webkit-appearance: none !important;
    outline: none !important;
    cursor: pointer;
    width: 100%;
    padding: 5px;
}

/* FOOTER */

footer {
    background: #efefef;
}

.footer-container {
    /* width: 1130px; */
    margin: auto;
    padding: 50px 0;
}

.footer-logo {
    background-size: contain;
    width: 100px;
    height: 61px;
    display: inline-block;
}

.footer-social {
    /* width: 100%; */
    margin-bottom: 5%;
    display:flex;
    justify-content: space-around;
}

/*.footer-facebook, .footer-twitter, .footer-youtube {
  margin-right: 5px;
  width: 26px;
  height: 26px;
  display: inline-block;
}*/
/*.footer-facebook {
  background: url(../imgs/ico-footer-facebook.png) no-repeat;
}
.footer-twitter {
  background: url(../imgs/ico-footer-twitter.png) no-repeat;
}
.footer-youtube {
  background: url(../imgs/ico-footer-youtube.png) no-repeat;
}*/
.footer-social img {
    width: 3vmin;
    padding-left: 10px;
}

.footer-sitemap {
    margin-top: 30px;
    display: -webkit-box;
    -webkit-box-pack: center;
    display: -moz-box;
    -moz-box-pack: center;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    display: box;
    box-pack: center;
}

.footer-sitemap-container {
    text-transform: uppercase;
    font-family: 'Roboto-semibold-condensed';
    font-size: 16px;
    list-style-type: none;
    padding-right: 1vmin;
}

.footer-sitemap-container li:first-of-type {
    padding-top: 5px;
}

.footer-sitemap-container li a {
    text-transform: none;
    font-family: 'Roboto-light-condensed';
    font-size: 16px;
    position: relative;
}

.footer-sitemap-container ul a {
    padding: 10px;
}

.copyright {
    width: 100%;
    text-align: center;
    color: #000;
    background: #cccccc;
    padding: 13px 0px 9px 0px;
}



.fullscreenvideo .fullscreenvideo video {
    margin-top: -60px !important;
}



/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 DigitalSign SKIN

-----------------------------------------------------------------------------*/

.tab-background {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 105px;
    position: absolute;
    z-index: 20;
    display: none;
}

/* ARROWS */
.digitalsign.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 50%;
}

.digitalsign.tparrows:hover {
    background: #000;
}

.digitalsign.tparrows:before {
    font-family: "revicons";
    font-size: 20px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
}

.digitalsign.tparrows.tp-leftarrow:before {
    content: "\e82c";
    margin-left: -3px;
}

.digitalsign.tparrows.tp-rightarrow:before {
    content: "\e82d";
    margin-right: -3px;
}

/*Prograss Bar Cart*/
.progress {
    background: rgba(0, 0, 0, 0) url("../images/bg_pages.png") repeat scroll 0 0;
    height: 49px;
    padding-left: 10px;
    padding-top: 20px;
}

.progress li.current {
    background: #fff none repeat scroll 0 0;
    color: #333;
}

.progress li {
    color: #bbbbbb;
    float: left;
    font-size: 18px;
    margin-right: 5px;
    padding: 11px 6px;
}

.progress li strong {
    background: #bbb none repeat scroll 0 0;
    color: #fff;
    margin-right: 0;
    padding: 5px 10px;
}

strong {
    font-weight: bold;
}

.progress li.link:hover strong,
.progress li.current strong {
    background: #12934d none repeat scroll 0 0;
    color: #fff;
}

.button-grey {
    background-color: #999999;
    cursor: pointer;
    font-size: 13px;
    overflow: hidden;
    padding: 3px 8px;
    min-width: 100px;
    text-align: center;
}

button,
.button {
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

/*Cart*/
.cart .subtitle {
    color: #12934d;
    font-size: 20px;
    margin-bottom: 10px;
}

.subtitle {
    color: #555;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.cart p.destaque {
    color: #12934d;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cart table {
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.cart table th {
    background: #ececec none repeat scroll 0 0;
    font-size: 14px;
    font-weight: bold;
}

.cart table th,
.cart table td {
    padding: 10px 5px;
}

caption,
th {
    text-align: left;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

.cart .input-text {
    border: 1px solid #ccc;
    padding: 2px;
    text-align: center;
    width: 50px;
}

.cart table tfoot td {
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.cart table td {
    border-bottom: 1px solid #cccccc;
}

.cart table th,
.cart table td {
    padding: 10px 5px;
}

.cart table td .product-title {
    color: #01723e;
    font-size: 12px;
    margin-bottom: 5px;
}

.cart table td .product-image {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

.button-remove {
    background: rgba(0, 0, 0, 0) url("../images/bt_remove.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}


/* BULLETS */
.digitalsign.tp-bullets {}

.digitalsign.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
    border-radius: 8px;

}

.digitalsign .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #999999;
    /* old browsers */
    background: -moz-linear-gradient(top, #999999 0%, #e1e1e1 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999),
            color-stop(100%, #e1e1e1));
    /* chrome,safari4+ */
    background: -webkit-linear-gradient(top, #999999 0%, #e1e1e1 100%);
    /* chrome10+,safari5.1+ */
    background: -o-linear-gradient(top, #999999 0%, #e1e1e1 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(top, #999999 0%, #e1e1e1 100%);
    /* ie10+ */
    background: linear-gradient(to bottom, #999999 0%, #e1e1e1 100%);
    /* w3c */
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#999999", endcolorstr="#e1e1e1", gradienttype=0);
    /* ie6-9 */
    border: 3px solid #e5e5e5;
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}

.digitalsign .tp-bullet:hover,
.digitalsign .tp-bullet.selected {
    background: #666;
}

.digitalsign .tp-bullet-image {}

.digitalsign .tp-bullet-title {}


/* THUMBS */
.digitalsign .tp-thumb {
    opacity: 1;
    -webkit-perspective: 600px;
    perspective: 600px;

}

.digitalsign .tp-thumb .tp-thumb-title {
    font-size: 12px;
    position: absolute;
    margin-top: -10px;
    color: #fff;
    display: block;
    z-index: 1000;
    background-color: #000;
    padding: 5px 10px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: rotatex(90deg) translatez(0.001px);
    transform-origin: 50% 100%;
    -webkit-transform: rotatex(90deg) translatez(0.001px);
    -webkit-transform-origin: 50% 100%;
    opacity: 0;
}

.digitalsign .tp-thumb:hover .tp-thumb-title {
    transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    opacity: 1;
}

/* TABS */
.digitalsign .tp-tab {
    opacity: 1;
    padding: 10px;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    z-index: 2;
}

.digitalsign .tp-tab-image {
    width: 35px;
    height: 35px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    display: inline-block;
    float: right;
    margin-right: -5px;

}

.digitalsign .tp-tab-content {
    background: rgba(0, 0, 0, 0);
    position: relative;
    left: 0px;
    overflow: hidden;
    padding-top: 8px;
    padding-left: 11px;
    margin-top: -15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.digitalsign .tp-tab-date {
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 15px;
    text-align: left;
    font-family: 'Roboto-light-condensed'
}

.digitalsign .tp-tab-title {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-transform: none;
    line-height: 30px;
    font-family: 'Roboto-light-condensed'
}

.digitalsign .tp-tab:hover .tp-tab-content,
.digitalsign .tp-tab.selected .tp-tab-content {
    background: rgba(0, 154, 57, .3);

}

.digitalsign .tp-tab-mask {
    width: 980px;
}



/*-----------------------------------------------------------------------------

- Revolution Slider 5.0 Navigatin Skin Style  -

 digitalsign-vertical SKIN

author:  ThemePunch
email:      info@themepunch.com
website:    http://www.themepunch.com
-----------------------------------------------------------------------------*/
/* ARROWS */
.digitalsign-vertical.tparrows {
    cursor: pointer;
    min-width: 40px;
    min-height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    border-radius: 35px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.10);
}

.digitalsign-vertical.tparrows:before {
    font-family: "revicons";
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 42px;
    text-align: center;
    z-index: 2;
    position: relative;
}

.digitalsign-vertical.tparrows.tp-leftarrow:before {
    content: "\e824";
}

.digitalsign-vertical.tparrows.tp-rightarrow:before {
    content: "\e825";
}

.digitalsign-vertical .tp-title-wrap {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    border-radius: 50%;
}

.digitalsign-vertical .tp-arr-imgholder {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;

}

.digitalsign-vertical.tp-rightarrow .tp-arr-imgholder {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.digitalsign-vertical.tparrows:hover .tp-arr-imgholder {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}

.digitalsign-vertical.tparrows:hover .tp-title-wrap {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}


/* BULLETS */
.digitalsign-vertical .tp-bullet {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 13px;
    height: 13px;
    border: 2px solid #333;
}

.digitalsign-vertical .tp-bullet:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50%;
    background-color: #333;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}

.digitalsign-vertical .tp-bullet:hover:after,
.digitalsign-vertical .tp-bullet.selected:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.digitalsign-vertical .tp-bullet-image,
.digitalsign-vertical .tp-bullet-imageoverlay {
    width: 135px;
    height: 60px;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    bottom: 25px;
    left: 50%;
    margin-left: -65px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 4px;

}


.digitalsign-vertical .tp-bullet-title,
.digitalsign-vertical .tp-bullet-imageoverlay {
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.digitalsign-vertical .tp-bullet-title {
    color: #fff;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    font-weight: 600;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 45px;
    width: 135px;
    vertical-align: middle;
    left: -57px;
}

.digitalsign-vertical .tp-bullet:hover .tp-bullet-title,
.digitalsign-vertical .tp-bullet:hover .tp-bullet-image,
.digitalsign-vertical .tp-bullet:hover .tp-bullet-imageoverlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* THUMBS */
.digitalsign-vertical .tp-thumb {
    opacity: 1
}

.digitalsign-vertical .tp-thumb-over {
    background: #000;
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.digitalsign-vertical .tp-thumb-more:before {
    font-family: "revicons";
    font-size: 12px;
    color: #aaa;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    line-height: 12px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}

.digitalsign-vertical .tp-thumb-more:before {
    content: "\e825";
}

.digitalsign-vertical .tp-thumb-title {
    font-family: "Raleway";
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
    display: block;
    line-height: 15px;
    text-align: left;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 20px 35px 20px 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-weight: 500;
}

.digitalsign-vertical .tp-thumb.selected .tp-thumb-more:before,
.digitalsign-vertical .tp-thumb:hover .tp-thumb-more:before {
    color: #aaa;

}

.digitalsign-vertical .tp-thumb.selected .tp-thumb-over,
.digitalsign-vertical .tp-thumb:hover .tp-thumb-over {
    background: #000;
}

.digitalsign-vertical .tp-thumb.selected .tp-thumb-title,
.digitalsign-vertical .tp-thumb:hover .tp-thumb-title {
    color: #fff;

}


/* TABS */
.digitalsign-vertical .tp-tab {
    opacity: 1;
    box-sizing: border-box;
}

.digitalsign-vertical .tp-tab-title {
    display: block;
    text-align: center;
    background: rgba(0, 0, 0, 0.25);
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding: 9px 10px;
}

.digitalsign-vertical .tp-tab:hover .tp-tab-title,
.digitalsign-vertical .tp-tab.selected .tp-tab-title {
    color: #000;
    background: rgba(255, 255, 255, 1);
}

.clear {
    clear: both;
}


.div-pagamento {
    height: 467px;
    margin-top: 50px;
}

/*-----------------------------------------------------------------*
/* Checkout Customization
/*-----------------------------------------------------------------*/
.checkout-customization .blocks-wrapper {
    padding: 0;
}

.checkout-customization .customization {
    padding: 20px;
}

.checkout-customization .customization strong {
    font-weight: bold;
    color: #333;
}

.checkout-customization h2 {
    color: #12934d;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.checkout-customization .actions {
    text-align: right;
    padding: 10px 10px 10px 10px;
}

.checkout-customization .customization .certificate-title {
    border: 1px solid #ddd;
    font-size: 15px;
    padding: 6px 10px;
    color: #fff;
    margin-bottom: 15px;
    background: #12934d;
}

.checkout-customization .col-1 {
    margin-bottom: 25px;
}

.checkout-customization .form-fields label {
    display: block;
    font-family: "Roboto-light";
    padding-bottom: 0px;
    padding-top: 0px;
}

.checkout-customization .block-title h1,
.block-title h2,
.block-title h3 {
    color: #12934d;
    display: inline-block;
    font-size: 20px;
    padding: 3px 0;
    text-transform: uppercase;
}

.checkout-customization .block-title {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 10px;
}


/* PAGAMENTO */
.checkout-payment h2 {
    color: #73A533;
    font-family: 'Roboto-semibold';
    font-size: 18px;
    margin-bottom: 10px;
}

.checkout-payment ul li img {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}

.checkout-payment ul li img:hover {
    box-shadow: 0 0 4px #8bbe49;
}

.checkout-payment ul li label {
    cursor: pointer;
    font-family: 'Roboto-semibold';
    color: #333;
    position: relative;
    top: -1px;
    padding-left: 2px;
    padding-right: 15px;
}

.checkout-payment ul li input {
    cursor: pointer;
    width: auto;
}

.checkout-payment ul li.input-text {
    font-family: 'Roboto-light-condensed';
    border: solid 1px #c8c1c2;
    padding: 10px 7px 7px 7px;
    width: 466px;
    /* -webkit-appearance: none;*/
    outline: none;
}

.checkout-payment.payment.actions {
    text-align: right;
}

.checkout-payment .customer-financial-data {
    margin-bottom: 10px;
    background-color: #fff;
}

.checkout-payment .checkout-financial-data {
    margin-bottom: 10px;
    background-color: #fff;
}

.checkout-payment .checkout-cert-data {
    margin-bottom: 10px;
    background-color: #fff;
}

.checkout-payment {
    padding-left: 2%;
}

.checkout-payment.msg {
    margin: 15px;
}

.checkout-payment.blocks-wrapper {
    padding: 0;
}

.checkout-payment.payment {
    padding: 0px;
    margin-top: 40px;
}

.checkout-payment p {
    margin-bottom: 20px;
}

.checkout-payment-pagseguro.msg {
    margin: 15px;
}

.checkout-payment-pagseguro.blocks-wrapper {
    padding: 0;
}

.checkout-payment-pagseguro h2 {
    color: #73A533;
    font-family: 'Roboto-semibold';
    font-size: 18px;
    margin-bottom: 10px;
}

.checkout-payment-pagseguro.payment {
    padding: 20px;
}

.checkout-payment.customer-financial-data {
    margin-bottom: 10px;
}

.checkout-payment.customer-financial-data table {
    border: 1px solid #ccc;
    width: 100%;
}

.checkout-payment.customer-financial-data table td {
    padding: 5px;
    vertical-align: top;
}

.checkout-payment.customer-financial-data table td.label {
    font-weight: bold;
    width: 110px;
    color: #222;
}

.paymentBoleto {
    max-width: 730px;
    width: 80%;
    height: 350px;
    border: 1px solid black;
}

/*Parcelamento Cartão de Credito*/
.radios .radio {
    display: inline-block;
    min-width: 80px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    padding: 5px;
    margin-right: 1vw;
}

.credit-card-ok {
    display: none;
}

.radios input[type=radio] {
    display: none
}

.radios input[type=radio]:checked+.radio {
    box-shadow: 0 1px 6px #0a582e;
}

.radios input[type=radio]:checked+.radio .credit-card-ok {
    display: inline-block;
    color: #12934d;
}

.radios input[type=radio]:checked+.radio label {
    font-weight: bolder;
}

.radio label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.valorPagarCC {
    background: linear-gradient(to right, #ebebeb, white);
    border-radius: 5px;
    padding-top: 0 !important;
    font-weight: bold;
}

/* FORM FIELDS */
.input-maior {
    width: 365px !important;
    margin-top: 5px;
}

.form-fields {
    margin-bottom: 30px;
}

.form-fields label {
    display: block;
    font-family: 'Roboto-light';
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: left;
}

.form-fields label .required {
    color: #ff0000;
}

.datarequired {
    color: #ff0000;
}

.form-fields label .gray {
    color: #A2A2A2;
}

.form-fields select,
.form-fields input,
.form-fields textarea {
    font-family: 'Roboto-light';
    border: solid 1px #c8c1c2;
    outline: none;
    padding: 5px 0px 5px 0px;
}

.form-fields select {
    width: 474px;
    -webkit-appearance: menulist;
}

.form-fields select.error,
.form-fields select.other-error,
.form-fields input.error,
.form-fields input.other-error,
.form-fields textarea.other-error,
#boleto_email.error,
.form-fields textarea.error {
    box-shadow: 0 0 4px #ff0000 !important;
}

.form-fields select:focus,
.form-fields input:focus,
.form-fields textarea:focus {
    box-shadow: 0 0 4px #8bbe49;
}

.form-fields .readonly {
    background-color: #eee !important;
}

.form-fields textarea {
    height: 150px;
}

.form-fields .submit {
    text-align: right;
}

.form-fields .fieldset {
    margin-bottom: 15px;
}

.form-fields .certificate-title {
    border: 1px solid #ddd;
    font-size: 15px;
    padding: 6px 10px;
    color: #fff;
    margin-bottom: 15px;
    background: #12934d;
}

.form-fields .actions .renewal-warning {
    font-size: 15px;
}

.form-fields .row-1-field {
    clear: both;
}

.form-fields .row-1-field .field textarea,
.form-fields .row-1-field .field input {
    width: 97.5%;
}

.form-fields .hidden-group {
    display: none;
}

.form-fields .row-2-fields {
    clear: both;
}

.form-fields .row-2-fields .field {
    float: left;
    text-align: left;
    width: 50%;
}

.form-fields .row-2-fields .field textarea {
    width: 95%;
}

.form-fields .row-2-fields .field.direita textarea {
    width: 97%;
}

.form-fields .row-2-fields .field input {
    width: 92%;
}

.form-fields .row-2-fields .field.direita input {
    width: 97%;
}

.form-fields .row-2-fields .field select {
    width: 93.9%;
}

.form-fields .row-2-fields .field.direita select {
    width: 99.9%;
}

.form-fields .row-2-fields .field .cip_type {
    width: 10px;
}

.form-fields .row-2-fields .field .cip_serial {
    width: 314px;
}

.form-fields .row-2-fields .zip-code .zip-1 {
    width: 55%;
}

.form-fields .row-2-fields .zip-code .zip-2 {
    width: 25%;
}

.row-2-fields {
    clear: both;
}

.row-2-fields .field-pagamentos-select {
    width: 50%;
    float: left;
}

.row-2-fields .field-pagamentos-select textarea {
    width: 95%;
}

.row-2-fields .field-pagamentos-select input {
    width: auto;
    cursor: pointer;
}

.row-2-fields .field-pagamentos-select select {
    width: 97.9%;
}

.row-2-fields .field-pagamentos-select img {
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
}


.form-fields legend {
    color: #666;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: bold;
}

.form-fields .field-error {
    color: #CC1317;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}

.survey-view .actions {
    text-align: right;
}

.ssl-form {
    margin-top: 15px;
}

.ssl-form .input-text {
    background: #fff;
}

#pagseguro-aviso-img {
    line-height: 30px;
    background-color: #FFF;
    width: 70px;
    height: 80px;
    float: left;
    padding: 5px;
    margin-top: 10px;
}

#pagseguro-aviso {
    margin-top: 4px;
    border: 2px solid #ddd;
    width: 448px;
    padding: 10px;
}

#pagseguro-text {
    float: center;
    text-align: justify;
}

.btn-avancar {
    background-color: #12934d;
    font-size: 20px;
    padding: 10px 60px;
    color: #FFF;
    float: right;
    border: none;
    margin-right: -2px;
    text-decoration: none;
    min-width: 100px;
}

.digitalsign .tp-tab-date {
    display: none;
}

.digitalsign .tp-tab-title {
    margin-top: 11px;
    font-size: 24px;
}


.addtocart-confirmation {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    margin-top: -80px;
    width: 350px;
    height: 80px;
    padding: 15px;
    background: #fff;
    z-index: 9999;
    text-align: center;
    box-shadow: 0 0 10px #222;
}

.addtocart-confirmation p {
    color: #333;
    font-size: 14px;
    margin-bottom: 15px;
}

.addtocart-confirmation button {
    font-weight: bold;
}

.ar_payments {
    border: solid 1px #c8c1c2;
    padding: 2% 2% 2% 2%;
}

.suport {
    border: solid 1px #c8c1c2;
    padding: 2% 2% 2% 2%;
}

.table-certificate-anonymous {
    margin: auto;
    width: 93%;
}

.table-certificate-anonymous thead th {
    background-color: #12934D;
    font-weight: bold;
    height: 35px;
    text-align: center;
}

.table-certificate-anonymous tbody td {
    border: 1px solid #c8c1c2;
    padding-top: 0.5%;
    text-align: center;
    vertical-align: middle;
}

.table-certificate-anonymous caption {
    font-weight: bold;
    padding-bottom: 1%;
    text-align: center;
}

#close {
    float: right;
    margin-top: -28px;
    margin-right: -28px;
    cursor: pointer;
    color: #fff;
    border-radius: 30px;
    background: #f00;
    font-size: 15px;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
}

.bandeiras {
    display: block
}

.bandeiras-mobile {
    display: none;
}

/*------------------------------------------------Carrinho-----------------------------------------------------*/
.btncard .badge {
    background-color: white;
    color: #668f3d;
}

.btncard-default,
.btncard-default:focus {
    background-color: #12934d;
    color: white;
    -moz-transition: box-shadow 0.1s ease-out;
    -o-transition: box-shadow 0.1s ease-out;
    -webkit-transition: box-shadow 0.1s ease-out;
    transition: box-shadow 0.1s ease-out;
}


.btncard-default-disabled {
    background-color: #e6e6e6;
}


.shake {
    -moz-animation: shake 0.3s 2 alternate;
    -webkit-animation: shake 0.3s 2 alternate;
    animation: shake 0.3s 2 alternate;
}

glyphicon-shopping-cart {
    position: relative;
}

.cart-run {
    -moz-animation: cart-run 0.6s;
    -webkit-animation: cart-run 0.6s;
    animation: cart-run 0.6s;
}

.glow {
    -moz-animation: glow 0.6s;
    -webkit-animation: glow 0.6s;
    animation: glow 0.6s;
}

@-moz-keyframes shake {
    33% {
        transform: rotate(30deg);
    }

    66% {
        transform: rotate(-30deg);
    }
}

@-webkit-keyframes shake {
    33% {
        transform: rotate(30deg);
    }

    66% {
        transform: rotate(-30deg);
    }
}

@keyframes shake {
    33% {
        transform: rotate(30deg);
    }

    66% {
        transform: rotate(-30deg);
    }
}

@-moz-keyframes cart-run {
    from {
        left: -30px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cart-run {
    from {
        left: -30px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@keyframes cart-run {
    from {
        left: -30px;
        opacity: 0;
    }

    to {
        left: 0;
        opacity: 1;
    }
}

@-moz-keyframes glow {
    0% {
        background-color: #668f3d;
    }

    50% {
        background-color: #8f883d;
    }

    100% {
        background-color: #668f3d;
    }
}

@-webkit-keyframes glow {
    0% {
        background-color: #668f3d;
    }

    50% {
        background-color: #8f883d;
    }

    100% {
        background-color: #668f3d;
    }
}

@keyframes glow {
    0% {
        background-color: #668f3d;
    }

    50% {
        background-color: #8f883d;
    }

    100% {
        background-color: #668f3d;
    }
}

.btnadd-to-cart {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin-top: 0.5%;
    margin-right: 1%;
    margin-left: -10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 8px;
    float: right;
}

.btnadd-to-cart-default-disabled {
    background: rgba(0, 165, 81, 0.85);
}

.btnadd-to-cart .badge {
    background-color: white;
    color: #668f3d;
}

.btnadd-to-cart .badge {
    position: relative;
    top: -2px;
}




.btncard-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}


.btncart {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    margin-top: 0.5%;
    margin-right: 1%;
    margin-left: -10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 8px;
    float: right;
}

.btncard-default-disabled {
    background: rgba(0, 165, 81, 0.85);
}

.glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-shopping-cart:before {
    content: url(../imgs/cart.png);
    max-width: 100%;
    max-height: 100%;
}

.badge {
    color: #fff;
    background-color: #333
}

.btncart .badge {
    background-color: white;
    color: #668f3d;
}

.btncart .badge {
    position: relative;
    top: -2px;
}

.badge {
    display: inline-block;
    min-width: 1vmin;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 2vmin;
}

.dropdownwrap {
    height: auto;
    float: left;
    margin: 98px 0px 20px 0px;
    background-color: #ebebeb;
    display: none;
    width: 100%;
    position: absolute;
    z-index: 3;
}

.dropdownwrap .cart2 {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.container3 {
    width: 100%;
    float: left;
}

.container3 h2 {
    width: 100%;
    float: left;
    padding: 15px 0px;
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #434343;
}

.dropdownwrap h3 {
    width: 100%;
    float: left;
    padding: 15px 0px;
    margin: 0;
    text-align: center;
    font-size: 36px;
    color: white;
}

.container3 p {
    font-family: 'Roboto', sans-serif;
    color: #B7B7B7;
    text-align: center;
    padding-bottom: 50px;
}

.dropdownwrap p {
    font-family: 'Roboto', sans-serif;
    color: black;
    padding: 0% 0% 0px 27px;
    text-align: left;
}

.container3 a,
.container3 a:visited {
    font-size: 10pt;
    text-decoration: none;
}

.center {
    height: 20px;
}

.cart2 table th,
.cart2 table td {
    padding: 1% 0px 0px 20px;
}

.cart2 table {
    margin-bottom: 15px;
    margin-top: 10px;
    width: 100%;
}

.cart2 .actions {
    padding-right: 4%;
    float: right;
}

.produtosComplementares {
    border-left: 1px solid #a5a5a5;
    border-right: 1px solid #a5a5a5;
    display: inline-block;
    width: 22%;
    vertical-align: top;
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden;
}

.manualCompra {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    padding-left: 2%;
}

.button-green2 {
    padding: 3px 8px;
    background: #12934d repeat-x;
    overflow: hidden;
    cursor: pointer;
    font-size: 13px;
    color: #fff;
    margin-left: 20px;
    margin-bottom: 20px;
    min-width: 100px;
    text-align: center;
    line-height: normal;
}

.cart2 th {
    font-weight: bold;
}

.login-box-2 {
    width: 30%;
    float: right;
}

#accordian3 {
    display: inline-block;
    float: right;
    background: #12934d;
    width: 250px;
    margin: 10px auto 10px auto;
    color: white;
    width: 20%;
    box-shadow:
        0 5px 15px 1px rgba(0, 0, 0, 0.6),
        0 0 200px 1px rgba(255, 255, 255, 0.5);
}

/*heading styles*/
#accordian3 h3 {
    font-size: 13px;
    line-height: 34px;
    padding: 5px 0px 5px 0px;
    cursor: pointer;
    background: #12934d;
    background: linear-gradient(#12934d, #03170c);
    text-align: left;
}

/*heading hover effect*/
#accordian3 h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

/*iconfont styles*/
#accordian3 h3 span {
    font-size: 16px;
    margin-right: 10px;
}

/*list items*/
#accordian3 li {
    list-style-type: none;
}

#accordian3 ul ul li a {
    color: white;
    text-decoration: none;
    font-size: 12px;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    transition: all 0.15s;
}

#accordian3 ul ul li a:hover {
    background: #0b5b2f;
    border-left: 5px solid white;
}

#accordian3 ul ul {
    display: none;
}

#accordian3 li.active ul {
    display: block;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 5%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    height: 100%;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/*<<<<<<< HEAD*/
.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

/*=======*/
.ico-menu-toggle {
    background: url(../imgs/ico-menu-toggle.png) no-repeat;
    background-size: contain;
    width: 27px;
    height: 22px;
    position: relative;
    left: 0px;
    top: 33px;
    cursor: pointer;
    z-index: 2;
}

/*>>>>>>> master*/

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}


#carrinhoVazio {
    font-size: 14px;
    float: right;
    padding: 5% 35% 0% 0%;
}

.manualCompra p {
    text-align: justify;
    color: black;
    padding: 0px 0% 0px 0px;
}

.manualCompra .manualCompra2 {
    width: 95%;
    display: inline-block;
}



/* Checkmark style starts */
@-moz-keyframes dothabottomcheck {
    0% {
        height: 0;
    }

    100% {
        height: 8.5px;
    }
}

@-webkit-keyframes dothabottomcheck {
    0% {
        height: 0;
    }

    100% {
        height: 8.5px;
    }
}

@keyframes dothabottomcheck {
    0% {
        height: 0;
    }

    100% {
        height: 8.5px;
    }
}

@keyframes dothatopcheck {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: 20.4px;
    }
}

@-webkit-keyframes dothatopcheck {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: 20.4px;
    }
}

@-moz-keyframes dothatopcheck {
    0% {
        height: 0;
    }

    50% {
        height: 0;
    }

    100% {
        height: 20.4px;
    }
}

input[type=checkbox] {
    display: none;
}

.check-box {
    height: 17px;
    width: 17px;
    background-color: transparent;
    border: 1.7px solid #000;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
}

.check-box::before,
.check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: 3.4px;
    background-color: #12934d;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: ' ';
    -webkit-transition: opacity ease .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .5;
}

.check-box::before {
    top: 12.24px;
    left: 6.97px;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.check-box::after {
    top: 6.29px;
    left: 0.85px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type=checkbox]:checked+.check-box,
.check-box.checked {
    border-color: #12934d;
}

input[type=checkbox]:checked+.check-box::after,
.check-box.checked::after {
    height: 8.5px;
    -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
    animation: dothabottomcheck 0.2s ease 0s forwards;
}

input[type=checkbox]:checked+.check-box::before,
.check-box.checked::before {
    height: 20.4px;
    -moz-animation: dothatopcheck 0.4s ease 0s forwards;
    -o-animation: dothatopcheck 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
    animation: dothatopcheck 0.4s ease 0s forwards;
}

.cart-space {
    padding-top: 21%;
}

.slideUpCart {
    display: none;
}

#panel.glow2 {
    animation: glow2 1200ms linear 200ms 2 alternate;
    -moz-animation: glow2 1200ms linear 200ms 2 alternate;
    -webkit-animation: glow2 1200ms linear 200ms 2 alternate;
}

@keyframes glow2 {
    0% {
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.9);
    }

    20%,
    100% {
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.9), 0 0 2px 4px #4F8F27, 0 0 1px 6px #FFF;
        transform: scale(1.1);
    }
}

/* Firefox */
@-moz-keyframes glow2 {
    0% {
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.9);
    }

    20%,
    100% {
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.9), 0 0 2px 4px #4F8F27, 0 0 1px 6px #FFF;
        transform: scale(1.1);
    }
}

/* Safari Chrome */
@-webkit-keyframes glow2 {
    0% {
        box-shadow: 0 0 1px 1px #FFF;
    }

    20%,
    100% {
        box-shadow: 0 0 1px 1px #FFF, 0 0 2px 4px #4F8F27, 0 0 1px 6px #FFF;
        transform: scale(1.1);
    }
}

/*------------------------------------------------End Carrinho-------------------------------------------------*/
/*------------------------------------------------Home Page Slider Vertical------------------------------------*/
@keyframes slidy {
    0% {
        left: 0%;
    }

    45% {
        left: 0%;
    }

    50% {
        left: -100%;
    }

    95% {
        left: -100%;
    }

    100% {
        left: 0%;
    }
}

body {
    margin: 0;
}

div#slider {
    overflow: hidden;
}

div#slider figure img {
    width: 20%;
    float: left;
}

div#slider figure {
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    text-align: left;
    font-size: 0;
    animation: 20s slidy infinite;
}

/*--------------------------------------------End Home Page Slider Vertical------------------------------------*/
/*-------------------------------------------Navegação lateral menus------------------------------------*/
.menu10 {
    display: none;
}

/*-------------------------------------------End Navegação lateral menus------------------------------------*/
.input2 {
    font-family: 'Roboto-light';
    /*font-size: 14px;*/
    font-weight: bold;
    width: auto;
    border-color: white;
}

.renovacao-warning {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -240px;
    margin-top: -80px;
    width: 450px;
    height: 300px;
    border: 1px solid #333;
    background: #fff;
    z-index: 9999;
    text-align: center;
    box-shadow: 0 0 10px #222;
}

.renovacao-warning2 {
    position: absolute;
    width: auto;
    height: auto;
    background: #fff;
    z-index: 2;
    text-align: center;
    box-shadow: 0 0 10px #222;
    line-height: 14px;
}

.renovacao-warning2 {
    position: absolute;
    width: auto;
    height: auto;
    background: #fff;
    z-index: 2;
    text-align: center;
    box-shadow: 0 0 10px #222;
    line-height: 14px;
}

.renovacao-warning p {
    color: #333;
    font-size: 12px;
    margin-bottom: 15px;
}

.renovacao-warning button {
    font-weight: bold;
}

.renovacao-warning li {
    margin-left: 16px;
}

/*------------------------------------------------Beginning Postos de Atendimento-------------------------------------------------*/
.support-centers-search {
    background: #ececec;
    padding: 15px;
    margin-bottom: 15px;
    position: relative;
}

.button-green {
    padding: 3px 8px;
    background: #12934d repeat-x;
    overflow: hidden;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.double {
    margin-bottom: 20px;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

.support-centers {
    padding: 1vmin;
}

.li2 {
    float: left;
    display: inline;
    height: 335px;
    padding-bottom: 20px;

}

.support-centers-search input {
    width: auto;
}

.li3 {
    float: left;
    display: inline-flex;
    height: 250px;
    padding-bottom: 5px;
    width: 100%;


}

#single .li3 {
    width: 100%;
}

.double .li2 {
    width: 50%;
    position: relative;
}

#triple li {
    width: 33.333%;
}

#quad li {
    width: 25%;
}

#six li {
    width: 16.666%;
}

.title {
    color: #01723e;
    font-size: 16px;
    margin-bottom: 5px;
}

p.textTitle {
    color: #12934d;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 8px;
    /*text-transform: uppercase;*/

}

.support-center-slots li {
    margin-bottom: 5px;
    font-size: 14px;
}

.support-center-slots li .date {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.support-center-slots li .slot {
    background: #ECECEC;
    border: 1px solid #d4d4d4;
    padding: 5px 6px;
    margin-bottom: 5px;
}

.support-centers li {
    width: 100%;
    margin-bottom: 10px;
}

.support-center-slots li span {
    color: #444;
    display: block;
    float: left;
}

.support-center-slots li .slot.selected {
    background: #12934d;
    color: #fff;
}

.support-center-slots li .slot:hover {
    background: #f4f4f4;
    cursor: pointer;
}

.postos-button {
    display: inline-block;
}

.image {
    display: inline-block;
}

/*------------------------------------------------End Postos de Atendimento-------------------------------------------------*/

/*------------------------------------------------ Area de Clientes-------------------------------------------------*/
.box {
    width: 100%;
}

.box p {
    margin-bottom: 10px;
}

.box-title {
    color: #12934d;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.box-subtitle {
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.box label {
    display: block;
    color: #333;
}

.box input {
    display: block;
    background: #fff;
    width: 100%;
    font-size: 12px;
}

.customer .login-box {
    background: #ececec;
    float: left;
    height: 100%;
}

.customer .login-box .questions {
    float: left;
}

.customer .login-box .questions a {
    display: block;
    color: #333;
}

.customer .register-box {
    float: right;
    border: 1px solid #ccc;
    height: 100%;
}

.customer-login .box .actions {
    float: right;
    text-align: right;
}

.customer-login .box .actions .button-green {
    font-weight: bold;
}

.customer-profile h2 {
    color: #666;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.customer-profile .form-fields .col-1 {
    margin-bottom: 15px;
}

.customer-profile .actions {
    text-align: right;
    line-height: 25px;
}

.pager {
    margin: 5px 0;
}

.pager-and-filter-actions {
    width: 100%;
}

.pager ul {
    float: left;
}

.pager li.selected {
    background: repeat-x scroll 0 0 #12934d;
}

.pager li {
    float: left;
    background: repeat-x scroll 0 0 #12934d;
    margin-left: 3px;
    width: 26px;
    text-align: center;
    margin-top: 3px;
}

.pager li.selected a {
    color: #333;
}

.pager li a {
    color: #fff;
    text-decoration: none;
    padding: 3px 5px;
}

.datagrid thead tr.sorters th {
    font-size: 14px;
    vertical-align: top;
    padding: 2px 5px;
    font-weight: bold;
    color: #222;
}

.datagrid input {
    color: black;
}

.datagrid .sorter {
    text-decoration: none;
    display: block;
    padding-right: 15px;
}

.datagrid thead tr.filters {
    background: #eee;
}

.datagrid thead tr.filters th {
    padding: 7px;
    font-weight: bold;
    color: #222;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}

.datagrid thead tr.filters .number input,
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .text {
    padding: 3px;
}

.datagrid thead tr.filters .select,
.datagrid thead tr.filters .number input,
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .text {
    width: 100%;
    background: #fff;
    border: 1px solid #aaa;
    padding: 2px;
    font-size: 12px;
    display: block;
    position: static;
}

.datagrid thead tr.filters .date span,
.datagrid thead tr.filters .number span {
    display: table-cell;
    width: 100%;
}

.datagrid thead tr.filters .date input {
    min-width: 70px;
}

.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .number input {
    width: 100%;
}

.datagrid thead tr.filters .number input,
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .text {
    padding: 3px;
}

.datepicker,
.datetimepicker {
    background: url(../images/datepicker.png) #fff right 5px center no-repeat !important;
}

caption,
th {
    text-align: left;
}

.datagrid {
    width: 100%;
}

.datagrid thead tr.sorters {
    background: #ddd;
}

.filter-actions {
    text-align: right;
}

.datagrid tbody td {
    padding: 3px 5px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

.datagrid thead tr.filters .date label,
.datagrid thead tr.filters .number label {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}

.datagrid thead tr.filters .date .row,
.datagrid thead tr.filters .number .row {
    width: 100%;
    display: block;
    height: 27px;
}

.item-data li strong {
    font-weight: bolder;
}

.success {
    margin: 10px;
    /*background: #e2f0f1;*/
    /*color: #007f8b;*/
    /*border: 1px solid #007f8b;*/
    padding: 10px 20px;
    /*text-align: center;*/
    /*font-size: 12px;*/
    /*margin-bottom: 10px;*/
    /*display: none;*/
}

.padding-15 {
    padding: 15px;
}

.moves-list {
    padding: 15px;
}

.campaign-items li {
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    padding: 3px 2px 2px;
}

button.disabled,
.button.disabled {
    opacity: 0.5;
}

/*------------------------------------------------End Area de Clientes-------------------------------------------------*/

/*------------------------------------------------Loader-------------------------------------------------*/
.circle {
    position: absolute;
    border: 3px solid transparent;
    border-top-color: #12934d;
    border-radius: 50%;
    -webkit-animation: rotate linear infinite;
    animation: rotate linear infinite;
}

.circle.one {
    height: 50px;
    width: 50px;
    left: 50px;
    top: 50px;
    -webkit-animation-duration: 0.85s;
    animation-duration: 0.85s;
}

.circle.two {
    height: 75px;
    width: 75px;
    top: 38px;
    left: 38px;
    -webkit-animation-duration: 0.95s;
    animation-duration: 0.95s;
}

.circle.three {
    height: 100px;
    width: 100px;
    top: 25px;
    left: 25px;
    -webkit-animation-duration: 1.05s;
    animation-duration: 1.05s;
}

.loader2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -90px;
}

.loader {
    position: fixed;
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }

    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }

    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

/*------------------------------------------------End Loader-------------------------------------------------*/

.accordionwrapper .ui-accordion-header {
    background: #12934d;
}

.accordionwrapper .ui-accordion-header-active {
    color: #fff;
}

.accordionwrapper .ui-accordion-content {
    background: #fff;
}

.accordionwrapper .ui-widget-content {
    border: none;
}

h3.textTitle {
    color: #12934d;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 8px;
    /*text-transform: uppercase;*/
    font-weight: normal;
}

/*------------------------------------------------Flash Messages-------------------------------------------------*/
#response,
.msg {
    padding: 10px 20px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}

#response .success,
.msg-succ {
    background: #e2f0f1;
    color: #007f8b;
    border: 1px solid #007f8b;
}

.msg-succ a {
    color: #007f8b;
}

#response .error,
.msg-error {
    background: #f2dada;
    color: #d80e15;
    border: 1px solid #d80e15;
}

.msg-error a {
    color: #d80e15;
}

.msg-notice {
    background: #FFC;
    color: #F60;
    border: 1px solid #F90;
}

.msg-notice a {
    color: #F60;
}

.msg a {
    font-weight: bold;
}

#response div {
    padding: 6px;
}

.msg-info {
    background: #f5f5f5;
    border: 1px solid #c9c9c9;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/*------------------------------------------------End FlashMessages-------------------------------------------------*/

.precisoAjuda {
    padding: 10px 0px 7px 7px;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'Roboto-light-condensed';
}

/**
 * Tooltip Styles
 */

[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 280px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    white-space: pre-wrap;
}

.tooltip-right:before,
.tooltip-right:after {
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
}

.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}


.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}

.gradient_line {
    display: block;
    border: none;
    color: white;
    height: 2px;
    background: black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#D3D3D3), to(#fff));
}

#panel {
    padding: 5px 0px 20px 15px;
    display: none;
}

.rcorners2 {
    border-radius: 10px;
    border: 1px solid #ebebeb;
    padding: 7px;
    line-height: 20px;
}

/*______________________________________Efeitos Botoes_______________________________________*/
.btn-avancar:hover {
    background: linear-gradient(#12934d, #03170c);
}

.button-green:hover,
.button-green2:hover {
    background: linear-gradient(#12934d, #03170c);
}

.button-grey:hover {
    background: linear-gradient(#999999, #474747);
}

.btn-contato-enviar:hover {
    background: linear-gradient(#12934d, #03170c);
}

.btn-comprar-superior:hover {
    background-color: #0e753d;
}

.btn-comprar-inferior:hover {
    background-color: #0e753d;
}

.button-grey:active,
.btn-avancar:active,
.button-green:active,
.btn-contato-enviar:active,
.button-green2:active,
.btn-comprar-superior:active,
.btn-comprar-inferior:active {
    transform: translateY(1px);
}

/*______________________________________End Efeitos Botoes____________________________________*/



/*______________________________________slide show____________________________________*/

.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}


.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.dot {
    cursor: pointer;
    height: 13px;
    width: 13px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/*-----------------------------------------------------------------------------------*
/* = RESPONSIVE
/*-----------------------------------------------------------------------------------*/

/*______________________________________Static Block Produtos HomePage____________________________________*/

.menu-produto-principal-div {
    padding: 3% 0% 0% 0%;
}

.menu-produto-principal-input {
    background-color: transparent;
}

.tooltip_templates {
    display: none;
}

.strikeout {
    font-size: 16px;
    position: relative;
    margin-top: 0px;
}

.strikeout::after {
    border-bottom: 0.110em solid red;
    content: "";
    left: 0;
    margin-top: calc(0.110em / auto);
    position: absolute;
    right: 0;
    top: 50%;
}

.bestSeller {
    position: absolute;
    width: 4%;
    display: flex;
    z-index: 1;
}

.menu-produto-principal-div input {
    width: 27%;
    padding: 0px 0px 0px 5px;
}

/*______________________________________End Static Block Produtos HomePage____________________________________*/

/*______________________________________Home Page Alertas Slide Down (OFFICE)____________________________________*/
#note {
    position: fixed;
    z-index: 6001;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
    -webkit-transform: translateY(-100px);
    -webkit-animation: slideDown 10s 1.0s 1 ease forwards;
    -moz-transform: translateY(-100px);
    -moz-animation: slideDown 10s 1.0s 1 ease;
    -ms-transform: translateY(-100px);
    -ms-animation: slideDown 10s 1.0s 1 ease;
    color: white;
    background-color: rgba(18, 147, 77, 0.95);
    height: 100px;
}

#close2 {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    font-size: 15px;
    color: white;
}

@-webkit-keyframes slideDown {

    0%,
    100% {
        -webkit-transform: translateY(-100px);
    }

    10%,
    90% {
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes slideDown {

    0%,
    100% {
        -moz-transform: translateY(-100px);
    }

    10%,
    90% {
        -moz-transform: translateY(0px);
    }
}

@-ms-keyframes slideDown {

    0%,
    100% {
        -ms-transform: translateY(-100px);
    }

    10%,
    90% {
        -ms-transform: translateY(0px);
    }
}

/*______________________________________Home Page Alertas Slide Down (OFFICE)____________________________________*/

/*-----------------------------------------------------------------------------------*
/* = Full HD
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 1500px) {

    .header-menu {
        left: 30px;
        top: -9px;
    }

    /*    .quer-ajuda-home {
	  margin-top: 140px;
	}*/

    .section-menu-produto {
        margin-bottom: 0px;
    }

    .titulo-igual-mundo {
        font-size: 31px;
    }

    .header-logo {
        /*  width: 300px;
	    height: 77px;*/
        width: 400px;
        height: 65px;
        /*      margin-bottom: 5px;*/
        margin-left: 1vmin;
    }

    .video-home {
        height: 28vw;
    }
}


/*-----------------------------------------------------------------------------------*
/* = Notebook 13"
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 1221px) and (max-width: 1499px) {
    .footer-sitemap-container {
        vertical-align: top;
        display: inline-block;
        padding-right: 1vmin;
    }

    .titulo-igual-mundo {
        font-size: 19px;
    }

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

    .img-produto-principal {
        margin-right: 0;
    }

    .titulo-produto-principal {
        font-size: 16px;
    }

    .subtitulo-produto-principal {
        /*padding-right: 2vw;*/
    }

    .preco-produto-principal {
        font-size: 23px;
        margin-top: 0;
    }

    /*    .link-produto{
	    width: auto;
	}*/
    .header-menu {
        font-size: 1vw;
    }
}

@media only screen and (max-width: 1000px) {
    .left-col-165px {
        display: none;
        line-height: 3vmin;
    }

    .content {
        width: 100%;
    }

    #submenuCertificados {
        width: 90%;
    }

    .header-menu {
        display: none;
    }

    .quem_somos-box {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }

    .right-col-815px {
        float: none;
        width: 100%;
    }

    .quem_somos-marcador {
        display: none;
    }

    /* ----------------------------- BLOCO CONTACTO -------------------------*/
    .bloco-contato {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 100%;
    }

    .contato-form-container-esq,
    .contato-form-container-dir {
        display: inline-block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 95%;
    }

    .contato-form-container-esq input,
    .contato-form-container-dir input {
        width: 100%;
    }


    .contato-form-container-esq textarea {
        width: 100%;
        height: auto;
    }

    .btn-contato-enviar {
        display: inline-block;
        width: 50%;
        float: right;
    }

    /* ------------------------------ FIM BLOCO CONTACTO -----------------------*/

}

@media only screen and (max-width: 1000px) {

    /* VIDEO POPUP HOMEPAGE */
    .video-grid {
        float: none;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .video-grid ul li {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .video-popup img {
        width: 100%;
        height: 100%;
    }


    /*-------------------------------------------Navegação lateral menus------------------------------------*/
    .menu10 {
        display: block;
        width: 200px;
        z-index: 1;
        position: absolute;
        -webkit-box-shadow: 3px 0px 4px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 3px 0px 4px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 3px 0px 4px 0px rgba(50, 50, 50, 0.75);
        background: linear-gradient(#12934d, #03170c);
        border-radius: 0px 5px 5px 0px;
    }

    .menu10 .toggle {
        top: 10px;
        left: 200px;
        padding: 0px 2px 0px 5px;
        position: absolute;
        background-color: #12934d;
        color: #fff;
        -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
        opacity: 0.8;
        border-radius: 0px 5px 5px 0px;
    }

    #toggle {
        display: none;
    }

    .fa {
        font-size: 20px;
        color: white;
        font-weight: 900;
    }

    .fa-sign-in {
        font-size: 12px;
        margin-left: 10px;
    }

    .div-satisfacao .fa {
        font-size: 2em;
    }

    .menu10 {
        left: -200px;
        /*must be same as width*/
        -webkit-transition: left 1s;
        -moz-transition: left 1s;
        -o-transition: left 1s;
        transition: left 1s;
    }

    .menu10 span {
        display: block;
        font-size: 18px;
        margin: 20px 10px;
        color: #fff;
    }

    .menu10 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 35px;
    }

    .menuContent {
        text-align: left;
    }

    .menu10 ul li {
        font-size: 16px;
        border-bottom: 1px solid #fff;
    }

    .menu10 ul li:last-child {
        border-bottom: none;
    }

    .menu10 ul li a {
        display: inline;
        text-decoration: none;
        color: #fff;
    }

    .menu10 ul ul li {
        background-color: none;
    }

    .menu10 ul li a:hover,
    .menu10 ul ul li a {
        padding: 10px 10px 10px 30px;
    }

    .menu10 ul ul li a:hover {
        padding: 10px 10px 10px 60px;
    }

    .menu10 ul li a,
    .menu10 ul li a:hover,
    .menu10 ul ul li a,
    .menu10 ul ul li a:hover {
        -webkit-transition: padding 0.5s;
        -moz-transition: padding 0.5s;
        -o-transition: padding 0.5s;
        transition: padding 0.5s;
        display: block;
    }

    input[id^="dropdown"],
    ul[class^="dropdown"] {
        display: none;
    }

    input[id^="dropdown"]:checked+ul[class^="dropdown"] {
        height: auto;
        display: block;
    }

    .fa-angle-left {
        transform: scale(1) rotate(360deg) translate(0px);
        transition: all 1s ease;
    }

    .fa-angle-right {
        transform: scale(1) rotate(0deg) translate(0px);
        transition: all 1s ease;
    }

    /*-------------------------------------------End Navegação lateral menus------------------------------------*/
}

/*-----------------------------------------------------------------------------------*
/* = Tablet Landscape
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1220px) {

    .fullscreenvideo .fullscreenvideo video {
        margin-top: 0px !important;
    }

    #rev_slider_28_1_wrapper,
    #rev_slider_28_1 {
        height: 300px !important;
    }

    /* -------------------- PAGINA PRINCIPAL ------------------*/
    .header-nav {
        margin-left: 0vmin;
    }

    .menu-produto-principal {
        height: 265px;
    }

    .header-nav-sup {
        margin-left: 7vmin;
    }

    .botao-comprar {
        height: 23px;
        padding: 1px 13px;
        margin-top: 10px;
        color: #fff;
        background-color: #12934d;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        line-height: 26px;
    }

    .botao-comprar2 {
        height: 23px;
        padding: 1px 13px;
        margin-top: 10px;
        color: #fff;
        background-color: #12934d;
        display: inline-block;
        cursor: pointer;
        font-size: 12px;
        line-height: 26px;
    }

    .preco-produto-principal {
        font-size: 20px;
        line-height: 14px;
    }

    .subtitulo-produto-principal {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .titulo-produto-principal {
        font-size: 16px;
    }

    .img-produto-principal {
        width: 80px;
        height: 80px;
        margin-right: 0px;
        float: none;
    }

    .link-produto {
        width: auto;
    }

    .preco-produto-principal-alt {
        margin-bottom: 8px;
        margin-top: 17px;
    }

    .div-fastbuy {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
        width: 100%;
    }

    .fastbuy-img-produto {
        width: 50%;
    }

    .buttonComprar {
        width: 45%;
    }

    .img-bandeiras {
        width: 63%;
        top: 2px;
    }

    .titulo-igual-mundo {
        font-size: 20px;
    }

    .bandeiras-container {
        width: 70%;
    }

    .container {
        width: 96%;
        display: inline-block;
    }

    .container-noticias {
        width: 96%;
        display: inline-block;
        margin-left: 0%;

    }

    .div-menu-produto {
        height: auto;
    }

    .titulo-satisfacao {
        font-size: 10px;
    }

    .menu-produto-principal.ultimo {
        padding: 20px 0 30px;
    }

    .container-titulo-satisfacao {
        margin-top: 30%;
    }

    .subtitulo-satisfacao {
        font-size: 33px;
    }

    .titulo-produto-outros {
        text-transform: uppercase;
        height: 60px;
    }

    .botao-comprar {
        margin-top: 2vw;
    }

    .botao-comprar2 {
        margin-top: 2vw;
    }

    .menu-produto-bottom .botao-comprar {
        margin-top: 8vw;
    }

    .menu-produto-bottom .botao-comprar2 {
        margin-top: 8vw;
    }

    .menu-produto-bottom {
        height: inherit;
    }

    .menu-produto {
        width: 23%;
        margin-right: 10px;
    }

    .slider-vertical {
        width: 47%;
    }

    .div-noticias-contato {
        width: 47%;
        margin-left: 2vw !important;
    }

    .section-bandeiras {
        margin-top: 30px;
        margin-bottom: -60px;
    }

    /* -------------------- FIM PAGINA PRINCIPAL ------------------*/

    .div-satisfacao {
        margin-bottom: 120px;
    }

    .produto-arrow-down {
        margin-top: -12px;
    }

    #header-desktop {
        display: none;
    }

    #header-mobile {
        display: block;
        z-index: 3;
        background: #fff;
        margin-left: 1vmin;
    }

    .menu-mobile {
        background: #fff;
        position: absolute;
        z-index: 200;
        left: 0px;
        top: 90px;
        width: 100%;
        border-top: solid 1px #ebebeb;
        -webkit-box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.50);
        -moz-box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.50);
        box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, 0.50);
    }

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

    .menu-mobile a {
        color: #000;
        display: inline-block;
        padding: 7px 0;
    }

    .ico-menu-toggle {
        background: url(../imgs/ico-menu-toggle.png) no-repeat;
        background-size: contain;
        width: 4vmin;
        height: 4vmin;
        position: relative;
        left: 0px;
        top: 14px;
        cursor: pointer;
        z-index: 2;
    }

    /*    .quer-ajuda-home {
	    margin-top: 100px;
	}*/


    /* ---------------------- FASTBUY ------------------------*/

    .fastbuy-box {
        padding: 40px 0px 89px !important;
    }

    /*    .fastbuy-container-superior-esq {width: 72%!important;}*/

    .fastbuy-info-produto {
        width: 220px;
    }

    .fastbuy-caracteristicas-produto-titulo {
        width: 50%;
    }

    .fastbuy-produtos-table-container {
        margin-left: 20px;
    }

    .form-fields {
        margin: 0 22px 30px;
    }

    .checkout-payment.payment ul li {
        margin: 0 22px 15px;
    }

    .checkout-payment.payment p {
        margin: 0 22px 20px;
        text-align: left;
    }

    .form-fields .row-2-fields .field select {
        float: left;
    }

    .row-2-fields .field-pagamentos-select {
        width: 405px;
        float: left;
        text-align: left;
        padding-left: 20px;
    }

    #form_customization .actions {
        margin-right: 2%;
    }

    .row-2-fields .field-pagamentos-select:last-child {
        padding-left: 0px;
    }

    #pagseguro-aviso {
        width: 382px;
    }

    .btn-avancar {
        margin-right: 25px;
    }

    .div-fastbuy .container {
        /*        width: 859px;*/
    }

    .fastbuy-box .cart .actions {
        margin-right: 10%;
    }

    .fastbuy-info-produto {
        width: 100%;
        margin-top: 2vw;
    }

    .fastbuy-cod-promo {
        width: 50%;
        padding: 0;
    }

    .fastbuy-cod-promo input {
        width: 100%;
        padding: 5px 0px 5px 0px;
    }

    .fastbuy-cod-promo button {
        width: 10vw;
    }

    /* ---------------------- FIM FASTBUY -------------------------*/
    /* ------------------------ CART ------------------------------*/
    .customer-login .box .actions {
        margin-right: 10%;
    }

    .slideUpCart {
        display: inline-block;
        width: 5%;
        margin: 1%;
        background-color: #12934d;
        font-size: 35px;
        font-weight: bolder;
        line-height: 23px;
        margin-left: 47%;
        border-radius: 10px;
        text-align: center;
        border: 2px solid #12934d;
        color: white;
    }

    /* -----------------------FIM CART -----------------------------*/
    /* ------------------------- FOOTER ---------------------------*/
    .footer-container {
        width: auto;
        margin: auto;
        padding: 50px 30px;
    }

    .footer-sitemap-container {
        vertical-align: top;
        width: 30%;
        display: inline-block;
        margin-top: 10px;
    }

    /* ------------------------- FIM FOOTER -------------------------*/
}

/*-----------------------------------------------------------------------------------*
/* = MOBILE
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {

    body {
        /* font-size: 2.5vmin; */
    }

    .main {
        margin-top: 0;
    }

    .content {
        display: inline-block;
        margin: auto;
        padding-bottom: 20px;
        padding-top: 0vmin;
        text-align: center;
        width: 100% !important;
    }

    #fullheader-desktop {
        display: none;
    }

    .container-titulo-satisfacao {
        font-size: 3.0vmin;
    }

    .container-elementos-satisfacao {
        /*        text-align:center;*/
        margin-left: 5%;
    }

    .section-mundo-mobile {
        display: block;
    }

    .section-mundo {
        display: none;
    }

    /* ---------------------- Pagina Inicial --------------------------*/

    .header-contato-container {
        display: none;
    }

    header {
        height: auto;
        /*display: inline-block;*/
        position: inherit;
    }

    .header-contato-container-mobile {
        display: inline-block;
        right: 22%;
        position: absolute;
        /*        text-align:right;*/
        margin-top: 8%
    }

    .header-tel {
        padding-left: 5vmin;
        font-size: 3vmin;
        line-height: 3vmin;
        margin-top: 3vmin;
    }

    .header-whats {
        padding-left: 5vmin;
        font-size: 2vmin;
        line-height: 3vmin;
        margin-top: 5vmin;
    }

    .header-contato-container-mobile span img {
        vertical-align: bottom;
        height: 3vmin;
    }

    .card-header {
        text-align: center;
    }

    .card-header-image {
        width: 30%;
        /*        margin-top:4%;*/
    }

    .checkcontainer {
        font-size: 10px;
    }

    .banner-quem_somos {
        margin-top: 0;
    }

    .espaco-menu {
        height: 175px;
    }

    .video-home {
        height: 40vw;
    }

    .tooltip2 {
        margin-left: 2vmin;
    }

    .header-login {
        background: #ebebeb;
        padding: 1vmin 0vmin 0vmin 0vmin;
        height: 53%;
        width: 100%;
        text-align: left;
    }

    #form_login {
        /*        display: inline-block;*/
    }

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

    .header-login-user {
        float: left;
        width: 65%;
        text-align: left;
        margin-left: 1%;
    }

    .header-logout-form {
        float: none;
    }

    .header-login-input {
        display: inline-block;
        margin-left: 2vmin;
        width: 23%;
    }

    .header-login button {
        padding: 3px 15px;
        font-weight: 400;
        margin-left: 2%;
        border-radius: 10px;
        font-size: 12px;
    }

    .header-login-label {
        display: block;
        margin-left: 2vmin;
        /*margin-right: -6px;*/
        line-height: 12px;
    }

    .header-login-label a {
        /* font-size: 3vmin; */
        padding-right: 1vmin;
        padding-left: 1vmin;
        margin-bottom: 2vmin;
        color: #757575;
        text-align: right;
    }

    .header-login input {
        font-size: 2vmin;
    }

    .button-login {
        font-size: 12px;
        overflow: hidden;
        cursor: pointer;
        text-align: center;
        padding: 5px 0px;
        border-radius: 5px;
        border: 1px solid #757575;
    }

    .button-login div {
        display: ruby;
    }

    .header-login-label {
        padding-top: 1%;
        float: left;
    }

    #shopping-cart-btn {
        float: right;
        position: static;
        top: 2%;
        right: 1%;
    }

    .logHeader {
        width: auto;
    }

    .btncard {
        float: none;
    }

    #logout_div {
        display: inline-block;
        width: 100%;
    }

    #logout_div span:first-child {
        display: inline-block;
        float: left;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #logout_div .login-box-2 {
        display: inline-block;
        text-align: left;
        /*        width: 50%;*/
        padding: 0;
        float: right;
    }

    .header-nav {
        float: left;
        margin-top: 0vmin;
        width: 100%;
    }

    .navbar-collapse {
        float: left;
    }

    .header-logo {
        background: url(../imgs/digitalSign-logo.svg) no-repeat left;
        background-size: contain;
        width: 40vmin;
        height: 15vmin;
        float: left;
        margin-bottom: 0vmin;
    }

    #header-mobile {
        background: none;
        display: block;
        z-index: 3;
        float: right;
    }

    .ico-menu-toggle {
        background: url(../imgs/ico-menu-toggle.png) no-repeat;
        background-size: contain;
        width: 10vmin;
        height: 5vmin;
        position: relative;
        left: 0px;
        top: 3vmin;
        cursor: pointer;
        z-index: 2;
        float: right;
    }

    .bestSeller {
        width: 10vmin;
    }

    .addtocart-confirmation {
        position: fixed;
        top: 50%;
        left: 50%;
        /*        margin-left: -460px;
		margin-top: -80px;*/
        width: 90%;
        height: 200px;
        padding: 15px;
        background: #fff;
        z-index: 9999;
        text-align: center;
        box-shadow: 0 0 10px #222;
    }

    .addtocart-confirmation p {
        color: #333;
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 1;
        padding: 20px 0;
    }

    .button-grey {
        background: #b6b6b6 url(../images/bg_bt2.png) repeat-x scroll 0 0;
        color: #333;
        cursor: pointer;
        overflow: hidden;
        padding: 3px 8px;
    }

    .product-image img {
        display: none;
    }

    .menu-mobile {
        background: #fff;
        z-index: 200;
        left: 0px;
        width: 100%;
        border-top: solid 1px #ebebeb;
    }

    .menu-mobile a {
        color: #818285;
        display: block;
        padding: 3vmin 0;
        font-size: 4vmin;
        text-align: center;
        border-bottom: 1px solid lightgray;
    }

    .menu-mobile a img {
        width: 4vmin;
        height: 4vmin;
    }

    #dropdownwrap {
        margin-top: 50px;
    }

    .quer-ajuda-home {
        display: none;
    }

    .televendas-home {
        position: initial;
        display: none !important;
    }

    .menu-produto-principal {
        height: auto;
        width: 100%;
        border-bottom: solid 8px #fff;
    }

    .menu-produto-principal .link-produto {
        width: 100%;
        vertical-align: top;
    }

    .img-produto-principal {
        height: auto;
        width: 25vmin;
        float: left;
        top: 0;
        /*left: 187px;*/
        left: 5%;
        position: relative;
        margin-right: 0;
    }

    .menu-produto-principal-div input {
        width: 30vmin;
        padding: 0;
        font-size: 2vmin;
    }

    .menu-produto-principal {
        padding: 1vmin 0 1vmin 0;
    }

    .titulo-produto-principal {
        font-size: 4vmin;
    }

    .subtitulo-produto-principal {
        font-size: 3vmin;
    }

    .preco-produto-principal {
        font-size: 3vmin;
        margin-top: 0;
    }

    .div-satisfacao {
        margin-bottom: 15vmin;
        margin-top: 5vmin;
    }

    .img-bandeiras {
        width: 93%;
        margin-left: 0 !important;
    }

    .bandeiras {
        display: none;
    }

    .bandeiras-mobile {
        display: block;
    }

    .titulo-igual-mundo {
        float: left;
        font-size: 6vmin;
        margin-top: 2vmin;
        margin-bottom: 0;
        line-height: 10vmin;
    }

    .titulo-satisfacao {
        font-size: 2vmin;
        line-height: 1;
        margin-bottom: 20px;
        display: none;
    }

    .subtitulo-satisfacao {
        font-size: 9vmin;
        line-height: 10vmin;
    }

    .menu-produto-bottom {
        padding-top: 2vmin;
        height: auto;
        padding-bottom: 1vmin;
    }

    .image-produto-botton {
        height: auto;
        width: 15vmin;
        margin-top: 0;
    }

    .menu-produto-top {
        height: auto;
        padding-top: 0;
    }

    .titulo-produto-outros {
        font-size: 5vmin;
    }

    .texto-produto-outros {
        line-height: 5vmin;
        font-size: 3vmin;
        height: auto;
    }

    .botao-comprar {
        min-width: 12vmin;
    }

    .botao-comprar2 {
        min-width: 12vmin;
    }

    .menu-produto-principal-div {
        padding: 0% 0% 0% 0%;
    }

    .titulo-outras-solucoes {
        font-size: 6vmin;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .title-video-grid {
        font-size: 6vmin;
        margin-bottom: 20px;
    }

    .menu-produto {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .link-produto {
        width: auto;
    }

    .menu-produto.ultimo {
        margin-bottom: 0;
    }

    .botao-comprar img {
        display: none;
    }

    .botao-comprar2 img {
        display: none;
    }

    .slider-vertical {
        width: 100% !important;
        margin-left: 0 !important;
        height: auto;
        margin-bottom: 0;
    }

    .rev_slider {
        height: 100% !important;
    }

    .div-noticias-contato {
        width: 98%;
        margin-left: 0;
    }

    .noticias-home-data {
        width: 20% !important;
    }

    .noticias-home-titulo {
        width: 70% !important;
    }

    .noticias-home-titulo span {
        width: auto !important;
    }

    .checkout-customization .block-title h1,
    .block-title h2,
    .block-title h3 {
        font-size: 20px;
    }

    .img-prod-nav {
        display: none;
    }

    /*-------------------------- Pagina Inicial ---------------------------*/
    /*-------------------------- FASTBUY ---------------------------------*/
    .fastbuy-caracteristicas-produto-texto {
        padding: 0;
    }

    #submenuCertificados {
        display: block;
    }


    .fastbuy-container-superior {
        width: 100%;
        float: left;
    }


    .left-col-small {
        float: none;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 100%;
    }

    .right-col-large {
        display: none;
        float: none;
    }

    .submenu-produtos {
        display: none;
    }

    .submenu-produtos-combobox {
        display: inline;
        margin-left: 2%;
    }

    .submenu-produtos-mobile {
        display: block;
        margin: 2%;
        border: 1px solid #111;
        background: transparent;
        padding: 5px 35px 5px 5px;
        border: 1px solid #ccc;
        height: 34px;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .left-col-small p:first-of-type {
        display: block;
        float: left;
        padding-left: 2%;
    }

    .fastbuy-cod-promo {
        width: 95%;
        /*padding: 2%;*/
        padding-top: 7%;
    }

    .fastbuy-cod-promo input {
        width: 80%
    }

    .fastbuy-cod-promo button {
        width: 30%;
        height: 40px;
    }

    .fastbuy-info-produto {
        display: block;
        font-size: 2vmin;
        width: 100%;
    }

    .fastbuy-produtos-table-container {
        font-size: 2vmin;
        margin-left: 0px;
        width: 100%;
    }

    .fastbuy-produtos-table-container input {
        font-size: 2vmin;
    }

    .fastbuy-img-produto {
        width: 50%;
    }

    .fastbuy-caracteristicas-produto-texto {
        width: 95%;
    }

    .fastbuy-produtos-table {
        width: 100%;
    }

    .fastbuy-produtos-table tr td:first-child {
        font-size: 2vmin;
    }

    .fastbuy-produtos-table tr:first-child td {
        /*font-family: 'myriad-light-condensed';*/
        font-family: 'Roboto', sans-serif;
        font-size: 10px;
        font-weight: bold;
        line-height: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .fastbuy-produtos-table td input[type="number"] {
        font-size: 10px;
    }

    .fastbuy-produtos-table tr td a {
        font-size: 10px;
    }

    .fastbuy-produtos-table tr td p {
        font-size: 10px;
    }

    .fastbuy-produtos-table tr td button a {
        font-size: 2vmin;
    }

    .carrinhoInfo {
        width: 300px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        float: left;
        /*width:30%;*/
        padding-top: 7%;
        padding-left: 0%;
        text-align: left;
        font-size: 15px;
    }

    .buttonComprar {
        float: none;
        /*padding-top:55%;*/
        /*padding-left:19%;*/
        width: 70%
    }

    .fastbuy-caracteristicas-produto-titulo {
        float: none;
    }

    .div-fastbuy {
        position: relative;
        height: 100%;
        width: 100%;
        /*margin-top: -20px;*/
        margin-bottom: 50px;
    }

    .btn-comprar-superior {

        float: left;
        margin-top: 13px;
    }



    /* ------------------------- FIM FASTBUY ---------------------------*/
    /* -------------------------- CART ---------------------------------*/
    .input2 {
        font-size: 2vmin;
    }

    .cart .input-text {
        font-size: 2vmin;
    }

    .slideUpCart {
        display: inline-block;
        width: 10vw;
        margin: 0;
        background-color: #12934d;
        font-size: 35px;
        font-weight: bolder;
        line-height: 23px;
        margin-left: 45%;
        border-radius: 10px;
        text-align: center;
        border: 2px solid #12934d;
        color: white;
    }

    /* -------------------------- CART ---------------------------------*/
    /* ------------------------- SUPORT --------------------------------*/
    .right-col-815px {
        display: inline-block;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 100%;
    }

    .quem_somos-box {
        border: 1px solid #c8c1c2;
        display: inline-block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 98%;
        padding: 0;
    }

    .tblUso {
        width: 100%;
    }

    .texto-01-active h1,
    .texto-01-active h2,
    .texto-01-active h3 {
        font-size: initial;
    }

    /* ------------------------FIM SUPORT ------------------------------*/
    /* ------------------------ ONDE ESTAMOS --------------------------*/
    .container {
        width: 100%;
        text-align: center;
    }

    .container-noticias {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    #double {
        width: 100%;
    }

    .li2 {
        font-size: 12px;
        line-height: initial;
        overflow: scroll;
    }

    .support-centers-search {
        font-size: 2vmin;
    }

    .search-box select {
        font-size: 3vmin;
    }

    #state {
        margin-right: 2%;
    }

    /* ----------------------FIM ONDE ESTAMOS -----------------------------*/
    /* ----------------------- CONTACTO --------------------------------*/

    form#precisoajuda {
        display: inline-block;
        float: none;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 100%;
    }

    .contato-form-container-esq input,
    .contato-form-container-esq textarea,
    .contato-form-container-dir input {
        width: -moz-available;
    }

    .contato-form-container-esq,
    .contato-form-container-dir {
        display: inline-block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        width: 90%;
    }

    .bloco-contato {
        float: left;
        width: 100%;

    }

    /* -----------------------FIM CONTACTO -----------------------------*/
    /*------------------------- FOOTER --------------------------------*/
    .footer-container {
        width: 100%;
    }

    .footer-superior {
        text-align: center;
    }

    .footer-social img {
        width: 5vmin;
    }

    .footer-logo {
        display: block;
        width: 30vmin;
        height: auto;
        margin: auto;
    }

    .footer-facebook,
    .footer-twitter,
    .footer-youtube {
        background-size: cover;
        width: 50px;
        height: 50px;
    }

    .footer-social {
        display: block;
        left: 0;
        top: 30px;
    }

    .footer-sitemap {
        display: inline-block !important;
        text-align: center !important;
        width: 100%;
    }

    .footer-sitemap-container {
        margin: 4% 0 !important;
        /*            font-size:4vmin;*/
    }

    .footer-sitemap-container:last-child {
        margin-bottom: 0 !important;
    }

    .footer-sitemap-container li a {
        /*            font-size:4vmin;*/
        line-height: 5vmin;
    }

    /* ---------------------- FIM FOOTER --------------------------*/
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }

    /* ---------------------- NOTICIAS --------------------------*/
    .div-noticias-imagens {
        width: 95%;
    }

    .div-noticias-texto {
        width: 95%;
        font-size: 14px;
        line-height: 19px;

    }

    .noticia-data {
        font-size: 25px;
        width: 95%;
        line-height: 3vmin;
        border: none;
    }

    .div-noticias-home {
        margin-top: 30px;
    }

    .other-images img {
        width: 23%;
        height: 15vw;
        ;
    }

    .div-noticias-imagens {
        padding-left: 0;
    }

    .noticia-titulo {
        font-size: 3.5vmin;
        line-height: 1.2;
        padding-top: 0;
        width: 95%;
    }

    .noticias-ano {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        float: none;
        font-size: 3.5vmin;
    }

    .mes {
        font-size: 3.5vmin;
    }

    .noticia-link-saibaMais {
        padding-top: 15px;
    }

    .noticia-link-saibaMais a {
        font-size: 20px;
    }

    /* ---------------------- FIM NOTICIAS --------------------------*/

    /*----------------------Area de Clientes--------------------------*/
    .datagrid tbody td {
        padding: 0 !important;
        font-size: 1.6vmin !important;
    }

    .datagrid thead tr.sorters th {
        font-size: 1.6vmin;
    }

    .datagrid thead tr.filters .select,
    .datagrid thead tr.filters .number input,
    .datagrid thead tr.filters .date input,
    .datagrid thead tr.filters .text {
        font-size: 1.6vmin;
    }

    .datagrid thead tr.filters .date input {
        min-width: 0 !important;
    }

    .datagrid .sorter {
        font-size: 1.6vmin !important;
    }

    .badge {
        float: none !important;
        width: auto !important;
        font-size: 10px !important;
    }

    .btncart {
        line-height: 2 !important;
        margin-top: 5% !important;
    }

    /*----------------------Fim Area de Clientes----------------------*/
    /*---------------------- Icon Carrinho----------------------------*/
    .dropdownwrap {
        margin: 0;
    }

    .dropdownwrap .cart2 {
        width: 100%;
        border-bottom: 1px solid lightgray;
    }

    .produtosComplementares {
        width: 100%;
        padding-left: 0;
        border-bottom: 1px solid lightgray;
        border-left: none;
    }

    .manualCompra {
        width: 100%;
        padding-left: 0;
    }

    .cart2 .actions {
        padding: 0;
    }

    .dropdownwrap .button-green2 {
        margin-left: 0;
        margin-bottom: 2vmin;
    }

    .dropdownwrap .manualCompra {
        padding-left: 0;
        padding-bottom: 5vmin;
    }

    .manualCompra .manualCompra2 {
        padding-right: 0;
        padding-left: 0;
        border-left: none;
        width: 100%
    }

    .cart-space {
        padding-top: 0%;
    }

    .dropdownwrap form {
        font-size: 13px;
    }

    .dropdownwrap p {
        font-size: 13px;
    }

    /*---------------------- Fim Icon Carrinho------------------------*/
}

@media only screen and (max-width: 470px) {
    .tp-tabs {
        display: none;
    }

    .sacola-compras-divisoria {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .btnadd-to-cart {
        padding: 1px 4px 1px 4px;
        margin-left: 5%;
    }

    .fastbuy-produtos-table-container {
        font-size: 2.5vmin;
    }

    .card-header {
        font-size: 18px;
    }

    .card-header-image {
        width: 60%;
    }

    .header-contato-container-mobile {
        right: 25%;
        top: 2%;
        position: static;
    }

}

@media only screen and (max-width:320px) {
    .badge {
        display: none;
    }

    .header-login-label a {
        padding-right: 2vmin;
        font-size: 12px;
    }

    #shopping-cart-btn {
        right: 2px;
    }
}

.dialogPopup {
    display: none;
}

.dialogPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    margin-top: -80px;
    width: 500px;
    height: 160px;
    border: 1px solid #333;
    padding: 15px;
    background: #fff;
    z-index: 9999;
    text-align: center;
    box-shadow: 10px 10px 10px #222;
}

.dialogPopup p {
    color: #333;
    font-size: 13px;
    margin-bottom: 15px;
    font-weight: bold;
}

.dialogPopup button {
    font-weight: bold;
}

.norton-sec {
    width: 135px;
    float: right;
    margin-right: 40px;

}

.webtrust-sec {
    float: right;
    margin-top: -20px;
}

@media only screen and (max-width: 500px) {
    .norton-sec {
        display: none;
    }

    .webtrust-sec {
        display: none;
    }
}

@media only screen and (max-width: 700px) {
    .boleto_data {
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media only screen and (max-width:1315px) {
    .navbar-default .navbar-nav .nav-link {

        font-size: 12px;

    }
}

@media only screen and (max-width:1180px) {
    .navbar-default .navbar-nav .nav-link {
        font-size: 10px;

    }
}

@media only screen and (max-width:1010px) {
    .header-pub-certificado button {
        font-size: 12px;
        padding: 5px 10px 5px 10px;
    }

    .header-pub-certificado p {
        font-size: 14px;
    }
}

@media only screen and (min-width:1221px) and (max-width:1483px) {
    .container-noticias {
        margin-left: 10%;
    }

    .titulo-satisfacao {
        font-size: 14px;
    }

    .div-noticias-contato {
        margin-left: 0%;
    }

    .container-titulo-satisfacao {
        margin-top: 20%;
    }
}



/*TABS PARA FORMAS DE PAGAMENTO*/

.tabs {
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-bottom: 2%;
}

.tabs:after {
    content: '';
    display: table;
    clear: both;
}

.tabs input[type=radio] {
    display: none;
}

.tabs label {
    display: inline-block;
    min-width: 15%;
    flex: 1 1 15%;
    color: #ccc;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
    border-bottom: 4px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    padding-bottom: 1%;
    border-color: rgb(115, 165, 51, 0.1);
    font-weight: bold;
}

.tabs label span {
    display: none;
    font-size: 12px;
}

.tabs label:hover {
    color: #73A533;
}

.tab__content {
    display: none;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-top: 2rem;
}

.tab__content * {
    -webkit-animation: scale 0.2s ease-in-out;
    -moz-animation: scale 0.2s ease-in-out;
    animation: scale 0.2s ease-in-out;
}

@keyframes scale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    50% {
        transform: scale(1.01);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.tabs [id^="tab"]:checked+label {
    background: #FFF;
    color: #73A533;
}

.tabs [id^="tab"]:checked+label i {
    background-size: 50px 50px;
    border-color: #73A533;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

@media(max-width: 1049px) {
    .container-menu {
        width: 1350px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .tabs label span {
        display: block;
    }
}

.icon {
    margin-top: 1rem;
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    border: 2px solid #CACFD6;
    background-size: 100px 50px;
    box-sizing: border-box;
}

.pay-boleto {
    background: white url('/skin/default/images/ico-barcode.png');
    background-size: 50px 50px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.pay-creditcard {
    background: white url('/skin/default/images/ico-credit-card.png');
    background-size: 50px 50px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.pay-arpos {
    background: white url('/skin/default/images/ico-payonar.png');
    background-size: 50px 50px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.pay-pix {
    background: white url('/skin/default/images/logo-pix.png');
    background-size: 50px 50px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.pay-voucher {
    background: white url('/skin/default/images/ico-voucher.png');
    background-size: 50px 50px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.circle-icon {
    background: #73A533;
    padding: 15px;
    border-radius: 100%;
    color: white;
    font-size: 13px;
    height: 10px;
    text-align: center;
    width: 10px;
}


.containergeneraterefpix {
    position: relative;
    width: 100%;
    max-width: 400px;
}

.containergeneraterefpix img {
    width: 100%;
    height: auto;
    opacity: 0.05;
}

.containergeneraterefpix .btngenerateref {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #73A533;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}

.containergeneraterefpix .btngenerateref:hover {
    background-color: black;
}

.countdown-label {
    font: thin 15px Arial, sans-serif;
    color: #65584c;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 2px;
    margin-top: 9px;
    font-size: 9px;
}

#countdown {
    box-shadow: 0 1px 2px 0 rgba(1, 1, 1, 0.4);
    width: 170px;
    height: 110px;
    text-align: center;
    background: #f1f1f1;
    border-radius: 5px;
    margin-left: 13%;
    margin-bottom: 5%;
}

#countdown #tiles {
    color: #fff;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 0px #ccc;
    display: inline-block;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    font-size: 25px;
    font-weight: thin;
    display: block;
}

.color-full {
    background: #53bb74;
}

.color-half {
    background: #ebc85d;
}

.color-empty {
    background: #e5554e;
}

#countdown #tiles>span {
    width: 70px;
    max-width: 70px;

    padding: 18px 0;
    position: relative;
}

#countdown .labels {
    width: 100%;
    height: 25px;
    text-align: center;
    position: absolute;
    bottom: 8px;
}

#countdown .labels li {
    width: 102px;
    font: bold 15px 'Droid Sans', Arial, sans-serif;
    color: #f47321;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

.modalb3ds{
    min-height: 500px !important;
}

.iframe3ds{
    width: 100% !important;
    min-height: 500px !important;
    border: none;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.btnNoDefStyle {
    background: none;
    color: #12934d;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-decoration: none;
    font-weight: bold;
}

.loaderWappSms {
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    margin-left: auto;
    height: 50px;
    margin-right: auto;
    margin-top: 2%;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* NOVOS CONTACTOS DO RODAPÉ */

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
    float: left;
}

.colwhite {
    color: white;
}

.btn-circle.btn-sm {
    width: 40px;
    height: 40px;
    padding: 6px 0px;
    border-radius: 20px;
    font-size: 15px;
    text-align: center;
}

.btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 10px;
    text-align: center;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 12px;
    text-align: center;
}

.btngreen {
    color: white;
    background-color: #12934d;
    border-color: #12934d;
}

.btngreen:hover {
    background-color: #12934d;
    border-color: #12934d;
}


/* Tooltip container */
.newtooltip {
    position: relative;
    display: inline-block;
}

.bgtransparent {
    background-color: transparent !important;
}

/* Tooltip text */
.newtooltip .newtooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    width: 120px;
    top: 110%;
    left: 25%;
    margin-left: -60px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.newtooltip:hover .newtooltiptext {
    visibility: visible;
}

.newtooltip .newtooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

/* SUPORTE AR TOAST */
.newtoast {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #12934d;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

.showtoast {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

/* ------ */

.price-container-cloud,
.price-container-cloud:before,
.price-container-cloud:after,
.price-container-cloud .price {
    height: 2em;
    width: 2em;
    background: #d32f2f;
}

.price-container-cloud:before,
.price-container-cloud:after {
    content: "";
    position: absolute;
}

.price-container-cloud {
    position: relative;
    /* Context */
    top: -35px;
    left: -20px;
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transform-origin: center;
    transition: 0.3s all ease-out;
    display: inline-block;
}

.price-container-cloud:before {
    top: 0;
    left: 0;
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    -o-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
    z-index: 1;
}

.price-container-cloud:after {
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.price-container-cloud .price {
    padding: 0em 0em;
    height: 2.5em;
    /* height minus padding */
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    -o-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
    z-index: 1;
    /* important so the text shows up */
}

.price-container-cloud .price span {

    position: relative;
    z-index: 100;
    display: block;
    text-align: center;
    color: #fff;
    font: 0.6em / 2em Sans-Serif;
    padding-top: 25%;
    text-transform: uppercase;
    transform: rotate(22.5deg);
    font-weight: bold;
    left: 9%;
}

.price-container-cloud .price span.number {
    padding-top: 1em;
    font-weight: bold;
    font-size: .5em;
    line-height: .9em;
    color: #ffebee;
}

.price-container-cloud:hover {
    transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
}

.price-container-cloud-tab,
.price-container-cloud-tab:before,
.price-container-cloud-tab:after,
.price-container-cloud-tab .price {
    height: 2.5em;
    width: 2.5em;
    background: #d32f2f;
}

.price-container-cloud-tab:before,
.price-container-cloud-tab:after {
    content: "";
    position: absolute;
}

.price-container-cloud-tab {
    position: relative;
    top: -35px;
    left: -20px;
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transform-origin: center;
    transition: 0.3s all ease-out;
    display: inline-block;
}

.price-container-cloud-tab:before {
    top: 0;
    left: 0;
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    -o-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
    z-index: 1;
}

.price-container-cloud-tab:after {
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.price-container-cloud-tab .price {
    padding: 0em 0em;
    height: 2.5em;
    /* height minus padding */
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    -o-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
    z-index: 1;
    /* important so the text shows up */
}

.price-container-cloud-tab .price span {
    position: relative;
    z-index: 100;
    display: block;
    text-align: center;
    color: #fff;
    font: 0.6em / 2em Sans-Serif;
    padding-top: 25%;
    text-transform: uppercase;
    transform: rotate(22.5deg);
    font-weight: bold;
    left: 9%;
}

.price-container-cloud-tab .price span.number {
    padding-top: 1em;
    font-weight: bold;
    font-size: .5em;
    line-height: .9em;
    color: #ffebee;
}

.price-container-cloud-tab:hover {
    transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
}

/* ------ */


.price-container,
.price-container:before,
.price-container:after,
.price-container .price {
    height: 1.9em;
    width: 1.9em;
    background: #d32f2f;
}

.price-container:before,
.price-container:after {
    content: "";
    position: absolute;
}

.price-container {
    position: relative;
    /* Context */
    top: -6px;
    left: 0;
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transform-origin: center;
    transition: 0.3s all ease-out;
    display: inline-block;
    float: right;
}

.price-container:before {
    top: 0;
    left: 0;
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    -o-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
    z-index: 1;
}

.price-container:after {
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.price-container .price {
    padding: 0em 0em;
    height: 1.9em;
    /* height minus padding */
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    -o-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
    z-index: 1;
    /* important so the text shows up */
}

.price-container .price span {

    position: relative;
    z-index: 100;
    display: block;
    text-align: center;
    color: #fff;
    font: 0.4em/1.5em Sans-Serif;
    text-transform: uppercase;
}

.price-container .price span.number {
    padding-top: 1em;
    font-weight: bold;
    font-size: .5em;
    line-height: .9em;
    color: #ffebee;
}

.price-container:hover {
    transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
}


.price-container-tab,
.price-container-tab:before,
.price-container-tab:after,
.price-container-tab .price {
    height: 1.9em;
    width: 1.9em;
    background: #d32f2f;
}

.price-container-tab:before,
.price-container-tab:after {
    content: "";
    position: absolute;
}

.price-container-tab {
    position: relative;
    top: -2px;
    left: 6px;
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transform-origin: center;
    transition: 0.3s all ease-out;
    display: inline-block;
    float: right;
}

.price-container-tab:before {
    top: 0;
    left: 0;
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    -ms-transform: rotate(22.5deg);
    -o-transform: rotate(22.5deg);
    transform: rotate(22.5deg);
    z-index: 1;
}

.price-container-tab:after {
    top: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #e53935;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.price-container-tab .price {
    padding: 0em 0em;
    height: 1.9em;
    /* height minus padding */
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(-22.5deg);
    -moz-transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    -o-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
    z-index: 1;
    /* important so the text shows up */
}

.price-container-tab .price span {
    position: relative;
    z-index: 100;
    display: block;
    text-align: center;
    color: #fff;
    font: 0.6em/2em Sans-Serif;
    padding-top: 10%;
    text-transform: uppercase;
}

.price-container-tab .price span.number {
    padding-top: 1em;
    font-weight: bold;
    font-size: .5em;
    line-height: .9em;
    color: #ffebee;
}

.price-container-tab:hover {
    transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1.058, 0.38, -0.38, 0, -0.38, 1.058, -0.38, 0, 0.38, 0.38, 0.8464, 0, 0, 0, 0, 1);
}

.tippy-box[data-theme~=light-border] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 8, 16, .15);
    color: #333;
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
}

.tippy-box[data-theme~=light-border]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after,
.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    content: "";
    position: absolute;
    z-index: -1
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after {
    border-color: transparent;
    border-style: solid
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {
    border-top-color: rgba(0, 8, 16, .2);
    border-width: 7px 7px 0;
    top: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {
    top: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff;
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color: rgba(0, 8, 16, .2);
    border-width: 0 7px 7px;
    bottom: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {
    bottom: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {
    border-left-color: rgba(0, 8, 16, .2);
    border-width: 7px 0 7px 7px;
    left: 17px;
    top: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {
    left: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {
    left: 12px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff;
    right: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {
    border-width: 7px 7px 7px 0;
    right: 17px;
    top: 1px;
    border-right-color: rgba(0, 8, 16, .2)
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {
    right: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {
    right: 12px
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
    background-size: 16px 6px;
    width: 16px;
    height: 6px
}

.cloudcardheader {
    opacity: 0.60;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    padding-bottom: 2%;
    margin-bottom: 4%;
    margin-top: 2%;
    line-height: 1.1;
    border-bottom: 3px solid #12934d;
    color: #12934d;
}

.cloud-card-text {
    margin-bottom: 2%;
}

.newbadge {
    text-decoration: blink;
    color: #fff;
    background-color: #dc3545;
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.creditcardNotes{
    color:#004085;
    background-color: #cce5ff;
    border-color:#b8daff;
    position:relative;
    padding:0.75rem 1.25rem;
    margin-bottom:1rem;
    border: 1px solid transparent;
    border-radius:0.25rem;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }
  @media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
    }
    .col-sm-12 {
      width: 100%;
    }
    .col-sm-11 {
      width: 91.66666667%;
    }
    .col-sm-10 {
      width: 83.33333333%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-8 {
      width: 66.66666667%;
    }
    .col-sm-7 {
      width: 58.33333333%;
    }
    .col-sm-6 {
      width: 50%;
    }
    .col-sm-5 {
      width: 41.66666667%;
    }
    .col-sm-4 {
      width: 33.33333333%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-2 {
      width: 16.66666667%;
    }
    .col-sm-1 {
      width: 8.33333333%;
    }
    .col-sm-pull-12 {
      right: 100%;
    }
    .col-sm-pull-11 {
      right: 91.66666667%;
    }
    .col-sm-pull-10 {
      right: 83.33333333%;
    }
    .col-sm-pull-9 {
      right: 75%;
    }
    .col-sm-pull-8 {
      right: 66.66666667%;
    }
    .col-sm-pull-7 {
      right: 58.33333333%;
    }
    .col-sm-pull-6 {
      right: 50%;
    }
    .col-sm-pull-5 {
      right: 41.66666667%;
    }
    .col-sm-pull-4 {
      right: 33.33333333%;
    }
    .col-sm-pull-3 {
      right: 25%;
    }
    .col-sm-pull-2 {
      right: 16.66666667%;
    }
    .col-sm-pull-1 {
      right: 8.33333333%;
    }
    .col-sm-pull-0 {
      right: auto;
    }
    .col-sm-push-12 {
      left: 100%;
    }
    .col-sm-push-11 {
      left: 91.66666667%;
    }
    .col-sm-push-10 {
      left: 83.33333333%;
    }
    .col-sm-push-9 {
      left: 75%;
    }
    .col-sm-push-8 {
      left: 66.66666667%;
    }
    .col-sm-push-7 {
      left: 58.33333333%;
    }
    .col-sm-push-6 {
      left: 50%;
    }
    .col-sm-push-5 {
      left: 41.66666667%;
    }
    .col-sm-push-4 {
      left: 33.33333333%;
    }
    .col-sm-push-3 {
      left: 25%;
    }
    .col-sm-push-2 {
      left: 16.66666667%;
    }
    .col-sm-push-1 {
      left: 8.33333333%;
    }
    .col-sm-push-0 {
      left: auto;
    }
    .col-sm-offset-12 {
      margin-left: 100%;
    }
    .col-sm-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
      margin-left: 75%;
    }
    .col-sm-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
      margin-left: 50%;
    }
    .col-sm-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
      margin-left: 25%;
    }
    .col-sm-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
    }
    .col-md-12 {
      width: 100%;
    }
    .col-md-11 {
      width: 91.66666667%;
    }
    .col-md-10 {
      width: 83.33333333%;
    }
    .col-md-9 {
      width: 75%;
    }
    .col-md-8 {
      width: 66.66666667%;
    }
    .col-md-7 {
      width: 58.33333333%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-5 {
      width: 41.66666667%;
    }
    .col-md-4 {
      width: 33.33333333%;
    }
    .col-md-3 {
      width: 25%;
    }
    .col-md-2 {
      width: 16.66666667%;
    }
    .col-md-1 {
      width: 8.33333333%;
    }
    .col-md-pull-12 {
      right: 100%;
    }
    .col-md-pull-11 {
      right: 91.66666667%;
    }
    .col-md-pull-10 {
      right: 83.33333333%;
    }
    .col-md-pull-9 {
      right: 75%;
    }
    .col-md-pull-8 {
      right: 66.66666667%;
    }
    .col-md-pull-7 {
      right: 58.33333333%;
    }
    .col-md-pull-6 {
      right: 50%;
    }
    .col-md-pull-5 {
      right: 41.66666667%;
    }
    .col-md-pull-4 {
      right: 33.33333333%;
    }
    .col-md-pull-3 {
      right: 25%;
    }
    .col-md-pull-2 {
      right: 16.66666667%;
    }
    .col-md-pull-1 {
      right: 8.33333333%;
    }
    .col-md-pull-0 {
      right: auto;
    }
    .col-md-push-12 {
      left: 100%;
    }
    .col-md-push-11 {
      left: 91.66666667%;
    }
    .col-md-push-10 {
      left: 83.33333333%;
    }
    .col-md-push-9 {
      left: 75%;
    }
    .col-md-push-8 {
      left: 66.66666667%;
    }
    .col-md-push-7 {
      left: 58.33333333%;
    }
    .col-md-push-6 {
      left: 50%;
    }
    .col-md-push-5 {
      left: 41.66666667%;
    }
    .col-md-push-4 {
      left: 33.33333333%;
    }
    .col-md-push-3 {
      left: 25%;
    }
    .col-md-push-2 {
      left: 16.66666667%;
    }
    .col-md-push-1 {
      left: 8.33333333%;
    }
    .col-md-push-0 {
      left: auto;
    }
    .col-md-offset-12 {
      margin-left: 100%;
    }
    .col-md-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
      margin-left: 75%;
    }
    .col-md-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
      margin-left: 50%;
    }
    .col-md-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
      margin-left: 25%;
    }
    .col-md-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
      margin-left: 0;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
    }
    .col-lg-12 {
      width: 100%;
    }
    .col-lg-11 {
      width: 91.66666667%;
    }
    .col-lg-10 {
      width: 83.33333333%;
    }
    .col-lg-9 {
      width: 75%;
    }
    .col-lg-8 {
      width: 66.66666667%;
    }
    .col-lg-7 {
      width: 58.33333333%;
    }
    .col-lg-6 {
      width: 50%;
    }
    .col-lg-5 {
      width: 41.66666667%;
    }
    .col-lg-4 {
      width: 33.33333333%;
    }
    .col-lg-3 {
      width: 25%;
    }
    .col-lg-2 {
      width: 16.66666667%;
    }
    .col-lg-1 {
      width: 8.33333333%;
    }
    .col-lg-pull-12 {
      right: 100%;
    }
    .col-lg-pull-11 {
      right: 91.66666667%;
    }
    .col-lg-pull-10 {
      right: 83.33333333%;
    }
    .col-lg-pull-9 {
      right: 75%;
    }
    .col-lg-pull-8 {
      right: 66.66666667%;
    }
    .col-lg-pull-7 {
      right: 58.33333333%;
    }
    .col-lg-pull-6 {
      right: 50%;
    }
    .col-lg-pull-5 {
      right: 41.66666667%;
    }
    .col-lg-pull-4 {
      right: 33.33333333%;
    }
    .col-lg-pull-3 {
      right: 25%;
    }
    .col-lg-pull-2 {
      right: 16.66666667%;
    }
    .col-lg-pull-1 {
      right: 8.33333333%;
    }
    .col-lg-pull-0 {
      right: auto;
    }
    .col-lg-push-12 {
      left: 100%;
    }
    .col-lg-push-11 {
      left: 91.66666667%;
    }
    .col-lg-push-10 {
      left: 83.33333333%;
    }
    .col-lg-push-9 {
      left: 75%;
    }
    .col-lg-push-8 {
      left: 66.66666667%;
    }
    .col-lg-push-7 {
      left: 58.33333333%;
    }
    .col-lg-push-6 {
      left: 50%;
    }
    .col-lg-push-5 {
      left: 41.66666667%;
    }
    .col-lg-push-4 {
      left: 33.33333333%;
    }
    .col-lg-push-3 {
      left: 25%;
    }
    .col-lg-push-2 {
      left: 16.66666667%;
    }
    .col-lg-push-1 {
      left: 8.33333333%;
    }
    .col-lg-push-0 {
      left: auto;
    }
    .col-lg-offset-12 {
      margin-left: 100%;
    }
    .col-lg-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
      margin-left: 75%;
    }
    .col-lg-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
      margin-left: 50%;
    }
    .col-lg-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
      margin-left: 25%;
    }
    .col-lg-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
      margin-left: 0;
    }
  }

  .recoPrdContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .pe-pointer{
    cursor:pointer;
  }

  .bd-example>.alert+.alert, .bd-example>.nav+.nav, .bd-example>.navbar+.navbar, .bd-example>.progress+.btn, .bd-example>.progress+.progress {
    margin-top: 1rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    text-align: center;
}

.icnGreen{
    color:#155724;
}

.aligncontentcenter{
    display: flex;
    align-items: center;
}

.disnone{
    display:none !important;
}

.pa-1{
    padding:1rem;
}

.prdboxborder{
    border: solid 1px #c8c1c2;
}

.recPrdSelected{
    border: 2px solid #12934d !important;
    background-color: #d4edda;
}

.d-inlineflex{
    display: inline-flex;
}

.ms-02{
    margin-left: 0.2rem;
}

.ms-1{
    margin-left: 1rem;
}

.me-2{
    margin-right: 2rem;
}

.me-1{
    margin-right: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mt-2{
    margin-top:2rem;
}

.fs12{
    font-size: 12px;
}

.fs14{
    font-size:14px;
}

.fs18{
    font-size: 18px;
}

.textcenter{
    text-align: center;
}

.d-flex{
    display: flex;
}

.f-column{
    flex-direction: column;
}

.fc-green{
    color: #12934d;
}

.includedprdchk{
    font-family: 'Roboto-light';
    font-size: 12px;
    border: solid 1px #c8c1c2;
    padding: 5px 7px 2px 7px;
    width: 2%;
    background-color: #fff;
    margin-right: 0.2rem;
    display: block !important;
}

.inclPrdcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .inclPrdcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .inclPrdCheckmark {
    position: absolute;
    top: 10px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: trnsparent;
    border: 2px solid green;
    border-radius:5px;
  }
  
  /* On mouse-over, add a grey background color */
  .inclPrdcontainer:hover input ~ .inclPrdCheckmark {
    background-color: transparent;
  }
  
  /* When the checkbox is checked, add a blue background */
  .inclPrdcontainer input:checked ~ .inclPrdCheckmark {
    background-color: transparent;
    border: 2px solid green;
    border-radius:5px;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .inclPrdCheckmark:after {
    content: "";
    position: absolute;
    display: none;
    
  }
  
  /* Show the checkmark when checked */
  .inclPrdcontainer input:checked ~ .inclPrdCheckmark:after {
    display: block;
    color:green;
  }
  
  /* Style the checkmark/indicator */
  .inclPrdCheckmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid green;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    color:green;
  }
  
  .col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.ai-baseline{
    align-items: baseline;
}

.imgBgNoMobile{
    display:block !important;
}

.imgBgMobile{
    display:none !important;
}

@media (max-width: 900px) {
    .imgBgNoMobile{
        display:none !important;
    }
    
    .imgBgMobile{
        display:block !important;
    }
}