*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  background-color: #ffffff;
  line-height: 22px;
    font-style: normal;
  font-weight: 400;
  font-family: Oxygen, sans-serif;
    font-size: 16px;
    color: #2a2823;
}

figure{
	margin: 0px;
}
.lightbox{
	margin: 0px;
	padding: 0px;
	font-size: 5px;
}

.imagesgroup li{
	height: 302px;
}

 a {color:#215911}
 a:hover { color:#215911;}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #666;
  font-family: "Oxygen", sans-serif;
  font-weight: 400;
  margin-top: 0; }

.justify {text-align: justify;}

.logo {
 
  margin-left:50px}
#idiomas {float:right;margin-top:10px;margin-right:50px;}
#dados-menu {clear:both; margin-top:10px;float:right;width:65%;}

.nav-item {padding: 0 1.3rem; font-weight:bold;color:#333;}

.navbar-light .navbar-toggler {border: 0!important;}
.nav-link {color:#666 !important;;font-size:14px;}
.nav-link:hover {color:#215911 !important ;}

.search-top {
  
    margin-top: 30px;
    width: 40%;
    float:left;
    height: 40px;   
    border: 1px solid #eee;
    border-radius: 5px;
    font-size: 12px !important;
    font-family: "Oxygen", sans-serif;
}

#carrinho {float:left;margin-top:30px;margin-left:34px; padding:8px;border:1px solid #666;}
#telefone {float:left;margin-top:30px;margin-left:24px; padding:8px; color:#215911;font-weight:bold;}
#h-videos {margin-top:50px;text-align:center;}
#h-destaques {margin-top:50px;padding-top:50px;padding-bottom:50px;background-color:#eee;}
.prod-destaque {text-align:center;padding: 1rem; margin-bottom:20px;}
.prod-destaque img{width:100%;height:180px;}
.prod-destaque p{margin-top:10px;height:50px;}

/*.prod-destaque a{border:2px solid #215911; color:#215911;font-weight:bold;padding:5px 10px;border-radius: 4px;font-size:14px;margin-bottom:20px;}
.prod-destaque a:hover {border:2px solid #84C639; color:#84C639;}*/

.prod-destaque .btnmaisdetalhes{border:2px solid #215911; color:#215911;font-weight:bold;padding:5px 10px;border-radius: 4px;font-size:14px;margin-bottom:20px;background-color:transparent !important;}
.prod-destaque .btnmaisdetalhes:hover {border:2px solid #84C639; color:#84C639;}


#endereco {text-align:center;padding-top:20px;}
#redesociais{text-align:center;padding-top:30px;font-size:30px;}
#redesociais .fa {margin:0 10px}
.title {margin-top:10px;}

#titulo {height:170px;background-color:#215911;background-image: url(../img/back-title.png);background-position:right;background-repeat: no-repeat; padding-top:70px; } 
#titulo .title {font-size:30px;margin-bottom:30px;color:#fff;line-height:30px;}
#breadcrumbs {color:#215911;font-size:14px;margin-top:10px;}
#main {position:relative;}
#fale  {margin:50px 0}
.box-sidebar {background-color:#eee; padding:15px;}
.box-sidebar li{font-size:14px;padding-top:10px;}

.box-sidebar li a:hover{color:#215911;font-weight:bold;}
.title-categ {background-color:#215911;color:#fff;padding:10px; text-align:center;}
.pedir-cotacao{border:2px solid #215911; color:#215911;font-weight:bold;padding:10px 20px;border-radius: 4px;margin-bottom:20px;}

.pedir-cotacao:hover {border:2px solid #84C639; color:#84C639;}
.indisponivel {margin-top:0; margin-left:0; background-color:#f1dd00;padding:10px; border-radius:5px;width:150px;text-align:center;color:#215911;font-weight:bold;}
.main-image {
      /*max-width: 600px;*/
      margin-bottom: 0.75em;
      margin-top:50px;
    }
    .thumbnails {margin-bottom:0.50em;}
    .thumbnails li {
      display: inline;
      margin:  0 10px 0 0;


      
    }
    .thumbnails img {
     width:150px; margin-top:5px;
   }

  .main-image img {
	/*max-width: 100%;
	height: 450px;*/
  }

   #video-prod { max-width: 600px;margin: 50px 0 20px;}
   #videos .p-videos {
    width: 100%;
    height: 130px;
   
}
#videos h5{margin-bottom:20px;text-align:center;}
.box-sidebar nav {max-height: 700px;overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-color: rebeccapurple green;
    height: auto; 
    }
#scrollbar::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#scrollbar::-webkit-scrollbar
{
  width: 8px;
  background-color: #F5F5F5;
}

#scrollbar::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #215911;
}
.prod-saibamais {margin-bottom:20px;}
.prod-saibamais img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: .3s;}
.prod-saibamais h2{padding:5px;color:#fff;text-align:center;font-size:14px;font-weight:bold;background-color:#215911;  line-height: 25px;}
.prod-saibamais a{color:#fff;}
.compartilhe {font-size:12px;}
.social-media {margin-bottom:30px;}

.agileinfo_mail_grid_right input[type="text"], .agileinfo_mail_grid_right input[type="email"], .agileinfo_mail_grid_right textarea, .agileinfo_mail_grid_right select {
    outline: none;
    padding: 10px;
    font-size: 14px;
    color: #212121;
    background: #f5f5f5;
    width: 100%;
    border: 1px solid #E6E6E6;
    margin: 1em 0 0;
}
#scrollbar li a {
   
    display: block;
    padding: 5px 5px 5px 0;
   
    transition: all .3s linear;
    text-decoration: none;
    
}
.active-menu-aside {
    color: #215911;
   
   
    font-weight: bold;
}


/*  Gallery  */
.gallery {
    display: inline-block;
    list-style-type: none;
    list-style: none;
}

.gallery li {
    float: left;
    margin: 5px;
    text-align: center;
    transition: .3s;
}

.gallery li:hover {
    opacity: 0.9;
    transform: scale(1.05);
}

.gallery li img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 5px;
    border: 2px solid #ddd;
}
.owl-carousel .owl-item .banner-mob {display:none;}

#main h2 {font-size: 20px;
    text-decoration: none;
    margin: 20px 0;
    color: #215911;
  font-weight:bold;}

.info-thumbs h2 { margin: 0 !important; font-size: 14px !important; color:#fff;}

#relacionados h2 {font-size: 20px;
    text-decoration: none;
    margin: 20px 0;
    color: #215911;
    font-weight:bold;}

    #relacionados h3 {font-size: 14px; color:#215911;font-weight:bold;}
.alerta {font-size:12px;}

.related-posting-title {
    font-size: 22px;
}
.related-posting {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.related-posting .row {
    clear: both;
    display: block;
    background: #E8E8E8;
    border-left: 3px solid #ccc;
    padding: 10px 20px;
    transition: all .3s linear;
    min-height: 85px;
    margin: 0 0 2px 0;
    overflow: hidden;
}
.related-posting  .row:hover {
    border-left: 3px solid #215911;}

.related-posting  .row a {
    color: #666;

    text-decoration: none;
}

.related-posting .row img {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #CCC;
    margin: 0 10px 0 0;
}
#servicosTabsDois .nav {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#servicosTabsDois ul {
    list-style: none;
    display: inline-block;
}
#servicosTabsDois .nav li {
    float: left;
    margin: 0 0px 0 0;
}
#servicosTabsDois .nav li a {
    display: block;
    text-decoration: none;
    padding: 12px;
    background: #ddd;
    transition: all .3s linear;
    color: #666;
    font-size: 12px;
    text-align: center;
    border: 0; }

    #servicosTabsDois .nav li a:hover {background: #ccc;}
    #servicosTabsDois ul li.nav-two a.current {
    background-color: #eee !important;
    color: #666;
}

    #servicosTabsDois ul {
    list-style: none;
    display: inline-block;
}
#servicosTabsDois .list-wrap {
    background: #eee;
    padding: 10px;
    margin: 0 0 15px 0;
    font-size: 10px;
    height: auto !important;
}
#servicosTabsDois .list-wrap li {
    width: 50%;
    float: left;
    color: #666;
}
.copyright {
    font-size: 10px;
    color: #666;
    margin-bottom: 15px;
}

.filtro {
  margin-top:20px;
    float:right;
    
}
.filtro h5 {
    display: none;
}
.filtro label {
    display: none;
}
.filtro select {
   
    border: 2px solid #215911;
    color:#215911;
    border-radius: 3px;
    padding: 17px;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none!important;
    width: 100%;
}
.filtro div {
    float: left;
    position: relative;
    margin-right: 10px;
    width: 200px;
}
.filtro div:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #aaa;
    right: 8px;
    top: 20px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}
#blog {margin-bottom:50px;}
.post { border: 1px solid #eee; padding:10px; margin-top:20px}
.post a{ color:#215911; font-weight:bold;}
.post .data {
  
    color: #999;   
    font-size: 14px;
}

.post h4 {
    color:#215911;    
}
.post .resumo {
    margin-bottom: 15px;
    min-height: 100px;
}
.post img {width: 100%}

.blog-foto {margin-top:50px;margin-bottom:50px;text-align:center;}
.blog-foto img {max-width:100%;}
.ant {
    position: relative;
    float: left;
    padding: 10px 15px;
    border: 2px solid #215911;
    border-radius: 10px;
    font-size: 14px;
    margin-top:50px;
    font-weight:bold;
   
  }
.prox {
    position: relative;
    float: right;
    padding: 10px 15px;
    border: 2px solid #215911;
    border-radius: 10px;
    font-size: 14px;
     margin-top:50px;
     font-weight:bold;

}

.tags {margin-top:50px;}
.tags span {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
}
.outros {margin-top:50px;margin-bottom:50px;}

.bt-solicite {display:block;width:100%;border: 2px solid #215911;
    color: #215911;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align:center;
   }
   .bt-solicite:hover {border:2px solid #84C639; color:#84C639;}


.bt-outras {
  float:right;border: 2px solid #215911;
    color: #215911 !important;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 4px;
    
    text-align:center;}

.bt-outras:hover {border:2px solid #84C639; color:#84C639 !important;}
   


@media (max-width: 1198px) {
    .bt-outras {display:none;}
    .prod-destaque p{margin-top:10px;height:60px;}
}
@media (max-width: 1527px) {
  #dados-menu {clear:both; margin-top:10px;float:right;width:70%;}
}
@media (max-width: 1272px) {
  #dados-menu {clear:both; margin-top:10px;float:right;width:80%;}
}

@media (max-width: 1128px) {
  #dados-menu {clear:both; margin-top:10px;float:right;width:95%;}
  .prod-destaque p{margin-top:10px;height:100px;}
   .prod-destaque img{width:100%;height:140px;}
   }
}

@media (max-width: 960px) {.prod-destaque p{margin-top:10px;height:100px;}}
@media (max-width: 767px) {

  #dados-menu {clear:both; margin-top:10px;float:right;width:70%;}
   .prod-destaque img{width:100%;height:280px;}
   .title {text-align:left;}
   .post {
		  padding: 0px;
	}
	.listablog .col-md-4{
		padding: 0px;
	}
}
@media (max-width: 411px) {
  .prod-destaque p{margin-top:10px;height:40px;}
 .prod-destaque img{width:100%;height:230px;}

}

@media (max-width: 1348px) {
.logo { 
  margin-left:20px}
#idiomas {float:right;margin-top:10px;margin-right:10px;}

}
@media (max-width: 1230px) { .nav-item {    padding: 0 1.2rem; }}
@media (max-width: 1200px) { .nav-item {    padding: 0 8px; }}

@media (max-width: 1080px) { .nav-link {font-size:13px;}}
@media (max-width: 1028px) { 
.nav-link {
        font-size: 13px;
}
}
@media (max-width: 1008px) { .nav-item {    padding: 0 2px;} }

.navbar-expand-lg .navbar-nav .nav-link {
    
  
    text-align: center;
}
.navbar-toggler {margin-top:10px;}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-toggle:after {
  display: none !important;

}
.dropdown-menu { 
 background-color:#eee !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;}

.dropdown-item { font-size:14px;color:#333;}

.dropdown-item:focus,.dropdown-item:hover{font-weight:bold;color:#215911 !important;text-decoration:none;background-color:transparent !important;}
.dropdown-item:active{font-weight:bold;color:#215911 !important;text-decoration:none;background-color:transparent !important}

.modal {z-index: 9999 !important;}
.font-large {font-size:70px;}
.how-it-works__counter {
  display: inline;
    padding: 20px 25px;
    color: #666;
    font-size: 32px;
    font-weight: bold;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fff;
    border:1px solid #666;
    box-shadow: 0 0 14px 0 rgba(52, 30, 67, 0.2);
    margin: -10px 27px 30px;
}

.btn-primary {color: #fff;
    background-color: #5cb0de !important;
    border-color: #5cb0de !important;
}

.inmodal .modal-title {
    font-size: 24px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    padding: 5px
}
.titlemobile {
    font-size: 24px !important;
} 
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}  
.font-bold {
    font-weight: 600;
}
.inmodal .modal-body {
    background: #eee;
     padding: 20px 40px 30px 40px;
}
.form-contact, .single-line {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.form-contact {
    font-size: 0.9rem;
}

h1 {
  font-size: 36px;
  line-height: 42px; }

h2 {
  font-size: 30px;
  line-height: 36px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 14px;
  line-height: 18px; }

h6 {
  font-size: 12px;
  line-height: 14px; }

p:last-child {
  margin-bottom: 0; }

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #555252; }

a,
button,
img,
input,
span {
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s; }

*:focus {
  outline: none !important; }

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

button,
input[type="submit"] {
  cursor: pointer; }

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0; }

#language {cursor:pointer;font-size:14px;}
 #others-lang {position: absolute;z-index:9999999999999;margin:0;background: #fff none repeat scroll 0 0;box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);padding: 8px 12px 10px;font-size:14px;}
}


.header-bottom {margin-bottom:0;}
.header-menu {margin-top:0px; }

.sticky {position:fixed;top:-20px;;width:100%;z-index:99999999999999;animation: mymove 0.2s;display:none;}



.nav-link a:hover {color:#a40505 !important}


@keyframes mymove {
  from {top: -50px;}
  to {top: -25}
}
@media only screen and (max-width: 1024px) {.sticky {display:none !important;} }
    .modal {
       top: 0 }
@media only screen and (max-width: 991px) {

.navbar {
    position: absolute;
    top: 10px;
    left: 20px;
}

}

@media only screen and (max-width: 1024px) {
  .header-navigation .navigation-tools {padding-left:30px;}

}

@media only screen and (max-width: 900px) {
.navbar-collapse {background-color:#eee;width:98%;padding-left:1%;padding-right:1%;position:absolute;top:60px; border:1px solid #ccc;z-index:999999999999999999999;}



}



 @media only screen and (max-width: 1200px) {
  
  .menu-principal{ padding-right: 0 !important;
    padding-left: 0 !important;height:40px;margin-top:15px;border-right:0}
 }

.input-group-text {background-color: transparent !important; 
 border: 0 !important;font-size: 12px !important;
padding-left:20px !important;padding-right:20px !important; }
.input-group-prepend {margin-top:3px !important;}

.form-control {display: block;
    width: 100%;
    height: calc(2.3em + .75rem + 2px);
    padding: .375rem .75rem;
    
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 0;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

  .btn-secondary {
    color: #fff;
  height:39px;
    background-repeat: no-repeat;
    background-position: 10% center;
    background-color: #215911 !important;
    border-color: #215911 !important;
   
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top:4px;
    font-size: 18px !important;

}
.language-currency-wrap {float:right;}

  .ico-login {float:left;padding: 0 40px}
 .ico-cadastro {float:left;padding:0 0 0 40px}
@media only screen and (max-width: 1192px) {

.ico-login {float:left;padding: 0 20px}
      .ico-cadastro {float:left;padding:0 0 0 20px}
      .search-top {
    width: 40%;
    left: 10%; }
}


#produtos {margin-top:50px;}


#submenu {
  position:absolute;
  right:0;margin-top: 30px;}
#submenu ul {
      padding:0px;
    margin:0px;
    list-style:none;
}
#submenu ul li { display: inline; padding: 10px 50px 0 0; font-size: 17px;}
#submenu ul li a {
    
    display: inline-block;

    /* visual do link */
   color:#fff;
    text-decoration: none;
  }

  #submenu ul li a:hover {
    
     padding-bottom:10px;
   background-image:url(../img/ico-sublinhado.png); 
   background-repeat: no-repeat;
    background-position: center bottom; }

  #submenu .active {
    padding-bottom:10px;
   background-image:url(../img/ico-sublinhado.png); 
   background-repeat: no-repeat;
    background-position: center bottom; }

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.icones {position:absolute;right:50px;}
#sobre {padding-top:50px;padding-bottom:50px;}
#clients {padding-top:50px;padding-bottom:50px;}
#videos {padding-top:50px;padding-bottom:50px;}
#services {padding-top:50px;padding-bottom:50px;background-color:#f8f8f8;}
#services2 {padding-top:50px;padding-bottom:50px;background-color:#fff;}

.service-block {padding:30px 50px;}
#news {padding-top:20px;}
#news .news-block {padding:60px;background-color:#eee;}
#news .news-block1{ width:100%;height:100%;background-image:url(../img/conect.jpg); 
   background-repeat: no-repeat; }
#news .news-block1-2{ width:100%;height:100%;background-image:url(../img/conect-celular.jpg); 
   background-repeat: no-repeat; }
#news .col-sm-6 {padding-right:0 !important; padding-left:0 !important;}
#news input {
    background: #fff;
    border: 2px solid #eceff8;
    height: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 10px;
    font-size: 14px;
    color: #333;
    width: 100%;
}
#news .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #81b84a;
    border-color: #81b84a;
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);}
#news .btn {border-radius:0 !important;}
#news .btn-success {color: #fff;
    background-color: #81b84a;
    border-color: #81b84a;
    border-radius:4px !important;
  box-shadow: 2px 2px 2px 1px #ddd;}
.block-drop {text-align:center;font-size:16px;}

.seta:before {
  content: url('../img/set-right.jpg');
  position:absolute;
  top:40px;
  right:0  ;
}
@media only screen and (max-width: 768px) {
.block-drop {margin-bottom:50px;}
.seta:before {
  content: '';
  position:relative;
  top:0;
  right:0  ;
}
.navbar {
    position: absolute;
    top: 0;
   
    width:55%;
}


.nav-item {   padding: 5px 0 5px 0; border-bottom:1px solid #e8e8e8;}
.dropdown-menu {    background-color: transparent !important;
   
    border: 0 !important;
    border-radius: 0 !important}
}





#b-principal .owl-theme .owl-dots{display:none;}

#h-videos .owl-theme .owl-dots{display:none;}



/*-- 
    - Input Placeholder
-----------------------------------------*/
input[type="submit"] {padding:10px;background-color:#fff;border: 2px solid #215911; color:#215911; width:100%;border-radius:10px;text-transform:uppercase;font-weight:bold;}
input[type="button"] {padding:10px;background-color:#fff;border: 2px solid #215911; color:#215911; width:100%;border-radius:10px;text-transform:uppercase;font-weight:bold;}
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }



select {
  width: 100%;
  background: #fff;
  border: 0px solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  color: #333; 

    padding: 6px 12px;}

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px; }

/*input:focus {
  background: transparent; }*/

textarea {
  resize: vertical;
  
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px; }

textarea:focus {
  background: transparent;
  border: 2px solid #4FC1F0;
  outline: none; }

.input-group.divcenter.input-group .form-control {
  padding-left: 0px; }

.custom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .header-area {    height: 140px;}
    .header-navigation .navigation-tools {padding-top:20px;}

.navbar {
    position: absolute;
    top: 0;
    left: 10px;
    width:55%;
}


    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }

.custom-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .custom-row-2 div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .custom-row-2 div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .custom-row-2 div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-row-2 {
      margin-right: -5px;
      margin-left: -5px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-row-2 {
      margin-right: -5px;
      margin-left: -5px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row-2 {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .custom-row-2 {
      margin-right: -15px;
      margin-left: -15px; } }

.custom-row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -13.6px;
  margin-left: -13.6px; }
  .custom-row-3 div[class^="col-"] {
    padding-left: 13.6px;
    padding-right: 13.6px; }
    @media only screen and (max-width: 767px) {
      .custom-row-3 div[class^="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-row-3 {
      margin-right: -13.6px;
      margin-left: -13.6px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-row-3 {
      margin-right: -13.6px;
      margin-left: -13.6px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row-3 {
      margin-right: -13.6px;
      margin-left: -13.6px; } }
  @media only screen and (max-width: 767px) {
    .custom-row-3 {
      margin-right: -15px;
      margin-left: -15px; } }

.custom-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  width: 100%;
  min-height: 1px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333%;
      flex: 0 0 33.333%;
      max-width: 33.333%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media only screen and (max-width: 767px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-col-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }

.mobile-menu-area {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-menu-area {
    display: block;
    position: absolute;
    top: 60px;
    left:10px;
    z-index: 9999;

} 
.mean-container .mean-nav{margin-top: 30px;}
.logo {
    position: absolute;
    left: 70px;
}
.header-menu {   margin-top: 0;}
}
  @media only screen and (max-width: 767px) {
    .modal {    z-index: 999999999999 !important;}
    .mobile-menu-area {
    display: block;
    position: absolute;
    top: 130px;
z-index: 999999;
}




 }


 @media only screen and (max-width: 576px) {
  #titulo {margin-top:20px;}
#b-principal  {margin-top:20px;}
  #pricing {width:100%;padding:20px;position:relative;top:0;z-index:999999;}
  .logo {
    position: absolute;
    top: 10px;
    left: 0;
   }

   
  .mobile-menu-area {
    display: block;
    position: absolute;
    top: 150px;
left: 0;}



#submenu ul li {
    display: inline;
    padding: 10px 22px 0 0;
    font-size: 16px;
}


 .txt-pesquisar {display:none;}
 .logo img{
    width:150px;
}

.container-fluid {padding-right: 5px;
    padding-left: 5px;}
}
@media (min-width: 1230px) {
.container {
    max-width: 1200px;
}
}
.header-right-wrap {
      margin-top: 130px;
      margin-right:10px; } 



.clearfix:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    clear: both;
}
/** ========================
 * Contenedor
 ============================*/
 
    .toggle, .toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.toggler {
  color: #fff;
  transition: .2s;
  font-weight: 400;
}

.toggler--is-active {
  color: #fff;
  font-weight:bold;
}

.b {
  display: block;
}

.toggle {
  position: relative;
  width: 70px;
  height: 28px;
  border-radius: 100px;
  background-color: #5cb0de;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

.check:checked ~ .switch {
  right: 57.5%;
  left: 2px;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: right, left;
  transition-delay: .08s, 0s;
}

.switch {
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
  left: 57.5%;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: right, left;
  transition-delay: 0s, .08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.hide{
  display: none;
}



/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #5cb0de;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important; }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      width: 40px;
      height: 40px; } }
  #scrollUp i {
    display: block;
    line-height: 50px;
    font-size: 22px; }
    @media only screen and (max-width: 767px) {
      #scrollUp i {
        line-height: 40px;
        font-size: 16px; } }
  #scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.height-100 {
  height: 100vh; }

/*--
    - Background Color
------------------------------------------*/
.bg-purple {
  background-color: #f0e0ff; }

.bg-purple-2 {
  background-color: #cea1f8; }

.bg-gray {
  background-color: #f6f6f8; }

.bg-gray-2 {
  background-color: #f6f6f6; }

.bg-gray-3 {
  background-color: #f7f7f7; }

.bg-gray-4 {
  background-color: #f1f1f1; }

.bg-gray-5 {
  background-color: #f9f9f9; }

.bg-gray-6 {
  background-color: #e9e6e9; }

.bg-black {
  background-color: #000000; }

.bg-glaucous {
  background-color: #daedff; }

.bg-aqua {
  background-color: #dbfffb; }

.bg-white {
  background-color: #fff; }

.default-overlay {
  position: relative; }
  .default-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    right: 0;
    bottom: 0; }

.btn-hover a {
  position: relative;
  -webkit-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s; }
  .btn-hover a:hover {
    border: 1px solid #a749ff;
    color: #fff; }
  .btn-hover a::before, .btn-hover a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: -1; }
  .btn-hover a::after {
    width: 0;
    left: auto;
    right: 0;
    background: #a749ff; }
  .btn-hover a:hover::after {
    width: 100%;
    left: 0;
    right: auto; }

a.default-btn {
  font-size: 16px;
  color: #010101;
  display: inline-block;
  border: 1px solid #333;
  text-transform: uppercase;
  line-height: 1;
  padding: 19px 50px 21px; }

/* slider img bounce */
@-webkit-keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes bounce-img {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes snow {
  0% {
    background-position: 0 0,0 0,0 0; }
  100% {
    background-position: 500px 1000px,400px 400px,300px 300px; } }

@keyframes snow {
  0% {
    background-position: 0 0,0 0,0 0; }
  100% {
    background-position: 500px 1000px,400px 400px,300px 300px; } }

.effect-snow {
  background-image: url("../img/bg/snow1.png");
  -webkit-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite; }

.body-effect {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0); }

.padding-10-row-col .row {
  margin-right: -5px;
  margin-left: -5px; }
  .padding-10-row-col .row div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px; }

.padding-20-row-col .row {
  margin-right: -10px;
  margin-left: -10px; }
  .padding-20-row-col .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px; }

/*----- 2. Header style ----*/
.header-area {
  position: relative;
   }

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s; }

.header-padding-1 .container-fluid {
  padding: 0 80px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .header-padding-1 .container-fluid {
      padding: 0 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-padding-1 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-padding-1 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .header-padding-1 .container-fluid {
      padding: 0 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-res-padding {
    padding: 20px 0 5px; } }

@media only screen and (max-width: 767px) {
  .header-res-padding {
    padding: 20px 0 10px; 
  } 
  }





@media only screen and (min-width: 576px) and (max-width: 767px) {

.logo {
    position: absolute;
    top: 10px;
    left: 0;
    margin-left: 15px;
}
 }

  @media only screen and (max-width: 767px) {
    .logo {
      margin-top: 0px; 
      margin-left:25px;} }
  .logo.logo-hm5 {
    margin-top: 41px; }
    .logo.logo-hm5 a.sticky-block {
      display: none; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .logo.logo-hm5 {
        margin-top: 0px;
        text-align: left !important; } }
    @media only screen and (max-width: 767px) {
      .logo.logo-hm5 {
        margin-top: 0px;
        text-align: left !important; } }

.stick .logo-hm5 a.sticky-block {
  display: block; }

.stick .logo-hm5 a.sticky-none {
  display: none; }

.main-menu nav ul {
  display: block;
  text-align: center;
  margin-top: -10px; }
  .main-menu nav ul li {
 
    float: left;
    text-align: center;
    padding: 0 60px 0 0px;
    position: relative;
    font-size:16px;  
    color:#000;
    font-weight:bold;}
@media only screen and (max-width: 1100px) {
.main-menu nav ul li { padding: 0 32px; }
.cart-mobile {display:block;position:absolute;top:150px;right:10px;}
}
@media only screen and (max-width: 1020px) {
.main-menu nav ul li { padding: 0 28px; }
}




.active2:before {
  position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -5px;
  content: "";
  display: inline-block; 
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #9cbad6;
}

.active3:before {
  position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -5px;
  content: "";
  display: inline-block;
   width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #765a3b;
}


.active4:before {
  position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -5px;
  content: "";
  display: inline-block; 
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #4e626b;
}

.active5:before {
  position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -5px;
  content: "";
  display: inline-block; 
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a4a897;
}

.active6:before {
  position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -5px;
  content: "";
  display: inline-block; 
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #838c91;
}





    .main-menu nav ul li ul.submenu {
      background: #fff none repeat scroll 0 0;
      -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
      display: block;
      left: 0;
      padding: 20px 0px 22px;
      position: absolute;
      top: 100%;
      -webkit-transform: rotateX(90deg);
      transform: rotateX(90deg);
      -webkit-transform-origin: center top 0;
      -ms-transform-origin: center top 0;
      transform-origin: center top 0;
      -webkit-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      visibility: hidden;
      width: 200px;
      z-index: 999; 
      margin-top:40px;
        border-radius: 5px;}
      .main-menu nav ul li ul.submenu li {
        display: block;
        padding: 10px 10px;
        margin-left: 0px; }

        .main-menu nav ul li ul.submenu li a {
          color: #333 !important;
          display: block;
          font-size: 16px;
          font-weight: 400;
          line-height: 25px;
          text-align: left;
          text-transform: capitalize;
          padding-top: 0px;
          padding-left:10px; }
          .main-menu nav ul li ul.submenu li a:hover {
            color: #333 !important; }
         
        .main-menu nav ul li ul.submenu li:hover a::before {
          opacity: 1; }
        
    .main-menu nav ul li ul.mega-menu {
      background-color: #fff;
      display: block;
      left: 0;
      padding: 40px 40px 0px 40px;
      position: absolute;
      text-align: left;
      top: 100%;
      -webkit-transform: rotateX(90deg);
      transform: rotateX(90deg);
      -webkit-transform-origin: center top 0;
      -ms-transform-origin: center top 0;
      transform-origin: center top 0;
      -webkit-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      visibility: hidden;
      width: 700px;
      z-index: 999;
      -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3); }

.features-section {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.feature {
    max-width: 85%;
}

.feature--centered {
    align-items: top;
}
.feature {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
}
.accordion {
  width:100%;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  
}



/* Thumb */
.accordion-thumb {
  color
  margin: 0;
  padding: .8rem 5px;
  cursor: pointer;
  font-weight: normal;
  background-color:#eee;
  margin-bottom:5px;
  }


 .accordion-thumb::before {
    content: '';
    display: inline-block;
    height: 7px;
    width: 7px;
    margin-right: 1rem;
    margin-left: .5rem;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    transition: transform .2s ease-out;
  }

/* Panel */
.accordion-panel {
  margin: 0;
  padding-bottom: .8rem;
  display: none;
}
.accordion-panel h3{font-size:20px;}

/* Active */
.accordion-item.is-active 
  .accordion-thumb::before {
    transform: rotate(45deg);
  }

      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .main-menu nav ul li ul.mega-menu {
          left: -75px; } }
      .main-menu nav ul li ul.mega-menu > li {
        display: inline-block;
        float: left;
        margin-left: 0;
        padding: 0;
        width: 33.33%; }
        .main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title {
          float: inherit;
          width: 100%; }
          .main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a {
            color: #242424;
            margin: 0 0 10px;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500; }
            .main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title a::before {
              display: none; }
          .main-menu nav ul li ul.mega-menu > li ul li.mega-menu-title:hover a {
            padding-left: 0px; }
        .main-menu nav ul li ul.mega-menu > li ul li {
          display: block;
          float: inherit;
          padding: 0px; }
          .main-menu nav ul li ul.mega-menu > li ul li a {
            color: #333;
            display: block;
            font-size: 13px;
            font-weight: 400;
            line-height: 32px;
            text-align: left;
            text-transform: capitalize;
            padding-top: 0px; }
            .main-menu nav ul li ul.mega-menu > li ul li a:hover {
              color: #a749ff; }
            .main-menu nav ul li ul.mega-menu > li ul li a::before {
              background: #a749ff none repeat scroll 0 0;
              border-radius: 50%;
              content: "";
              height: 7px;
              left: 0px;
              opacity: 0;
              position: absolute;
              top: 13px;
              -webkit-transition: all 0.3s ease-in-out 0s;
              -o-transition: all 0.3s ease-in-out 0s;
              transition: all 0.3s ease-in-out 0s;
              width: 7px;
              z-index: 999; }
          .main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img:hover a {
            padding-left: 0px; }
          .main-menu nav ul li ul.mega-menu > li ul li.mega-menu-img a::before {
            display: none; }
          .main-menu nav ul li ul.mega-menu > li ul li:hover a::before {
            opacity: 1; }
          .main-menu nav ul li ul.mega-menu > li ul li:hover a {
            padding-left: 12px; }
      .main-menu nav ul li ul.mega-menu.mega-menu-padding {
        padding: 40px 40px 36px 40px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .main-menu nav ul li ul.mega-menu.mega-menu-padding {
            left: 0px; } }
    .main-menu nav ul li:hover > ul.submenu {
      -webkit-transform: rotateX(0deg);
      transform: rotateX(0deg);
      visibility: visible; }
    .main-menu nav ul li:hover > ul.mega-menu {
      -webkit-transform: rotateX(0deg);
      transform: rotateX(0deg);
      visibility: visible; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      
        .main-menu nav ul {margin-left:10px;} }
    

    

    .main-menu nav ul li:hover a {
      color: #a8161c !important; }

      .main-menu .active > a { color: #a8161c;}

      .main-menu nav ul li > a
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a
.main-menu.menu-white nav ul {
  text-align: left; }
  .main-menu.menu-white nav ul li {
    padding: 0 30px 0 0; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .main-menu.menu-white nav ul li {
        padding: 0 22px 0 0; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .main-menu.menu-white nav ul li {
        padding: 0 14px 0 0; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-menu.menu-white nav ul li {
        padding: 0 14px 0 0; } }
    .main-menu.menu-white nav ul li > a {
      color: #ffffff;
      line-height: 112px; }

.stick .main-menu.menu-white nav ul li a {
  color: #555252; }
  .stick .main-menu.menu-white nav ul li a:hover {
    color: #a749ff; }

.stick .main-menu nav ul li a {
  line-height: 22px; }

.stick .logo,
.stick .header-right-wrap {
  margin-top: 22px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .stick .logo,
    .stick .header-right-wrap {
      margin-top: 0px; } }
  @media only screen and (max-width: 767px) {
    .stick .logo,
    .stick .header-right-wrap {
      margin-top: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .stick .logo,
    .stick .header-right-wrap {
      margin-top: 0px; } }

.stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
.stick .header-right-wrap .same-style .account-dropdown {
  top: 160%; }
  @media only screen and (max-width: 767px) {
    .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
    .stick .header-right-wrap .same-style .account-dropdown {
      top: 100%;
      margin-top: 14px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .stick .header-right-wrap .same-style.cart-wrap .shopping-cart-content,
    .stick .header-right-wrap .same-style .account-dropdown {
      top: 100%;
      margin-top: 14px; } }

      @media only screen and (min-width: 1425px) and (max-width: 1496px) {

    .main-menu nav ul li > a {
     font-size:16px; } 
     
     }
      @media only screen and (max-width: 1496px) {
     .divisoria {right:0;
       margin-right:330PX;  }
     }

     @media only screen and (max-width: 1467px) {
     .divisoria {right:0;
       margin-right:310PX;  }
     }

     @media only screen and (max-width: 1438px) {
     .divisoria {right:0;
       margin-right:300PX;  }
     }

     @media only screen and (max-width: 1390px) {
     .divisoria {right:0;
       margin-right:280PX;  }
     }

     @media only screen and (max-width: 1316px) {
     .divisoria {right:0;
       margin-right:260PX;  }
     }

     @media only screen and (max-width: 1145px) {
     .divisoria {display:none; }
     }

  
 
 @media only screen and (max-width: 1424px) and (min-width: 1400px) { 
.main-menu nav ul li > a {
     font-size:15px; } 
     
  

.main-menu {margin-left:10px;}
 }
  
 @media only screen and (min-width:769px)   {
 .icones {position:absolute;top:5px; right:110px;}
.main-menu nav ul {
       margin-top: 0;
}


  }
 @media only screen and (max-width: 769px) {
    .icones {
    position: absolute;
    right: 50px;
    top: 0px;
}
.ico-video {
   top: 89%;
    left: 10px;
}
     }
@media only screen and (max-width: 576px) {  
  #h-videos .owl-theme .owl-dots{display:block;}
  .filtro div {
   
    width: 150px;
}
  #idiomas {position:relative;z-index:10;}
  .icones {
    position: absolute;
    right: 10px;
    top: 20px;
}
.footer-copyright .col-xs-12{padding-left:15px;}


.language-currency-wrap .same-language-currency:last-child {margin-top: 15px;}
}

   @media only screen and (max-width: 1299px) and (min-width: 1166px)  {
  
    .col-xl-8 {
    -ms-flex: 0 0 796.666667% !important;
    flex: 0 0 79.666667% !important;
    max-width: 79.666667% !important;
}

  
  .search-top {
   
    width: 40%;
    
    left: 17%;
    margin-left: 0;    
  
}
.main-menu nav ul li > a {
     font-size:15px; }

     

}

}
  
@media only screen and (max-width: 1024px) and (min-width: 769px)  {

  



.divisoria {display:none;}

}


.header-right-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 35px; 
color:#555252;}
  @media only screen and (max-width: 992px) {
    .header-right-wrap {
     
      margin-right: 0; }
      .search-top {
    position: relative;
    
    width: 32%;
    
    left: 0;
    margin-left: 30px;
  
   
    
}
#carrinho {margin-left:25px;} }
@media only screen and (max-width: 1281px) { #telefone {font-size:14px;} }
 @media only screen and (max-width: 990px) {#carrinho {margin-left:10px;} #telefone {margin-left:10px} .search-top {width:25%;}}
  @media only screen and (max-width: 896px) {#carrinho {margin-left:10px;font-size:14px;} #telefone {font-size:14px;} }
  @media only screen and (max-width: 767px) { #carrinho{position:absolute;top:-10px;left:33%} #telefone{position:absolute;top:-10px;right:16% }
  #language {margin-top:25px;}
  #idiomas {    margin-top: 0}
}
  @media only screen and (max-width: 706px) { #carrinho{position:absolute;top:-10px;left:34%} #telefone{position:absolute;top:-10px;right:22%;font-size:12px;}
  #b-principal{margin-top:20px;} 
  #titulo{margin-top:20px;} 
  .txt-cotacao{display:none;}
  #language {font-size:12px;}}

 @media only screen and (max-width: 415px) { 
  #carrinho{position:relative;top: auto;
    left: auto;right:auto;margin-left: 70px;margin-top:30px;} 
  #telefone{position:relative;top: auto;
    left:auto;right:auto;margin-top:30px;margin-left: 30px;  font-size: 14px;}
  #b-principal{margin-top:150px;} 
  #titulo{margin-top:150px;} 
  .txt-cotacao{display:none;}
  #language {font-size:12px;}
  .logo {margin-left:50px;}
#dados-menu{    margin-top: 150px;
    float: none;
    width: 100%;
}}
@media only screen and (max-width: 376px) { 
#carrinho{margin-left: 50px;}
}
@media only screen and (max-width: 320px) { 
  #carrinho{margin-left: 20px;}
  #telefone{margin-left: 5px; font-size: 12px;}
}

}

}

  
  


     
  
  .stick .header-right-wrap.header-right-wrap-white .same-style > a {
    color: #000; }
    .stick .header-right-wrap.header-right-wrap-white .same-style > a:hover {
      color: #5cb0de; }
  .stick .header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button {
    color: #000; }
    .stick .header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button:hover {
      color: #5cb0de; }
    .stick .header-right-wrap.header-right-wrap-white .same-style.cart-wrap > button span.count-style {
      background-color: #000;
      color: #fff; }

/* header 3 */
.header-padding-2 .container-fluid {
  padding: 0 60px; }
  @media only screen and (min-width: 1200px) and (max-width: 1348px) {
    .header-padding-2 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-padding-2 .container-fluid {
      padding: 0 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-padding-2 .container-fluid {
      padding: 0 40px; } }
  @media only screen and (max-width: 767px) {
    .header-padding-2 .container-fluid {
      padding: 0 15px; } }

.header-top-area {
  border-bottom: 1px solid #d5d4d4; }
  .header-top-area .header-top-wap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .header-top-area .header-top-wap {
        display: block;
        padding-bottom: 15px;
        margin-top: 8px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-top-area .header-top-wap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0px;
        margin-top: 0px; } 
 
      }
  .header-top-area.border-none {
    border: none; }

.header-offer p {
  color: #555252;
  letter-spacing: .8px;
  margin: 0; }
  .header-offer p span {
    color: #ff1c1c; }
  @media only screen and (max-width: 767px) {
    .header-offer p {
      text-align: center; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-offer p {
      text-align: right; } }

.language-currency-wrap {
  }
  @media only screen and (max-width: 767px) {
    .language-currency-wrap {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .language-currency-wrap .same-language-currency {
    position: relative;
    margin-right: 54px; }
    @media only screen and (max-width: 767px) {
      .language-currency-wrap .same-language-currency {
        margin-right: 15px; } }
    .language-currency-wrap .same-language-currency:before {
      position: absolute;
      content: "";
      height: 15px;
      width: 1px;
      background-color: #d5d4d4;
      right: -27px;
      top: 47%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (max-width: 767px) {
        .language-currency-wrap .same-language-currency:before {
          right: -10px; }
           }
   
    .language-currency-wrap .same-language-currency:last-child:before {
      display: none; }
    .language-currency-wrap .same-language-currency:last-child {
      margin-right: 35px;
      margin-top:35px; }
    .language-currency-wrap .same-language-currency a {
      letter-spacing: 0;
      color: #555252;
     
      display: inline-block;
      margin-top: -3px; font-size:16px;}
      @media only screen and (max-width: 767px) {
        .language-currency-wrap .same-language-currency a {
          line-height: 35px; } 
        .language-currency-wrap .same-language-currency:last-child {
      margin-right: 15px;
      margin-top:0px; }}
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .language-currency-wrap .same-language-currency a {
          line-height: 54px; } }
      .language-currency-wrap .same-language-currency a i {
        font-size: 16px;
        color: #555252;
        position: relative;
        top: 2px; }
    .language-currency-wrap .same-language-currency .lang-car-dropdown {
      background: #fff none repeat scroll 0 0;
      -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
      right: 0;
      padding: 8px 12px 10px;
      position: absolute;
      text-align: left;
      top: 100%;
      width: 125px;
      z-index: 220;
      display: none; }
      .language-currency-wrap .same-language-currency .lang-car-dropdown ul li a {
        line-height: 27px;
        font-size: 13px; }
        .language-currency-wrap .same-language-currency .lang-car-dropdown ul li a:hover {
          color: #5cb0de; }
    .language-currency-wrap .same-language-currency p {
      letter-spacing: .8px;
      color: #555252;
      line-height: 1;
      margin-top: -1px; }
    .language-currency-wrap .same-language-currency:hover > a {
      color: #5cb0de; }

/* home 4 */
.home-sidebar-left {
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 375px;
  z-index: 7;
  padding: 72px 0 40px 0px; }
  



 @media only screen and (max-width: 576px) {
  .owl-carousel .owl-item .banner-mob {display:block;}
 .owl-carousel .owl-item .banner-desk {display:none;}

  .thumbnails img {
    width: 90px;
    margin-top: 5px;
}
  .header-area {height: 130px;}

  .navbar {left: 10px;width:97%;}
 
.cart {padding-right:10px;}
.navbar-collapse {top:60px;width:95%;padding-left:1%;padding-right:1%; }
.nav-item {padding: 5px;}

}
 @media only screen and (max-width: 596px) {.language-currency-wrap .same-language-currency:last-child {margin-top: 15px;} 
 .header-right-wrap {    margin-top:105px; margin-right:10px;}
.badge {margin-top: 0;}}
   



#b-principal .owl-carousel {position:relative;}
#b-principal .txt-banner {position:absolute;z-index:99999; color:#fff;margin-top:120px;margin-left:200px;width:35%;font-size:30px;line-height:40px;}
#b-principal .owl-carousel .owl-nav button.owl-next{position: absolute;
    background: 0 0;
    color: transparent !important;
    border: none;
    padding: 0!important;
    background-image: url(../img/seta-dir.png);
  
    height:50px;
    width:30px;
    right: 50px;
    top: 180px;}

#b-principal .owl-carousel .owl-nav button.owl-next:hover{
    background-image: url(../img/seta-dir-black.png);
      height:50px;
    width:30px;
   }

#b-principal .owl-carousel .owl-nav button.owl-prev {
  position: absolute;  
  color: transparent !important; 
    left: 50px;
    top: 180px;
     height:50px;
    width:30px;
    background-image: url(../img/seta-esq.png); }

#b-principal .owl-carousel .owl-nav button.owl-prev:hover {
    
    
     height:50px;
    width:30px;
    background-image: url(../img/seta-esq-black.png); }




#b-principal.owl-theme .owl-nav [class*=owl-]:hover { background:transparent;color:#fff !important;}



.owl-theme .owl-nav [class*=owl-]:hover { background:transparent;color:#fff !important;}

#h-videos .owl-carousel .owl-nav button.owl-prev {
  position: absolute;  color: #fff !important; 
    left: -50px;
    top: 50px;
     height:50px;
    width:30px;
    background-image: url(../img/seta-esq.png);  }

#h-videos .owl-carousel .owl-nav button.owl-next{
   position: absolute;
    background: 0 0;
    color: #fff !important;
    border: none;
    padding: 0!important;
    background-image: url(../img/seta-dir.png);  
    height:50px;
    width:30px;
    right: -50px;
    top: 50px;}

#h-videos .owl-carousel .item {
    padding: 0.6rem;
}
.p-videos {
    width: 100%;
    height: 130px;
}
@media only screen and (max-width: 1280px){
#h-videos .owl-carousel .owl-nav button.owl-next{ right: -30px;}

#h-videos .owl-carousel .owl-nav button.owl-prev {
  
    left: -30px;
     }
}


@media only screen and (max-width: 600px){

#h-videos .owl-carousel .owl-nav button.owl-next {display:none;}
#h-videos .owl-carousel .owl-nav button.owl-prev {display:none;}

.p-videos {
    width: 98%;
    height: 230px;
}

}
.nav-style-1.owl-carousel .owl-nav div {
  color: #999;
  display: inline-block;
  font-size: 40px;
  left: 80px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

 @media only screen and (max-width: 1346px) {
#b-principal .txt-banner {margin-top:100px;width:35%;font-size:26px;}
}
@media only screen and (max-width: 1246px) {
#b-principal .txt-banner {margin-top:80px;width:35%;font-size:24px;}
}

@media only screen and (max-width: 1156px) {
#b-principal .txt-banner {margin-top:60px;width:35%;font-size:24px;}
}
@media only screen and (max-width: 959px) {
#b-principal .txt-banner {margin-top:60px;width:40%;font-size:22px;}
}
@media only screen and (max-width: 930px) {
#b-principal .txt-banner {margin-top:60px;width:40%;font-size:22px;line-height:30px;margin-left:100px;}
.owl-carousel .owl-item img {
    display: block;
    width:auto;
    height: 300px;
}
}
@media only screen and (max-width: 576px) {
.owl-carousel .owl-item img {
    display: block;
    width:100%;
    height: auto;
}

#b-principal .txt-banner {width: 50%;}
#b-principal .owl-carousel .owl-nav button.owl-next{
      right: 10px;
    top: 120px;}


#b-principal .owl-carousel .owl-nav button.owl-prev {
 
    left: 10px;
    top: 120px;
  }
}
      @media only screen and (max-width: 767px) {
   .search-top {
    width: 90%;
    float: none;
    left: 20px;
    margin-left: 0;
    height: 45px;
    top: 0;
}
}
@media only screen and (max-width: 576px) {

.search-top {
width:80%;
left:50%;
margin-left:-40%;
   
}

}
 @media only screen and (max-width: 411px) {
  
      .search-top {
  width: 80%;
    top:0;
    left:50%;
    margin-left:-40%;}

}




#footer {
  
  margin-top:0;
  background: #215911;
  padding: 20px 0 0 0;
  color: #fff;
  font-size: 14px;
  padding-bottom:30px;
  margin-top:20px;
  
}

#menu-footer {   list-style: none; margin:0 auto;}
#menu-footer li {float:left;padding:20px;}

#footer a {color:#fff;line-height:30px;}
#footer a:hover {color:#fff;}
#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Oxygen", sans-serif;
  color: #cbcbcb;
}



@media (max-width: 1024px) {
  #menu-footer {margin:0;}
#menu-footer li {float:none;padding:10px 20px;}
}
@media (max-width: 575px) {

  #footer .copyright, #footer .credits {
    float: none;
    -moz-text-align-last: center;
    text-align-last: center;
    padding: 3px 0;
  }
}



@media only screen and (max-width: 767px) {

  .row {
  
    margin-right: 0 !important;
    margin-left: 0 !important; }


  .contact-area.pb-100 {
    padding-bottom: 60px; } }

#breadcrumbs ul li{
	display:inline-table;
}
/*!
powered by https://linkedin.com/in/renata-famelli-95aa61a8/
Credit for the menu bars goes to: https://ryfarlane.com/article/animated-hamburger-menu-icon-to-x-close-icon-css -> licensed MIT
*/