@import url(https://fonts.googleapis.com/css?family=Roboto:405,00,700,900);

/* 
==================================================
    Geral
==================================================
*/


:root{
    --corprincipal: #0092FF;
    --corhover: #0092FF;
}
.nivoSlider img{
}

.nivoSlider{
    background-color:#000 !important;
}



 .clear {
     clear:both;
}
.wrapper {
     width: 100%;
     max-width: 980px;
     margin: 0 auto;
     text-align: left;
}
 .content {
     padding: 0 0px;
}
 * {
     margin: 0;
     padding: 0;
     outline: 0;
}
 body {
     font-size: 1rem;
     font-family: 'Roboto', sans-serif;
     color: #444;
     /* background-color: #f7f7f7; */
     /* background: url(../imagens/bg.png) fixed center; */
}
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
}
 audio,canvas,img,video {
     vertical-align: middle;
}
 h1 {
     color: var(--corhover);
     font-size: 24px;
     line-height: 24px;
     text-decoration: none;
     margin: 10px 0 0 15px;
     font-family: 'Roboto', sans-serif;
     text-align:left;
     line-height: 35px;
     position: relative;
     left: 0.6%;
}
 h2 {
     font-size: 17px;
     line-height: 22px;
     text-decoration: none;
     margin: 0px;
     padding: 0;
     font-family: 'Roboto', sans-serif;
     text-align:left;
     color: var(--corhover);
}
 h3, h4 {
    /*font-size: 22px;
    */
    line-height: 22px;
    color: #272727;
    text-decoration: none;
    margin: 15px 0;
    font-family: 'Roboto', sans-serif;
    text-align:left;
}
 a {
     color: #1F7EA9;
     text-decoration: none;
}
 a:hover {
     text-decoration: none;
}
 ul {
     list-style-type: none;
     list-style: none;
     margin:0;
     padding:0;
}
 .error-form{
     color:red;
     font-size:14px;
     margin:0 0 10px 
}
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}
 textarea {
     resize: vertical;
}
 .seguranca{
     width: 68%;
}
 section article section {
     padding: 0;
}
 section {
     text-align: justify;
     float: left;
     width: 100%;
     background: #fff;
     padding: 0.7%;
     /* min-height: 450px; */
     text-align: justify;
}
 section article section ul{
     margin-left: 20px;
}
 section section ul li{
    list-style: disc;
    list-style-position: inside;
}
 article {
     float: left;
     width: 69%;
     padding: 0.7%;
}
 article p {
     margin: 1em 0;
}
 article strong{
     font-weight:normal;
}
 article.full {
     width: 100%;
}
 .list {
     margin: 0 0 20px 40px;
}
 .list li {
     list-style: disc;
     margin: 6px 0;
     line-height: 1.5em;
}
 .hidden {
     display: none !important;
     visibility: hidden;
}
 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}
 .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
}
 .invisible {
     visibility: hidden;
}
 .sitemap {
     margin-left: 30px;
     list-style: none;
     list-style-type: none;
}
 .sitemap li {
     font-size: 15px ;
     margin: 10px 0;
}
 .sitemap li a {
     color: #777;
     font-size: 20px;
     line-height: 25px;
     text-decoration:none;
}
 .sitemap li a:hover {
     color: #222 !important;
}
 .sitemap li ul {
     margin-left: 35px;
     list-style: none;
     list-style-type: none;
}
 .sitemap li ul li {
     margin: 5px 0;
     padding: 0;
}
 .sitemap li ul li a {
     font-size: 12px ;
     color: #777;
}
 .sitemap li ul li ul li {
     margin: 5px 0;
}
 .sitemap li ul li ul li a {
     font-size: 13px ;
     color: #777;
}
 .sitemap li a:hover {
     color:#999;
}

/* 
==================================================
    Header
==================================================
*/
 .topo{
     width: 100%;
     float: left;
     height: 3px;
     background-color: #E9532F;
}

 header {
     margin: 0 auto;
     height: 208px;
     background: var(--corhover);
}
 header .logo {
     float: left;
     margin: 3% 0;
}
 header .logo a {
     display: block;
}
 header .logo img {
     position: relative;
     z-index:  99;
     width: 160px;
     bottom: -1px;
}
 header .right p {
     margin: 0px;
     padding: 0px;
}
 header .right {
     position: relative;
     right: 9px;
     float: right;
     color: white;
     font-size: 24px;
     padding: 7px;
     width: 60%;
     font-weight: bold;
     text-align: right;
     top: 47px;
}
 header .right:after {
     position:absolute;
     top: -100%;
     right: 2%;
     font-size: 22px;
     color: #ffcc2a;
}
 header .right strong {
     /* font-size: 15px; */
     padding: 5px;
     /* font-weight: 100; */
}
 header .right p {
     margin-left: 1%;
     display: inline;
}
header.header-home nav{
    margin-top: -41px;
}
 header nav {
     position: relative;
     top: 65px;
     left: 0;
     font-size: 16px;
     width: 100%;
     text-align: right;
     background: none;
     text-transform: uppercase;
}
 header nav li {
     position: relative;
     float:left;
     z-index: 99;
     transition: 0.5s;
}

 header nav a {
     display: block;
     color: #ffffff;
     text-decoration: none;
     padding: 10px 20px;
     /* background:#293890; */
     margin-right: 0px;
     /* border-radius:30px; */
     /* border:2px solid #fff; */
     font-weight:bold;
     font-size: 23px;
     border-bottom:3px solid #cfa75400;
     margin-top: -30px;
     text-shadow: 0px 1px 3px #000000c9;
}

 .dropdown a:after {
     content: '';
     display: inline-block;
     height: 0;
     margin-left: 10px;
     border: 5px inset;
     border-color: #ffffff transparent transparent;
     border-top-style: solid;
}

.dropdown a:after {
    content: none;
}
 .dropdown a:hover:after {
     border-color: #fff transparent transparent;
}
 .dropdown a:after:hover {
     border-color: #e98010 transparent transparent;
}
 #menu:after {
    /* content:'';
     */
    width:100%;
    position: absolute;
    left:0;
    height: 4px;
    background: #333;
    background: -webkit-linear-gradient(left, #e4e4e400 0%, #000000 50%);
}
 header nav ul{
     display: inline-block;
     width: auto;
     margin: 0 auto;
     position:  relative;
     padding-right: 0;
     /* background: #002b71; */
}
 header nav a:hover,header nav li:hover a {
     /* border-bottom: 3px solid #5e52ff; */
     color: var(--corhover);
}
 header nav table {
     border-collapse: collapse;
     position: absolute;
     left: 0;
     top: 0;
}
/*  header nav a:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     bottom: 0;
     left: 0;
     background-color: #e98010;
     visibility: hidden;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
}
 header nav a:hover:before {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
} */
 header nav .dropdown .sub-menu {
     display: none;
     position: absolute;
     padding:  0;
     right: 0;
     margin: 0;
     width: 400px;
     
     
     z-index: 3333;
     
}
 header nav .dropdown:hover .sub-menu {
     display: block;
}
 header nav .dropdown:hover .sub-menu li {
     position: relative;
     float: left;
     width: 200px;
     margin: 0;
     padding: 0;
     border-bottom: none;
}
 header nav .dropdown:hover .sub-menu li a:after {
     content:none;
}
 header nav .dropdown:hover .sub-menu li a {
     display: block;
     width: 180px;
     font-size: 13px;
     height: 17px;
     padding: 15px 10px;
     text-align left;
     text-decoration: none;
     color: #ffffff;
     text-align: left;
     font-weight: 600;
     transform: none;
     margin: 0px;
     border-bottom: 1px solid #262d38;
     font-weight: normal;
     background: #67676769;
}
 header nav .dropdown:hover .sub-menu li a:hover {
     text-decoration: none;
     transition: 0.5s;
     border-bottom: 1px solid var(--corhover);
     color: var(
     --corhover);
     background: #ffffffdb;
     text-shadow: none;
}
 header nav .dropdown ul li.dropdown .sub-menu {
     display: none;
     position: absolute;
     top: 0px;
     left: 200px;
     margin: 0;
     height: auto;
     width: 190px;
     z-index: 3;
}
 header nav .dropdown ul li.dropdown:hover .sub-menu {
     display: block;
     width: 209px;
     background-color: #E9532F;
}
 a.tel {
     text-decoration:none;
     color:inherit;
}

/* 
==================================================
    Thumbs
==================================================
*/

.thumbnails {
     display: inline-block;
     list-style: none;
     list-style-type: none;
     width: 100%;
     text-align: left;
}
 .thumbnails li {
     position: relative;
     display: inline-table;
     width: 165px;
     min-height: 209px;
     margin: 15px 20px;
     text-align: center;
     /* box-shadow: 0px 0px 5px 0px gray;
     */
}
 .thumbnails li:hover {
     transform: scale(1.05);
     transition: 0.3s;
     /* box-shadow: 3px 3px 5px 0px #d2d2d2; */
}
 .thumbnails li img{
     width:155px;
     max-height:155px;
     padding: 4px;
     border-radius: 100%;
     border: solid var(--corhover);
}
 .thumbnails h2 {
     font-size: 14px;
     margin: 0px 0;
     padding: 10px;
     text-align:center;
     width:  auto;
     border-radius: 100px;
     margin-top: 5px;
}
 .thumbnails li:hover h2{
     background: var(--corprincipal);
}
 .thumbnails a {
     text-decoration: none;
     color: #797979;
     display: block;
     font-weight: 100;
}
 .thumbnails a:hover {
     text-decoration: none;
}
 .thumbnails li .box-referencia{
     left: 4px;
     position: absolute;
     margin: 0;
     top: 3px;
     width: 95%;
     font-size: 13px;
     text-align: left;
     background-color: rgba(255,255,255,0.8);
}
 .thumbnails li:hover h2 a {
    color: #fff;
}
 #produto-relacionado .thumbnails{
     width:100% 
}
 #produto-relacionado .thumbnails li{
     margin: 13px;
}
 .titulo-galeria{
     display:block;
}
 section article section .thumbnails{
     margin-left: 0;
     text-align: center;
}
 .fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox- 

outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap 

iframe,.fancybox-wrap object{
     padding:0;
     margin:0;
     border:0;
     outline:0;
     vertical-align:top 
}
 .fancybox-wrap{
     position:absolute;
     top:0;
     left:0;
     z-index:8020 
}
 .fancybox-skin{
     position:relative;
     background:#f9f9f9;
     color:#444;
     text-shadow:none;
     -webkit-border-radius:4px;
     -moz-border-radius:4px;
     border-radius:4px 
}
 .fancybox-opened{
     z-index:8030 
}
 .fancybox-opened .fancybox-skin{
     -webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);
     -moz-box-shadow:0 10px 25px rgba(0,0,0,.5);
     box-shadow:0 10px 25px rgba(0,0,0,.5) 
}
 .fancybox-inner,.fancybox-outer{
     position:relative 
}
 .fancybox-inner{
     overflow:hidden;
     float:left;
     position: relative;
}
 .lightbox-fixed-ref{
     background-color: rgba(255, 255, 255, 0.8);
     text-align: left;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     text-shadow: 0 0 2px #fff;
}
 .fancybox-cotacao{
     float: left;
     width:350px;
     height: 250px;
}
 .fancybox-type-iframe .fancybox-inner{
     -webkit-overflow-scrolling:touch 
}
 .fancybox-error{
     color:#444;
     font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
     margin:0;
     padding:15px;
     white-space:nowrap 
}
 .fancybox-iframe,.fancybox-image{
     display:block;
     width:100%;
     height:100% 
}
 .fancybox-image{
     max-width:100%;
     max-height:100% 
}
 #fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{
     background-image:url(images-fancy/fancybox_sprite.png) 
}
 #fancybox-loading{
     position:fixed;
     top:50%;
     left:50%;
     margin-top:-22px;
     margin-left:-22px;
     background-position:0 -108px;
     opacity:.8;
     cursor:pointer;
     z-index:8060 
}
 #fancybox-loading div{
     width:44px;
     height:44px;
     background:url(images-fancy/fancybox_loading.gif) center center no-repeat 
}
 .fancybox-close{
     position:absolute;
     top:-18px;
     right:-18px;
     width:36px;
     height:36px;
     cursor:pointer;
     z-index:8040 
}
 .fancybox-nav{
     position:absolute;
     top:0;
     width:40%;
     height:100%;
     cursor:pointer;
     text-decoration:none;
     background:url(images-fancy/blank.gif);
     -webkit-tap-highlight-color:transparent;
     z-index:8040 
}
 .fancybox-prev{
     left:0 
}
 .fancybox-next{
     right:0 
}
 .fancybox-nav span{
     position:absolute;
     top:50%;
     width:36px;
     height:34px;
     margin-top:-18px;
     cursor:pointer;
     z-index:8040;
     visibility:hidden 
}
 .fancybox-prev span{
     left:10px;
     background-position:0 -36px 
}
 .fancybox-next span{
     right:10px;
     background-position:0 -72px 
}
 .fancybox-nav:hover span{
     visibility:visible 
}
 .fancybox-tmp{
     position:absolute;
     top:-99999px;
     left:-99999px;
     visibility:hidden;
     max-width:99999px;
     max-height:99999px;
     overflow:visible!important 
}
 .fancybox-lock{
     overflow:hidden!important;
     width:auto 
}
 .fancybox-lock body{
     overflow:hidden!important 
}
 .fancybox-lock-test{
     overflow-y:hidden!important 
}
 .fancybox-overlay{
     position:absolute;
     top:0;
     left:0;
     overflow:hidden;
     display:none;
     z-index:8010;
     background:url(images-fancy/fancybox_overlay.png) 
}
 .fancybox-overlay-fixed{
     position:fixed;
     bottom:0;
     right:0 
}
 .fancybox-lock .fancybox-overlay{
     overflow:auto;
     overflow-y:scroll 
}
 .fancybox-title{
     visibility:hidden;
     font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
     position:relative;
     text-shadow:none;
     z-index:8050 
}
 .fancybox-opened .fancybox-title{
     visibility:visible 
}
 .fancybox-title-float-wrap{
     position:absolute;
     bottom:0;
     right:50%;
     margin-bottom:-35px;
     z-index:8050;
     text-align:center 
}
 .fancybox-title-float-wrap .child{
     display:inline-block;
     margin-right:-100%;
     padding:2px 20px;
     background:0 0;
     background:rgba(0,0,0,.8);
     -webkit-border-radius:15px;
     -moz-border-radius:15px;
     border-radius:15px;
     text-shadow:0 1px 2px #222;
     color:#FFF;
     font-weight:700;
     line-height:24px;
     white-space:nowrap 
}
 .fancybox-title-outside-wrap{
     position:relative;
     margin-top:10px;
     color:#fff 
}
 .fancybox-title-inside-wrap{
     padding-top:10px 
}
 .fancybox-title-over-wrap{
     position:absolute;
     bottom:0;
     left:0;
     color:#fff;
     padding:10px;
     background:#000;
     background:rgba(0,0,0,.8) 
}

/* 
==================================================
    Menu-Lateral
==================================================
*/

 aside {
     float: left;
     width: 27%;
     margin: 0px 10px 0px 0px;
}
 aside h2 a {
     display: block;
     padding: 10px;
     text-decoration: none;
     color: #fff;
     text-align: center;
}
 aside nav {
     list-style: none;
     list-style-type: none;
     margin: 0 0 0 0;
     padding: 0;
}
 aside li {
     margin: 0 0 0 0;
}
 aside li a {
     display: block;
     padding: 5px;
     color: #333;
     text-decoration: none;
     
}
 aside h2 {
     background: var(--corprincipal);
}
 aside h3 {
     color: #272727;
     text-align: center;
}
 aside p {
     text-align: center;
     line-height: 1.8em;
     margin: 0;
}
 aside strong {
     font-size: 19px;
     color: #262d38;
}
 ul.cssmenu {
     padding: 0;
     margin: 0 0 20px 0;
     font-size: 1em;
     list-style: none;
}
 ul.cssmenu li {
    /* border-bottom: 1px solid #fff;
     */
}
 ul.cssmenu li a {
     line-height: 22px;
     font-size: 12px;
     padding: 10px 15px;
     color: #080808;
     font-weight: 100;
     display: block;
     text-decoration: none;
     /* border-bottom: #e980102b solid 1px; */
}
 ul.cssmenu li a:hover {
     border-left: var(--corprincipal) solid 5px;
     transition: 0.3s;
     color: #5f5f5f;
     text-decoration: none;
}
 ul.cssmenu li:focus {
     background: #e98010;
}
 ul.cssmenu li a:after {
     content: none;
}
 ul.cssmenu ul {
     margin: 0;
     padding: 0;
     display: none;
}
 .cssmenu ul li a:before {
     content: '\00BB';
     left: 10px;
     color: #000;
     margin-right: 10px;
}
 .cssmenu a:before {
    /* content: '\00BB';
     */
     left: 10px;
     color: #FFF;
     margin-right: 10px;
}
 ul.cssmenu ul li {
     margin: 0;
     padding: 0;
     clear: both;
     background: rgba(233, 128, 16, 0.05);
}
 ul.cssmenu ul li a {
     padding-left: 20px;
     font-size: 12px;
     font-weight: normal;
     outline:0;
     color: #000 !important;
}
 ul.cssmenu ul ul li a {
     padding-left: 40px;
     line-height: 18px;
}

/* 
==================================================
    Footer
==================================================
*/

 .topo-footer{
     width: 100%;
     float: left;
     margin: 15px 0px 0px 0px;
     height: 5px;
     background-color: #E9532F;
     border-top: 1px dotted #000;
}
 .contact-footer {
     float: left;
     color: #ffffff;
     /* background: #ffffffbd; */
     height: 190px;
     padding: 10px;
}
 .contact-footer strong {
     font-size: 18px;
     letter-spacing: -1px;
}
 footer {
     clear: both;
     background-color: #4C4C4C !important;
     background-blend-mode:multiply;
     /* background-blend-mode: multiply; */
     padding: 10px 0px 0px 0px;
     /* border-top: solid 3px #555555; */
     background-size: cover !important;
     /* background:url(http://losbartenders.com.br/wp-

content/uploads/2016/12/1.png) 

no-repeat; */
}
 footer address {
     margin: 0 0 40px 0;
     font-size: 12px;
     font-style:normal;
     line-height:15px;
}
 footer address span {
     margin:0 0 5px 0;
     font-size: 14px;
     font-weight:bold;
     display:block;
}
 footer .menu-footer {
     text-align: right;
}
 footer .menu-footer:after {
     color: #ffcc2a;
     font-weight:bold;
     font-size:26px;
}
 footer .menu-footer nav {
     margin: 3px 0;
}
 footer .menu-footer nav li {
     display: inline-block;
     padding: 3px 10px;
}
 footer .menu-footer nav li a {
     color: #ffffff;
     font-size: 13px;
     padding: 10px;
     text-decoration: none;
     /* background: #ffffffe6; */
}
 footer .menu-footer nav li a:hover {
     text-decoration:underline;
     
}
/*  footer .menu-footer nav li a:hover:after {
     content: '\00ab';
     margin-left:5px;
}
 footer .menu-footer nav li a:after {
     content: '';
     transition: 0.3s;
     color: #e98010;
} */
 footer .social {
     margin:20px 0 0 0;
     float:right;
}
 footer .social .social-icons{
     width:32px;
     height:32px;
     display:block;
     margin:0 0 0 5px;
     float:right;
     background:url(../imagens/icones/icons-social-midia.png);
}
 footer .social .google{
     background-position:131px 0;
}
 footer .social .google:hover{
     background-position:131px 32px;
}
 footer .social .facebook{
     background-position:164px 0;
}
 footer .social .facebook:hover{
     background-position:164px 32px;
}
 footer .social .twitter{
     background-position:197px 0;
}
 footer .social .twitter:hover{
     background-position:197px 32px;
}
 footer .social .linkedin{
     background-position:98px 0;
}
 footer .social .linkedin:hover{
     background-position:98px 32px;
}
 footer .social .youtube{
     background-position:32px 0;
}
 footer .social .youtube:hover{
     background-position:32px 32px;
}
 footer .social .email{
     background-position:65px 0;
}
 footer .social .email:hover{
     background-position:65px 32px;
}
 .copyright-footer {
     text-align: left;
     font-size: 10px;
     line-height: 16px;
     margin-top: 10px;
     padding: 10px 0px;
     color: #ffffff;
     font-weight:  bold;
     /* background-color: #ffffffc9; */
}
 .copyright-footer .selos {
     float:right;
}
 .copyright-footer .selos a {
     margin:0 0 0 5px;
}
 .busca-clientes {
     margin: 0px 5px 0px 0px;
     float: right;
     background: #FFF;
     padding: 0px 8px 0px 8px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
}
/* 
==================================================
    Home
==================================================
*/
 .homeh1{
     position:relative;
     padding-left: 9.2em;
}
.header-home {
    position:  absolute;
    width:  100%;
    z-index: 99;
    height: 165px;
    /* border-bottom: 1px solid #ffffff; */
    background: #00000000;
    border-top: 35px solid #0000;
}

.header-home .right{
    bottom:220px;
    color: var(--corhover);
}

header.header-home {}
/* 
==================================================
    Categorias e Paginas de Posicionamento
==================================================
*/
 #breadcrumb {
     display: inline-block;
     clear: both;
     width: 100%;
     color: #333;
     font-size: 11px;
     margin: 1em 0;
}
 #breadcrumb div {
     display: inline;
}
 #breadcrumb a {
     color: #777;
     text-decoration:underline;
}
 #breadcrumb a:hover {
     color: #444;
     text-decoration: none;
}
 .seguranca .compartilhe, section .compartilhe {
     font-size: 0.75em;
     margin: 0.5em 0;
     display:block;
     font-weight:bold;
}
 .seguranca .social-media, section .social-media {
     display: inline-block;
     padding: 0;
     margin:0.5em 0;
}
 .social-media li {
     float: left;
     margin-right: 10px;
     list-style:  none;
}
 .bt-twitter {
     text-indent: -5000px;
     overflow: hidden;
     display: block;
     width: 55px;
     height: 20px;
     background: url(../imagens/icones/tweet.png) no-repeat 0 0;
}
 .bt-twitter:hover {
     background-position: 0px -20px;
}
 .more {
     line-height: 30px;
}
 .more h2 strong {
     font-size: 16px;
}
 a.galeria-thumb, a.imagem-lightbox {
     /* border-right: #000 solid 1px; */
     /* border-top: #000 solid 1px; */
     /* border-left: #000 solid 1px; */
}
 .hide {
     position: absolute;
     top: -9999px;
     left: -9999px;
}
 #servicosTabsDois{
     height:auto;
}
 #servicosTabsDois .list-wrap {
     background: #eee;
     padding: 10px;
     margin: 0px 0px 15px 0px;
     font-size: 10px;
}
 #servicosTabsDois ul {
     list-style: none;
     display:inline-block;
}
 #servicosTabsDois .list-wrap li{
     width: 230px;
     float:left;
     color:#666;
     font-size: 12px;
     line-height: 17px;
     margin: 10px;
}
 #servicosTabsDois .nav {
     overflow: hidden;
     margin:0;
     padding:0;
}
 #servicosTabsDois .nav li {
     float: left;
     margin: 0 1px 0 0;
}
 #servicosTabsDois .nav li.last {
     margin-right: 0;
}
 #servicosTabsDois .nav li a {
     display: block;
     text-decoration: none;
     padding: 8px;
     background: #ddd;
     color: #666;
     font-size: 12px;
     text-align: center;
     border: 0;
}
 #servicosTabsDois .nav li a:hover, #servicosTabsDois .nav li a:focus {
     background: #999;
     color:#fff;
}
 #servicosTabsDois ul li.nav-two a.current {
     background-color: #eee !important;
     color: #666;
}
 .form-cotacao{
     font-size: 14px;
     background: #f7f7f7;
     border: 1px solid #e5e5e5;
     padding: 10px 20px;
}
 .form-cotacao fieldset{
     border: 1px solid #ccc;
     padding: 5px 2px;
}
 .form-cotacao h4{
     padding-left: 25px;
     margin: 0 0 20px;
}
 .form-cotacao label{
     text-align: right;
     width: 400px;
     display: block;
     padding-left: 25px;
}
 .form-cotacao input, .form-cotacao textarea{
     width: auto;
     font-size: 14px;
     padding: 2px;
     vertical-align: top;
}
 .form-cotacao p{
     padding-bottom: 10px;
     margin: 0;
     text-align: right;
}
 #box-cotacao-enviada{
     background-color: #DDF7D6;
     border:1px solid #4AB549;
}
 #box-cotacao-enviada p{
     text-align: left;
}
 #box-cotacao-enviada h4{
     padding-left: 0;
}
 .form-cotacao textarea{
     height: 205px;
     width: 275px;
}
 .form-cotacao .dados-cotacao{
     float: left;
}
 .error-message{
     color:red;
     font-size: 12px;
}
 .success-message{
     color:green;
     font-size: 14px;
}
 .image-loading{
     display: block;
     margin: 0 auto;
}
 #palavra{
     width:50px;
     margin-left: 10px;
}
 #novoNumero{
     cursor: pointer;
}
 .copyright {
     font-size: 10px;
     color: #666;
     padding: 1em 0;
}
 .copyright a {
     font-size: 10px ;
     color: #666;
}

/* 
==================================================
    Contato
==================================================
*/

.form input#nome {
    width: 100% !important;
}

.form select {
    width: 100% !important;
}

.form input#email_contato {
    width: 100% !important;
}

.form textarea {
    width: 100% !important;
}

.form input#telefone {
    width: 50% !important;
}

.form input#ddd {
    width: 10% !important;
}

 .form {
     float: left;
}
 .form label {
     font-weight: bold;
     padding-right: 5px;
     font-size: 13px;
     display: block;
     vertical-align: middle;
     margin: 5px 0 3px 0;
}
 .form label span {
     font-size: 9px;
     color:#C00;
}
 .form .ir {
     border: solid 1px #000;
     background: #fff;
     padding: 3px 8px;
     cursor:pointer;
}
 .form .ir:hover{
     background: #0077bb;
}
 .bt-submit {
     display: block;
     margin: 5px 0 0 0;
}
 .form span.obrigatorio {
     font-size:9px;
     color:#C00;
}
 .form label.error {
     display:block;
     color: red;
     margin: 0 .5em 0 0;
     vertical-align: top;
     font-size: 10px 
}
 .contact-form {
     float: right;
     width: 470px;
     color: #989898;
     font-size: 18px;
     margin: 0px 30px;
}
 .contact-form strong {
     color: #6d6e71;
}
 .help {
     font-size: 11px ;
     color: #666;
}
 .alert {
     color: #FF0000;
     margin: 0px 0px 0px 0px;
}
 .ir {
     background-color: transparent;
     border: 0;
     overflow: hidden;
    /**text-indent: -9999px;
     */
}
 .ir:before {
     content: "";
     display: block;
     width: 0;
     height: 150%;
}

 .row {
     clear: both;
     display: block;
     background: #E8E8E8;
     border-left: 3px solid #E8E8E8;
     padding: 10px 20px;
     min-height: 85px;
     margin: 0 0 2px 0;
     overflow: hidden;
}
 .row:hover {
     border-left: 3px solid #F00;
}
 .row img {
     display: block;
     float: left;
     width: 80px;
     height: 80px;
     border: 1px solid #CCC;
     margin: 0 10px 0 0;
}
 .row p {
     font-size: 12px;
     line-height: 15px;
     margin-bottom: 0;
}
 .row a {
     color: #333;
     text-decoration: none;
}
 .row p a {
     color:#69747b;
}
 .row strong {
     font-size: 12px;
}
 .contact {
     display: block;
     padding: 0 0px;
}

/* 
==================================================
    Outras páginas
==================================================
*/

 .msg-404 {
     position: relative;
     font-size: 22px;
     line-height: 34px;
     color: #A7A9AC;
     margin-bottom: 30px;
}
 .menu-404 {
     background: #F8F8F8;
     width: 95%;
     padding: 15px;
     margin-bottom: 20px;
     float: left;
}
 .menu-404 a {
     display: block;
     margin: 0 auto;
}

/* 
==================================================
    Botões
==================================================
*/

 .btn-laranja-cotacao{
     cursor: pointer;
     margin: 20px auto 0px;
     border: 1px solid #ffad41;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size:14px;
     font-family: 'Roboto', sans-serif;
     padding: 0 15px;
     text-decoration:none;
     display:inline-block;
     /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
     font-weight:bold;
     color: #ffffff;
     background-color: #FF5301;
}
 .btn-laranja-cotacao:hover{
     background-color: #e42b13;
}
 .btn-laranja{
     cursor: pointer;
     width:100%;
     margin:5px auto 0px;
     border:1px solid #ffad41;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size:14px;
     font-family: 'Roboto', sans-serif;
     padding: 10px 10px 10px 10px;
     text-decoration:none;
     display:inline-block;
     text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
     font-weight:bold;
     color:#FFFFFF;
     background-color: #FF5301;
}
 .btn-laranja:hover{
     background-color: #e42b13;
}
 .btn-verde{
     cursor: pointer;
     margin: 20px auto 0;
     border: 0px solid #0e0e0e;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 14px;
     font-family: 'Roboto', sans-serif;
     padding: 10px 40px;
     text-decoration: none;
     display: block;
     text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
     font-weight: bold;
     color: #FFFFFF;
     background-color: #2f2f2f;
}
 .btn-verde:hover{
     background-color: #5d5d5d;
}

/* 
==================================================
    Js
==================================================
*/
 #title-empresa h2{
     font-size: 14px;
     background: #E9E9E9;
     padding: 4px 10px;
     line-height: 15px;
     color: #717171;
     text-transform: uppercase;
     text-decoration: none;
     margin: 0 0 10px 0;
     font-weight: 500;
     border-radius: 8px;
}
 #title-keyword h3{
     font-size: 15px;
     padding: 0 10px;
     line-height: 15px;
     color: #717171;
     text-decoration: none;
     margin: 0 0 10px 0;
     border-radius: 8px;
     font-weight: 100;
}
 .slicknav_btn {
     position: relative;
     display: block;
     vertical-align: middle;
     float: right;
     padding: 0.438em 0.625em 0.438em 0.625em;
     line-height: 1.125em;
     cursor: pointer;
}
 .slicknav_menu {
     display:none;
}
 .slicknav_menu .slicknav_menutxt {
     display: block;
     line-height: 1.188em;
     float: left;
}
 .slicknav_menu .slicknav_icon {
     float: left;
     margin: 0.188em 0 0 0.438em;
}
 .slicknav_menu .slicknav_no-text {
     margin: 0 
}
 .slicknav_menu .slicknav_icon-bar {
     display: block;
     width: 1.125em;
     height: 0.125em;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
 .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
     margin-top: 0.188em 
}
 .slicknav_nav {
     clear: both 
}
 .slicknav_nav ul,.slicknav_nav li {
     display: block 
}
 .slicknav_nav .slicknav_arrow {
     font-size: 0.8em;
     margin: 0 0 0 0.4em;
}
 .slicknav_nav .slicknav_item {
     cursor: pointer;
}
 .slicknav_nav .slicknav_row {
     display: block;
}
 .slicknav_nav a {
     display: block 
}
 .slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a {
     display: inline 
}
 .slicknav_menu:before,.slicknav_menu:after {
     content: " ";
     display: table;
}
 .slicknav_menu:after {
     clear: both 
}
 .slicknav_menu {
     font-size:16px;
}
 .slicknav_btn {
     margin: 5px 5px 6px;
     text-decoration:none;
     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     background-color: #5f5f5f;
}
 .slicknav_menu .slicknav_menutxt {
     color: #FFF;
     font-weight: bold;
     text-shadow: 0 1px 3px #00000080;
}
 .slicknav_menu .slicknav_icon-bar {
     background-color: #f5f5f5;
}
 .slicknav_menu {
     background: #2f2f2f;
     padding:5px;
}
 .slicknav_nav {
     color:#fff;
     margin:0;
     padding:0;
     font-size:0.875em;
}
 .slicknav_nav, .slicknav_nav ul {
     list-style: none;
     overflow:hidden;
}
 .slicknav_nav ul {
     padding:0;
     margin:0 0 0 20px;
}
 .slicknav_nav .slicknav_row {
     padding:5px 10px;
     margin:2px 5px;
}
 .slicknav_nav a{
     padding:5px 10px;
     margin:2px 5px;
     text-decoration:none;
     color: #ffffff;
}
 .slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a {
     padding:0;
     margin:0;
}
.slicknav_nav .slicknav_row:hover a {
    color: #fff;
    background: none;
}
 .slicknav_nav .slicknav_row:hover {
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     background: #5f5f5f;
     color: #fff;
}
 .slicknav_nav a:hover{
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     background: #fff;
     color: #2f2f2f;
}
 .slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

/* 
==================================================
    Outros
==================================================
*/

 .imagem-pagina{
     max-width: 100%;
     box-shadow: 0 0 2px #ccc;
}

 .browsehappy {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
}
 .picture-legend {
     background:#eee;
     display:inline-block;
     padding:3px;
}
 .picture-legend strong {
     clear:both;
     display:block;
     text-align:right;
     font-weight: normal;
     padding: 4px;
     font-size:9px;
}
 .picture-legend img {
     margin:0 auto;
     display:block;
}
 .picture-left {
     float:left;
     margin:0 10px 0 0;
}
 .picture-right {
     float:right;
     margin:0 0 0 10px;
}
 .picture-center {
     margin:0 auto;
     display:block;
}
 .gallery {
     display: inline-block;
     list-style-type: none;
     list-style: none;
     margin: 35px 0px 0px 0px;
}
 .gallery li {
     float: left;
    /* margin: 4px;
     */
     text-align: center;
     width: 210px;
     height: 200px;
}
 .gallery li img{
     border: solid 1px #ccc;
     padding:3px;
     background-color: #ccc;
}
 .gallery li img:hover{
     opacity:0.6;
}
 p.ampliar {
     color:#F30;
     font-size:11px;
     margin:5px 0;
}
 .related-posting-title {
     font-size: 26px;
}
 .related-posting {
     list-style: none;
     list-style-type: none;
     margin: 0;
     padding: 0;
}
 .clearfix:before,.clearfix:after {
     content: " ";
     display: table;
}
 .clearfix:after {
     clear: both;
}

 @media only screen and (max-width: 992px){
    /*Header*/
     header .logo {
         margin: 25px;
         margin-left: 0%; 
    }
     header .logo img {
         width: auto;
    }
    /*Thumbs*/
	.thumbnails{
         text-align:center;
    }
     .thumbnails li {
         margin: 15px 30px;
    }
    /*Sections, Redes Sociais e Texto*/
    .homeh1 {
         left: 0% !important;
         text-align:  center;
         padding: 0;
         margin: 0 auto;
    }
     h1 {
         left: 3.5%;
         width: 90%;
    }
     h3 {
        width:95%;
        margin: 0 auto !important;
    }
    #breadcrumb {
         position: relative;
         left: 5%;
         width: 90%;
    }
    .seguranca {
         width: 66%;
    }
    article {
        padding: 0;
    }
    section section p {
        width: 90%;
        margin: 0 auto;
        padding: 1em 0;
    }
    section section ul li {
    width: 90%;
    margin: 0 auto;
    }
    section section h2 {
        width:  90%;
        margin: 0 auto;
    }
     section {
        padding: 1em 0em;
    }
    .social-media {
        padding: 0em 5% !important;
    }
    .social-media li {
        width:auto;
    }
    p.compartilhe {
        padding: 1em 5%;
    }
     .more {
        width: 90%;
        margin: 0 auto;
    }
    .more h2 {
        margin: 0;
    }
    /*Regiões de Atendimento e Formulario de contato*/
    div#servicosTabsDois {
        width: 95%;
        margin: 0 auto;
    }

    div#form-cotacao {
        width: 90%;
        margin: 0 auto;
    }
    /*Footer*/
     footer{
         padding: 15px;
    }
    .copyright {
        width: 95%;
        margin: 0 auto;
        margin-top: 2%;
    }
    /*Pag de Contato*/
     iframe{
         width:100%;
    }
     .form {
         width: 100%;
    }
     form#formContato {
         width: 400px;
         margin: 0 auto;
    }
     .contact-form h3 {
         color: #fff;
         text-align: center;
    }
     .contact-form strong {
         color:#fff;
         font-weight: 100;
         font-size: 14px;
    }
     .contact-form{
         width:100%;
         margin: 30px 0 0 0;
         text-align: center;
         background: #e98010;
    }

}
 @media only screen and (max-width: 768px){
    /*Header*/
    .header-home {
        /* background: #35c3d9; */
        position: relative;
        width: 100%;
        z-index: 99;
        height: 220px;
    }
     header .logo a {
         margin: 20px auto;
         width: 100%;
    }
     header .logo {
         margin: 0 auto;
         margin-left: 0;
         width: 100%;
         text-align: center;
         background: var(--corhover);
    }
     header .logo img{
         width: auto;
         max-width: 170px;
         top: 3px;
    }
     header .right p {
         margin-left: 0;
         display: block;
         width:100%;
         margin: 10px 0px;
         padding: 0px;
         border: none;
         left: 0;
    }
     header .right{
         border-radius: 0px;
         color: #222222;
         text-align: center;
         font-size: 22px;
         margin:0px;
         width: 100%;
         background: #fff;
         box-shadow: none;
         top: 2px;
         position: relative;
         left: 0;
    }
     header .right:before {
    }
     header .right p {
         width: 85%;
         margin-left: 9%;
    }
     header .right strong{
         font-size: 22px;
    }
    /*Thumbs*/
     .thumbnails li {
         position: relative;
         width: 27%;
         margin: 2%;
    }
     .thumbnails li img{
         max-width: 9em;
         width: 9em;
         height:auto;
    }
     .gallery li{
         position: relative;
         left: 23%;
         margin: 4px;
    }
    /*Menu lateral*/
     aside {
         width: 100%;
         margin: 0 0 1em 0;
    }
    /*Sections, Redes Sociais e Texto*/
     .homeh1 {
    	 left: 0% !important;
    }
     main section h1 {
         clear: both;
         position:  relative;
         height: auto;
         left: 0%;
         width: 100%;
         line-height: 35px;
    }
     h1 {
         height: 10px;
         padding: 0;
         margin: 0px;
         width: 80%;
         display: block;
         padding-left: 0px;
    }
         article img{
         max-width: 100%;
    }
     section{
         width: 100%;
         padding: 1em 0;
     }
     section img{
         max-width: 100% 
    }
     section.seguranca{
         width: 98% !important;
         margin-top: 6%;
         padding: 0;
    }
     article {
         width: 100%;
    }
    .social-media li {
        width:  auto;
    }
    .social-media {
        width: 90%;
        margin: 0px !important;
        padding: 1em 5% !important;
        position:  relative;
    }
    p.compartilhe {
        width:  90%;
        margin: 0 auto;
        padding: 1em 5%;
        position:  relative;
    }
    .more {
        width:  90%;
        margin: 0 auto;
    }

    .more h2 {
        width: 100%;
    }

    /*Regiões de Atendimento e Formulario de contato*/
     #servicosTabsDois .nav li a {
         padding: 8px;
         font-size: 13px;
         width: 100%;
    }
     #servicosTabsDois .nav li a {
         padding: 10px;
    }
     .contact-footer {
         width:100%;
         display: block;
         margin-bottom: -45px;
         text-align: center;
    }
     #palavra{
         margin:0px!Important;
    }
	/*Footer*/
     footer .menu-footer nav li {
         display: inline-block;
         padding: 0px;
         margin: 20px;
         color: #fff;
         font-size: 13px;
         text-decoration: none;
    }
     footer .menu-footer nav li a {
         background: #ffffff24;
         padding: 10px 30px;
    }
     footer .menu-footer nav li a:after {
         content: none;
    }
     footer .menu-footer nav li a:hover:after {
         content: none;
    }
     footer .menu-footer {
         text-align: center;
    }
     footer .menu-footer nav li a:hover {
         padding-right: 30px;
         color:#fff;
         background: #e980104f;
    }
     .busca-clientes {
         margin: 0px 5px 0px 0px;
         float: left !important;
         background: #FFF;
         padding: 0px 8px 0px 8px;
         border-radius: 5px;
         -webkit-border-radius: 5px;
    }
	/*Js*/
     .js #menu {
         display:none;
    }
     .js .slicknav_menu {
         display:block;
    }
}
 @media only screen and (max-width: 480px){
 	/*Header*/
     header {
         height: 125px;

    }
    /*Thumbs*/
     .thumbnails li {
         position: relative;
         width: 70%;
         margin: 3%;
    }
     .thumbnails li:hover {
         transform: none;
         transition: 0s;
         box-shadow: 0px 0px 0px 0px #d2d2d2;
    }
     .thumbnails li img {
         max-width: 10em;
    }
    /*Sections, Redes Sociais e Texto*/
     .homeh1 {
         left: 15%;
         font-size: 24px;
    }
    section.seguranca {
        margin-top: 0.5em;
    }
    /*Regiões de Atendimento e Formulario de contato*/
    .g-recaptcha {
        margin-left: -31px;
    }
    #servicosTabsDois li {
        width: 100% !important;
    }
    .list-wrap {
        height: auto !important;
    }
    .dados-cotacao {
        text-align:  left;
    }
    .dados-cotacao label {
        width:  auto;
        padding: 0;
        text-align:left
    } 
    div#form-cotacao {
        width: 80%;
        margin: 0 auto;
    }   
    .form-cotacao textarea {
        width: auto;
    }
    .form-cotacao h4 {
        padding-left: 0px;
        margin: 20px 0;
    }
    /*Footer*/
     footer .menu-footer nav li a {
         background: none;
         padding: 0px;
    }
     footer .menu-footer nav li a:hover {
         padding-right: 0px;
         background: none;
    }
     footer .menu-footer nav li {
         display: inline-block;
         margin: 10px;
         width: 70%;
         background: #ffffff24;
         padding: 10px;
    }
     footer .menu-footer nav li:hover {
         background:#e980104f;
    }
     footer .menu-footer nav li a {
         width: 100%;
    }
    /*Pag de Contato*/
    form#formContato {
         width: 90%;
         margin: 0 auto;
    }
}

#facebook-jssdk-iframe{
    display:none;
}

.nivo-directionNav a{
    display:none !important;
}




.nivoSlider{
    height: auto !important;
}


 @media only screen and (max-width: 768px){
    .nivoSlider{
        height:auto
         !important;
    }
 }

   .link-wpp button:before {
    content: url(../imagens/whatsapp.png);
    position: fixed;
    z-index: 10;
    right: 2%;
    bottom: 0px;
}