@import url('https://fonts.googleapis.com/css?family=Lato:400,900');
@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700');
/*font-family: 'Exo 2', sans-serif;
font-family: 'Lato', sans-serif;*/
a,
img,
figure,
figcaption,
li {
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
}
a:hover,
img:hover,
figure:hover,
figcaption:hover,
li:hover {
  text-decoration: none !important;
}
a:focus,
img:focus,
figure:focus,
figcaption:focus,
li:focus {
  outline: 0 !important;
  /*color: #4ac6e9 !important;*/
  text-decoration: none !important;
}
.botao:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  margin: auto;
  right: 5%;
  top: 0;
  bottom: 0;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -ms-transition: 0.2s all;
  -o-transition: 0.2s all;
}
.botao:hover,
.botao:focus {
  color: #fff !important;
}
.botao:hover:after,
.botao:focus:after {
  right: 3%;
}
header {
  width: 100%;
  float: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
header nav ul {
  margin: 1.8em 0 0 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding: 0 1.5em;
}
header nav ul .dropdown-menu {
  margin-top: 0 !important;
}
header nav ul .dropdown-menu ul {
  margin-left: 0;
}
ul.dropdown-menu li {
  margin-left: 0;
  text-align: center;
}
header nav ul li {
  font-size: 0.875em;
  padding: 0;
}
header nav ul li:hover {
  background: transparent;
}
.dropdown-menu li a:hover {
  color: #3099cc;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: #FFF;
  color: #777;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-color: transparent;
}
header nav ul li a {
  color: #fff;
  padding: .5em .8em !important;
}
header nav ul li a:hover {
  background: transparent !important;
  color: #fff;
}
.navbar-default .navbar-nav > .active > a {
  color: #3099cc;
  background-color: transparent !important;
  font-weight: 700;
  border-top: 4px solid #3099cc;
  border-bottom: 4px solid #3099cc;
}
.navbar-default .navbar-nav > .active > a:hover {
  color: #3099cc;
}
.navbar-default {
  background: transparent !important;
  border-color: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #3099cc;
}
.navbar-nav {
  float: right !important;
}
.navbar-nav li {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  margin-left: 2.8em;
}
.navbar-default .navbar-nav > li > a {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.dropdown-menu > .active > a {
  background: #3099cc;
}
.dropdown-menu > .active > a:hover {
  background: #3099cc !important;
}
.navbar-default .navbar-collapse {
  border-color: #FFF !important;
}
.barra {
  width: 100%;
  float: left;
  background: #384955;
  color: #FFF;
  font-size: 0.750em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.topo {
  width: 100%;
  float: left;
  margin-top: 1.875em;
}
.tel {
  margin-right: 10px;
  display: inline;
}
.email {
  display: inline;
}
footer {
  width: 100%;
  float: left;
  background: #384955;
  padding: 3em 0em 2em 0em;
}
footer .titulo {
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  color: #9baebc;
  font-weight: 700;
  display: block;
  margin-bottom: 1em;
}
footer svg {
  display: block;
  float: left;
  fill: #fff;
  margin-right: 0.7em;
  margin-top: 0.5em;
}
footer p {
  display: block;
  float: left;
  color: #FFF;
  font-size: 1em;
  font-family: 'Lato', sans-serif;
  margin-bottom: 0px;
  margin-top: 5px;
}
footer .phone {
  display: block;
  float: left;
  color: #FFF;
  font-size: 2em;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
footer .email-footer {
  display: block;
  float: left;
}
footer .botao-rss {
  display: block;
  border-radius: 53px;
  padding: 1em;
  margin: 0.5em;
  border: 2px solid #9baebc;
  color: #9baebc;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 0.9em;
}
footer .botao-rss:hover {
  border: 2px solid #3099cc;
  color: #3099cc;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
footer .botao-rss i {
  margin-right: 10px;
  font-size: 1.5em;
  padding-right: 10px;
  float: left;
}
.border-footer {
  width: 100%;
  float: left;
  height: 20px;
  background: #3099cc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3099cc 0%, #384955 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3099cc 0%, #384955 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3099cc 0%, #384955 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3099cc', endColorstr='#384955', GradientType=1);
  /* IE6-9 */
}
.banner {
  width: 100%;
  height: 600px;
  display: table;
  background: url(http://seladin.com.br/wp-content/themes/seladin/less/../../../../images/banner-seladin-impermeabilizantes.jpg) center;
  background-size: cover;
  margin-top: 1.875em;
  float: left;
}
.banner-texto {
  display: table-cell;
  vertical-align: middle;
}
.banner-texto h1 {
  font-family: 'Lato', sans-serif;
  color: #FFF;
  font-size: 2.6em;
  text-align: right;
  font-weight: 900;
  text-transform: uppercase;
}
.banner-texto p {
  text-align: right;
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 1em;
}
.linha-hr {
  width: 100%;
  float: left;
  border-top: 1px solid #FFF;
  padding-top: 1em;
  margin-top: 3.7em;
}
.desenvolvimento {
  color: #FFF;
  font-size: 0.8em;
  font-family: 'Lato', sans-serif;
  text-align: center;
  display: block;
}
.problemas {
  width: 100%;
  float: left;
  margin-top: 4.3em;
  margin-bottom: 4.3em;
}
.problemas .botao-pr {
  display: block;
  border-radius: 53px;
  padding: 0.3em 1em;
  border: 2px solid #3099cc;
  color: #3099cc;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 1.3em;
  margin-top: 1em;
}
.problemas .botao-pr:hover {
  border: 2px solid #3099cc;
  background: #3099cc;
  color: #FFF;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.problemas .botao-pr i {
  float: right;
  margin-top: 5px;
}
h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2em;
  color: #3099cc;
  padding-bottom: 1em;
  margin-top: 0;
}
h1 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2em;
  color: #3099cc;
  padding-bottom: 1em;
  margin-top: 5px;
}
p {
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  color: #9baebc;
}
.azul {
  color: #3099cc;
}
.beneficios {
  width: 100%;
  float: left;
  background: url(http://seladin.com.br/wp-content/themes/seladin/less/../../../../images/bg-beneficios-manta-seladin.jpg) center;
  background-size: cover;
  padding: 3em 0em;
}
.beneficios svg {
  fill: #FFF;
  margin-bottom: 2em;
  margin-top: 2em;
}
.beneficios .txt-beneficios {
  color: #3099cc;
  font-size: 1em;
  font-family: 'Exo 2', sans-serif;
  font-weight: 700;
  margin-bottom: 0.3em;
  display: block;
}
.beneficios p {
  color: #FFF;
}
.beneficios .alinha-bt {
  margin: auto;
  max-width: 200px;
}
.beneficios .botao-aplicacoes {
  display: block;
  float: left;
  width: 100%;
  background: #3099cc;
  border: 2px solid #3099cc;
  padding: 0.7em;
  color: #FFF;
  border-radius: 53px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 1em;
  margin: 2em 0em auto;
}
.beneficios .botao-aplicacoes:hover {
  border: 2px solid #3099cc;
  background: transparent;
  color: #3099cc;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.beneficios .botao-aplicacoes i {
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}
h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2em;
  color: #FFF;
  padding-bottom: 1em;
}
.qualidade {
  width: 100%;
  float: left;
  padding: 3em 0em;
}
.botao-cinza {
  display: block;
  float: left;
  background: #FFF;
  border: 2px solid #9baebc;
  padding: 0.7em;
  color: #9baebc;
  border-radius: 53px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 1em;
  margin: 2em 1em;
}
.botao-cinza:hover {
  border: 2px solid #3099cc;
  background: transparent;
  color: #3099cc;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.botao-cinza i {
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}
.botao-verde {
  display: block;
  float: left;
  background: #00A479;
  border: 2px solid #00A479;
  padding: 0.7em;
  color: #FFF;
  border-radius: 53px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 1em;
  margin: 2em 1em;
}
.botao-verde:hover {
  border: 2px solid #00A479;
  background: transparent;
  color: #00A479;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.botao-verde i {
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}
.breadcrumbs {
  width: 100%;
  float: left;
  padding: 0.5em 0em;
  border-top: 1px solid #9BAEBC;
  border-bottom: 1px solid #9BAEBC;
  margin-top: 2em;
}
.breadcrumbs span {
  font-size: 1em;
  color: #333333;
  font-family: 'Lato', sans-serif;
}
.breadcrumbs span a {
  color: #333333;
}
.sobrenos {
  width: 100%;
  float: left;
  margin-top: 2em;
  margin-bottom: 2em;
}
.revendas {
  width: 100%;
  float: left;
  padding: 2em 0em;
  background: #F2F2F2;
}
.revendas h2 {
  text-align: center;
}
.item-rev {
  float: left;
  border-left: 4px solid #384955;
  padding-left: 1em;
  margin-bottom: 2em;
}
.item-rev p {
  margin-bottom: 0;
}
.projetos {
  width: 100%;
  float: left;
  padding-top: 3em;
  padding-bottom: 5em;
}
.bt-projeto {
  width: 12.50%;
  float: left;
  margin-right: 15px;
  background: #9BAEBC;
  display: table;
  border-radius: 10px;
  padding: 0px 5px;
  min-height: 50px;
  cursor: pointer;
}
.bt-projeto:hover {
  background: #3099cc;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.txt-projeto {
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  font-size: 1em;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-align: center;
}
h4.modal-title {
  color: #3099cc;
  font-weight: 900;
  font-family: 'Lato', sans-serif;
}
.close {
  font-size: 30px !important;
  opacity: 1 !important;
}
.solucoes {
  width: 100%;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
}
.solucoes-lista {
  width: 100%;
  background: #F2F2F2;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
}
.border-l {
  border-left: 0px solid #707070;
}
.border-r {
  border-right: 0px solid #707070;
}
.tit-solucoes {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2em;
  color: #384955;
  padding-bottom: 1em;
}
.item-solucoes {
  font-size: 1.3em;
  font-family: 'Lato', sans-serif;
  color: #384955;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
}
.item-solucoes:hover {
  color: #3099cc;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.oferta {
  width: 100%;
  float: left;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
  background: #3099cc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3099cc 0%, #384955 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3099cc 0%, #384955 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3099cc 0%, #384955 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3099cc', endColorstr='#384955', GradientType=1);
  /* IE6-9 */
}
.oferta h3 {
  padding-bottom: 0.3em;
  margin-top: 0;
}
.oferta p {
  color: #FFF;
}
.oferta .botao-verde {
  margin: 1em 0em;
}
.oferta .botao-verde:hover {
  color: #FFF;
  border-color: #FFF;
}
.aplicacoes {
  width: 100%;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
}
.aplicacoes-lista {
  width: 100%;
  background: #F2F2F2;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
}
.tit-aplicacoes {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 2em;
  color: #384955;
  padding-bottom: 1em;
  margin-left: 0.5em;
}
.item-aplicacoes {
  font-size: 1.3em;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.box-aplicacoes {
  float: left;
  border-radius: 10px;
  border: 2px solid #3099cc;
  margin: 0.8em;
  padding: 1em;
  color: #384955;
  font-family: 'Lato', sans-serif;
  cursor: pointer;
  min-height: 110px;
  width: 95%;
}
.box-aplicacoes:hover {
  border: 2px solid #3099cc;
  background: #3099cc;
  color: #FFF;
}
.box-aplicacoes:hover p {
  color: #FFF;
}
.outros {
  width: 100%;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
}
.outros h2 {
  text-align: center;
  color: #384955;
}
.outros p {
  text-align: center;
}
.box-outros {
  float: left;
  border-radius: 10px;
  border: 2px solid #3099cc;
  margin: 0.8em;
  padding: 1em;
  color: #384955;
  font-family: 'Lato', sans-serif;
  cursor: pointer;
  min-height: 110px;
  width: 95%;
}
.box-outros p {
  text-align: left;
}
.box-outros:hover {
  border: 2px solid #3099cc;
  background: #3099cc;
  color: #FFF;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.box-outros:hover p {
  color: #FFF;
}
.item-outros {
  font-size: 1.3em;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.especificacoes {
  width: 100%;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
}
.especificacoes h1 {
  text-align: center;
}
.box-especificacoes {
  width: 100%;
  float: left;
  border: 2px solid #3099cc;
  border-radius: 10px;
  margin-top: 1.8em;
}
.tit-especificacoes {
  border-radius: 7px;
  width: 100%;
  float: left;
  background: #3099cc;
  color: #FFF;
  text-align: center;
  font-size: 1.7em;
  font-family: 'Lato', sans-serif;
  padding: 0.3em;
}
.desc-especificacoes {
  width: 100%;
  float: left;
  padding: 1em;
}
.desc-especificacoes h5 {
  font-size: 1.3em;
  font-family: 'Lato', sans-serif;
  color: #384955;
  text-transform: uppercase;
}
.ensaios {
  width: 100%;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
  background: #F2F2F2;
}
.ensaios h2 {
  text-align: center;
  margin-bottom: 2em;
}
.bt-ensaio-dir svg {
  fill: #3099cc;
  display: block;
  margin: auto;
}
.bt-ensaio-dir h6 {
  color: #3099cc;
  font-size: 2em;
  text-align: center;
  font-weight: 700;
}
.bt-ensaio-dir:hover {
  background: #3099cc;
  border: 2px solid #3099cc;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.bt-ensaio-dir:hover svg {
  fill: #FFF;
  display: block;
  margin: auto;
}
.bt-ensaio-dir:hover h6 {
  color: #FFF;
}
.bt-ensaio-esq svg {
  fill: #3099cc;
  display: block;
  margin: auto;
}
.bt-ensaio-esq h6 {
  color: #3099cc;
  font-size: 2em;
  text-align: center;
  font-weight: 700;
}
.bt-ensaio-esq:hover {
  background: #3099cc;
  border: 2px solid #3099cc;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.bt-ensaio-esq:hover svg {
  fill: #FFF;
}
.bt-ensaio-esq:hover h6 {
  color: #FFF;
}
.bt-ensaio-dir {
  width: 95%;
  float: left;
  margin-right: 5%;
  border: 2px solid #3099cc;
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 15px;
}
.bt-ensaio-esq {
  width: 95%;
  float: left;
  border: 2px solid #3099cc;
  border-radius: 10px;
  padding: 1em;
  margin-bottom: 15px;
}
.falecon {
  width: 100%;
  float: left;
  padding-top: 3em;
  padding-bottom: 3em;
}
#form-enviar {
  border-radius: 30px;
  border: 2px solid #3099cc;
  color: #3099cc;
  padding: 1em;
  text-align: center;
  font-size: 1em;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  background: #FFF;
  width: 100px;
}
#form-enviar:hover {
  border: 2px solid #3099cc;
  background: #3099cc;
  color: #FFF;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.form-control {
  border-radius: 20px;
  padding: 1em;
}
/*Responsivo*/
@media (max-width: 480px) {
  header .navbar-toggle {
    background: #FFF;
  }
  header .navbar-toggle .icon-bar {
    background: #fff;
  }
  header nav ul {
    border-right: 0;
    padding: 0;
  }
  header nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  header nav ul li a {
    text-align: center;
  }
  .navbar-nav {
    float: inherit !important;
  }
  .navbar-nav li {
    margin-left: 0;
  }
  footer .titulo {
    margin-top: 2em;
  }
  footer .phone {
    float: initial;
  }
  .banner-texto p {
    text-align: center;
  }
  .banner-texto h1 {
    text-align: center;
  }
  h2 {
    margin-top: 2em;
  }
  .bt-projeto {
    width: 98.50%;
    margin-bottom: 15px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  header .navbar-toggle {
    background: #FFF;
  }
  header .navbar-toggle .icon-bar {
    background: #fff;
  }
  header nav ul {
    border-right: 0;
    padding: 0;
  }
  header nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  header nav ul li a {
    text-align: center;
  }
  .navbar-nav {
    float: inherit !important;
  }
  .navbar-nav li {
    margin-left: 0;
  }
  footer .titulo {
    margin-top: 2em;
  }
  footer .phone {
    float: initial;
  }
  .banner-texto p {
    text-align: center;
  }
  .banner-texto h1 {
    text-align: center;
  }
  h2 {
    margin-top: 2em;
  }
  .bt-projeto {
    width: 98.50%;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header nav ul {
    margin: 0.8em 0 0 0 !important;
    padding: 0 .6em;
  }
  header nav ul li a {
    padding: .5em .1em !important;
    font-size: .9em !important;
  }
  footer .titulo {
    margin-top: 2em;
  }
  footer .phone {
    float: initial;
  }
  .bt-projeto {
    width: 98.50%;
    margin-bottom: 15px;
  }
  .navbar-nav li {
    margin-left: 2.0em;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .bt-projeto {
    min-height: 100px;
  }
  .navbar-nav li {
    margin-left: 2.0em;
  }
}
@media (min-width: 1201px) {
  .border-l {
    border-left: 1px solid #707070;
  }
  .border-r {
    border-right: 1px solid #707070;
  }
}