@charset "UTF-8";
.animation{animation:alerta 1.5s infinite}
.botao{background:#09a513;color:#fff;border:1px solid #09a513;border-radius:70px;box-shadow:0 0 0 0 rgba(9,165,19,0.50);font-size:30px;display:inline-block;text-align:center;width:60px;height:60px;line-height:55px;text-decoration:none;transition:background,padding 500ms ease-in-out;position:fixed;bottom:55px;right:40px}
@keyframes alerta {
0%{transform:scale()}
70%{transform:scale();box-shadow:0 0 0 50px rgba(69,152,27,0)}
100%{transform:scale();box-shadow:0 0 0 0 rgba(69,152,27,0)}
}

#contato{color:#040404}
#map{display:block;height:300px;width:100%;background-color:#F6F4EF}
#map img{max-width:inherit!important}
#map .map-error{text-align:center;padding-top:48px;color:#C0B491;font-size:14px}
#map_pin{text-align:center}
.c_content{padding: 3rem 0 2rem}
#formcontato input[type="text"], #formcontato input[type="tel"]{height: 38px; padding: 10px; border-radius: 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; font-size: 13px; color: #a30407; border-color: #aaa}
#formcontato input::-moz-placeholder, textarea::-moz-placeholder{color: #a30407}
#formcontato textarea{height:200px; resize: none;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;border-color: #aaa;border-radius: 6px; font-size: 13px}
.b_enviar{height:38px;width:9rem;float:right;border:2px solid #a30407;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:13px;color:white;font-family:'open_sanssemibold';background-color:#a30407;transition: all 0.1s ease 0s;}
.b_enviar:hover{background-color: white;color: #a30407;transition: all 0.1s ease 0s;}
.formmsg{display: block;color: green; font-family: 'open_sansbold'}
.msgok {height: 2.5em;overflow: hidden;padding-top: 0.7em;width: 21.5em;}
.i_marker{ background-color: #a30407; border-radius: 6px; color: white; display: inline-block; font-size: 20px; height: 35px;line-height: 1.8; text-align: center; width: 35px;vertical-align: super; margin-bottom: 1rem}
.c_d{display: inline-block}
.c_description{margin: 0; font-size: 14px; line-height: 1.3}
.m_home{background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}
.m_interno{background-color: #a30407}

.title{font-family: 'open_sanssemibold'; font-size: 24px; color: #a30407}
.description{font-family: 'open_sansregular'; font-size: 16px; color: #040404}
.i_title{font-family: 'open_sanssemibold'; font-size: 20px; color: #a30407; margin-bottom: .5rem}
.m_bottom{margin-bottom: 2rem}

#header{padding: 1.5rem 0; color: #fff}
.h_fone{font-variant: small-caps; position: relative}
.h_fone:before{background: rgba(0, 0, 0, 0) url("../_imagens/ico_phone.png");content: "";display: block;height: 25px;position: absolute;  width: 9px;left: -13px;top: -2px;}
.h_nav{margin-top: 1rem}
.h_nav a{margin: 0 1rem; font-size: 16px; color: #FFF; font-variant: small-caps}
.h_nav a:hover{color: #ff1727}
.h_nav a:first-child, .f_nav a:first-child{margin-left: 0}
.h_nav a:last-child, .f_nav a:last-child{margin-right: 0}

#h_banner{position: relative; top: -8.1rem; z-index: -2; border-bottom: 5px solid #a30407}
.banner{margin: 0; list-style-type: none}
#h_servicos, #h_produtos{padding: 3rem 0 2rem}
#h_servicos{margin-top: -8rem}
.s_content{margin-top: 1.5rem}
.solucoesul{margin: 0;list-style-type: none;}
.solucao{margin-bottom: 0.2rem;}
.solutitle{width: 100%; height: auto; cursor: pointer;text-align: center; background-color: #a30407; color: #FFF}
.solutitle a{color: #fff}
.solucao_title{font-family: 'open_sanssemibold';font-size: 14px;display: block;padding: .3rem 0}
.solu_content{padding: .3rem}
.solu_content p{font-family: 'open_sansregular'; font-size: 12px; margin: 0 0 .3rem}
.solu_content a{color: #fff}
.s_list{margin: 0; list-style-type: none}
#h_produtos{background-color: #fafafa}
.p_box{margin-top: 1.5rem}
.p_box img{display: block; margin: 0 auto 2rem; max-height: 14rem}
.p_box h2{font-family: 'open_sanssemibold'; font-size: 14px; color: #a30407; margin: 0 0 .2rem}
.p_box p{font-size: 14px; color: #040404}
.i_esq{background: url(../_imagens/s_esq.png);display: inline-block;height: 24px; width: 22px; cursor: pointer}
.i_esq:hover{background: url(../_imagens/s_esq_h.png)}
.i_dir{background: url(../_imagens/s_dir.png);display: inline-block;height: 24px; width: 22px; cursor: pointer}
.i_dir:hover{background: url(../_imagens/s_dir_h.png)}
.p_all{font-size: 10px; color: #a30407; display: block}
.p_all:hover{text-decoration: underline}
.p_slider_m{margin: 0; list-style-type: none}

#empresa{color: #040404}
.e_content, .p_content, .i_content{padding: 3rem 0 2rem}
.e_imagens{margin: 0}
.e_content ul{font-size: 14px; line-height: 1.6; margin-top: .5rem}

#servicos{}
.s_box{margin-bottom: 3rem}
.s_box h1{display: flex; height: 3.5rem; align-items: center; margin-top: .5rem}
.s_box a{color: #040404}

#footer{background-color: #a30407; color: #fff}
#footer a{color: #fff}
#footer a:hover{color: #ff1727}
.f_nav{padding: 2rem 0; font-variant: small-caps}
.f_nav a{margin: 0 1rem}
.f_h2{font-family: 'open_sansbold'; font-size: 14px; margin-bottom: .1rem}
.f_p{margin: 0; font-size: 13px}
.f_logo{padding-top: 1.3rem}
.f_bottom{padding: 1rem 0 .5rem 0; font-size: 12px}
.f_bottom span{position: relative; top: .4rem}




 /* Portfolio Content */
#portfolio-wrapper{margin-top: 3rem}
#portfolio-wrapper .columns {margin-bottom: 3rem}
.portfolio-item .item-wrap {background: #fff;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.portfolio-item .item-wrap a {display: block;cursor: pointer;}
/* overlay */
.portfolio-item .item-wrap .overlay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;-moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out; background: url(../_imagens/overlay-bg.png) repeat;}
.portfolio-item .item-wrap .link-icon {display: block;color: #fff;height: 30px;width: 30px;font-size: 30px;line-height: 30px;text-align: center; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; position: absolute; top: 75%; left: 50%; margin-left: -15px;
   margin-top: -15px;}
.portfolio-item .item-wrap img {vertical-align: bottom;}
.portfolio-item .portfolio-item-meta { padding: 18px }
.portfolio-item .portfolio-item-meta h5 {font-family: 'open_sansbold';font-size: 14px/21px;color: #fff;}
.portfolio-item .portfolio-item-meta p {font-family: 'open_sansregular';font-size: 12px/18px;color: #c6c7c7;margin-bottom: 0;}
/* on hover */
.portfolio-item:hover .overlay {opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);}
.portfolio-item:hover .link-icon {opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);}
/* popup modal */
.popup-modal {max-width: 550px;	background: #fff;	position: relative;	margin: 0 auto;}
.popup-modal .description-box { padding: 12px 36px 18px 36px; }
/*
.popup-modal .description-box h4 { font-family: 'open_sansbold';font-size: 15px/24px;margin-bottom: 12px; color: #111;}
.popup-modal .description-box p {	font-family: 'open_sansregular'; font-size: 14px/24px; color: #A1A1A1; margin-bottom: 12px;}
*/
.popup-modal .link-box { padding: 14px; background: #a30407; text-align: right;}
.popup-modal .link-box a { color: #fff; font-family: 'open_sansbold'; font-size: 11px; text-transform: uppercase; letter-spacing: 3px;
   cursor: pointer;}
.popup-modal a:hover {color: #ff1727}
.scale-with-grid{margin: 0 auto; display: block; padding: 2rem 2rem 0}
/* fadein/fadeout effect for modal popup
/* ------------------------------------------------------------------ */
/* content at start */
.mfp-fade.mfp-wrap .mfp-content .popup-modal {
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content .popup-modal {opacity: 1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content .popup-modal {opacity: 0}

@media only screen and (max-width: 64em) {
  
}

@media only screen and (max-width: 40em) {
  .small-text-center{text-align: center}
  .s_m_top{margin-top: 1rem}
  .m_home{background-image: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,0));}
  #header{background-color: #a30407}
  #h_banner{top: 0}
  #h_servicos{margin-top: 0}
  .solucao_title{padding: 0 .3rem}
  .f_h2, .f_p{text-align: center}
  .f_bottom img{margin: 1.5rem auto 0; display: block}
  .f_logo{margin: 0 auto; display: block}
}