/*Custom Style Sheet

Author: Dilip Das;
Version: 1.0;
Last Update: 8/8/2016;
*/


/********Google Font**********/

@import 'https://fonts.googleapis.com/css?family=Merriweather';
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: 'Merriweather', serif;
}
address,
strong {
    font-family: 'Merriweather', serif;
}

/**********Heading Title**************
******************************************/

#title > h1 {
    padding: 10px;
    margin-left: 100px;
    color: green;
}
#title > a > img{
    height: 100px;
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#support {
    margin-top: 25px;
}

/***********For Extra Small Device <768px ******/

@media screen and (max-width: 767px) {
    #title {
        height: 60px;
        overflow: hidden;
        background-color: white;
        margin-bottom: -25px;
    }
    #title > h1 {
        font-size: 2.4em;
        margin-left: 60px;
        margin-top: 0px;
        color: green;
    }
    #title > a > img{
        height: 50px;
        width: 50px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #support {
        float: right;
    }
    #support > div {
        float: right;
    }
}

/************For Very Small Device <500*/

@media screen and (max-width: 500px) {
    #title {
        height: 50px;
    }
    #title > h1 {
        font-size: 2em;
        float: left;
        display: block;
        margin-left: 5px;
    }
}

/*************Navigation***********************
**********************************************/

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}
#quick-contact {
    background-image: url('../img/contact-bg.png');
    background-attachment: fixed;
    color: #fff;
    margin-bottom: 0px;
}
#quick-service {
    background-image: url('../img/service-bg.png');
    background-attachment: fixed;
    text-indent: 25px;
}
.success-glass,
.info-glass,
.warning-glass,
.danger-glass {
    background-repeat: repeat;
    border: 1px solid #000;
}
.success-glass {
    background-image: url('../img/success-glass.png');
}
.info-glass {
    background-image: url('../img/info-glass.png');
}
.warning-glass {
    background-image: url('../img/warning-glass.png');
}
.danger-glass {
    background-image: url('../img/danger-glass.png');
}

/***********Jumbotron*********/

.jumbotron {
    margin-bottom: 0px;
}

/*********Quick Service**************/

#quick-service {
    background-image: url('../img/service-bg.png');
    background-attachment: fixed;
    text-indent: 25px;
}
@media screen and (min-width:1361px) and (max-width:1508px) {
    .service-list {
        height: 250px;
    }
}
@media screen and (min-width:997px) and (max-width:1308px) {
    .service-list {
        height: 300px;
    }
}

/************Footer***********/

footer {
    background-color: #212121 !important;
    background-image: url('../img/contact-map.png');
    background-size: cover;
    color: #fff !important;
    margin-bottom: 0px !important;
}
.sitemap > a {
    color: #fff;
}
.text-indent {
    text-indent: 25px;
}

/***********************Animated CSS********/

#bounce {
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 3s;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-duration: 3s;
    -ms-animation-delay: 2s;
    -ms-animation-iteration-count: infinite;
}
.tada {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
}