/* ==========================================================================
   Home page (front page only)
   ========================================================================== */

@media (max-width: 768px) {
  .home .uk-panel > :not(.uk-panel-title):last-child {
    text-align: center;
  }

  .home .uk-article-meta {
    text-align: center;
  }
}

@keyframes ce-home-fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* ==========================================================================
   Top A: slider (Owl Carousel in the Revolution Slider markup)
   ========================================================================== */

#tm-top-a {
  padding: 0;
}

#tm-top-a .uk-container.uk-container-center {
  margin: 0;
  max-width: 100%;
  padding: 0 !important;
}

#tm-top-a .rev_slider_wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  aspect-ratio: 1920 / 910;
}

#tm-top-a .rev_slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}

#tm-top-a .rev_slider.owl-carousel {
  z-index: auto;
}

#tm-top-a .rev_slider > .owl-stage {
  width: 100% !important;
  height: 100%;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  list-style: none;
  background-position: 0 0;
  transform: none !important;
  transition: none !important;
}

#tm-top-a .rev_slider .tp-revslider-slidesli {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 18;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  background-position: 0 0;
  visibility: hidden;
  opacity: 0;
  transform: none;
}

#tm-top-a .rev_slider .tp-revslider-slidesli.ce-slide-out {
  visibility: inherit;
  opacity: 1;
}

#tm-top-a .rev_slider .tp-revslider-slidesli.active-revslide {
  z-index: 20;
  visibility: inherit;
  opacity: 1;
}

#tm-top-a .rev_slider .ce-slots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#tm-top-a .rev_slider .ce-slot {
  position: absolute;
  overflow: hidden;
}

#tm-top-a .rev_slider .ce-slot-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#tm-top-a .rev_slider .ce-slot-img {
  position: absolute;
  max-width: none;
}

#tm-top-a .tp-caption.slidelink {
  position: absolute;
  top: 0;
  left: 0;
}

#tm-top-a .tp-bannertimer {
  position: absolute;
  top: 0;
  z-index: 200;
  width: 0;
  height: 5px;
  background-color: var(--ce-color-000000-a0p15);
  transform: translateX(0);
}

#tm-top-a .tp-bannertimer.tp-bottom {
  top: auto;
  bottom: 0;
  display: none;
  visibility: hidden;
}

#tm-top-a .tparrows {
  position: absolute;
  z-index: 100;
  width: 40px;
  height: 85px;
  margin-top: -43px;
  cursor: pointer;
  opacity: 1;
  transform: translateZ(1000px);
  transition: opacity var(--ce-duration-200ms) var(--ce-ease-ease-out);
}

#tm-top-a .tparrows.hidearrows {
  opacity: 0;
}

#tm-top-a .tp-leftarrow {
  left: 60px;
}

#tm-top-a .tp-rightarrow {
  right: 60px;
}

#tm-top-a .tp-arr-imgholder,
#tm-top-a .tp-arr-titleholder {
  display: none;
}

@media (max-width: 1280px) {
  .home #tm-top-a {
    padding-top: 60px;
  }
}

@media (max-width: 768px) {
  #tm-top-a .uk-grid > * {
    padding-left: 0;
  }

  .home #tm-top-a {
    padding-top: 0;
  }
}

/* ==========================================================================
   Top B: «Hi. I'm Marina»
   ========================================================================== */

#tm-top-b {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  background: var(--ce-color-white) !important;
}

#tm-top-b .uk-container {
  max-width: 100%;
}

#tm-top-b .about-img {
  border-radius: var(--ce-radius-100pc);
}

#tm-top-b .about-concept-events {
  color: var(--ce-color-363636);
}

#tm-top-b h2.about-concept-events.uk-animation-fade {
  margin-bottom: 10px;
  color: var(--ce-color-ff0066);
}

#tm-top-b h3.about-concept-events.uk-animation-fade {
  margin: 0;
}

#tm-top-b .about-text {
  text-align: justify;
}

#tm-top-b a.about.uk-button.uk-button-large {
  background: var(--ce-color-363636) !important;
}

#tm-top-b a.about.uk-button.uk-button-large:hover,
#tm-top-b a.about.uk-button.uk-button-large:focus {
  background: var(--ce-color-555555) !important;
  color: var(--ce-color-white);
}

/* ==========================================================================
   Top C: services
   ========================================================================== */

#tm-top-c {
  padding-top: 30px;
  background: var(--ce-color-white);
}

#tm-top-c h1.uk-h1.uk-margin-small-top {
  color: var(--ce-color-363636);
  text-align: center;
}

#tm-top-c .uk-panel-title {
  font-size: 24px;
  color: var(--ce-color-2a2a2a);
  text-align: center;
}

#tm-top-c .uk-panel p {
  text-align: center;
}

#tm-top-c .uk-overlay-fade {
  opacity: 1;
}

@media (max-width: 1280px) {
  #tm-top-c .uk-panel-title {
    font-size: 18px;
    color: var(--ce-color-2a2a2a);
    text-align: center;
  }

  #tm-top-c .uk-panel > :not(.uk-panel-title):last-child {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  #tm-top-c .uk-panel-title {
    font-size: 21px;
  }
}

/* ==========================================================================
   Top D: counters
   ========================================================================== */

#tm-top-d {
  min-height: 450px;
}

#tm-top-d .count {
  font-size: var(--ce-fs-43);
  font-weight: var(--ce-fw-500);
  line-height: var(--ce-lh-262);
  color: var(--ce-color-white);
}

#tm-top-d .circle {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border: 3px solid var(--ce-color-ec008c);
  border-radius: var(--ce-radius-100pc);
  text-align: center;
}

#tm-top-d .counter-title {
  margin-top: 5px;
  font-size: var(--ce-fs-36);
  color: var(--ce-color-white);
  text-align: center;
}

@media (max-width: 1280px) {
  #tm-top-d {
    background-size: cover;
  }

  #tm-top-d h2.counter-title {
    font-size: var(--ce-fs-28);
  }

  #tm-top-d .counters.uk-width-1-3 {
    width: 33.3%;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  #tm-top-d {
    background-position: 27%;
  }

  #tm-top-d .counters.uk-width-1-3 {
    width: 100%;
  }

  #tm-top-d .count {
    line-height: var(--ce-lh-191);
  }

  #tm-top-d .circle {
    width: 200px;
    height: 200px;
  }

  #tm-top-d .counter-title {
    font-size: 32px;
  }
}

/* ==========================================================================
   Bottom A: portfolio
   ========================================================================== */

#tm-bottom-a {
  padding-top: 60px;
  padding-bottom: 60px;
}

#tm-bottom-a h1.uk-h1.uk-margin-small-top {
  margin-bottom: 60px;
  color: var(--ce-color-363636);
  text-align: center;
}

#tm-bottom-a a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#tm-bottom-a .tm-content-boxed {
  background: var(--ce-color-ffffff-a0p5);
}

@media (max-width: 1280px) {
  #tm-bottom-a .uk-width-1-1.uk-width-medium-2-3.uk-row-first {
    width: 100%;
    margin-bottom: 25px;
  }

  #tm-bottom-a .uk-width-1-1.uk-width-medium-1-3.uk-grid-margin {
    width: 50%;
  }
}

@media (max-width: 1024px) {
  #tm-bottom-a .uk-width-1-1.uk-width-medium-1-3.uk-grid-margin.uk-row-first,
  #tm-bottom-a .uk-width-1-1.uk-width-medium-2-3.uk-row-first {
    width: 100%;
  }

  #tm-bottom-a .uk-width-1-1.uk-width-medium-1-3 {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  #tm-bottom-a .uk-grid > * {
    padding-left: 10px;
  }

  #tm-bottom-a .uk-width-1-1.uk-width-medium-2-3.uk-row-first,
  #tm-bottom-a .uk-width-1-1.uk-width-medium-1-3.uk-grid-margin {
    width: 100%;
  }

  #tm-bottom-a .tm-gallery-dolce-vita .tm-content-boxed {
    margin: 0;
  }
}

/* ==========================================================================
   Bottom B: love notes (Owl Carousel paged as the UIkit slideset)
   ========================================================================== */

#tm-bottom-b {
  background: var(--ce-color-white);
}

#tm-bottom-b h1.uk-h1.uk-margin-small-top {
  margin-bottom: 60px;
  color: var(--ce-color-363636);
  text-align: center;
}

#tm-bottom-b h3.uk-panel-title {
  color: var(--ce-color-ec008c) !important;
  text-align: center;
}

#tm-bottom-b p {
  text-align: justify;
}

#tm-bottom-b .uk-slidenav-position.owl-carousel {
  display: block;
  z-index: auto;
  width: auto;
}

#tm-bottom-b .uk-slideset.owl-stage {
  position: static;
  width: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  transform: none !important;
  transition: none !important;
}

#tm-bottom-b .uk-slideset.owl-stage::after {
  content: "";
  height: auto;
  line-height: inherit;
  visibility: visible;
}

#tm-bottom-b .uk-slideset > .owl-item {
  position: static;
  width: 100% !important;
  min-height: auto;
  transform: none;
}

@media (min-width: 768px) {
  #tm-bottom-b .uk-slideset > .owl-item {
    width: 33.333% !important;
  }
}

#tm-bottom-b .uk-slideset > .owl-item img {
  display: inline;
  width: auto;
}

#tm-bottom-b .uk-slideset > .owl-item.ce-set-in {
  animation: ce-home-fade var(--ce-duration-200ms) linear;
}

/* ==========================================================================
   Bottom C: blog
   ========================================================================== */

#tm-bottom-c {
  padding-top: 60px;
  padding-bottom: 60px;
  background: var(--ce-color-f6f6f9);
}

#tm-bottom-c h1.uk-h1.uk-margin-small-top {
  margin-bottom: 60px;
  color: var(--ce-color-363636);
  text-align: center;
}

#tm-bottom-c .uk-panel-title {
  min-height: 70px !important;
}

#tm-bottom-c .uk-margin {
  font-family: var(--ce-font-roboto-condensed-1) !important;
}

#tm-bottom-c .tm-grid-dolce-vita [class*="uk-animation-"] {
  animation-fill-mode: none;
}

@media (max-width: 1280px) {
  #tm-bottom-c a.uk-link-reset {
    font-size: 22px;
  }
}

@media (max-width: 1024px) {
  #tm-bottom-c h3.uk-panel-title,
  #tm-bottom-c .uk-article-meta,
  #tm-bottom-c .uk-margin,
  #tm-bottom-c p {
    text-align: center;
  }
}

@media (max-width: 768px) {
  #tm-bottom-c .uk-panel-title {
    min-height: 0 !important;
  }
}

/* ==========================================================================
   Bottom D: «As seen on» (Owl Carousel in the UIkit slider markup)
   ========================================================================== */

#tm-bottom-d {
  padding-top: 60px;
  padding-bottom: 60px;
  background: var(--ce-color-white) !important;
}

#tm-bottom-d.uk-block-primary::after {
  background: var(--ce-color-white);
}

#tm-bottom-d h1.uk-h1.uk-margin-small-top {
  margin-bottom: 60px;
  color: var(--ce-color-363636);
  text-align: center;
}

#tm-bottom-d .uk-slider-container.owl-carousel {
  display: block;
  position: static;
  z-index: auto;
  width: auto;
}

#tm-bottom-d .uk-slider.owl-stage::after {
  content: "";
  height: auto;
  line-height: inherit;
  visibility: visible;
}

#tm-bottom-d .uk-slider > .owl-item {
  position: relative;
  top: auto;
  left: auto;
  float: none;
  min-width: 0;
  min-height: 0;
  transform: none;
}

@media (max-width: 768px) {
  #tm-bottom-d .uk-slider-container.owl-carousel {
    margin-left: -12px;
  }

  #tm-bottom-d .uk-slider.owl-stage {
    margin-left: 0;
  }
}

@media (max-width: 1280px) {
  #tm-bottom-d .uk-panel.uk-overlay.uk-overlay-hover.uk-cover-background {
    background-size: 71%;
  }
}

@media (max-width: 768px) {
  #tm-bottom-d .uk-panel.uk-overlay.uk-overlay-hover.uk-cover-background {
    background-size: 62%;
  }
}