@charset "utf-8";
/* CSS Document */

@media 
and (min-device-width : 240px) 
and (max-device-width : 1824px) {
/* Styles */

  .col-md-12 section.content-area main.site-main article .new-wrapper a img { width: 100%; height: auto !important; }
  
  .col-md-12 section.content-area main.site-main article .new-wrapper a .overlay { display: none; }

  .new-wrapper { float: left; width: 98%; height: auto; position: relative; overflow: hidden; border: 1px solid #999; padding: 1%; margin-bottom: 1%; }
  
  .new-wrapper a img { width: 98%; }

  .new-wrapper:hover span.overlay { visibility: visible; }
  
  .new-wrapper span.overlay { visibility: visible; background: transparent; position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: block; }
  
  article.category-na-midia .new-wrapper span.overlay span.title { font-family: 'Montserrat', sans-serif !important; font-size: 12px; font-weight: normal; color: #000; margin: 5px; text-transform: uppercase; bottom: 0px; position: relative; float: left; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 240px) and (max-width : 480px) {

  /*#shiftnav-toggle-main { display: block; }*/
  
  .imgquemsomos { float: left; width: 100% !important; margin-bottom: 2%; position:relative; }
  
  .imgquemsomos img { border: 1px solid #999; padding: 1%; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 240px) and (max-width : 320px) {

  .topo.mobile .contato { display: none; }
}


/* Smartphones (portrait and landscape) ----------- */
/*@media only screen and (min-width : 320px) and (max-width : 480px) {*/
@media only screen and (min-width : 240px) and (max-width : 480px) {

  /*#shiftnav-toggle-main { display: block; }*/
  

  /* GERAL
  --------------------------------------------------------------------- */

  .pages-title h2 { font-size: 14px; margin-top: 10px; }

  .site-branding { width: 60%; }
  
  #site-navigation { display: none; }

  .metaslider { display: none; }
  
  .container .row .col-md-12 section.content-area main.site-main article.category-portfolio,
  .container .row .col-md-12 .content-area main.home article.category-portfolio,
  .col-md-12 section.content-area main article.category-portfolio,
  .col-md-12 section.content-area main article.category-na-midia { width: 98% !important; }
  
  .right a.facebook { display: none; }
  
  h2.site-description { font-family: 'Open Sans', sans-serif; font-size: 11px !important; margin: 0px 0px 30px 0px !important; color: #333 !important; text-transform: none; font-weight: normal; line-height: normal; }

  


  /* HEADER
  --------------------------------------------------------------------- */
  
  header.site-header .container .row .col-sm-5 { width: 100%; }
  
  header.site-header .container .row .col-sm-5 .site-branding { width: 60% !important; }
  
  header.site-header .container .row .col-sm-5 .site-branding h1.site-title a img { width: 100% !important; }
  
  header.site-header .container .row .col-sm-7 nav.main-navigation { margin: 0px !important; padding: 0px !important; }



  /* TOPO MOBILE 
  --------------------------------------------------------------------- */

  .topo.desktop { display: none; }
  
  .topo.mobile { display: block; }
  
  .topo.mobile { height: 35px; width: 100%; position: fixed !important; top: 0px !important; right: 0px !important; background-color: #f7f7f7; z-index: 5000; }
  
  .topo.mobile .contato { width: auto; font-size: 11px; color: #585858; float: right; margin: 2px 10px 0px 0px; padding: 0px 0px 0px 20px; text-align: right; background-image: url(../img/icon-cell.png); background-repeat: no-repeat; background-position: left center; }



  /* FORMULÁRIO DE CONTATO 
  --------------------------------------------------------------------- */

  .entry-content .rightside { display:none; }
  
  .entry-content .wpcf7 form.wpcf7-form { width: 100%; }
  
  .entry-content .wpcf7 form.wpcf7-form .column { float: left; width: 100%; height: auto; }
  
  .entry-content .wpcf7 form.wpcf7-form .column .wpcf7-form-control-wrap textarea.wpcf7-form-control { height: 95px; }
  
  .entry-content .wpcf7 form.wpcf7-form p.btnbar { margin-top: 10px; }



  /* FOOTER
  --------------------------------------------------------------------- */

  #footer-widgets .container .row #text-2 { width: 95% !important; padding-right: 0%; }

  #footer-widgets .container .row #text-3 { width: 95% !important; }

  #footer-widgets .container .row aside#cnss_widget-2 { width: 95% !important; bottom: 0px; margin: 0px; }
  
  #footer-widgets .container .row aside { font-size: 11px; line-height: 11px; }
  
  #footer-widgets .container .row aside h1.widget-title { font-size: 12px; margin: 0px 0px 1px 0px; }

  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon { float: left; width: 100% !important; }
  
  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon tbody tr td a img { width: 24px; height: 24px; float: left; }

  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon tbody tr td a:after { padding-left: 5px; margin-top: 5px; }

  footer.site-footer .container .row .col-md-12 .site-info, footer.site-footer .container .row .col-md-12 .site-info a { font-size: 9px; }
  
  footer.site-footer .container .row .col-md-12 .site-info span.right { float:left; }



  /* Display Image Captions Only On Hover
  ------------------------------------------------------------------------------------ */

  .new-wrapper { float: left; width: 98%; height: auto; position: relative; overflow: hidden; border: 1px solid #999; padding: 1%; margin-bottom: 1%; }
  
  .new-wrapper a img { width: 98%; }

  .new-wrapper:hover span.overlay { visibility: visible; }
  
  .new-wrapper span.overlay { visibility: visible; background: transparent; position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: block; }
  
  .new-wrapper span.overlay span.title { font-family: 'Montserrat', sans-serif !important; font-size: 12px; font-weight: normal; color: #000; margin: 5px; text-transform: uppercase; bottom: 0px; position: relative; float: left; }



  /* NEXTGEN GALLERY
  -------------------------------------------------------------------------- */
  
  .ngg-imagebrowser .ngg-imagebrowser-nav { position: relative !important; width: 100%; padding: 0px; float: left; background-repeat: no-repeat; background-position: center center; }
  
  .ngg-imagebrowser .ngg-imagebrowser-nav .back { width: 40px; height: 40px; background-color: #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: url(../img/arrow-back-small.png) !important; background-position: center center !important; margin: 0px; padding: 0px; border: 1px solid #CCC; background-repeat: no-repeat }
  
  .ngg-imagebrowser .ngg-imagebrowser-nav .next { width: 40px; height: 40px; background-color: #FFFFFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-image: url(../img/arrow-next-small.png) !important; background-position: center center !important; margin: 0px; padding: 0px; border: 1px solid #CCC; background-repeat: no-repeat }
  
  .ngg-imagebrowser .ngg-imagebrowser-nav .back a.ngg-browser-prev, .ngg-imagebrowser .ngg-imagebrowser-nav .next a.ngg-browser-next { width: 40px !important; height: 40px !important; float: left; margin: 0px; padding: 0px; }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 481px) and (max-width: 640px){
/* Styles */
  
  .new-wrapper span.overlay span.title { font-size: 10px; }

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	
  .col-md-12 section.content-area main { width: 100%; }
	
  .col-md-12 section.content-area main article.category-portfolio,
  .col-md-12 section.content-area main article.category-na-midia { width: 48% !important; }

  .col-sm-7 { width: 100%; float: left; margin: 0px; padding: 0px; }

  .container .row .col-sm-7 nav#site-navigation { float: left; width: 100% !important; margin-top: 0px; }
  
  .container .row .col-sm-7 nav#site-navigation .menu-main-menu-container ul#sitemenu { float: none; width: 90%; margin: 0px 5%; }

  .col-sm-5 { width: 30%; float: left; padding: 0px; }
  
  .col-sm-5 .site-branding h1.site-title { margin-left: 5% !important; }
  
  .col-sm-5 .site-branding h1.site-title a.mylogo { width: 100%; position: relative; float:left; }
  
  .col-sm-5 .site-branding h1.site-title a.mylogo img { width: 100%; position: relative; float:left; }

  .metaslider { margin-bottom: 20px !important; }

  #footer-widgets .container .row #text-2 { width: 47% !important; margin: 1%; }

  #footer-widgets .container .row #text-3 { width: 47% !important; margin: 1%; }

  #footer-widgets .container .row aside#cnss_widget-2 { width: 95% !important; bottom: 0px; margin: 1%; }

  #footer-widgets .container .row aside { font-size: 11px; line-height: 11px; }
  
  #footer-widgets .container .row aside h1.widget-title { font-size: 12px; margin: 0px 0px 1px 0px; }

  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon { float: left; }
  
  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon tbody tr td a img { width: 24px; height: 24px; }

  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon tbody tr td a:after { padding-left: 30px; margin-top: -18px; }

  footer.site-footer .container .row .col-md-12 .site-info, footer.site-footer .container .row .col-md-12 .site-info a { font-size: 9px; }

}

/* iPads (portrait) ----------- */
@media (min-width: 768px) and (max-width: 1024px) {

  .col-sm-7 { width: 75%; float: right; margin: 0px; padding: 0px; }

  .container .row .col-sm-7 nav#site-navigation { float: left; width: 100% !important; margin-top: 25px; }
  
  .container .row .col-sm-7 nav#site-navigation .menu-main-menu-container ul#sitemenu { float: none; width: 95%; margin: 0px 5%; }

  .col-sm-5 { width: 25%; float: left; padding: 0px; }
  
  .col-sm-5 .site-branding h1.site-title { margin-left: 5% !important; }
  
  .col-sm-5 .site-branding h1.site-title a.mylogo { width: 100%; position: relative; float:left; }
  
  .col-sm-5 .site-branding h1.site-title a.mylogo img { width: 100%; position: relative; float:left; }
  
  #footer-widgets .container .row #text-2 { width: 47% !important; margin: 1%; }

  #footer-widgets .container .row #text-3 { width: 47% !important; margin: 1%; }

  #footer-widgets .container .row aside#cnss_widget-2 { width: 47% !important; bottom: 0px; margin: 1%; float: left; }

  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon { float: left; width: 100% !important; }
  
  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon tbody tr td a img { width: 24px; height: 24px; float: left; }

  #footer-widgets .container .row aside#cnss_widget-2 table.cnss-social-icon tbody tr td a:after { padding-left: 5px; margin-top: 5px; }

  footer.site-footer .container .row .col-md-12 .site-info, footer.site-footer .container .row .col-md-12 .site-info a { font-size: 9px; }

}