/* --- font face --- */


/* noto-sans-regular - latin */

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/noto-sans-v9-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans'), local('NotoSans'), url('../webfonts/noto-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/noto-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/noto-sans-v9-latin-regular.svg#NotoSans') format('svg');
    /* Legacy iOS */
}


/* noto-sans-700 - latin */

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../webfonts/noto-sans-v9-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('../webfonts/noto-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/noto-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/noto-sans-v9-latin-700.svg#NotoSans') format('svg');
    /* Legacy iOS */
}


/* noto-sans-italic - latin */

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../webfonts/noto-sans-v9-latin-italic.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans Italic'), local('NotoSans-Italic'), url('../webfonts/noto-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/noto-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/noto-sans-v9-latin-italic.svg#NotoSans') format('svg');
    /* Legacy iOS */
}


/* noto-sans-700italic - latin */

@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../webfonts/noto-sans-v9-latin-700italic.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'), url('../webfonts/noto-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../webfonts/noto-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../webfonts/noto-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../webfonts/noto-sans-v9-latin-700italic.svg#NotoSans') format('svg');
    /* Legacy iOS */
}


/*
font-family: 'Noto Sans';
400: regular, italic
700: regular, italic

*/


/* --- general --- */

html {
    height: 100%
}

body,
td,
th {
    font-family: 'Noto Sans';
}

body {
    font-family: 'Noto Sans', Arial, Verdana;
    font-display: swap;
    height: 100%;
    min-width: 380px;
    padding: 0px;
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    background-color: #f0f0f0;
    overflow: auto;
}

a {
    text-decoration: none;
    outline: none;
    color: #000;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a:hover {
    text-decoration: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a img {
    /*
	display: block;
	transition: opacity 0.3s ease 0s;
	opacity: 1;
	max-width: 100%;
	height: auto;
    */
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 1;
    /*
    max-width: 100%;
    height: auto;
    float: left;
    */
}

a:hover img {
    opacity: 0.8;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

p {
    font-size: 1.125rem;
    padding: .375rem 0;
    color: #000;
    line-height: 1.6;
}

p#main {
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0
}

.b,
strong,
.bold {
    font-weight: 700
}

.clearfix:after {
    font-size: 0px;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
}

.clear {
    float: none;
    clear: both
}

.relative {
    position: relative
}

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

figure {
    padding: 0;
    margin: 0
}

.valign {
    /*display: flex;*/
    display: grid;
    align-items: center;
}

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

.no-gutter [class*='col-'],
.no-gutter [class*='col-'] {
    padding-right: 0;
    padding-left: 0
}

.inline {
    display: inline-block;
}

.shad {
    -webkit-box-shadow: 10px 10px 14px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 14px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 14px 0px rgba(0, 0, 0, 0.2);
}


/* --- table --- */

table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #CCC;
}


/* Zebra striping */

tr:nth-of-type(odd) {
    background: #EEE;
}

table td,
table th {
    padding: 10px 6px;
    font-family: 'Noto Sans';
    font-size: 1rem;
    line-height: 1.4;
    vertical-align: middle;
}

table.c td,
table.c th {
    text-align: center;
}

table th {
    background-color: #267b86;
    border-right: 1px solid rgba(0, 0, 0, .25);
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    color: #FFF;
    font-weight: bold;
    text-align: left;
}

table tfoot td {
    border-top: 1px solid #CCC;
    background-color: #267b86;
    color: #FFF;
    font-weight: bold;
    border-right: 1px solid rgba(0, 0, 0, .25);
    border-bottom: 1px solid rgba(0, 0, 0, .25);
}


/* --- form --- */

input,
textarea,
select {
    font-family: 'Noto Sans';
    border: 1px solid #C1C1C1;
    font-size: 1rem;
    line-height: 24px;
    padding: 12px 10px;
    color: #777;
    margin: 0;
}

select {
    padding: 13px 10px;
}

input[type='number'] {
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form {
    text-align: center;
    font-family: 'Noto Sans';
}

.form input,
.form textarea,
.form select {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #888;
    font-size: 18px;
    color: #000;
    padding: 10px;
}

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

.form .form-group.field50,
.form select.field50 {
    width: 49%;
    float: left
}

.form .form-group.formSpc {
    margin-right: 2%
}

.form input:hover,
.form textarea:hover,
.form select:hover {
    background-color: #d9d9d9;
    color: #000
}

.form input:focus,
.form textarea:focus,
.form select:focus {
    background-color: #dadada;
    color: #000
}

.form label {
    width: 100%;
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    padding: 16px 0 5px;
    float: left;
    text-align: left;
}

.form label.error {
    width: 100%;
    font-size: .875rem;
    color: #F00;
    background-color: #FF0;
    padding: 6px;
}

.form .field50.error+label.error {
    width: 49%;
    background-color: #FF0;
}

.form input[type="radio"] {
    width: auto;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 15px;
}

.form ::placeholder {
    color: #BBB;
    opacity: 1
}


/* Chrome, Firefox, Opera, Safari 10.1+ */

.form :-ms-input-placeholder {
    color: #BBB
}


/* Internet Explorer 10-11 */

.form ::-ms-input-placeholder {
    color: #BBB
}


/* --- headers --- */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 700
}


/* --- header --- */

.sticky {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.sticky2 {
    padding-bottom: 20px;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.header-top-bar-container .header-toggle {
    display: none;
    clear: both;
    text-align: center;
    color: #777;
    padding: 15px 0;
}

.header-top-bar-container .header-toggle:hover {
    color: #000;
}

.header-top-bar-container .header-toggle {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-filter: fliph;
    filter: fliph;
}

.header-top-bar-container .header-toggle.active {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.header-top-bar div {
    display: inline-block
}

header {
    width: 100%;
    position: relative;
    /*position: fixed;*/
}

header .logo {
    width: 210px;
    height: auto;
    float: left;
    text-align: center;
}

header .logo a {
    width: auto;
    display: inline-block;
    height: auto;
}

header .barraTopo {
    height: 45px;
    padding: 10px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}

header.sticky2 .barraTopo {
    height: 40px;
    padding: 6px 0 0;
    border-bottom: 1px solid #FFF;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .barraTopo a {
    margin-left: 33px;
    font-size: 24px;
    font-weight: 700;
    color: #873531;
    /*text-shadow: -1px 0 #CCC, 0 1px #CCC, 1px 0 #CCC, 0 -1px #CCC;*/
    text-shadow: -2px 0 2px rgba(255, 255, 255, .65), 0 2px 2px rgba(255, 255, 255, .65), 2px 0 2px rgba(255, 255, 255, .65), 0 -2px 2px rgba(255, 255, 255, .65);
}

header .barraTopo a.botHead {
    float: right;
    margin: 0;
    padding: 7px 20px;
    font-size: 12px;
    font-weight: 400;
    text-shadow: none;
    color: #FFF;
}

header.sticky2 .barraTopo a {
    margin-left: 123px;
}

header .barraTopo a:first-child {
    margin-left: 0;
}

header .barraTopo a span {
    font-size: 20px;
    vertical-align: top;
}

header .barraTopo a:hover {
    color: #b81e41
}

header .barraTopo a.botHead:hover {
    color: #FFF
}

header img.light-shadow {
    /*filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, .8));*/
    filter: drop-shadow(-1px 0 1px rgba(255, 255, 255, .8)) drop-shadow(0 1px 1px rgba(255, 255, 255, .8)) drop-shadow(1px 0 1px rgba(255, 255, 255, .8)) drop-shadow(0 -1px 1px rgba(255, 255, 255, .8));
}

.header {
    height: 140px;
    padding: 20px 0 0;
}

.headerInt {
    height: 232px;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #CCC;
}

.headerInt h1 {
    width: 100%;
    font-size: 1.875rem;
    font-weight: 700;
    padding: 0px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: calc(50% + 25px);
    text-align: center;
}

.menuBar {
    background-color: #9d322f;
}


/* busca */

header .contBusca {
    width: 100%;
    position: absolute;
    z-index: 100;
}

header .contBusca .busca {
    font-weight: 700;
    background-color: #71706e;
    text-align: center;
    padding: 20px 0;
    -moz-border-radius: 0 0 12px 12px;
    -webkit-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
}

header .contBusca .busca p {
    font-size: 1.25rem;
    color: #FFF;
}

header .contBusca .busca .form-group,
header .contBusca .busca p {
    display: inline-block;
    vertical-align: middle;
}

header .contBusca .busca input {
    width: 300px;
    background-color: #FFF;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    padding: 4px 4px 4px 10px;
    margin-left: 10px;
    vertical-align: middle;
    border: none;
}

header .contBusca .busca .btn {
    width: auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    background-color: #873531;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header .contBusca .busca .btn-p {
    padding: 9px 18px;
}


/* --- sf-menu superfish --- */

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.sf-menu li {
    position: relative;
    display: inline-block;
    text-align: left
}

.sf-menu li:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 35px;
    padding-top: 12px;
    border-bottom: 1px solid #FFF;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: calc(100% + 2px);
    left: 0;
    z-index: 99;
}

.sf-menu>li {
    display: inline-block;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: calc(100% + 2px)
}

.sf-menu {
    width: 100%;
}

.sf-menu ul {
    box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, .2);
    min-width: 12em;
    /* allow long menu items to determine submenu width */
    *width: 12em;
    /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 400;
    padding: 10px 20px;
    text-decoration: none;
    zoom: 1;
    /* IE7 */
}

.sf-menu a:hover {
    text-decoration: none;
}

.sf-menu a span {
    font-size: .75rem;
    color: #9d322f;
    font-weight: 700;
    padding: 2px 8px;
    background-color: #FFF;
    margin-left: 5px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.sf-menu li {
    white-space: nowrap;
    /* no need for Supersubs plugin */
    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.sf-menu ul {
    border-left: 1px solid #33757b;
    border-bottom: 1px solid #33757b
}

.sf-menu ul li {
    background: #5c9ea4;
    border-top: 1px solid #33757b;
    border-right: 1px solid #33757b;
}


/*.sf-menu>li:hover>a {
    color: #000;
}*/


/*.sf-menu ul li:hover {
    background: #71b3b9;
}*/

.sf-menu ul li a {
    font-size: 1rem;
}

header.sticky2 .sf-menu a {
    padding: 17px 20px 13px;
}

header .sf-menu li:hover a,
header.sticky2 .sf-menu li:hover a {
    text-decoration: none;
}


/* accordion menu */

.accordion-menu {
    border: 2px solid #CCC;
    /*-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.35);*/
}

.accordion-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion-menu li.tit {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9d322f;
    text-align: center;
    padding: 12px 0;
    background-color: #dfdfdf;
}

.accordion-menu li.open>ul {
    display: block;
}

.accordion-menu li>ul {
    /* position: absolute; */
    display: none;
    height: 0;
    overflow: hidden;
    transition: height 350ms ease-in-out;
    padding-left: 10px;
}

.accordion-menu ul.is-visible {
    display: block;
    /* height: auto; */
}

.accordion-menu ul.ulMenuProd>li>a {
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    background-color: #9d322f;
    padding: 15px 10px;
}

.accordion-menu li {
    font-size: .875rem;
    border-bottom: 1px solid rgba(194, 194, 194, 0.333);
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
}

.accordion-menu ul li.open ul {
    background-color: #dfdfdf;
}

.accordion-menu li:last-child {
    border: none;
}

.accordion-menu li::after {
    content: "";
    display: block;
    clear: both;
}

.accordion-menu li>a>svg {
    display: block;
    position: relative;
    fill: rgb(255, 255, 255);
    width: 10px;
    float: right;
    transition: all .3s ease;
}

.accordion-menu li li>a>svg {
    display: block;
    position: relative;
    fill: rgb(5, 5, 5);
    width: 10px;
    float: right;
    transition: all .3s ease;
}

.accordion-menu li.open>a>svg {
    transform: rotate(-180deg);
}

.accordion-menu a {
    padding: 10px 10px 10px 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.accordion-menu * {
    box-sizing: border-box;
}


/* /accordion menu */


/*
chaining hover
#nav > li:hover > a {}
#nav > li > ul > li:hover > a {}
#nav > li > ul > li > ul > li:hover > a {}
*/


/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em;
    /* no CSS arrows for IE7 (lack pseudo-elements) */
}


/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -1px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #FFF;
    /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255, 255, 255, 1);
}

.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: #000
}


/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #FFF;
    /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(0, 0, 0, .5);
}

.sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: #000
}


/* --- menu --- */

.menu-container {
    text-align: right;
}


/* --- mobile menu --- */

.mobile-menu-container {
    display: none;
}

.header .mobile-menu-switch,
.mobile-menu,
.mobile-menu-divider {
    display: none;
    margin-left: auto;
    margin-right: auto;
    float: right;
}

.mobile-menu {
    width: 100%;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.4);
}

.mobile-menu-divider {
    margin-top: 15px;
}

.mobile-menu li a {
    /*width: 320px;*/
    display: block;
    color: #25282A;
    /*background: #F0F0F0;*/
    font-size: 18px;
    padding: 20px;
    margin-bottom: 1px;
}

.mobile-menu a span {
    font-size: .75rem;
    color: #FFF;
    font-weight: 700;
    padding: 2px 8px;
    background-color: #9d322f;
    margin-left: 5px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.mobile-menu li:hover a {
    background-color: #d3d3d3;
}

.mobile-menu li.selected a,
.mobile-menu li.selected ul li.selected a,
.mobile-menu li.selected ul li.selected ul li.selected a {
    background: #00b9f2;
    color: #FFF;
}

.mobile-menu li ul {
    background-color: #f5f5f5;
}

.mobile-menu li ul a {
    font-size: 14px;
}

.mobile-menu li ul ul a {
    font-size: 14px;
}

.mobile-menu li.selected ul a,
.mobile-menu li.selected ul li.selected ul a {
    color: #25282A;
    background: #F0F0F0;
}

.mobile-menu-switch .line {
    display: block;
    width: 40px;
    height: 5px;
    background: #FFF;
    margin-top: 8px;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.35);
}

.mobile-menu-switch:hover .line {
    background: #CCC;
}


/* --- vertical menu --- */

.vertical-menu li a {
    display: block;
    background: transparent;
    border-bottom: 1px solid #E2E6E7;
    padding: 17px 18px 18px 19px;
    line-height: 24px;
    color: #777;
}

.vertical-menu li.selected a {
    background: #00b9f2;
    border-color: #00b9f2;
}

.vertical-menu li:hover a,
.vertical-menu li:hover a span {
    color: #00b9f2;
}

.vertical-menu li.selected a,
.vertical-menu li.selected a span {
    color: #FFF;
}

.vertical-menu li a span {
    float: right;
    color: #A4AAB3;
    font-size: 11px;
}


/* --- vertical align --- */

header .vertical-align-cell {
    /*display: table-cell;*/
    vertical-align: middle;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .vertical-align-cell nav {
    margin-top: 30px;
    display: inline-block;
}

header.sticky2 .vertical-align-cell nav {
    margin-top: 30px;
    background: none;
}

header.sticky2 .vertical-align-cell {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/* --- footer row --- */

footer {
    border-top: 1px solid #CCC;
}

.footer {
    width: 100%;
    padding: 50px 0 30px;
    color: #FFF;
    background-color: #ba251e;
}

.footer,
.footer p {
    font-size: 16px;
    color: #FFF;
    line-height: 1.45;
}

.footer p {
    padding: 0;
}

.footer h2 {
    font-size: 17px;
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.footer .tit {
    font-size: 18px;
    padding: 0;
}

footer a:hover {
    text-decoration: underline;
}

.logoFoo {
    width: 220px;
}

.footer .logoFooAlign {
    text-align: left;
}

.footer i {
    font-size: 1.5rem;
    color: #FFF;
    margin-top: 5px;
    margin-right: 5px;
}

a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-main:focus,
a.skip-main:active {
    color: #fff;
    background-color: #009544;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid yellow;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
}

.barraFoo {
    margin-top: 10px;
}

.barraFoo i {
    font-size: 22px;
    margin-left: 15px;
}

.copyright {
    font-size: .9375rem;
    color: #333;
    line-height: 1.2;
    background-color: #f0f0f0;
    padding: 18px 20px 15px;
    clear: both;
}

.copyright a {
    color: #333;
}

.spacerFoo {
    margin-top: 0;
}


/* --- misc --- */

.scroll-top.animated-top {
    position: fixed;
    display: block;
    width: 50px;
    display: none;
    padding: 13px 0;
    background: #ba251e;
    right: 30px;
    bottom: 30px;
    text-align: center;
    border: 1px solid #FFF;
    z-index: 100;
}

.scroll-top i {
    font-size: 24px;
    color: #FFF;
}

.scroll-top:hover {
    background: #a8211b;
}

#top {
    display: none
}

.header h1 a,
.sf-menu a:hover,
.social-icons a:hover,
.header-top-bar .template-search:hover,
.header-top-bar-container .header-toggle:hover,
.slider-control:hover,
.vertical-menu li a:hover,
.buttons li a:hover,
.tabs-navigation li a:hover,
.tabs-navigation li a:focus,
.tabs-navigation li a:active,
.scroll-top:hover {
    text-decoration: none;
}

input,
textarea {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox;
}

input[type='radio'] {
    -webkit-appearance: radio;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt80 {
    margin-top: 80px
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.mtb10 {
    margin: 10px 0
}

.mtb20 {
    margin: 20px 0
}

.mtb40 {
    margin: 40px 0
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.fwhite,
.fwhite p,
.fwhite p a {
    color: #FFF !important
}

.fblack,
.fblack p,
.fblack p a {
    color: #000 !important;
}

.fleft {
    float: left
}

.fright {
    float: right
}

.nopadding {
    padding: 0 !important
}

.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}

.flat-row {
    clear: both;
    display: block;
    position: relative
}


/* --- buttons --- */

.btn {
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    background-color: #9d322f;
    font-weight: 700;
    line-height: 1;
    padding: 25px 20px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-padrao {
    background-color: #9d322f;
}

.btn-padrao:hover,
.btn-padrao:focus,
.btn-padrao:active {
    text-decoration: none;
    background-color: #b81912;
}

.btn-shad {
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}

.btn-g {
    padding: 10px 20px;
    font-size: 1.25rem;
}

.btn-m {
    padding: 10px 14px;
    font-size: 1rem;
}

.btn-p {
    padding: 7px 14px;
    font-size: 1rem;
}

.btn-verde {
    background-color: #00e869 !important;
    color: #000;
}

.btn-vermelho {
    background-color: #873531 !important;
    color: #FFF;
}

.btn-cinza {
    background-color: #DDD !important;
    color: #000;
}


/* redimensionador de imagem via JS */

.projetoItem {
    width: 100%;
    height: 12rem;
    padding-bottom: 63.67%;
    overflow: hidden;
    display: block;
    position: relative;
}

.projetoItem img {
    position: absolute;
}


/* /redimensionador de imagem */


/* inicial */

.home h2 {
    font-size: 1.75rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}

.home h2 span {
    color: #873531;
}


/* homeDestaque */

.homeDestaque {
    padding: 90px 0 60px;
}


/* homePorqueEscolher */

.homePorqueEscolher {
    background-color: #FFF;
    padding: 90px 0 50px;
}

.homePorqueEscolher .circle {
    width: 135px;
    height: 135px;
    border: 3px solid #873531;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto 20px;
}

.homePorqueEscolher .circle .img1,
.homePorqueEscolher .circle .img2,
.homePorqueEscolher .circle .img3,
.homePorqueEscolher .circle .img4 {
    width: 61px;
    height: 59px;
    margin: 36px 0 0 30px;
    /*max-width: 100%;*/
    /*background-size: 100%;*/
    background-image: url(../images/iconsHomeSprite.png);
}

.homePorqueEscolher .circle .img1 {
    background-position: 1% 0;
    /*background-size: 100%;*/
}

.homePorqueEscolher .circle .img2 {
    background-position: 37% 0;
    /*background-size: 100%;*/
}

.homePorqueEscolher .circle .img3 {
    background-position: 69% 0;
    /*background-size: 100%;*/
}

.homePorqueEscolher .circle .img4 {
    background-position: 101% 0;
    /*background-size: 100%;*/
}


/* homeBarraContato */

.homeBarraContato {
    background-color: #ba251e;
    padding: 50px 0;
    color: #FFF;
}

.homeBarraContato h2 {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 0;
}

.homeBarraContato p {
    color: #FFF;
    padding-top: 0;
}

.homeBarraContato h2 span {
    color: #bababa;
}

.homeBarraContato i.fas {
    font-size: 2.5rem;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

.homeBarraContato .btn {
    width: 120px;
    color: #000;
    background-color: #FFF;
}


/* homeLancamentos */

.homeLancamentos {
    padding: 90px 0 60px;
}


/* internas */

.internas {
    padding: 90px 0 60px;
}

.internas h2 {
    font-size: 1.5rem;
    color: #873531;
    margin-bottom: 10px;
}


/* empresa */

.empresa {
    padding: 50px 0;
    background-color: #FFF;
}

.empresa h2 {
    margin-top: 20px;
}


/* template produtos */

.produtos .itens .contBox {
    margin-bottom: 30px;
}

.produtos .itens .contBox div.box {
    padding: 10px;
    text-align: center;
    background-color: #FFF;
    border: 2px solid #CCC;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.produtos .itens .contBox .box hr {
    width: 44%;
    border-bottom: 1px solid #000;
    background-color: #000;
    display: inline-block;
    margin: 20px auto;
    clear: both;
}

.produtos .itens .contBox .box p.tit {
    font-size: 1.125rem;
}

.produtos .itens .contBox .box p.tit span {
    font-size: 1rem;
}

.produtos .itens .contBox .box p.ref {
    font-size: 1rem;
    font-weight: 700;
    color: #873531;
    margin-bottom: 10px;
}

.produtos .itens .contBox .box button {
    margin-bottom: 10px;
}


/* menu de produtos */

.produtosMenu {
    padding: 30px 0 60px;
}

.produtosMenu .lancamento {
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    background-color: #FFA;
    padding: 0px 5px;
    text-align: center;
    display: inline-block;
    background-image: url(../images/zebra.png);
}

.produtosMenu .lancamento i {
    color: #e6d71c;
}

.breadcrumbs {
    font-size: 1rem;
    background-color: #e4e4e4;
    margin-bottom: 40px;
    padding: 14px 10px;
    overflow: auto;
}

.breadcrumbs li {
    float: left;
    color: #333;
}

.breadcrumbs li.inicial,
.breadcrumbs li.inicial a {
    color: #999;
}

.breadcrumbs a {
    color: #333;
}

.breadcrumbs li span {
    padding: 0 .5rem;
}


/* produtos detalhes */

.produtosDet {
    padding: 40px 0;
}

.produtosDet .avisoJaComprado {
    font-size: 1rem;
    padding: .25em;
    margin-top: 20px;
    background-color: #FFC;
    overflow: auto;
}

.produtosDet .categ {
    font-size: 1.25rem;
    font-weight: 700;
    color: #555;
}

.produtosDet h2 {
    font-size: 2rem;
    font-weight: 700;
}

.produtosDet .ref {
    font-size: .875rem;
    font-weight: 400;
    margin-top: 5px;
}

.produtosDet .marca {
    font-size: .875rem;
    font-weight: 400;
}

.produtosDet .dadosTec {
    margin-top: 10px;
    line-height: 1.75;
}

.produtosDet .lancamento {
    font-size: 1.5rem;
    font-weight: 700;
    background-color: #FFA;
    padding: 0px 15px;
    text-align: center;
    display: inline-block;
    background-image: url(../images/zebra.png);
}

.produtosDet .lancamento i {
    color: #e6d71c;
}

.produtosDet .indisponivel {
    font-size: 1.25rem;
    color: #F00;
    font-weight: 700;
}

.produtosDet .zoomMouse {
    font-size: .75rem;
    text-align: center;
}

.produtosDet .btn-p {
    padding: 12px 24px;
    font-size: 1rem;
}

.produtosDet .btn-p i {
    margin-right: 10px;
}

.produtosDet .imgs {
    float: right;
    margin-left: 20px;
}

.quantity-box {
    border-radius: 0px;
    width: auto;
    border: 1px solid #cbcbcb;
    float: left;
    background-color: #CCC;
}

#input-quantity2,
#minus2,
#plus2,
#input-quantity,
#minus,
#plus {
    display: inline-block;
    height: 35px;
    border: none;
    box-shadow: none;
    text-align: center;
    width: 35px;
    font-size: 20px;
    border-radius: 0px;
    border: none;
    background: none;
    padding: 0;
    color: #666666;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

#minus2,
#plus2,
#minus,
#plus {
    font-size: 24px;
    font-weight: 400;
}

#input-quantity2,
#input-quantity {
    width: 50px;
}

label[for='input-quantity'] {
    float: left;
    line-height: 35px;
    margin-right: 30px;
    color: #2c2c2c;
    font-weight: 400;
}


/* img zoom */

.show {
    width: 350px;
    height: auto;
    border: 1px solid #CCC;
}

#show-img {
    width: 350px;
    height: auto;
}

#big-img {
    z-index: 999;
    border: 1px solid #000
}

.small-img {
    height: 70px;
    margin-top: 10px;
    position: relative;
}

.small-img .icon-left,
.small-img .icon-right {
    width: 12px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.small-img .icon-left {
    transform: rotate(180deg)
}

.small-img .icon-right {
    right: 0;
}

.small-img .icon-left:hover,
.small-img .icon-right:hover {
    opacity: .5;
}

.small-container {
    width: 310px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.small-container div {
    width: 800%;
    position: relative;
}

.small-container .show-small-img {
    width: 70px;
    height: 70px;
    margin-right: 6px;
    cursor: pointer;
    float: left;
}

.small-container .show-small-img:last-of-type {
    margin-right: 0;
}

.showZoomPanel {
    top: 0;
    right: 360px;
}


/* /img zoom */


/* carrinho */

.carrinho {
    padding: 50px 0;
}

.tableHead div {
    background-color: #f5f5f5;
    font-size: 1.125em;
    font-weight: bold;
    padding: 8px 6px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.tableBody div {
    padding: 10px 6px;
    border-bottom: 1px solid #DDD;
}

.tableFoo div {
    background-color: #f5f5f5;
    padding: 10px 6px;
    border-bottom: 1px solid #DDD;
}

.tableFoo div.subtotal {
    background-color: #f5f5f5
}

.tableFoo div.total {
    background-color: #efefef
}


/* cart control */

.cartmaismenos span {
    width: 40px;
    background-color: #dedede;
    padding: 2px 4px;
    display: inline;
}

.cartmaismenos .cartmais {
    /*margin-left: 3px;*/
}

.cartmaismenos .cartmais,
.cartmaismenos .cartmenos {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    line-height: 0;
    padding: 2px 8px;
    background-color: #eee;
}

.cartmaismenos .cartmenos:hover {
    color: #FFF;
    background-color: #F00;
}

.cartmaismenos .cartmais:hover {
    color: #FFF;
    background-color: #393;
}

.cartmaismenos .cartmais {
    /*margin-left: 3px;*/
}

.cartmaismenos .cartmenos {
    /*margin-left: 3px;*/
}


/* contato */

.contato {
    padding: 70px 0 0;
}

.contato .imgCont {
    width: 110px;
    height: 110px;
    padding-top: 22px;
    margin-top: 14px;
    margin-bottom: 15px;
    border: 3px solid #873531;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
}

.contato .imgCont i {
    font-size: 60px;
    color: #873531;
}

.contato .box {
    padding-bottom: 20px;
}

.contato.internas h2 {
    font-size: 20px;
    margin-bottom: 0;
}

.contato .box p {
    font-size: 17px;
}

.contato .shad {
    -webkit-box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #DDD;
}

.contato .contBoxes {
    margin-bottom: 100px;
}

.contato .fa-phone-volume {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

form#formContato {
    padding: 0;
}

.g-recaptcha iframe {
    border: 1px solid #888;
    background-color: #fff;
}

#map {
    width: 100%;
    height: 420px;
    border-top: rgb(220, 220, 220) 1px solid;
    margin-top: 80px;
}

p#msgSubmit {
    padding: 20px;
    background: #fffabf;
    text-align: center;
    margin-bottom: 2em;
    margin-top: 2em;
    font-weight: bold;
    display: none;
}


/* whatsapp */

.whatsapp-button-generator {
    position: fixed;
    border-radius: 50%;
    background-color: #39b54a;
    /*bottom: 15px;*/
    right: 22px;
    width: 70px;
    height: 70px;
    z-index: 110;
}

.whatsapp-button-content {
    padding: 13px 0 0 8px;
    height: 55px;
}

.whatsapp-button-web {
    display: none
}

.whatsapp-button-mobile {
    display: inherit
}

@media (min-width: 48em) {
    .whatsapp-button-web {
        display: inherit
    }
    .whatsapp-button-mobile {
        display: none
    }
}

.bounce-whatsapp-button {
    animation: bounce-whatsapp-button 2s infinite;
    -webkit-animation: bounce-whatsapp-button 2s infinite;
    -moz-animation: bounce-whatsapp-button 2s infinite;
    -o-animation: bounce-whatsapp-button 2s infinite
}

@-webkit-keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-30px)
    }
    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce-whatsapp-button {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}