.hp-slider {
    background: #000;
}


.hp-slider .slick-dots {
    display: block;
    position: absolute;
    right: 0px;
    top:0px;
    width: 300px;
    border-bottom: 1px solid #ffffff80;
    margin: 40px;
    padding:0px;
    clear: both;
}

.hp-slider ul.slick-dots li {
    display:inline-block;
    list-style: none;
    width: 33.33%;
}
.hp-slider ul.slick-dots li button {
    display: none;
}
.hp-slider ul.slick-dots li.slick-active button {
    font-size:0px;
    border: 0px;
    display: block;
    height: 7px;
    width: 10%;
    width:100%;
    position:relative;
    left: 0px;
    margin-bottom:3px;
    text-align: center;
}
.hp-slider ul.slick-dots li.slick-active button:after {
    background: transparent;
    display: block;
    content :"";
    margin-top:20px;
    height: 5px;
    font-size:15px;
    color: #ffffff;
    content: "TEMP";
}

.hp-slider .slick-arrow {
    position: absolute;
    top: 45%;
    background: none;
    border: 0px;
    transition: all 0.2s;
    display: block;
    width: 40px;

}

.hp-slider .slick-prev {
    background: none;
    right: 60px;
    z-index: 1050;
}

.hp-slider .slick-prev:hover {
    opacity: 1;
    cursor: pointer;
    right: 50px;
}

.hp-slider .slick-next {
    left: 60px;
    z-index: 1050;
}
.hp-slider .slick-next:hover {
    opacity: 1;
    cursor: pointer;
    left: 50px;
    margin-right: 10px;
}
div.slick-slide img {
    display: block;
    max-height: 450px !important;
}

.hp-slider .hp-slider-item h1 {
    color: #ffffff;
    font-family: "OswaldStencil-Bold";
    display: block;
    position: relative;
    font-size: 105px;
    top: 45%;
    margin: auto;
    width: 100%;
    text-align: center;
    text-shadow: none;
    z-index: 1500;
}
.hp-slider .hp-slider-item h2 {
    color: #fff;
    font-weight: 200;
    display: table;
    position: relative;
    font-size: 21px;
    padding-left: 5px;
    top: 45%;
    margin: auto;
    width: 100%;
    text-align: center;
    text-shadow: none;
    z-index: 1300;
    letter-spacing: 11px;
}
.slickoverride.hp-gallery ul.slick-dots {
    display: block;
    position: absolute;
    right: 0px;
    top: -25%;
    width: auto;
    border-bottom: 1px solid #000000;
    margin: 40px;
    padding:0px;
}
.slickoverride.hp-gallery ul.slick-dots li {
    display:inline-block;
    list-style: none;
    min-width: 10px;
    width: auto;

}
.slickoverride.hp-gallery ul.slick-dots li button {
    display: block;
    background: white;
    content: "";
    border: 0px;
    margin-bottom: 3px;
    width: 100%;
    content: "";
    font-size: 0;
    height: 7px;
}
.slickoverride.hp-gallery ul.slick-dots li button:hover {
    cursor:pointer;
    background: #eee;
}
.slickoverride.hp-gallery ul.slick-dots li.slick-active button {
    font-size:0px;
    border: 0px;
    display: block;
    height: 7px;
    width: 10%;
    width:100%;
    position:relative;
    left: 0px;
    text-align: center;
    content: "";
    background: #000;
}
div.mainpage-portfolio ul.slick-dots{
  display: none !important;
}
.hp-gallery {
    display: block;
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding-top:0px;
}

.hp-gallery .slick-slide {
    opacity: 1;
    filter: saturate(1);
}
.hp-gallery .slick-active {
    opacity: 1;
    filter: saturate(1);
}
.hp-gallery .slick-current {
    opacity: 1;
    filter: saturate(1);
}

.hp-gallery  img.slick-slide {
    margin: 10px;
    overflow: hidden;
    z-index: 1000;
   height: 450px;
}
.portfolio-next {
    display: block;
    position: absolute;
    width: 50px;
    top: 50%;
    transform: translateY(-50%);
    left: 70px;
    z-index: 2000;
    opacity: 1;
    transition: all 0.3s;
}
.portfolio-prev {
    display: block;
    position: absolute;
    width: 50px;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
    z-index: 2000;
    opacity: 1;
    transition: all 0.3s;
}

.portfolio-next:hover {
   cursor: pointer;
   opacity: 1;
   left: 60px;
   padding-right: 10px;
   -webkit-filter: drop-shadow( 3px 0px 5px rgba(0, 0, 0, .3));
   filter: drop-shadow(3px 0px 5px rgba(0, 0, 0, .3));
}
.portfolio-prev:hover {
    cursor: pointer;
    opacity: 1;
    right: 60px;
    padding-left: 10px;
    -webkit-filter: drop-shadow( -3px 0px 5px rgba(0, 0, 0, .3));
   filter: drop-shadow(-3px 0px 5px rgba(0, 0, 0, .3));
}
.subpage-gallery-content {
    display: block;
    width: 100%;
    margin: Opx;
    padding: 0px;
}
.subpage-gallery-content::before {
    content: "";
    display: none;
    position: absolute;
    z-index: +1;
    width: 10%;
    height: 100%;
    left:0px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 00%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.subpage-gallery-content::after {
    content: "";
    display: none;
    position: absolute;
    z-index: +1;
    width: 10%;
    height: 100%;
    right :0px;
    top:0px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(-90deg, rgba(255,255,255,1) 00%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.subpage-gallery img {
    height: 65vh;
    margin-left:10px;
    margin-right: 10px;
    top: 0px;
    position: relative;
    left: 100px;
}

.subpage-gallery ul.slick-dots {
    display: block;
    position: absolute;
    right: 0px;
    top: -23%;
    width: 300px;
    border-bottom: 1px solid #000000;
    margin: 40px;
    padding:0px;
}
.subpage-gallery ul.slick-dots li {
    display:inline-block;
    list-style: none;

}
.subpage-gallery ul.slick-dots li button {
    display: block;
    background: white;
    content: "";
    border: 0px;
    margin-bottom: 3px;
    width: 100%;
    content: "";
    font-size: 0;
    height: 7px;
}
.subpage-gallery ul.slick-dots li button:hover {
    cursor:pointer;
    background: #eee;
}
.subpage-gallery ul.slick-dots li.slick-active button {
    font-size:0px;
    border: 0px;
    display: block;
    height: 7px;
    width: 10%;
    width:100%;
    position:relative;
    left: 0px;
    text-align: center;
    content: "";
    background: #000;
}
.gallery-next {
    position: absolute;
    z-index: +3;
    height: 200px;
    top: 50%;
    left:30px;
    display: table;
    overflow: hidden;
    margin-top: -100px;
}
.gallery-next:hover img {
    opacity:1;
    cursor: pointer;
    margin-left:5px;
}
.gallery-prev:hover img {
    opacity:1;
    cursor: pointer;
     transition: all 0.3s;
     margin-right:5px;
}
.gallery-next img {
    display: block;
    position: relative;
    left:0px;
    width: 50px;
    height: 200px;
    opacity: 0.2;
    transition: all 0.3s;
}
.gallery-prev img {

    display: block;
    position: relative;
    left:0px;
    width: 50px;

    height: 200px;
    opacity: 0.2;
    transition: all 0.3s;

}
.gallery-prev {
    position: absolute;
    top:0px;
    z-index: +5;
    height: 200px;
    top: 50%;
    right:30px;
    overflow: hidden;
    display: table;
    margin-top: -100px;
}
.slick-arrow.slick-disabled {
    opacity: 0;
}
.slick-arrow.slick-disabled:hover {
    opacity: 0;
}


.hp-slider ul.slick-dots {
    display:none;
}

@media (min-width: 1px) and (max-width: 350px) {
    .hp-slider .hp-slider-item h1 {
        top: 40%;
        font-size:70px;
    }
    .hp-slider .hp-slider-item h2 {
        font-size: 17px;
        top: 40%;
        left:1px;
        font-weight: 300;
    }
    .hp-gallery img.slick-slide {
        height: 200px;
    }


   .subpage-gallery-content .slick-slide{
        height: 50vh;
   }
   .subpage-gallery-content img {
       height: 50vh;
    }
   .subpage-gallery-content::after, .subpage-gallery-content::before {
        display: none;
   }
   .row-footer {
       display: none;
   }
   .hp-slider .slick-dots {
        display: none;

    }


}
.slickoverride.hp-gallery.slick-initialized.slick-slider {
    margin-bottom: 30px;
}
@media (min-width:351px) and (max-width: 576px){
    .hp-slider .hp-slider-item h1 {
        top: 40%;
        font-size:70px;
    }
    .hp-slider .hp-slider-item h2 {
        letter-spacing: 5px;
        padding: 0;
        font-size: 17px;
        top: 40%;
        left: 1px;
        font-weight: 300;
      }
    .hp-gallery img.slick-slide {
        height: 300px;
    }

    .subpage-gallery-content  .slick-slide{
        height: 50vh;

   }
   .subpage-gallery-content  .slick-slide img {
       height: 50vh;
    }

    .row-footer {
        display: none;
    }
    .subpage-gallery-content::after, .subpage-gallery-content::before {
        display: none;
    }
    .hp-slider .slick-dots {
        display: block;
        position: absolute;
        right: 0px;
        top:0px;
        width: 60%;
        border-bottom: 1px solid #ffffff90;
        margin: 10px 15px 0px 0px;
        padding:0px;
        clear: both;
    }


    .hp-slider ul.slick-dots li {
        display:inline-block;
        list-style: none;
        width: 33.33%;
        background-color: #ffffff90;
        margin-bottom:4px;
    }


    .hp-slider ul.slick-dots li.slick-active button:after {
        background: transparent;
        display: block;
        content :"";
        margin-top:20px;
        height: 5px;
        font-size:13px;
        color: #ffffff;
        content: "TEMP";
        font-weight: 300;
    }

}
.slickoverride.hp-gallery{
  overflow: visible;
}
.slickoverride.hp-gallery ul.slick-dots {
    display: block;
    position: absolute;
    right: 0px;
    top: -30%;
    width: 300px;
    border-bottom: 1px solid #000000;
    margin: 40px;
    padding:0px;
}
.slickoverride.hp-gallery ul.slick-dots li {
    display:inline-block;
    list-style: none;
    width: 4%;

}
.slickoverride.hp-gallery ul.slick-dots li button {
    display: block;
    background: white;
    content: "";
    border: 0px;
    margin-bottom: 3px;
    width: 100%;
    content: "";
    font-size: 0;
    height: 7px;
}
.slickoverride.hp-gallery ul.slick-dots li button:hover {
    cursor:pointer;
    background: #eee;
}
.slickoverride.hp-gallery ul.slick-dots li.slick-active button {
    font-size:0px;
    border: 0px;
    display: block;
    height: 7px;
    width: 10%;
    width:100%;
    position:relative;
    left: 0px;
    text-align: center;
    content: "";
    background: #000;
}
@media (min-width: 577px) and (max-width: 768px) {
    .gallery-next img {
        width: 30px;
    }
    .gallery-prev img {
        width: 30px;
    }
    .subpage-gallery-content  .slick-slide{
        height: 50vh;

   }
   .subpage-gallery-content  .slick-slide img {
       height: 50vh;
    }

}
@media only screen and (max-width: 336px){
  .hp-slider .slick-dots {
    display: block;
    position: absolute;
    right: 0px;
    top: -20px;
    width: 150px;
    border-bottom: 1px solid #ffffff80;
    margin: 40px;
    padding: 0px;
    clear: both;
}
}



@media (min-width: 769px) and (max-width: 992px) {
    .gallery-next img {
        width: 30px;
    }
    .gallery-prev img {
        width: 30px;
    }
    .subpage-gallery-content .slick-slide{
        height: 60vh;
   }
   .subpage-gallery-content .slick-slide img {
        height: 60vh;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .gallery-next img {
        width: 30px;
    }
    .gallery-prev img {
        width: 30px;
    }
    .subpage-gallery-content .slick-slide{
        height: 65vh;
   }
   .subpage-gallery-content .slick-slide img {
        height: 65vh;
    }

}

@media (min-width: 1201px) and (max-width: 1440px) {
    .subpage-gallery-content .slick-slide {
        height: 55vh;

   }
   .subpage-gallery-content .slick-slide img {
        height: 55vh;
    }
    .gallery-next img {
        width: 30px;
    }
    .gallery-prev img {
        width: 30px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .subpage-gallery-content .slick-slide{
        height: 55vh;
        top: 48%;
   }
   .subpage-gallery-content .slick-slide img {
       height: 55vh;
    }
}

@media (min-width: 1601px) and (max-width: 1920px) {
    .subpage-gallery-content .slick-slide {
        height: 60vh;
        top: 50%;
   }
   .subpage-gallery-content .slick-slide img {
        height: 60vh;
    }
}

@media (min-width: 1921px) {

}