/*
Theme Name: rlextintores
Theme URI: http://rlextintores.com.br
Author: rlextintores
Author URI: http://rlextintores.com.br
Description: Site da rlextintores
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/



/*************** ADD YOUR CUSTOM CSS HERE  ***************/
body {
    font-size: 15px;
}
/****TOPO****/
#header {
    margin: 0;
}
#header .header-top .header-contact a {
  color: #B62528;
}
#header .header-top .header-contact a:hover {
  color: #1C0909;
}
#header .header-top .header-contact .nav-top > li > a:hover {
  background-color: #ffffff;
}
.header-top {
  background: #efefef; 
  border-top: 5px solid #B62528;
}
#header.header-corporate:not(.header-10) .block-inline {
    line-height: 40px;
    margin-bottom: 5px;
}
#header.logo-overlay-header .overlay-logo {
    top: 15px;
}
#header.header-corporate:not(.header-10) .header-top .welcome-msg ,
#header .header-top .header-contact a, #header .header-top .header-contact span {
    font-size: 14px;
}
#header.header-corporate .header-main .container .header-right {
    padding-left: 0;
}
div.header-top i {
    color: #B62528 !important;
}
div#centro.header-right{
    text-align: center ;
}
/*/ oculta a logo /*/#header .logo {
    display: none;
}
li#nav-menu-item-241.logorl a {
	background: transparent url("images/rl-extintores.png") no-repeat scroll 0 0!important;
    min-width: 93px;
	min-height: 93px;
	text-indent: -7500px;
	padding: 0!important;
}
li#nav-menu-item-241.logorl a:hover {
	background: transparent url("images/rl-extintores.png") no-repeat scroll 0 0!important;
}
#header.header-12 #main-menu .mega-menu > li.menu-item > a, #header.header-12 #main-menu .mega-menu > li.menu-item > h5 {
    padding: 40px 27px 40px 27px;
}
#centro > div {
    padding-bottom: 15px;
    padding-top: 15px;
}
li#nav-menu-item-239 a {
    padding-left: 0!important;
}
#main-menu .mega-menu > li.menu-item.active > a, #main-menu .mega-menu > li.menu-item.active > h5 {
    background: transparent none repeat scroll 0 0;
    color: #B62528;
}
#main-menu .mega-menu > li.menu-item.active:hover > a,
#main-menu .mega-menu > li.menu-item:hover > a,
#main-menu .mega-menu > li.menu-item.active:hover > h5,
#main-menu .mega-menu > li.menu-item:hover > h5 {
  background: transparent;
  color: #B62528;
}
#main-menu .mega-menu > li.menu-item > a, #main-menu .mega-menu > li.menu-item > h5 {
    font-size: 14px;
}
#main-menu .mega-menu .narrow .popup ul.sub-menu {
  background-color: #ffffff;
  border-top-color: #B62528;
  border-top-width: 5px;
}
.page-id-31 .wpb_wrapper .aio-icon-header h3.aio-icon-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
}
.page-id-31 .wpb_button, .wpb_content_element, .page-id-31 ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
}
aside#text-3 input {
    width: 95%;
}
/****PRODUTOS****/

#product-tab .tab-content h2 {
    display: none;
    margin-bottom: 0.7em;
}
/****MEIO DO SITE****/
.page-top > .container {
    padding: 4px 15px;
}
.page-top .page-title {
    text-transform: none;
}
.page-top .page-title {
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 30px;
    margin: 0;
    min-height: 25px;
    padding: 0 0 1px;
    position: relative;
    text-transform: none;
    z-index: 2;
}
.page-top {
    background: #f4f4f4 none repeat scroll 0 0;
}
.page-top .page-title {
    color: #B62528;
    font-family: Open Sans;
}
html section.section-tertiary, html .vc_row.section-tertiary, html .vc_column_container.section-tertiary {
    background-color: #f4f4f4 !important;
    border-color: #ccc !important;
}
.section-custom-construction .container:after {
    background: #b62528 none repeat scroll 0 0 !important;
}
.section-custom-construction-2:after {
    background: #b62528 none repeat scroll 0 0 !important;
}
h3.vc_custom_heading.m-t-md.m-b-none.equipa {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.segprimeiro div.wpb_wrapper p {
    color: #fff;
    font-size: 17px;
}
.empresahome div.wpb_wrapper p {
    color: #fff;
    font-size: 17px;
}
.empresahome div.wpb_wrapper a {
    color: #fff;
    font-size: 17px;
}
.page-id-26 .wpb_single_image {
    border: 1px solid #333;
	padding:10px;
}
.page-id-26 .wpb_single_image img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: black; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.page-id-26 .wpb_single_image img:hover {
    cursor: pointer;
    filter: none;
   filter: none;
    -webkit-filter: grayscale(0%);
	opacity: 100;
	cursor:pointer;
}
div.yith-ywraq-add-to-quote > div > a{
    background: #b0272d none repeat scroll 0 0;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 50px;
    text-transform: uppercase;
	color:#fff;
}
div.yith-ywraq-add-to-quote > div > a:hover {
    background: #b0272d  none repeat scroll 0 0;
	 color: #000!important;
}
div.yith-ywraq-add-to-quote > div > a:hover   {
    background: #33CC00 none repeat scroll 0 0;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 50px;
    text-transform: uppercase;
	 color: #fff;
}
.yith_ywraq_add_item_browse_message > a:hover {
    background: #b0272d  none repeat scroll 0 0;
	 color: #000!important;
}
.yith_ywraq_add_item_browse_message {
    margin-top: 25px;
}
.shop_table td.actions {
    display: none;
    padding: 20px 10px;
}
.yith-ywraq-mail-form-wrapper {
    margin-top: 25px;
}
div.yith-ywraq-add-to-quote.add-to-quote-359,
div.yith-ywraq-add-to-quote.add-to-quote-356,
div.yith-ywraq-add-to-quote.add-to-quote-351 {
    display: none;
}
.page-id-10 h4, .page-id-9 h4{
    padding-left: 10px;
}
.page-id-10  .vc_gitem-zone-img,
.page-id-9  .vc_gitem-zone-img {
    display: block;
    height: 250px;
    visibility: hidden;
    width: 100%;
}
div.posts {
    float: left;
    list-style: outside none none;
    margin: 12px;
    min-height: 430px;
    width: 22%;
}
.postsbycategory img {
     padding:3px;
     margin:3px;
     border: 3px solid #EEE;
}
.title-read {
    display: table;
    float: left;
}
a.bt-leia{
    background: #B62528;
    margin-left: 10px;
    color: #fff;
	font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
	border-radius: 4px;
	outline: 0 none;
	cursor: pointer;
    display: inline-block;
	transition: all 0.2s ease-in-out 0s;
	text-decoration: none;
}
a.bt-leia:hover {
    background: #333;
}
dt.gallery-icon img {
    border: 0 solid #cfcfcf !important;
    height: 200px;
    width: 220px;
}
/* f38.style.css */
ul#jj_sl_navigation{position:fixed;margin:0px;padding:0px;list-style:none;z-index:9999;font-family:Arial,Helvetica,sans-serif;}
ul#jj_sl_navigation li{padding:1px 0px 1px 0px;overflow:hidden;}
ul#jj_sl_navigation li a{display:block;width:170px;background-repeat:no-repeat;text-decoration:none;font-size:12px;color:#FFFFFF;font-weight:bold;}
ul#jj_sl_navigation li a {background-color:#33353B;text-align:right;   height: 45px;    margin-right: 0;}
ul#jj_sl_navigation .custom1 a:hover{background-color: #009999;}
ul#jj_sl_navigation .custom2 a:hover{background-color: #006699;}
ul#jj_sl_navigation .custom3 a:hover{background-color: #C0392B;}
ul#jj_sl_navigation { right:0px;top:111px;}
ul#jj_sl_navigation li:hover { right: 0px;}
ul#jj_sl_navigation li a { padding: 11px 10px 11px 0px;margin-right:-2px;}
ul#jj_sl_navigation .custom1 a {background-position: 4px 50%;background-image: url("images/chat.png"); }
ul#jj_sl_navigation .custom2 a {background-position: 4px 50%;background-image: url("images/facebook.png"); }
ul#jj_sl_navigation .custom3 a {background-position: 4px 50%;background-image:  url("images/maps.png"); }
ul#jj_sl_navigation .custom4 a {background-position: 4px 50%;background-image:  url("images/instagram.png"); }
ul#jj_sl_navigation .custom0 a {background-position: 4px 50%;background-image: url("images/whatsapp.png");background-color: #189D0E;}
ul#jj_sl_navigation li { right: -130px;position:relative;-webkit-transition: right 0.3s;-moz-transition: right 0.3s;-ms-transition: right 0.3s;-o-transition: right 0.3s;transition: right 0.3s;}
span.txtsocial {
    float: right;
    position: relative;
    margin: 10px 22px 0 3px;
    font-size: 14px;
}
li.custom0 span.txtsocial {
    float: right;
    position: relative;
    margin: 0px 8px 0 3px;
    font-size: 14px;
}
a.whatslink {
    color: #189D0E!important;
    font-size: 16px;
}
a.whatslink i.fa.fa-whatsapp {
    font-size: 20px!important;
	color: #189D0E!important;
}
a.whatstop{
    color: #189D0E!important;
    font-size: 16px;
}
a.whatstop i.fa.fa-whatsapp {
    font-size: 20px!important;
	color: #189D0E!important;
}
ul.endpag li {
    list-style: none;
    padding: 5px;
}
/****RODAPE****/
#footer .fa {
    color: #000;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 1px;
}
#footer:after { 
   background: #B62528; 
}
#footer {
    background-attachment: scroll;
	background-image:none;
    background-color: #f4f4f4;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #777777;
}
/* Estilos para celulares de no maximo 176 x 220
========================================================================== */
@media all and (max-width: 319px) {
#header .logo {
    display: block;
}
div.posts {
    min-height: 400px;
    width: 97%;
}
}
  
/* Estilos para celulares principais - 320 x 568
========================================================================== */
@media all and (min-width: 320px) and (max-width: 532px) {
#header .logo {
    display: block;
}
div.posts {
    min-height: 400px;
    width: 97%;
}
}
/* Estilos para tablet de no maximo 533 x 853
========================================================================== */
@media all and (min-width: 533px) and (max-width: 800px) {
#header .logo {
    display: block;
}
div.posts {
    min-height: 400px;
    width: 97%;
}
}
/* Estilos para desktop/notebook a partir de 1024
========================================================================== */
@media all and (max-width: 1024px) {
#header.header-12 #main-menu .mega-menu > li.menu-item > a, #header.header-12 #main-menu .mega-menu > li.menu-item > h5 {
    padding: 40px 18px;
}
}