@charset "UTF-8";
/*==============================================================================
                                  NORMALIZE
==============================================================================*/
DIV, 
FONT, 
FOOTER, 
FORM, 
HEADER, 
LI, 
MAIN, 
P, 
SECTION, 
SPAN, 
UL { border: none; border-image: none; font: inherit; margin: 0; padding: 0; vertical-align: top; }
A { border: none; border-image: none; color: inherit; font: inherit; margin: 0; padding: 0; text-decoration: none; }
A:focus { outline: none; }
BODY { border: none; border-image: none; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 100%; margin: 0; padding: 0; }
BUTTON { background: none; border: none; border-image: none; cursor: pointer; margin: 0; outline: none; outline-offset: 0; padding: 0; }
IMG { border: none; border-image: none; font: inherit; height: auto; margin: 0; max-width: 100%; padding: 0; }
INPUT[type='email'], 
INPUT[type='file'], 
INPUT[type='text'], 
TEXTAREA { background-color: transparent; border: none; border-image: none; cursor: pointer; margin: 0; padding: 0; }
OL, 
UL { list-style: none; }
/*==============================================================================
                                 Main Styles
==============================================================================*/
INPUT[type='email'], 
INPUT[type='file'], 
INPUT[type='text'] { background-color: white; background-clip: padding-box; border: #CCCCCC solid thin; font-size: 1em; height: 2.5em; line-height: 1em; -moz-transition: border-color 2s linear, box-shadow 2s linear; -o-transition: border-color 2s linear, box-shadow 2s linear; -webkit-transition: border-color 2s linear, box-shadow 2s linear; transition: border-color 2s linear, box-shadow 2s linear; }
INPUT[type='email']:focus, 
INPUT[type='file']:focus, 
INPUT[type='text']:focus, 
TEXTAREA:focus { border-color: #258BD4; }
INPUT[type='email'].input-loading, 
INPUT[type='file'].input-loading, 
INPUT[type='text'].input-loading, 
TEXTAREA.input-loading { background: url('../imagens/loading-small.gif') no-repeat right; background-color: white; }
INPUT[type='email']:-ms-input-placeholder, 
INPUT[type='file']:-ms-input-placeholder, 
INPUT[type='text']:-ms-input-placeholder, 
TEXTAREA:-ms-input-placeholder { color: #999999; }
TEXTAREA { background-color: white; background-clip: padding-box; border: #CCCCCC solid thin; font-family: sans-serif, Arial, Verdana; font-size: 1em; line-height: 1em; padding-left: 0.5em; resize: vertical; -moz-transition: border-color 2s linear, box-shadow 2s linear; -o-transition: border-color 2s linear, box-shadow 2s linear; -webkit-transition: border-color 2s linear, box-shadow 2s linear; transition: border-color 2s linear, box-shadow 2s linear; width: 98.5%; }
.b-radius-4 { -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; }
.b-radius-5 { -moz-border-radius: 0.31em; -webkit-border-radius: 0.31em; border-radius: 0.31em; }
.b-shadow-3b-black15 { -moz-box-shadow: 0 0.12em 0.31em rgba(8, 8, 8, .15); -webkit-box-shadow: 0 0.12em 0.31em rgba(8, 8, 8, .15); box-shadow: 0 0.12em 0.31em rgba(8, 8, 8, 0.15); }
.b-shadow-4b-black50 { -moz-box-shadow: 0 0.12em 0.31em 0.12em rgba(8, 8, 8, .5); -webkit-box-shadow: 0 0.12em 0.31em 0.12em rgba(8, 8, 8, .5); box-shadow: 0 0.12em 0.31em 0.12em rgba(8, 8, 8, 0.5); }
.b-sizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.geo { color: #636466; font-size: 1.1em; }
.l-gradient-brown { background: linear-gradient(to bottom, rgb(217, 100, 58), rgb(167, 68, 32)); }
.logo { color: #58595B; font-weight: bold; font-size: 2em; line-height: 2em; text-align: center; }
.row { margin-top: 0.5em; }
.row INPUT { margin-bottom: 0.5em; padding-left: 0.5em; width: 96.5%; }
.row .btn { margin: 0 0.25em; }
.row + .row { margin-top: 0.5em; }
.titulo_2 { font-size: 1.5em; font-weight: bold; line-height: 1.5em; text-transform: uppercase; }
.titulo_2b { font-size: 1.5em; font-weight: bold; line-height: 1.5em; }
.titulo_3 { font-size: 1.125em; font-weight: bold; line-height: 1.125em; text-transform: uppercase; }
.user-no-select { -moz-user-select: none; -webkit-user-select: none; user-select: none; }
/*==============================================================================
                                   Buttons
==============================================================================*/
.btn { background-clip: padding-box; border: #4B1C0A solid thin; color: white; display: inline-block; font-weight: bold; padding: 0.5em 1.5em; text-align: center; text-decoration: none; }
.btn:active { background: linear-gradient(to bottom, rgb(167, 68, 32), rgb(217, 100, 58)); -moz-box-shadow: inset 0 0.12em 0.31em 0.12em rgba(8, 8, 8, .5); -webkit-box-shadow: inset 0 0.12em 0.31em 0.12em rgba(8, 8, 8, .5); box-shadow: inset 0 0.12em 0.31em 0.12em rgba(8, 8, 8, 0.5); }
.btn:hover { background: linear-gradient(to bottom, rgb(167, 68, 32), rgb(217, 100, 58)); }
.btn .btn-text { color: white; font-size: 1.1em; line-height: 1.1em; text-transform: uppercase; }
/*==============================================================================
                                   BxSlider
==============================================================================*/
#nav-main { position: relative; }
#nav-main .bx-wrapper { background: white; background-clip: padding-box; }
#nav-main .bx-wrapper .bx-next, 
#nav-main .bx-wrapper .bx-prev { display: none; }
#nav-main .bx-wrapper:hover .bx-next, 
#nav-main .bx-wrapper:hover .bx-prev { display: block; }
/*==============================================================================
                     Components - Home - Content section
==============================================================================*/
#home { border-bottom: #999999 solid thin; display: flex; padding-bottom: 0.5em; }
#home IMG { border: #999999 solid thin; }
#home IMG:hover { filter: alpha(opacity=75); -moz-opacity: .75; -webkit-opacity: .75; opacity: 0.75; }
#home .tecno IMG { display: block; margin-left: auto; margin-right: auto; margin-top: 0.5em; }
#home .tecno .content { margin-top: 0.5em; text-align: justify; }
#home .tecno .title { display: flex; justify-content: center; margin-top: 0.5em; }
#regTestimon { display: none; }
#news FORM, 
#regTestimon FORM, 
#testimonials FORM { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*==============================================================================
                        Components - Services section
==============================================================================*/
#services { border-bottom: #999999 solid thin; }
#services IMG { width: 1.406em; }
#services IMG:hover { filter: alpha(opacity=75); -moz-opacity: .75; -webkit-opacity: .75; opacity: 0.75; }
#services LI { width: 100%; }
#services UL { color: #636466; margin: 0.5em 0 0; }
#services .tecno { padding-bottom: 0.75em; }
/*==============================================================================
                        Components - Projects section
==============================================================================*/
#projects { border-bottom: #999999 solid thin; display: flex; padding-bottom: 0.5em; }
#projects IMG { border: #999999 solid thin; }
#projects IMG:hover { filter: alpha(opacity=75); -moz-opacity: .75; -webkit-opacity: .75; opacity: 0.75; }
#projects .sidebar { color: #636466; list-style: disc; margin-left: 1em; }
#projects .tecno IMG { display: block; margin: 0.5em auto 0 auto; }
#projects .tecno .content { margin-top: 0.5em; text-align: justify; }
#projects .tecno .title { display: flex; justify-content: center; margin-top: 0.5em; }
/*==============================================================================
                         Components - About section
==============================================================================*/
#about { border-bottom: #999999 solid thin; padding-bottom: 0.5em; }
#about LI { margin-right: 0.5em; }
#about LI:last-child { margin-right: 0; }
#about P A { text-decoration: underline; -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
#about P A:hover { color: #FFFF00; text-shadow: -0.12em -0.12em 0 rgba(8, 8, 8, 0.35); -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
#about .client IMG { border: #999999 solid thin; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#about .client IMG:hover { filter: alpha(opacity=75); -moz-opacity: .75; -webkit-opacity: .75; opacity: 0.75; }
#about .client { display: flex; justify-content: center; padding-top: 0.5em; }
#about .client:last-child { margin-bottom: 0; }
#about .sidebar { color: #636466; list-style: disc; margin-left: 1em; padding-top: 0.25em; }
#about .tecno .content { text-align: justify; }
/*==============================================================================
                        Components - Contact section
==============================================================================*/
#contact { border-bottom: #999999 solid thin; display: flex; padding-bottom: 0.5em; }
#contact P A { -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
#contact P A:hover { color: #FFFF00; text-shadow: -0.12em -0.12em 0 rgba(8, 8, 8, 0.35); -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
#contact .grid-6:nth-child(2) { margin-top: 2.2em; }
#contact .people {  border: #999999 solid thin; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; margin-top: 0.5em; width: 100%; }
#contact .people:hover { filter: alpha(opacity=75); -moz-opacity: .75; -webkit-opacity: .75; opacity: 0.75; }
#contact .tecno IMG { display: block; float: left; height: 2.5em; margin: 0.25em 0.5em auto 0 }
#contact .tecno .content { margin-top: 0.5em; text-align: justify; }
#contact .work-us P SPAN { color: #636466; display: block; font-weight: bold; padding-top: 0.5em; text-transform: uppercase; }
/*==============================================================================
                                  Containers
==============================================================================*/
.container { background-color: inherit; margin: 0.5em 0 0; }
.container:after { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
/*==============================================================================
                                 Flexible Box
==============================================================================*/
.flex-dir-row { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; width: 77.9%; }
.flex-footer { flex: 0 1 100%; min-height: 150px; }
.flex-header { flex: 0 1 100%; min-height: 4em; }
.flex-main { flex: 0 1 100%; min-height: 200px; }
.flex-section { flex: 0 1 100%; min-height: 50px; }
/*==============================================================================
                                     Grids
==============================================================================*/
.grid-1 { flex: 0 1 8.333%; padding: 0 0.5em; }
.grid-2 { flex: 0 1 16.667%; padding: 0 0.5em; }
.grid-3 { flex: 0 1 25%; padding: 0 0.5em; }
.grid-4 { flex: 0 1 33.332%; padding: 0 0.5em; }
.grid-5 { flex: 0 1 41.665%; padding: 0 0.5em; }
.grid-6 { flex: 0 1 50%; padding: 0 0.5em; }
.grid-7 { flex: 0 1 58.331%; padding: 0 0.5em; }
.grid-8 { flex: 0 1 66.664%; padding: 0 0.5em; }
.grid-9 { flex: 0 1 75%; padding: 0 0.5em; }
.grid-10 { flex: 0 1 83.33%; padding: 0 0.5em; }
.grid-11 { flex: 0 1 91.663%; padding: 0 0.5em; }
.grid-12 { flex: 0 1 100%; padding: 0 0.5em; }
/*==============================================================================
                                    FOOTER
==============================================================================*/
#footer { min-height: 150px; padding-bottom: 0.5em; }
#footer A { height: 2.5em; }
#footer P { float: right; padding: 2.8em 0; text-align: right; width: 55%; }
#footer P A { text-decoration: underline; -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
#footer P A:hover { color: #FFFF00; text-shadow: -0.12em -0.12em 0 rgba(8, 8, 8, 0.35); -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
#footer .socialmedia_footer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0.5em; padding: 1em 0; text-align: center; width: 20%; }
#footer .socialmedia_footer A { margin: 0 0.15em; }
#footer .socialmedia_footer A:hover { filter: alpha(opacity=75); -moz-opacity: .75; -webkit-opacity: .75; opacity: 0.75; }
/*==============================================================================
                                    HEADER
==============================================================================*/
.header-1 { background: linear-gradient(#AEAEAE, #E0E0E0); display: flex; position: fixed; width: 77.9%; z-index: 990;}
/*==============================================================================
                                 Menu Primary
==============================================================================*/
.menu_button UL { display: flex; font-size: 1.5em; justify-content: center; line-height: 1.5em; margin-top: 0.5em; }
.menu_button LI { background-color: #B0B0A0; border: #888888 solid thin; justify-content: center; margin-right: 0.31em; padding: 0 0.5em; }
.menu_button LI:last-child { margin-right: 0; }
.menu_button LI A { color: #6E6E6E; -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
.menu_button LI A:hover { color: #FFFF00; text-shadow: -0.12em -0.12em 0 rgba(8, 8, 8, 0.15); -moz-transition: color 1.5s ease; -o-transition: color 1.5s ease; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; }
.menu_mobile { display: none; }
/* =============================================================================
               Active Mobile Menu in Layout: 760px until 240px
============================================================================= */
@media screen and (max-width: 768px){
  .menu_mobile { background: url('../imagens/menu_icon.png'), -moz-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/menu_icon.png'), -ms-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/menu_icon.png'), -o-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/menu_icon.png'), -webkit-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/menu_icon.png'), linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, 0.2)); background-color: #238BE3; background-position: center center; background-repeat: no-repeat; background-size: 1.563em, 100%; border: none; border-bottom: rgba(255, 255, 255, 0.1) solid thin; -moz-border-radius: 0.31em; -webkit-border-radius: 0.31em; border-radius: 0.31em; -moz-box-shadow: 0 0 0.31em rgba(8, 8, 8, .7) inset; -webkit-box-shadow: 0 0 0.31em rgba(8, 8, 8, .7) inset; box-shadow: 0 0 0.31em rgba(8, 8, 8, 0.7) inset; cursor: pointer; display: block; height: 2.75em; right: 1em; position: absolute; top: 0.1em; width: 3.75em; z-index: 1000; }
  .menu_mobile:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; -webkit-opacity: 0.75; opacity: 0.75; }
  .menu_mobile.open { background: url('../imagens/close_icon.png'), -moz-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/close_icon.png'), -ms-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/close_icon.png'), -o-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/close_icon.png'), -webkit-linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background: url('../imagens/close_icon.png'), linear-gradient(top, rgba(8, 8, 8, 0), rgba(8, 8, 8, .2)); background-color: #238BE3; background-position: center center; background-repeat: no-repeat; background-size: 1.563em, 100%; }
  .primary_nav { display: block; right: 5em; top: 0.1em; z-index: 999; }
  .primary_nav LI { display: none; font-family: inherit; margin-bottom: 0.15vw; padding: 0 0.3vw; width: 100%; }
  .primary_nav LI A { text-decoration: none; }
  .primary_nav > LI:first-child { border-top: rgba(8, 8, 8, 0.2) solid thin; }
  .primary_nav.open { float: right; height: auto; position: absolute; }
  .primary_nav.open LI { display: block; }
}
/* =============================================================================
                  Notbook or PC with screen 1260: 1260px
============================================================================= */
@media screen and (max-width: 1260px){
  /*   Main Styles
  --------------------------------------------------------------------------- */
  BODY { font-size: 95.9%; }
}
/* =============================================================================
                  Notbook or PC with screen 1024: 1024px
============================================================================= */
@media screen and (max-width: 1024px){
  /*   Main Styles
  --------------------------------------------------------------------------- */
  BODY { font-size: 79.9%; }
}
/* =============================================================================
                       Tablet Landscape Layout: 768px
============================================================================= */
@media screen and (max-width: 768px){
  /*   Main Styles
  --------------------------------------------------------------------------- */
  BODY { font-size: 59.9%; }
}
/* =============================================================================
                       Active Rondell Carousel: 680px
============================================================================= */
@media screen and (max-width: 680px){
  /*   Main Styles
  --------------------------------------------------------------------------- */
  BODY { font-size: 54.9%; }
}
/* =============================================================================
                        Tablet Portrait Layout: 480px
============================================================================= */
@media screen and (max-width: 480px){
  /*   Main Styles
  --------------------------------------------------------------------------- */
  BODY { font-size: 49.9%; }
}