/*
	Theme Name: B4W 2.0
	Author: Denis Eustáquio
	Description: Tema desenvolvido para a B4W Marketing Digital com base no Layout de Denis Eustáquio.
	Version: 1.0
	License: GNU General Public License
	License URI: license.txt
	Text Domain: b4w
	Domain Path: /languages/
	
	
	Cyan: #323293
	Verde: #D72D38
*/

*{ outline: 1px red dasshed; text-decoration: none; }
input[type=search]{ -webkit-appearance: none; }
html, body{ overflow-x: hidden; }
body { padding: 0; margin: 0; background: #ccc; font-family: "Roboto", Arial, Helvetica, sans-serif; }
@media screen and (max-width: 794px){ .container { margin: 0 10px; } }

a:hover{ text-decoration: none; }

h1, h2, h3 { font-weight: 300; }

 

.borda-azul { border: none; border-top: 5px solid #323293;  }
.borda-verde { border: none; border-top: 5px solid #D72D38; }

.site-header { background: #ffffff; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); border-top: 2px solid #ffffff; padding: 0; margin: 0; overflow: visible; position: relative; width: 100%; z-index: 999;  }
.site-header .image-replacement { display: block; overflow: hidden; }
.site-header .image-replacement img { display: block; width: 80%; max-width: 180px; margin: 20px auto; }
.site-header .image-replacement h1, .image-replacement h2 { display: none; }

.search-form{ padding: 0; margin: 0; }

.menu-cabecalho-container { }
.menu-cabecalho-container .menu { display: table; width: auto; margin:10px 0 0 0; padding:0; float: right; clear: right; }
.menu-cabecalho-container .menu .menu-item { display: block; position: relative; border-left: 1px solid #ddd; float: left; }
.menu-cabecalho-container .menu .menu-item a { display: block; padding: 0 13px; color: #222; font-weight: normal; font-size: 14px; text-align: center; text-decoration: none; }
.menu-cabecalho-container .menu .menu-item a:hover { color: #D72D38; }
.menu-cabecalho-container .menu .menu-item.home { border: none; }
.menu-cabecalho-container .menu .menu-item:last-child a{ padding-right: 0; }
.main-navigation ul ul { background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; position: absolute; top: 100%; left: 0; z-index: 99999; }
.main-navigation ul ul ul { }
.main-navigation ul ul a { }
.main-navigation ul ul li { }
.dropdown-menu li { display: block; list-style: none; float: none; }
.dropdown-menu li > a { display: block; padding: 5px 10px; }
.dropdown-menu li > a i { position: static; }
.main-navigation li:hover > a { }
.main-navigation ul ul :hover > a{ }
.main-navigation ul ul a:hover { }
.main-navigation ul li:hover > ul { display: block; }
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { }

/* Small menu */
.menu-toggle { display: none; cursor: pointer; }

.attachment-medium.wp-post-image { width: 100%; height: auto;}

/* SideBar Facebook */
.fb-like-box {background: white; display: block !important; margin: auto; width: 93%; overflow: hidden; min-height: 240px !important; height: auto !important;}
.fb-like-box.fb_iframe_widget span { height: 340px !important;}
.fb-like-box.fb_iframe_widget span iframe { min-height: 333px !important; height: auto !important;}
.fb-like-box span, .fb-like-box.fb_iframe_widget span iframe { width: 100% !important;}

/* Mensagem e campo form page contato */
#wpcf7-f4690-p3829-o1 > form > div.row-fluid > div:nth-child(2) > p > span > textarea { width: 100%; max-width: 404px; height: 220px;}
#wpcf7-f5838-p3829-o1 > form > div.row-fluid > div:nth-child(2) > p > span > textarea { width: 100%; max-width: 404px; height: 220px;}
div.wpcf7-mail-sent-ok { background-color: transparent; position: relative; max-width: 65%; margin: 0 !important;}
div.wpcf7-validation-errors { background-color: transparent; position: relative; max-width: 65%; margin: 0 !important; border: 2px solid red !important;}
.btn-custom-conosco { float: right;}

/* widget faleconosco */
#text-5 > .widget-body > .textwidget > .wpcf7 > form > .row-fluid { width: 100%;}
#text-5 > .widget-body > .textwidget > .wpcf7 > form > .row-fluid > .span6:nth-child(2) { margin: 0;}
#text-5 > .widget-body > .textwidget > .wpcf7 > form > .row-fluid > .span6:nth-child(2) > p > span > textarea { height: 220px; width: 100% !important; max-width: 374px;}
#text-5 > .widget-body > .textwidget > .wpcf7 > form > .row-fluid > p > .btn-custom-conosco { width: 70px; right: 50px;}
#text-5 > .widget-body > .textwidget > .wpcf7 > form > div.wpcf7-validation-errors { background-color: transparent; position: relative; bottom: 5px; max-width: 65%; margin: 0 !important; border: 2px solid red !important; width: 100%;}
#text-5 > .widget-body > .textwidget > .wpcf7 > form > div.wpcf7-mail-sent-ok { background-color: transparent; position: relative; bottom: 5px; max-width: 65%; margin: 0 !important; width: 100%;}

#text-11 > .widget-body > .textwidget > form > .row-fluid { width: 100%;}
#text-11 > .widget-body > .textwidget > form > .row-fluid > .span6:nth-child(2) { margin: 0;}
#text-11 > .widget-body > .textwidget > form > .row-fluid > .span6:nth-child(2) > p > span > textarea { height: 220px; width: 100% !important; max-width: 374px;}
#text-11 > .widget-body > .textwidget > form > .row-fluid > p > .btn-custom-conosco { width: 70px; right: 50px;}
#text-11 > .widget-body > .textwidget > form > div.wpcf7-validation-errors { background-color: transparent; position: relative; bottom: 5px; max-width: 65%; margin: 0 !important; border: 2px solid red !important; width: 100%;}
#text-11 > .widget-body > .textwidget > form > div.wpcf7-mail-sent-ok { background-color: transparent; position: relative; bottom: 5px; max-width: 65%; margin: 0 !important; width: 100%;}
#text-11 .btn-sales {     width: 100%;    height: 36px;    text-transform: uppercase;    font-weight: bold;    color: #ffffff;    background-color: green;    border: 0;}

.form-fale-conosco > form > .row-fluid { width: 100%;}
.form-fale-conosco input { width: 97%; }
.form-fale-conosco textarea { width: 97%; height: 100px; }
.form-fale-conosco > form > div.wpcf7-validation-errors { background-color: transparent; position: relative; bottom: 5px; max-width: 65%; margin: 0 !important; border: 2px solid red !important; width: 100%;}
.form-fale-conosco > form > div.wpcf7-mail-sent-ok { background-color: transparent; position: relative; bottom: 5px; max-width: 65%; margin: 0 !important; width: 100%;}
.form-fale-conosco .btn-sales {     width: 100%;    height: 36px;    text-transform: uppercase;    font-weight: bold;    color: #ffffff;    background-color: green;    border: 0;}

#content > .postagem > div:nth-child(2) > .post-3398 > .post-body > div > .wpcf7 > form > .row-fluid > p > .btn { float: right;}
#content > .postagem > div:nth-child(2) > .post-3398 > .post-body > div > .wpcf7 > form > .row-fluid > p > .ajax-loader { margin-left: 25px;}
#content > .postagem > div:nth-child(2) > .post-3398 > .post-body > div > .wpcf7 > form > .row-fluid > .span6:nth-child(2) > p > span > textarea { height: 505px; width: 100% !important; max-width: 404px;}
#content > .postagem > div:nth-child(2) > .post-3398 > .post-body > div > .wpcf7 > form > .wpcf7-validation-errors { bottom: 5px;}
#content > .postagem > div:nth-child(2) > .post-3398 > .post-body > div > .wpcf7 > form > .wpcf7-mail-sent-ok { bottom: 5px;}

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

#text-5 > .widget-body > .textwidget > .wpcf7 > form > .row-fluid > .span6:nth-child(2) > p > span > textarea { height: 220px; width: 100% !important; max-width: inherit;}
#content > .postagem > div:nth-child(2) > .post-3398 > .post-body > div > .wpcf7 > form > .row-fluid > .span6:nth-child(2) > p > span > textarea { max-width: inherit;}
#text-11 > .widget-body > .textwidget > .wpcf7 > form > .row-fluid > .span6:nth-child(2) > p > span > textarea { height: 220px; width: 100% !important; max-width: inherit;}
#content > .postagem > div:nth-child(2) > .post-3398 > .post-body > div > .wpcf7 > form > .row-fluid > .span6:nth-child(2) > p > span > textarea { max-width: inherit;}

.menu-toggle, .main-navigation.toggled .nav-menu { display: block; float: none; }

.search-form{ }

.menu-cabecalho-container .menu { float: none; clear: both; width: 100%; display: table; }
.menu-cabecalho-container .menu .menu-item{ display: block; float: none; border: none; border-bottom: 1px solid #ddd; }
.menu-cabecalho-container .menu .menu-item.home{ border-bottom: 1px solid #ddd; }
.menu-cabecalho-container .menu .menu-item a{ background: #D72D38; color: #f9f9f9; text-align: center; width: 100%; padding: 5px 0; }
.menu-cabecalho-container .menu .menu-item a:hover{ background: #323293; color: #f9f9f9; }
.menu-cabecalho-container .menu .menu-item ul{ display: none; float: none; position: static; background: none; box-shadow: none; list-style: square; }
.menu-cabecalho-container .menu .menu-item ul li{ background: #f9f9f9; }
}

.site-content{ background: #f4f4f4; padding: 20px 0; }

/* HOME */

.home .site-banner{ background: #f4f4f4; }
.home .site-banner #owl-destaques { margin: 15px 0; }
.home .site-banner #owl-destaques .owl-wrapper-outer { background: ; }
.home .site-banner #owl-destaques img { width: 100%; height: auto; }

.home .servicos-home{ box-shadow: 0px 2px 1px rgba(0,0,0,0.2); margin: 0 5px; position: relative; }
.home .servicos-home .post-header .post-thumbnail{ display: block; margin: 0; padding: 0; width: 100%; overflow: hidden; background: no-repeat center center; }
.home .servicos-home .post-header .post-thumbnail img{ display: block; width: 70%; height: auto; margin: 5% 15%; }
.home .servicos-home .post-header h1{ font-size: 20px; line-height: 125%; font-weight: 300; padding: 0 10px; text-align: center; height: 70px; color: #f9f9f9; }
.home .servicos-home .post-header h1 a{ color: #f9f9f9; }

.home .item{ vertical-align: top; }
.home .item.azul{ background: #323293; color: #fff; }
.home .item.verde{ background: #D72D38; color: #fff; }
.home .item.cinza{ background: #fff; color: #111; }

.home .clientes-home{ background: #fff; margin-top: 20px; position: relative; }
.home .clientes-home .post-header .post-thumbnail{ display: block; margin: 0; padding: 0; width: 100%; height: 130px; overflow: hidden; background: no-repeat center center; position: relative; z-index: 1; }

.home .quem-somos-e-mapa{ background:#fff; border-radius:3px; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); position: relative; }
.home .quem-somos{ }
.home .quem-somos header{ padding: 10px 20px; }
.home .quem-somos section{ padding: 10px 20px; }

.home .mapa{ position: relative; }
#map-canvas{ border: 1px solid #ddd; border-top: none; border-bottom: none; border-radius:0 4px 4px 0; height: 100%; min-height: 300px; position: relative; z-index: 0; }
.home .mapa .endereco{ position: absolute; width: 80%; top: 5px; right: 0; background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); z-index: 1; }
.home .mapa .endereco p{ padding: 10px; }

/* /HOME */

.contato-e-mapa{ background:#fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); position: relative; width: 100%; margin-top: 20px; display: none; }
.contato-e-mapa .contato header{ padding: 10px; }
.contato-e-mapa .contato section{ padding: 10px; }
.contato-e-mapa .contato .widget{ width: 100%; }
.contato-e-mapa .contato .widget form { width: 100%; display: table; }
.contato-e-mapa .contato .widget form div{ width: 50%; min-width: 250px; display: inline-block; vertical-align: top; }
.contato-e-mapa .contato .widget form div input{ width: 88%; }
.contato-e-mapa .contato .widget form div textarea{ width: 88%; height: 100px; }
.contato-e-mapa .contato .widget form input.pushbutton-wide{ position: relative; padding: 4px 12px; margin: 0; color: #333; text-shadow: 0 1px 0 #fff; white-space: nowrap; font-family: Arial, Helvetica, sans-serif;
font-weight: bold; font-size: 13px; text-align: center; vertical-align: middle; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding; cursor: default;
background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1); background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0); border: 1px solid #dcdcdc;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: pointer; }


.widget h1{ font-size: 22px; line-height: 100%; margin: 0 0 10px 0; }
.widget .search-form{ float: none; padding: 0; }
.widget ul li{ border-top: 1px solid #eee; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Single */
.taxonomy-header{ background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); margin-top: 20px; position: relative; }
.taxonomy-header .taxonomy-title-container{ padding: 0 10px; }
.taxonomy-header .taxonomy-thumbnail .taxonomy-thumbnail-link{ display: block; overflow: auto; }
.taxonomy-header .taxonomy-thumbnail .taxonomy-thumbnail-link.servico-thumbnail{ background:#D72D38; }
.taxonomy-header .taxonomy-thumbnail .taxonomy-thumbnail-link img{ display: block; width: 100%; max-width: 320px; margin: 0 auto; height: auto; }
.taxonomy-header .taxonomy-thumbnail .taxonomy-thumbnail-link.servico-thumbnail img{ width: 80%; margin: 10px auto; }

.post-content .post-body{ background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); padding: 20px; position: relative; font-size: 16px; }

.sidebar-1 .widget{ background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); margin-bottom: 20px; position: relative; }
.sidebar-1 .widget .widget-header{ border-left: 5px solid #323293; }
.sidebar-1 .widget .widget-header h1{ margin: 0; padding: 10px; line-height: 100%; }
.sidebar-1 .widget .widget-body{ border-left: 5px solid #D72D38; padding: 5px 10px 10px; }
.sidebar-1 .widget ul{ list-style: none; padding-bottom: 5px; margin: 0; }
.sidebar-1 .widget ul ul{ list-style: none; padding-bottom: 0; padding-left: 10px; border-left: 5px solid #ddd; }
.sidebar-1 .widget li{ list-style: none; padding: 2px 0; }

.widgets-footer .widget{ margin-bottom: 20px; position: relative; }
.widgets-footer .widget .widget-header{ border-left: 5px solid #323293; }
.widgets-footer .widget .widget-header h1{ margin: 0; padding: 0 10px; line-height: 100%; }
.widgets-footer .widget .widget-body{ padding: 5px 10px 10px 15px; }
.widgets-footer .widget ul{ list-style: none; padding-bottom: 5px; margin: 0; }
.widgets-footer .widget ul ul{ list-style: none; padding-bottom: 0; padding-left: 10px; border-left: 5px solid #ddd; }
.widgets-footer .widget li{ list-style: none; padding: 2px 0; }

/* basics */
.aligncenter{ display: block; margin: 10px auto; }

/* Post list */
.post-list .post{ background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); margin-bottom: 20px; height: 400px; padding-bottom: 40px; overflow: hidden; position: relative; }
.post-list .post .post-header .post-thumbnail{ display: block; margin: 0; padding: 0; width: 100%; height: 150px; overflow: hidden; border-bottom: 3px solid #D72D38; }
.post-list .post .post-header .post-thumbnail img{ display: block; margin: 0; padding: 0; width: 100%; }
.post-list .post .post-header .post-title{ font-size: 20px; line-height: 125%; font-weight: 300; padding: 0 10px; color: #111; }
.post-list .post .post-header .post-title a{ font-weight: 300; color: #111; }
.post-list .post .post-content{ padding: 0 10px; }
.post-list .post .post-meta{ position: absolute; bottom: 0; left: 0; background: #D72D38; padding: 0; width: 100%; }
.post-list .post .post-meta .meta-itens ul{ padding: 0; display: table; margin: 0; }
.post-list .post .post-meta .meta-itens ul li{ float: left; list-style: none; padding: 0; border-right: 1px solid #ddd; }
.post-list .post .post-meta .meta-itens ul li:last-child{ border-right: none; }
.post-list .post .post-meta .meta-itens ul li a{ display: block; padding: 5px 10px; font-size: 14px; color: #f9f9f9; text-shadow: 0 0 1px rgba(0,0,0,0.3); }
.post-list .post .post-meta .meta-itens ul li .the_date{ display: block; padding: 5px 10px; font-size: 14px; color: #f9f9f9; text-shadow: 0 0 1px rgba(0,0,0,0.3); }

	.post-list .post.servicos{ padding-bottom: 10px; }
	.post-list .post.servicos .post-header .post-thumbnail{ display: block; margin: 0; padding: 0; width: 100%; height: auto; overflow: auto; border-bottom: none; }
	.post-list .post.servicos .post-header .post-thumbnail img{ display: block; margin: 20px auto; padding: 0; width: 50%; }

@media screen and (max-width: 775px) {
.post-list .post{ background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.1); margin-bottom: 20px; height: auto; overflow: auto; position: relative; }
}

.servicos.azul figure{ background: #323293; color: #fff; }
.servicos.verde figure{ background: #D72D38; color: #fff; }
.servicos.cinza figure{ background: #fff; color: #111; }

.cliente-box-list{ margin-bottom: 30px; box-shadow: 0px 2px 1px rgba(0,0,0,0.2); }
.cliente-box-list a{ border: 3px solid #fff; display: block; -webkit-transition: all 0.5s; }
.cliente-box-list a:hover{ border: 3px solid #D72D38; }

.cliente-box a{ border: 3px solid #fff; display: block; -webkit-transition: all 0.5s; }
.cliente-box a:hover{ border: 3px solid #D72D38; }

.site-footer { padding: 20px 0 0 0; background: #ffffff; border-top: 2px solid #e1e1e1; }

.btn { cursor: pointer; }
/*
.post{ background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.1); margin-top: 20px; height: 400px; overflow: hidden; position: relative; }
.post .post-header .post-thumbnail{ display: block; margin: 0; padding: 0; width: 100%; overflow: hidden; position: relative; }
.post .post-header .post-thumbnail img{ display: block; margin:0 auto; padding: 0; width: 100%; height: auto; }
.post.servicos .post-header .post-thumbnail img{ display: block; margin: 20px auto; padding: 0; width: 70%; height: auto; }
.post .post-header h1{ font-size: 20px; line-height: 125%; font-weight: 300; padding: 0 10px; color: #111; }
.post .post-content{ font-size: 12px; line-height: 125%; font-weight: 300; padding: 0 10px; color: #111; }
.post .post-meta{ position: absolute; bottom: 0; left: 0; background: #fcfcfc; padding: 10px 10px 5px 10px; }
.menu-servicos-container { background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.1); margin-top: 20px; position: relative; padding: 10px; }
.menu-servicos-container .menu { display: table; width: 100%; margin: 0; padding: 0; }
.menu-servicos-container .menu .menu-item { display: block; position: relative; border-left: 1px solid #ddd; float: left; }
.menu-servicos-container .menu .menu-item a { display: block; padding: 0 20px; color: #222; font-weight: normal; font-size: 14px; text-align: center; text-decoration: none; }
.menu-servicos-container .menu .menu-item a:hover { color: #D72D38; background: none; }
.menu-servicos-container .menu .menu-item:first-child { border: none; }
.menu-servicos-container .menu .menu-item:first-child a{ padding-left: 5px; }
*/

#comments{ border-top:1px solid #bebebe; }
ol.commentlist{ list-style:none; margin: 0; padding: 0; }
ol.commentlist .comment{ background: #fff; box-shadow: 0px 2px 1px rgba(0,0,0,0.1); margin: 5px 0; position: relative; padding: 10px; }
ol.commentlist .comment .vcard cite{ font-size: 20px; line-height: 125%; font-weight: 300; padding: 0 10px; color: #111; }
ol.commentlist .comment p{ float: none; clear: both; }
ol.commentlist .comment .children{ list-style: none; margin-left: 40px; }
ol.commentlist .comment .children li{ background: #f2f2f2; }
ol.commentlist ul{ margin:0px; }
ol.commentlist ul li{ margin:20px 20px 20px 40px; }

.bt-orcamento a {  color: #FFF;  text-decoration: none;  background-color: #323293;  padding: 8px 20px;  -webkit-border-radius: 5px; font-weight:bold; font-size: 18px; text-transform:uppercase; }
.bt-orcamento a:hover {  background-color: #D72D38;  }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    width: 98% !important;
}


input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"]
{
	width: auto;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 8px 15px;
    background-color: #d72d38;
    color: #fff;
    font-family: Ubuntu,sans-serif;
    font-style: normal;s
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: normal;
    font-size: 13px;
}