/*RESET*/
*, *:before, *:after {margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{border: none; vertical-align: middle; max-width: 100% !important;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none; color:#8d8f94;}
a img{border:none;}
strong, b{font-weight: bold;}
ul{list-style: none;}
strike{color: #A83535;}

body{ font: 400 0.9em 'Roboto', Verdana, Geneva, sans-serif; color:#222222;}

/*FONT SIZE*/
.fontzero{font-size: 0em !important;}
h1.titleh1{font: 900 2.2em 'Raleway', Verdana, Geneva, sans-serif; color: #B80202; text-align: center; width: 100%; line-height: 30px; text-transform: uppercase;}

p{font:0.9em 'Roboto', Verdana, Geneva, sans-serif; color: #5b5b5f; line-height:22px; text-align:left;}
p.tagline{text-align:left; font-size: 1em; color: #b5b5b5; width: 50%; float: left; margin-top: 5px;}
p.txtcenter{text-align:center !important; font: 400 1.1em 'Roboto', Verdana, Geneva, sans-serif; margin-bottom: 10px;}

/*MENSAGENS*/
.alert-box {width: 100%; color:#555; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font:400 0.9em 'Roboto', Arial, Helvetica, sans-serif; padding:10px 10px 10px 30px; margin:15px 0 !important; float: left !important; display: block; text-align: left;}
.alert-box span {font-weight:bold; text-transform:uppercase;;}
.error {background:#ffecec url('../admin/imgs/error.png') no-repeat 10px 50%; border:1px solid #f5aca6;}
.success {background:#e9ffd9 url('../admin/imgs/success.png') no-repeat 10px 50%; border:1px solid #a6ca8a;}
.warning {background:#fff8c4 url('../admin/imgs/warning.png') no-repeat 10px 50%; border:1px solid #f2c779;}
.notice {background:#e3f7fc url('../admin/imgs/notice.png') no-repeat 10px 50%; border:1px solid #8ed9f6; color: #0266C7;}

/*HELPERS*/
.radius{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.efeito{transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}

/*HEADER*/
.container-header{width: 100%; float: left; height: auto;}
.content-header{width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding: 1% 0;}
	
.logo{ width: 10%; height: auto; float:left; text-align:left !important;}
.logo-rs{ width: 140px; height: 78px; float:left; text-align:left !important; margin: 0; display: none;}

/* HEADER MENU */
.main_header_nav{ display: none;}
.menu {	line-height: 1; margin: 1.5% auto; width: auto; float: right;}
.menu__list {position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
.menu__item {display: block; margin: 0.7em;}
.menu__link {font-size: 1.2em; font-weight: bold; display: block; padding: 1em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.menu__link:hover, .menu__link:focus {outline: none;}
.menu--shylock .menu__link {position: relative;	margin: 0 1em; padding-right: 0; padding-left: 0; color: #161616; -webkit-transition: color 0.4s; transition: color 0.4s; font-weight: normal;}
.menu--shylock .menu__item--current .menu__link, .menu--shylock .menu__item--current .menu__link:hover, .menu--shylock .menu__item--current .menu__link:focus {color: #B80202;}
.menu--shylock .menu__item--current .menu__link::after, .menu--shylock .menu__item--current .menu__link::before {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.menu--shylock .menu__item--current .menu__link::before {-webkit-transition-delay: 0s; transition-delay: 0s;}
.menu--shylock .menu__link:hover, .menu--shylock .menu__link:focus {color: #B80202;}
.menu--shylock .menu__link:hover::before, .menu--shylock .menu__link:focus::before {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-delay: 0s; transition-delay: 0s;}
.menu--shylock .menu__link::before, .menu--shylock .menu__link::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; -webkit-transform: scale3d(0, 1, 1);	transform: scale3d(0, 1, 1); -webkit-transform-origin: center left; transform-origin: center left; -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);}
.menu--shylock .menu__link::before {background: #B80202; -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
.menu--shylock .menu__link::after {background: #d94f5c;}

.main_header_nav_responsivo{display: none;}

/* SLIDE HOME */
.container-slide{width: 100%; float: left; height: auto;}

/* QUEM SOMOS HOME*/
.container-quemsomos{width: 100%; float: left; height: auto;}
.content-quemsomos{width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding: 80px 0;}
.content-quemsomos .ladoa{width: 32%; height: auto; overflow: hidden; float: left;}
.content-quemsomos .ladob{width: 66%; height: auto; overflow: hidden; float: right;}
.content-quemsomos .ladob p{line-height: 30px; font-size: 1em; margin: 5px 0;}
.content-quemsomos .ladob .ano{width: 100%; float: left; margin-bottom: 5%; text-transform: uppercase; font-size: 1.2em; color: #AEAEAE;}
.content-quemsomos .ladob .ano p{color: #AEAEAE;}
.content-quemsomos .ladob .ano img{ width: 272px; height: auto; float: left;}
.content-quemsomos .ladob .ano span{width: 30%; float: left; margin: 1% 0 0 3%;}
.content-quemsomos .ladob .ano span strong{color: #B80202; line-height: 48px !important; font: bold 2.2em 'Raleway', Verdana, Geneva, sans-serif;}
.content-quemsomos .ladob .ano span em{color: #161616; font-style: normal; font-size: 1.4em;}
.content-quemsomos .ladob hr{width: 6%; margin-bottom: 4%;}

/* SERVIÇOS HOME*/
.container-servicos{width: 100%; float: left; height: auto; background: url("../imgs/bg-servicos.jpg")}
.content-servicos{width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding: 80px 0;}
.content-servicos .tituloseg{width: 100%; float: left; text-align: center}
.content-servicos .tituloseg h1{ color: #222222; font-weight: bold}
.content-servicos .tituloseg hr{width: 5%; text-align: center; margin: 0 auto 2% auto; border: solid 2px #AEAEAE}
.content-servicos .tituloseg p.tagline{text-align:center; font-size: 1em; color: #b5b5b5;  width: 100%; float: left; margin: 0 0 1% 0;}
.content-servicos li{ width: 29%; float: left; display: inline-block; margin: 2%; border: dashed 1px #AEAEAE; padding: 2%; background: #FFF; min-height: 200px;}
.content-servicos li img { width: 10%; float: left; margin-right: 5%;}
.content-servicos li:hover{ background: #FFF;}
.content-servicos li h2{color: #666; font-weight: 500; margin-top: 1.5%; font-size: 1.3em; font-family: 'Raleway', Verdana, Geneva, sans-serif;}
.content-servicos li p{ width: 100%; float: left; line-height: 24px; margin: 4% 0; color: #AEAEAE;}
.content-servicos li a{color: #666;}
.content-servicos li a:hover{color: #B80202;}

/* BLOG HOME*/
.container-blog{width: 100%; float: left; height: auto;}
.content-blog{width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding: 80px 0;}
.content-blog .tituloseg{width: 100%; float: left; text-align: center}
.content-blog .tituloseg h1{ color: #222222; font-weight: bold}
.content-blog .tituloseg hr{width: 5%; text-align: center; margin: 0 auto 2% auto; border: solid 2px #AEAEAE}
.content-blog .tituloseg p.tagline{text-align:center; font-size: 1em; color: #b5b5b5;  width: 100%; float: left; margin: 0 0 1% 0;}

.content-blog .blogul {width: 100%; float: left; margin-top: 30px;}
.content-blog .blogul li{width: 30%; height: auto; overflow: hidden; float: left; margin-bottom: 30px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px; margin: 1.5% 1.5% 5% 1.5%; position: relative; background: #fff;}
.content-blog .blogul li:hover{-webkit-box-shadow: 0 10px 20px 0 rgba(58, 87, 135, .15); -moz-box-shadow: 0 10px 20px 0 rgba(58, 87, 135, .15); box-shadow: 0 10px 20px 0 rgba(58, 87, 135, .15);}
.content-blog .blogul li .seg{width: 100%; float: left; height: auto; overflow: hidden; padding: 20px 25px 35px 25px}
.content-blog .blogul li .seg time{color: #BABBBE; font: 400 0.9em 'Raleway', Verdana, Geneva, sans-serif !important;}
.content-blog .blogul li .seg a h2{ font: 500 1.2em 'Raleway', Verdana, Geneva, sans-serif; margin-top: 10px; line-height: 24px; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; color: #8B8B8F}
.content-blog .blogul li .seg a h2:hover{color: #B80202; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.content-blog .blogul li a{float: left; width: 100%; margin-bottom: 12px}
.content-blog .blogul li a img{float: left; width: 100%;}

/* PROJETOS HOME*/
.container-projetos{width: 100%; float: left; height: auto; background: #042038 url("../imgs/bg-projetos.png") center center no-repeat; background-attachment: fixed;}
.content-projetos{width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding: 80px 0;}
.content-projetos .tituloseg{width: 100%; float: left; text-align: center}
.content-projetos .tituloseg h1{ color: #B80202; font-weight: bold}
.content-projetos .tituloseg hr{width: 5%; text-align: center; margin: 0 auto 2% auto; border: solid 2px #AEAEAE}
.content-projetos .tituloseg p.tagline{text-align:center; font-size: 1em; color: #b5b5b5;  width: 100%; float: left; margin: 0 0 1% 0;}

.grid { width: 100%; position: relative; margin: 2% auto; padding: 0; max-width: 100%; list-style: none; text-align: center; float: left}
.grid figure {position: relative;float: left; overflow: hidden; margin: 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 23%; background: #B80202; text-align: center; cursor: pointer;}
.grid figure img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
.grid figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none;}
.grid figure figcaption, .grid figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.grid figure figcaption > a {z-index: 1000; text-indent: 100%; white-space: nowrap; font-size: 0; opacity: 0; text-align: center}
.grid figure h2 {font-weight: 300; font: 400 1.5em 'Raleway', Verdana, Geneva, sans-serif !important;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2, .grid figure p {margin: 0;}
.grid figure p {font-size: 0.6em;text-align: center !important; color: #fff;}
figure.effect-oscar {background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);}
figure.effect-oscar img {opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
figure.effect-oscar figcaption { padding: 3em; background-color: rgba(184,2,2,0.7);	-webkit-transition: background-color 0.35s;	transition: background-color 0.35s;}
figure.effect-oscar figcaption::before {position: absolute;	top: 30px; right: 30px;	bottom: 30px; left: 30px; border: 1px solid #fff; content: '';}
figure.effect-oscar h2 {margin: 20% 0 0 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);}
figure.effect-oscar figcaption::before, figure.effect-oscar p {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0);}
figure.effect-oscar:hover h2 {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p {opacity: 1; -webkit-transform: scale(1);	transform: scale(1);}
figure.effect-oscar:hover figcaption {background-color: rgba(58,52,42,0);}
figure.effect-oscar:hover img {opacity: 0.4;}

/* PAGINAS */
.container-pg{width: 100%; float: left; height: auto;}
.container-pg .content-title-pg{ width:100%; float: left; padding: 90px 0; background: url("../imgs/bg-header-pg.jpg"); margin-bottom: 8px;;}
.container-pg .content-title-pg h1.titulopg{color: #B80202; text-align: center; letter-spacing: 15px; text-transform: uppercase; overflow: hidden; max-width: 100%; margin: auto; font: 900 3em 'Raleway', Verdana, Geneva, sans-serif;}
.container-pg .content-target{ width: 80%; margin: 0 auto; height: auto; text-align: left; padding: 0; line-height: 30px; font: 400 0.9em 'Roboto', Verdana, Geneva, sans-serif; color:#6F6F6F;}
.container-pg .content-target a{color: #000; text-decoration: none; font-weight: bold;}
.container-pg .content-target a:hover{ text-decoration: underline;}

.content-pg{ width: 80%; height: auto; margin: 45px auto;}
.content-pg .segtxt{width: 100%; float: left;}
.content-pg .segtxt p{text-align: justify; line-height: 30px !important; font: bold 1.2em 'Roboto', Verdana, Geneva, sans-serif; font-weight: 400; margin: 20px 0;}

a.urlwhatsapp{color: #2AD146; font-weight: bold;}
a.urlwhatsapp:hover{color: #189D0E;}

.galeria{width: 100%;float: left; margin-top: 50px;}
.galeria li{ width: 20%; float: left; display: inline-block; position: relative; overflow: hidden;}
.galeria li img{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.galeria li img:hover{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

/* PAGINA VER-PROJETOS */
.content-pg .headertitulo{width: 100%; float: left; background: #FFF url(../imgs/bg-title.png); padding: 30px 30px;}
.content-pg .headertitulo h1{ width: auto; font:1.6em 'Roboto', Verdana, Geneva, sans-serif; font-weight: bold; color: #222222; text-align: left; margin: 0 !important; line-height: 22px; padding: 15px 0 15px 12px; border-left: 5px solid #B80202;}
.content-pg .txtdescricao{width:100%; float: left; padding: 15px 0 0 0; text-align: justify}
.content-pg .txtdescricao p{text-align: justify; line-height: 30px !important; font: bold 1.2em 'Roboto', Verdana, Geneva, sans-serif; font-weight: 400; margin: 20px 0;}
.content-pg .txtdescricao time{font-weight: bold; font-size: 1em; color: #666; margin: 1% 0; float: left; width: 100%;}

/* PAGINA CLIENTES */
.content-pg .ulclientes{width: 100%; float: left;}
.content-pg .ulclientes li{width: 23%; float: left; display: inline-block; margin: 1%;}
.content-pg .ulclientes li img {filter: grayscale(100%); transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.content-pg .ulclientes li img:hover {filter: grayscale(0); transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}

/* PAGINA BLOG */
.content-pg .blogul {width: 100%; float: left; margin-top: 30px;}
.content-pg .blogul li{width: 30%; height: auto; overflow: hidden; float: left; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px; margin: 1% 1%; position: relative; background: #fff; min-height: 500px;}
.content-pg .blogul li:hover{-webkit-box-shadow: 0 10px 20px 0 rgba(58, 87, 135, .15); -moz-box-shadow: 0 10px 20px 0 rgba(58, 87, 135, .15); box-shadow: 0 10px 20px 0 rgba(58, 87, 135, .15);}
.content-pg .blogul li .seg{width: 100%; float: left; height: auto; overflow: hidden; padding: 20px 25px 35px 25px}
.content-pg .blogul li .seg time{color: #BABBBE; font: 400 0.9em 'Raleway', Verdana, Geneva, sans-serif !important;}
.content-pg .blogul li .seg a h2{ font: 500 1.2em 'Raleway', Verdana, Geneva, sans-serif; margin-top: 10px; line-height: 24px; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; color: #8B8B8F}
.content-pg .blogul li .seg a h2:hover{color: #B80202; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.content-pg .blogul li a{float: left; width: 100%; margin-bottom: 12px}
.content-pg .blogul li a img{float: left; width: 100%;}

/* PAGINA CONTATO */
.content-pg .ladoa {width:70%; float: left; height: auto; overflow: hidden; margin-top: 30px;}
.content-pg .ladoa form{width: 100%; float: left; margin-top: 20px;}
.content-pg .ladoa form fieldset{width: 100%; float: left; height: auto; border: 0;}
.content-pg .ladoa form fieldset label{ width: 100%; float: left; height: auto;}
.content-pg .ladoa form fieldset label input{ width: 100%; float: left; height: auto; padding: 24px; background: #F2F2F2; border: none; font: 400 0.9em 'Roboto', Verdana, Geneva, sans-serif; color: #5b5b5f;}
.content-pg .ladoa form fieldset label.lblnome{width: 32%;}
.content-pg .ladoa form fieldset label.lblemail{width: 32%; margin: 0 2%;}
.content-pg .ladoa form fieldset label.lblfone{width: 32%;}
.content-pg .ladoa form fieldset label textarea{ width: 100%; float: left; height: auto; padding: 24px; background: #F2F2F2; border: none; font: 400 0.9em 'Roboto', Verdana, Geneva, sans-serif; color: #5b5b5f;}
.content-pg .ladoa form fieldset label.lblmsg{margin: 2% 0;}

.btn-contato { width:auto; float: left; background: #B80202; color: #FFF; text-indent: 0; padding: 15px 48px; text-transform: uppercase; font-weight: 700; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; cursor: pointer; border: none; margin-bottom: 20px;}
.btn-contato:hover{background:#810101; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; padding-left: 58px;}

.content-pg .ladob{ width: 25%; float: right; margin-top: 30px;}
.content-pg .ladob ul{width: 100%; float: left;}
.content-pg .ladob ul li{width: 100%; float: left; margin: 15px 0; padding: 0; display: block; padding-left: 45px; line-height: 35px; color: #5b5b5f; background: #B40993}
.content-pg .ladob ul li a{font-weight: 400; color: #5b5b5f; font-size: 1em;}
.content-pg .ladob ul li a:hover{color:#B80202}
.content-pg .ladob ul li.whats{background: url("../imgs/svg/icon-whats.svg") no-repeat left; background-size: 35px;}
.content-pg .ladob ul li.emailcontact{background: url("../imgs/svg/icon-arroba.svg") no-repeat left; background-size: 35px;}
.content-pg .ladob ul li.endcontact{background: url("../imgs/svg/icon-place.svg") no-repeat left; background-size: 35px; height: 35px;}
.content-pg .ladob ul li:last-child{line-height: 20px; cursor: inherit;}
.container-pg iframe{margin: 50px 0;}
iframe{margin-top: 50px;}

/*FOOTER */
.container-footer{width: 100%; float: left; height: auto; border-bottom: 5px solid #B80202;}
.content-footer{width: 80%; height: auto; overflow: hidden; margin: 0 auto; padding: 50px 0 }
.content-footer .copyright{ width:50%; float:left;}
.content-footer .copyright p{ color:#5b5b5f;}
.content-footer .ass{ width:50%; float:right;}
.content-footer .ass p{ text-align:right; color:#5b5b5f}
.content-footer .ass p a{color:#5b5b5f; font-weight:700; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}
.content-footer .ass p a:hover{ color:#B80202; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease;}

.whatsappfooter{ position:fixed; top:90%; right:2%; padding:10px; z-index: 99999;}
.whatsappfooter img{ width: 60px;}


/*########################################################################### CSS RESPONSIVO ###########################################################################*/

@media screen and (min-width: 299px) and (max-width: 479px){
	
	/*HEADER*/
	.content-header{width: 90%; padding: 5% 0;}
	.logo{ width: 40%; height: auto; float:left; text-align:left !important;}
	
	.menu{display: none}
	.mobile_action{display: block; width: 46px; height: 46px; margin: 30px 0 0 80px; float: right; cursor: pointer; background: #B80202 url(../imgs/mobile.png) center center no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
	.mobile_action.active{ background-color: #0D244D;}
	.mobile_action:hover{ background-color: #2C393F}
	
	.main_header_nav_responsivo{position: fixed; display: block; left: -100%; top: 0; width: 76%; height: 100%; min-width: 200px; max-width: 360px; background: #666; z-index: 999999; overflow: hidden; overflow-y: auto; font-family: 'Merriweather', sans-serif;}
    .main_header_nav_search_responsivo{ float: left; width: 100%; background: #000; padding: 31px 15px;}
    .main_header_nav_item_responsivo{ float: left; width: 100%; position: relative;}
    .main_header_nav_item_responsivo > a{float: left; width: 100%; padding: 15px; text-transform: none; text-decoration: none; color: #fff; font-weight: 600; font-size: 0.875em}
    .main_header_nav_item_responsivo:hover,.main_header_nav_item > a:hover{background: #B80202; color: #000 !important}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	.content-quemsomos .ladoa{display: none;}
	.content-quemsomos .ladob{width: 100%;}
	.content-quemsomos .ladob hr{display: none;}
	.content-quemsomos .ladob .ano {display: none;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	.content-servicos li{ width: 100%; margin: 5% 0; padding: 8%; min-height: inherit;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}
	.content-blog .blogul li{width: 100%; box-shadow: none; margin: 3% 0; background: #F8F8F8;}
	.content-blog .blogul li:hover{box-shadow: none;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 100%; margin: 3% 0;}
	
	.grid {margin: 3% auto;}
	
	/* PAGINAS */
	.container-pg .content-title-pg h1.titulopg{color: #B80202; text-align: center; letter-spacing: 0; text-transform: uppercase; overflow: hidden; max-width: 100%; margin: auto; font: 900 3em 'Raleway', Verdana, Geneva, sans-serif;}
	.container-pg .content-target{ width: 90%;}
	.content-pg{ width: 90%;}
	.galeria li{ width: 100%;}
	
	/* PAGINA VER-PROJETOS */
	.content-pg .headertitulo h1{line-height: 28px;}
	
	/* PAGINA CLIENTES */
	.content-pg .ulclientes li{width: 100%; margin: 3% 0;}
	.content-pg .ulclientes li img {filter: none;}
	
	/* PAGINA BLOG */
	.content-pg .blogul li{ width: 100%; min-height: inherit; margin: 4% 0; box-shadow: none; background: #F8F8F8;}
	
	/* PAGINA CONTATO */
	.content-pg .ladoa {width:100%;}
	.content-pg .ladoa form fieldset label.lblnome{width: 100%;}
	.content-pg .ladoa form fieldset label.lblemail{width:100%; margin: 3% 0}
	.content-pg .ladoa form fieldset label.lblfone{width: 100%;}
	.content-pg .ladoa form fieldset label.lblmsg{margin: 3% 0;}
	
	.btn-contato { width:100%; transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; -webkit-transition:none;}
	.btn-contato:hover{background:#810101; transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; -webkit-transition:none;;}
	
	.content-pg .ladob{ width: 100%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
	.content-footer .copyright{ width:100%;}
	.content-footer .copyright p{ text-align: center}
	.content-footer .ass{ width:100%;}
	.content-footer .ass p{ text-align:center;}
	
	.whatsappfooter{top:80%}
	
}
@media screen and (min-width: 480px) and (max-width: 719px){
	
	/*HEADER*/
	.content-header{width: 90%; padding: 4% 0;}
	.logo{ width: 30%; height: auto; float:left; text-align:left !important;}
	
	.menu{display: none}
	.mobile_action{display: block; width: 46px; height: 46px; margin: 30px 0 0 80px; float: right; cursor: pointer; background: #B80202 url(../imgs/mobile.png) center center no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
	.mobile_action.active{ background-color: #0D244D;}
	.mobile_action:hover{ background-color: #2C393F}
	
	.main_header_nav_responsivo{position: fixed; display: block; left: -100%; top: 0; width: 76%; height: 100%; min-width: 200px; max-width: 360px; background: #666; z-index: 999999; overflow: hidden; overflow-y: auto; font-family: 'Merriweather', sans-serif;}
    .main_header_nav_search_responsivo{ float: left; width: 100%; background: #000; padding: 31px 15px;}
    .main_header_nav_item_responsivo{ float: left; width: 100%; position: relative;}
    .main_header_nav_item_responsivo > a{float: left; width: 100%; padding: 15px; text-transform: none; text-decoration: none; color: #fff; font-weight: 600; font-size: 0.875em}
    .main_header_nav_item_responsivo:hover,.main_header_nav_item > a:hover{background: #B80202; color: #000 !important}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	.content-quemsomos .ladoa{display: none;}
	.content-quemsomos .ladob{width: 100%;}
	.content-quemsomos .ladob hr{display: none;}
	.content-quemsomos .ladob .ano {display: none;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	.content-servicos li{ width: 100%; margin: 3% 0; padding: 8%; min-height: inherit;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}
	.content-blog .blogul li{width: 100%; box-shadow: none; margin: 3% 0; background: #F8F8F8;}
	.content-blog .blogul li:hover{box-shadow: none;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 100%; margin: 3% 0;}
	
	.grid {margin: 3% auto;}
	
	/* PAGINAS */
	.container-pg .content-target{ width: 90%;}
	.content-pg{ width: 90%;}
	.galeria li{ width: 50%;}
	
	/* PAGINA VER-PROJETOS */
	.content-pg .headertitulo h1{line-height: 28px;}
	
	/* PAGINA CLIENTES */
	.content-pg .ulclientes li{width: 48%;}
	
	/* PAGINA BLOG */
	.content-pg .blogul li{ width: 100%; min-height: inherit; margin: 4% 0; box-shadow: none; background: #F8F8F8;}
	
	/* PAGINA CONTATO */
	.content-pg .ladoa {width:100%;}
	.content-pg .ladoa form fieldset label.lblnome{width: 100%;}
	.content-pg .ladoa form fieldset label.lblemail{width:100%; margin: 3% 0}
	.content-pg .ladoa form fieldset label.lblfone{width: 100%;}
	.content-pg .ladoa form fieldset label.lblmsg{margin: 3% 0;}
	
	.content-pg .ladob{ width: 100%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
	.content-footer .copyright{ width:100%;}
	.content-footer .copyright p{ text-align: center}
	.content-footer .ass{ width:100%;}
	.content-footer .ass p{ text-align:center;}
	
	.whatsappfooter{top:80%}
}
@media screen and (min-width: 720px) and (max-width: 839px){
	
	/*HEADER*/
	.content-header{width: 90%; padding: 2% 0;}
	.logo{ width: 15%; height: auto; float:left; text-align:left !important;}
	
	.menu{display: none}
	.mobile_action{display: block; width: 46px; height: 46px; margin: 30px 0 0 80px; float: right; cursor: pointer; background: #B80202 url(../imgs/mobile.png) center center no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
	.mobile_action.active{ background-color: #0D244D;}
	.mobile_action:hover{ background-color: #2C393F}
	
	.main_header_nav_responsivo{position: fixed; display: block; left: -100%; top: 0; width: 76%; height: 100%; min-width: 200px; max-width: 360px; background: #666; z-index: 999999; overflow: hidden; overflow-y: auto; font-family: 'Merriweather', sans-serif;}
    .main_header_nav_search_responsivo{ float: left; width: 100%; background: #000; padding: 31px 15px;}
    .main_header_nav_item_responsivo{ float: left; width: 100%; position: relative;}
    .main_header_nav_item_responsivo > a{float: left; width: 100%; padding: 15px; text-transform: none; text-decoration: none; color: #fff; font-weight: 600; font-size: 0.875em}
    .main_header_nav_item_responsivo:hover,.main_header_nav_item > a:hover{background: #B80202; color: #000 !important}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	.content-quemsomos .ladoa{display: none;}
	.content-quemsomos .ladob{width: 100%;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	.content-servicos li{ width: 46%;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}
	.content-blog .blogul li{width: 100%; height: auto; overflow: hidden; float: left; margin-bottom: 30px; box-shadow: none; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius:25px;
		margin: 3% 0; position: relative; background: #F8F8F8;}
	.content-blog .blogul li:hover{box-shadow: none;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 48%;}
	.grid {margin: 3% auto;}
	
	/* PAGINAS */
	.container-pg .content-target{ width: 90%;}
	.container-pg .content-title-pg h1.titulopg{font: 900 2em 'Raleway', Verdana, Geneva, sans-serif;}
	.content-pg{ width: 90%;}
	.galeria li{ width: 25%;}
	
	/* PAGINA VER-PROJETOS */
	.content-pg .headertitulo h1{line-height: 28px;}
	
	/* PAGINA CLIENTES */
	.content-pg .ulclientes li{width: 31%;}
	
	/* PAGINA BLOG */
	.content-pg .blogul li{ width: 47%; min-height: 430px; margin: 2% 1.5%;}
	
	/* PAGINA CONTATO */
	.content-pg .ladoa {width:100%;}
	.content-pg .ladob{ width: 100%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
	.content-footer .copyright{ width:100%;}
	.content-footer .copyright p{ text-align: center}
	.content-footer .ass{ width:100%;}
	.content-footer .ass p{ text-align:center;}
	
	.whatsappfooter{top:80%}
}

@media screen and (min-width: 840px) and (max-width: 1023px){
	/*HEADER*/
	.content-header{width: 90%; padding: 2% 0;}
	.logo{ width: 15%; height: auto; float:left; text-align:left !important;}
	
	.menu{display: none}
	.mobile_action{display: block; width: 46px; height: 46px; margin: 30px 0 0 80px; float: right; cursor: pointer; background: #B80202 url(../imgs/mobile.png) center center no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
	.mobile_action.active{ background-color: #0D244D;}
	.mobile_action:hover{ background-color: #2C393F}
	
	.main_header_nav_responsivo{position: fixed; display: block; left: -100%; top: 0; width: 76%; height: 100%; min-width: 200px; max-width: 360px; background: #666; z-index: 999999; overflow: hidden; overflow-y: auto; font-family: 'Merriweather', sans-serif;}
    .main_header_nav_search_responsivo{ float: left; width: 100%; background: #000; padding: 31px 15px;}
    .main_header_nav_item_responsivo{ float: left; width: 100%; position: relative;}
    .main_header_nav_item_responsivo > a{float: left; width: 100%; padding: 15px; text-transform: none; text-decoration: none; color: #fff; font-weight: 600; font-size: 0.875em}
    .main_header_nav_item_responsivo:hover,.main_header_nav_item > a:hover{background: #B80202; color: #000 !important}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	.content-quemsomos .ladoa{display: none;}
	.content-quemsomos .ladob{width: 100%;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	.content-servicos li{ width: 46%;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 48%;}
	.grid {margin: 3% auto;}
		
	/* PAGINAS */
	.container-pg .content-target{ width: 90%;}
	.container-pg .content-title-pg h1.titulopg{font: 900 2em 'Raleway', Verdana, Geneva, sans-serif;}
	.content-pg{ width: 90%;}
	.galeria li{ width: 25%;}
	
	/* PAGINA VER-PROJETOS */
	.content-pg .headertitulo h1{line-height: 28px;}
	
	/* PAGINA CLIENTES */
	.content-pg .ulclientes li{width: 31%;}
	
	/* PAGINA BLOG */
	.content-pg .blogul li{ width: 47%; min-height: 450px; margin: 1.5%;}
	
	/* PAGINA CONTATO */
	.content-pg .ladoa {width:100%;}
	.content-pg .ladob{ width: 100%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
	
	.whatsappfooter{top:80%}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
	/*HEADER*/
	.content-header{width: 90%; padding: 2% 0;}
	.logo{ width: 15%; height: auto; float:left; text-align:left !important;}
	
	.menu{display: none}
	.mobile_action{display: block; width: 46px; height: 46px; margin: 30px 0 0 80px; float: right; cursor: pointer; background: #B80202 url(../imgs/mobile.png) center center no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
	.mobile_action.active{ background-color: #0D244D;}
	.mobile_action:hover{ background-color: #2C393F}
	
	.main_header_nav_responsivo{position: fixed; display: block; left: -100%; top: 0; width: 76%; height: 100%; min-width: 200px; max-width: 360px; background: #666; z-index: 999999; overflow: hidden; overflow-y: auto; font-family: 'Merriweather', sans-serif;}
    .main_header_nav_search_responsivo{ float: left; width: 100%; background: #000; padding: 31px 15px;}
    .main_header_nav_item_responsivo{ float: left; width: 100%; position: relative;}
    .main_header_nav_item_responsivo > a{float: left; width: 100%; padding: 15px; text-transform: none; text-decoration: none; color: #fff; font-weight: 600; font-size: 0.875em}
    .main_header_nav_item_responsivo:hover,.main_header_nav_item > a:hover{background: #B80202; color: #000 !important}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	.content-servicos li{min-height: 230px;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 48%;}
	
	/* PAGINAS */
	.container-pg .content-target{ width: 90%;}
	.content-pg{ width: 90%;}
	
	/* PAGINA BLOG */
	.content-pg .blogul li{ min-height: 410px; margin: 1.5%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
	
	.whatsappfooter{top:80%}
}

@media screen and (min-width: 1280px) and (max-width: 1359px){
	/*HEADER*/
	.content-header{width: 90%;}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 23%;}
	figure.effect-oscar figcaption::before {top: 10px; right: 10px;	bottom: 10px; left: 10px;}

	/* PAGINAS */
	.container-pg .content-target{ width: 90%;}
	.content-pg{ width: 90%;}
	
	/* PAGINA BLOG */
	.content-pg .blogul li{ min-height: 460px; margin: 1.5%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
}

@media screen and (min-width: 1360px) and (max-width: 1599px){
	/*HEADER*/
	.content-header{width: 90%;}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 23%;}
	
	/* PAGINAS */
	.container-pg .content-target{ width: 90%;}
	.content-pg{ width: 90%;}
	
	/* PAGINA BLOG */
	.content-pg .blogul li{ min-height: 460px; margin: 1.5%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
}

@media screen and (min-width: 1600px) and (max-width: 1899px){
	
	/*HEADER*/
	.content-header{width: 90%;}
	
	/* QUEM SOMOS HOME*/
	.content-quemsomos{width: 90%;}
	
	/* SERVIÇOS HOME*/
	.content-servicos{width: 90%;}
	
	/* BLOG HOME*/
	.content-blog{width: 90%;}

	/* PROJETOS HOME*/
	.content-projetos{width: 90%;}
	.grid figure {min-width: inherit; width: 23%;}
	
	/* PAGINAS */
	.container-pg .content-target{ width: 90%;}
	.content-pg{ width: 90%;}
	
	/*FOOTER */
	.content-footer{width: 90%;}
}