html,
body {
    height: 100%;

}

body {
    padding-top:0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

 
/* for desktop */
.whatsapp_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
    right: 0px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.whatsapp-icon {
    margin-top: 16px;
}

/* for mobile */
@media screen and (max-width: 767px) {
    .whatsapp-icon {
        margin-top: 10px;
    }

    .whatsapp_float {
        width: 40px;
        height: 40px;
        bottom: 70px;
        right: 40px;
        font-size: 32px;
    }
}
.career
{ width:100%; padding-bottom:2%}
.career img
{ width:100%}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}


#slider
{ 
float:left;
clear:both;
width:100%;
background-color:#033;
}

#slider  ul li img
{
width:100%;}

.headerr{background-color:#; margin:0px; padding:0px; height:auto; padding:2px 0px 2px 5px;}
.row .col-md-12 img
{ width:100%;}
.menu
{ }
.menu ul
{ list-style:none; margin-top:35px; padding:0px; float:right; font-size:13px;}
.menu ul li
{ float:left; padding:2px;}
.menu ul li a
{ float:left; padding:5px 15px; text-decoration:none; color:#fff; background-color:#c23326;}
.menu ul li a:hover
{ float:left; padding: 5px 15px; text-decoration:none;color:#fff; background-color:#eccf30;}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
  	background-color:#83231a;
	width:100%;
	text-align:center;
	height:60px;
	line-height:60px;
	color:#fff;
}
.container{ min-height:430px;}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}