/* 
    Created on : Feb 13, 2018, 1:09:58 PM
    Author     : Djuh

    Ficheiro CSS Personalizado do Site da ACB
*/

/*_Incio Chamada das fontes gerais da ACB (ALLER STD)*/
@font-face {
  src: url("../fontes/AllerDisplay_Std_Rg.ttf");
  font-family: allerDisplayStd_rg;
}

@font-face {
  src: url("../fontes/Aller_Std_Bd.ttf");
  font-family: allerStd_bd;
}

@font-face {
  src: url("../fontes/Aller_Std_Lt.ttf");
  font-family: allerStd_lt;
}

@font-face {
  src: url("../fontes/Aller_Std_Rg.ttf");
  font-family: allerStd_rg;
}
/*Fim da Chamada das Fontes*/

/*Formatacao dos itens gerais*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -vendor-box-sizing: border-box;
  transition: 0.15s ease-in-out;
  -ms-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  -webkit-transition: 0.15s ease-in-out;
  -vendor-transition: 0.15s ease-in-out;
  -webkit-text-size-adjust: none;
}

.cor_primaria {
  color: #157539;
}

a.cor_primaria:hover {
  color: #157539;
}

.background_primario {
  background-color: #157539;
}

.cor_secundaria {
  color: #6c757d;
}

.red,
.star {
  color: #cc3333 !important;
}
/*= = = = = = = = = = = = = = FORMATACAO DO MENU = = = = = = = = = = = */
/*Formatacao do header*/
header {
  background: #fff;
  width: 100%;
  height: 3.5em;
}

.active > a {
  color: #157539 !important;
  border-top: solid 4px #157539 !important;
}

.inactive {
  color: #1f1f1f;
}

/*= = = = = = = = = = = = = = FORMATACAO DAS CLASSES DO HEADER = = = = = = = = = = = = = = = =*/
.nav {
  float: right;
  margin-top: -20px !important;
}

.nav > li > a {
  border-top: solid 3px transparent;
  color: #1f1f1f;
}

.nav > li > a:hover {
  color: #157539;
}
/*= = = = = = = = = = = = = = FORMATACAO DA AREA DOS SLIDES = = = = = = = = = = = = = = = = */
.inicio {
  margin-top: 3.5em !important;
  padding: 0;
}

/*.img-identidadeCoorporativa{
    position: absolute;
    top: 35px;
    left: 0;
    max-width: 120px;
    height: auto;
}*/

@media only screen and (max-width: 768px) {
  .img-identidadeCoorporativa {
    width: 70px;
    top: 30px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .img-identidadeCoorporativa {
    width: 90px;
    top: 30px;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .img-identidadeCoorporativa {
    width: 100px;
    top: 30px;
  }
}

/*Formatacao dos titulos do site*/
.tituloPrincipal {
  display: block;
}

.tituloPrincipal > h1 {
  margin-top: 2rem !important;
  font-family: allerStd_lt, sans-serif;
  text-align: center;
  letter-spacing: 3px;
  font-size: 1.15em;
}

.tituloPrincipal > h1 > b {
  font-family: allerStd_bd, sans-serif;
}

.tituloPrincipal > hr {
  width: 40px;
  background: #f04c47;
  border: transparent;
  margin: auto auto 2rem auto !important;
  height: 1px;
}

/*Formatacao da area do titulo alternativo*/
.tituloAlternativo {
  font-size: 0.9em;
  color: #157539;
  font-family: allerStd_lt, sans-serif;
  letter-spacing: 2px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 576px) {
  .tituloAlternativo {
    margin-top: 1rem;
  }
}

/*= = = = = = = = = = = = = = = = FORMATACAO DA AREA DO BANNER = = = = = = = = = = = = = = = */

/*Formatacao do banner e do minibanner*/
.mini-banner,
.banner {
  background: url(../img/banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

/*Formatacao do banner*/
.banner {
  min-height: 11em;
}

/*Formatacao da area do slider*/
.sim-slider-current-inner-tab {
  background: rgba(999, 999, 999, 0.8) !important;
  z-index: 0 !important;
  display: none !important;
}

.sim-slider-layer {
  color: #fff;
  margin-bottom: 0rem !important;
}

.sim-slider-layer > h1,
.tituloMobile {
  text-align: center;
  font-size: 2.5em;
  font-family: allerStd_lt, sans-serif;
}

.sim-slider-layer > p {
  text-align: center;
  letter-spacing: 2px;
  font-size: 1em;
}

/*= = = = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DO SLIDE DAS VAGAS EM DESTAQUE = = = = = = = = = = = = = =*/
.vagas {
  padding: 2rem 0 4rem 0;
}

/*Area de cada vaga*/
.vaga {
  color: #1f1f1f;
  border: solid 0.5px transparent;
  padding: 0.5rem;
  margin-bottom: 2rem;
}

.vaga > h1,
.vaga h2,
.vaga-singular h1 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 0.9em !important;
  font-family: allerStd_bd, sans-serif;
  letter-spacing: 0 !important;
}

.vaga img.img-fluid,
.vaga img {
  border-bottom: solid 3px #157539 !important;
  width: 100%;
  margin-bottom: 0.6rem;
}

.vaga a.mod-articles-category-title {
  color: #1f1f1f;
}

.vaga a.mod-articles-category-title:hover {
  color: #157539;
}

.vaga ul {
  font-size: 0.7em;
  padding: 0 0.1rem 1rem 0rem;
}

.vaga ul li {
  color: #f04c47;
  list-style: none;
}

.vaga ul li span,
.vaga p {
  color: #686868 !important;
}

.vaga > a {
  position: absolute;
  top: 8px;
  right: 12px;
  background: #157539;
  color: #fff;
  padding: 3px;
  font-size: 0.65em;
}

.vaga-singular > .item-image > img,
.homepage > .item-image > a > img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
  border-bottom: solid 3px #157539;
}

/*Formatacao da area da vaga*/
#sliderVagas > .owl-controls > .owl-buttons > .owl-prev,
#sliderVagas > .owl-controls > .owl-buttons > .owl-next {
  color: #fff;
  background: #157539;
}

#sliderVagas > .owl-controls > .owl-buttons > div {
  position: absolute;
  top: -40px;
}

#sliderVagas > .owl-controls > .owl-buttons > .owl-prev {
  right: 30px;
}

#sliderVagas > .owl-controls > .owl-buttons > .owl-next {
  right: 0;
}

/*= = = = = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DO APELO = = = = = = = = = = = = = = = = = = = = = */
.apelo {
  padding: 4rem 0 4rem 0;
  background: #f5f5f5;
}

.article h3 {
  font-family: allerStd_lt, "Helvetica", sans-serif;
  font-size: 1.4em;
}

.article p {
  margin-top: 1rem;
  font-size: 0.9em;
}

/*= = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DO CONTEUDO DAS NOTICIAS = = = = = = = = = = = = = = = = = = = = = = =*/
.noticias {
  padding: 4rem 0 6rem 0;
  background: #f5f5f5;
}

/*= = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DOS PARCEIROS DA ACB = = = = = = = = = = = = = = =*/
.parceiros {
  padding: 4rem 0 6rem 0;
  background: #f5f5f5;
}

/*Formatacao das imagens dos parceiros*/
.img-parceiro {
  display: block;
  margin: auto;
  width: 70%;
  height: auto;
}

/*= = = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DA SUBSCRICAO PARA OS NEWSLETTERS = = = = = = = = = = = = = */
.newsletters {
  padding: 4rem 0 4rem 0;
  background: #414042;
  color: #f1f1f1;
}

.tituloNewsletter h2 {
  font-size: 2em;
  font-family: allerStd_lt, sans-serif;
}

.tituloNewsletter p {
  letter-spacing: 3px;
}

/*= = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DO FOOTER = = = = = = = = = = = = = = = = = = = = */
.mediumFooter {
  background: #fff;
  padding: 4rem 0 4rem 0;
}

/*Formatacao da area das redes sociais*/
.redesSociais {
  display: block;
}

.redesSociais > h3 {
  font-size: 0.8em;
  color: #1f1f1f;
  letter-spacing: 3px;
  font-family: allerStd_lt, sans-serif;
  margin-top: 2rem !important;
  text-align: center;
}

/*Icones das redes sociais*/
.social-links {
  padding: 0 1rem 0 1rem;
  margin: auto 0.5rem auto 0.5rem;
  text-align: center;
}

.social-links a:hover {
  text-decoration: none;
}

.social-icon {
  font-size: 1em;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  padding: 12px;
  height: 40px;
  background: transparent;
  color: #157539;
  border: solid 1px #157539;
  box-sizing: border-box;
  border-radius: 150px;
  margin-right: 15px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  -ms-border-radius: 150px;
  -vendor-border-radius: 150px;
}

/*Formatacoa do deep footer*/
.deepFooter {
  background: #157539;
  color: #f1f1f1;
  padding: 1rem 0 0.5rem 0;
}

.copyright {
  text-align: center !important;
  font-family: allerStd_lt, sans-serif;
  font-size: 0.8em;
}

.copyright a {
  color: #fff;
}

.copyright a:hover {
  color: #fff;
  text-decoration: underline;
}

.copyright p {
  margin-bottom: 0;
}

/*= = = = = = = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DAS OUTRAS PAGINAS = = = = = = = = = = = = = = = = = = = = = = = = */
.breadcrumb {
  margin-top: 8rem;
}

.breadcrumb-item a {
  color: #ededed !important;
}

.breadcrumb-item a:hover {
  color: #157539;
  text-decoration: underline;
}

/*Formatacao de cada item*/
.item {
  margin-bottom: 2rem !important;
}

.item > i {
  font-size: 3em;
  width: 100%;
  height: 130px;
  text-align: center;
  display: block;
  margin: auto;
  background: #f0f0f0;
  line-height: 2.5;
}

.item.primary > i {
  color: #157539;
}

.item.primary > h6 > a {
  color: #157539;
}
.item.primary > h6 > a:hover {
  color: #0f9e5e;
}

.item > h3 {
  font-size: 0.95rem;
  font-family: allerStd_bd, sans-serif;
  letter-spacing: 3px;
  margin: 1rem 0 1rem 0;
}

.item p {
  font-size: 0.9em;
}

.item > h6 {
  letter-spacing: 3px;
  font-size: 0.75em;
  color: #1f1f1f;
  text-align: center;
  margin-top: 1rem;
}

/*= = = = = = = = = = = = = = = = = = = = FORMATACAO DA PAGINA DE CONTATOS = = = = = = = = = = = = = = = = = = = = = = = =*/
.contatos {
  padding: 4rem 0 6rem 0;
  background: #fff;
}

/*Area do mapa*/
#map_canvas {
  width: 100%;
  height: 500px;
}

.tituloMapa {
  font-size: 1em;
  font-family: allerStd_bd, sans-serif;
  letter-spacing: 3px;
  color: #157539;
}

/*= = = = = = = = = = = = = = = = = = = = FORMATACAO DA PAGINA DE SOBRE NOS = = = = = = = = = = = = = = = = = = = = = = = =*/
.sobrenos {
  padding: 4rem 0 6rem 0;
}

/*= = = = = = = = = = = = = = = = = = = = FORMATACAO DO CONTEUDO EXTENSIVO DO SOBRE NOS = = = = = = = = = = = = = = = = = = = = = =*/
.sobrenosExtensivo {
  background-color: #414042;
  color: #fff;
  padding: 4rem 0 6rem 0;
}

/*= = = = = = = = = = = = = = = = = = = = FORMATACAO DA AREA DA TEAM DA APE = = = = = = = = = = = = = = = = = = = = = = = = */
.team {
  padding: 4rem 0 6rem 0;
  background: #fff;
}

/*= = = = = = = = = =  = = = = =  = = = = FORMATACAO DA AREA DAS NOTICIAS DA APE = = =  = = = = = = = = = = = = = = = = = = =*/
/*Formatacao de cada noticia*/
.noticia {
  margin-top: 1.5rem;
  position: relative;
}

.noticia > span.autor {
  color: #999999;
  font-size: 0.75em;
  display: block;
}

.noticia > img,
.noticia > .pull-left.item-image > a > img,
.noticia > .pull-left.item-image > img {
  width: 100% !important;
  height: auto;
  display: block;
  border-bottom: solid 3px #157539;
  margin: 0.5rem 0 1rem 0;
}

.noticia > h3,
.page-header > h2 {
  font-size: 1em;
  font-family: allerStd_bd, sans-serif;
  letter-spacing: 3px;
}

.noticia > h3 > a,
.page-header > h2 > a {
  color: #1f1f1f;
}

.noticia > h3 > a:hover,
.page-header > h2 > a:hover {
  color: #157539;
}

.noticia p {
  font-size: 0.75em;
  color: #666666;
}

.noticia .fields-container,
.vaga .fields-container {
  display: none !important;
}

/* = = = = = = = = = = = = = = = = = = Formatacao da area dos servicos  = = = = = = = = = = = = = = = = = =*/
.servicos {
  padding: 4rem 0 6rem 0;
}

/*Cada servico*/
.servico img {
  width: 100%;
  height: auto;
  /* border-bottom: 1px solid #f5f5f5; */
}

.servico h3 {
  font-size: 1em;
  margin: 0rem 0 0.6rem 0;
}

.servico h3 a {
  color: #157539;
  font-family: allerStd_lt, sans-serif;
  /* padding: 0 .5rem 0 .5rem;
    border-left: solid 3px #157539; */
}

.servico p {
  font-size: 0.9em;
  /* font-style: italic; */
  color: #999999;
}

.servico h3 a:hover {
  color: #157539;
  text-decoration: underline;
}

.btn-service-link {
  padding: 6px 9px;
}

/*Formatacao da area do widget*/
.widget-area {
  border: solid 0.5px #ededed;
  padding: 1rem;
  margin-top: 0.6rem;
  margin-bottom: 2rem;
}

.widget-area h4 {
  font-size: 0.75em;
  font-family: allerStd_rg, sans-serif;
  color: #999999;
  letter-spacing: 1px;
}

/*Lista das vagas*/
.areasVagas {
  display: block;
  list-style: none;
}

.areasVagas li {
  margin-top: 0.3rem;
  font-size: 0.8em;
}

.areasVagas li a {
  display: block;
  color: #1f1f1f;
}

.areasVagas li a i {
  color: #157539;
  padding-right: 0.5rem;
}

/*contatos da APE*/
.APE-contatos {
  list-style: none;
}

.APE-contatos li {
  color: #1f1f1f;
  display: block;
  margin: 0.5rem 0 0.5rem 0;
  font-size: 0.75em;
}

.APE-contatos li span {
  font-weight: bold;
  text-decoration: underline;
}

.APE-contatos li span a {
  color: #157539;
}

/* = = = = = = = = = = = = = = = = = = VAGA SINGULAR  = = = = = = = = = = = = = = = = = = */
.vaga-titulo {
  margin: 1rem 0 1rem 0;
}

.vaga-titulo h1 {
  font-size: 2.3em;
  display: inline-block;
}
.vaga-titulo a {
  display: inline-block;
  background: #157539;
  font-size: 0.7em;
  padding: 5px;
  color: #fff;
}
.vaga-titulo small {
  color: #999999;
  display: block;
  margin-top: -5px;
}

/*Pre requisitos para a vaga*/
.pre-requisito > h3 {
  color: #157539;
  margin-top: 0.9rem;
  font-weight: bold;
  font-size: 0.8em;
}

.pre-requisito p {
  font-size: 0.8em;
}

.pre-requisito ul {
  list-style: none;
  font-size: 0.8em;
}

.pre-requisito ul li {
  margin-top: 0.5rem;
  display: block;
}

.pre-requisito ul li i {
  color: #157539;
  margin-right: 0.5rem;
}

/*Formatacao da area dos comentarios*/
.comentarios h3,
.form-comentario h3 {
  margin-top: 2rem;
  font-size: 1.2em;
  font-family: allerStd_lt, sans-serif;
}

.comentario {
  background-color: #f5f5f5;
  border: solid 1px #ededed;
  padding: 1rem;
  margin-bottom: 1rem;
}

.form-comentario {
  margin-bottom: 2rem;
}

/*Descricao de cada comentario*/
.img-comentador {
  width: 120px;
  display: block;
  margin: auto;
  border: solid 3px #fff;
  margin-bottom: 1rem;
}

.comentario-descricao h4 {
  font-size: 1em;
  font-family: allerStd_bd, sans-serif;
}

.comentario-descricao span.data {
  font-size: 0.8em;
  letter-spacing: 3px;
  display: block;
}

.comentario-descricao p {
  font-size: 0.9em;
  color: #999999;
  margin-top: 0.5rem;
}

/*Formulario do popup*/
.form-popup input,
.form-popup select,
.form-popup textarea {
  border: solid 1px #cacaca !important;
  margin-top: 0.5rem !important;
}

.form-popup input:focus,
.form-popup select:focus,
.form-popup textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: solid 1px #157539 !important;
}

/*Estilo dos contatos*/
.thumbnail > img {
  width: 100%;
  display: block;
  margin: auto;
  padding: 0rem 2rem 2rem 2rem;
}

.endereco-item {
  display: block;
  padding: 0.2rem 0 0.2rem 0;
  color: #1f1f1f;
  font-style: italic;
  font-size: 0.9em;
}

.endereco-item > i {
  color: #157539;
  font-size: 1.1em;
  margin-right: 0.5rem;
}

/*Formulario de contatos*/
.text {
  display: block;
  font-size: 0.7em;
}

.control-group > .control-label > label {
  display: block;
  font-size: 0.8em;
  color: #666666;
  margin-bottom: 0rem !important;
  margin-top: 1rem;
}

/*Formatacao dos resultados da busca*/
.buscaResultado {
  margin: 0.5rem 0 0.5rem 0;
}

.buscaResultado .result-title {
  font-size: 1.1em;
  margin-bottom: 0.1rem;
  font-weight: bolder;
  color: #cacaca;
}

.buscaResultado .result-title a {
  color: #157539;
  font-weight: normal;
  font-size: 0.8em !important;
}

.buscaResultado .result-title a:hover {
  text-decoration: underline;
}

.buscaResultado .result-category {
  font-size: 0.65em;
  background: #157539;
  color: #fff;
  padding: 0rem 0.2rem 0.1rem 0.2rem;
}

.buscaResultado .result-text {
  font-size: 0.9em;
  color: #666;
}

.buscaResultado .data {
  margin-top: 0.6rem;
  font-size: 0.75em;
  color: #666;
}

.buscaResultado .data i {
  margin-right: 0.5rem;
}

/*Area do selecionar*/
.form-limit {
  display: block;
  float: right;
}

.ordering-box {
  display: block;
  float: left;
}

.form-limit label,
.ordering-box label {
  display: block;
  margin-bottom: 0;
  font-size: 0.8em;
  color: #666;
}

.form-limit select,
.ordering-box select {
  margin-top: 0;
  font-size: 0.7em;
  padding: 0.4em;
}

/*Modelo da pagina nao encontrada*/
.paginaNaoEncontrada {
  margin-top: 15vh;
  background: #fff !important;
  text-align: center;
}

.paginaNaoEncontrada h3 span {
  color: #157539 !important;
  font-size: inherit;
}

.paginaNaoEncontrada h4 {
  font-size: 1em;
}

.img-ape {
  width: 70%;
  display: block;
  padding: 0 2rem 0 2rem;
  margin: auto;
}

s {
  text-decoration: none !important;
}
.pre-requisito ul li::before {
  content: "●";
  margin-right: 1rem;
  color: #157539;
}

.vaga a.btn,
.noticia a.btn {
  height: 2.45em;
  color: #157539 !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #157539 !important;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0 0.2rem 0 0.2rem;
  border-radius: 0rem;
}
.vaga a.btn:hover,
.noticia a.btn:hover {
  color: #fff !important;
  background-color: #157539 !important;
  border-color: #157539 !important;
}

.img-identidadeCoorporativa {
  position: absolute;
  top: 35px;
  left: 0;
  max-width: 207px;
  height: auto;
}

/* aside brand image */
.img-serviço-aside {
  display: block;
  margin: auto;
  width: 60%;
  padding: 1rem 0;
}

/* aside brand image */
.img-serviço-aside-mini {
  max-width: 100px !important;
}

.text-acb {
  font-style: italic;
  color: #999999;
}

p {
  font-size: 1.02rem;
}

/* parceiros */
#sliderParceiros .owl-item {
  align-self: center !important;
}

#inscricaoEmpresa .modal-dialog.modal-dialog-centered {
  max-width: 462px;
}

.required {
  color: red;
}

.vaga > h1,
.vaga h2,
.vaga-singular h1 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 0.9rem !important;
  font-family: allerStd_bd, sans-serif;
  letter-spacing: 0 !important;
}

/* article list */
.vaga-singular ul {
  margin-left: 1rem;
}

/* article links */
[itemprop="articleBody"] a:hover {
  color: #0f9e5e !important;
}

[itemprop="articleBody"] a {
  color: #157539 !important;
}

@media (min-width: 992px) {
  /*margin*/
  .mb-6,
  .my-6 {
    margin-bottom: 4rem !important;
  }
}

/* slide parceiros */
#sliderParceiros .owl-wrapper {
  display: flex !important;
  display: ms-flexbox !important;
  display: webkit-flexbox !important;
  flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  align-items: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
}

/* Unique height  stuff */

.vaga h1 {
  height: 2.7rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.vaga h2 {
  display: inline-block;
  height: 2.7rem;
  overflow: hidden;
}

.vaga {
  font-size: 0.9rem;
}

.vaga p,
.noticia p {
  margin-top: 0.9rem;
}

/*-- noticias--*/
.noticia .page-header > h2 {
  height: 2.4rem;
  overflow: hidden;
  display: inline-block;
}

.owl-item .noticia > h3 {
  height: 3.6rem;
  overflow: hidden;
}

p.readmore.p-0.m-0 {
  margin-top: 1rem !important;
}

#registroNormal {
  font-size: 0.9rem;
}

@media only screen and (max-width: 720px) {
  .noticia .page-header > h2 {
    height: auto;
    overflow: hidden;
  }

  .owl-item .noticia > h3 {
    height: 3.6rem;
    overflow: hidden;
  }
}

a.btn.btn-primary.btn-slider {
  margin-top: 3rem;
}

/*Responsividade*/
@media only screen and (max-width: 576px) {
  .sim-slider-layer > h1 {
    margin-top: 30px;
    font-size: 1.1em;
  }

  .tituloMobile {
    padding-top: 69px;
    font-size: 1.1em;
  }

  a.btn.btn-primary.btn-slider {
    margin-top: 1rem !important;
  }
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
  .sim-slider-layer > h1 {
    font-size: 1.25em;
  }

  .btn-slider {
    margin-top: 0px;
    font-size: 0.85em !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .sim-slider-layer > h1 {
    font-size: 1.9em;
  }

  .btn-slider {
    margin-top: 30px;
    font-size: 0.95em;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .sim-slider-layer > h1 {
    font-size: 2.3em;
  }

  .btn-slider {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1366px) {
  .btn-slider {
    margin-top: 33px;
  }
}

.bgGray {
  background-color: #f5f5f5;
}

body {
  /* position: relative; */
}



#toTop {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  color: #fff;
  font: 30px;
  text-decoration: none;
  background-color: #157539;
  box-shadow: 0 6px 9px rgba(0, 0, 0, .24);
  outline: none;

  transition: all .3s ease-in-out;

  align-items: center;
  justify-content: center;
}

#toTop:hover {
  transform: scale(1.11);
  cursor: pointer;
}