@font-face {
  font-family:'Poppins';
  src:url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family:'Poppins';
  src:url('../fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family:'Poppins';
  src:url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family:'Poppins';
  src:url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #5a5a5a;
}
.page-item.active .page-link {background:#085e96;}
.bg-active { background:#f0efef !important}
.bg-primary { background:#085e96 !important}
.bg-info { background:#0066AE !important}
.text-info { color:#0066AE !important}
.text-primary { color:#085e96 !important; }
.text-secondary { color:#dcb96a !important; }

.btn-primary { background-color:#085e96; border-color:#085e96}
.btn-secondary { background-color:#dcb96a; border-color:#dcb96a}
.page-link, a { color:#085e96}
a { text-decoration: none;}
h1, h2, h3, h4, h5, h6, b, strong { font-weight:600;}
.bg-parallax {
  background: linear-gradient(90deg, rgba(7, 95, 154, 1) 50%, rgba(7, 95, 154, 0.2) 100%), url(../img/parallax.jpg?v=1);
  background-attachment: fixed;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
.flag { max-width:50px; text-align: center; white-space: break-spaces;}
.flag img { display: block; width:40px;}
.flag > small { font-size:10px; display: block; line-height:12px;}
footer a { color:white;}
footer h1 { font-size:16px;}
.label-container{
  position:fixed;
  bottom:48px;
  right:105px;
  display:table;
  visibility: hidden;
}

.label-text{
  color:#FFF;
  background:rgba(51,51,51,0.5);
  display:table-cell;
  vertical-align:middle;
  padding:10px;
  border-radius:3px;
}

.label-arrow{
  display:table-cell;
  vertical-align:middle;
  color:#333;
  opacity:0.5;
}

.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
  color:#FFF;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 7px #000;
  animation: bot-to-top 2s ease-out;
}


a.float + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}
a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}

#myCarousel .carousel-item .container { background-repeat: no-repeat; background-size: contain;}
#myCarousel .carousel-item .container.left { background-position:left;}
/* #myCarousel .carousel-item .container.right { background-position:right;} */

/* .carousel-caption { right:auto;} */
.caption-animate .carousel-item.active .carousel-caption {
  /* left: 0;
  top:25vh;
  bottom:auto;
  margin-top:5%; */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  text-shadow:1px 2px 3px #333;
}
.caption-animate .carousel-item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate .carousel-item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .carousel-item.active .carousel-caption.flipOutX,
.caption-animate .carousel-item.active .carousel-caption.flipOutY,
.caption-animate .carousel-item.active .carousel-caption.bounceIn,
.caption-animate .carousel-item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .carousel-item .carousel-caption.fadeIn,
.caption-animate .carousel-item .carousel-caption.fadeInDown,
.caption-animate .carousel-item .carousel-caption.fadeInDownBig,
.caption-animate .carousel-item .carousel-caption.fadeInLeft,
.caption-animate .carousel-item .carousel-caption.fadeInLeftBig,
.caption-animate .carousel-item .carousel-caption.fadeInRight,
.caption-animate .carousel-item .carousel-caption.fadeInRightBig,
.caption-animate .carousel-item .carousel-caption.fadeInUp,
.caption-animate .carousel-item .carousel-caption.fadeInUpBig{
  opacity:0;
}

#myCarousel .carousel-item .container { position:relative;}
.caption-animate .carousel-item.active .carousel-caption.right { left: auto; }
#myCarousel .carousel-item {
  height: 55vh;
}
#myCarousel .carousel-item > img {
  height: 55vh;
}

.thumb-max {
  max-height: 100%;
  max-width: 100%;
}
.thumb-min {
  max-height: 90%;
  max-width: 90%;
}
.thumb-min,
.thumb-max {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.nav-paging {
  flex-wrap: wrap;
}
a.page-link[disabled] { color:#999; background:#e4e4e4;}
.pagination, .nav-paging {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.pagination-next, .pagination-previous {
  white-space: nowrap;
}
.page-item .page-link, .pagination-next, .pagination-previous {
  border-radius:0 !important;
  display: inline-flex;
  justify-content: center;
  text-align: center;
}

a#menu-share:active {
  opacity: 0.75;
}

a#menu-share:hover > i{
  animation: rotate-out 0.5s;
}

a#menu-share i{
  animation: rotate-in 0.5s;
}

a#menu-share:hover > img{
  animation: rotate-out 0.5s;
}

a#menu-share img{
  animation: rotate-in 0.5s;
}

@keyframes bot-to-top {
  0%   {bottom:-40px}
  50%  {bottom:40px}
}

@keyframes scale-in {
  from {transform: scale(0);opacity: 0;}
  to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

@keyframes rotate-out {
  from {transform: rotate(360deg);}
  to {transform: rotate(0deg);}
}