@font-face {
  font-family: "LemonMilkLight";
  src: url(../_fonts/LEMONMILK-Light.otf) format("opentype");
}
@font-face {
  font-family: "LemonMilkMedium";
  src: url(../_fonts/LEMONMILK-Medium.otf) format("opentype");
}
@font-face {
  font-family: "LemonMilkRegular";
  src: url(../_fonts/LEMONMILK-Regular.otf) format("opentype");
}
@font-face {
  font-family: "LemonMilkBold";
  src: url(../_fonts/LEMONMILK-Bold.otf) format("opentype");
}
@font-face {
  font-family: "CaviarDreams";
  src: url(../_fonts/CaviarDreams.ttf) format("truetype");
}
@font-face {
  font-family: "CaviarDreamsBold";
  src: url(../_fonts/CaviarDreams_Bold.ttf) format("truetype");
}
.btn-moxie-blue {
  background-color: #00a6ad;
  color: white;
}

.btn-moxie-blue:hover {
  color: white;
}

.btn-moxie-yellow {
  background-color: #fba807;
  color: white;
}

.btn-moxie-yellow:hover {
  color: white;
}

.btn-moxie-grey {
  background-color: #e6e7e8;
  color: white;
}

.btn-moxie-grey:hover {
  color: white;
}

.fa-moxie-blue {
  color: #00a6ad;
}

.fa-moxie-yellow {
  color: #fba807;
}

.fa-moxie-grey {
  color: #e6e7e8;
}

.fa-plain-white {
  color: white;
}

.fa-plain-black {
  color: #0a0a0a;
}

.fa-plain-grey {
  color: #3c3c3c;
}

.btn-email:hover {
  background-color: #3490f3;
}

.btn-social-email {
  background-color: #3490f3;
  border: 2px solid #3490f3;
}

.btn-facebook:hover {
  background-color: #3b5998;
}

.btn-social-facebook {
  background-color: #3b5998;
  border: 2px solid #3b5998;
}

.btn-twitter:hover {
  background-color: #1da1f2;
}

.btn-social-twitter {
  background-color: #1da1f2;
  border: 2px solid #1da1f2;
}

.btn-whatsapp:hover {
  background-color: #4dc247;
}

.btn-social-whatsapp {
  background-color: #4dc247;
  border: 2px solid #4dc247;
}

.color-moxie-blue {
  color: #00a6ad;
}

.color-moxie-yellow {
  color: #fba807;
}

.color-moxie-grey {
  color: #e6e7e8;
}

body {
  background-size: cover;
  background-repeat: no-repeat;
  background: #323232;
  background-image: url(../_images/bg-content.jpg);
}

html {
  scroll-behavior: smooth;
}

.general-container {
  padding: 2rem 0;
}
.general-container h1 {
  color: white;
  font-family: "LemonMilkRegular", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 2rem;
}
.general-container h2 {
  color: #fba807;
  font-family: "CaviarDreamsBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 1.8rem;
}
.general-container h3, .general-container h4, .general-container h5 {
  color: white !important;
  font-family: "CaviarDreamsBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.general-container h3 {
  font-size: 1.2rem;
}
.general-container h4 {
  font-size: 1rem;
}
.general-container h5 {
  font-size: 0.9rem;
}
.general-container p, .general-container ul {
  color: white;
  font-family: "CaviarDreams", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 0.9rem;
}
.general-container .bold-text, .general-container strong {
  font-family: "CaviarDreamsBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}

/* CSS Document */
.container-full-portfolio .portfolio-deck .no-styling {
  background-color: transparent !important;
  box-shadow: none !important;
}
.container-full-portfolio .portfolio-deck .card {
  flex-basis: 100%;
  margin-bottom: 1.5rem;
  border-radius: 0px !important;
  border: 0px;
  box-shadow: 2px 3px 4px rgba(10, 10, 10, 0.5);
}
@media (min-width: 768px) {
  .container-full-portfolio .portfolio-deck .card {
    flex-basis: 30%;
    margin-bottom: 1.5rem;
  }
}
.container-full-portfolio .portfolio-deck .card .card-header {
  background-color: #3c3c3c !important;
  color: white;
  border-radius: 0px;
}
.container-full-portfolio .portfolio-deck .card .card-header h3 {
  margin-bottom: 0px;
}
.container-full-portfolio .portfolio-deck .card .card-sub-header {
  background-color: #00a6ad !important;
  color: white;
  padding: 10px 20px;
}
.container-full-portfolio .portfolio-deck .card .card-sub-header p {
  margin: 0px;
  font-size: 0.8rem;
  font-style: italic;
}
.container-full-portfolio .portfolio-deck .card .card-body {
  border: 1px solid #e6e7e8;
}
.container-full-portfolio .portfolio-deck .card .card-body p {
  color: #0a0a0a !important;
  font-weight: 600;
}

/* CSS Document */
.container-daily-ui .daily-ui-content {
  margin: 2rem 0;
}
.container-daily-ui .daily-ui-content .daily-ui-item {
  margin-bottom: 1.5rem;
}
.container-daily-ui .daily-ui-content .daily-ui-item .daily-ui-image {
  width: 100%;
}
@media (min-width: 576px) {
  .container-daily-ui .daily-ui-content .daily-ui-item .daily-ui-image {
    width: 30%;
  }
}
.container-daily-ui .daily-ui-content .daily-ui-item .daily-ui-image img {
  width: 100%;
}
.container-daily-ui .daily-ui-content .daily-ui-item .daily-ui-image-caption {
  background-color: #3c3c3c;
  padding: 10px 20px;
}
.container-daily-ui .daily-ui-content .daily-ui-item .daily-ui-image-caption p {
  margin: 0px;
}
.container-daily-ui .daily-ui-content .daily-ui-item .daily-ui-description {
  width: 100%;
  background-color: rgba(0, 166, 173, 0.3);
  border-right: 4px solid #00a6ad;
  padding: 1rem;
}
@media (min-width: 576px) {
  .container-daily-ui .daily-ui-content .daily-ui-item .daily-ui-description {
    width: 70%;
  }
}

header {
  background-color: #0a0a0a;
}
header .header-introduction {
  padding: 2rem 0;
  text-align: center;
}
header .header-introduction .header-introduction-image {
  margin-bottom: 1rem;
}
header .header-introduction .header-introduction-image img {
  z-index: 1000;
}
header .header-introduction h1 {
  color: white;
  font-family: "LemonMilkBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
header .header-introduction h2 {
  color: white;
  font-family: "CaviarDreams", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  header .header-introduction h2 {
    font-size: 2rem;
  }
}
header .header-navigation {
  box-shadow: 0px 2px 9px #0a0a0a;
}
header .header-navigation .navbar {
  background-color: #00a6ad !important;
  background-image: linear-gradient(#008e94, #00a6ad, #008e94);
  font-family: "LemonMilkLight", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
header .header-navigation .navbar .navbar-toggler {
  color: white !important;
  background-color: #3c3c3c;
}
header .header-navigation .navbar .nav-link {
  color: white !important;
  border-right: 0px;
  font-size: 1rem;
  padding: 5px 15px;
}
@media (min-width: 576px) {
  header .header-navigation .navbar .nav-link {
    border-right: 1px solid #fba807;
  }
}
header .header-navigation .navbar .no-border {
  border: 0px;
}
header .header-navigation .navbar .dropdown-menu {
  border-radius: 0px;
}
header .header-navigation .navbar .dropdown-menu .dropdown-item {
  font-family: "CaviarDreamsBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 1rem;
}

.social-buttons {
  position: fixed;
  top: 80%;
  right: 0px;
  z-index: 1000;
}
@media (min-width: 576px) {
  .social-buttons {
    top: 50%;
  }
}
.social-buttons .btn {
  border-radius: 0px;
}

.container-about .container {
  border-bottom: 1px solid #00a6ad;
  padding-bottom: 2rem;
}

.container-portfolio .container {
  border-bottom: 1px solid #00a6ad;
  padding-bottom: 2rem;
}
.container-portfolio .container .portfolio-content-block .portfolio-video {
  width: 100%;
}
@media (min-width: 768px) {
  .container-portfolio .container .portfolio-content-block .portfolio-video {
    width: 25%;
  }
}
.container-portfolio .container .portfolio-content-block .portfolio-video .card {
  border: 0px;
}
.container-portfolio .container .portfolio-content-block .portfolio-video .card .card-video {
  border-radius: 0px;
}
.container-portfolio .container .portfolio-content-block .portfolio-video .card .card-footer {
  color: white;
  background-color: #00a6ad;
  border-radius: 0px;
}
.container-portfolio .container .portfolio-content-block .portfolio-video .card .card-footer p {
  margin-bottom: 0px;
}
.container-portfolio .container .portfolio-content-block .portfolio-video-content {
  width: 100%;
  padding-left: 0rem;
}
@media (min-width: 768px) {
  .container-portfolio .container .portfolio-content-block .portfolio-video-content {
    width: 75%;
    padding-left: 2rem;
  }
}

.container-programs .programs-block .program-image {
  width: 20%;
}
@media (min-width: 768px) {
  .container-programs .programs-block .program-image {
    width: 16%;
  }
}
.container-programs .programs-block .program-image img {
  width: 100%;
}

footer .footer-download-cv {
  background-color: #00a6ad;
  background-image: url("../_images/portfolio-cv-download-background.jpg");
  background-position: center;
  padding: 4rem 0;
  box-shadow: 0px 2px 9px #0a0a0a;
  text-align: right;
  border-bottom: 5px solid #008e94;
}
footer .footer-download-cv h3 {
  font-family: "LemonMilkBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  color: white;
  margin-bottom: 1rem;
}
footer .footer-download-cv p {
  color: white;
  font-family: "CaviarDreams", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 1rem;
}
footer .footer-details-container {
  background-color: #3c3c3c;
  color: white;
}
footer .footer-details-container .footer-contact-details, footer .footer-details-container .footer-sitemap {
  border-bottom: 1px solid #fba807;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
footer .footer-details-container .footer-contact-details, footer .footer-details-container .footer-sitemap, footer .footer-details-container .footer-sites {
  width: 100%;
}
@media (min-width: 768px) {
  footer .footer-details-container .footer-contact-details, footer .footer-details-container .footer-sitemap, footer .footer-details-container .footer-sites {
    width: 30%;
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}
footer .footer-details-container .footer-contact-details a, footer .footer-details-container .footer-sitemap a, footer .footer-details-container .footer-sites a {
  color: white;
}
footer .footer-details-container .footer-contact-details a:hover, footer .footer-details-container .footer-sitemap a:hover, footer .footer-details-container .footer-sites a:hover {
  color: #fba807;
  text-decoration: none;
}
footer .footer-copyright {
  background-color: #0a0a0a;
  padding: 2rem 0;
}
footer .footer-copyright p {
  color: white;
  margin-bottom: 5px;
  font-family: "CaviarDreams", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 0.9rem;
}
footer .footer-copyright .footer-copyright-details {
  width: 20%;
}
footer .footer-copyright .footer-copyright-details p {
  color: white;
  margin-bottom: 0px;
}
footer .footer-copyright .footer-copyright-details a {
  color: #fba807;
  font-family: "CaviarDreams", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 0.9rem;
}
footer .footer-copyright .footer-copyright-details a:hover {
  color: #00a6ad;
  text-decoration: none;
}