/*
    " CSS Created by Manan Bhatt.."
*/

#map {
    height: 100%;
}


/*Font*/


/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');*/

.font-color-header {
    color: #234C6E;
}

.font-color-blk {
    color: #3B3B3B;
    letter-spacing: 0;
}

.font-color-white {
    color: #FFFFFF;
    letter-spacing: 0;
}

.font-color-lightblue {
    color: #4F7697 !important;
}

.font-light {
    font-weight: 100 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
    color: #3B3B3B;
    letter-spacing: 0;
}

.font-size-22 {
    font-size: 22px;
    color: #3B3B3B;
    letter-spacing: 0;
}

.font-size-28 {
    font-size: 28px;
}


/*Margin & padding*/

.mar-top--75 {
    margin-top: -75px;
}

.mar-5 {
    margin: 5px !important;
}

.mar-10 {
    margin: 10px !important;
}

.mar-15 {
    margin: 15px !important;
}

.mar-20 {
    margin: 20px !important;
}

.mar-25 {
    margin: 25px !important;
}

.mar-30 {
    margin: 30px !important;
}

.mar-left-5 {
    margin-left: 5px !important;
}

.mar-left-10 {
    margin-left: 10px !important;
}

.mar-left-15 {
    margin-left: 15px !important;
}

.mar-left-20 {
    margin-left: 20px !important;
}

.mar-left-25 {
    margin-left: 25px !important;
}

.mar-left-30 {
    margin-left: 30px !important;
}

.mar-right-5 {
    margin-right: 5px !important;
}

.mar-right-10 {
    margin-right: 10px !important;
}

.mar-right-15 {
    margin-right: 15px !important;
}

.mar-right-20 {
    margin-right: 20px !important;
}

.mar-right-25 {
    margin-right: 25px !important;
}

.mar-right-30 {
    margin-right: 30px !important;
}

.mar-top-5 {
    margin-top: 5px !important;
}

.mar-top-10 {
    margin-top: 10px !important;
}

.mar-top-15 {
    margin-top: 15px !important;
}

.mar-top-20 {
    margin-top: 20px !important;
}

.mar-top-25 {
    margin-top: 25px !important;
}

.mar-top-30 {
    margin-top: 30px !important;
}

.mar-top-50 {
    margin-top: 50px !important;
}

.mar-top-75 {
    margin-top: 75px !important;
}

.mar-top--50 {
    margin-top: -50px;
}

.mar-bottom-5 {
    margin-bottom: 5px !important;
}

.mar-bottom-10 {
    margin-bottom: 10px !important;
}

.mar-bottom-15 {
    margin-bottom: 15px !important;
}

.mar-bottom-20 {
    margin-bottom: 20px !important;
}

.mar-bottom-25 {
    margin-bottom: 25px !important;
}

.mar-bottom-30 {
    margin-bottom: 30px !important;
}

.mar-bottom-50 {
    margin-bottom: 50px !important;
}

.pad-5 {
    padding: 5px !important;
}

.pad-10 {
    padding: 10px !important;
}

.pad-15 {
    padding: 15px !important;
}

.pad-20 {
    padding: 20px !important;
}

.pad-25 {
    padding: 25px !important;
}

.pad-30 {
    padding: 30px !important;
}

.pad-left-5 {
    padding-left: 5px !important;
}

.pad-left-10 {
    padding-left: 10px !important;
}

.pad-left-15 {
    padding-left: 15px !important;
}

.pad-left-20 {
    padding-left: 20px !important;
}

.pad-left-25 {
    padding-left: 25px !important;
}

.pad-left-30 {
    padding-left: 30px !important;
}

.pad-right-5 {
    padding-right: 5px !important;
}

.pad-right-10 {
    padding-right: 10px !important;
}

.pad-right-15 {
    padding-right: 15px !important;
}

.pad-right-20 {
    padding-right: 20px !important;
}

.pad-right-25 {
    padding-right: 25px !important;
}

.pad-right-30 {
    padding-right: 30px !important;
}

.pad-top-5 {
    padding-top: 5px !important;
}

.pad-top-10 {
    padding-top: 10px !important;
}

.pad-top-15 {
    padding-top: 15px !important;
}

.pad-top-20 {
    padding-top: 20px !important;
}

.pad-top-25 {
    padding-top: 25px !important;
}

.pad-top-30 {
    padding-top: 30px !important;
}

.pad-bottom-5 {
    padding-bottom: 5px !important;
}

.pad-bottom-10 {
    padding-bottom: 10px !important;
}

.pad-bottom-15 {
    padding-bottom: 15px !important;
}

.pad-bottom-20 {
    padding-bottom: 20px !important;
}

.pad-bottom-25 {
    padding-bottom: 25px !important;
}

.pad-bottom-30 {
    padding-bottom: 30px !important;
}


/*Left side menu*/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    background-color: #191919;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}


/*Bodder*/

.red-brd {
    border: solid 1px red;
}

.blue-right-brd {
    border-right: 2px solid #234C6E;
}

.ftr-brd {
    border-bottom: 2px solid #153a58;
}


/* Top nav menu right-side */


/*Backgund for logo*/


/* Rectangle: */

.logo-bg {
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.50);
    border-radius: 8px;
}

.ser-sol-bg {
    background: #234C6E;
    color: #ffffff;
}

.testimonial-user-img {
    background: #234C6E;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);
}


/*Background Images*/

.aboutus-bg {
    height: auto;
    background: url(../img/bg-aboutus.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.team-bg {
    height: auto;
    background: url(../img/bg-team.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.footer-bg {
    color: #ffffff;
    height: auto;
    background: url(../img/bg-ftr.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/*   Testimonial CSS     */

.quote {
    color: rgba(0, 0, 0, .1);
    text-align: center;
    margin-bottom: 30px;
}

#fade-quote-carousel.carousel {
    padding-bottom: 60px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators>li {
    background-color: #234C6E;
    border: none;
}

#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}

#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.50);
}

.banner-img1 {
    height: 600px;
    background: url(../img/mb-1.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner-img2 {
    height: 600px;
    background: url(../img/worldmap.png) center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.img-20 {
    width: 20%;
}

.home {
    display: block;
}

@media only screen and (max-width: 500px) {
    .img-15 {
        width: 50% !important;
        float: right !important;
    }
    .mar-top--50 {
        margin-top: -15px !important;
    }
    .home {
        display: none !important;
    }
    .navbar-fixed-top {
        position: absolute !important;
    }
}

@media only screen and (max-width: 1366px) {
    .mar-top--75 {
        margin-top: -50px !important;
    }
}