/* preloader Section Starts */
#preloader {
    position:fixed;
    left:0;
    top:0;
    z-index:99999999999;
    width:100%;
    height:100%;
    overflow:visible;
    background: #fff url('../images/preloader.gif') no-repeat center center;
}
/* preloader Section Ends */


/* Body Section Starts */
#body {

}
/* Body Section Ends */


/* Navigaton Section Starts */
#nav {

    }

#nav #contactz {
    text-align: right; 
    color:black; 
    padding-top: 2px;
    background-color: white;
}

#nav ul li{
    color:black;
}

#nav .navbar-brand {
    margin-top: 0; 
    padding-top: -10px;
}

#nav .navbar-brand img{
    width: 250px;
    height: auto;
    margin-top: -10px;
    padding-top: 0px;
    width:250px;
    height:auto;
    padding-left: 20px;
    line-height: 20px;
}

#brandName {
    color: red;
    font-family: colonna MT;
    font-size: 25px;
}

/* Navigation Section Ends */



/* Carousel Section Starts */
#caro{
    background-color: black;
}

#caro .carousel-inner h1 {
    font-size: 2.5em; 
    color: red;
}

#caro .carousel-inner p {
    font-size: 20px;
    text-shadow:2px 2px black;
}

#caro .carousel-inner label {
    border-style: solid; 
    border-width: 2px; 
    border-color: black; 
    padding: 7px 5px; 
    color: black;
}


#caro .carousel-inner .item .carousel-caption h3 {
    font-size: 40px; 
    color: white;
}

/* Carousel Section Ends */


/* About Section Starts */
#about {
    background-color:blanchedalmond;
}

#about .line h2 h4{
    color: black; 
    text-align: center;
}
/* About Section Ends */



/* Services Section Starts */
#services {
    box-shadow: 4px 7px 20px #bbbbbb; 
    padding: 20px 20px 20px 20px; 
    border-radius: 80px 0px 80px;
}

#services #each {
    box-shadow: 4px 7px 20px #bbbbbb; 
    padding: 40px 20px 50px 20px; 
    border-radius: 80px 0px 80px;"
}

/* Services Section Ends */


/* Portfolio Section Starts */
#portfolios {
    padding: 0px 0px 50px 0px;
    padding-top: 20px;
}
/* Portfolio Section Ends */


/* Testimonial Section Starts */

#testimonials {
    background-color:blanchedalmond;
}

#testimonials .row {
    box-shadow: 4px 7px 20px #bbbbbb; 
    padding: 40px; 
    padding-bottom: 60px; 
    border-radius: 0px 120px 0px 120px;
}

#testimonials .item {
    padding: 60px;
    box-shadow: 4px 7px 20px #bbbbbb;
    border-radius: 30px;
}
/* Testimonial Section Ends */


/* Subscribe Section Starts */
#subscribe {
    background-image: url(../images/33.jpg);
    background-repeat: no-repeat;
    background-position: absolute;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
}

#subscribe p {
    background-color:black; 
    opacity: 0.7; 
    color: white;
}

#subscribe form .form-group {
    margin-right:0px; 
    padding-right:0px;
}

#subscribe form #sub {
    margin-left:0px; 
    padding-left:0px;
}

/* Subscribe Section Ends */



/* Blog Section Starts */
#blog .row {
    box-shadow: 4px 7px 20px #bbbbbb; 
    padding: 40px; 
    padding-bottom: 60px; 
    border-radius: 120px 0px  120px 0px;
}

#blog #posts {
    box-shadow: 4px 7px 10px #bbbbbb;
}
/* Blog Section Ends */

/* Contact Section Starts */
#contact{
    background-image: url("../images/contact.jpg");
    background-repeat: no-repeat;
    background-position: absolute;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}

#contact #form {
    margin-bottom: 50px; 
    padding-bottom: 20px; 
    background-color: white; 
    opacity: 0.85;
}
/* Contact Section Ends */


/* Footer Section Starts */
 #footer {
    margin-top: 5px;
    background-color: #222222;
    padding: 20px;
}

#webfooter {
    text-decoration: none;
    color: white;
    padding-bottom: 20px;
}

#message {
    height:110px;
}
/* Footer Section Ends */



/* For the two vertical lines before and after the H1/TITLES */
.line h2::after,
.line h2::before{
    content: " ";
    height: 3px;
    background-color:#3F4142;
    width: 5%;
    position: relative;
    vertical-align:middle;
    display: inline-block;
    text-align: center;
}
/* Ends */