@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,400,500,700&display=swap');


/*font-family: 'Barlow', sans-serif;
font-family: 'Barlow Semi Condensed', sans-serif;*/

/*GERAL*/
  html, body{
    height: 100%;
    position: relative;
    min-height: 100%;
  }
  body{
    font-family: 'Barlow Semi Condensed', sans-serif;
    letter-spacing: 0.25px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  ::selection {
    background: #c8a56e;
    color: #FFF;
  }
  #contentor1{
    min-height: 100%;
    position: relative;
  }
  #asseccentro{
    /* Set the fixed height of the header*/
    padding-top: 0;
    /* Set the fixed height of the footer here + 20px de padding a separar do conteudo */
    padding-bottom: 37px;
    /*background-color: #fff;*/
  }
  .direita{
    text-align: right;
  }
  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: #fff;*/
    background: url('./imagens/hourglass.svg') 50% 50% no-repeat rgb(249,249,249);
  }
  .divisor{
    color: #444444;
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(26,131,171);
    padding-bottom: 11px;
  }
  .pre-owl{
    padding: 0;
    margin: 0 15px;
  }
  .owl-container{
    position: relative;
    float: left;
    width: 100%;
  }
  
/*end GERAL*/

/*CONTEUDOS*/
  #conteudoa, #conteudoi {
    margin-top: 3em;
  }
/*end CONTEUDOS*/

/*Vertical Align*/
  .vertical-table-wrapper{
    display: table;
    width: 100%;
    height: 100%;
  }
  .vertical-table-cell{
    display: table-cell;
    vertical-align: middle;
  }
  .vertical-cell{
    border: 1px solid #fff;
    padding: 10px;
    max-width: 500px;
    margin: 0 auto;
  }
  .vertical-bg{
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 25px 45px;
    text-align: center;
  }
/*end Vertical Align*/

/*BANNER IMG SINGULAR*/
  .img-singular .vertical-cell {
    border: 0px solid #fff;
    max-width: 100%;
    margin: 0 auto;
  }
  .vertical-bg {
    background-color: transparent;
    text-align: center;
  }
  .img-singular {
    position: relative;
    height: 50vh;
    background-repeat: no-repeat;
    background-position: 50% 85%;
    background-size: cover;
    background-position: center center;
  }
  .img-singular:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .img-singular:before {
    /*background-color: #975fa3;
    opacity: .84;*/
    display: inline-block;
  }
  .img-singular .inner {
  }

  @media (max-width: 576px) {
    .img-singular{
      height: 35vh !important;
    }
  }
/*end BANNER IMG SINGULAR*/

/* Titulo/Banner de páginas */
.titleHint {
  color: #6b7a91;
  text-align: center;
  margin-bottom: 60px;
  text-transform: uppercase;
}


.titleHint h2 {
  display: flex;
  flex-direction: row;
  margin: 0;
}

.titleHint h2:before,
.titleHint h2:after {
  content: "";
  flex: 1 1;
  border-bottom: 20px solid #f4f4f4;
  margin: auto;
}

.titleHint h2 span {
  font-weight: 500;
  font-size: 40px;
  padding: 0 10px;
}
/* END Titulo/Banner de páginas */

/*LOADER*/
  #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
  }
  .spinner {
    text-align: center;
    display: block;
    position: relative;
    width: 204px;
    height: 220px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 50%;
    text-align: center;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1001;
  }
  .spinner > div {
    width: 12px;
    height: 12px;
    background-color: #c8a56e;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  @-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
  }
  @keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
    }
  }
  #loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
  }
  #loader-wrapper .loader-section.section-left {
    left: 0;
  }
  #loader-wrapper .loader-section.section-right {
    right: 0;
  }
  /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
      -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(-100%);  /* IE 9 */
      transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    .loaded #loader-wrapper .loader-section.section-right {
      -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateX(100%);  /* IE 9 */
      transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
      transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    .loaded .spinner {
      opacity: 0;
      -webkit-transition: all 0.3s ease-out;  
      transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
      visibility: hidden;
      -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: translateY(-100%);  /* IE 9 */
      transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
      -webkit-transition: all 0.3s 1s ease-out;  
      transition: all 0.3s 1s ease-out;
    }
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }
/*end LOADER*/

/*Fix for WinPhone 8 and IE10*/
  @-webkit-viewport   { width: device-width; }
  @-moz-viewport      { width: device-width; }
  @-ms-viewport       { width: device-width; }
  @-o-viewport        { width: device-width; }
  @viewport           { width: device-width; }
/*end Fix for WinPhone 8 and IE10*/

/*SHARE buttons*/
  .social-container ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .social-container ul.menu.horizontal li {
    float: left;
    position: relative;
    margin-right: 10px;
  }
  .social-container .social_button a {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    height: 32px;
    line-height: 20px;
    padding: 0.5em 1.5em;
  }
  .social-container .social_button a.social_facebook {
    border: 2px solid #6d84b4;
    color: #6D84B4;
    background-color: transparent;
  }
  .social-container .social_button a.social_facebook:hover {
    color: #FFFFFF;
    background-color: #6D84B4;
  }
  .social-container .social_button a.social_twitter {
    border: 2px solid #68AAEA;
    color: #68AAEA;
    background-color: transparent;
  }
  .social-container .social_button a.social_twitter:hover {
    color: #FFFFFF;
    background-color: #68AAEA;
  }
  .social-container .social_button a.social_google {
    border: 2px solid #CD4A30;
    color: #CD4A30;
    background-color: transparent;
  }
  .social-container .social_button a.social_google:hover {
    color: #FFFFFF;
    background-color: #CD4A30;
  }
  .social-container .social_button a.social_pinterest {
    border: 2px solid #DE2A28;
    color: #DE2A28;
    background-color: transparent;
  }
  .social-container .social_button a.social_pinterest:hover {
    color: #FFFFFF;
    background-color: #DE2A28;
  }
/*end SHARE buttons*/

/*IE FIX*/
  .carrinho-icon{
    height: 50px;
  }
/*end IE FIX*/

/*Cookie Consent*/
  .cc_message{
    font-size: 13px !important;
  }
  .cc_container .cc_btn {
    font-size: 13px !important;
    bottom: 20px !important;
  }
  .cc_logo{
    display: none !important;
    background-image: none !important;
    height: 1px !important;
  }
/*end Cookie Consent*/

/*Animacoes*/
  .grid figure {
    position: relative;
    overflow: hidden;
    min-width: 100%;
    max-width: 480px;
    height: auto;
    background: #f4f4f4;
    text-align: center;
    /*cursor: pointer;*/
  }
  .grid figure img {
    position: relative;
    display: block;
  }
  .grid figure figcaption {
    padding: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .grid figure figcaption::before,
  .grid figure figcaption::after {
    pointer-events: none;
  }
  .grid figure figcaption,
  .grid figure figcaption > .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* Anchor will cover the whole item by default */
  /* For some effects it will show as a button */
  .grid figure figcaption > .hover {
    opacity: 0;
  }
  /*---------------*/
  /***** Julia *****/
  /*---------------*/
    figure.effect-julia {
      background: rgba(52, 152, 219, 0.5);
    }

    figure.effect-julia img {
      max-width: none;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }

    figure.effect-julia figcaption {
      text-align: right;
    }

    figure.effect-julia h2 {
      position: relative;
      padding: 0.5em 0;
    }
    figure.effect-julia .link_bg {
      opacity: 0;
      -webkit-transition: opacity 0.35s;
      transition: opacity 0.35s;
      position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 15;
    }
    figure.effect-julia p {
      display: inline-block;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(90px,0,0);
      transform: translate3d(90px,0,0);
      margin-top: 25%;
    }

    figure.effect-julia p:first-child {
      -webkit-transition-delay: 0.15s;
      transition-delay: 0.15s;
    }

    figure.effect-julia p:nth-of-type(2) {
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s;
    }

    figure.effect-julia p:nth-of-type(3) {
      -webkit-transition-delay: 0.05s;
      transition-delay: 0.05s;
    }

    figure.effect-julia:hover p:first-child {
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
    }

    figure.effect-julia:hover p:nth-of-type(2) {
      -webkit-transition-delay: 0.05s;
      transition-delay: 0.05s;
    }

    figure.effect-julia:hover p:nth-of-type(3) {
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s;
    }

    figure.effect-julia:hover img {
      opacity: 0.4;
      -webkit-transform: scale3d(1.05,1.05,1);
      transform: scale3d(1.05,1.05,1);
    }

    figure.effect-julia:hover p {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }

    figure.effect-julia:hover .link_bg {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }

  /*-----------------*/
  /***** Apollo *****/
  /*-----------------*/

  figure.effect-apollo {}

  figure.effect-apollo img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  }

  figure.effect-apollo p {
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
  }

  figure.effect-apollo .link_bg {
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 15;
  }

  figure.effect-apollo:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  }

  figure.effect-apollo:hover .link_bg {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  
  /*-----------------*/
  /***** Goliath *****/
  /*-----------------*/

    figure.effect-goliath {
      background: #00ABD2;
    }

    figure.effect-goliath img,
    figure.effect-goliath h2 {
      -webkit-transition: -webkit-transform 0.35s;
      transition: transform 0.35s;
    }

    figure.effect-goliath img {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }

    figure.effect-goliath h2,
    figure.effect-goliath p {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0;
      z-index: 15;
      /* padding: 30px; */
    }

    figure.effect-goliath p {
      text-transform: none;
      font-size: 90%;
      opacity: 0;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(0,50px,0);
      transform: translate3d(0,50px,0);
    }

    figure.effect-goliath:hover img {
      -webkit-transform: translate3d(0,-32px,0);
      transform: translate3d(0,-32px,0);
    }

    figure.effect-goliath:hover h2 {
      -webkit-transform: translate3d(0,-32px,0);
      transform: translate3d(0,-32px,0);
    }

    figure.effect-goliath:hover p {
      opacity: 1;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
/*end Animacoes*/

/*Nav-bar*/
  .navbar{
    border: none;
    border-radius: 0;
    min-height: auto !important
  }
  .navbar-default{
    background-color: transparent;
    border-color: transparent;
  }
/*end Nav-bar*/

/*Tabelas*/
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
    font-size: 13px;
    /*border: 1px solid #DDD !important;*/
  }
  td.highlight {
    background-color: whitesmoke !important;
  }
  .table tbody tr.even:hover, .table tbody tr.even td.highlighted {
    background-color: #F7F7F9;
  }
  .table tbody tr.odd:hover, .table tbody tr.odd td.highlighted {
    background-color: #F7F7F9;
  }
  .table tr.even:hover {
    background-color: #F7F7F9;
  }
  .table tr.even:hover td.sorting_1 {
    /*background-color: #DDFF75;*/
  }
  .table tr.even:hover td.sorting_2 {
    background-color: #E7FF9E;
  }
  .table tr.even:hover td.sorting_3 {
    background-color: #E2FF89;
  }
  .table tr.odd:hover {
    background-color: #F7F7F9;
  }
  .table tr.odd:hover td.sorting_1 {
    /*background-color: #D6FF5C;*/
  }
  .table tr.odd:hover td.sorting_2 {
    background-color: #E0FF84;
  }
  .table tr.odd:hover td.sorting_3 {
    background-color: #DBFF70;
  }
  .table-striped > tbody > tr:nth-child(odd) {
      background-color: #FFFAE5;
  }
  #livros td, #carrinho1 td{
      min-height: 15px;
  }
  div.dataTables_wrapper div.dataTables_length select{
    width: 50px;
  }
  .paginate_button{
    padding: 0 2px;
  }
  .paginate_button .previous{
    padding-right: 5px;
  }
  .paginate_button .next{
    padding-left: 5px;
  }
/*end Tabelas*/

/*Agenda*/
  .dia_ocupado {
    color: #fff !important;
    background-color:  #57a4c6 !important;
  }
  .td_dia_ocupado{
    background-color:  #57a4c6 !important;
  }
  .ui-datepicker .ui-datepicker-header{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
/*end Agenda*/

/*Caminho-breadcumbs*/
  #caminho{
    background-color: #FFF;
  }
  .breadcrumb{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: transparent;
    padding:0;
    /*padding-left: 15px;*/
  }
  .breadcrumb a{
    font-size: 12px;
  }
/*end Caminho-breadcumbs*/

/*Tabs*/
  .tab-content{
    padding-top: 25px;
  }
  .nav-tabs > li{
    padding: 0 !important;
  }
  .nav-tabs > li > a {
    color:  #444444 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: center !important;
    border: none !important;
    border-radius: 0!important;
    padding: 10px !important;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #FFF !important;
    background-color: rgba(0, 0, 0, 0.87) !important;
    border: none !important;
    cursor: default !important;
  }
  .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
    background-color: transparent !important;
  }
  .nav-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.87) !important;
  }
/*end Tabs*/

/*Forms*/
  .form-control:focus {
    border-color: rgba(0, 0, 0, 0.87);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(234, 153, 35, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(234, 153, 35, .6);
  }
  .form-control{
    border-radius: 0px;
    box-shadow: none;
  }
  .form-group .login-field-icon,
  .form-group .envelope-field-icon {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 28px;
    transition: all 0.25s ease 0s;
    padding-top: 2%;
  }
/*end Forms*/

/* Menu de Navegação Tipos de Fio (junto ao rodapé) */

.wrapper_menu_bottom {

  font-weight: 700;
  text-align: center;
  font-size: 20px;
  /*margin-left: -520px;*/
  background-color: #f4f4f4;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 60px;
}

.wrapper_menu_bottom .nav>li>a {

  letter-spacing: 0px;
  padding: 0 10px;
}

/*@media screen and (max-width: 1200px) and (min-width: 768px) {
  .wrapper_menu_bottom .navbar-collapse {
    overflow: auto !important;
    white-space: nowrap;
  }

  .wrapper_menu_bottom .navbar-nav > li{
    display: inline-block;
    float: none;
  }

}*/

@media screen and (max-width: 992px) and (min-width: 768px) {
  .wrapper_menu_bottom .nav>li>a {
    padding: 0 8px;
    font-size: 12px;
  }

} 

@media (min-width: 768px){
  .wrapper_menu_bottom .navbar-collapse {
    overflow: auto !important;
    white-space: nowrap;
  }
  .wrapper_menu_bottom .navbar-nav > li{
    display: inline-block;
    float: none;
  }
}

/* END Menu de Navegação Tipos de Fio (junto ao rodapé) */

/*Footer*/
  .footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 37px;
  }
  #footer{
    color: #FFF;
    min-height: 20px;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: rgb(0, 45, 101);
  }
  #footer h3{
    margin-top: 0;
  }
  .borderleft{
    border-left: 3px solid #dbdbdb;
    min-height: 140px;
  }
  #redes_sociais .fa {
    font-size: 31px;
  }
  #redes_sociais a{
    color: #FFF;
  }
  .rodape-title{
    font-weight: 900;
  }
  .rodape{
    font-size: 12px;
    margin: 10px 0;
  }
  .rodape-contact{
    font-size: 12px;
  }
  .bottom_block_text h5{
    margin-top: 0;
    /*font-size: 18px;
    line-height: 22px;
    text-align: center;*/
  }
  .bottom_block_text{
    /*font-size: 12px;*/
    line-height: 20px;
    text-align: center;
  }
  .bottom_block_face{
    text-align: center;
  }

  .svg_bottom{
    fill:#338A00;
    margin-left: 20px;
  }
  .svg_bottom:hover{
    fill:#FFF;
  }
  .menu_bottom {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .menu_bottom h6{
    font-size: 0.75em;
  }
  .menu_bottom a:hover h6, .menu_bottom a:focus h6{
    text-decoration: underline;
  }
  .current_bottom h6{
    text-decoration: underline !important;
    color: #6b7a91!important;
  }
  .cc_banner-wrapper {
    height: 32px !important;
  }
  .cc_container{
    padding: 6px !important;
    font-size: 12px !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #f4f4f4 !important;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) !important;
    color: #6d6d6d !important;
    text-align: center;
  }
  .cc_container .cc_message{
  }
  .cc_container a, .cc_container a:visited{
    color: #222 !important;
  }
  .cc_container a:hover, .cc_container a:active{
    color: #c8a56e !important;
  }
  .cc_container .cc_btn{
    padding: 0 !important;
    background-color: transparent !important;
    margin-top: 0px;
    color: #cacaca !important;
    max-width: 60px !important;
  }
  .cc_container .cc_btn .cookie-close{
    font-size: 18px;
  }
  .cc_container .cc_btn:hover .cookie-close{
    fill: #c8a56e;
  }
  
  .cc-theme-edgeless.cc-window {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-size: 14px !important;
    text-align: center;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) !important;
    background-color: #f4f4f4 !important;
    color: #000 !important;
    
}

.cc-banner .cc-btn:last-child {
    min-width: 60px !important;
    color: #000 !important;
    background-color: #f4f4f4 !important;
}

#menu_superior_social {
  color: #575757;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  margin: 0px 0 5px 0;
  white-space: nowrap;
}

#menu_superior_social li {
  padding: 0 2px;
}

#menu_superior_social a .facebook,
#menu_superior_social a .twitter,
#menu_superior_social a .linkedin,
#menu_superior_social a .pinterest,
#menu_superior_social a .youtube {
  color: rgb(56,56,56);
}

#menu_superior_social a .facebook_topo,
#menu_superior_social a .twitter_topo,
#menu_superior_social a .linkedin_topo {
  color: rgb(165,131,78);
}

#menu_superior_social a:hover .facebook {
  color: #FFF;
}

#menu_superior_social a:hover .twitter {
  color: #FFF;
}

#menu_superior_social a:hover .linkedin {
  color: #FFF;
}

#menu_superior_social a:hover .facebook_topo {
  color: #FFF;
}

#menu_superior_social a:hover .twitter_topo {
  color: #FFF;
}

#menu_superior_social a:hover .linkedin_topo {
  color: #FFF;
}

#menu_superior_social a:hover .pinterest {
  fill: #e60023;
}

#menu_superior_social a:hover .youtube {
  fill: #DC472E;
}

.divSocial a {

  text-decoration: none;
}

.divSocial a h6 {

  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  text-decoration: none;
}

.divSocial a h6:hover {

  color: #6b7a91;
}

.divSocial a h6:active {

  color: #6b7a91;
}

.divSocial span p {

  font-size: 14px;
  font-weight: 400;
  color: #FFF;
  line-height: 1.1;
}

.divSocial span a {

  font-size: 14px;
  font-weight: 400;
  color: #FFF;
}

.legalInformation,
.contact,
.visit,
.linkSocial,
.payment {

  padding-top: 10px;
}


@media screen and (max-width: 767px) {


  .legalInformation,
  .contact,
  .visit,
  .linkSocial {

    text-align: right;
  }

  .visit,
  .payment {

    text-align: center;
  }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {

  .upperFooter {

    margin-bottom: 15px;

  }

  .payment {

    text-align: center;
  }

  .linkSocial {

    text-align: center;
  }


}

/*end Footer*/

/* Livro de Reclamações */

.livro_reclamacoes {
  margin-right: 40px;
}

.livro_reclamacoes a {
  background-color: rgba(56, 56, 56, 1);
  color: #FFF !important;
  padding: 7px;
  border-radius: 5px;
}

.livro_reclamacoes a:hover {
  background-color: #FFF;
  color: rgba(56, 56, 56, 1) !important;
  border: 1px solid rgba(56, 56, 56, 1);
}

.livro_reclamacoes_xs a {
  background-color: rgba(56, 56, 56, 1);
  color: #FFF !important;
  padding: 7px;
  border-radius: 5px;
}

.livro_reclamacoes_xs a:hover {
  background-color: #FFF;
  color: rgba(56, 56, 56, 1) !important;
  border: 1px solid rgba(56, 56, 56, 1);
}

.livro_reclamacoes_lg a {
  background-color: rgba(56, 56, 56, 1);
  color: #FFF !important;
  padding: 7px;
  border-radius: 5px;
}

.livro_reclamacoes_lg a:hover {
  background-color: #FFF;
  color: rgba(56, 56, 56, 1) !important;
  border: 1px solid rgba(56, 56, 56, 1);
}


/* END Livro de Reclamações */

/*Botoes geral*/
  .btn{
    border-radius: 6px;
    padding: 6px 20px;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
  }
  .bootstrap-select .btn:focus{
    outline: none !important;
  }
  .btn:active{
    box-shadow:none;
  }
  .btn:focus{
    outline: none !important;
  }
  .btn-primary, .btn-success, .btn-info {
    background-color: #9d9c9c !important;
    border-color: #9d9c9c  !important;
    border-radius: 5px;
    color: #FFF !important;
  }
  .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
  .btn-info:hover,  .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info,
  .btn-success:hover,  .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success,
  .btn-success:focus, .btn-success.focus,
  .btn-primary:focus, .btn-info:focus, .btn-success.focus{
    background-color: #FFF  !important;
    border-color: #9d9c9c  !important;
    outline: none !important;
    color: #9d9c9c !important;
  }
  .btn-especial{
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 10px !important;
    border-radius: 0px !important;
  }
  .btn-download{
    background-color: #FFFFFF !important;
    border-bottom: 1px solid rgb(0, 45, 101) !important;
    font-size: 12px;
  }
  .btn-download.disabled, .btn-download[disabled]{
    opacity: 1 !important;
  }
  .btn-download:hover, .btn-download:focus{
    color: #FFF !important;
    background-color: rgb(0, 45, 101) !important;
  }
  .btn-detalhes{
    background-color: #FFFFFF !important;
    border: 1px solid #444444 !important;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    color: #444444;
    text-transform: uppercase;
    padding: 10px 15px;
  }
  .btn-detalhes.disabled, .btn-detalhes[disabled]{
    opacity: 1 !important;
  }
  .btn-detalhes:hover, .btn-detalhes:focus{
    color: #FFF !important;
    background-color: #444444 !important;
  }
  .marginbotaoloja{
    margin-right: 620px;
  }
  /*.sobeedesce-norefresh{
    width: 145px;
    margin: 0 auto;
    border: 1px solid #E5E4E2;
  }*/
  
  .btn-sobedesce{
    background-color: transparent;
  }
  .btn-refresh{
    background: transparent;
  }
/*end botoes-geral*/

/*Badges*/
  .badge{
    font-weight: 600;
    border-radius: 0;
    margin-bottom: 3px;
  }
  .sempromo{
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
  }
  .compromo{
    margin-right: 5px;
    font-size: 16px;
    font-weight: 600;
  }
/*end Badges*/

/*Font style*/
  td, .legenda,.legenda1 ,.legenda2 ,.fcaminho,.caminho{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #404040;
    list-style: none;
  } 
  input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #ccc !important;
  }
  input, textarea,select, option{
    color: #404040;
  }
  input{
    outline:none;
  }
  select:focus, input:focus, label:focus{
    outline:none!important;
    box-shadow: none!important;
  }
  ::-webkit-input-placeholder {
     color: #404040;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #404040;
  }
  ::-moz-placeholder {  /* Firefox 19+ */
     color: #404040;
  }
  :-ms-input-placeholder {  
     color: #404040; 
  }
  a {
    color: #333;
    /*--text-decoration: underline;*/
  }
  a:hover, a:focus{
    cursor: pointer;
    color: #c8a56e;
    outline: none;
    text-decoration: none;
  }
  .osinputs input {
    line-height: normal;
    padding: 2px;
  }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  }
  .titulo-web {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: rgb(0, 45, 101);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 22px;
    padding-bottom: 10px;
    letter-spacing: -1px;
  }
  .mote {
    font-size: 1.5em;
    line-height: 1.5em;
    font-style: italic;
  }
  .box-title{
    text-align: center;
    border-bottom: 4px solid #783D45;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
    display: block;
  }
  .titulo-primario{
    font-weight: 700;
    color: #c8a56e;
    text-transform: uppercase;
    line-height: 28px;
    /*border-bottom: 4px solid rgb(0, 45, 101);
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 2px;*/
  }
  .titulo-secundario{
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28px;
    /*border-bottom: 4px solid rgb(0, 45, 101);
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 2px;*/
  } 
  .subtitulo-primario{
    font-weight: 700;
    color: rgb(0, 45, 101);
    text-transform: uppercase;
    line-height: 22px;
    /*border-bottom: 2px solid rgb(0, 45, 101);
    padding-bottom: 2px;*/
  }
  .subtitulo-secundario{
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px;
    /*border-bottom: 2px solid rgb(0, 45, 101);
    padding-bottom: 2px;*/
  }
  .texto{
  }
  .data, .timestamp{
    font-size: 12px;
    font-weight: 300;
    color: rgb(0, 45, 101);
  }
  .spacer{
    letter-spacing: -.5px;
    line-height: 1.2em;
  }
  .smalltext{
    font-size: 13px;
    word-wrap: break-word;
  }
  .legenda, .legenda1 , .legenda2   {
    font-size: 12px;
    font-style: normal;
  }
  .legenda2 { 
    font-size: 60%;
  }
  .sobconsulta{
    font-size: 12px;
  }
  .text-upper {
    text-transform: uppercase;
  }
  .under{
    width: 25px;
    height: 2px;
    margin: 5px 0;
    background: rgb(0, 45, 101);
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
/*end Font style*/

/*Padding & margin*/
  .no-gutter{padding-right:0 !important;padding-left:0 !important;}

  .margintop100{margin-top: 100px !important;}
  .margintop50{margin-top: 50px !important;}
  .margintop25{margin-top: 25px !important;}
  .margintop10{margin-top: 10px !important;;}
  .nomargintop{margin-top: 0 !important;}

  .marginbottom100{margin-bottom: 100px !important;}
  .marginbottom50{margin-bottom: 50px !important;}
  .marginbottom25{margin-bottom: 25px !important;}
  .marginbottom10{margin-bottom: 10px !important;}
  .nomarginbottom{margin-bottom: 0 !important;}

  .paddingtop15{padding-top: 15px !important;}
  .padding-bottom20{padding-bottom: 20px !important;}

  .nomargin{margin: 0 !important;}
  .nopadding{padding: 0 !important;}
  .nopaddingleft{padding-left: 0;}

  .gap-left{
    margin: 0px 0px 25px 25px;
  }
  .gap-right{
    margin: 0px 25px 25px 0px;
  }
/*end Padding & margin*/

/*Border radius*/
  .borderespecial_inteira{
    border: 3px solid #EFCFAD;
    padding: 10px;
  }
  .bordertopradius{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .borderadius{
    -moz-border-radius:5px;
    border-radius:5px;
  }
/*end Border radius*/

/*Colors*/
  .color-primary{color: #c8a56e !important;} /*laranja escuro*/
  .color-secondary{color: #f4f4f4 !important;} /*cinza escuro*/
  .color-extra{color:#EA875A;} /*salmao*/
  .bolas{color:#DD6935 !important;}
  .gray{color:#7F8C8C !important;} /*cinza claro*/
  .white{color:#FFF !important;}
  .black{color:rgba(0, 0, 0, 0.87) !important;}
  .blue{color:#0098D1 !important;}
/*end Colors*/

/*Fancybox*/
  .fancybox-overlay.fancybox-overlay-fixed {
    z-index: 1055;
  }
  .fancybox-type-iframe .fancybox-nav{
    height: 90% !important;
  }
  .fancybox-title{
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.25px;
  }
  .fancybox-title-inside-wrap {
    padding: 10px;
  }
  .fancybox-prev span {}
  .fancybox-next span{}
  .zoomer:hover .overlay-zoom .zoom-icon{
    opacity:0.5;   
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity = 50);
  }
  .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !important;
  }
  .zoomer:hover .overlay-zoom .zoom-lupa{
    opacity: 1;
  }
  .zoomer:hover .overlay-zoom .zoom-video{
    opacity: 1;
  }
  .overlay-zoom {
    z-index: 90;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    overflow: hidden;
    position: relative;     
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  .overlay-zoom .zoom-icon {
    top: 0;
    left: 0;
    opacity: 0; 
    z-index: 100;
    width: inherit;
    height: inherit;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.47);
    filter: alpha(opacity = 0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    /*border-radius: 5px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);*/
  }
  .overlay-zoom .zoom-lupa{
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s ease-in-out;
    -moz-transition: opacity 0.5s 0s ease-in-out;
    -o-transition: opacity 0.5s 0s ease-in-out;
    -ms-transition: opacity 0.5s 0s ease-in-out;
    transition: opacity 0.5s 0s ease-in-out;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
    width: inherit;
    height: inherit;
    z-index: 9999;
    top: 0;
    left: 0;
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image:url(./imagens/zoom.png);
  }
  .overlay-zoom .zoom-video{
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s ease-in-out;
    -moz-transition: opacity 0.3s 0s ease-in-out;
    -o-transition: opacity 0.3s 0s ease-in-out;
    -ms-transition: opacity 0.3s 0s ease-in-out;
    transition: opacity 0.3s 0s ease-in-out;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
    width: inherit;
    height: inherit;
    z-index: 9999;
    top: 0;
    left: 0;
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image:url(./imagens/zoom-video.png);
  }
/*end fancybox*/

/*Fototeca efeito*/
  .img:hover h2{
    color:#0098D1;
  }
  .zoomin{
      text-decoration: none;
      display: block;
      -webkit-transform: scale(1,1);
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-duration: 250ms;
      -moz-transform: scale(1,1);
      -moz-transition-timing-function: ease-out;
      -moz-transition-duration: 250ms;
  }
  .zoomin:hover{
      -webkit-transform: scale(1.05,1.07);
      -webkit-transition-timing-function: ease-out;
      -webkit-transition-duration: 250ms;
      -moz-transform: scale(1.05,1.07);
      -moz-transition-timing-function: ease-out;
      -moz-transition-duration: 250ms;
      position: relative;
      z-index: 99;
  }
/*end Fototeca*/

/*Fix images*/
  .img-responsive{
    width: 100%;
  }
/*end Fix images*/

/*Fix carousel blur*/
  .owl-carousel .owl-item{
    -webkit-perspective: 1000;
  }
/*end Fix carousel blur*/

/*Bootstrap fix*/
  .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width:auto;
  }
/*end Bootstrap fix*/

/*Scroll-top bottom*/
  .scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 40px;
    padding-top: 2px;
    border-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .scroll-top-wrapper:hover {
    color: #888888;
  }
  .scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
  }
  .scroll-top-wrapper i.fa {
    line-height: inherit;
  }
  .fa-2x {
    font-size: 3em;
  }
/*end scroll-top*/

/*Modal*/
  .close{
    color: rgba(0, 0, 0, 0.87) !important;
    opacity: 1 !important;
  }
  .modal-title{

    color: #6b7a91;
    font-size: 28px;
  }
  .logo-modal{
    width: 100px;
    margin-right: 20px;
    display: inline;
  }
  .login_modal_footer{
    margin-top:5px;
  }
  .form-group{
    position: relative;
  }
  .modal-dialog .form-group .login-field-icon,
  .modal-dialog .form-group .envelope-field-icon {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 1px;
    transition: all 0.25s ease 0s;
    padding-top: 2%;
  }
  .login-modal{
    width:100%;
    padding-bottom: 0px;
  }
  .modal-register-btn{
    margin: 4% 33% 2% 33% ;
    width:100%;
  }
  .login-modal input{
  }
  .modal-body-left{
    float:left;
    width:50%;
    padding-right:4%;
    border-right:4px solid rgba(0, 0, 0, 0.87);
  }
  .modal-body-right{
    float:right;
    width:47%;
  }
  .login-link{
    padding:0;
  }
  .modal-icons{
    margin-left: -10px;
    margin-right: 20px;
  }
  #center-line{
    position: absolute;
    right: 265.7px;
    top: 80px;
    background:#ddd;
    border: 4px solid #DDDDDD;
    border-radius: 20px;
  }
  .modal-login-btn{
    width:100%;
    height:40px;
    margin-bottom:10px;
    color: #FFF;
  }
  .modal-login-btn:hover,.modal-login-btn:focus, .modal-login-btn:active{
  }
  .modal {
    text-align: center;
  }
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .modal-dialog-small{
    width: 430px;
  }
  .login_modal_header, .modal-header {
    background-color: #FFF;
    color: rgb(0, 45, 101);
  }
  .login_modal_footer{
    background-color: #c8a56e;
    color: #FFF;
  }
  .help-block.with-errors {
    font-size: 12px;
  }
  #form_registo .control-label{
    display: none;
  }
/*end Modal*/

/*Random*/
  .svg-defs {
    position: absolute;
    width: 0;
    height: 0;
  }
  .noresize {
	resize: none; 
  }
/*end random*/

/*TABELA LIVROS*/
  td.numeric, th.numeric {
      /*text-align: right;*/
  }
  @media only screen and (max-width: 800px) {  
      /* Force table to not be like tables anymore */
    .no-more-tables table, 
    .no-more-tables thead, 
    .no-more-tables tbody, 
    .no-more-tables th, 
    .no-more-tables td, 
    .no-more-tables tr { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
   
    .no-more-tables tr { border: 1px solid #ccc; }
   
    .no-more-tables td { 
      /* Behave  like a "row" */
      border: none !important;
      border-bottom: 1px solid #eee !important; 
      position: relative !important;
      padding-left: 21% !important; 
      white-space: normal !important;
      text-align:left !important;
    }
   
    .no-more-tables td:before { 
      /* Now like a table header */
      position: absolute !important;
      /* Top/left values mimic padding */
      top: 6px !important;
      left: 6px !important;
      width: 20% !important; 
      padding-right: 10px !important; 
      white-space: nowrap !important;
      text-align:left !important;
      font-weight: bold !important;
    }
    /*
    Label the data
    */
    .no-more-tables td:before {
      content: attr(data-title);
    }
    .no-more-tables  td.change:before {
      content: attr(data-content);
    }
    #livros{
      border: 0px;
      padding: 0;
    }
    .checkbox {
      text-align: left;
    }
  }
/*END TABELA LIVROS*/

/*PRODUTO*/
.produto.zoomer .overlay-zoom {
  position: relative;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.produto.zoomer .overlay-zoom img {
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.produto.zoomer .overlay-zoom img.top {
  opacity: 1;
}
.produto.zoomer .overlay-zoom img.bottom {
  position: absolute;
  top: 0%;
  left: 0%;
  opacity: 0;
}
.produto.zoomer:hover img.top {
  opacity: 0;
}
.produto.zoomer:hover img.bottom{
  opacity: 1;
}

/*end PRODUTO*/

/*MENU LATERAL PRODUTOS*/
    .navbar-brand_produto{
      height: 50px;
      padding: 0;
      float: left;
      height: 50px;
      padding: 15px 15px;
      font-size: 18px;
      line-height: 20px;
    }
    #leftMenu a{
      color: #404040;
    }
    #leftMenu a:hover, #leftMenu a:focus {
      color: rgba(0, 0, 0, 0.87);
    }
    .activo{
      color: rgba(0, 0, 0, 0.87);
    }
    .navbar-menu-prod{
      width: 100%;
    }
    .navbar-menu-prod li{
      width: 100%;
    }
    .dropdown-menu a{
      width: 100%;
    }
    .navbar_product a{
      font-size: 16px;
      line-height: 25px;
    }
    .navbar_product .menu-lateral-familia{
      font-size: 14px;
      font-family: 'Lato', sans-serif;
      font-weight: normal;
      line-height: 16px;
      text-transform: lowercase;
    }
    .fa-tag{
      padding-right: 10px;
    }
    .accordion-group{
      margin-bottom: 5px;
    }
    .accordion-inner ul{
      list-style: none;
      padding-left: 20px;
    }
    
    .produto.zoomer .labels {
    line-height: 1;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
	}
    
    
    .produto.zoomer .labels .onhot.novidade {
    z-index: 98;
    border-top: 30px solid #c8a56e;
    /*border-right: 10px solid transparent;*/
    height: 0; 
    top: 0;
    background: transparent;
    border-radius: unset;
    width: auto;
    padding: 0 5px 0 10px;
}
   .produto.zoomer .labels .onhot {
    background: #62b959;
    left: .8em;
    z-index: 99;
}
   .produto.zoomer .labels .onhot, .produto.zoomer .labels .onsale {
    border-radius: 20px;
    padding: 8px 10px 5px 10px;
}
   .produto.zoomer .labels .onhot, .produto.zoomer .labels .onsale {
    position: absolute;
     z-index: 98;
    /*border: 30px solid darkred;*/
    /*border-right: 10px solid transparent;*/
    height: 0;
    left: 0;
    top: 50px;
    background: transparent;
    border-radius: unset;
    width: auto;
    padding: 0 5px 0 10px;
      
}

.produto.zoomer .labels .label_onhot_txt {
    margin-top: -22px;
    margin-right: 4px;
    /* padding: 0px 2px; */
    font-size: 12px;
}


/*END MENU LATERAL PRODUTOS*/

/*BOX SHADOW*/
  .boxshadow_normal {
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
  }
  /*Two Bottoms*/
    .boxshadowtwobottom{
      position: relative;
    }
    .boxshadowtwobottom:before, .boxshadowtwobottom:after{
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 15px;
      left: 10px;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: #777;
      -webkit-box-shadow: 0 15px 10px #777;
      -moz-box-shadow: 0 15px 10px #777;
      box-shadow: 0 15px 10px #777;
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg);
    }
    .boxshadowtwobottom:after{
      -webkit-transform: rotate(3deg);
      -moz-transform: rotate(3deg);
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg);
      right: 10px;
      left: auto;
    }
    /*#poster01:hover .boxshadowtwobottom:before {
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 150px;
      left: 100px;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: #777;
      -webkit-box-shadow: 0 15px 10px #777;
      -moz-box-shadow: 0 15px 10px #777;
      box-shadow: 0 15px 10px #777;
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg);
    }
    #poster01:hover .boxshadowtwobottom:after{
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 150px;
      left: 100px;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: #777;
      -webkit-box-shadow: 0 15px 10px #777;
      -moz-box-shadow: 0 15px 10px #777;
      box-shadow: 0 15px 10px #777;
      -webkit-transform: rotate(3deg);
      -moz-transform: rotate(3deg);
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg);
      right: 10px;
      left: auto;
    }*/

  /*Left Bottom*/
    .boxshadowleftbottom{
      position: relative;
    }
    .boxshadowleftbottom:before{
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 15px;
      left: 10px;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: #777;
      -webkit-box-shadow: 0 15px 10px #777;
      -moz-box-shadow: 0 15px 10px #777;
      box-shadow: 0 15px 10px #777;
      -webkit-transform: rotate(-3deg);
      -moz-transform: rotate(-3deg);
      -o-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg);
    }
  /*Right Bottom*/
    .boxshadowrightbottom{
      position: relative;
    }
    .boxshadowrightbottom:after{
      z-index: -1;
      position: absolute;
      content: "";
      bottom: 15px;
      right: 10px;
      left: auto;
      width: 50%;
      top: 80%;
      max-width:300px;
      background: #777;
      -webkit-box-shadow: 0 15px 10px #777;
      -moz-box-shadow: 0 15px 10px #777;
      box-shadow: 0 15px 10px #777;
      -webkit-transform: rotate(3deg);
      -moz-transform: rotate(3deg);
      -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
      transform: rotate(3deg);
    }  
/*end BOX SHADOW*/

/*LINK*/
  .link{
    color: #575757;
    background: white;
    font-size: 10px;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*text-transform: uppercase;*/
  }
  .link:hover{
    color: rgb(0, 45, 101);
  }
  .link_all{
    color: #575757;
    font-weight: 600;
    font-size: 10px;
  }
  .link_all:hover{
    color: rgb(0, 45, 101);
  }
  #noticias_more .noti-link:hover .link{
  }
/*end LINK*/

/*ADDRESS*/
  h5.address_subtitle{
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
    color: rgb(0, 45, 101);
    font-weight: 700;
  }
  p.address_text {
    font-size: 0.85em;
    font-weight: 400;
    vertical-align: top;
    line-height: 2em;
  }
  .address_text a{
  }
  .address_text a:hover, .address_text a:focus{
    cursor: pointer;
    text-decoration: underline;
    outline: none;
  }
/*end ADDRESS*/

/*WELCOME PAGE*/
  .welcome_textarea_mote{
    padding: 0 40px 40px;
  } 
  .welcome_subtitle_mote{
    color: #c3c3c3;
    font-size: 2.364em;  
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1.5px;
    line-height: 1em;
  }
  .welcome_text_mote{
    color: #111922;
    font-size: 1.109em;
    font-weight: 300;
    line-height: 1.5em;
  }
  .welcome_text_mote a{
    border-bottom: 2px solid #ff8d00;
  }
  .welcome_icon_mote{
    color: #111922;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.2em;
      text-transform: uppercase;
  }
  .welcome_icon_mote a{
    border-bottom: 2px solid #ff8d00 !important;
  }
  .welcome_text_mote a:hover{
    border-bottom-color: transparent;
  }
  .welcome_textarea{
    padding: 65px;
  } 
  .welcome_subtitle{
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    line-height: 1em;
  }
  .welcome_text p {
    color: #FFF;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.35em;
    /*margin-bottom: 10px;*/
  }
  .welcome_text a{
    border-bottom: 2px solid #ff8d00;
  }
  .welcome_text a:hover{
    border-bottom-color: transparent;
  }
  .txt-btn {
    font-size: 0.727em;
    font-weight: 500;
    color: #111922;
    -webkit-transition: color ease-out 0.4s;
    -ms-transition: color ease-out 0.4s;
    transition: color ease-out 0.4s;
    border-bottom: 2px solid #ff8d00;
  }
  .txt-btn:hover {
    color: #ff8d00 !important;
  }
  .txt-btn > .fas.fa-arrow-right {
    margin-left: 5px;
    font-size: 75%;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .txt-btn:hover > .fas.fa-arrow-right {
    margin-left: 10px;
  }
  .margintop50{
    margin-top: 50px;
  }
  ._banner_ {
    position: relative;
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center center;
    margin-top: 50px;
  }
  ._banner_:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  ._banner_:before {
    background-color: #3f8dbf;
    opacity: .84;
    display: inline-block;
  }
  ._banner_ .inner {
    padding-top: 120px;
    padding-bottom: 120px;
    padding: 40px;
  }
  ._banner_ .inner h1 {
    color: #ffffff;
    font-size: 2.364em;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1.5px;
    line-height: 1em;
  }
  ._banner_ .inner p {
    color: #ffffff;
    font-size: 1.182em;
    font-weight: 300;
    line-height: 1.45em;
  }
  h5.address_subtitle{
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    line-height: 1.5em;
  }
  p.address_text {
    font-size: 0.727em;
    font-weight: 400;
    vertical-align: top;
    line-height: 2em;
  }
  .address_text a{
    border-bottom: 2px solid #ff8d00;
  }
  .address_text a:hover{
    border-bottom-color: transparent;
  }


/*MEDIA QUERIES*/
  @media screen and (max-width: 992px){
    .welcome_textarea_mote {
      padding: 0 40px ;
    }
    .welcome_subtitle{
      font-size: 2em;
    }
    .welcome_text p {
      font-size: 20px;
      line-height: 1.5em;
    }
    .welcome_subtitle_mote{
      font-size: 2em;
    }
    .welcome_text_mote{
      font-size: 1em;
    }
    h5.address_subtitle{
      font-size: 1em;
      line-height: 1.5em;
    }
    p.address_text {
      font-size: 0.85em;
    }
    .rodape {
      font-size: 10px;
      margin: 12px 0;
    }
  }

  @media (min-width: 1px){
    .logo_assecsim {
        height: 10px;
        margin-bottom: 2px;
    }
  }
/*end MEDIA QUERIES*/

/*GERAL*/
  .all_center {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 50%;
    text-align: center;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
/*end GERAL*/
