/*********************************************************************************/
/* GERAL                                                                         */
/*********************************************************************************/

html {
  overflow: inherit;
  height: 100%;
}

body {
  height: 100%;
  overflow: auto;
  color: #222;
  font-size: 12px;
  font-family: Verdana;
  background-color: #fff;
}

.container {
    width: 1880px;
    max-width: 95%;
}

.only-1366 {
  display: none;
}

.no-padding {
  padding: 0px!important;
}

.width-animation {
  width: 180px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.width-animation.input-group-focus {
  /*width: 323px;*/
}

.card {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-radius: 2px;
}

.card .date {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  background: #fff;
  width: 55px;
  height: 55px;
  padding: 5px 0;
  border-radius: 0px;
  border-top-right-radius: 2px;
  color: #d3d3d3;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px -1px #000;
}

.card .date .day {
  font-size: 14px;
}

.card .date .month {
  font-size: 10px;
  text-transform: uppercase;
}

.card .title {
  margin-top: 60px;
  padding: 0px 10px;
  font-size: 17px;
  color: #000;
  font-weight: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  height: 70px;
}

.card .description {
  padding: 0px 15px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  height: 110px;
}

.card .card-footer {
  
}

.card .card-footer .read-more {
  color: #00568b;
  text-decoration: none;
}

.triangle {
    position: absolute;
    margin: auto;
    top: -70px;
    left: 0;
    right: 0;
    width: 137px;
    height: 137px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 4px solid #e74c3c;
    border-bottom: 4px solid #e74c3c;
}

.triangle-down {
  top: 0px;
  width: 100%;
  height: 100%;
  padding-left: 50%;
  padding-top: 24%;
  overflow: hidden;
  position: absolute;
}
.triangle-down:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -1000px;
    margin-top: -500px;
    border-left: 1000px solid transparent;
    border-right: 1000px solid transparent;
    border-top: 600px solid #00cef3;
}

#map {
  height: 100%;
}

.wrapper {
  
}

.pull-right {
  float: right!important;
}

.mobile {
  display: none;
}

.desktop {
  display: block;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 4px;
  background: transparent;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #0d84a3;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #49d6ef;
  cursor: default;
}

.layout_tablet {
  display: none;
}

.layout_smartphone {
  display: none;
}

.layout_desktop {
  display: block;
}

.section.loading {

}

body.loading .loader {
  display: block!important;
}

body.loading .banner {
  display: none;
}

body.loading .main {
  display: none;
}

body.loading .section {
  display: none;
}

body.loading .float-modal {
  display: none;
}

body.loading footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  margin-bottom: 0px;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  display: none;
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 186, 230, 0.2);
  border-right: 1.1em solid rgba(0, 186, 230, 0.2);
  border-bottom: 1.1em solid rgba(0, 186, 230, 0.2);
  border-left: 1.1em solid #00bae6;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    background-size: auto 150%;
    max-width: 100%;
    max-height: 70%;
    width: 960px;
    height: 540px;
    border: 10px solid #0c333b;
    border-radius: 2px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    background-color: #000;
  }

  .section-video .youtube {
    background-size: 100% auto;
    max-width: 100%;
    max-height: 100%;
    border: none; 
    border-radius: none; 
    box-shadow: none; 
    background-color: initial; 
  }

  .youtube .play {
    /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;*/
    background: url("../img/player.png") no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
  }

  .youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .float-modal {

  }

  .txt-highlight {
    color: #007ec8;
    font-size: 24px;
  }

  .section {
    background: transparent;
  }

  .main {
    background: transparent;
  }

  .float-transform-btn {
    position: absolute!important;
    height: 60px;
    width: 60px;
    padding: 0;
    font-size: 0.9375rem;
    overflow: hidden;
    position: relative;
    line-height: normal;
    border-radius: 30px;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
    transition: all 1s ease;
    cursor: pointer;
    z-index: 10;
  }

  .float-transform-btn.top-left {
    top: 20px;
    left: 20px;
  }

  .float-transform-btn.top-right {
    top: 20px;
    right: 20px;
  }

  .float-transform-btn.bottom-left {
    bottom: 20px;
    left: 20px;
  }

  .float-transform-btn .content-box {
    display: none;
  }

  .float-transform-btn .close-btn {
    display: none;
  }

  .float-transform-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-12px, -12px);
    line-height: 1.5626rem;
    width: 25px;
    font-size: 26px;
  }

  .float-transform-btn.active {
    height: 200px;
    width: 300px;
    border-radius: 5px;
  }

  .float-transform-btn.tall.active {
    height: 240px;
  }

  .float-transform-btn.active i {
    display: none;
  }

  .float-transform-btn.active .close-btn {
    display: inline-block;
    padding: 0px 6px;
    margin-left: 8px;
    margin-top: 8px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 50%;
  }

  .float-transform-btn.active .close-btn i {
    display: block;
    position: relative;
    top: initial;
    left: initial;
    transform: none;
    font-size: 14px;
    width: auto;
  }

  .float-transform-btn.active .content-box {
    display: block;
    padding: 5px 20px;
    margin-top: 8px;
    background-color: rgba(255,255,255,0.2);
  }

  .float-transform-btn.active .content-box p {
    margin-bottom: 0px; 
  }

  .float-transform-btn.active .content-box i {
    display: inline-block;
    position: relative;
    top: initial;
    left: initial;
    transform: none;
    font-size: 14px;
    width: auto;
  }

  .table-box {
    display: table;
    height: 100px;
  }

  .table-box .left-col {
    display: table-cell;
    height: 100%;
    vertical-align: middle;    
  }

  .table-box .left-col img {
    width: 80px;
    margin-right: 10px;
  }

  .table-box.big .left-col img {

  }

  .table-box .right-col {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }

  #download_pdf {
    font-size: 18px;
    max-width: 250px;
    cursor: pointer;
    transition: all .5s ease;
  }

  #download_pdf:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }

  .row.full-width {
    margin-right: 0px!important;
    margin-left: 0px!important;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .table-content {
    display: table;
    height: 100%;
  }

  .cell-content {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
  }

  .center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .help-block {   
    width: 100%;
    display: block;
    margin-bottom: 20px;
    color: #ff0000;
  }

  .pull-left-tri {
    float: left;
    shape-outside: polygon(0 0, 20% 0, 70% 100%, 0 100%);
    clip-path: polygon(0 0, 20% 0, 70% 100%, 0 100%);
    width: 45%;
    height: 190px;
  }

  .pull-right-tri {
    float: right;
    shape-outside: polygon(80% 0, 100% 0, 100% 100%, 30% 100%);
    clip-path: polygon(80% 0, 100% 0, 100% 100%, 30% 100%);
    height: 190px;
    width: 45%;
  }

  /* LANGUAGE SELECTION */

  .lang-line {
    width: 56px;
  }

  .languagepicker {
    background-color: rgba(0,0,0,0.1);
    margin: 0 0px 0px 0!important;
    display: inline-block;
    padding: 0;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 8px;
    transition: all .3s ease;
    z-index: 10;
  }

  .languagepicker:hover {
    /* don't forget the 1px border */
    height: 81px;
  }

  .languagepicker li {
      display: block;
      padding: 0px 20px;
      line-height: 40px;
      border-top: 1px solid rgba(0,0,0,0.1);
      transition: all .3s ease;
  }

  .languagepicker a {
    padding: 0px!important;
    display: block!important;
    margin-right: 0px!important;
  }

  .languagepicker a:first-child li {
      border: none;
      background: rgba(0,0,0,0.1) !important;
  }

  .languagepicker li:hover{
    background-color: rgba(0,0,0,0.1);
  }

  .languagepicker a:first-child li {
    border: none;
    background: rgba(0,0,0,0.1) !important;
  }

  .languagepicker li img {

  }

  .roundborders {
    border-radius: 3px;
  }

  .only_mobile {
    display: none;
  }

  @media (max-width: 991px) {
    .languagepicker.only_mobile {
      display: inline-flex;
      right: 10px;
      left: auto;
      top: 8px;
      background-color: rgba(0,0,0,0.2);
    }

    .languagepicker:hover {
      height: 40px!important;
    }
  }

/*********************************************************************************/
/* COMUNICADO                                                                    */
/*********************************************************************************/

  .comunicado-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 1000;
  }

  .blured {
    filter: blur(2px);
    transition: all .5s ease;
  }

  /* This class can be replaced using options */
  .hover-in{
    transition: .3s ease-out;
  }
  .hover-out{
    transition: .3s ease-in;
  }

  .project {
    padding: 15px;
    margin: 0px auto;
    width: 400px; }
  .project-list:after {
    content: " ";
    display: block;
    clear: both; }
  .project__image {
    display: block;
    position: relative; }
    .project__image img {
      width: 100%;
      max-width: 100%;
      height: auto;
      display: block; }
    .project__image:after {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
      transition: opacity .3s ease;
      opacity: 0; }
  .project__card {
    position: relative;
    transition: box-shadow .3s ease;
    width: auto;
    height: auto;
    margin: 0px auto;
    background-color: transparent;
    border-radius: 2px;
    box-shadow: none; }
    .project__card .modal-title {
      text-transform: uppercase;
    }
    .project__card.hover-in {
      transition: -webkit-transform .2s ease-out;
      transition: transform .2s ease-out;
      transition: transform .2s ease-out, -webkit-transform .2s ease-out; }
    .project__card.hover-out {
      transition: -webkit-transform .2s ease-in;
      transition: transform .2s ease-in;
      transition: transform .2s ease-in, -webkit-transform .2s ease-in; }
  .project:hover .project__card {
     }
  .project:hover .project__image:after {
    opacity: 1; }
  .project:hover .project__detail {
     }
  .project:hover .project__title, .project:hover .project__category {
     }
  .project:hover .project__title {
    }
  .project__detail {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: block;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    border: 0 solid #00BCD4;
    transition: border .4s ease; }
  .project__title {
    margin: 0 0 10px;
    transition: .4s ease;
    opacity: 1;
    /*-webkit-transform: translateY(40px) scale(0);
        -ms-transform: translateY(40px) scale(0);
            transform: translateY(40px) scale(0);*/
    will-change: transform; }
    .project__title a {
      color: white; }
  .project__category {
    opacity: 0;
    transition: .4s ease;
    transition-delay: .1s;
    -webkit-transform: translateY(40px) scale(0);
        -ms-transform: translateY(40px) scale(0);
            transform: translateY(40px) scale(0);
    will-change: transform; }
    .project__category a {
      color: rgba(255, 255, 255, 0.8);
      font-size: 1.3em; }


      .hide {
        display: none;
      }

/*********************************************************************************/
/* COLLAPSIBLE                                                                   */
/*********************************************************************************/

  .collapsible {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }

  .collapsible .collection {
    margin: 0;
    border: none;
  }

  .collapsible span.badge {
    margin-left: auto;
  }

  .collapsible {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: 0.5rem 0 1rem 0;
  }

  .collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
  }

  .collapsible-header i {
    margin-right: 10px;
    color: #fff;
  }

  .collapsible-body {
    display: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2rem;
    color: #fff;
  }

  .side-nav .collapsible,
  .side-nav.fixed .collapsible {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .side-nav .collapsible li,
  .side-nav.fixed .collapsible li {
    padding: 0;
  }

  .side-nav .collapsible-header,
  .side-nav.fixed .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
    padding: 0 16px;
  }

  .side-nav .collapsible-header:hover,
  .side-nav.fixed .collapsible-header:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .side-nav .collapsible-header i,
  .side-nav.fixed .collapsible-header i {
    line-height: inherit;
  }

  .side-nav .collapsible-body,
  .side-nav.fixed .collapsible-body {
    border: 0;
    background-color: #fff;
  }

  .side-nav .collapsible-body li a,
  .side-nav.fixed .collapsible-body li a {
    padding: 0 23.5px 0 31px;
  }

  .collapsible.popout {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .collapsible.popout > li {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 0 24px;
    -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .collapsible.popout > li.active {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 16px 0;
  }

  .side-nav .collapsible {
    margin: 0;
  }

  .side-nav .collapsible-body > ul:not(.collapsible) > li.active,
  .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
    background-color: #ee6e73;
  }

  .side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
  .side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
    color: #fff;
  }

  .side-nav .collapsible-body {
    padding: 0;
  }

  .collapsible.popout li {
    list-style: none;
  }

  .collapsible.popout li.active .collapsible-body {
    display: block!important;
  }

/*********************************************************************************/
/* COLORS                                                                        */
/*********************************************************************************/

.bg-blue {
  background-color: #007eca!important;
}

.bg-lightblue {
  background-color: #00b5fb!important;
}

.bg-lightgrey {
  background-color: #e4e6e6!important;
}

.bg-ocean, .ocean {
  background-color: #007eca!important;
}

.bg-grey {
  background-color: #f2f2f2!important;
}

.bg-purple {
  background-color: #845096!important;
}

.bg-lightpurple {
  background-color: #b38bc1!important;
}

.bg-darkpurple {
  background-color: #492d53!important;
}

.bg-orange {
  background-color: #c56c35!important;
}

.bg-lightorange {
  background-color: #d48b5e!important;
}

.bg-darkorange {
  background-color: #8d4d25!important;
}

.bg-teal {
  background-color: #008689!important;
}

.bg-lightteal {
  background-color: #00c9cc!important;
}

.bg-darkteal {
  background-color: #004b4d!important;
}

.bg-green {
  background-color: #63ab64!important;
}

.bg-lightgreen {
  background-color: #9cc99c!important;
}

.bg-darkgreen {
  background-color: #3e743f!important;
}

button.bg-green:hover, a.bg-green:hover {
  background-color: #3e743f!important;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.bg-darkblue {
  background-color: #275a87!important;
}

.txt-darkblue {
  color: #275a87!important;
}

a.bg-darkblue:hover {
  background-color: #17354f;
}

button.bg-darkblue:hover {
  background-color: #17354f;
}

.bg-facebook {
  background-color: #3b5998!important;
}

.bg-facebook:hover, .bg-facebook.active {
  background-color: #2b406e!important;
}

.bg-twitter {
  background-color: #55acee!important;
}

.bg-twitter:hover, .bg-twitter.active {
  background-color: #178de8!important;
}

.bg-linkedin {
  background-color: #0084bf!important;
}

.bg-linkedin:hover, .bg-linkedin.active {
  background-color: #005780!important;
}

.bg-google-plus {
  background-color: #dd4b39!important;
}

.bg-google-plus:hover, .bg-google-plus.active {
  background-color: #ae2e1e!important;
}

.txt-blue {
  color: #007eca!important;
}

.txt-blue:hover {
  color: #275a87;
}

.txt-darkblue {
  color: #275a87;
}

.txt-red {
  color: #FF0000!important;
}

.txt-white {
  color: #fff!important;
}

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
  font-size: 25px;
  color: #000;
  padding: 0px 7px;
}

.pagination.pagination-info {
  display: inline-block;
}

.pagination.pagination-info .page-item {
  position: relative;
  float: left;
}

.pagination .page-item.disabled > .page-link {
    color: #000;
}

.pagination-container {
  display: flex;
  align-items: center;
}

/*********************************************************************************/
/* MENU                                                                          */
/*********************************************************************************/

#menu-navbar {
  box-shadow: none;
  background-color: #0092c0;
}

.menu-mobile {
  display: none;
      background-color: #0092c0;
}

.menu-desktop {
  display: block;

}

#menu-navbar .dropdown-menu {
  background-color: #EAEAEA;
  border-top: 4px solid #00b0f0;
  min-width: 800px;
  padding: 5px 15px 15px 15px;
  margin-top: -7px;
}

#menu-navbar .dropdown-menu.small {
  min-width: 600px;
}

#menu-navbar .dropdown-menu:before {
    top: -9px;
    color: #00b0f0;
    left: 60px;
}

#menu-navbar .dropdown-menu.dropdown-menu-right:before {
  right: 60px;
  left: auto;
}

#menu-navbar .dropdown-menu.dropdown-menu-right.fix:before {
  right: 30px;
  left: auto;
}

#menu-navbar .dropdown-toggle::after {
  display: none;
}

#menu-navbar .dropdown-menu .menu-desktop {
  display: flex;
}

#menu-navbar .dropdown-menu .item-destaque {
  
}

#menu-navbar .dropdown-menu .item-destaque h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #004470;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  display: inline-block;
}

#menu-navbar .dropdown-menu .item-destaque h3 a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  color: #004470!important;
  display: block;
}

#menu-navbar .dropdown-menu .item-destaque .description {
  color: #008AA3;
  margin-bottom: 5px;
}

#menu-navbar .dropdown-menu .item-destaque img {
  width: 100%;
}

#menu-navbar .dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #004470;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 15px;
  display: inline-block;
}

#menu-navbar .dropdown-divider {
  height: 1px;
}

#menu-navbar .dropdown-menu .dropdown-divider {
  background-color: rgba(0,0,0,0.1);
}

#menu-navbar .dropdown-menu .dropdown-item {
  color: #0076B7;
  font-weight: bold;
  text-transform: uppercase;
}

#menu-navbar .dropdown-menu .dropdown-item.subitem {
  padding-left: 50px;
}

#menu-navbar .dropdown-menu .dropdown-divider.subitem {
  width: 90%;
  float: right;
}


/*********************************************************************************/
/* HEADER                                                                        */
/*********************************************************************************/

.main-header {

}

.main-header .body-header .logo {
  width: auto;
  padding: 25px 0px;
}

.main-header .body-header .logo img {

}

.redes-box {
  background: linear-gradient(60deg, #00bae6, #00c8ed);
  padding: 18px 0px;
}

.redes-box a {
  color: #fff;
  border: 3px solid #fff;
  display: inline-block;
  margin-right: 5px;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  text-align: center;
  padding: 8px;
  transition: all .3s ease;
}


.redes-box a.btn-facebook:hover {
  border-color: #0077b5;
  color: #0077b5;
}

/*.redes-box a.btn-facebook:hover {
  border-color: #3b5998;
}*/

.redes-box a.btn-youtube:hover {
  border-color: #0077b5;
  color: #0077b5;
}

/*.redes-box a.btn-youtube:hover {
  border-color: #222;
  color: #222;
}*/

.redes-box a.btn-instagram:hover {
  border-color: #0077b5;
  color: #0077b5;
}

/*.redes-box a.btn-instagram:hover {
  border-color: #cb3699;
}*/

/*.redes-box a.btn-instagram:hover i {
  background: #e6683c;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/

.redes-box a.btn-linkedin:hover {
  border-color: #0077b5;
  color: #0077b5;
}

.redes-box a i {
  font-size: 18px;
}

.body-header {
  background: #fff;
  height: auto;
}

.body-header .ondas {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../img/ondamenu.png);
  background-repeat: no-repeat;
  background-position: 400% -15px;
}

.sub-menu {
  margin-top: 20px;
}

.sub-menu ul {
  margin: 0px;
  padding: 0px;
}

.sub-menu ul li {
  list-style: none;
  display: inline-block;
  border-right: 1px solid #fff;
}

.sub-menu ul li a {
  font-size: 13px;
  color: #fff;
  padding: 0px 10px;
  border: none;
  width: auto;
  height: auto;
}

.sub-menu ul li:last-child {
  border: none;
}

.sub-menu ul li:last-child a {
  padding-right: 0px;
}

.body-header .buscar-box {
  margin-top: 20px;
}

.body-header .login-box {
  margin-top: 70px;
}

.body-header .login-box h3 {
  position: absolute;
  width: 200px;
  margin-top: -23px;
  font-size: 12px;
  color: #FFF;
}

.body-header .login-box a {
  font-size: 10px;
  position: absolute;
  margin-top: 2px;
  z-index: 100000;
}

.body-header .login-box .login-input-content {
  display: inline-flex;
}

.body-header .login-box p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.body-header .login-box input {
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 5px;
  font-family: verdana;
  color: #ffffff;
}

.buscar-box .form-control:focus, .login-box .form-control:focus {
    background-color: rgba(255,255,255,0.2);
    border-color: transparent!important;
}

.body-header .login-box .btn-login {
  background-color: transparent;
  font-weight: bold;
  padding: 5px 10px;
}

.body-header .login-box .btn-login:hover {
  background-color: rgba(255,255,255,0.2);
}

.buscar-box .form-group .form-control, .buscar-box .input-group .form-control {
  padding: 5px 10px;
  border-radius: 2px;
}

.buscar-box .form-group .form-control + .input-group-addon, .buscar-box .input-group .form-control + .input-group-addon {
  padding: 5px 10px 5px 10px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: transparent;
  color: #ffffff;
  font-size: 20px;
  border-left: 0px solid transparent!important;
  cursor: pointer;
  border: none!important;
}

.buscar-box .input-group .form-control:first-child, .buscar-box .input-group-addon:first-child, .buscar-box .input-group-btn:first-child > .dropdown-toggle, .buscar-box .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-right: initial;
    font-family: verdana;
    color: #fff;
    border: none;
    text-align: right;
}

.buscar-box .input-group .form-control:active, .buscar-box .input-group .form-control:focus {
  border: 1px;
}

.buscar-box .form-control:focus + .input-group-addon, .buscar-box .form-control:focus ~ .input-group-addon {
  border: 1px solid transparent;
  /*background-color: rgba(255,255,255,0.2);*/
}

.buscar-box .form-control:focus {
    background-color: transparent;
}

.buscar-link {
  display: none;
}

.color-bar {
  height: 39px;
  background-color:#845096;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#845096, endColorstr=#c56c35);
  background-image:-moz-linear-gradient(left, #845096 0%, #c56c35 22.22%,#008689 33.33%,#00b5fb 44.44%,#92ee93 55.55%,#845096 66.66%,#c56c35 77.77%,#008689 88.88%,#00b5fb 100%);
  background-image:linear-gradient(left, #845096 0%, #c56c35 22.22%,#008689 33.33%,#00b5fb 44.44%,#92ee93 55.55%,#845096 66.66%,#c56c35 77.77%,#008689 88.88%,#00b5fb 100%);
  background-image:-webkit-linear-gradient(left, #845096 0%, #c56c35 22.22%,#008689 33.33%,#00b5fb 44.44%,#92ee93 55.55%,#845096 66.66%,#c56c35 77.77%,#008689 88.88%,#00b5fb 100%);
  background-image:-o-linear-gradient(left, #845096 0%, #c56c35 22.22%,#008689 33.33%,#00b5fb 44.44%,#92ee93 55.55%,#845096 66.66%,#c56c35 77.77%,#008689 88.88%,#00b5fb 100%);
  background-image:-ms-linear-gradient(left, #845096 0%, #c56c35 22.22%,#008689 33.33%,#00b5fb 44.44%,#92ee93 55.55%,#845096 66.66%,#c56c35 77.77%,#008689 88.88%,#00b5fb 100%);
  background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#845096), color-stop(22.22%,#c56c35),color-stop(33.33%,#008689),color-stop(44.44%,#00b5fb),color-stop(55.55%,#92ee93),color-stop(66.66%,#845096),color-stop(77.77%,#c56c35),color-stop(88.88%,#008689),color-stop(100%,#00b5fb));
}

 .empty-result {
    text-align: center!important;
    font-size: 24px!important;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
  }

/*********************************************************************************/
/* BANNER                                                                        */
/*********************************************************************************/

.banner {
  height: auto;
  /*min-height: 475px;*/
  position: relative;
}

.banner video {
  width: 100%;
  vertical-align: bottom;  
}

.banner .media {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
  border-bottom: solid 5px #00b5fb;
  background-size: 100% 100%!important;
}

.banner .media img {
  width: 100%;
}

.banner .container {
  position: relative;
  min-height: 369px;
}

.media {
  height: 100vh;
  /*background: url(https://www.cristalia.com.br/images/home1_1366.jpg) no-repeat;*/
  background-size: cover;
}

#container{
  width: 300px;
  height: 200px;
  /*background: inherit;*/
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 0px;
  margin-left: 50px;
  margin-top: -100px;
  border-radius: 4px;
  /*box-shadow: 0px 0px 15px -7px #000;*/
}
#container:before{
  width: 350px;
  height: 250px;
  /*content: "";*/
  position: absolute;
  top: -25px;
  left: -25px;
  bottom: 0;
  right: 0;
  background: inherit;
  box-shadow: inset 0 0 0 200px rgba(255,255,255,0.2);
  filter: blur(10px);
}

.banner .description p {
  color: #fff;
  font-size: 28px;
  position: relative;
  padding: 0px 10px;
  text-align: center;
}

.banner .description p strong {
  text-transform: uppercase;
  font-weight: bold;
}

.banner .description a {
  text-transform: uppercase;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #fff;
  padding: 8px 10px;
  display: table;
  text-decoration: none;
  color: #fff;
  transition: all .3s ease;
  border-radius: 2px;
}

.banner .description a:hover {
  color: rgba(0,0,0,.2);
  border-color: #fff;
  /*border-color: rgba(0,0,0,0.2);*/
  background-color: #fff;  
}

/*********************************************************************************/
/* PAGINA INTERNA                                                                */
/*********************************************************************************/

.inter-page .banner {
  text-align: center;
  background-color: #f2f2f2;
}

.inter-page .banner img {
  
}

.inter-page #menu-navbar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #0092c0;
}

.inter-page .section-basic p {
  text-align: justify;
}

.breadcrumbs {
  background-color: #1e517e;
  position: relative;
  min-height: 200px;
}

.breadcrumbs .title-arrow {
  background-color: #007eca;
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 15px;
  padding: 50px 25px 20px 25px;
  max-width: 360px;
  height: 215px;
  border-radius: 2px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.breadcrumbs .title-arrow::after {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: 0px;
  left: auto;
  right: -50px;
  color: #007eca;
  border-left: 50px solid;
  border-bottom: 107px solid transparent;
  border-top: 108px solid transparent;
}

.breadcrumbs .title-arrow.long-txt {
  padding: 5px 10px 20px 25px;
}

.breadcrumbs .title-arrow.big-txt {
  padding: 5px 10px 20px 25px;
}

.breadcrumbs .title-arrow h3 {
  color: #fff;
  margin: 0px;
  font-size: 32px;
  font-weight: bold;
}

.breadcrumbs .title-arrow p {
  color: #fff;
  margin: 0px;
  font-size: 27px;
}

.breadcrumbs .title-arrow.long-txt p {
  line-height: 35px;
}

.breadcrumbs .title-arrow.big-txt p {
  line-height: 35px;
  font-size: 24px;
}

.breadcrumbs .title-arrow.big-txt h3 {
  font-size: 32px;
}

.breadcrumbs .description {
  width: 67%;
  color: #fff;
  padding: 30px 0px;
}

.breadcrumbs .description p {
  font-size: 16px;
}

.breadcrumbs .description h3 {
  font-size: 30px;
  margin: 0px;
}

.section-basic {
  padding: 50px 0px 20px;
  color: #696969;
}

.section-basic p {
  font-size: 14px;
}

.section-basic h3.subtitle {
  color: #007ec8;
  font-size: 30px;
}

.section-basic .small-content {
  margin: 0px 50px;
}

.section-basic .small-content h3 {
  margin-bottom: 1rem;
}

.section-historia {
  padding: 50px 0px 0px;
}

.mix-grid {
  color: #fff;
}

.mix-grid .box {
  padding: 15px;
}

.mix-grid img {

}

.mix-grid p {
  
}

.mix-grid .row {
  margin-right: 0px;
  margin-left: 0px;
}

.mix-grid .row .col-md-6 {
  width: 50%;
  padding: 0px;
}

.section-facaparte {
  padding: 50px 0px 0px;
}

.section-facaparte .nav-pills {
  margin-bottom: 30px;
}

.section-facaparte .nav-pills .nav-item .nav-link {
  width: auto;
  cursor: pointer;
  font-size: 20px;
}

.section-facaparte .nav-pills .nav-item i {
  display: inline-block;
  vertical-align: middle;
}

.nav-pills.long {
  margin-bottom: 0px;
  margin-top: 30px;
}

.nav-pills.long .nav-item .nav-link {
  width: auto;
  cursor: pointer;
  font-size: 14px;
  height: auto;
  padding: 11px 23px;
}

.nav-pills.long .nav-item i {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: inherit;
}

.news-title {
  font-size: 20px;
  text-align: left;  
  color: #007eca;
  padding: 15px 0px;
  margin: 0px;
}

.news-title a {
  color: #007eca;
  text-decoration: none;
}

.news-title a i {
  vertical-align: middle;
  margin-right: 5px;
}

.section-newsbody {
  padding: 30px 0px 30px;
}

.section-newsbody .easyhtml5video {
  margin-left: auto;
  margin-right: auto;
}

.section-newsheader {
  background-color: #f2f2f2;
  padding: 0px;
  margin-bottom: 20px;
}

.section-newsheader2 {
  padding: 0px;
}

.section-newsheader2 div {
  display: table;
  height: 100px;
}

.section-newsheader2 span {
  padding: 0px 15px;
  font-size: 14px;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.section-newsheader2 span i {
  vertical-align: middle;
}

.section-newsheader2 h3 {
  box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.8);
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 10px 15px;
}

.section-newsfotter {
  background-color: #f2f2f2;
  padding: 20px 0px 15px;
}

.section-newsfotter h5 i {
  vertical-align: middle;
}

.section-share {
  background-color: #fff;
  padding: 20px 0px 55px;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}

.section-share h5 i {
  vertical-align: middle;
}

.section-share button {
  font-size: 20px;
  margin: 0px 15px;
}

.section-share button i {
  
}

.section-missao {
  padding: 50px 0px 30px;
}

.section-missao .missao-tag {
  margin-bottom: 20px;
  position: relative;
}

.section-missao .missao-tag:after {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: 0px;
  left: auto;
  right: -30px;
  color: rgba(255,255,255,0.2);
  border-left: 30px solid;
  border-bottom: 70px solid transparent;
  border-top: 70px solid transparent;
}

.section-missao .missao-tag.bg-lightblue:after {
  color: #00b5fb;
}

.section-missao .missao-tag.bg-purple:after {
  color: #845096;
}

.section-missao .missao-tag.bg-teal:after {
  color: #008689;
}

.section-missao .missao-tag .missao-tag-title {
  display: table;
  height: 140px;
  background-color: rgba(255,255,255,0.2);
}

.section-missao .missao-tag .missao-tag-title:after {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: 0px;
  left: auto;
  right: -30px;
  color: rgba(255,255,255,0.2);
  border-left: 30px solid;
  border-bottom: 70px solid transparent;
  border-top: 70px solid transparent;
}

.section-missao .missao-tag .missao-tag-title h3 {
  color: #fff;
  margin-bottom: 0px;
  font-size: 36px;
  text-transform: uppercase;
}

.section-missao .missao-tag .missao-tag-title div {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.section-missao .missao-tag .missao-tag-content {
  display: table;
  height: 140px;
}

.section-missao .missao-tag .missao-tag-content .box {
  padding: 10px 20px;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.section-missao .missao-tag .missao-tag-content .box p {
  color: #fff;
  margin-bottom: 0px;
}

.section-missao .missao-tag .missao-tag-content p i {
  
}

.section-unidades {
  padding: 50px 0px 30px;
}

.section-unidades .card {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-unidades .card .header {
  background-color: #007eca;
  border-bottom: 3px solid #1e517e;
  margin-bottom: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-unidades .card .title {
  height: auto;
  margin: 0px;
  padding: 10px 5px;
  font-size: 26px;
  border-radius: 5px;
  color: #fff;
}

.section-unidades .card .card-subtitle {
  margin-bottom: 5px;
  font-size: 16px;
  text-align: center;
  background-color: #f2f2f2;
  color: #007eca;
  padding: 5px 5px;
}

.section-unidades .unidade-detail {
  display: table;
  height: 400px;
  width: 100%;
}

.section-unidades .unidade-detail .box {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.section-unidades .unidade-detail .box h3 {
  color: #fff;
  text-transform: uppercase;
}

.section-unidades .unidade-detail .box p {
  color: #fff;
}

.section-unidades .unidade-detail .box p:last-child {
  margin-bottom: 0px;
}

.section-unidades .right-arrow-box {
  padding: 0px;
}

.section-unidades .bg-ocean {
  padding: 0px;
}

.section-unidades .bg-ocean:after {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: 0px;
  left: 0px;
  right: auto;
  color: rgba(0,0,0,0.2);
  border-left: 70px solid;
  border-bottom: 147px solid transparent;
  border-top: 147px solid transparent;
}

.section-unidades .right-arrow-box:after {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: 0px;
  left: auto;
  right: -30px;
  color: rgba(0,0,0,0.2);
  border-left: 30px solid;
  border-bottom: 70px solid transparent;
  border-top: 70px solid transparent;
}

.section-unidades .right-arrow-box img {
  display: none;
}

.section-unidades .card-body .row {
  margin-left: 0px;
  margin-right: 0px;
}

.map-card {
  margin-bottom: 0px;
}

.section-unidades .map-card .card-body, .map-card .card-body {
  height: 600px;
}

.section-unidades .unidade-img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.section-unidades  .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
  border-top: none!important;
  border-left: none!important;
  border-right: none!important;
  border-radius: 0px!important;
}

.section-unidades .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link {
  font-weight: bold;
}

.section-unidades .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
  border-bottom: 2px solid;
}

.section-unidades .nav-tabs {
  padding-top: 0px;
  padding-bottom: 1px;
}

.section-unidades h3.navs-tabs-main-title {
  margin-bottom: 0px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 15px;
  font-weight: bold;
}

.section-unidades .card-body .tab-pane {
  padding-top: 15px;
  padding-bottom: 15px;
}

.section-unidades .card-body .tab-pane p {
  color: #fff;
  margin-bottom: 0px;
}

.section-coligadas {
  padding: 50px 0px 0px;
}

.section-coligadas .card {
  max-width: 350px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-right: 20px;
}

.section-coligadas .card .header {
  background-color: #007eca;
  border-bottom: 3px solid #1e517e;
  margin-bottom: 15px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-coligadas .card .title {
  height: auto;
  margin: 0px;
  padding: 10px 5px;
  font-size: 26px;
  border-radius: 5px;
  color: #fff;
}

.section-coligadas .card .card-subtitle {
  margin-bottom: 5px;
  font-size: 16px;
  text-align: center;
  background-color: #f2f2f2;
  color: #007eca;
  padding: 5px 5px;
}

.section-coligadas .map-card .card-body {
  height: 600px;
}

.section-coligadas .mix-grid {
  margin-top: 30px;
}

.section-coligadas .mix-grid div {
  position: relative;
}

.section-coligadas .mix-grid h3.subtitle {
  font-size: 26px;
}

.section-coligadas .mix-grid p {
  font-size: 12px;
}

.section-coligadas .mix-grid .box p:last-child {
  margin-bottom: 0px;
}

.section-video .title h2 {
  color: #ffffff;
  margin-top: 20px;
  text-align: center;
}

.inter-page .section-mapa {
  display: block;
}

.inter-page .easyhtml5video {
  background-color: #f2f2f2;
  margin-bottom: 30px;
}

.inter-page .easyhtml5video video {
  vertical-align: bottom;
}

.inter-page .section-videos {
  padding: 50px 0px 30px;
}

.inter-page .section-videos .nav-tabs {
  background-color: #007eca;
}

.inter-page .section-videos .tab-pane {
  padding: 20px 0px
}

.inter-page .section-videos .card {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.inter-page .section-videos .card-subtitle {
  margin-bottom: 5px;
  font-size: 16px;
  text-align: left;
  background-color: #f2f2f2;
  color: #007eca;
  padding: 5px 20px;
}

.inter-page .section-videos .card-subtitle a {
  color: #007eca;
  text-decoration: none;
}

.inter-page .section-videos .card-subtitle i {
  vertical-align: middle;
  margin-right: 5px;
}

.inter-page .section-videos .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
    border: none;
    font-size: 18px;
}

.inter-page .section-videos .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active i {
    font-size: 18px;
    margin-right: 10px;
}

.inter-page .section-releases {
  padding: 50px 0px 30px;
}

.inter-page .section-releases .nav-tabs {
  background-color: #007eca;
}

.inter-page .section-releases .tab-pane {
  padding: 20px 0px
}

.inter-page .section-releases .card {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.inter-page .section-releases .card-subtitle {
  margin-bottom: 5px;
  font-size: 16px;
  text-align: left;
  background-color: #f2f2f2;
  color: #007eca;
  padding: 5px 20px;
}

.inter-page .section-releases .card-subtitle a {
  color: #007eca;
  text-decoration: none;
}

.inter-page .section-releases .card-subtitle i {
  vertical-align: middle;
  margin-right: 5px;
}

.inter-page .section-releases .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  border: none;
  font-size: 18px;
}

.inter-page .section-midia {
  padding: 50px 0px 30px;
}

.inter-page .section-midia .nav-tabs {
  background-color: #007eca;
}

.inter-page .section-midia .tab-pane {
  padding: 20px 0px
}

.inter-page .section-midia .card {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.inter-page .section-midia .card-subtitle {
  margin-bottom: 5px;
  font-size: 16px;
  text-align: left;
  background-color: #f2f2f2;
  color: #007eca;
  padding: 5px 20px;
}

.inter-page .section-midia .card-subtitle a {
  color: #007eca;
  text-decoration: none;
}

.inter-page .section-midia .card-subtitle i {
  vertical-align: middle;
  margin-right: 5px;
}

.inter-page .section-midia .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  border: none;
  font-size: 18px;
}

.news-file-btn {
  font-size: 14px;
}

.news-file-btn i {
  font-size: 18px;
  vertical-align: middle;
}

.section-linhadotempo {
  padding: 50px 0px 30px;
}

.section-linhadotempo .unidade-detail {
  display: table;
  height: 400px;
  width: 100%;
}

.section-linhadotempo .unidade-detail .box {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.section-linhadotempo .unidade-detail .box h3 {
  color: #fff;
  text-transform: uppercase;
}

.section-linhadotempo .unidade-detail .box p {
  color: #fff;
}

.section-linhadotempo .unidade-detail .box p:last-child {
  margin-bottom: 0px;
}

.section-linhadotempo .right-arrow-box {
  padding: 0px;
}

.section-linhadotempo .bg-ocean {
  padding: 0px;
}

.section-linhadotempo .right-arrow-box img {
  
}

.section-linhadotempo .card-body .row {
  margin-left: 0px;
  margin-right: 0px;
}

.section-linhadotempo .timeline:before {
  display: none;
}

.section-premios {
  padding: 50px 0px 30px;
}

.section-premios .timeline:before {
  display: none;
}

.section-projetoseacoes {
  padding: 50px 0px 30px;
}

.section-projetoseacoes .unidade-detail {
  display: table;
  height: 400px;
  width: 100%;
}

.section-projetoseacoes .unidade-detail .box {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 20px 0px;
}

.section-projetoseacoes .unidade-detail .box h3 {
  color: #fff;
  text-transform: uppercase;
}

.section-projetoseacoes .unidade-detail .box p {
  color: #fff;
}

.section-projetoseacoes .unidade-detail .box p:last-child {
  margin-bottom: 0px;
}

.section-projetoseacoes .right-arrow-box {
  padding: 0px;
}

.section-projetoseacoes .bg-ocean {
  padding: 0px;
}

.section-projetoseacoes .bg-ocean:after {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: 0px;
  left: 0px;
  right: auto;
  color: rgba(0,0,0,0.2);
  border-left: 70px solid;
  border-bottom: 147px solid transparent;
  border-top: 147px solid transparent;
}

.section-projetoseacoes .right-arrow-box:after {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: 0px;
  left: auto;
  right: -30px;
  color: rgba(0,0,0,0.2);
  border-left: 30px solid;
  border-bottom: 70px solid transparent;
  border-top: 70px solid transparent;
}

.section-projetoseacoes .right-arrow-box img {
  display: none;
}

.section-projetoseacoes .card-body .row {
  margin-left: 0px;
  margin-right: 0px;
}

.map-card {
  margin-bottom: 0px;
}

.section-projetoseacoes .unidade-img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.inter-page .section-projetoseacoes .easyhtml5video {
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.section-comofazemos {
  padding: 50px 0px 0px;
}

.section-divisaohospitalar .card-body {
  padding: 15px 0px;
}

.section-divisaohospitalar .card-body p {
  color: #fff;
  margin-bottom: 0px;
}

.section-divisaohospitalar .card-body p a {
  text-decoration: underline;
}

.section-divisaohospitalar .card-body .btn {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.section-biodiversidade {

}

.section-biodiversidade .custom-banner {
  margin-bottom: 20px;
}

.section-biodiversidade .custom-banner .image {
  padding: 0px;
}

.section-biodiversidade .custom-banner .image img {
  border-top-left-radius: 150px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 150px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-biodiversidade .custom-banner .conteudo {
  position: relative;
  padding: 0px;
}

.section-biodiversidade .custom-banner .conteudo .box {
  display: table;
  height: 100%;
  margin-right: -50px;
}

.section-biodiversidade .custom-banner .conteudo .box .box-content {
  display: table-cell;
  vertical-align: middle;
}

.section-biodiversidade .custom-banner .conteudo .box .box-content p {
  color: #fff;
  margin-bottom: 0px;
  background-color: #3a7f3b;
  padding: 0px 65px 15px 15px;
  font-size: 18px;
}

.section-biodiversidade .custom-banner .conteudo .box .box-content p:first-child {
  padding-top: 15px;
  border-top-left-radius: 10px;
}

.section-biodiversidade .custom-banner .conteudo .box .box-content p:last-child {
  padding-bottom: 15px;
  border-bottom-left-radius: 10px;
}

.section-produtos {

}

.section-produtos h3.subtitle {
  font-size: 20px;
}

.section-produtos .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.section-produtos .input-group-addon:first-child {
  border-right: 0;
}

.section-produtos .input-group .form-control:first-child, .section-produtos .input-group-addon:first-child, .section-produtos .input-group-btn:first-child>.btn, .section-produtos .input-group-btn:first-child>.btn-group>.btn, .section-produtos .input-group-btn:first-child>.dropdown-toggle, .section-produtos .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .section-produtos .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.section-produtos .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}

.section-produtos .input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.section-produtos .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.section-produtos .input-group .form-control, .section-produtos .input-group-addon, .section-produtos .input-group-btn {
  display: table-cell;
}

.section-produtos .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  outline: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #ccc!important;
}

.section-produtos .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.section-produtos .btn-default {
  color: #007eca;
  background-color: #fff;
  position: relative;
  float: left;
  text-transform: uppercase;
  font-size: 12px;
}

.section-produtos .btn-default:hover, .section-produtos .btn-default.active {
  background-color: rgba(222, 222, 222, 0.3);
}

.section-produtos .btn-default.active {
  background-color: #007eca;
  color: #fff;
}

.section-produtos .btn-group, .btn-group-vertical {
  display: inline-block;
}

.section-produtos .owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  color: #00639A;
}

.section-produtos .owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.section-produtos .owl-carousel .owl-wrapper {
  position: relative;
}

.section-produtos .owl-carousel .owl-item {
  float: left;
}

.section-produtos #lista_med {
  background: #f1f3f5;
  margin-top: 10px;
  padding: 0px;
  border-radius: 4px;
  display: inline-table;
  box-shadow: none;
  height: 300px;
  position: relative;
}

.section-produtos #lista_med.first {
margin-left: -3px;
}

.section-produtos #lista_med p {
padding: 0px 10px;
text-align: left;
}

.section-produtos #titulo_medicamento {
  background: transparent;
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
}

.section-produtos h6.first {
  margin-top: 0px;
}

.section-produtos h6.data {
  color: #fff;
  background-color: #007cc2;
  padding: 10px 10px;
  font-size: 14px;
  font-family: arial;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}

.section-produtos .hide_arrows .unslider-arrow {
  display: none;
}

.section-produtos .unslider-arrow {
  bottom: 8px;
  font-size: 18px;
  color: #fff!important;
  display: block;
  width: 27px;
  height: 27px;
  text-align: center;
  border-radius: 50%;
  transition: all .5s ease;
}

.section-produtos .unslider-arrow:hover {
  background-color: rgba(255,255,255,0.2);
}

.section-produtos .lista_med-content {
  max-height: 205px;
  min-height: 205px;
  overflow: auto;
  padding: 15px 10px 0px 10px;
  -moz-box-shadow: inset 0 -4px 15px -10px #000000;
  -webkit-box-shadow: inset 0 -4px 15px -10px #000000;
  box-shadow: inset 0 -4px 15px -10px #000000;
}

.section-produtos .lista_med-content::-webkit-scrollbar { 
    display: none; 
}

.section-produtos .produtos-box {
  margin-top: 30px;
}

.section-produtos .nav-tabs {
  text-align: center;
  padding-left: 0px!important;
  padding-right: 0px!important;
  height: 72px;
  padding: 0px;
}

.section-produtos .nav-tabs > .nav-item > .nav-link {
  padding: 11px 10px!important;
}

.section-produtos .nav-tabs .nav-item {
  width: 100%;
  text-transform: uppercase;
  display: table;
  height: 100%;
}

.section-produtos .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  border: none;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}

.section-produtos .card {
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
  height: 320px;
}

.section-produtos .card .card-body {
  background-color: #fff;
}

.section-produtodetalhe {

}

.section-produtodetalhe.section-newsheader2 {

}

.section-produtodetalhe.section-newsheader2 .news-title a {
  text-transform: uppercase;
  font-weight: bold;
}

.section-produtodetalhe h3.produto-subtitle {
  font-size: 20px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}

.section-produtodetalhe small.produto-subtitle-description {
  font-size: 14px;
  display: block;
}

.section-produtodetalhe .produto-imagem {
  padding: 15px;
}

.section-produtodetalhe a.download-bula {
  display: block;
  margin-top: 20px;
}

.section-produtodetalhe .isento-prescricao {
  color: #ffcd03;
  margin-top: 30px;
  border-radius: 3px;
  font-size: 20px;
  display: inline-block;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 20px 25px;
}

.section-produtodetalhe .second-box {
  position: relative;
  min-height: 70px;
}

.section-produtodetalhe .second-box .mais-informacoes {
  font-size: 18px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  position: absolute;
  bottom: 10px;
  right: 20px;
}

.inter-page .section-noticiacontato {
  text-align: center;
}

.inter-page .section-noticiacontato .nav-tabs .nav-item {
  margin-left: auto;
  margin-right: auto;
}

.inter-page .section-noticiacontato .card {
  max-width: 800px;
}

.inter-page .section-noticiacontato .card-body {
  padding: 15px 0px;
}

.inter-page .section-noticiacontato .card-body p {
  text-transform: uppercase;
}

.inter-page .section-noticiacontato .card-body p i {
  font-size: 26px;
  vertical-align: middle;
  margin-right: 10px;
}

.inter-page .section-noticiacontato .card-body p a {
  text-transform: none;
}

.inter-page .section-noticiacontato .card-body p:last-child {
  margin-bottom: 0px;
}

.inter-page .section-noticiacontato .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
    border: none;
    font-size: 18px;
    padding: 0px 0px;
    text-transform: uppercase;
}

.section-exportacao .custom-banner {
  margin-bottom: 30px;
  margin-top: 30px;
}

.section-exportacao .custom-banner .image {
  
}

.section-exportacao .custom-banner .image img {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-exportacao .custom-banner .conteudo {
  position: relative;
  padding: 0px;
}

.section-exportacao .custom-banner .conteudo .box {
  display: table;
  height: 100%;
}

.section-exportacao .custom-banner .conteudo .box .box-content {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.section-exportacao .custom-banner .conteudo .box .box-content p {
  color: #696969;
  margin-bottom: 0px;
  background-color: #fff;
  padding: 0px 65px 15px 15px;
  font-size: 14px;
}

.section-exportacao .custom-banner .conteudo .box .box-content p.subtitle {
  color: #007ec8;
  font-size: 30px;
}

.section-exportacao .custom-banner .conteudo .box .box-content p:first-child {
  padding-top: 15px;
  border-top-right-radius: 10px;
}

.section-exportacao .custom-banner .conteudo .box .box-content p:last-child {
  padding-bottom: 15px;
  border-bottom-right-radius: 10px;
}

.section-colagenase-infografico .table-content {
  width: 100%;
}

.section-colagenase-infografico .table-content .cell-content {
  padding: 0px;
}

.section-colagenase-infografico .custom-banner {
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
}

.section-colagenase-infografico .custom-banner .image {
  padding: 0px;
  position: relative;
  z-index: 1;
}

.section-colagenase-infografico .custom-banner .image img.leaf {
  border-top-left-radius: 150px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 150px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-colagenase-infografico .custom-banner .image img.round {
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-colagenase-infografico .custom-banner .image .round-box {
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.section-colagenase-infografico .custom-banner .image .round-box img {
  padding: 35px 50px;
}

.section-colagenase-infografico .custom-banner .conteudo {
  position: relative;
  padding: 0px;
}

.section-colagenase-infografico .custom-banner .conteudo .box {
  display: table;
  height: 100%;
  margin-right: -60px;
}

.section-colagenase-infografico .custom-banner .conteudo .box .box-content {
  display: table-cell;
  vertical-align: middle;
}

.section-colagenase-infografico .custom-banner .conteudo .box .box-content p {
  color: #fff;
  margin-bottom: 0px;
  padding: 0px 65px 15px 15px;
  font-size: 14px;
}

.section-colagenase-infografico .custom-banner .conteudo .box .box-content p:first-child {
  padding-top: 15px;
  border-top-left-radius: 10px;
}

.section-colagenase-infografico .custom-banner .conteudo .box .box-content p:last-child {
  padding-bottom: 15px;
  border-bottom-left-radius: 10px;
}

.section-colagenase-infografico .step-1 {
  margin-bottom: 105px;
}

.section-colagenase-infografico .step-count {
  display: inline-block;
  width: 65px;
  height: 65px;
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -32px;
  color: #fff;
  font-size: 26px;
  padding: 13px 24px;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-family: arial;
  z-index: 1000;
}

.section-colagenase-infografico .step-count:after {
  content: " ";
}

.section-colagenase-infografico .step-1 .step-count {
  top: -32px;
}

.section-colagenase-infografico .step-1 .step-count:after {
  content: " ";
}

.section-colagenase-infografico .custom-banner.step-1 .round-box {
  width: 300px;
  height: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.section-colagenase-infografico .custom-banner.step-1 .round-box img {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.hexagon-box {
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.heptagon-box {
  -webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
  clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.trapezio-box {
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.right-point-box {
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.nonagono-box {
  -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.octagon-box {
  -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  width: 100%;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.section-colagenase-infografico .step-2 {
  margin-bottom: 160px;
}

.section-colagenase-infografico .step-2:after {
  content: " ";
}

.section-colagenase-infografico .step-2 .step-count {
  top: -12px;
}

.section-colagenase-infografico .custom-banner.step-2 .conteudo .box {
  margin-right: 0px;
  margin-left: -60px;
}

.section-colagenase-infografico .custom-banner.step-2 .conteudo .box .box-content p {
  padding-left: 60px;
  padding-right: 15px;
}

.section-colagenase-infografico .custom-banner.step-2 .conteudo .box .box-content p:first-child {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.section-colagenase-infografico .custom-banner.step-2 .conteudo .box .box-content p:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section-colagenase-infografico .step-2 .step-count:before {
  content: " ";
  height: 173px;
  width: 2px;
  border-left: 2px dotted #aaa;
  position: absolute;
  top: -173px;
  left: 50%;
  margin-left: -1px;
  z-index: 0;
}

.section-colagenase-infografico .custom-banner.step-2 .octagon-box {
  width: 300px;
  height: 300px;
  background-size: auto 80%;
  margin-left: auto;
  margin-right: auto;
}

.section-colagenase-infografico .step-3 {
  margin-bottom: 160px;
}

.section-colagenase-infografico .custom-banner.step-3 .conteudo .box {
  margin-right: -90px;
  margin-left: -90px;
}

.section-colagenase-infografico .custom-banner.step-3 .conteudo .box .box-content p {
  padding-left: 95px;
  padding-right: 95px;
}

.section-colagenase-infografico .custom-banner.step-3 .conteudo .box .box-content p:first-child {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding-top: 35px;
}

.section-colagenase-infografico .custom-banner.step-3 .conteudo .box .box-content p:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section-colagenase-infografico .step-3 .step-count:before {
  content: " ";
  height: 186px;
  width: 2px;
  border-left: 2px dotted #aaa;
  position: absolute;
  top: -186px;
  left: 50%;
  margin-left: -1px;
  z-index: 0;
}

.section-colagenase-infografico .step-3 .step-count:after {
  display: none;
  content: " ";
  height: 43px;
  width: 2px;
  border-left: 2px dotted #aaa;
  position: absolute;
  bottom: -43px;
  left: 50%;
  margin-left: -1px;
  z-index: 0;
}

.section-colagenase-infografico .custom-banner.step-4 {
  margin-bottom: 100px;
}

.section-colagenase-infografico .custom-banner.step-4 .conteudo .box {
  margin-right: 100px;
  margin-left: 100px;
  margin-top: -95px;
}

.section-colagenase-infografico .custom-banner.step-4 .conteudo .box .box-content p {
  padding-left: 15px;
  padding-right: 140px;
}

.section-colagenase-infografico .custom-banner.step-4 .conteudo .box .box-content p:first-child {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding-top: 70px;
}

.section-colagenase-infografico .custom-banner.step-4 .conteudo .box .box-content p:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section-colagenase-infografico .step-4 .step-count:before {
  content: " ";
  height: 148px;
  width: 2px;
  border-left: 2px dotted #aaa;
  position: absolute;
  top: -148px;
  left: 50%;
  margin-left: -1px;
  z-index: 0;
}

.section-colagenase-infografico .custom-banner.step-4 .image-2 {
  padding: 0px;
  position: relative;
  z-index: 1;
}

.section-colagenase-infografico .custom-banner.step-4 .conteudo .round-box {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 230px;
  height: 230px;
  right: 0px;
  top: 40%;
  margin-top: -115px;
}

.section-colagenase-infografico .custom-banner.step-4 .conteudo .round-box img {
  padding-left: 10px;
  padding-right: 10px;
}

.section-colagenase-infografico .custom-banner.step-4 .image-2 .nonagono-box {
  position: absolute;
  margin-top: -130px;
}

.section-colagenase-infografico .custom-banner.step-4 .octagon-box {
  width: 300px;
  height: 300px;
  background-size: auto 80%;
  margin-left: auto;
  margin-right: auto;
}

.section-colagenase-infografico .custom-banner.step-4 .step-count {
  top: -12px;
}

.section-embalagens .custom-banner {
  margin-bottom: 20px;
}

.section-embalagens .custom-banner .image {
  padding: 0px;
}

.section-embalagens .custom-banner .image img {
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.section-embalagens .cell-content {
  position: relative;
  padding: 0px;
}

.section-embalagens .cell-content:after {
  content: " ";
  position: absolute;
  width: 200px;
  height: 30px;
  right: -150px;
  top: 50%;
  border-right: 2px dotted #aaa;
  border-bottom: 2px dotted #aaa;
  z-index: -1;
}

.section-embalagens .cell-content:before {
  content: " ";
  position: absolute;
  width: 200px;
  height: 2px;
  right: -350px;
  top: 50%;
  border-bottom: 2px dotted #aaa;
  z-index: -1;
}

.section-embalagens .custom-banner.invert .table-content {
  width: 100%;
}

.section-embalagens .custom-banner.invert .table-content .cell-content img {
  margin-left: auto;
  display: block;
}

.section-embalagens .custom-banner.invert .cell-content:before {
  left: 160px;
}

.section-embalagens .custom-banner.invert .cell-content:after {
  left: -40px;
}

.section-embalagens .custom-banner .conteudo {
  position: relative;
  padding: 0px;
}

.section-embalagens .custom-banner .conteudo .box {
  display: table;
  height: 100%;
  margin-right: 0px;
}

.section-embalagens .custom-banner .conteudo .box .box-content {
  display: table-cell;
  vertical-align: middle;
}

.section-embalagens .custom-banner .conteudo .box .box-content p {
  color: #fff;
  margin-bottom: 0px;
  background-color: #3a7f3b;
  padding: 0px 15px 15px 15px;
  font-size: 18px;
}

.section-embalagens .custom-banner .conteudo .box .box-content p:first-child {
  padding-top: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.section-embalagens .custom-banner .conteudo .box .box-content p:last-child {
  padding-bottom: 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.section-embalagens .custom-banner.step-2 .conteudo .box {
  margin-right: 0px;
  margin-left: -175px;
}

.section-embalagens .custom-banner.step-2 .conteudo .box .box-content p {
  padding-left: 60px;
  padding-right: 15px;
  font-size: initial;
}

.section-embalagens .custom-banner.step-2 .conteudo .box .box-content p:first-child {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.section-embalagens .custom-banner.step-2 .conteudo .box .box-content p:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section-embalagens .step-2 .step-count:before {
  content: " ";
  height: 173px;
  width: 2px;
  border-left: 2px dotted #aaa;
  position: absolute;
  top: -173px;
  left: 50%;
  margin-left: -1px;
  z-index: 0;
}

.section-embalagens .custom-banner.step-2 .octagon-box {
  width: 450px;
  height: 450px;
  background-size: auto 80%;
  margin-left: initial;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.section-embalagens .custom-banner.step-2 .cell-content:before, .section-embalagens .custom-banner.step-2 .cell-content:after {
  display: none;
}

.section-embalagens .custom-banner.step-3 .conteudo .box {
  margin-right: -170px;
  margin-left: 0px;
}

.section-embalagens .custom-banner.step-3 .conteudo .box .box-content p {
  padding-left: 15px;
  padding-right: 160px;
  font-size: initial;
}

.section-embalagens .custom-banner.step-3 .conteudo .box .box-content p:first-child {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.section-embalagens .custom-banner.step-3 .conteudo .box .box-content p:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section-embalagens .step-3 .step-count:before {
  content: " ";
  height: 173px;
  width: 2px;
  border-left: 2px dotted #aaa;
  position: absolute;
  top: -173px;
  left: 50%;
  margin-left: -1px;
  z-index: 0;
}

.section-embalagens .custom-banner.step-3 .octagon-box {
  width: 450px;
  height: 450px;
  background-size: auto 80%;
  margin-left: initial;
  margin-right: auto;
  position: relative;
  z-index: 1;
  -webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 67%);
  clip-path: polygon(70% 0, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 67%);
}

.section-embalagens .custom-banner.step-3 .cell-content:before, .section-embalagens .custom-banner.step-3 .cell-content:after {
  display: none;
}

.section-rastreabilidade .full-width .table-content {
  width: 100%;
}

.section-rastreabilidade .full-width .table-content img {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.section-contato .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
}

.section-contato .form-control:focus {
    border-color: #007eca!important;
}

.section-contato .input-group-focus .input-group-addon {
    border-color: #007eca;
}

.section-contato .card {
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

.section-contato .card .card-body {
  padding-top: 25px;
  padding-bottom: 15px;
}

.section-contato .card-footer {
  border-top: none; 
}

.section-contato input[type="email"]::placeholder, .section-contato input[type="email"]::-moz-placeholder, .section-contato input[type="email"]::-webkit-input-placeholder {
  color: #aaa!important;
}

.section-contato input[type="text"]::placeholder, .section-contato input[type="text"]::-moz-placeholder, .section-contato input[type="text"]::-webkit-input-placeholder {
  color: #aaa!important;
}

.section-contato textarea {
  background-color: #fafafa;
  font-size: inherit;
}

.section-contato textarea.form-control:focus {
  background-color: #fafafa;
}

.section-contato input[type="text"], .section-contato input[type="email"] {
  font-size: initial;
  border-radius: 5px;
  border-left: 1px solid #E3E3E3!important;
  border-right: 1px solid #E3E3E3!important;
}

.section-contato .input-group .input-group-addon i {
  font-size: 24px;
}

.section-contato .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: initial;
  padding-right: 20px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.section-contato .bootstrap-select.btn-group .dropdown-menu li a {
  padding-top: .6rem;
  padding-bottom: .6rem;
  margin-top: 5px;
}

.section-contato .bootstrap-select.btn-group .dropdown-menu li a:hover {
  background-color: rgba(222, 222, 222, 0.3);
}

.section-contato .bootstrap-select.btn-group .dropdown-menu li:selected a {
  background-color: rgba(222, 222, 222, 0.3);
}

.section-contato .btn-default {
  background-color: #007eca;
}

.section-contato .btn-neutral {
  background-color: #007eca;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
}

.section-contato .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active {
    background-color: #007eca;
}

.section-contato .btn-neutral:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.section-patentes .custom-banner {
  margin-bottom: 20px;
}

.section-patentes .custom-banner .image {
  padding: 0px;
}

.section-patentes .custom-banner .image img {
  border-radius: 15px;
  border: 2px solid #007eca;
  width: 80%;
  padding: 10px;
  background-color: #fff;
}

.section-patentes .cell-content {
  position: relative;
  padding: 0px;
}

.section-patentes .cell-content:after {
  content: " ";
  position: absolute;
  width: 500px;
  height: 2px;
  right: -250px;
  top: 50%;
  border-bottom: 2px solid #007eca;
  z-index: -1;
}

.section-patentes .cell-content:before {
  content: " ";
  position: absolute;
  width: 200px;
  height: 2px;
  right: -350px;
  top: 50%;
  border-bottom: 2px dotted #007eca;
  z-index: -1;
  display: none;
}

.section-patentes .conteudo .cell-content:after, .section-patentes .conteudo .cell-content:before {
  display: none;
}

.section-patentes .conteudo .box {
  border: 2px solid #007eca;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  background-color: #fff;
}

.section-patentes .conteudo .box p {

}

.section-patentes .conteudo .box p.subtitle {
  font-size: 28px;
}

.section-esquecisenha {

}

.section-esquecisenha .form-control:focus {
    border-color: #007eca!important;
}

.section-esquecisenha .input-group-focus .input-group-addon {
    border-color: #007eca;
}

.section-esquecisenha .card {
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

.section-esquecisenha .card .card-body {
  padding-top: 25px;
  padding-bottom: 15px;
}

.section-esquecisenha .card-footer {
  border-top: none; 
}

.section-esquecisenha .card-header {
  font-size: 18px;
  color: #fff;
}

.section-esquecisenha input[type="text"], .section-esquecisenha input[type="email"], .section-esquecisenha input[type="password"] {
  font-size: initial;
  border-radius: 5px;
  border-left: 1px solid #E3E3E3!important;
  border-right: 1px solid #E3E3E3!important;
}

.section-esquecisenha .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: initial;
  padding-right: 20px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.section-esquecisenha .bootstrap-select.btn-group .dropdown-menu li a {
  padding-top: .6rem;
  padding-bottom: .6rem;
  margin-top: 5px;
}

.section-esquecisenha .bootstrap-select.btn-group .dropdown-menu li a:hover {
  background-color: rgba(222, 222, 222, 0.3);
}

.section-esquecisenha .bootstrap-select.btn-group .dropdown-menu li:selected a {
  background-color: rgba(222, 222, 222, 0.3);
}

.section-esquecisenha .btn-default {
  background-color: #007eca;
}

.section-esquecisenha .btn-neutral {
  background-color: #007eca;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-esquecisenha .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active {
    background-color: #007eca;
}

.section-esquecisenha .btn-neutral:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

.section-cadastro {
  min-height: 500px;
}

.section-cadastro .form-control:focus {
    border-color: #007eca!important;
}

.section-cadastro .input-group-focus .input-group-addon {
    border-color: #007eca;
}

.section-cadastro .card {
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

.section-cadastro .card .card-body {
  padding-top: 25px;
  padding-bottom: 15px;
}

.section-cadastro .card-footer {
  border-top: none; 
}

.section-cadastro .card-header {
  font-size: 18px;
  color: #fff;
}

.section-cadastro input[type="text"], .section-cadastro input[type="email"], .section-cadastro input[type="password"] {
  font-size: initial;
  border-radius: 5px;
  border-left: 1px solid #E3E3E3!important;
  border-right: 1px solid #E3E3E3!important;
}

.section-cadastro .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-size: initial;
  padding-right: 20px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.section-cadastro .bootstrap-select.btn-group .dropdown-menu li a {
  padding-top: .6rem;
  padding-bottom: .6rem;
  margin-top: 5px;
}

.section-cadastro .bootstrap-select.btn-group .dropdown-menu li a:hover {
  background-color: rgba(222, 222, 222, 0.3);
}

.section-cadastro .bootstrap-select.btn-group .dropdown-menu li:selected a {
  background-color: rgba(222, 222, 222, 0.3);
}

.section-cadastro .btn-default {
  background-color: #007eca;
}

.section-cadastro .btn-neutral {
  background-color: #007eca;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-cadastro .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active {
    background-color: #007eca;
}

.section-cadastro .btn-neutral:hover {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}

/*********************************************************************************/
/* COLORS                                                                        */
/*********************************************************************************/


/*********************************************************************************/
/* NAVBAR                                                                        */
/*********************************************************************************/

.navbar {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 44px;
}

.navbar .navbar-nav .nav-link {
  font-size: 14px;
  color: #FFFFFF!important;
  cursor: pointer;
}

.navbar .navbar-nav .nav-link {
  padding: 10px 24px;
}

/*********************************************************************************/
/* HEADER                                                                        */
/*********************************************************************************/


/*********************************************************************************/
/* SLIDER                                                                        */
/*********************************************************************************/



/*********************************************************************************/
/* SECTION                                                                       */
/*********************************************************************************/

/* NEWS */

.section-news {
  background-color: #e4eaec;
  /*border-top: solid 10px #00b5fb;*/
}

.news-slider ul li {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
}

.section-news .title h2 {
  color: #007cc2;
  margin-top: 20px;
}

.section-news .card {

}

.section-news .card .date {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  background: #00568b;
  width: 55px;
  height: 55px;
  padding: 6.5px 0;
  border-radius: 0px;
  border-top-right-radius: 2px;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
  box-shadow: 0px 0px 5px -1px #FFF;
}

.section-news .card .date .day {
  font-size: 16px;
}

.section-news .card .date .month {
  font-size: 13px;
  text-transform: uppercase;
}

.section-news .card .title {
  margin-top: 60px;
  padding: 0px 15px;
  font-size: 20px;
  color: #0252a8;
  font-weight: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  height: 85px;
}

.section-news .card .description {
  padding: 0px 15px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  height: 150px;
}

.section-news .card .card-footer {
  margin: 0px 15px;
  padding: .75rem 0px;
  background-color: #ffffff; 
  border-top: 1px solid rgba(0,0,0,.125);
}

.section-news .card .card-footer .read-more {
  color: #00568b;
}


/* HIGHLIGHTS */

.section-highlights {
  background: #0d83a1; /* Old browsers */
  background: -moz-linear-gradient(top, #0d83a1 0%, #00abdc 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #0d83a1 0%,#00abdc 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #0d83a1 0%,#00abdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d83a1', endColorstr='#00abdc',GradientType=0 ); /* IE6-9 */
}

.highlights-slider ul li {
  padding-left: 10px;
  padding-right: 10px;
}

.section-highlights .highlight-item {
  padding-left: 5px;
  padding-right: 5px;
}

.section-highlights .title h2 {
  color: #ffffff;
  margin-top: 20px;
}

.section-highlights .card {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.3s linear 0s;
}

.section-highlights .card:hover {
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
}

.section-highlights .card .title {
  margin-top: 20px;
  text-align: center;
}

.section-highlights .card .description {
  text-align: center;
}

.section-highlights .card .date {
  width: 100px;
  height: auto;
  top: 174px;
  left: 20px;
  box-shadow: 0px -4px 9px -6px #000;
  border-radius: 0px;
}

.section-highlights .card .thumbnail-bg {
  height: 197px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f7f7f9;
}

.section-highlights .card .thumbnail-bg img {
  display: table;
  width: auto;
  height: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.section-highlights .card .thumbnail img {
  height: auto;
  max-height: 100%;
  width: 100%;
  vertical-align: bottom;
}

.section-highlights .card .card-footer .read-more {
  color: #36c9a2;
  display: block;
  font-weight: bold;
  text-align: center;
}


/* FEATURES */

.section-features {

}

.section-features .title h2 {
  color: #fff;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

.section-features .sub-title {
  color: #fff;
  font-size: 16px;
}

.section-features .card {
  box-shadow: none;
  border-radius: 0px;
  background-color: transparent;
}

.section-features .card .thumbnail {
  
}

.section-features .card .thumbnail img {
  width: 100%;
}

.section-features .card .title {
  margin-top: 20px;
  padding: 0px;
  -webkit-line-clamp: 1;
  height: 30px;
  font-size: 18px;
}

.section-features .card .description {
  padding: 0px;
  height: auto;
  text-overflow: inherit;
  -webkit-line-clamp: initial;
  overflow: auto;
}

/* COMPLEXO */

.section-complexo {
  padding: 0px;
}

.section-complexo .box {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.section-complexo .title {
  color: #fff;
  font-size: 24px;
  position: relative;
  width: 100%;
  top: 0px;
  left: 0px;
  padding: 5px 0px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 0px;
  background-color: #36845b;
}

.section-complexo .box .item {
  position: absolute;
}

.section-complexo .box .item .presentation {
  display: none;
  position: relative;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 3px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 1s ease;
}

.section-complexo .box .item .presentation .internal-circle {
  transform: scale(0);
  width: 14px;
  height: 14px;
  display: block;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 3px solid #0053A2;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.section-complexo .box .item .presentation:hover .internal-circle {
  transform: scale(1);
}

.section-complexo .box .item.opened {
  z-index: 10;
}

.section-complexo .box .item.opened .presentation {
  transform: scale(0);
}

.section-complexo .box .item.closed {
  position: absolute;
}

.section-complexo .box .item.closed .presentation {
  display: block;
}

.section-complexo .box .item.closed .description {
  display: none;
}

.section-complexo .box .item.closed .img-box {
  width: 20px;
  height: 20px;
  border: 3px solid #8ddef3;
  border-radius: 50%;
  cursor: pointer;
}

.section-complexo .box .item.closed .img-box img {
  transform: scale(0);
}

.section-complexo .box .item.closed .img-box .icon-1 {
  display: none;
}

.section-complexo .box .item.closed .img-box .icon-2 {
  display: none;
}

.section-complexo .box .item.closed .img-box .internal-circle {
  transform: scale(0);
  opacity: 0;
  width: 14px;
  height: 14px;
  display: block;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 3px solid #0053A2;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.section-complexo .box .item.closed .img-box:hover .internal-circle {
  transform: scale(1);
  opacity: 1;
}

.section-complexo .box .item .description {
  color: #0053A2;
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  top: -60px;
  margin: 0px!important;
  width: 140px;
  left: 50%;
  margin-left: -70px!important;
  text-align: center;
  background-color: rgba(255,255,255,0.5);
  border-radius: 5px;
  padding: 5px 0px;
}

.section-complexo .box .item .description:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  bottom: -6px;
  margin-left: -3px;
  left: 50%;
  right: auto;
  color: rgba(255,255,255,0.5);
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.section-complexo .box .item .description.single-line {
  top: -40px;
}

.section-complexo .box .item .img-box {
  position: relative;
  /*cursor: pointer;*/
  transition: all .3s ease;
  width: 100px;
  height: 100px;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.3);
  border: 3px solid #8ddef3;
  border-radius: 50%;
  margin: 0px!important;
}

.section-complexo .box .item .img-box img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: auto 300%;
  background-position: 80% 40%;
}

.section-complexo .box .item .img-box .icon {
  position: absolute;
  border: 2px solid #fff;
  padding: 2px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s ease;
}

.section-complexo .box .item .img-box .icon:hover {
  transform: scale(1.3);
}

.section-complexo .box .item .img-box .icon i {
  color: #0053A2;
  width: 22px;
  height: 22px;
  background-color: #fff;
  padding: 1px 7px;
  border-radius: 50%;
  font-size: 16px;
}

.section-complexo .box .item .img-box .icon-1 {
  position: absolute;
  display: grid;
  top: 15px!important;
  left: -20px!important;
  border: 2px solid #fff;
  padding: 2px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s ease;
}

.section-complexo .box .item .img-box .icon-1:hover {
  transform: scale(1.3);
}

.section-complexo .box .item .img-box .icon-1 i {
  color: #0053A2;
  width: 22px;
  height: 22px;
  background-color: #fff;
  padding: 1px 4.5px!important;
  border-radius: 50%;
  font-size: 16px;
}

.section-complexo .box .item .img-box .icon-2 {
  position: absolute;
  display: grid;
  top: 55%!important;
  left: -20px!important;
  border: 2px solid #fff;
  padding: 2px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s ease;
}

.section-complexo .box .item .img-box .icon-2:hover {
  transform: scale(1.3);
}

.section-complexo .box .item .img-box .icon-2 i {
  color: #0053A2;
  width: 22px;
  height: 22px;
  background-color: #fff;
  padding: 2px 7px!important;
  border-radius: 50%;
  font-size: 16px;
}

/* ITEM 1 */
.section-complexo .box .item.it-1 {
  top: 42%;
  left: 15%;
}

.section-complexo .box .item.it-1 .description {
  margin-left: -30px;
}

.section-complexo .box .item.it-1 .img-box {
  margin-left: 30px;
}

.section-complexo .box .item.it-1 .img-box img {

}

.section-complexo .box .item.it-1 .img-box .icon {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-1 .img-box .icon i {
  
}

.section-complexo .box .item.it-1 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-1 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-1 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-1 .img-box .icon-2 i {
  
}
/* FIM ITEM 1 */

/* ITEM 2 */
.section-complexo .box .item.it-2 {
  top: 33%;
  left: 23%;
}

.section-complexo .box .item.it-2 .img-box {
  
}

.section-complexo .box .item.it-2 .description {
  margin-left: -70px;
}

.section-complexo .box .item.it-2 .img-box img {
  background-size: auto 230%;
  background-position: 43% 18%;
}

.section-complexo .box .item.it-2 .img-box .icon {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-2 .img-box .icon i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-2 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-2 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-2 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-2 .img-box .icon-2 i {
  
}
/* FIM ITEM 2 */

/* ITEM 3 */
.section-complexo .box .item.it-3 {
  top: 25%;
  left: 35%;
}

.section-complexo .box .item.it-3 .img-box {
  
}

.section-complexo .box .item.it-3 .description {
  margin-left: -50px;
  margin-top: -60px;
}

.section-complexo .box .item.it-3 .img-box img {
  background-size: auto 260%;
  background-position: 35% 95%;
}

.section-complexo .box .item.it-3 .img-box .icon {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-3 .img-box .icon i {
  padding: 1px 6px;
}

.section-complexo .box .item.it-3 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-3 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-3 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-3 .img-box .icon-2 i {
  
}
/* FIM ITEM 3 */

/* ITEM 4 */
.section-complexo .box .item.it-4 {
  top: 17%;
  left: 72%;
}

.section-complexo .box .item.it-4 .img-box {
  
}

.section-complexo .box .item.it-4 .description {
  text-align: center;
}

.section-complexo .box .item.it-4 .img-box img {
  background-size: auto 100%;
  background-position: 50% 50%;
}

.section-complexo .box .item.it-4 .img-box .icon {
  
}

.section-complexo .box .item.it-4 .img-box .icon i {
  
}

.section-complexo .box .item.it-4 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-4 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-4 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-4 .img-box .icon-2 i {
  
}
/* FIM ITEM 4 */

/* ITEM 5 */
.section-complexo .box .item.it-5 {
  top: 66%;
  left: 28%;
}

.section-complexo .box .item.it-5 .description {
  margin-left: 0px;
  margin-bottom: 10px;
}

.section-complexo .box .item.it-5 .img-box {
  margin-left: 30px;
}

.section-complexo .box .item.it-5 .img-box img {
  background-size: auto 100%;
  background-position: 50% 50%;
}

.section-complexo .box .item.it-5 .img-box .icon {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-5 .img-box .icon i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-5 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-5 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-5 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-5 .img-box .icon-2 i {
  
}
/* FIM ITEM 5 */

/* ITEM 6 */
.section-complexo .box .item.it-6 {
  top: 50%;
  left: 50%;
}

.section-complexo .box .item.it-6 .description {
  margin-left: 0px;
  text-align: center;
}

.section-complexo .box .item.it-6 .img-box {
  margin-left: 38px;
}

.section-complexo .box .item.it-6 .img-box img {
  background-size: auto 300%;
  background-position: 30% 20%;
}

.section-complexo .box .item.it-6 .img-box .icon {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-6 .img-box .icon i {
  
}

.section-complexo .box .item.it-6 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-6 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-6 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-6 .img-box .icon-2 i {
  
}
/* FIM ITEM 6 */

/* ITEM 7 */
.section-complexo .box .item.it-7 {
  top: 75%;
  left: 64%;
}

.section-complexo .box .item.it-7 .description {
  margin-left: 0px;
  text-align: center;
}

.section-complexo .box .item.it-7 .img-box {
  margin-left: 38px;
  margin-top: 10px;
}

.section-complexo .box .item.it-7 .img-box img {
  background-size: auto 300%;
  background-position: 75% 10%;
}

.section-complexo .box .item.it-7 .img-box .icon {

}

.section-complexo .box .item.it-7 .img-box .icon i {
  
}

.section-complexo .box .item.it-7 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-7 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-7 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-7 .img-box .icon-2 i {
  
}
/* FIM ITEM 7 */

/* ITEM 8 */
.section-complexo .box .item.it-8 {
  top: 83%;
  left: 17%;
}

.section-complexo .box .item.it-8 .description {

}

.section-complexo .box .item.it-8 .img-box img {
  background-size: auto 100%;
  background-position: 88% 50%;
}

.section-complexo .box .item.it-8 .img-box .icon {
  
}

.section-complexo .box .item.it-8 .img-box .icon i {
  
}

.section-complexo .box .item.it-8 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-8 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-8 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-8 .img-box .icon-2 i {
  
}
/* FIM ITEM 8 */

/* ITEM 9 */
.section-complexo .box .item.it-9 {
  top: 56%;
  left: 39%;
}

.section-complexo .box .item.it-9 .description {
  margin-left: 0px;
  text-align: center;
}

.section-complexo .box .item.it-9 .img-box {
  margin-left: 38px;
}

.section-complexo .box .item.it-9 .img-box img {
  background-size: auto 185%;
  background-position: 10% 5%;
}

.section-complexo .box .item.it-9 .img-box .icon {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-9 .img-box .icon i {
  
}

.section-complexo .box .item.it-9 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-9 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-9 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-9 .img-box .icon-2 i {
  
}
/* FIM ITEM 9 */

/* ITEM 10 */
.section-complexo .box .item.it-10 {
  top: 63%;
  left: 44%;
}

.section-complexo .box .item.it-10 .description {
  margin-left: 0px;
  text-align: center;
}

.section-complexo .box .item.it-10 .img-box {
  margin-left: 38px;
}

.section-complexo .box .item.it-10 .img-box img {
  background-size: auto 500%;
  background-position: 60% 55%;
}

.section-complexo .box .item.it-10 .img-box .icon {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-10 .img-box .icon i {
  
}

.section-complexo .box .item.it-10 .img-box .icon-1 {
  top:0px;
  left: -15px;
}

.section-complexo .box .item.it-10 .img-box .icon-1 i {
  padding: 1px 4px;
}

.section-complexo .box .item.it-10 .img-box .icon-2 {
  top: 50%;
  left: -15px;
}

.section-complexo .box .item.it-10 .img-box .icon-2 i {
  
}
/* FIM ITEM 10 */

/* BANNER */

.section-banner {
  padding: 0px;
}

.section-banner img {
  width: 100%;
  position: relative;
}

.section-banner video {
  width: 100%;
  vertical-align: bottom;
  /*background: transparent url('../img/home3_1366.jpg') 50% 50% / cover no-repeat ;*/
}


/* VIDEO */

.section-video {
  background: #46cdf1; /* Old browsers */
  background: -moz-linear-gradient(top, #46cdf1 0%, #5ce1f5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #46cdf1 0%,#5ce1f5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #46cdf1 0%,#5ce1f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46cdf1', endColorstr='#5ce1f5',GradientType=0 ); /* IE6-9 */
}

.section-video .unslider {
  padding: 25px 0px 0px 0px;
}


/* STATISTICS */

.section-statistics {
  padding: 0px;
}

.section-statistics #time-line .title.layout_desktop {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 10000;
  left: 0px;
  top: -10px;
}

.section-statistics #time-line .title.layout_desktop h2 {
  margin-bottom: 0px;
}

.section-statistics #time-line .title.layout_desktop h2 a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  background-color: #00cef3;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  transition: all .5s ease;
}

.section-statistics #time-line .title.layout_desktop h2 a:hover {
  box-shadow: none;
}

.section-statistics .container {
  width: 100%;
  margin: 0px;
  max-width: inherit;
}

.section-statistics .time-line {
  padding: 20px 30px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}

.section-statistics .time-line .top-arrow {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  text-align: center;
  z-index: 10000;
}

.section-statistics .time-line .top-arrow a, .section-statistics .time-line .bottom-arrow a {
  font-size: 28px;
  color: #275a87;
  cursor: pointer;
  display: block;
}

.section-statistics .time-line .bottom-arrow {
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  text-align: center;
  z-index: 10000;
}

.section-statistics .time-line .destaque {
  position: absolute;
  width: auto;
  width: 40%;
  height: auto;
  background-color: #00cef3;
  top: 50%;
  margin-top: -100px;
  left: 20px;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1;
  transition: all 1s ease;
}

.section-statistics .time-line .destaque.show {
  z-index: 1000000;
  opacity: 1;
}

.section-statistics .time-line .destaque.right {
  left: inherit;
  right: 20px;
}

.section-statistics .time-line .destaque img {
  width: 100%;
}

.section-statistics .time-line .base {
  position: absolute;
  height: 100%;
  width: 60px;
  top: 0px;
  left: 50%;
  margin-left: -30px;
}

.section-statistics .time-line .base .base-tower {
  display: block;
  height: 100%;
  width: 100%;
  padding: 20px 0px;
}

.section-statistics .time-line .base .base-tower .content {
  background-color: #0086aa;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: block;
}

.section-statistics .time-line .base .base-tower .content .tower-balls {
  display: block;
  height: 25%;
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.section-statistics .time-line .base .base-tower .content .tower-balls i {
  font-size: 16px;
  color: #00cef3;
  padding: 13px 0px;
  cursor: pointer;
  transition: all .1s ease;
}

.section-statistics .time-line .base .base-tower .content .tower-balls.active i {
  padding: 11px 0px;
  font-size: 20px;
  color: #155161;
}

.section-statistics .time-line .base .tower-lines {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.section-statistics .time-line .base .tower-lines .content {
  display: block;
  height: 100%;
  width: 100%;
  padding: 20px 0px;
}

.section-statistics .time-line .base .tower-lines .ball-1-lines {
  display: block;
  height: 25%;
  padding: 20px;
  text-align: center;
  position: relative;
}

.section-statistics .time-line .base .tower-lines .ball-1-lines .line-1 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2px;
  width: 0%;
  height: 2px;
  background-color: #00cef3;
  z-index: 0;
  display: block;
  transition: all 1.0s ease;
}

.section-statistics .time-line .base .tower-lines .ball-1-lines .line-1.active {
  width: 130%;
}

.section-statistics .time-line .base .tower-lines .ball-1-lines .line-2 {

}


.section-statistics .time-line .base .tower-lines .ball-2-lines {
  display: block;
  height: 25%;
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.section-statistics .time-line .base .tower-lines .ball-2-lines .line-1 {
  position: absolute;
  background-color: #00cef3;
  z-index: 10000;
  display: block;
  width: 2px;
  height: 0px;
  left: 50%;
  margin-left: -1px;
  top: 12px;
  transition: all 0.5s ease;
  /*-webkit-transition-delay: 2.8s;  Safari 
  transition-delay: 2.8s;*/
}

.section-statistics .time-line .base .tower-lines .ball-2-lines .line-1.active {
  height: 25px;
}

.section-statistics .time-line .base .tower-lines .ball-2-lines .line-2 {
  position: absolute;
  left: 50%;
  margin-left: -80px;
  top: 12px;
  width: 0px;
  height: 2px;
  background-color: #00cef3;
  z-index: 10000;
  display: block;
  transition: all 0.5s ease;
  /*-webkit-transition-delay: 1.8s;  Safari 
  transition-delay: 1.8s;*/
}

.section-statistics .time-line .base .tower-lines .ball-2-lines .line-2.active {
  width: 80px;
}


.section-statistics .time-line .base .tower-lines .ball-3-lines {
  display: block;
  height: 25%;
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.section-statistics .time-line .base .tower-lines .ball-3-lines .line-1 {
  position: absolute;
  background-color: #0086aa;
  z-index: 10001;
  display: block;
  width: 2px;
  height: 25px;
  left: 50%;
  margin-left: -1px;
  top: 12px;
  transition: all 0.5s ease;
  /*-webkit-transition-delay: 3.8s;  Safari 
  transition-delay: 3.8s;*/
}

.section-statistics .time-line .base .tower-lines .ball-3-lines .fix {
  position: absolute;
  z-index: 10000;
  background-color: #00cef3;
  display: block;
  width: 2px;
  height: 25px;
  left: 50%;
  margin-left: -1px;
  top: 12px;
}

.section-statistics .time-line .base .tower-lines .ball-3-lines .line-1.active {
  height: 0px;
}

.section-statistics .time-line .base .tower-lines .ball-3-lines .line-2 {
  position: absolute;
  left: 50%;
  top: 12px;
  width: 0px;
  height: 2px;
  background-color: #00cef3;
  z-index: 10000;
  display: block;
  transition: all 0.5s ease;
  /*-webkit-transition-delay: 4.8s;  Safari 
  transition-delay: 4.8s;*/
}

.section-statistics .time-line .base .tower-lines .ball-3-lines .line-2.active {
  width: 80px;
}


.section-statistics .time-line .base .tower-lines .ball-4-lines {
  display: block;
  height: 25%;
  padding: 20px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.section-statistics .time-line .base .tower-lines .ball-4-lines .line-1 {
  position: absolute;
  background-color: #00cef3;
  z-index: 10000;
  display: block;
  width: 2px;
  height: 0px;
  left: 50%;
  margin-left: -1px;
  top: 12px;
  transition: all 0.5s ease;
  /*-webkit-transition-delay: 6.8s;  Safari 
  transition-delay: 6.8s;*/
}

.section-statistics .time-line .base .tower-lines .ball-4-lines .line-1.active {
  height: 25px;
}

.section-statistics .time-line .base .tower-lines .ball-4-lines .line-2 {
  position: absolute;
  left: 50%;
  margin-left: -80px;
  top: 12px;
  width: 0px;
  height: 2px;
  background-color: #00cef3;
  z-index: 10000;
  display: block;
  transition: all 0.5s ease;
  /*-webkit-transition-delay: 5.8s;  Safari 
  transition-delay: 5.8s;*/
}

.section-statistics .time-line .base .tower-lines .ball-4-lines .line-2.active {
  width: 80px;
}


.section-statistics .time-line .time-line-box {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 0px 15px;
  cursor: pointer;
  opacity: 0;
  transition: all 1s ease;
}

.section-statistics .time-line .time-line-box.active {
  opacity: 1;
}

.section-statistics .time-line .time-line-box .title {
  
}

.section-statistics .time-line .time-line-box .title .year {
  color: #00a0c7;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
}

.section-statistics .time-line .time-line-box .title .subtitle {
  color: #00a0c7;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}

.section-statistics .time-line .time-line-box .description {
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
}


.section-statistics .numbers {
  background-color: #00b5dd;
  padding: 30px 30px;
}

.section-statistics .numbers h2.title {
  color: #fff;
  text-transform: uppercase;
  font-size: 26px;
  text-align: center;
}

.section-statistics .progress-bar {
    height: 100%;
}

.section-statistics .progress-container .progress .progress-bar {
  background-color: #0086aa;
  transition: all 2.5s ease;
}

.section-statistics .progress-container .progress {
  height: 30px;
  background: rgba(255, 255, 255, 0.2);
  margin-top: 5px;
  box-shadow: inset 0px 0px 7px -1px rgba(0, 0, 0, .5);
  border-radius: 4px;
}

.section-statistics .progress-container .progress-badge {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.progress-container .progress .progress-value {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}


/* MAPA */

.section-mapa {
  padding: 0px;
  height: 400px;
}

.section-mapa p {
  margin-bottom: 0px;
}

/*********************************************************************************/
/* COMPLEXO DIALOG                                                               */
/*********************************************************************************/

.ball-overlay {
  position: absolute;
  left:50%;
  top: 50%;
  background-color: #00bae6;
  opacity: 0;
  border-radius: 100%;
  transition: all .9s ease;
  z-index: -1;
}

.ball-overlay.active {
  animation-name: stretch;
  animation-duration: .9s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    opacity: 0.1;
    z-index: 10001;
    transform: scale(.1);
    background-color: #00bae6;
    border-radius: 100%;
  }
  50% {
    opacity: 0.4;
    background-color: #00bae6;
  }
  100% {
    opacity: 0.8;
    transform: scale(2);
    background-color: #00bae6;
    display: none;
  }
}

.text-popup {
  opacity: 0;
  z-index: -1;
  transition: all .5s ease;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background: linear-gradient(60deg, #00bae6, #00c8ed);
}

.text-popup .unslider {
  height: 100%;
}

.text-popup .unslider-arrow {
  top: 50%;
  font-size: 28px;
  color: #fff!important;
  opacity: 0.5;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: block;
  padding: 0px 15px;
  transition: all 0.5 ease;
  background-color: rgba(0, 186, 230,0.8);
}

.text-popup .unslider-arrow:hover {
  opacity: 1;
}

.text-popup h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
  padding: 0px 20px;
}

.text-popup .left-box {
  background-color: rgba(255,255,255,0.2);
  height: 100%;
  position: absolute;
  top: 70px;
  left: 0px;
  padding: 0px;
}

.text-popup .right-box {
  height: 100%;
  position: absolute;
  top: 70px;
  padding-top: 10px;
  right: 0px;
  background-color: rgba(0,0,0,0.1);
}

.text-popup p {
  color: #fff;
  font-size: 19px;
}

.text-popup .close-btn {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 24px;
  color: #fff!important;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  padding: 3px 5.5px;
  cursor: pointer;
  z-index: 10;
  transition: all .3s ease;
}

.text-popup .close-btn:hover {
  background-color: rgba(255,255,255,0.2);
}

.text-popup.active {
  opacity: 1;
  z-index: 10001;
}

.video-popup {
  opacity: 0;
  z-index: -1;
  transition: all .5s ease;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background: linear-gradient(60deg, #00bae6, #00c8ed);
}

.image-slider ul li {
  text-align: center;
  background-color: rgba(0,0,0,0.5);
}

.no-arrows .unslider .unslider-arrow {
  display: none;
}

.video-popup .image-slider {
  height: 100%;
}

.video-popup .image-slider ul {
  height: 100%;
}

.video-popup .image-slider li {
  height: 100%;
  width: 100%;
  display: table;
}

.video-popup .unslider {
  height: 100%;
}

.video-popup .unslider-arrow {
  top: 50%;
  font-size: 28px;
  color: #fff!important;
  opacity: 0.5;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: block;
  padding: 0px 15px;
  transition: all 0.5 ease;
  background-color: rgba(0, 186, 230,0.8);
}

.video-popup .unslider-arrow:hover {
  opacity: 1;
}

.video-popup h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
  padding: 0px 20px;
}

.video-popup .left-box {
  background-color: rgba(255,255,255,0.2);
  height: 100%;
  position: absolute;
  top: 70px;
  left: 0px;
  padding: 0px;
}

.video-popup .right-box {
  height: 100%;
  position: absolute;
  top: 70px;
  padding-top: 10px;
  right: 0px;
  background-color: rgba(0,0,0,0.1);
}

.video-popup p {
  color: #fff;
  font-size: 19px;
}

.video-popup .close-btn {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 24px;
  color: #fff!important;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  padding: 3px 5.5px;
  cursor: pointer;
  z-index: 10;
  transition: all .3s ease;
}

.video-popup .close-btn:hover {
  background-color: rgba(255,255,255,0.2);
}

.video-popup.active {
  opacity: 1;
  z-index: 10001;
}

.frame-video-box {
  display: table-cell;
  vertical-align: middle;
}

.frame-video-box iframe {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 70%;
  border: 10px solid rgba(0,0,0,0.5);
  border-radius: 2px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

/*********************************************************************************/
/* VIDEOS                                                                        */
/*********************************************************************************/

.video-main-content {

}

.video-main-content .unslider {
  border: none;
  display: block;
  margin-bottom: 0px;
}

.video_main_slider ul li {
  padding-right: 1px;
  padding-left: 1px;
  position: relative;
}

.video_main_slider .unslider {
  width: 100%;
  padding-top: 0px;
  float: left;
}

.video_main_slider {

}

.video_main_slider .title-video-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #eaeaea;
  text-align: center;
  display: table;
  width: 100%;
}

.video_main_slider h2.main {
  margin: 0px 0px;
  padding: 10px 5px;
  text-align: center;
  background-color: #eaeaea;
  position: relative;
  z-index: 1;
  color: #00537c;            
  height: 68px;
  vertical-align: middle;
  display: table-cell;
}

.video_main_slider .display_video, .display_video {
  height: 500px;
  width: 100%;
  background-color: #fafafa;
  margin-top: 10px;
  margin-bottom: 10px;
}

.video_main_slider .display_video iframe, .display_video iframe {
  width: 100%!important;
  height: 100%!important;
}

.video_main_slider .display_video video {
    
}

.video-options {
  display: table;
  padding: 0px 0px 0px 0px;
  overflow: auto;
  position: absolute;
  left: 0px;
  bottom: 10px;
  z-index: 1;
}

.video-options::-webkit-scrollbar { 
  display: none; 
}

.video-options .item {
  margin-bottom: 5px;
  width: 100%;
  position: relative;
  background-color: transparent;
  padding: 0px 0px 0px 0px;
  text-align: left;
  cursor: pointer;
  float: left;
  opacity: 0.7;
  transition: all .3s ease;
}

.video-options .item button {
  border-top-left-radius: 0px!important;
  border-bottom-left-radius: 0px!important;
  width: 22px;
  padding: 15px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: transparent;
  transition: all 0.5s ease;
}

.video-options .item:hover button, .video-options .item.show button {
  color: #fff;
  overflow: auto;
  text-overflow: initial;
  width: auto;
  padding: 15px 22px;
}

.video-options .item:last-child {
  margin-bottom: 0px;
}

.video-options .item:after {
  content: '';
  display: none;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -20px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid transparent;
  clear: both;
  transition: all .3s ease;
}

.video-options .item.active {
  border-color: #46cdf1;
  opacity: 1;
  border: none;
}

.video-options .item:hover {
  opacity: 1;
}

.video-options .item.active:after {
  border-right: 20px solid #46cdf1;
}

.video-options .item:hover:after {

}

.video-options .item img {
  height: 100px;
  width: 100px;
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
  float: left;
}

.video-options .description {
  display: inline-block;
  width: 140px;
  padding: 10px 10px;
  float: left;
}

.video-options .description span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  font-family: arial;
  color: #555;
}

.video-options .description h6 {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  font-family: arial;
  color: #555;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  max-height: 29px;
  margin-bottom: 0px;
}

.video-options .description p {
  line-height: 14px;
  font-size: 12px;
  font-family: arial;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  height: 56px;
}

.video-list {

}

.video-list .unslider {
  border: none;
  padding-top: 0px;
}

.video-list .item {
  width: 200px;
  display: inline-block;
  background-color: #d3d3d3;
  padding: 5px;
  height: 200px;
  cursor: pointer;
  position: relative;
  border-top: 5px solid #f2f2f2;
  opacity: 0.7;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  transition: all .3s ease;
  margin-left: 5px;
}

.video-list .item .overlay {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 200px;
  background-color: rgba(70, 205, 241, 0.8);
  transform: translate3d(0, 200px, 0);
  transition: all .5s ease;
}

.video-list .item .overlay p {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  padding: 0px 15px;
  color: #fff;
  font-size: 13px;
}

.video-list .item.active .overlay, .video-list .item:hover .overlay {
  transform: translate3d(0, 0px, 0);
  display: table;
}

.video-list .item:after {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -16px;
  z-index: 1;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  clear: both;
  transition: all .3s ease;
}

.video-list .item.active:after {
  border-bottom: 10px solid #46cdf1;
}

.video-list .item:first-child {
  margin-left: 0px;
}

.video-list .item.active {
  border-color: #46cdf1;
  opacity: 1;  
}

.video-list .item:hover {
  opacity: 1;  
}

.video-list .item img {
  max-width: 100%;
  height: 100%;
  vertical-align: middle;
}

.video-list .item.active img, .video-list .item:hover img {
  filter: blur(2px);
}

#section-video-slider {
  background-color: #46cdf1;
  position: relative;
  display: flex;
  margin-bottom: 72px;
}

.video-container {
  background-color: #fff;
  padding: 1px 10px;
  margin: 30px auto;
  max-width: 1200px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px -3px #000;
}

.cover-video-options {

}

.video-list-slider {
  background-color: #f0f0f0;
  margin-bottom: 10px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: inline-block;
  transition: all .3s ease;
  opacity: 1;
  padding-top: 8px;
  margin-top: -8px;
}

/*********************************************************************************/
/* FLOAT MODAL                                                                   */
/*********************************************************************************/

.float-modal {
  position: fixed;
 
  width: 100%;
  left: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: all 0.3s ease;
  background-color: #007dc6;
  z-index: 10000;
}

.float-modal.open {
  position: fixed;
  bottom: 0px;
}

.float-modal .btn-close {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 24px;
  color: #fff!important;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  padding: 3px 5.5px;
  cursor: pointer;
  transition: all .3s ease;
}

.float-modal .btn-close:hover {
  background-color: rgba(255,255,255,0.2);
}

.float-modal h2.title {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.float-modal .float-modal-body {

}

.float-modal .float-modal-body .float-modal-item {

}

.float-modal .float-modal-body .float-modal-item i {
  font-size: 48px;
  float: left;
  color: #fff;
}

.float-modal .float-modal-body .float-modal-item .text {
  float: left;
  margin-left: 20px;
}

.float-modal .float-modal-body .float-modal-item .text h2.title {
  text-align: left;
  font-size: 24px;
  margin-bottom: 5px;
}

.float-modal .float-modal-body .float-modal-item .text p {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0px;
}

.float-modal footer {
  background-color: #00c3ea;
  padding: 12px 0px;
  margin-top: 25px;
}

.float-modal footer p {
  color: #fff;
  margin-bottom: 0px;
}

.float-modal footer a {
  color: #fff!important;
  font-size: 12px!important;
}

footer {
background: linear-gradient(60deg, #00bae6, #00c8ed);
   background-image: linear-gradient(60deg, rgb(0, 186, 230), rgb(0, 200, 237));
  padding: 12px 0px!important;
  margin-bottom: 0px;
}

footer p {
  color: #fff;
  margin-bottom: 0px;
}

footer a {
  color: #fff!important;
  font-size: 12px!important;
}


/*********************************************************************************/
/* WIDGETS                                                                       */
/*********************************************************************************/



/*********************************************************************************/
/* LAODER                                                                        */
/*********************************************************************************/

#loadingMask {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #00bae6;
  z-index: 100000;
  top: 0px;
  left: 0px;
  text-align: center;
  transition: all 1s ease;
}

#loadingMask img {
  width: 400px;
  margin-top: 20px;
}

.cssload-jar {
  position: absolute;
  width: 100px;
  text-align: center;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -37px;
}
.cssload-jar .cssload-mouth {
  width: 20px;
  height: 5px;
  margin: 0 auto -0px;
  border-right: 2px solid rgb(255,255,255);
  border-left: 2px solid rgb(255,255,255);
  border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.cssload-jar .cssload-neck {
  width: 17px;
  height: 23px;
  margin: 0 auto -3px;
  z-index: 7;
  position: relative;
  background-color: transparent;
  border-right: 2px solid rgb(255,255,255);
  border-left: 2px solid rgb(255,255,255);
}
.cssload-jar .cssload-bubble {
  width: 5px;
  height: 5px;
  position: absolute;
  background-color: rgb(0,125,198);
  opacity: 0.4;
  left: 46px;
  z-index: 8;
  top: 55px;
  border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
  animation: cssload-buble 3.5s linear 1.75s infinite;
    -o-animation: cssload-buble 3.5s linear 1.75s infinite;
    -ms-animation: cssload-buble 3.5s linear 1.75s infinite;
    -webkit-animation: cssload-buble 3.5s linear 1.75s infinite;
    -moz-animation: cssload-buble 3.5s linear 1.75s infinite;
}
.cssload-jar .cssload-bubble + .cssload-bubble {
  left: 43px;
  top: 60px;
  width: 7px;
  height: 7px;
  animation-duration: 5.25s;
    -o-animation-duration: 5.25s;
    -ms-animation-duration: 5.25s;
    -webkit-animation-duration: 5.25s;
    -moz-animation-duration: 5.25s;
}
.cssload-jar .cssload-base {
  margin: auto;
  width: 60px;
  height: 50px;
  border: 2px solid rgb(255,255,255);
  border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.cssload-jar .cssload-base .cssload-bubble {
  left: 7px;
  top: 25px;
  animation: cssload-bounce 4.03s linear 0s infinite alternate;
    -o-animation: cssload-bounce 4.03s linear 0s infinite alternate;
    -ms-animation: cssload-bounce 4.03s linear 0s infinite alternate;
    -webkit-animation: cssload-bounce 4.03s linear 0s infinite alternate;
    -moz-animation: cssload-bounce 4.03s linear 0s infinite alternate;
}
.cssload-jar .cssload-base .cssload-bubble + .cssload-bubble {
  left: 37px;
  top: 20px;
  animation-duration: 5.25s;
    -o-animation-duration: 5.25s;
    -ms-animation-duration: 5.25s;
    -webkit-animation-duration: 5.25s;
    -moz-animation-duration: 5.25s;
}
.cssload-jar .cssload-liquid {
  height: 20px;
  background-color: rgb(0,125,198);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.cssload-jar .cssload-wave {
  width: 30px;
  height: 10px;
  position: absolute;
  background-color: rgb(0,125,198);
  left: 0;
  top: 28px;
  animation: cssload-wave 1.75s linear 1.75s infinite alternate;
    -o-animation: cssload-wave 1.75s linear 1.75s infinite alternate;
    -ms-animation: cssload-wave 1.75s linear 1.75s infinite alternate;
    -webkit-animation: cssload-wave 1.75s linear 1.75s infinite alternate;
    -moz-animation: cssload-wave 1.75s linear 1.75s infinite alternate;
  border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.cssload-jar .cssload-wave + .cssload-wave {
  left: auto;
  right: 0;
}







@keyframes cssload-wave {
  from {
    transform: translateX(50px);
  }
  to {
    transform: translateX(-50px);
  }
}

@-o-keyframes cssload-wave {
  from {
    -o-transform: translateX(50px);
  }
  to {
    -o-transform: translateX(-50px);
  }
}

@-ms-keyframes cssload-wave {
  from {
    -ms-transform: translateX(50px);
  }
  to {
    -ms-transform: translateX(-50px);
  }
}

@-webkit-keyframes cssload-wave {
  from {
    -webkit-transform: translateX(50px);
  }
  to {
    -webkit-transform: translateX(-50px);
  }
}

@-moz-keyframes cssload-wave {
  from {
    -moz-transform: translateX(50px);
  }
  to {
    -moz-transform: translateX(-50px);
  }
}

@keyframes cssload-bounce {
  0% {
    transform: translate(2px, 7px);
  }
  50% {
    transform: translate(0, -7px);
  }
  100% {
    transform: translate(-2px, -18px);
    opacity: 1;
  }
}

@-o-keyframes cssload-bounce {
  0% {
    -o-transform: translate(2px, 7px);
  }
  50% {
    -o-transform: translate(0, -7px);
  }
  100% {
    -o-transform: translate(-2px, -18px);
    opacity: 1;
  }
}

@-ms-keyframes cssload-bounce {
  0% {
    -ms-transform: translate(2px, 7px);
  }
  50% {
    -ms-transform: translate(0, -7px);
  }
  100% {
    -ms-transform: translate(-2px, -18px);
    opacity: 1;
  }
}

@-webkit-keyframes cssload-bounce {
  0% {
    -webkit-transform: translate(2px, 7px);
  }
  50% {
    -webkit-transform: translate(0, -7px);
  }
  100% {
    -webkit-transform: translate(-2px, -18px);
    opacity: 1;
  }
}

@-moz-keyframes cssload-bounce {
  0% {
    -moz-transform: translate(2px, 7px);
  }
  50% {
    -moz-transform: translate(0, -7px);
  }
  100% {
    -moz-transform: translate(-2px, -18px);
    opacity: 1;
  }
}

@keyframes cssload-buble {
  0% {
    transform: translate(1px, 5px);
  }
  25% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(-1px, -12px);
  }
  75% {
    transform: translate(0, -25px);
    opacity: 1;
  }
  100% {
    transform: translate(1px, -50px);
    opacity: 0;
  }
}

@-o-keyframes cssload-buble {
  0% {
    -o-transform: translate(1px, 5px);
  }
  25% {
    -o-transform: translate(0, 0px);
  }
  50% {
    -o-transform: translate(-1px, -12px);
  }
  75% {
    -o-transform: translate(0, -25px);
    opacity: 1;
  }
  100% {
    -o-transform: translate(1px, -50px);
    opacity: 0;
  }
}

@-ms-keyframes cssload-buble {
  0% {
    -ms-transform: translate(1px, 5px);
  }
  25% {
    -ms-transform: translate(0, 0px);
  }
  50% {
    -ms-transform: translate(-1px, -12px);
  }
  75% {
    -ms-transform: translate(0, -25px);
    opacity: 1;
  }
  100% {
    -ms-transform: translate(1px, -50px);
    opacity: 0;
  }
}

@-webkit-keyframes cssload-buble {
  0% {
    -webkit-transform: translate(1px, 5px);
  }
  25% {
    -webkit-transform: translate(0, 0px);
  }
  50% {
    -webkit-transform: translate(-1px, -12px);
  }
  75% {
    -webkit-transform: translate(0, -25px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(1px, -50px);
    opacity: 0;
  }
}

@-moz-keyframes cssload-buble {
  0% {
    -moz-transform: translate(1px, 5px);
  }
  25% {
    -moz-transform: translate(0, 0px);
  }
  50% {
    -moz-transform: translate(-1px, -12px);
  }
  75% {
    -moz-transform: translate(0, -25px);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(1px, -50px);
    opacity: 0;
  }
}

.body-header .ondas {
    background-position: 100% -15px;
}

/*********************************************************************************/
/* TIMELINE                                                                      */
/*********************************************************************************/

.section-timeline {
  background: #EEEEEE;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.inter-page .section-timeline .nav-tabs {
  background-color: #275a87;
}

.inter-page .section-timeline .nav-tabs.nav-tabs-neutral > .nav-item > .nav-link.active {
  border: none;
  font-size: 18px;
  padding: 0px 0px;
  text-transform: uppercase;
  
}


/*********************************************************************************/
/* FLOAT MODAL                                                                   */
/*********************************************************************************/

.float-modal {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: all 0.3s ease;
  background-color: #007dc6;
  z-index: 0;
}

.float-modal.open {
  position: fixed;
  bottom: 0px;
}

.float-modal .btn-close {
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 24px;
  color: #fff!important;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  padding: 3px 5.5px;
  cursor: pointer;
  transition: all .3s ease;
}

.float-modal .btn-close:hover {
  background-color: rgba(255,255,255,0.2);
}

.float-modal h2.title {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.float-modal .float-modal-body {

}

.float-modal .float-modal-body .float-modal-item {

}

.float-modal .float-modal-body .float-modal-item i {
  font-size: 48px;
  float: left;
  color: #fff;
}

.float-modal .float-modal-body .float-modal-item .text {
  float: left;
  margin-left: 20px;
}

.float-modal .float-modal-body .float-modal-item .text h2.title {
  text-align: left;
  font-size: 24px;
  margin-bottom: 5px;
}

.float-modal .float-modal-body .float-modal-item .text p {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0px;
}

.float-modal footer {
  background-color: #00c3ea;
  padding: 12px 0px;
  margin-top: 25px;
}

.float-modal footer p {
  color: #fff;
  margin-bottom: 0px;
}

.float-modal footer a {
  color: #fff!important;
  font-size: 12px!important;
}

footer {
  background-color: #4397f1;
  padding: 12px 0px!important;
  margin-bottom: 0px;
}

footer p {
  color: #fff;
  margin-bottom: 0px;
}

footer a {
  color: #fff!important;
  font-size: 12px!important;
}


.timeline .card {
  box-shadow: none;
}

.timeline .card .card-body {
  padding: 10px 0px;
}

.timeline .card .card-footer p {
  color: #fff;
  margin-bottom: 0px;
}

.timeline .card .card-body .container {
  display: inline-block;
}

.timeline .card .card-body img {
  margin-right: 10px;
  max-width: 250px;
}

.timeline .card .card-body p {
  color: #fff;
}

.timeline .timeline-panel {
  background-color: #fff;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #ccc;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #eee;
                border-right: 0 solid #eee;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: #007ec8;
}

.timeline-subtitle {
    margin-top: 10px;
    color: #007ec8;
}

.timeline-subtitle:first-child {
  
}

.timeline-body > img {
  margin-right: 10px;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

/*********************************************************************************/
/* RESPONSIVE                                                                    */
/*********************************************************************************/

@media (max-width: 1850px) {
  .section-unidades .unidade-detail {
    height: 350px;
  }

  .section-projetoseacoes .unidade-detail {
    height: 350px;
  }

  .section-biodiversidade .custom-banner .conteudo .box {
    margin-right: -80px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    padding: 0px 95px 15px 15px;
  }

}

@media (max-width: 1680px) {

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    font-size: 16px;
  }

}

@media (max-width: 1620px) {
  .section-unidades .unidade-detail {
    height: 300px;
  }

  .section-projetoseacoes .unidade-detail {
    height: 300px;
  }

  .section-biodiversidade .custom-banner .conteudo .box {
    margin-right: -80px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    padding: 0px 95px 15px 15px;
  }

}

@media (max-width: 1505px){
  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    font-size: 14px;
  }
}

@media (max-width: 1480px){
  .section-produtos .btn-default {
    padding: 11px 20px;
  }
}

@media (max-width: 1440px){
  .body-header .ondas {
    background-position: 315% -15px;
  }

  .triangle-down {
    padding-top: 22%;
  }
}

@media (max-width: 1400px) {
  .section-unidades .unidade-img {
    background-size: auto 100%;
  }

  .section-projetoseacoes .unidade-img {
    background-size: auto 100%;
  }
}

@media (max-width: 1366px){
  
  .main-header .body-header .logo {
      width: 478px;
  }

  .body-header .ondas {
    background-position: 130% -15px;
  }

  .body-header .login-box {
    margin-top: 45px;
  }

  .container {
    width: 1280px;
  }

  .triangle-down {
    top: 0px;
    width: 100%;
    height: 100%;
    padding-left: 50%;
    padding-top: 29%;
    overflow: hidden;
    position: absolute;
  }

  .only-1920 {
    display: none;
  }

  .only-1366 {
    display: block;
  }

  .banner {
    height: auto;
    /*min-height: 369px;*/
    position: relative;
  }

  .navbar .navbar-nav .nav-link {
    font-size: 12px;
  }

  .redes-box {
    padding: 13px 0px;
  }

  .redes-box a {
    border: 2.3px solid #fff;
    width: 30px;
    height: 30px;
    padding: 4px;
  }

  .redes-box a i {
    font-size: 14px;
  }

  .color-bar {
    height: 26px;    
  }

  .sub-menu {
    margin-top: 5px;
  }

  .languagepicker {
    top: -4px;
  }

/*********************************************************************************/
/* PAGINA INTERNA                                                                */
/*********************************************************************************/

  .breadcrumbs .description {
    width: 65%;
  }

  .section-biodiversidade .custom-banner .conteudo .box {
    margin-right: -110px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    padding: 0px 125px 15px 15px;
  }

  .section-produtos .btn-default {
    padding: 11px 18px;
  }

/*********************************************************************************/
/* COMPLEXO                                                                      */
/*********************************************************************************/

  .section-complexo .box .item.it-1 {
    /*top: 180px;
    left: 80px;*/
  }

  .section-complexo .box .item.it-2 {
    /*top: 100px;
    left: 350px;*/
  }

  .section-complexo .box .item.it-3 {
    /*top: 105px;
    left: 620px;*/
  }

  .section-complexo .box .item.it-4 {
    /*top: 90px;
    left: 970px;*/
  }

  /* ITEM 5 */
  .section-complexo .box .item.it-5 {
    /*top: 350px;
    left: 280px;*/
  }

  /* FIM ITEM 5 */

  /* ITEM 6 */
  .section-complexo .box .item.it-6 {
    /*top: 210px;
    left: 630px;*/
  }

  /* FIM ITEM 6 */

  /* ITEM 7 */
  .section-complexo .box .item.it-7 {
    /*top: 300px;
    left: 950px;*/
  }
  /* FIM ITEM 7 */

  /* ITEM 8 */
  .section-complexo .box .item.it-8 {
    /*top: 480px;
    left: 170px;*/
    /*top: 83%;
    left: 17%;*/
  }

  
  /* FIM ITEM 8 */

  /* ITEM 9 */
  .section-complexo .box .item.it-9 {
    /*top: 250px;
    left: 450px;*/
  }

  
  /* FIM ITEM 9 */

  /* ITEM 10 */
  .section-complexo .box .item.it-10 {
    /*top: 320px;
    left: 570px;*/
  }

  
  /* FIM ITEM 10 */

}

@media (max-width: 1325px){
  .video_main_slider .unslider {
      width: 75.5%;
  }

  .section-biodiversidade .custom-banner .conteudo .box {
    margin-right: -110px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    padding: 0px 125px 15px 15px;
  }
}

@media (max-width: 1300px){
  .video_main_slider .unslider {
      width: 75%;
  }
}

@media (max-width: 1280px){
  .video_main_slider .unslider {
    width: 74%;
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .breadcrumbs .description {
    width: 60%;
  }

  .section-coligadas .mix-grid p {
    font-size: 11px;
  }

  .section-unidades .unidade-detail {
    height: 280px;
  }

  .section-projetoseacoes .unidade-detail {
    height: 280px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    font-size: 12px;
  }

  .section-produtos .btn-default {
    padding: 11px 16px;
  }

}

@media (max-width: 1224px){
  .video_main_slider .unslider {
    width: 73%;
  }

  .section-biodiversidade .custom-banner .conteudo .box {
    margin-right: -100px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    padding: 0px 115px 15px 15px;
  }

}

@media (max-width: 1184px){
  .video_main_slider .unslider {
    width: 72%;
  }

  .section-biodiversidade .custom-banner .conteudo .box {
    margin-right: -110px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    font-size: 11px;
  }

}

@media (max-width: 1145px){
  .video_main_slider .unslider {
    width: 71%;
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .breadcrumbs .description {
    width: 55%;
  }

  .section-unidades .unidade-detail {
    height: 250px;
  }

  .section-projetoseacoes .unidade-detail {
    height: 250px;
  }

  .section-produtos .btn-default {
    padding: 11px 14px;
  }

}

@media (max-width: 1106px){
  .video_main_slider .unslider {
    width: 70%;
  }
}

@media (max-width: 1106px){
  .section-features .card .title {
    font-size: 16px;
  }
}



@media (max-width: 1070px){
  .video_main_slider .unslider {
    width: 69%;
  }

  .section-produtos .btn-default {
    padding: 11px 12px;
  }
}

@media (max-width: 1024px){
  .video_main_slider .unslider {
    width: 67%;
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .breadcrumbs .description {
    width: 53%;
  }

  .section-coligadas .mix-grid p {
    font-size: 10px;
    margin-bottom: 10px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    padding: 0px 115px 5px 15px;
  }

}

@media (max-width: 991px){

  .navbar .dropdown.show .dropdown-menu, .navbar .dropdown .dropdown-menu {
    background-color: transparent!important;
    border: 0!important;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
    margin: 0 1rem;
    margin-top: -18px;
  }

  .navbar .navbar-toggler {
    background-color: rgba(255,255,255,0.4)!important;
    padding: 0px 5px!important;
    height: 35px;
  }

  .layout_tablet {
    display: block;
  }

  .layout_smartphone {
    display: none;
  }

  .layout_desktop {
    display: none;
  }

  .layout_desktop.layout_tablet {
    display: block;
  }

  .inter-page #menu-navbar {
    box-shadow: none;
  }

  .unslider-nav ol li {
    width: 20px;
    height: 20px;
  }

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .nav-open .wrapper {
    -webkit-transform: none; 
    -moz-transform: none);
    -o-transform: none;
    -ms-transform: none;
    transform: none; 
  }

  .nav-open .navbar-translate {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .navbar .navbar-toggler-bar.bar2 {
    width: 22px;
  }

  [class*="navbar-toggleable-"] .navbar-collapse {
    top: 56px;
    background: #0092c0!important;
    opacity: 0.9;
    width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 95vh !important;
  }

  .navbar-collapse {
    left: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  .navbar .navbar-nav .nav-link {
    color: #FFFFFF!important;
  }

  #bodyClick {
    left: 300px;
    right: auto;
  }

  .nav-item.dropdown.show .menu-mobile {
    display: block;
    background-color: transparent;
  }

  .menu-mobile {
    display: none;
  }

  .dropdown-menu .menu-desktop {
    display: none!important;
  }

  .menu-desktop {
    display: none;
  }

  .dropdown-menu {
    min-width: auto;
  }

  .navbar .dropdown .dropdown-menu {
/*    -webkit-transform: translate3d(0, 7px, 0);
    -moz-transform: translate3d(0, 7px, 0);
    -o-transform: translate3d(0, 7px, 0);
    -ms-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;*/
  }

  .nav-item.dropdown .nav-link.dropdown-toggle:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    clear: both;
    transition: all .5s ease;
  }

  .nav-item.dropdown.show .nav-link.dropdown-toggle:before {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
  }

  .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 3px;
  }

  .dropdown-menu .dropdown-item {
    color: #fff!important;
    font-weight: normal!important;
    text-transform: uppercase!important;
    padding-left: 40px;
  }

  .dropdown-menu .dropdown-item.subitem {
    padding-left: 80px;
  }

  .dropdown-divider {
    background: linear-gradient(60deg, #037fb7, #00b5fb);
    height: 1px;
    margin-left: -30px;
    margin-right: -30px;
    display: block;
  }

  .dropdown-divider.subitem {
    float: none!important;
    width: auto!important;
  }

  .dropdown-divider.menu-mobile {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .menu-mobile .dropdown-item:first-child {
    margin-top: 10px;
  }

  /*********************************************************************************/
  /* HEADER                                                                        */
  /*********************************************************************************/

  .body-header .login-box {
    display: none;
  }

  .body-header .buscar-box {
    display: none;
  }

  .buscar-link {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -30px;
  }

  .buscar-link a {
    display: block;
    font-size: 48px;
  }

  .main-header .body-header .logo {
    margin: auto;
  }

  .banner .media {
    display: none;
    background-position: center right!important;
  }

  .banner .media #container {
    display: none;
  }

  .color-bar {
    display: none;
  }

  /*********************************************************************************/
  /* MENU                                                                          */
  /*********************************************************************************/

  #menu-navbar {
    position: absolute;
    left: 0px;
    background-color: transparent!important;
    top: 110px;
  }

  .navbar .navbar-toggler-bar {
    width: 35px;
    height: 3px;
    background: #005e8c!important;
  }

  .navbar .navbar-toggler-bar.bar2 {
    width: 35px;
  }

  .navbar-translate {
    z-index: 100000;  
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .breadcrumbs {
    min-height: 150px;
  }

  .breadcrumbs .title-arrow {
    max-width: inherit;
    height: auto;
    width: calc(100% - 30px);
    padding: 20px 25px 20px 25px;
  }

  .breadcrumbs .title-arrow:after {
    display: none;
  }

  .breadcrumbs .description {
    width: 100%;
    margin-top: 100px;
  }

  .mix-grid .row .col-md-6 {
    width: 100%;
    max-width: inherit;
    flex: initial;
  }
  
  .section-unidades .right-arrow-box img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .section-unidades .unidade-img {
    display: none;
  }

  .section-projetoseacoes .right-arrow-box img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .section-projetoseacoes .unidade-img {
    display: none;
  }

  .section-biodiversidade .custom-banner .conteudo {
    margin-bottom: 20px;
  }

  .section-biodiversidade .custom-banner .conteudo .box {
    margin-right: 0px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p {
    font-size: 14px;
    padding: 0px 15px 15px 15px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p:first-child {
    border-top-right-radius: 10px;
  }

  .section-biodiversidade .custom-banner .conteudo .box .box-content p:last-child {
    border-bottom-right-radius: 10px;
  }

  .section-produtos .btn-default {
    padding: 10px 9px;
    font-size: 11px;
  }

  .section-produtodetalhe .second-box .mais-informacoes {
    position: relative;
    margin-left: 20px;
  }

  /*********************************************************************************/
  /* VIDEOS                                                                        */
  /*********************************************************************************/

  .video_main_slider .unslider {
    width: 100%;
  }

  .video-container {
    margin: 10px 10px;
  }

  .video-options {
    width: auto;
    height: auto;
    float: left;
  }

  .video-options .item {
    height: auto;
    width: auto;
    border: none;
    opacity: 0.5;
    margin-bottom: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #46cdf1;
  }

  .video-options .description h6 {
    color: #fff;
  }

  .video-options .item:after {
    display: none;
  }

  .video-options .item img {
    display: none;
  }

  .video-options .description {
    width: 100%;
  }

  .video-options .description p {
    display: none;
  }

  .video-options .item.active {
    background-color: #46cdf1;
    opacity: 1;
  }

  .video-options .item.active .description h6 {
    color: #fff;
  }

  .cover-video-options {
    display: flex;
  }

  .video-options .item:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0px;
  }

  .video-options .item:first-child {
    border-top-left-radius: 2px;
  }

  /*********************************************************************************/
  /* SECTIONS                                                                      */
  /*********************************************************************************/

  /* NEWS */

  .section-news .title h2 {
    text-align: center;
  }

  /* HIGHLIGHTS */

  .section-highlights .title h2 {
    text-align: center;
  }

  /* COMPLEXO */

  .section-complexo .box {
    width: 100%;
  }

  .section-complexo .box .item {
    display: none;
  }

  /* FEATURES */

  .section-features .title h2 {
    font-size: 22px;
  }

  .triangle-down {
    padding-top: 45%;
  }

  .section-features .mobile .card .title {
    margin-top: 0px;
  }

  /* TIMELINE */

  #time-line-mobile {
    height: 400px;
  }

  #time-box-1_mobile {
    width: 40%;
    position: absolute;
    left: 0px;
    top: 10px;
  }

  #time-box-2_mobile {
    width: 40%;
    position: absolute;
    right: 0px;
    top: 10px;
  }

  #time-box-3_mobile {
    width: 40%;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }

  #time-box-4_mobile {
    width: 40%;
    position: absolute;
    right: 0px;
    top: 50%;
  }

  /* FLOAT MODAL */
  
  .float-modal {
    position: relative;
    bottom: auto;
  }

  .float-modal .btn-close {
    display: none;
  }

  .float-modal .float-modal-body .float-modal-item i {
    font-size: 28px;
  }

  .float-modal .float-modal-body .float-modal-item .text h2.title {
    font-size: 20px;
  }

  .float-modal .float-modal-body .float-modal-item .text p {
    font-size: 12px;
  }

  .float-modal .float-modal-body .float-modal-item .text {
    margin-left: 40px;    
  }

  .float-modal .float-modal-body .float-modal-item .text.fix-margin {
    margin-top: -30px;
  }

  .float-modal .float-modal-body .float-modal-item .text.fix-margin-tablet {
    margin-top: -30px;
  }

  /* FOOTER */

  .footer {
    margin-bottom: 0px;
  }

  .footer ul {
    text-align: center;
  }

  .footer nav {
    float: none!important;
    text-align: center;
  }

}

@media (max-width: 768px){

  .layout_tablet {
    display: block;
  }

  .layout_smartphone {
    display: none;
  }

  .layout_desktop {
    display: none;
  }

  .unslider-nav ol li {
    width: 20px;
    height: 20px;
  }

  /*********************************************************************************/
  /* HEADER                                                                        */
  /*********************************************************************************/

  .body-header .login-box {
    display: none;
  }

  .body-header .buscar-box {
    display: none;
  }

  .buscar-link {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -30px;
  }

  .buscar-link a {
    display: block;
    font-size: 48px;
  }

  .main-header .body-header .logo {
    margin: auto;
  }

  .banner .media {
    display: none;
    background-position: center right!important;
  }

  .banner .media #container {
    display: none;
  }

  .color-bar {
    display: none;
  }

  /*********************************************************************************/
  /* MENU                                                                          */
  /*********************************************************************************/

  #menu-navbar {
    position: absolute;
    left: 0px;
    background-color: transparent!important;
    top: 200px;
  }

  .navbar .navbar-toggler-bar {
    width: 35px;
    height: 3px;
    background: #005e8c!important;
  }

  .navbar .navbar-toggler-bar.bar2 {
    width: 35px;
  }

  .navbar-translate {
    z-index: 100000;  
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .section-basic h3.subtitle {
    font-size: 26px;
    margin-bottom: 1rem;
  }

  .section-basic .small-content h3 {
    font-size: 20px;
  }

  .section-share button {
    font-size: 14px;
  }

  #conteudo_timeline img {
    max-width: 300px!important;
  }

  .slider-conteudo span.descricao {
    font-size: 11px!important;
    line-height: 12px!important;
  }

  /*********************************************************************************/
  /* VIDEOS                                                                        */
  /*********************************************************************************/

  .video_main_slider .unslider {
    width: 100%;
  }

  .video-container {
    margin: 10px 10px;
  }

  .video-options {
    width: auto;
    height: auto;
    float: left;
  }

  .video-options .item {
    height: auto;
    width: auto;
    border: none;
    opacity: 0.5;
    margin-bottom: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #46cdf1;
  }

  .video-options .description h6 {
    color: #fff;
  }

  .video-options .item:after {
    display: none;
  }

  .video-options .item img {
    display: none;
  }

  .video-options .description {
    width: 100%;
  }

  .video-options .description p {
    display: none;
  }

  .video-options .item.active {
    background-color: #46cdf1;
    opacity: 1;
  }

  .video-options .item.active .description h6 {
    color: #fff;
  }

  .cover-video-options {
    display: flex;
  }

  .video-options .item:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0px;
  }

  .video-options .item:first-child {
    border-top-left-radius: 2px;
  }

  /*********************************************************************************/
  /* SECTIONS                                                                      */
  /*********************************************************************************/

  /* NEWS */

  .section-news .title h2 {
    text-align: center;
  }

  /* HIGHLIGHTS */

  .section-highlights .title h2 {
    text-align: center;
  }

  /* COMPLEXO */

  .section-complexo .box {
    width: 100%;
  }

  .section-complexo .box .item {
    display: none;
  }

  /* FEATURES */

  .section-features .title h2 {
    font-size: 22px;
  }

  .triangle-down {
    padding-top: 45%;
  }

  .section-features .mobile .card .title {
    margin-top: 0px;
  }

  /* TIMELINE */

  #time-line-mobile {
    height: 400px;
  }

  #time-box-1_mobile {
    width: 40%;
    position: absolute;
    left: 0px;
    top: 10px;
  }

  #time-box-2_mobile {
    width: 40%;
    position: absolute;
    right: 0px;
    top: 10px;
  }

  #time-box-3_mobile {
    width: 40%;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }

  #time-box-4_mobile {
    width: 40%;
    position: absolute;
    right: 0px;
    top: 50%;
  }

  /* FLOAT MODAL */
  
  .float-modal {
    position: relative;
    bottom: auto;
  }

  .float-modal .btn-close {
    display: none;
  }

  .float-modal .float-modal-body .float-modal-item i {
    font-size: 28px;
  }

  .float-modal .float-modal-body .float-modal-item .text h2.title {
    font-size: 20px;
  }

  .float-modal .float-modal-body .float-modal-item .text p {
    font-size: 12px;
  }

  .float-modal .float-modal-body .float-modal-item .text {
    margin-left: 40px;    
  }

  .float-modal .float-modal-body .float-modal-item .text.fix-margin {
    margin-top: -30px;
  }

  .float-modal .float-modal-body .float-modal-item .text.fix-margin-tablet {
    margin-top: -30px;
  }

  /* FOOTER */

  .footer {
    margin-bottom: 0px;
  }

  .footer ul {
    text-align: center;
  }

  .footer nav {
    float: none!important;
    text-align: center;
  }

}

@media (max-width: 568px){

  .layout_tablet {
    display: none;
  }

  .layout_smartphone {
    display: block;
  }

  .layout_desktop {
    display: none;
  }

  .layout_desktop.layout_tablet {
    display: none;
  }

  .float-modal .float-modal-body {
    padding: 30px 0px 0px;
  }

  /*********************************************************************************/
  /* HEADER                                                                        */
  /*********************************************************************************/

  .redes-box {
    display: none;
  }

  .main-header .body-header .logo {
    width: 100%;
  }

  .buscar-link {
    top: 220px;
    z-index: 1;
  }

  .buscar-link a {
    font-size: 30px;
  }

  #menu-navbar {
    z-index: 1;
    top: 135px;
  }

  .banner .media {
    display: none;
    background-position: center center!important;
  }
  
  .color-bar {
    display: none;
  }

  [class*="navbar-toggleable-"] .navbar-collapse {
    top: 185px;
    height: 83vh !important;
  }

  .navbar .navbar-toggler-bar {
    width: 25px;
  }

  .navbar .navbar-toggler-bar.bar2 {
    width: 25px;
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .breadcrumbs .title-arrow h3 {
    font-size: 30px;
  }

  .breadcrumbs .title-arrow p {
    font-size: 20px;
  }

  .breadcrumbs .title-arrow.long-txt p {
    line-height: initial;
  }

  .breadcrumbs .title-arrow.big-txt p {
    line-height: initial;
  }

  .breadcrumbs .description {
    margin-top: 80px;
  }

  .breadcrumbs .description h3 {
    font-size: 24px;
  }

  .inter-page .banner {
    display: none;
  }

  .breadcrumbs {
    min-height: initial;
  }

  .breadcrumbs .title-arrow {
    width: 100%;
    left: 0px;
    top: 0px;
    margin-top: 55px;
    position: relative;
    margin-bottom: 20px;
  }

  .breadcrumbs .description {
    margin-top: 0px;
    padding: 0px 0px 30px;
  }

  .section-basic .small-content {
    margin: 0px 0px;
  }

  .section-missao .missao-tag:after {
    display: none;
  }

  .section-missao .missao-tag .missao-tag-title:after {
    display: none;
  }

  .section-missao .missao-tag .missao-tag-title {
    height: 90px;
  }

  .section-missao .missao-tag .missao-tag-title h3 {
    font-size: 40px;
  }

  .section-missao .missao-tag .missao-tag-content .box p {
    font-size: 18px;
  }

  .section-share button {
    font-size: 12px;
    margin: 0px 2px;
  }

  .news-title a {
    font-size: 16px;
  }

  /*********************************************************************************/
  /* SECTIONS                                                                      */
  /*********************************************************************************/

  /* NEWS */

  .section-news {
    border: none;
  }

  .section-news .title h2 {
    font-size: 28px;
  }

  .section-news .card .title {
    font-size: 23px;
    height: 95px;
  }

  .section-news .card .description {
    font-size: 19px;
    -webkit-line-clamp: 5;
  }

  .section-news .card .card-footer .read-more {
    font-size: 20px;
  }

  /* HIGHLIGHTS */

  .section-highlights .title h2 {
    font-size: 28px;
  }

  .section-highlights .card .title {
    font-size: 23px;
    -webkit-line-clamp: 2;
  }

  .section-highlights .card .description {
    font-size: 19px;
    height: 120px;
    -webkit-line-clamp: 4;
  }

  .section-highlights .card .card-footer .read-more {
    font-size: 20px;
  }

  /* COMPLEXO */

  .section-complexo {
    display: none;
  }

  /* FEATURES */

  .section-features .title h2 {
    font-size: 31px;
  }

  .section-features .sub-title {
    font-size: 20px;
  }

  .triangle-down {
    padding-top: 120%;
  }

  .triangle-down:after {
    border-top: 700px solid #46cdf1;
  }

  .arrow-up {
    height: 0;
    border-left: 207px solid transparent;
    border-right: 207px solid transparent;
    border-bottom: 80px solid #94c7e9;
    margin-bottom: -1px;
  }

  .section-features .card .title, .section-features .mobile .card .title {
    margin-top: 10px;
    font-size: 24px;
  }

  .section-features .card .description {
    font-size: 20px;
  }

  .features-box {
    margin-top: 100px;
  }

  /* STATISTICS */

  .section-statistics .progress-container .progress-badge {
    display: block;
    padding-right: 50px;
  } 

  /* TIME LINE */

  .section-statistics .time-line .time-line-box .title .year {
    font-size: 25px;
  }

  .section-statistics .time-line .time-line-box .title .subtitle {
    font-size: 17px;
  }

  .section-statistics .time-line .time-line-box .description {
    font-size: 17px;
  }

  #time-line-mobile {
    height: auto;
  }

  #time-line .title h2 {
    font-size: 28px;
    color: #007cc2;
  }

  .section-statistics .time-line .base {
    position: relative;
    width: 50px;
    margin-left: 0px;
    left: 0px;
  }

  .section-statistics .time-line .base .base-tower .content .tower-balls {
    padding: 15px;
  }

  .section-statistics .time-line .base .tower-lines .ball-1-lines .line-1 {
    margin-top: 0px;
  }

  .section-statistics .time-line .base .tower-lines .ball-2-lines .line-1 {
    position: absolute;
    background-color: #0086aa;
    z-index: 10001;
    display: block;
    width: 2px;
    height: 25px;
    left: 50%;
    margin-left: -1px;
    top: 12px;
    transition: all 0.5s ease;
    /*-webkit-transition-delay: 3.8s;  Safari 
    transition-delay: 3.8s;*/
  }

  .section-statistics .time-line .base .tower-lines .ball-2-lines .fix {
    position: absolute;
    z-index: 10000;
    background-color: #00cef3;
    display: block;
    width: 2px;
    height: 25px;
    left: 50%;
    margin-left: -1px;
    top: 12px;
  }

  .section-statistics .time-line .base .tower-lines .ball-2-lines .line-1.active {
    height: 0px;
  }

  .section-statistics .time-line .base .tower-lines .ball-2-lines .line-2 {
    position: absolute;
    left: 50%;
    margin-left: 0px;
    top: 12px;
    width: 0px;
    height: 2px;
    background-color: #00cef3;
    z-index: 10000;
    display: block;
    transition: all 0.5s ease;
    /*-webkit-transition-delay: 4.8s;  Safari 
    transition-delay: 4.8s;*/
  }

  .section-statistics .time-line .base .tower-lines .ball-2-lines .line-2.active {
    width: 80px;
  }

  .section-statistics .time-line .base .tower-lines .ball-4-lines .line-1 {
    position: absolute;
    background-color: #0086aa;
    z-index: 10001;
    display: block;
    width: 2px;
    height: 25px;
    left: 50%;
    margin-left: -1px;
    top: 12px;
    transition: all 0.5s ease;
    /*-webkit-transition-delay: 3.8s;  Safari 
    transition-delay: 3.8s;*/
  }

  .section-statistics .time-line .base .tower-lines .ball-4-lines .fix {
    position: absolute;
    z-index: 10000;
    background-color: #00cef3;
    display: block;
    width: 2px;
    height: 25px;
    left: 50%;
    margin-left: -1px;
    top: 12px;
  }

  .section-statistics .time-line .base .tower-lines .ball-4-lines .line-1.active {
    height: 0px;
  }

  .section-statistics .time-line .base .tower-lines .ball-4-lines .line-2 {
    position: absolute;
    left: 50%;
    margin-left: 0px;
    top: 12px;
    width: 0px;
    height: 2px;
    background-color: #00cef3;
    z-index: 10000;
    display: block;
    transition: all 0.5s ease;
    /*-webkit-transition-delay: 4.8s;  Safari 
    transition-delay: 4.8s;*/
  }

  .section-statistics .time-line .base .tower-lines .ball-4-lines .line-2.active {
    width: 80px;
  }

  .section-statistics .time-line .time-line-box {
    position: absolute;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 70%;
    top: 30%;
    right: 0px;
    padding: 0px 15px;
    cursor: pointer;
    opacity: 0;
    transition: all 1s ease;
  }

  #time-box-1_mobile {
    width: 70%;
    top: 30%;
    left: auto;
    right: 0px;
  }

  #time-box-2_mobile {
    top: 40px;
    width: 70%;
  }

  #time-box-4_mobile {
    top: 35%;
    width: 70%;
  }

  #time-box-3_mobile {
    top: 45%;
    width: 70%;
    left: auto;
  }

  /*********************************************************************************/
  /* VIDEOS                                                                        */
  /*********************************************************************************/

  .section-video .container {
    padding: 0px;
  }

  .video-container {
    margin: 0px;
  }

  .video_main_slider .display_video {
    height: 300px;
  }

  /*********************************************************************************/
  /* FLOAT MODAL                                                                   */
  /*********************************************************************************/

  .float-modal h2.title {
    font-size: 22px;
  }

  .float-modal .float-modal-body .float-modal-item .text.fix-margin {
    margin-top: 0px;
  }

  .float-modal .float-modal-body .float-modal-item .text {
    float: none;
  }

  .float-modal .float-modal-body .float-modal-item {
    margin-bottom: 15px;
  }

}

@media (max-width: 480px){

  #menu-navbar {
    top: 135px;
  }

  .buscar-link {
    top: 195px;
  }

  [class*="navbar-toggleable-"] .navbar-collapse {
    top: 160px;
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .section-basic p {
    font-size: 16px;
  }

  .breadcrumbs .title-arrow h3 {
    font-size: 28px;
  }

  .breadcrumbs .title-arrow p {
    font-size: 18px;
  }

  .section-share button {
    font-size: 20px;
    margin: 10px 0px;
    width: 100%;
  }

}

@media (max-width: 414px){
  #menu-navbar {
    top: 130px;
  }

  .buscar-link {
    top: 175px;
  }

  [class*="navbar-toggleable-"] .navbar-collapse {
    top: 140px;
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .section-coligadas .card {
    margin-right: 0px;
  }

}

@media (max-width: 375px){

  #menu-navbar {
    top: 120px;
  }

  .buscar-link {
    top: 165px;
  }

  [class*="navbar-toggleable-"] .navbar-collapse {
    top: 130px;
  }

  /*********************************************************************************/
  /* PAGINA INTERNA                                                                */
  /*********************************************************************************/

  .breadcrumbs .title-arrow h3 {
    font-size: 24px;
  }

  .breadcrumbs .title-arrow p {
    font-size: 16px;
  }

  .section-basic h3.subtitle {
    font-size: 23px;
  }

  .txt-highlight {
    font-size: 22px;
  }

  .triangle-down {
    padding-top: 110%;
    top: 0px;
  }

  /*********************************************************************************/
  /* VIDEOS                                                                        */
  /*********************************************************************************/

  .video_main_slider .display_video {
    height: 200px;
  }

}

@media (max-width: 320px){

  #menu-navbar {
    top: 105px;
  }

  .buscar-link {
    top: 150px;
  }

  [class*="navbar-toggleable-"] .navbar-collapse {
    top: 115px;
  }

  .triangle-down {
    padding-top: 140%;
  }

  .section-features .card .title, .section-features .mobile .card .title {
    font-size: 18px;
  }

  .section-features .card .description {
    font-size: 16px;
  }

  .section-features .title h2 {
    font-size: 28px;
  }

  .triangle-down {
    padding-top: 155%;
  }

  .triangle-down:after {
    border-top: 870px solid #94c7e9;
  }
  
}