@font-face { font-family: 'Titillium'; src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Titillium-SemiBold'; src: url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype'); }
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

body { background: #fff url(../images/bg_bricks.png) repeat; }

header { position: relative; margin-top: 50px; }
.container { max-width: 1003px; }
.inner-container { background: #fff; padding: 22px 22px 50px; min-height: 600px; }
.compatibility-issue { background: #FFF; padding: 20px 10px; width: 600px; margin: 30px auto; text-align: center; }

/* navigation */
.navigation { background-color: rgba(0,0,0,0.5); text-align: right; height: 38px; margin-top: 32px; }
.navigation { background /*\**/: url(../images/bg_black_dot.png) repeat\9 }
.navigation > ul { list-style: none; padding: 0; }
.navigation > ul > li { display: inline-block; }
.navigation > ul > li > a { color: #FFF; text-transform: uppercase; display: block; line-height: 26px; margin:  6px 0; cursor: pointer; }
.navigation > ul > li > a { border-right: #8b8b8b 1px solid; text-decoration: none; }
.navigation > ul > li:last-child > a { border-right: none; }
.navigation > ul > li.active > a { color: #39a9ff; }
.navigation > ul > li a:hover { color: #39a9ff; }

/* navigation 2nd level */
.navigation > ul > li > ul { background-color: #FFF; list-style: none; margin: 0; padding: 0; min-width: 180px; display: none; }
.navigation > ul > li > ul > li { display: block; }
.navigation > ul > li > ul > li:hover { background-image: url(../images/bg_blue_px.png);  background-size: 6px 100%; background-repeat: no-repeat; background-position: 0 0; }
.navigation > ul > li > ul > li > a { display: block; color: #000000; margin: 0 18px; padding: 6px 0; text-align: left; border-bottom: #d1d3d4 1px solid; }
.navigation > ul > li > ul > li > a:hover { color: #000; text-decoration: none; }
.navigation > ul > li > ul > li:last-child > a { border: none; }

/* icons_top */
.icons_top { position: absolute; right: 0; z-index: 99; }
.icons_top ul  { list-style: none; padding: 0; text-align: right; margin: 0;}
.icons_top ul li { display: inline-block; }
.icons_top ul li a { display: block; width: 34px; height: 26px; line-height: 0px; font-size: 0px; color: transparent; background: url(../images/icons_media.png) no-repeat; }
.icons_top ul li.facebook a { background-position: -34px 0px; }
.icons_top ul li.contact a { background-position: 0px 0px; }
.icons_top ul li.facebook a:hover { background-position: -34px -26px; }
.icons_top ul li.contact a:hover { background-position: 0px -26px; }

/* main-title */
.main-title h1 { border-bottom: #e3e3e3 1px solid; margin: 0 0 5px 0; }
.main-title span { font-family: "Titillium"; font-size: 26px; text-transform: uppercase; background: #fff; margin-left: -11px; display: inline-block; position: relative; top: 8px; padding: 0 20px 0 10px; }
.main-title .icon { display: inline-block; width: 55px; height: 55px; background: url(../images/icons_title.png) no-repeat 0 0; position: relative; top: 0; left: 0; }
.main-title .icon-gear { background-position: -55px 0; height: 45px; width: 47px; top: 15px; }
.main-title .icon-news { background-position: 0 0; height: 49px; top: 19px; }
.main-title .icon-king { background-position: 0 -52px; height: 49px; width: 47px; top: 19px; }
.main-title .icon-proposal { background-position: -51px -52px; height: 49px; width: 49px; top: 19px; }
.main-title .icon-home { background-position: -3px -104px; height: 49px; width: 40px; top: 15px; }
.main-title .icon-people { background-position: -57px -105px; height: 49px; width: 42px; top: 15px; }
.main-title .icon-form-proposal { background-position: 2px -165px; height: 44px; width: 47px; top: 16px; }

.quem_somos_home { }
.quem_somos_home .title h1 { font-family: "Titillium"; font-size: 22px; padding: 0 0 7px; margin: 0 0 7px; border-bottom: #ccc 1px solid; }
.quem_somos_home p { font-size: 15px; }

/* panels - sidebar */
.panel {  }
.panel .panel-title h2 { font-size: 16px; font-family: "Titillium"; }

.panel .panel-login { border: #a9a9a9 1px solid; box-shadow: -.5px -.5px 5px #e2e2e2; }
.panel .panel-login .panel-title { text-indent: 50px; position: relative; background: #2f4d92; padding-top: 1px; color: #fff; border-bottom: #4f545e 1px solid; }
.panel .panel-login .panel-title h2 { padding: 8px 0; margin: 0; }
.panel .panel-login .panel-title span { position: absolute; top: 0; left: 9px; background: url(../images/topo_sidebar.png) no-repeat 0px 0px; display: inline-block; width: 31px; height: 47px; }
.panel .panel-login .panel-content { padding: 15px 20px; }
.panel .panel-login .panel-content input { width: 100%; border-radius: 5px; border: #A5A5A5 1px solid; padding: 4px; margin-bottom: 12px; }
.panel .panel-login .panel-content input:focus { outline: 0; }
.panel .panel-login .panel-content p { padding: 0; margin: 0 0 3px; }

.panel .panel-proposal { background: #f4f5f5; border: #a9a9a9 1px solid; box-shadow: -.5px -.5px 5px #e2e2e2; }
.panel .panel-proposal .panel-title { text-indent: 50px; position: relative; background: #2f4d92; padding-top: 1px; color: #fff; border-bottom: #4f545e 1px solid; }
.panel .panel-proposal .panel-title h2 { padding: 8px 0; margin: 0; }
.panel .panel-proposal .panel-title span { position: absolute; top: 0; left: 9px; background: url(../images/topo_sidebar.png) no-repeat -31px 0px; display: inline-block; width: 31px; height: 47px; }
.panel .panel-proposal .panel-content { padding: 15px 20px; background: url(../images/bg_gray_arrow_sidebar.png) no-repeat right bottom; }
.panel .panel-proposal .panel-content a { color: #000; }

.panel .panel-follow-us {  }
.panel .panel-follow-us .panel-title { border-bottom: #000 1px solid; }
.panel .panel-follow-us .panel-title h2 { text-align: center; }
.panel .panel-follow-us .panel-title h2 span { font-family: "Titillium-SemiBold" }
.panel .panel-follow-us .icons { text-align: center; margin-top: 15px; }
.panel .panel-follow-us .icons ul  { list-style: none; padding: 0; margin: 0;}
.panel .panel-follow-us .icons ul li { display: inline-block; }
.panel .panel-follow-us .icons ul li:first-child { border-right: #ccc 1px solid; padding-right: 10px; }
.panel .panel-follow-us .icons ul li a { display: block; width: 34px; height: 26px; line-height: 0px; font-size: 0px; color: transparent; background: url(../images/icons_media.png) no-repeat; }
.panel .panel-follow-us .icons ul li.facebook a { background-position: -34px 0px; }
.panel .panel-follow-us .icons ul li.contact a { background-position: 0px 0px; }
.panel .panel-follow-us .icons ul li.facebook a:hover { background-position: -34px -26px; }
.panel .panel-follow-us .icons ul li.contact a:hover { background-position: 0px -26px; }

.panel .panel-prime {  }
.panel .panel-prime ul { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.panel .panel-prime ul li:first-child { margin-bottom: 5px; }
.panel .panel-prime ul li a { color: #58595b; }
.panel .panel-prime ul li span { background: url(../images/bg_gray_arrow.png) no-repeat; display: inline-block; width: 12px; height: 13px; }

/* serviços */
.servicos_home {  }
.servicos_home .box_service { height: 190px; margin-top: 20px; overflow: hidden; border: #FFF 1px solid; }
.servicos_home .box_service_01 { background: url(../images/servicos_home_01.jpg) no-repeat; }
.servicos_home .box_service_02 { background: url(../images/servicos_home_02.jpg) no-repeat; }
.servicos_home .box_service_03 { background: url(../images/servicos_home_03.jpg) no-repeat; }
.servicos_home .box_service_04 { background: url(../images/servicos_home_04.jpg) no-repeat; }
.servicos_home .box_service_05 { background: url(../images/servicos_home_05.jpg) no-repeat; }
.servicos_home .box_service_06 { background: url(../images/servicos_home_06.jpg) no-repeat; }
.servicos_home .service_content { transition: all .25s linear; position: relative; top: 137px; background: rgba(0,0,0,.5); color: #fff; padding: 5px 10px; border-top: #39a9ff 3px solid; }
.servicos_home .service_content { background /*\**/: url(../images/bg_black_dot.png) repeat\9 }
.servicos_home .service_content * { transition: all .25s linear; }
.servicos_home .service_content a { color: #fff; text-decoration: none; }
.servicos_home .service_content h3 { font-family: "Titillium"; font-size: 18px; padding: 0; margin: 0; color: #39a9ff; }
.servicos_home .service_content p { position: relative; opacity: 0; top: -20px; font-size: 12px; }
.servicos_home .service_content div.arrow_down { text-align: center; }
.servicos_home .service_content div.arrow_down img { opacity: 1; }
.servicos_home .service_content:hover { border-top: #FFFFFF 3px solid; top: 95px; }
.servicos_home .service_content:hover h3 { color: #FFFFFF; }
.servicos_home .service_content:hover div.arrow_down img { opacity: 0; }
.servicos_home .service_content:hover p { opacity: 1; }
.box_service .mais_servicos_mob { display: none; }
.box_service .mais_servicos_img { display: block; } 

/* home news */
.news { margin-top: 25px; border: #ccc 1px solid; }
.news .news_items { padding: 20px; }
.news .news_item { border-bottom: #dadada 1px solid; margin: 0; padding: 10px; }
.news .news_items.news_home .news_item { padding: 5px; }
.news .news_item a { text-decoration: none; }
.news .news_item .date { color: #808285; font-size: 10px; }
.news .news_item .title { color: #000; font-size: 12px; }
.news .news_item:last-child { border-bottom: none; }
.news h2.news-count { font-size: 16px; padding: 20px 0 0 20px; margin: 0; }
.news .btn_ver_tudo { width: 100%; font-size: 12px; text-align: center; background: #404041; color: #fff; display: inline-block; padding: 3px 5px 3px 5px;}
.news .news_item.active { background: #FAFAFA; }

.content-page .news_item p.title { font-family: "Titillium"; font-size: 20px; }
.content-page .news_item p.text { font-size: 14px; color: #939598; }
.content-page .news_item .date { font-size: 12px; }
.content-page .news_item .btn-primary { background-image: linear-gradient(to bottom, #CCCCCC 0, #7B7B7B 100%); border-color: #929292; }
.content-page .news_item .btn-primary:hover, .btn-primary:focus { background-color: #666767; }

/* facebook like button */
.fb-like { width: 100% !important; margin-top: 10px; }
.fb-like > span, .fb-like iframe { width: 100% !important; }

/* topo */
.topo { margin-top: 20px; }
.topo img { width: 100%; }
h1.page-title { font-family: "Titillium-SemiBold"; font-size: 26px; }
h2.page-sub-title { font-size: 16px; text-transform: uppercase; line-height: 26px; }
h3.page-sub-title { font-size: 16px; line-height: 26px; }

.content-page ul.size-1 {  }
.content-page ul.size-1 li { margin-bottom: 10px; }
.content-page p { font-size: 14px; }
.content-page .sobre { padding: 20px 0 0 20px; }

.content-page .servicos { }
.content-page .servicos img { width: 100%; border: #ebebeb 10px solid; }
.content-page .servicos h2 { margin: 0; padding: 0; text-transform: uppercase; font-family: "Titillium-SemiBold"; font-size: 22px; color: #414042; border-bottom: #39a9ff 1px solid; display: inline-block; margin-bottom: 10px; }
.content-page .servicos p { margin: 0; padding: 0; color: #939598; margin-bottom: 10px; }
.content-page .servicos .servicos_item { border-bottom: #d7d7d7 1px solid; padding: 15px 0; }
.content-page .servicos .servicos_item > .col-xs-12 { padding-left: 0; }
.content-page .servicos .servicos_item .btn-primary { background-image: linear-gradient(to bottom, #888888 0, #464646 100%); border-color: #000; }
.content-page .servicos .servicos_item .btn-primary:hover, .btn-primary:focus { background-color: #292929; }
.content-page .servicos .servicos_item a:hover > img { border-color: #e5e5e5; }

.content-page .mapas {}
.content-page .mapas p.label { display: inline-block; padding: 6px 15px; text-transform: uppercase; color: #6d6e71; background: #a1f4ca; }
.content-page .mapas p.phone { border-top: #ccc 1px solid; padding: 10px; display: inline-block; padding: 7px 0; margin: 0; }
.content-page .mapas p.phone strong { color: #000; font-size: 16px; }
.content-page .mapas address { color: #737373; }
.content-page .mapas .place {  }

.content-page .contato p.label { display: inline-block; padding: 6px 15px; text-transform: uppercase; color: #6d6e71; background: #a1f4ca; margin-top: 30px; }
.content-page .contato .place p.label { display: inline-block; padding: 0; font-size: 16px; text-transform: uppercase; color: #58595b; background: none; margin-top: 30px; }
.content-page .contato p.phone { border-color: #b4f6d5; }

.content-page .contato .email {}
.content-page .contato .email label { display: inline-block; padding: 3px 15px; font-weight: normal; color: #6d6e71; background: #a1f4ca; margin-top: 5px; }
.content-page .contato .email a { color: #5a5a5b; text-decoration: none; }
.content-page .contato form { margin-top: 20px; }

#response .alert { margin-top: 20px; margin-bottom: 0; }

.brigth { 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease; }

.brigth:hover { -webkit-filter: brightness(90%); }

/* footer */
.outer-footer { background: #434545 url(../images/bg_footer.png) repeat-x; }
footer {  }
footer .container { padding: 60px 0; color: #fff; }

footer .address { font-size: 12px; background: url(../images/bg_footer_address.png) no-repeat 0px 5px; }
footer .address .address-inner { margin-left: 15px; }
footer .address .address-inner h4 { color: #fff; margin: 0; padding: 0; font-size: 14px; font-weight: bolder; }
footer .address .address-inner a { color: #3e77e7; }
footer .address .address-inner hr { background-color: #a7a8a8; border: none; height: 1px; width: 80%; margin: 5px 0; padding: 0; }

footer .middle { margin-top: -15px; }
footer .middle p { color: #fff; margin-bottom: 24px; }
footer .middle a { color: #fff; }
footer .middle p span { display: inline-block; width: 25px; height: 25px; background: url(../images/icons_footer.png) no-repeat; position: relative; top: 7px;  }
footer .middle p.phone span { background-position: 0 0; }
footer .middle p.email span { background-position: -25px 0; }
footer .middle p:first-child { margin-bottom: 0; }

footer .middle .icons ul  { list-style: none; padding: 0; margin: 0;}
footer .middle .icons ul li { display: inline-block; }
footer .middle .icons ul li:first-child { border-right: #ccc 1px solid; padding-right: 10px; }
footer .middle .icons ul li a { display: block; width: 34px; height: 26px; line-height: 0px; font-size: 0px; color: transparent; background: url(../images/icons_media.png) no-repeat; }
footer .middle .icons ul li.facebook a { background-position: -34px 0px; }
footer .middle .icons ul li.contact a { background-position: 0px 0px; }
footer .middle .icons ul li.facebook a:hover { background-position: -34px -26px; }
footer .middle .icons ul li.contact a:hover { background-position: 0px -26px; }

footer .nav_footer { margin: 0; padding: 0; list-style: none; }
footer .nav_footer li span { background: url(../images/bg_nav_footer.png) no-repeat -100px -100px; display: inline-block; width: 16px; height: 12px; }
footer .nav_footer li:hover span { background-position: 0 0; }
footer .nav_footer a { font-size: 12px; color: #fff; }

/* media queries */
@media (max-width: 766px) {
    .navigation { height: auto; }
    .navigation > ul > li { display: block; border-bottom: #9C9C9C 1px solid; }
    .navigation > ul > li > a { padding-right: 20px; }

    /* servicos home */
    .servicos_home .box_service { background: none; height: auto; }
    .servicos_home .box_service p { color: #000; position: static; top: 0; opacity: 1 }
    .servicos_home .service_content { position: static; background: none; }
    .servicos_home .arrow_down { display: none; }
    .box_service .mais_servicos_mob { display: block; margin-bottom: 20px; }
    .box_service .mais_servicos_img { display: none; } 

    .servicos .mapas iframe { height: 200px; }
    .servicos .mapas .place { padding-top: 10px; }
}

@media (min-width: 768px) {
    .navigation > ul { margin: 0 20px 0 0; }
    .navigation > ul > li > a { font-size: 14px; padding: 0 15px; }
    .navigation > ul > li > ul { position: absolute; z-index: 99; }

    .inner-container { margin-top: -10px; }

    .content {  }
    .content .content-left { padding-right: 10px; }
    .content .content-right { padding-left: 10px; }

    .panel .panel-prime ul { margin-left: 30px; }

    .servicos .mapas iframe { height: 160px; }
    .servicos .mapas .place { padding-top: 15px; }
    .servicos .mapas > .row { margin: 20px 0; }
    .contato .mapas > .row { margin: 20px 0; }
}

@media (min-width: 992px) {
    .navigation > ul { margin: 0 60px 0 0; }
    .navigation > ul > li > a { font-size: 16px; padding: 0 30px; }

    .servicos .mapas iframe { height: 225px; }
    .servicos .mapas .place { padding-top: 50px; }
    .servicos .mapas > .row { margin: 25px 0; }
    .contato .mapas > .row { margin: 25px 0; }
    
    .panel { margin-top: 15px; }
    .panel .panel-prime ul { margin-top: 20px; }

    #form_proposta textarea { height: 150px; }
    #form_contato textarea { height: 150px; }
    
    footer { background: url(../images/bg_footer_det.png) no-repeat calc(50% + 145px) 50% }
    footer .div-1 .address { margin-left: 45px; }
	footer .div-4 .nav_footer { margin-left: -40px; }
	footer .nav_footer { margin-top: -5px; }
}