html,body {
    height:100%;
}
body {
    background: #000000;
    color: #FFFFFF;
}

.text-accent {
    color: #f2e7b3;
}

.mt-6 {
    margin-top: 6rem;
}


.pt-6 {
    padding-top: 6rem;
}

.pb-6 {
    padding-bottom: 6rem;
}

.opaque {
    opacity: 0.5;
}

.no-resize {
    resize: none;
}

.bg-black {
    background: #111111;
}

.gallery .item img {
    padding-bottom: 1em;
    transition-duration: 500ms;
}

.gallery .item img:hover, .grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition-duration: 1s;
}

.grayscale:hover {
    filter: none;
    -webkit-filter: none;
}

.btn-minimal {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
}

.btn-minimal:hover {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.2);
}

a.unlink, a.unlink:hover, a.unlink:focus {
    color: inherit;
    text-decoration: inherit;
}

.vignette {
    width: 100%;
    height: 100%;
    background-image: url('../img/bg-mask.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.overlay .spinner-border {
    width: 6em;
    height: 6em;
}

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
}

nav#alto-navigation {
    z-index: 100;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

section {
    position: relative;
    display: flex;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

section .vignette {
    min-height: 100vh;
}

section#drone-services {
    background: #000000;
    background-image: url('../img/drone/bg.jpg');
}

section#contact {
    background: #000000;
    background-image: url('../img/contact/bg.jpg');
}

.background-video {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -10;
    width: 100%;
    height: 100%;
}

.slider-fade {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url('../img/slider/bg.png');
    background-repeat: repeat-x;
    background-position-y: bottom;
}

.slide {
    height: 100%;
    width: 100%;
}

#main-slider, #main-slider .carousel-inner {
    height: 100vh;
    width: 100%;
}

#slide-home {
    background-image: url('../img/slider/home.jpg');
    background-size: cover;
}

#slide-drone {
    background-image: url('../img/slider/drone_services.jpg');
    background-size: cover;
}

#slide-tours {
    background-image: url('../img/home4-blurred.jpg');
    background-size: cover;
}

#slide-realestate {
    background-image: url('../img/slider/real_estate.jpg');
    background-size: cover;
}

#slide-about {
    background-image: url('../img/home6-blurred.jpg');
    background-size: cover;
}

#main-slider .carousel-item img {
    max-height:100vh;
    width:100%;
}

.footer-social-links{
    font-size: 14px;
}
.footer-social-links a{
    width: 25px;
    height: 25px;
    line-height: 25px !important;
    position: relative;
    margin: 0 5px;
    text-align: center;
    display: inline-block;
    color: #EDEDED;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.footer-social-links a i,
.footer-social-links a span{
    position: relative;
    top: 1px;
    left: 5px; 
}
.footer-social-links a:before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 2;
    left: -9;
    border: 1px solid #888888;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    
}
.footer-social-links a:hover{
    color: #fff;
}
.footer-social-links a:hover:before{
    background: #555555;
}