/*!
 * Start Bootstrap - Grayscale v5.0.1 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */#mainNav{min-height:56px;background-color:#8c8c8c91;}#mainNav .navbar-toggler{font-size:80%;padding:.75rem;color:rgba(170, 0, 0, 0.6);;border:1px solid rgba(170, 0, 0, 0.6);}#mainNav .navbar-toggler:focus{outline:0}#mainNav .navbar-brand{color:#161616;font-weight:700;padding:.9rem 0}#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}@media (min-width:992px){#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:transparent;transition:background-color .3s ease-in-out}#mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}#mainNav .nav-link{transition:none;padding:2rem 1.5rem;color:rgba(255,255,255,.5)}#mainNav .nav-link:hover{color:rgba(255,255,255,.75)}#mainNav .nav-link:active{color:#fff}#mainNav.navbar-shrink{background-color:#8c8c8c91; box-shadow: 0 0 4px black;}#mainNav.navbar-shrink .navbar-brand{color:#161616}#mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}#mainNav.navbar-shrink .nav-link:hover{color:rgba(170, 0, 0, 0.6);}#mainNav.navbar-shrink .nav-link:active{color:rgba(170, 0, 0, 0.9);}#mainNav.navbar-shrink .nav-link.active{color:rgba(255, 255, 255, 0.64);;outline:0;border-bottom:.25rem solid rgba(170, 0, 0, 0.6);}}.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-masthead.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.masthead h1{font-family:'Comfortaa';font-size:2.5rem;line-height:2.5rem;letter-spacing:.8rem;background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.masthead h2{max-width:20rem;font-size:1rem}@media (min-width:768px){.masthead h1{font-size:4rem;line-height:4rem}}@media (min-width:992px){.masthead{height:100vh;padding:0}.masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}.masthead h2{max-width:30rem;font-size:1.25rem}}.btn{box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1.25rem 2rem;font-family:'Comfortaa';font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}.btn-primary{background-color:rgba(170, 0, 0, 0.6);}.btn-primary:hover{background-color:rgba(170, 0, 0, 0.8);}.btn-primary:focus{background-color:rgba(170, 0, 0, 0.8);;color:#fff}.btn-primary:active{background-color:rgba(170, 0, 0, 0.9);!important}.about-section{padding-top:10rem;background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%)}.about-section p{margin-bottom:5rem}.projects-section{padding:10rem 0}.projects-section .featured-text{padding:2rem}@media (min-width:992px){.projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid rgba(170, 0, 0, 0.6);}}.projects-section .project-text{padding:3rem;font-size:90%}@media (min-width:992px){.projects-section .project-text{padding:5rem}.projects-section .project-text hr{border-color:rgba(170, 0, 0, 0.6);;border-width:.25rem;width:30%}}.signup-section{padding:10rem 0;background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-signup.jpg);background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.signup-section .form-inline input{box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1.25rem 2rem;height:auto;font-family:'Comfortaa';font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}.contact-section{padding:5rem 0 0}.contact-section .card{border:0;border-bottom:.25rem solid rgba(170, 0, 0, 0.6);}.contact-section .card h4{font-size:.8rem;font-family:'Comfortaa';text-transform:uppercase;letter-spacing:.15rem}.contact-section .card hr{border-color:rgba(170, 0, 0, 0.6);;border-width:.25rem;width:3rem}.contact-section .social{margin-top:5rem}.contact-section .social a{text-align:center;height:3rem;width:3rem;background:rgba(255,255,255,.1);border-radius:100%;line-height:3rem;color:rgba(255,255,255,.3)}.contact-section .social a:hover{color:rgba(255,255,255,.5)}.contact-section .social a:active{color:#fff}body{font-family:Comfortaa;letter-spacing:.0625em}a{color:rgba(170, 0, 0, 0.6);}a:focus,a:hover{text-decoration:none;color:#3c6360}.bg-black{background-color:#161616!important}.bg-primary{background-color:rgba(170, 0, 0, 0.6);!important}.text-primary{color:rgba(170, 0, 0, 0.6);!important}footer{padding:5rem 0}

@font-face {
    font-family: cursiv;
    src: url(/fonts/bastardilla-FFP.ttf);
}

#mainNav .navbar-toggler {
    font-size: 2vw!important;
    color: black!important;
    border: 1px solid black!important;
}

.title {
    font-size: 2.5vw;
}

.head-cursiv {
    font-family: cursiv;
    font-size: 1.5em;
    letter-spacing: 0rem!important;
}

.head {
    letter-spacing: 0;
}

.title-cursiv {
    font-family: cursiv;
    font-size: 4vw;
}

.italic {
    font-style: italic;
}

img.hovered.sized {
    width: 100%;
}

img.hovered {
    width: 0;
    height: auto;
    padding: 4% 2% 4% 2%;
    opacity: 0.7;
    filter: blur(5px);
    transition: all 0.5s ease-in;
    transition: all 0.5s ease-out;
    object-fit: cover;
}

 @media screen and (orientation:portrait) {
    #greatings.h-100 {
        margin-top: -40%;
    }

    .w-100-landscape {
        display: none;
    }

    #galary.container-fluid {
        top: 12%;
        height: 60%;
    }
 }
 @media screen and (orientation:landscape) {
    #galary.container-fluid {
        height: 100%;
        top: 10%;
    }

    .w-100-portrait {
       display: none;
    }
  }

img.hovered:hover {
    padding: 0%;
    opacity: 0.9;
    filter: blur(0px);
    z-index: 10;
    max-height: 10000px!important;
}

.row {
height: 30%;
}

.head-galary {
    overflow: hidden;
    transition: 1s;
}

.head-galary:hover {
    overflow: visible;
    z-index: 5;
}

.projects-section {
    background: linear-gradient(to top,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%);
}

.prices-section {
    background: linear-gradient(to top,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%);
}

.splash {
    transition: 0.5s;
    opacity: 1!important;
    filter: blur(1px)!important;
}

.congratulations {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left:0;
    transition: 1s;
    background-color: #ffff00ab;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-shadow: 2px 1px white;
    background-image: url('/firework5.gif');
    color: #ff0060;
    text-shadow: 2px 2px 10px #00d5ff;
    background-size: 100%;
    opacity: 0.6;
    visibility: hidden;
}

.congratulations .btn {
    visibility: hidden;
}

.congratulations.show .btn {
    visibility: visible;
}

.congratulations.show {
    width: 100%;
    height: 100%;
    z-index: 1000;
    font-size: 7vw;;
    visibility: visible;
}

#projects {
    overflow: hidden;
}

.navbar-collapse.show {
    opacity: 1!important;
}

 @media screen and (orientation:portrait) {
    #photos {
        column-count: 1!important;
    }

    .portfolio-box .portfolio-box-caption {
         opacity:1;
         padding-bottom: 4vw;
    }
 }

 @media screen and (orientation:landscape) {
     #photos {
         column-count: 5!important;
     }

     .portfolio-box .portfolio-box-caption {
        opacity:0;
        height: 100%;
     }

      .portfolio-box:hover .portfolio-box-caption {
          opacity:1;
      }
  }

#photos {
  /* Prevent vertical gaps */
  line-height: 0;

  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-gap:           0.5vw;
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100%!important;
  height: auto !important;
  /*margin: 0.5vw;*/
  /*padding-bottom: 0.5vw;*/
}

.popup-gallery{
    background: linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%);
}

.portfolio-box {
  margin-bottom: 0.5vw;
  position: relative;
  display: block;
  max-width: 650px;

}

.portfolio-box .portfolio-box-caption {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background: rgba(170, 0, 0, 0.5);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 1s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
/*  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  */
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: 1px 1px 2px black;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  padding: 0 15px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  line-height: 3em;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}

.portfolio-box:focus {
  outline: none;
}

/*@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
}*/

.text-primary {
    color: rgba(170, 0, 0, 0.8)!important;
}

a.text-primary:focus, a.text-primary:hover {
    color: rgba(127, 4, 4, 0.9)!important;
}

a {
    cursor: pointer;
}