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

html,
body {
  font-size: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #6d6d6d;
  line-height: 1.8;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

textarea {
  resize: vertical;
  height: auto;
  min-height: 215px;
}

._border-radius {
  border-radius: 15px;
}

._left {
  float: left;
}

._right {
  float: right;
}

._text-center {
  text-align: center;
}

._text-justify {
  text-align: justify;
}

._clearfix:before,
._clearfix:after {
  content: " ";
  display: table;
}
._clearfix:after {
  clear: both;
}

img {
  display: inline-block;
  vertical-align: middle;
}

/* typography */

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-family: 'Viga', sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

p {
  margin: 0;
  padding: 0;
}

b, strong {
  font-weight: 700;
}

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

/* placeholder */

::-webkit-input-placeholder {
  color: #adadad;
}
:-moz-placeholder {
  color: #adadad;  
}
::-moz-placeholder {
  color: #adadad;  
}
:-ms-input-placeholder {
  color: #adadad;  
}

/* layout */

.container {
  margin: 0 auto;
  max-width: 1190px;
  padding-left: 20px;
  padding-right: 20px;
}

/* header */

.header {
  position: relative;
	padding-top: 28px;
  padding-bottom: 59px;
	background-color: #f8f8f8;
}

.header::before {
  position: absolute;
  right: 0;
  bottom: -20px;
  z-index: 1000;
  width: 20%;
  height: 79px;
  border: 2px solid #1d608d;
  border-left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#2476ad), to(#1b567e));
  background: -webkit-linear-gradient(top, #2476ad, #1b567e);
  background: -moz-linear-gradient(top, #2476ad, #1b567e);
  background: -o-linear-gradient(top, #2476ad, #1b567e);
  background: -ms-linear-gradient(top, #2476ad, #1b567e);
  background: linear-gradient(top, #2476ad, #1b567e);
  background-color: #2476ad;
  content: '';
}

@media only screen and (max-width: 820px) {
  .header::before {
    display: none;
  }
}

.header .container {
  position: relative;
}

.header-logo {
	float: left;
}

.header-right {
	float: right;
  margin-bottom: 30px;
}

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

  .header-logo {
    width: 100%;
    text-align: center;
  }

  .header-right {
    display: none;
  }
}

.header-search,
.header-phone,
.header-social {
	display: inline-block;
	vertical-align: middle;
}

.header-phone {
  margin: 0 30px;
}

.header-phone h1 {
  font-size: 22px;
  color: #1b5a85;
}

.header-search {
  position: relative;
}

.header-search input[type="text"] {
  margin: 0;
  padding: 0 24px;
  padding-right: 60px;
  width: 270px;
  line-height: 45px;
  outline: 0;
  border-radius: 50px;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  font-family: 'Viga', sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #9a9a9a;
  text-transform: uppercase;
}

@media only screen and (max-width: 925px) {
  .header-search input[type="text"] {
    width: 200px;
  }
}

.header-search button {
  position: absolute;
  top: 1px;
  right: 1px;
  border: 0;
  outline: 0;
  cursor: pointer;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  background: #fff url('../img/search-icon-r.png') no-repeat center center;
}

/* social */

.social {
  margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
  width: 39px;
  height: 39px;
  border-radius: 50px;
  background: #1e618e url('../img/social-icons.png') no-repeat;
}

.social.-facebook {
  background-position: 0 0;
}

.social.-instagram {
  background-position: -39px 0;
}

/* nav */

.nav-main {
  position: absolute;
  bottom: -79px;
  right: 0;
  z-index: 1000;
  float: right;
  padding-left: 20px;
  border-radius: 50px 0 0 50px;
  border: 2px solid #1d608d;
  border-right: 0;
  background: -webkit-gradient(linear, left top, right top, from(#2476ad), to(#1b567e));
  background: -webkit-linear-gradient(top, #2476ad, #1b567e);
  background: -moz-linear-gradient(top, #2476ad, #1b567e);
  background: -o-linear-gradient(top, #2476ad, #1b567e);
  background: -ms-linear-gradient(top, #2476ad, #1b567e);
  background: linear-gradient(top, #2476ad, #1b567e);
  background-color: #2476ad;
}

@media only screen and (max-width: 820px) {
  .nav-main {
    display: none;
  }
}

.nav-main li {
  float: left;
}

.nav-main li.divider {
  position: relative;
  width: 1px;
  height: 75px;
}

.nav-main li.divider::before {
  position: absolute;
  top: calc(50% - 23px / 2);
  left: 0;
  width: 1px;
  height: 23px;
  background-color: #1a5277;
  content: '';
}

.nav-main a {
  display: block;
  padding: 0 30px;
  line-height: 75px;
  font-family: 'Viga', sans-serif;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}

.nav-main a.-active,
.nav-main a:hover {
  color: #8ac04b;
}

/* slider */

.slider {
  background-color: #19304d;
}

/* content */

.content {
  padding: 50px 0;
  background-color: #fff;
}

/* title */

.title {
  margin-bottom: 12px;
  font-size: 30px;
  color: #1d5e8a;
  text-transform: uppercase;
}

.title-page {
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 30px;
  font-style: italic;
  color: #206899;
  text-align: left;
}

@media only screen and (max-width: 820px) {
  .title,
  .title-page {
    font-size: 20px;
  }
  .content {
    padding: 20px 0;
  }
}

/* subtitle */

.subtitle-page {
  margin-bottom: 10px;
  font-size: 19px;
  font-style: italic;
  color: #737373;
}

/* products */

.products {
  display: flex;
  flex-wrap: wrap;
  margin: 30px -20px 0 0;
}

.products-item {
  padding: 0 20px 30px 0;
  width: 25%;
}

@media only screen and (max-width: 820px) {
  .products-item {
    width: 50%;
  }
}

@media only screen and (max-width: 500px) {
  .products-item {
    width: 100%;
  }
}

.products-item.-three {
  width: 33.33%;
}

@media only screen and (max-width: 820px) {
  .products-item.-three {
    width: 50%;
  }
}

@media only screen and (max-width: 500px) {
  .products-item.-three {
    width: 100%;
  }
}

.products-img {
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 16px;
  border: 1px solid #d6d6d6;
  text-align: center;
}

.products-name {
  position: relative;
  padding-left: 22px;
  font-size: 14px;
  color: #686868;
  text-transform: uppercase;
}

.products-name::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #696969;
  content: '';
}

.products-link {
  display: block;
}

.products-link:hover .products-img {
  border-color: #2477af;
}

.products-link:hover .products-name {
  color: #1d5e8a;
}

.products-link:hover .products-name::before {
  border-left-color: #1d5e8a;
}

/* about */

.about {
  padding: 46px 0;
  background: #f5f5f5 url('../img/bg-about.png') no-repeat center center;
  background-size: cover;
}

.about-title {
  line-height: 1.2;
  margin-bottom: 20px;
  font-size: 40px;
  font-style: italic;
  color: #f27334;
}

.about-title small {
  display: block;
  font-size: 30px;
}

.about-p {
  margin-bottom: 20px;
  font-size: 15px;
}

@media only screen and (max-width: 820px) {
  .about-title {
    font-size: 30px;
  }

  .about-title small {
    font-size: 20px;
  }

  .about-p {
    text-align: justify;
  }
}

/* column */

.col-5 {
  width: 50%;
}

.col-left {
  float: left;
  padding-right: 20px;
}

.col-right {
  float: right;
  padding-left: 20px;
}

@media only screen and (max-width: 820px) {
  .col-5 {
    width: 100%;
  }

  .col-left {
    padding-right: 0;
    padding-bottom: 20px;
  }

  .col-right {
    padding-left: 0;
  }
}

/* brands */

.brands-container {
  padding: 46px 0;
}

/* footer */

.footer {
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1c5f8c), to(#123b56));
  background: -webkit-radial-gradient(circle, #1c5f8c, #123b56);
  background: -moz-radial-gradient(circle, #1c5f8c, #123b56);
  background: -o-radial-gradient(circle, #1c5f8c, #123b56);
  background: -ms-radial-gradient(circle, #1c5f8c, #123b56);
  background: radial-gradient(circle, #1c5f8c, #123b56);
  background-color: #1c5f8c;
  color: #fff;
}

.footer-bg {}

.footer-info {
  padding: 72px 0;
}

@media only screen and (max-width: 1125px) {
  .footer-info {
    padding: 30px 0;
  }
}

.footer-copyright {
  padding: 22px 0;
  background: rgba(0,0,0,0.1);
  font-size: 13px;
  text-align: center;
}

.footer-copyright a {
  color: #fff;
}

.footer-copyright a:hover {
  text-decoration: underline;
}

/* header-page */

.header-page {
  height: 144px;
  background: #1a3051 url('../img/header-page.jpg') no-repeat center center;
}

.header-page h1 {
  float: left;
  padding-top: 34px;
  padding-left: 25px;
  font-size: 50px;
  font-style: italic;
  color: #fff;
  text-transform: uppercase;
}

.header-page .container div {
  float: right;
  padding-top: 70px;
  padding-right: 25px;
  font-size: 13px;
  color: rgba(255,255,255,0.7);
}

.header-page .container div small {
  font-size: 13px;
  font-style: italic;
  text-transform: uppercase;
}

.header-page .container div a {
  color: rgba(255,255,255,0.7);
}

.header-page .container div a:hover {
  text-decoration: underline;
}

.header-page .container div span {
  color: rgba(138,191,75,0.7);
}

@media only screen and (max-width: 820px) {
  .header-page {
    height: 90px;
  }
  .header-page h1 {
    padding-top: 26px;
    font-size: 26px;
  }
  .header-page .container div {
    padding-top: 35px;
  }
}

@media only screen and (max-width: 570px) {
  .header-page .container div {
    display: none;
  }
}

/* content-bg */

.content-bg {
  background: #efefef url('../img/bg-content.jpg') no-repeat top center;
}

.content-bg-white {
  padding: 50px 25px;
  background-color: #fff;
  box-shadow: 0 0 60px rgba(0,0,0,0.2);
}

@media only screen and (max-width: 820px) {
  .content-bg-white {
    padding: 25px;
  }
}

.content-bg-white p {
  margin-bottom: 20px;
  font-size: 15px;
}

/* sidebar */

.sidebar {
  float: left;
  width: 25%;
}

.side-content {
  float: right;
  width: 75%;
  padding-left: 25px;
}

.side-content.-full {
  width: 100%;
  padding-left: 0;
}

@media only screen and (max-width: 970px) {
  .sidebar,
  .side-content {
    width: 100%;
  }
  .side-content {
    padding: 20px 0 0 0;
  }
}

.side-nav li {
  margin-bottom: 8px;
}

.side-nav a {
  display: block;
  line-height: 1.5;
  padding: 16px 20px;
  border-radius: 5px;
  background-color: #f0f0f0;
  font-family: 'Viga', sans-serif;
  font-size: 14px;
  color: #7a7a7a;
  text-transform: uppercase;
}

.side-nav a.active,
.side-nav a:hover {
  background-color: #00a859;
  color: #fff;
}

/* details-img */

.details-img {
  padding: 40px 0;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  text-align: center;
}

/* brands */

.brands {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.brands::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
  content: '';
}

.brands-item {
  width: 20%;
  z-index: 2;
  position: relative;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;

  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
}

.brands-item:nth-child(5n+5) {
  border-right-color: #fff;
}

.brands-item:hover {
  border-color: #2477af;
}

@media only screen and (max-width: 900px) {
  .brands-item {
    width: 33.33%;
  }
}

@media only screen and (max-width: 630px) {
  .brands-item {
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .brands-item {
    width: 100%;
  }
}

/* form-default */

.form-default input[type="text"],
.form-default input[type="email"],
.form-default select,
.form-default textarea {
  margin: 0 0 10px 0;
  padding: 14px 16px;
  width: 100%;
  outline: 0;
  border-radius: 5px;
  border: 1px solid #d6d6d6;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #6d6d6d;
}

.form-default select {
  cursor: pointer;
  padding: 13px 16px;
}

.col-form-left {
  float: left;
  width: 50%;
  padding-right: 5px;
}

.col-form-right {
  float: right;
  width: 50%;
  padding-left: 5px;
}

@media only screen and (max-width: 480px) {
  .col-form-left {
    width: 100%;
    padding-right: 0;
  }

  .col-form-right {
    width: 100%;
    padding-left: 0;
  }
}

/* btn */

.btn {
  display: inline-block;
  margin: 0;
  padding: 0 42px;
  border: 0;
  outline: 0;
  cursor: pointer;
  line-height: 50px;
  border-radius: 5px;
  background-color: #2477af;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.btn:hover {
  background-color: #1e6493;
}

@media only screen and (max-width: 580px) {
  .btn {
    width: 100%;
  }
}

.btn.-color2 {
  background-color: #f37435;
}

.btn.-color2:hover {
  background-color: #f15e16;
}

/* alert */

.alert {
  padding: 20px 30px;
  border-radius: 5px;
  background-color: #2477af;
  font-size: 14px;
  color: #fff;
}

/* search */

.search-input {
  float: left;
  width: 85%;
  line-height: 48px;
  margin: 0;
  padding: 0 20px;
  outline: 0;
  border-radius: 5px 0 0 5px;
  border: 1px solid #d6d6d6;
  border-right: 0;
  font-family: 'Viga', sans-serif;
  font-size: 11px;
  font-style: italic;
  color: #999;
  text-transform: uppercase;
}

.search-btn {
  margin: 0;
  padding: 0;
  outline: 0;
  background: #fff url('../img/search-icon.png') no-repeat center center;
  border-radius: 0 5px 5px 0;
  border: 1px solid #d6d6d6;
  border-left: 0;
  width: 15%;
  height: 50px;
  cursor: pointer;
}

@media only screen and (max-width: 680px) {
  .search-btn {
    background: #fff url('../img/search-icon-r.png') no-repeat center center;
  }
}

/* button-icon */

.button-icon {
  width: 180px;
  margin: 0 4px;
  padding: 0 22px;
  line-height: 44px;
  display: inline-block;
  border-radius: 50px;
  background-color: #1b5982;
  font-family: 'Viga', sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.button-icon:hover {
  background-color: #16496b;
}

@media only screen and (max-width: 600px) {
  .button-icon {
    width: 100%;
    margin-bottom: 5px;
  }
}

.button-icon span {
  position: relative;
  display: inline-block;
  padding-left: 26px;
}

.button-icon-i {
  position: absolute;
  top: 10px;
  left: 0;
  width: 21px;
  height: 21px;
  background-image: url('../img/button-icons.png');
}

.button-icon-i.-first {
  background-position: 0 0;
}

.button-icon-i.-last {
  background-position: -21px 0;
}

/* owl-brands */

.owl-brands {
  padding: 0 48px;
}

.owl-brands-link {
  padding: 26px 0;
  display: block;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  text-align: center;
}

.owl-brands-link:hover {
  border-color: #2477af;
}

/* footer-address */

.footer-info p {
  font-size: 14px;
}

.footer-title {
  margin-bottom: 8px;
  font-size: 25px;
  font-style: italic;
  color: #fff;
}

@media only screen and (max-width: 1125px) {
  .footer-title {
    font-size: 18px;
  }
}

.footer-address-p {
  position: relative;
  margin-bottom: 15px;
  padding-left: 40px;
  font-size: 14px;
}

.footer-address-p:last-child {
  margin-bottom: 0;
}

.footer-address-p a {
  color: #fff;
}

.footer-address-p a:hover {
  text-decoration: underline;
}

.footer-address-icon {
  position: absolute;
  top: calc(50% - 20px / 2);
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('../img/footer-icons.png');
}

.footer-address-icon.-map {
  background-position: 0 0;
}

.footer-address-icon.-email {
  background-position: -20px 0;
}

/* newsletter */

.newsletter {
  float: left;
  margin-left: 8%;
}

@media only screen and (max-width: 1125px) {
  .newsletter {
    margin-left: 0;
    margin-top: 20px;
  }
  .footer-payment {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 775px) {
  .newsletter {
    width: 100%;
    text-align: center;
  }
}

.newsletter p {
  margin-bottom: 20px;
}

.newsletter-input {
  margin: 0;
  padding: 0 18px;
  outline: 0;
  width: 180px;
  line-height: 42px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #fff;
}

.newsletter-btn {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  background-color: #2477af;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

@media only screen and (max-width: 500px) {
  .newsletter-input,
  .newsletter-btn {
    width: 100%;
    margin-bottom: 5px;
  }
}

.newsletter ::-webkit-input-placeholder {
  color: #fff;
}
.newsletter :-moz-placeholder {
  color: #fff;  
}
.newsletter ::-moz-placeholder {
  color: #fff;  
}
.newsletter :-ms-input-placeholder {
  color: #fff;  
}

/* footer */

.footer-container {
  display: flex;
  justify-content: center;
}

.footer-payment,
.footer-address {
  margin: 0 30px;
}

@media only screen and (max-width: 650px) {
  .footer-container {
    flex-direction: column;
  }
  .footer-payment,
  .footer-address {
    margin: 0;
    text-align: center;
  }
  .footer-address-icon {
    display: none;
  }
  .footer-address-p {
    padding-left: 0;
  }
  .footer-payment {
    margin-top: 20px;
  }
}

.footer-payment-img {
  margin-top: 20px;
}

/* contact */

.contact-info {
  position: relative;
  padding-left: 30px;
  font-size: 14px;
  color: #2172a6;
}

.contact-info::before {
  position: absolute;
  top: calc(50% - 15px / 2);
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url('../img/phone-icon.png');
  content: '';
}

.contact-info a {
  color: #2172a6;
}

.contact-info a:hover {
  text-decoration: underline;
}

/* contact-email */

.contact-email {
  margin-top: 20px;
}

.contact-email a {
  position: relative;
  padding-left: 34px;
  margin: 4px 0;
  display: inline-block;
  font-size: 14px;
  color: #2172a6;
}

.contact-email a::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url('../img/skype-icon.png');
  content: '';
}

.contact-email a:hover {
  text-decoration: underline;
}

/* owl-products */

.owl-products {
  margin-top: 50px;
  padding-left: 1px;
}

.owl-products-link {
  display: block;
  padding: 36px 0;
  border-radius: 5px;
  border: 1px solid #cdcdcd;
  text-align: center;
}

.owl-products-link:hover {
  border-color: #2477af;
}

/* alert */

.alert {
  padding: 20px 30px;
  background: #2477af;
  color: #fff;
}	

/* MENU DOS PRODUTOS */

#nav_list{
     margin:0;
     padding:0;
     display:table;
     width:100%;
     margin-bottom:25px;
 }  
 #produtos #nav_list{
     margin-top:0px;
 }
#nav_list li{
     float:left;
     width:100%;
     display:table;
     box-sizing: border-box;
     position:relative;
     margin-bottom:6px;
 }
#nav_list li span{
     font-family: 'Viga', sans-serif;
     font-size: 13px;
     position:relative;
     background:#e5e5e5 url("../img/nav_list_gray.png") no-repeat right 20px center;
     padding:15px 25px;
     border-radius:5px;
     width:100%;
     display:table;
     box-sizing: border-box;
     color:#646464;
     font-size:13px;
     cursor: pointer;
     
     transition-duration:0.2s;
     -webkit-transition-duration:0.2s;
     -moz-transition-duration:0.2s;
}

#nav_list li:hover span,
#nav_list li.open span{
     background:#1e618e url("../img/nav_list_white.png") no-repeat right 20px center;
     color:#fff;
 }
 #nav_list li.open span{
     border-radius:5px 5px 0px 0px;
 }

ul.sub_nav{
    display:none;
}
ul.sub_nav li{
    display:table;
    width:100%;
    box-sizing: border-box;
    margin-bottom:0px !important;
}
ul.sub_nav li:last-child{
    margin-bottom:0px;
}
ul.sub_nav li a{
    width:100%;
    display:table;
    padding:12px 25px;
    box-sizing: border-box;
    background:#F0F0F0;
    font-size:12px;
    color:#646464;
    text-decoration:none;
    
    transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
}
ul.sub_nav li:hover a,
ul.sub_nav li.ativo a{
    background:#00a859;
    padding-left:30px;
    color:#fff;
}