/*

@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
*/
body{
    overflow-x: hidden;
}
p{
    font-weight: 400;
}
ul li{
    text-decoration: none;
    list-style-type: none;
}
a{
    text-decoration: none;
    color: #000;    
}
a:hover{
     color: #000;
}
nav ul li .active{
    background: #45526e;
}
h2{
    line-height: 1.4;
}
h6 {
    line-height: 1.7;
}
#aboutus, #ourbuildings, #gallery{
    margin-top: 5%;
}
/*Navbar*/
.navbar-brand{
    font-weight:200;
    font-size: 1.5rem;
}
.navbar {
    background-color: #1c2331;
}

nav p {
    font-size: 1.3rem;
    font-weight:200;
}
.navbar {
    background-color: #0f2031;
}
@media (min-width: 1920px){
    .container {
        max-width: 1367px;
}
}
/*///scrolling navbar*/
@media all and (min-width:990px){
    
    .navbar {
        background-color: #0f2031;
    }
    nav.navbar.shrink {
        height: 52px;    
        background:#0f2031;
    }

    nav.navbar{  
       -webkit-transition: all 1s ease-in-out;
       transition: all 1s ease-in-out;

    }
}
.md-form .prefix {
    font-size: 1.5rem;
    margin-top: 1rem;
}

/*carousel*/


.carousel-inner{
    overflow:visible;
} 

.carousel-caption{
    top: 25vh;
    color:#fff;
}
.carousel-caption h3{
    font-size:2rem;
    line-height:1.4;
    font-weight: 600;
}
.carousel-caption p{
    font-size: 1.1rem;
    line-height:1.5;
    font-weight: 500;
}
.carousel {    
    width:100%;
}
.img{
    width:100%; 
    background-size:cover;   
    height:100vh;
    background-position:center center;
    background-repeat: no-repeat;
}
.img1{    
    background-image:url("../website/IMG_0163(1).jpg");    
}
.img2{
    background-image: url( "../website/IMG_2092(2).JPG");
}
.img3{
    background-image: url( "../website/IMG_1466(1).jpg");
}
.img4{
    background-image: url( "../website/p1a8hcnvge1b3b35li451hl247j8(1).jpg");
}


@media all and (min-width:800px){
    .carousel-caption {
        width:50%;
        height:auto;        
    }
}
@media all and (max-width:800px)and (orientation:portrait){
    .carousel-caption h3{
        font-size: 1.3rem;
        }
    .carousel-caption p{
        font-size: 1rem;
        }     

}

@media all and (max-width:800px)and (orientation:landscape){
    .carousel-caption h3{
        font-size: 1.3rem;
        }
    .carousel-caption p{
        font-size: 1rem;
        }
}
@media all and (max-width:645px){
    .carousel-caption{
        top: 20vh;       
    }

}
@media all and (max-width:515px){   
    
    .carousel-caption{
        top: 15vh;
    }
      .arrow{
        display:none !important;
    }
}


@media all and (max-height:500px){
      
    .carousel-item a {
       display:none !important;
    }
    .arrow{
        display:none !important;
    }

}

@media all and (max-width:360px){    

    .arrow{
        display:none !important;
    }    

}

@media all and (min-height:1000px){
    .img{
        height:85vh;
    }
    .arrow{
        display:none !important;
    }
    header{
        height:85%!important;
    }
}
@media all and (min-width:1920px){
    
    .carousel-caption h3{
        font-size: 2.8rem;
        }
    .carousel-caption p{
        font-size: 1.5rem;
        }     
}
.arrow{
    position:absolute;
    top:90vh;
    
}

.fa-angle-down{
    animation-name: arrow_animation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    border:1px solid #f78b00;
    padding: 2px 14px;
    
}

/* The animation code */
@keyframes arrow_animation {
    0% {color:#f78b00;}
    50% {color:rgba(247, 139, 0, 0.30);}
    100% {color:#f78b00;}
}

/*cookies*/
.cookies{
    position:fixed;    
    height:auto;
    bottom:1%;
    z-index:9999;
    display:none;
    right:1%;
    font-size: 0.8rem;
}

/*ourbuildings*/
.bg{
    height:170px;
}

.bg h3{
    line-height: 170px;
    color: #1c2a48;
}

@media all and (max-width: 768px){
    
    .card{
        margin-top: 20px;
    }
}
/*Buttons*/
.btn-mdb-custom{
    background-color:#f78b00;
}
.btn-outline-primary-custom {
    border: 2px solid #45526e;
    border-radius: 50px;
    color: #45526e !important;
    font-weight: 500;
    background-color: transparent;
}
.btn-outline-primary-custom:hover, .btn-outline-primary-custom:focus {
     border: 2px solid #7283a7 ;
    border-radius: 2px solid #7283a7 !important;
}
.btn-outline-primary-custom {
    border: 2px solid #f78b00;   

}
/*icons*/

.fa-check {
    color: green;    
}
.fa-remove{
    color:#ff4444;    
}
.fa-home,.fa-map-marker, .fa-phone, li .fa-envelope{
    color:#f78b00;
}
/*////////Lightbox//////////*/

.tz-gallery {
    padding: 40px;
}

.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}
.tz-gallery img {
    border-radius: 4px;
}
.baguetteBox-button {
    background-color: transparent !important;
}


/*contact*/
#contact ul{
    padding:0;
}

footer.page-footer{
    padding:0;
}
footer{
    background-color:#0f2031;
    
}
footer p{
    font-size:0.8rem;
    line-height: 1.5rem;
    color: rgba(255,255,255,.6);
    margin-bottom:0;
    
}
footer a{
    color: rgba(255,255,255,.6);
    
}
footer span{
    font-size:0.75rem;
}
footer a:hover{
    color: rgba(255,255,255,.4);
}