@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Italic.woff2') format('woff2'),
        url('../fonts/Calibri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('../fonts/Calibri-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('../fonts/Calibri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'displayed';
    src: url('../fonts/DISPLAYED.woff2') format('woff2'),
        url('../fonts/DISPLAYED.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* GERAL */

.home p {
    text-align: justify;
    text-align-last: center;
	word-break: break-word;
    hyphens: auto;
}

body img {
    display: inline-block;
}

h1, h2, body h3, h4, h5, .title {
    font-family: 'displayed';
    text-align: center;
    text-align-last: center;
    font-size: 35px;
    padding: 20px;
    font-weight: 400;
    color: #101010;
    line-height: 35px;
}

.todas h1,.todas h2,.todas body h3,.todas h4,.todas h5,.todas .title {
    text-align: justify;
    text-align-last: left;
    padding-left: 0;
    padding-right: 0;
}

.subtitle {
    font-family: 'displayed';
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-column-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.flex-around {
    display: flex;
    justify-content: space-around;
    align-items:center;
}

.flex-item1 {
    flex: 1;
}

.flex-item2 {
    flex: 2;
}

/* TOP BAR */

.site #sp-top-bar {
    background: #000 !important; /* O template já tem um important no template.css:3413 */
}

.site #sp-top2 span {
    color: white; 
    font-weight: 400;
    font-size: 15px;
}

.site #sp-top-bar .sp-module {
    margin: 0px;
}

@media ( max-width: 767px ) {
    .site #sp-top2 {
        font-size: 12px;
        text-align: center;
    }

    .site #sp-top2 span {
        font-size: 12px;
    }
}

/* MENU */

/**
 * Foi comentada a linha 98, 99, 106 e 110 no arquivo
 * /templates/shaper_helix3/js/main.js
 * para o menu ficar por cima do banner e quando alterar
 * entre position fixed e absolute não dar um "tranco"
 */


.offcanvas-menu {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6d0000+0,470000+100 */
    background: #6d0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #6d0000 0%, #470000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #6d0000 0%,#470000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #6d0000 0%,#470000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0000', endColorstr='#470000',GradientType=0 ); /* IE6-9 */
}

.site .sp-module ul > li > a::before {
    content: '';
}

.site .offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    font-weight: 600;
}

.home #sp-header {
    background: transparent;
    padding: 35px;
    box-shadow: none;
    transition: background-color 0.3s ease;
    height: auto;
}

#sp-header.animated.menu-fixed {
    top: 0px;
    background-color:#9e0000;
    padding: 5px;
}

#sp-header.animated.menu-fixed .container {
    width: 100%;
}

#sp-header.animated.menu-fixed-out {
    position: absolute;
    top: 40px;
}

.todas #sp-header.animated.menu-fixed-out {
    background-color:#9e0000;
}

.todas #sp-header.animated.menu-fixed-out .sp-default-logo{
    max-width: 65%;
    padding: 13px;
}

ul.sp-megamenu-parent {
    float: left;
    max-height: 90px;
}

#sp-header .logo {
    float: right;
}

.sp-default-logo {
    max-width: 90%;
    transition: max-width 0.2s ease;
}

#sp-header.animated.menu-fixed .sp-default-logo {
    max-width: 70%;
}

.site .sp-megamenu-parent > li > a {
    color: white;
    font-family: displayed;
    font-size: 25px;
}

.site .sp-megamenu-parent > li.active > a, .site .sp-megamenu-parent > li:hover > a {
    color:white;
}

@media ( max-width: 767px ) {
    .sp-default-logo, #sp-header.animated.menu-fixed .sp-default-logo {
        max-width: 100%;
    }

    a#offcanvas-toggler {
        float: none;
        text-align: center;
    }

    a#offcanvas-toggler i {
        color: white;
    }

    .todas #sp-header.animated.menu-fixed-out .sp-default-logo{
        max-width: 100%;
    }
}


/* RODAPÉ */

.customrodapeItem h5 {
    padding: 0;
}

.customrodapeItem li, .customrodapeItem p, .customrodapeItem h5 {
    font-family: 'displayed';
    text-align-last: left;
    color: white;
    font-size: 20px;
    line-height: 20px;
}

.site #sp-bottom {
    background-color: #181818;
}

#sp-bottom > .container {
    padding: 0 50px;
}

#sp-bottom .row:first-child {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
}

@media ( max-width: 767px ) {
    .todas .rodapeEndereco p {
        text-align-last: center;
    }
}

/* HOME */

.home #sp-feature {
    padding: 0px;
}

.home .container {
    width: 100%;
}

.bannerPrincipal  div{ 
    height: calc(100vh - 40px);
}

@media ( max-width:767px ) {
    .p-home_bannerPrincipal-banner1 img {
        margin-top: 60px;
    }
}

.p-home_bannerPrincipal-banner1 {
    background-image: url('../../../images/home/banner/bgBanner-1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px;
}

.p-home_bannerPrincipal-banner1 p {
    padding-top: 35px;
    font-size: 35px;
    color: white;
    text-align: center;
    line-height: 35px;
}

.p-home_bannerPrincipal-banner1 i {
	position: fixed;
	bottom: 20px;
	color: white;
	font-size: 50px;
}

.home #sp-component  {
    position: inherit;
}



.home #sp-main-body {
    background-image: url('../../../images/home/atendimento/logotipo.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 60%;
    position: relative;
    padding: 130px 50px 180px;
}

.home #sp-main-body::before {
	background-color: #e1e3df;
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.9;
}

.p-home_features {
    position: relative;
}

.p-home_features-item {
  max-width: 215px;
  text-align: center;
}

.p-home_features-item p {
	max-width: 175px;
}

@media ( max-width: 767px ) {
    .p-home_features {
        flex-direction: column;
        /* margin-bottom: 60px; */
        margin-left: auto;
        margin-right: auto;
    }

    .p-home_features-item {
        margin-bottom: 60px;
    }

    .p-home_features-item p {
        max-width: 235px;
    }
}

.p-home_diskEntrega {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9e0101+0,eb0000+100 */
    background: #9e0101; /* Old browsers */
    background: -moz-linear-gradient(top,  #9e0101 0%, #eb0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #9e0101 0%,#eb0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9e0101 0%,#eb0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0101', endColorstr='#eb0000',GradientType=0 ); /* IE6-9 */
    padding: 35px 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1100px;
    width: 100%;
}

.p-home_diskEntrega-container {
	left: 0px;
	position: absolute;
	width: 100%;
	padding: 0 50px;
	bottom: -60px;
}

.p-home_diskEntrega-icon {
    max-width: 465px;
    text-align: center;
    width: 100%;
}

.p-home_diskEntrega-text {
    max-width: 640px;
    text-align: left;
    width: 100%;
}

.p-home_diskEntrega-text .title {
    font-size: 35px;
    color: white;
    font-weight: 200;
    padding-left: 0px;
    text-align: left;
}

.p-home_diskEntrega-text p {
	font-size: 27px;
	color: white;
    font-weight: 400;
    text-align-last: left;
}

@media ( max-width: 767px ) {
    .p-home_diskEntrega {
        flex-direction: column;
    }

    .p-home_diskEntrega-text .title {
        font-size: 21px;
        padding: 25px 0 0;
        text-align: center;
        text-align-last: center;
    }

    .p-home_diskEntrega-text p {
        font-size: 14px;
        text-align-last: center;
    }

    .p-home_diskEntrega-icon {
        max-width: 70%;
    }
}

.p-home_sobreEmpresa {
    padding: 0 50px 50px;
}

.p-home_sobreEmpresa div {
    text-align: center;
    max-width: 1040px;
    padding-top: 120px;
}

.p-home_sobreEmpresa .title {
    font-size: 40px;
    padding: 20px;
}

/* Produtos Que Vendemos */
.p-home_mod-produtosQueVendemos {
    background: url('../../../images/home/produtos/background-produtos.png');
}

.p-home_produtosQueVendemos > div {
    max-width: 1040px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.p-home_produtosQueVendemos-item  {
    padding: 20px;
}

.p-home_produtosQueVendemos-item p {
	color: #e70304;
	font-size: 20px;
	line-height: 20px;
	margin-top: 10px;
}
@media ( max-width: 767px ) {
    .p-home_produtosQueVendemos-item .subtitle {
        text-align: center;
        text-align-last: center;
    }
}

/* RODAPÉ */

.customrodapeItem.rodapePagamentosAceitos, .customrodapeItem.rodapePagamentosAceitos h5 {
    text-align: center;
    text-align-last: center;
}

.site #sp-footer {
    background: #222;
}

.site .sp-module ul > li > a {
    color: white;
}

.site .sp-module ul > li > a:hover {
    color: white;
}

@media ( max-width: 767px ) {

    .site #sp-bottom {
        padding: 50px 0;
    }

    .p-home_produtosQueVendemos div > .flex-around {
        flex-wrap: wrap;
        justify-content: center;
        margin-right: auto;
        margin-left: auto;
    }
    .p-home_produtosQueVendemos-item {
        flex-shrink: 3;
        flex-basis: auto;
        padding: 50px;
    }

    .p-home_produtosQueVendemos {
        padding: 50px;
    }

    .p-home_produtosQueVendemos-item p {
        text-align-last: center;
    }

    .rodapeItem {
        padding: 35px 0;
    }

    .container .row, .container #sp-bottom1, .container #sp-bottom2, .container #sp-bottom3 {
        padding: 0px;
    }


    .customrodapeItem li, .customrodapeItem p, .customrodapeItem h5 {
        text-align: center;
        text-align-last: center;
    }

    .customrodapeItem.rodapePagamentosAceitos, .customrodapeItem.rodapePagamentosAceitos h5 {
        text-align: center;
        text-align-last: center;
    }
}

/* PÁGINA CONTATO */


.contato.site #sp-main-body > .container {
    margin-top: 0px;
}

#sp-main-body > .container {
    padding: 0;
}

.contato-MapaGoogle {
    width: 100%;
    height: 345px;
}

.container_email {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.container_email form {
    width: 100%;
}

.container_email > div {
    width: 100%;
}

.container_email-inputs {
    padding: 0 30px 0 0;
    flex: 1;
}
.container_email-textArea {
    padding: 0 0 0 0;
    flex: 2;
    height: 185px;
}

.container_email-textArea textarea {
    width: 100%;
    height: 100%;
}

.flex-around.endereco {
    align-items: flex-end;
    padding-bottom: 50px;
}

.flex-around.endereco  h3{
    text-align-last: left;
    padding-left: 0;
}

.flex-around.endereco .flex-item1 {
    padding-right: 30px;
}

.container_email-textArea .contato-submit {
    display: none;
}

@media ( max-width: 767px ) {
    .flex-around {
        max-width: 277px;
        width: 100%;
    }

    .flex-around.endereco {
        flex-direction: column;
        align-items: baseline;
        align-items: center;
    }

    .flex-around.endereco > .flex-item1 {
        max-width: 277px;
        width: 100%;
    }

    .contato form .flex-around {
        flex-direction: column;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }
    .container_email-inputs {
        padding: 0;
    }

    .container_email-inputs {
        max-width: 277px;
        width: 100%;
    }

    .container_email-textArea {
        max-width: 277px;
        width: 100%;
    }

    .container_email-inputs .contato-submit {
        display: none;
    }

    .container_email-textArea .contato-submit {
        display: inline-block;
    }

}

/* GERAL PÁGINAS INTERNAS */

#sp-section-8 .container {
    width: 100%;
    padding: 0;
}

#sp-main-body > .container {
    padding: 50px 0;
}

.todas #sp-main-body > .container {
    margin-top: 90px;
}

.todas p {
    text-align: justify;
    text-align-last: left;
	word-break: break-word;
    hyphens: auto;
}

.todas .page-header {
    display: none;
}

.todas blockquote {
    border-color: #9e0000;
}

.todas #sp-component {
    padding: 0px 50px 0;
}