/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/*
.menu li {
    @include relative;
}

.sub-menu {
    @include absolute(top 100% left 0);
}

.sticky-bar {
    @include fixed(top 0 left 0);
}*/
/*
html {
  @include prefix('box-sizing', 'border-box', moz webkit);
}

*,
*:before,
*:after {
  @include prefix('box-sizing', 'inherit', moz webkit);
}
*/
/*

.wrapper {
    margin: 0 auto;
    width: 100%;
    @include screen('tablet') {
        width: 90%;
    }

    @include screen('desktop') {
        width: 85%;
    }
}

.wrapper {
  @include screen('(min-width: 1367px)') {
    width: 1280px;
  }
}
*/
/*
.logo {
    background-image: url("img/logo.png");
    @include retina("img/logo@2x.png", 100px, 21px);
}*/
/*
.gradient {
    @include gradient(#07c, #06f, vertical);
}*/
/*
.vc-box {
    @include center-vertically;
}*/
/*
@include font-face("MyFont", "path/to/MyFont", $style: normal, $weight: normal);
*/
/*

Usage:

@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}
*/
html, body {
  font-family: Arial, sans-serif !important;
  font-size: 18px;
}

body.body-photo {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.botStart {
  cursor: pointer;
}
.botStart:hover {
  color: #111;
}

.pointer {
  cursor: pointer;
}

.carousel-main {
  background-color: white;
}

.img-afilog {
  position: absolute;
  top: 50px !important;
  left: 50px !important;
  height: calc(100vh - 50px);
  width: calc(100vw - 100px);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fafafa;
}
@media only screen and (max-width: 767px) {
  .img-afilog {
    top: 60px !important;
    left: 20px !important;
    height: calc(100vh - 60px);
    width: calc(100vw - 40px);
  }
}

.contenedor-afilog {
  width: calc(100vw - 100px);
}
@media only screen and (max-width: 767px) {
  .contenedor-afilog {
    width: calc(100vw - 40px);
  }
}

.thumb-afilog {
  width: 100px;
  height: 50px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top: 3px solid transparent;
}

.selector .thumb-afilog.is-nav-selected {
  border-top: 3px solid #00b497;
}

@media only screen and (max-width: 767px) {
  .selector {
    display: none;
  }
}

.name-afilog {
  position: absolute;
  z-index: 100;
  left: 0px;
  bottom: 0px;
  width: 100vw;
  transition: bottom 1.2s cubic-bezier(0.19, 1, 0.22, 1);
  height: 25px;
}
.name-afilog .tit-foto {
  color: black;
  padding: 5px 10px;
  position: absolute;
  font-weight: 200;
  text-align: center;
}
.name-afilog.openednav {
  bottom: 38px;
}
@media only screen and (max-width: 767px) {
  .name-afilog.openednav {
    bottom: 0;
  }
}

.bg-afilog {
  background-color: #00b497;
}

header {
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.6);
  margin-top: 10px;
}

.init {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.show.init {
  pointer-events: all;
}

.selector {
  position: absolute;
  width: 100%;
  bottom: 0;
}

/* smaller, dark, rounded square */
.flickity-button {
  background: #333;
}

.flickity-button:hover {
  background: #00b497;
}

.flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
}

/* icon color */
.flickity-button-icon {
  fill: white;
}

/* position outside */
.flickity-prev-next-button.previous {
  left: 40px;
}

.flickity-prev-next-button.next {
  right: 40px;
}

.flickity-page-dots {
  bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .flickity-page-dots {
    display: none;
  }
}

/* dots are lines */
.flickity-page-dots .dot {
  height: 4px;
  width: 40px;
  margin: 0;
  border-radius: 0;
}

.flickity-page-dots .dot.is-selected {
  background: #00b497;
}

.thumb-grid {
  width: 33%;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 1px;
  margin-right: 1px;
}

/*# sourceMappingURL=/add.b15ccf5c.css.map */