/*  
Theme Name: Integrahaus
Theme URI: www.integrahaus.com.br
Description: 
Version: 1.0
Author: Mais Vox
Author URI: www.maisvox.com.br
Tags: 
*/

/* fonts */

@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);

.solicitar-orcamento { display: block; width: 184px; height: 147px; background: url(http://desenvolvimento.solucoesvox.com.br/mopp/wp-content/uploads/2016/08/orcamento.png); position: fixed; right: 10%; top: 30%; z-index: 999999; cursor: pointer; text-indent: -9999px; overflow: hidden;}
.solicitar-orcamento:hover { opacity: 0.8}

body { font-family: 'Quicksand', cursive; font-weight: normal; color: #5b5b5f}
h1, h2, h3, h4 { font-weight: normal; }

h2 { color: #ed3237; font-size: 2.4em; margin: 0; font-weight: 400; margin-bottom: 0.7em}
h3 { font-family: 'Quicksand', cursive; font-size: 2.2em; color: #2b3a26; font-variant: small-caps; margin-bottom: 1em }
img { max-width: 100%; height: auto}
/* default */
a {color:#2b3a26;text-decoration:none;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;}
a:hover { color: #2b3a26; text-decoration: none}
a.button { background: #2b3a26; color: #fff; padding: 1em; width: 120px; text-align: center}
p { line-height: 1.6em; margin-bottom: 1em; font-size: 1.1em}
.center { text-align: center}
.green { background: #aace38}
.noticia .date {color: #fff; font-size: 3em; text-align: center; line-height: 30px; text-transform: capitalize; padding: 0.5em 0}
.noticia .date small { font-size: 0.7em}

/* header */
.sombra-menu{box-shadow: 0px 0px 10px 5px #222;};
body { background: #fff; font-size: 14px;}
.fixed { position: fixed; top: 0; width: 100%; z-index: 10000}
.phone { font-weight: bold; color: #2b3a26; margin-top: 1em; margin-bottom: 5px}
.container { position: relative; max-width: 960px}
.container-fluid { padding: 0}
.navbar-toggle { margin-top: 40px}
.masthead { background:#fff; margin-bottom: 2px; height: 160px; }
.masthead a.navbar-brand { display: block; cursor: pointer; background-size: contain; margin: 0 auto; float: left; padding: 0 !important; position: relative; z-index: 40 }
.slider{padding-top:160px !important;}
@media (max-width: 992px) {
.masthead a.navbar-brand { float: none; max-width: 200px; text-align: center; margin: 0 auto}
.masthead a.navbar-brand img { display: inline-block; padding: 1em}
}
.wrapper { padding-top: 50px}
@media (max-width: 992px) {
.wrapper { padding-top: 130px}
.viva { top: 130px}
}
@media (min-width: 992px) {
.masthead a.navbar-brand { margin: 0.5em auto; }
}
.tp-leftarrow.default { height: 120px !important; width: 60px !important}
.tp-rightarrow.default { height: 120px !important; width: 60px !important}


/* nav */
.navbar-default { border: none; font-size: 1.2em; text-align: right; background: none; margin: 0; min-height: auto; position: relative; z-index: 20; font-weight:bold; font-family: 'Quicksand', cursive;}
.navbar-default a { padding: 10px 10px !important;}
.navbar-default a:hover, .navbar-default li.current a { color: #fff !important; background: #aace38; text-decoration: underline}
@media (min-width: 768px) {
.navbar-default .navbar-nav > li > a { color: #2b3a26}
.navbar-nav { float: right; font-weight: 300; margin-top: 15px}
#nav-header .nav > li { float: none; display: inline-block;}
#nav-header .nav > li:first-child { background: none}
#nav-header .nav > li:last-child { padding-right: 0px}
#nav-header .nav > li:hover, .nav > li.active { color: #fff;}
#nav-header .nav > li#menu-item-30 > a:active, #nav-header .nav > li#menu-item-30 > a:hover { color: #2b3a26 !important}
#nav-header .nav > li.active > a, .nav > li.active > a:hover, .nav > li.focus > a, .nav > li.current-menu-item > a { color: #fff!important; background: #aace38}
#nav-header .nav > li > a:hover {background: #aace38; color: #2b3a26}
}
@media (max-width: 767px) {
#nav-header { width: 100%; position: relative; z-index: 12;  margin: 0}
#nav-header .nav { padding-top: 2em}
#nav-header .nav > li { padding: 0.5em 0em; text-align: center}
#nav-header .nav > li > a { background: none; color: #5c2321}
#nav-header .nav > li.active > a, .nav > li.active > a:hover, .nav > li.focus > a, .nav > li.current-menu-item > a { color: #ed3237!important}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none}
.navbar-default .navbar-toggle { border-color: #000 !important}
.navbar-default .navbar-toggle .icon-bar { background-color: #000 !important}

/* home */
#certificacoes { background: url(images/bkg-certificacoes.jpg) no-repeat center center; padding: 8em 0; margin-bottom: 0}
.title h3 { margin: 0}
.title { background: url(images/bg_title.jpg) no-repeat center top; height: 97px; width: 100%; padding: 2em 0}
@media (max-width: 992px) {
.title { padding: 0; height: auto; background-repeat: repeat-y; text-align: center}
}

/* internas */
.menu-servicos { background: #2b3a26;/*  padding-bottom: 10px */}
.menu-servicos a { color: #fff; }
.menu-servicos img { padding: 0 0 0 2px;}
.menu-servicos a:hover {color:#0fbe7c;}
.menu-servicos a:hover img{opacity: 0.4;    filter: alpha(opacity=40);}
.menu-servicos .row { padding: 10px 0; margin: 0; position: relative; height: 50px}
.menu-servicos .row:hover { background: #2b3a26}
.menu-servicos .current_page_item a{ 
    color:#0fbe7c; 
}

.menu-servicos .current_page_item img{ 
    opacity: 0.4;    
    filter: alpha(opacity=40);
}
.align { 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 135px; 
  height: 30px; 
  display: table; 
}

.align p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center;
  line-height: 1.1em;
  font-size: 0.9em;
}
.menu-servicos .row div { margin: 0 !important; padding: 0 !important}
.bg_header { height: 240px; width: 100%; background-position: center top; margin-top: 100px; margin-bottom: 20px}
.category .bg_header { margin-bottom: 0}
.single-produtos .bg_header, .page-id-64 .bg_header { height: 650px;}
@media (max-width: 992px) {
.bg_header { display: none}
}

#infraestrutura, #diferencial { padding-bottom: 2em; margin-bottom: 1em}

/* produtos */
.produtos { background: #2b3a26; padding: 2em 0 3em 0; font-size: 1em; margin-bottom: 1em}
.produtos a { color: #fff; display: block}
.produtos img { margin-bottom: 10px; text-decoration:none;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;}
.produtos a:hover { color: #0fbe7c}
.produtos a:hover img {opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */}

/* category */
.bg_header_category { background: #0fbe7c; color: #fff; margin-top: 130px; font-size: 3em; padding: 20px 0; margin-bottom: 1em}
.page .bg_header_category, .single-produtos .bg_header_category { margin-top: 0px}
.box h3 { background: #0fbe7c; padding: 0.2em; color: #fff; text-align: center; margin: 0}
.box ul { margin: 0; padding: 0}
.box ul li { list-style: none; font-size: 1.4em; text-align: center; padding: 0.2em 0; text-transform: capitalize}
.blog-list { margin-bottom: 1.6em;}

/* produto */
.single-produtos .bg_header_category, .page-id-64 .bg_header_category { margin-top: -70px; text-align: center; background: rgba(0,0,0,0.6) !important; font-size: 2.6em; padding: 10px 0}
.col-prod { width: 115px; display: inline-block; height: 100px; vertical-align: text-top}


/* contato */
.input-md { border-radius: 0;-webkit-appearance: none; margin-bottom: 0.6em}
.input-md:focus { border-color: #00A896}
.wpcf7-submit {border-radius: 0; color: #fff; font-size: 1em; font-weight: 600; letter-spacing: 0px; background: #2b3a26; border: 0px solid #000;padding: 5px 35px !important; float: right; margin-top: 2px;font-family: 'Quicksand', cursive; margin-bottom: 2em; min-width: 202px; text-decoration:none;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;}
.wpcf7-submit:hover {opacity: 0.4;
    filter: alpha(opacity=40); color: #fff}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { border: 1px solid #efefef;; padding: 5px 10px; margin-bottom: 10px; color: #333; font-size: 1.2em;  background: #efefef; width: 100% }
textarea { width: 100%; height: 125px}
span.wpcf7-not-valid-tip { display: inline-block !important; padding-left: 15px}
.wpcf7-form p { margin: 0}
.wpcf7-list-item input { width: auto !important}
.contatophone { border-bottom: 1px solid #2b3a26; padding-bottom: 0.5em; padding-top: 3em}
.contatophone, .contatoemail { margin: 0 auto; display: block; width: 300px; text-align: center; font-size: 1.6em; color: #5c5c5c; margin-bottom: 0.5em}
.contatoemail { margin-bottom: 3em}
.wpcf7-not-valid-tip { position: absolute; right: 10px; font-size: 3em !important}
.wpcf7-checkbox .wpcf7-list-item { display: block;}
.wpcf7-form label { font-weight: normal !important}

/* noticias */
.noticia { margin-bottom: 2em}
.tags a { background: #2b3a26; color: #fff; padding: 2px}

/* footer */
.footer { background: #2b3a26; padding: 2em 0; font-size: 1em; display: table; width: 100%}
.footer h3 { color: #fff; font-size: 1.6em; margin: 0; padding-bottom: 2px}
.footer ul { margin: 0; padding: 0; list-style: none; }
.footer ul li { }
.footer ul li:last-child{ margin-right: 0}
.footer ul li.current_page_item a { color: #0fbe7c}
.footer a, .footer { color: #fff}
.footer a:hover { color: #0fbe7c}
.footer img { margin-right: 10px}
@media (max-width: 992px) {
.footer { background: #434446}
.footer ul li { display: block; text-align: center; margin: 0; padding: 1em 0}

}
.copyright { background: #fff; color: #434446; padding: 1em 0}
.copyright a { color: #434446}
.copyright a:hover { color: #000}


.navbar-default .navbar-toggle { border-color: #fff}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff}

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

/* busca */
.searchwrap { width: 100%; position: relative; margin-top: 20px }
.rss {  position: relative}
form .search { width: 100%; padding: 4px 10px; font-family: 'Roboto', sans-serif; font-size: 1.2em; color: #969696; border:none;  }
.search-ok { background: #2b3a26 url(images/lupa.png) center center no-repeat; border: none; text-indent: -999px; overflow: hidden; width: 34px; height: 30px; position: absolute; right: 0px; top: 0px; cursor: pointer }
.search-ok:hover { background-position: center bottom}


/* outros */
a.vermais, a.vermaisgd { text-indent: -9999px; overflow: hidden; background: url(images/mais.png) no-repeat center center; width: 39px; height: 31px; font-size: 1.1em; text-indent: -99999px; display: inline-block}
a.vermais:hover, a.vermaisgd:hover{-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
a.vermaisgd { background: url(images/vermaisgd.png) no-repeat; height: 44px; width: 44px;}
.gray { background: #f7f4f4; padding-bottom: 10px}
.gray h4 a { color: #4b4b4b}
.gray h4 { font-weight: bold}
.gray .text-center a {  font-size: 1.2em}
.gray .text-center a:hover {color: #2b3a26;}
.clear { clear: both}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.fr { float: right}
.btn-blue { background: #0f73a3; color: #fff}
.rounded { border:10px solid #e9e5dd; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

.dropdown { margin-top: 20px}
.dropdown .btn { background: #2b3a26; border: none; border-radius: 0}
.dropdown-menu { background: #2b3a26; border: none; border-radius: 0}
.dropdown-menu > li > a { color: #fff}
.dropdown-menu > li { border-bottom: 1px solid #fff}


/* 7 colummns */
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}


/* pagenavi */
.wp-pagenavi { text-align: center}
.wp-pagenavi a:hover, .wp-pagenavi span.current {background: #2b3a26;color: #fff; font-weight: bold; border: none;}
.wp-pagenavi a, .wp-pagenavi span{background: #2b3a26;color: #000;margin: 0 6px;display: inline-block;float: left;font-weight: 400;line-height: 1.2em;text-decoration: none;padding: 4px 8px; color: #fff; border:none !important}

/* duas colunas */
.two-col {
       -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
}

/* input file */
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.file-wrapper input {
  cursor: pointer;
  height: 30px;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  left: 0;
  top: -15px;
  width: 200px !important;
  display: inline-block;
  z-index: 10;
}
.file-wrapper .button {
  background: url(images/anexar.png) no-repeat #2b3a26 center center;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  overflow: hidden; text-indent: -99999px;
  width: 200px;
  position: relative;
  z-index: 5
}

.center-image{
    width: 65%;
    margin: 0 auto;
}

@media( max-width: 430px ){
    
    .solicitar-orcamento{
        display: none;
    }
    
    .masthead a.navbar-brand{
        float: left;
    }
    
    .navbar-nav{
        margin: 7.5px -7% !important;
        background-color: #FFF !important;
    }
    
    .masthead a.navbar-brand img{
        width: 60%;
        padding: 0;
        padding-top: 20%;
        display: block;
    }
    
    #aempresa p{
        text-align: left !important;
    }
    
    .col-prod{
        height: auto !important;
    }
    
    .menu-servicos{
        margin-top: 200px;
    }
    
    .two-col {
       -moz-column-count: 1;
       -moz-column-gap: 0;
       -webkit-column-count: 1;
       -webkit-column-gap: 0;
}
    
}