html {
    scroll-behavior: smooth;
}

* {
    font-family: sans-serif;

}


a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }
/*
h1 {
    color: #555 !important;
}
*/

/*********************Top Marquee starts****************************/
.topmarquee {
    background-color: #446;
    padding: 9px 0 0 0;
    z-index: 99;
    font-weight: bold;
    color: #ffffff;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
/*********************Top Marquee Ends****************************/

#toploginid .dropbtn {
    /*background-color: #4CAF50;*/
    color: #fff;
    padding: 5px 20px 5px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    background-color: #000066;
    text-decoration: none;
    font-size: 18px;
    border-radius:20px;
    box-shadow: 8px 4px 8px 4px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#toploginid .dropdown {
    position: relative;
    display: inline-block;
    top: 30px;
    right: 50px;
    
}

.dropdown-content {
    display: none;
    position: absolute;
    right:0;
    background-color: #f9f9f9;
    /* min-width: 160px;*/
    width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    float: left !important;
}

#toploginid .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#toploginid .dropdown-content a:hover {
    background-color: #f1f1f1;
}

#toploginid .dropdown:hover .dropdown-content {
    display: block;
}

#toploginid .dropdown:hover .dropbtn {
    color: #fff;
}


.toplinks{

}
.toplinks ul{
    list-style-type:none;
    margin-left:auto!important;
    float:right;
    

}
.toplinks ul li{
    padding:0px;
    display:inline-block;


}
.toplinks ul li a{
    color:#ddd;
    /*border:2px solid #343a40;*/
    padding:0px 5px 0px 5px;
}
.toplinks ul li a:hover{
    /*border:2px solid #ddd;*/
    padding:0px 5px 0px 5px;
    text-decoration:none;
    color:#fff;
}
/*.toplinks .navbar{
    padding:0px!important;
    top:0!important;
    z-index: 3000;
    margin:0px!important;
    
}*/

/********************* Logo starts *********************************/
.logotext h2 {
    font-weight: 800 !important;
    font-family: sans-serif;
    /*color: #422874;*/
    color: #0000fe;
    margin: 0px;
    padding-top: 10px;
}

.logotext p {
    color: #800000;
    font-weight: bold;
    padding-left: 5px;
    font-size: 22px;
    font-style: italic;
    margin:0px!important;
    
    font-family: 'Secular One', sans-serif;
}
/********************* Logo ends *********************************/
contactheadtop {
    padding-top: 20px;
}
.contacttop h5{
   padding-top:10px;
}
.contacttop p {
    color: #737373;
    margin:0px;
}
/*********************Top Navbar starts****************************/


.default-bg {
    background-color: #800000;
}


/* Basic styling */

#navbartopid nav {
}

#navbartopid a {
    color: white;
    text-decoration: none;
}

#navbartopid .menu,
#navbartopid .submenu {
    list-style-type: none;
}

#navbartopid .logo {
    font-size: 20px;
    padding: 7.5px 10px 7.5px 0;
}

#navbartopid .item {
    padding: 10px;
}

    #navbartopid .item.button {
        padding: 9px 5px;
    }

    #navbartopid .item:not(.button) a:hover,
    #navbartopid .item a:hover::after {
        color: #ccc;
    }
    #navbartopid .subitem:not(.button) a:hover,
    #navbartopid .submenu .subitem a:hover::after {
        color: #f0542d;
    }
/* Mobile menu */


#navbartopid .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    #navbartopid .menu li a {
        display: block;
        padding: 0px 5px;
    }

    #navbartopid .menu li.subitem a {
        padding: 10px 15px;
    }

#navbartopid .toggle {
    order: 1;
    font-size: 20px;
}

#navbartopid .item.button {
    order: 2;
}

#navbartopid .item {
    order: 3;
    width: 100%;
    text-align: left;
    display: none;
}

#navbartopid .active .item {
    display: block;
}

#navbartopid .button.secondary {
    /* divider between buttons and menu links */
    border-bottom: 1px #444 solid;
}
/* Submenu up from mobile screens */
#navbartopid .submenu {
    display: none;
    padding: 10px 10px;
    width: 280px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    #navbartopid .submenu a {
        color: #555;
    }

/*#navbartopid .item.has-submenu:hover .submenu {
        display: inline-block;
        z-index: 99;
    }*/
@media all and (max-width: 700px) {
    #navbartopid .submenu-active .submenu {
        display: block;
        z-index: 99;
    }
    #navbartopid .submenu a {
        color: #fff;
    }
}

#navbartopid .has-submenu i {
    font-size: 12px;
}

#navbartopid .has-submenu > a::after {
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
    content: "\f078";
    color: white;
    padding-left: 5px;
}

#navbartopid .subitem a {
    padding: 0px 15px;
}

/*#navbartopid .submenu-active {*/
/*background-color: #111;*/
/*border-radius: 3px;
    }*/


/* Tablet menu */
@media all and (min-width: 700px) {
    #navbartopid .menu {
        justify-content: left;
        padding-left: 0px;
    }

    #navbartopid .logo {
        flex: 1;
    }

    #navbartopid .item.button {
        width: auto;
        order: 1;
        display: block;
    }

    #navbartopid .toggle {
        flex: 1;
        text-align: right;
        order: 2;
    }
    /* Button up from tablet screen */
    #navbartopid .menu li.button a {
        padding: 10px 15px;
        margin: 5px 0;
    }

    #navbartopid .button a {
        background: #0080ff;
        border: 1px royalblue solid;
    }

    #navbartopid .button.secondary {
        border: 0;
    }

        #navbartopid .button.secondary a {
            background: transparent;
            border: 1px #0080ff solid;
        }

    #navbartopid .button a:hover {
        text-decoration: none;
    }

    #navbartopid .button:not(.secondary) a:hover {
        background: royalblue;
        border-color: darkblue;
    }
}
/* Desktop menu */
@media all and (min-width: 960px) {
    #navbartopid .menu {
        align-items: flex-start;
        flex-wrap: nowrap;
        background: none;
    }

    #navbartopid .logo {
        order: 0;
    }

    #navbartopid .item {
        order: 1;
        position: relative;
        display: block;
        width: auto;
    }

    #navbartopid .button {
        order: 2;
    }
    /*.item.has-submenu:hover .submenu{
        display:block;
        
    }*/

    #navbartopid .item.has-submenu:hover .submenu {
        display: block;
        position: absolute;
        left: 0;
        top: 44px;
        background: #fff;
        z-index: 99;
    }
    /*
    #navbartopid .submenu-active .submenu {
        display: block;
        position: absolute;
        left: 0;
        top: 68px;
        background: #111;
    }
*/
    #navbartopid .toggle {
        display: none;
    }

    /*#navbartopid .submenu-active {
        border-radius: 0;
    }*/
}




/*********************Top Navbar Ends****************************/


/*********************carousel starts****************************/
.bgimgcarouselmain {
    background-image: url('../images/mainslider/bgcover3.png');
    height: 510px !important;
    background-repeat:no-repeat;
    
    position:relative;
    z-index: 1;


   /* background: url(images/bg.jpg) no-repeat center center fixed; */
 
  background-size: cover;

}
#headerslidersectionid .mainslider {
  
   /* padding-bottom: 50px;*/
}

#headerslidersectionid .carousel-item {
    height: 510px !important;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    #headerslidersectionid .carousel-item img {
        height: 510px;
    }

#headerslidersectionid .maintrophy img {
    height: 510px;
}



/*
#headerslidersectionid .carousel-captioncon {
    padding: 0 10px 0 10px;
    position: absolute;
    right: 15%;
    
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}*/
/* #headerslidersectionid .carousel-captioncon h1 {
        font-size: 200%;
        font-weight: 400;
    }*/
#headerslidersectionid .carousel-indicators {
    bottom: 60px !important;
}
/*
#headerslidersectionid .carousel-caption hr {
    padding-bottom: 0.5px !important;
    width: 200px auto !important;
    background-color: #ddd !important;
}*/


/*********************carousel ends****************************/

/********************Slider Starts********************************/


/********************************/
/*       Fade Bs-carousel       */
/********************************/
#headerslidersectionid .fade-carousel {
    position: relative;
    height: 100vh;
}

#headerslidersectionid .carousel-inner .item {
    height: 100vh;
}

#headerslidersectionid .carousel-indicators > li {
    margin: 0 2px;
    border-radius: 50%;
    width: 20px;
    height: 5px !important;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}

    #headerslidersectionid .carousel-indicators > li.active {
        opacity: 1;
    }

/********************************/
/*          Hero Headers        */
/********************************/
#headerslidersectionid .hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

    /*#headerslidersectionid .hero h1 {
        font-size: 4em;
        font-weight: bold;
        margin: 0;
        padding: 0;
        z-index: 99;
        color: #f39c12;
    }*/
/*#headerslidersectionid .carousel-inner img {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}*/
#headerslidersectionid .carousel-inner .carousel-item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

#headerslidersectionid .carousel-inner .carousel-item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
/*#headerslidersectionid .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}*/

/********************************/
/*          Custom Buttons      */
/********************************/
#headerslidersectionid .btn.btn-lg {
    padding: 10px 40px;
}

#headerslidersectionid .btn.btn-hero,
#headerslidersectionid .btn.btn-hero:hover,
#headerslidersectionid .btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/


/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
    #headerslidersectionid .hero {
        width: 980px;
       
    }
    
}

@media screen and (max-width: 640px) {
    #headerslidersectionid .hero h1 {
        font-size: 4em;
    }
    
}

/**********************Carousel ends here*******************************/















/*********************carousel starts****************************/

#slidersection .mainslider {
    padding-top: 20px;
    padding:50px 0px;
}
#slidersection .carousel-item {
    height: 500px !important;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#slidersection .carousel-item img {
    height:500px;
}

#slidersection .maintrophy img{
    height:500px;
}



/*
#slidersection .carousel-captioncon {
    padding: 0 10px 0 10px;
    position: absolute;
    right: 15%;
    
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}*/
/* #slidersection .carousel-captioncon h1 {
        font-size: 200%;
        font-weight: 400;
    }*/
#slidersection .carousel-indicators {
    bottom: 60px !important;
}
/*
#slidersection .carousel-caption hr {
    padding-bottom: 0.5px !important;
    width: 200px auto !important;
    background-color: #ddd !important;
}*/


/*********************carousel ends****************************/

/********************Slider Starts********************************/


/********************************/
/*       Fade Bs-carousel       */
/********************************/
#slidersection .fade-carousel {
    position: relative;
    height: 100vh;
}

    #slidersection .carousel-inner .item {
        height: 100vh;
        transition-duration:0.5s;
    }

    #slidersection .carousel-indicators > li {
        margin: 0 2px;
        border-radius:50%;
        width:20px;
        height:5px!important;
       
        background-color: #f39c12;
        border-color: #f39c12;
        opacity: .7;
        
    }

        #slidersection .carousel-indicators > li.active {
            opacity: 1;
            
        }

/********************************/
/*          Hero Headers        */
/********************************/
#slidersection .hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
   
}

   /* #slidersection .hero h1 {
        font-size: 4em;
        font-weight: bold;
        margin: 0;
        padding: 0;
        z-index: 99;
        color: #f39c12;
    }
*/
#headerslidersectionid .hero h1 {
    font-size: 2.4rem;
    /*font-family: Impact;*/
    letter-spacing: 2px;
    font-weight: 800;
}

/* Faux outline for older browsers */
.outline {
    color: #0040ff; /* Unfortunately you can't use transparent here … */
    font-family: 'Times New Roman';
    /*    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

/* Real outline for modern browsers */
@supports((text-stroke: 2px #0040ff) or (-webkit-text-stroke: 2px #0040ff)) {
    .outline {
        color: #0040ff;
        -webkit-text-stroke: 2px #0040ff;
        text-stroke: 2px #0040ff;
        text-shadow: none;
    }
}

/* not for demo */
* {
    box-sizing: border-box;
}




/*#slidersection .carousel-inner img {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}*/
#slidersection .carousel-inner .carousel-item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}
    
#slidersection .carousel-inner .carousel-item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
/*#slidersection .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}*/

/********************************/
/*          Custom Buttons      */
/********************************/
#slidersection .btn.btn-lg {
    padding: 10px 40px;
}

#slidersection .btn.btn-hero,
#slidersection .btn.btn-hero:hover,
#slidersection .btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/

    
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
    #slidersection .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {
    #slidersection .hero h1 {
        font-size: 4em;
    }
}

/**********************Carousel ends here*******************************/
/*******************common heading starts*******************************/
#headingsection{
    padding:0 0 50px 0;
}
#headingsection h1{
    font-size:300%;
    color:#343A40;
   text-align:center;
}
#headingsection hr {
    width: 100px;
    height: 2px;
    padding: 2px;
    background-color: #98d578;
    margin: auto !important;
}
/*******************common heading ends*******************************/
/************common sub header starts*****************/
#subheaderid h1{
    color:#555;
    font-size:250%;
}
#subheaderid  hr {
    width: 100px;
    height: 2px;
    padding: 2px;
    background-color: #6655aa;
    margin: auto !important;
    float:left;
}
/************common sub header ends*****************/

#headersectionid{
    padding-top:20px!important;
}


/****************** Welcome section starts *********************/

/*#ceoNote .container {
    border: 2px solid #ccc;
    background-color: #eee;
    border-radius: 5px;
    padding: 16px;
    margin: 16px 0
}

    #ceoNote .container::after {
        content: "";
        clear: both;
        display: table;
    }

    #ceoNote .container img {
        float: left;
        margin-right: 20px;
        border-radius: 50%;
    }

    #ceoNote .container span {
        font-size: 20px;
        margin-right: 15px;
    }

@media (max-width: 500px) {
    #ceoNotev .container {
        text-align: center;
    }

        #ceoNote .container img {
            margin: auto;
            float: none;
            display: block;
        }
}*/


/**************ceo note starts*************/
#ceoNote .column {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    padding: 0 8px;
}

/*media screen and (max-width: 300px) {
    #ceoNote .column {
        width: 100%;
        display: block;
    }
}*/

/*#ceoNote .card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
*/
#ceoNote h2{
    padding-top:20px;
    font-family:Verdana, sans-serif;
}
#ceoNote .card img{
    width:100%;
    height:400px;
}
#ceoNote.container {
    padding: 0 16px;
}

    #ceoNote .container::after, #ceoNote .row::after {
        content: "";
        clear: both;
        display: table;
    }

#ceoNote .title {
    color: #000;
}
#ceoNote .card p{
    

    
}

    /*#ceoNote .button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
}

    #ceoNote .button:hover {
        background-color: #555;
    }
*/
    /**************ceo note ends*************/
    #welcomesectionid {
   /* height:100%;*/
    padding: 50px 0 50px 0;
    
}

#welcomesectionid .aboutsec hr {
    width: 100px;
    height: 2px;
    padding: 2px;
    background-color: #6655aa;
    margin: auto !important;
}
#welcomesectionid .aboutsec p span {
    font-weight: bold;
}
#welcomesectionid .infosection {
    width: 600px;
    /*height: 600px;*/
}
#welcomesectionid .infosection img {
    border-radius: 15px 50px;
}
#welcomesectionid .projectinfo h6 {
    color: #98d578;
}

#welcomesectionid .projectinfo h2 {
    color: rgb(5, 5, 5);
    font-size: 200%;
}

#welcomesectionid .projectinfo p {
    color: black;
    line-height: 30px;
}

#welcomesectionid .headings {
    margin-bottom: 50px;
}


    #welcomesectionid .headings h1 {
        font-size: 1.5rem;
        font-weight: bold;
        color: rgb(5, 5, 5);
        font-size: 250%;
    }
/**********************Welcome Section ends**************************************/
/**********************Objective Section starts**************************************/
#objectivesectionid {
    padding: 50px 0 50px 0;
    background-color: #f0f0f0;
    /*height:100%;*/
}
#objectivesectionid .objectivediv {
    padding-top: 50px;
}
#objectivesectionid .objectivediv p {
    padding-top: 30px;
    text-align: justify;
    color:#444;
}
#objectivesectionid .objectivediv a {
    
    color:#444;
}
/**********************Objective Section ends**************************************/
/***************Services section starts**************************/

.services-section {
    background: rgba(0, 0, 0, 0) url("../images/service-bg-cover.jpeg") no-repeat scroll left top / cover;
    padding: 104px 0 113px;
    position: relative;
}

    .services-section::before {
        opacity: 0.8;
    }

.black-trans-bg::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.services-section-banner {
    background-image: url("../images/service-banner.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 100%;
    left: 1%;
    position: absolute;
    width: 34%;
}

.services-head {
    margin: 0 0 76px;
}

    .services-head .services-title {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 32px;
        position: relative;
        text-transform: uppercase;
        margin: 0 0 5px;
    }

.services-title-border {
    background: #dadada none repeat scroll 0 0;
    display: inline-block;
    height: 1px;
    margin-left: 25px;
    position: relative;
    width: 120px;
}

    .services-title-border::before {
        background: #fdb801 none repeat scroll 0 0;
        content: "";
        height: 1px;
        left: -25px;
        position: absolute;
        top: 0;
        width: 20px;
    }

.services-head .services-text {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin: 7px 0 0;
}

.service-2 .service-box {
    margin: 0 0 72px;
}

    .service-2 .service-box .iconset {
        float: left;
        width: 24%;
    }

        .service-2 .service-box .iconset i {
            color: #fff;
            font-size: 30px;
            height: 70px;
            line-height: 70px;
            position: relative;
            text-align: center;
            width: 82px;
        }

    .service-2 .service-box .servicesB-content {
        float: left;
        padding-left: 8px;
        width: 76%;
    }

        .service-2 .service-box .servicesB-content h4 {
            color: #fff;
            font-size: 18px;
            letter-spacing: 0;
            line-height: 22px;
            margin: 0 0 14px;
        }

        .service-2 .service-box .servicesB-content p {
            color: #fff;
            line-height: 24px;
        }

.icon {
    color: #f4b841;
    padding: 0px;
    font-size: 40px;
    border: 1px solid #fdb801;
    border-radius: 100px;
    color: #fdb801;
    font-size: 28px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}




/***************Services section Ends**************************/

/****************** Testimonial Section starts *********************/

#testimonialsection {
    padding: 50px 0 100px 0;
    
}

#testimonialsection #headingsection h1{
    color:#fff;
}
#testimonialsection img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
/****************** Testimonial Section ends *********************/


/****************** contact us starts *********************/

#contactid {
    width: 100%;
    height: 100% auto;
    padding: 50px 0 100px 0;
    position: relative;
   
    /*background-image: url(../images/background_project.png);*/
}

#contactid #headingsection h1 {
    color: #fff;
}
#contactid #headings p {
    color: #555;
}
.blur {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    height:100%;
}
.contactus:before {
    content: "";
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    z-index: -1;
    /*background: linear-gradient(330deg, #e9b443 55%, #fff 0%);  */
}
#contactid.parallax {
    /* The image used */
    background-image: url("../images/contact-index-bg.jpg");
    
    /* Set a specific height */
    /*min-height: 500px;*/
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-button button {
    border: 1px solid #d1b350;
    border-radius: 100px;
    margin: 0 5px;
    padding: 10px 30px;
    outline: none;
    /*color: #50d1c0;*/
    color: #800000;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    background: transparent;
}

    .form-button button:hover {
        /*color: #50d1c0;*/
        color: #800000;
    }


form:hover .form-button button {
    background: #fff;
    /*color: #50d1c0;*/
    color: #800000;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}

/****************** contact us ends *********************/



/*.projectsecmain img {
    width: 100%;
    height: 200px;
}*/

.projectsubsec img {
    width: 100%;
    height: 100px;
}

.slider-for {
    width: 100%;
    height: 250px;
    /*margin: 30px auto 1px;*/
    overflow: hidden;
}

.slider-nav img {
    width: 100%;
    height: 100%;
}

.slider-for img {
    width: 100%;
    height: 100%;
}

.slider-nav {
    width: 100%;
    height: 85px;
    margin:;
}

    .slider-nav .slick-track {
        height: 85px;
    }

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}


/*************************company slides*********************************/

#companytestid .carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
}

    #companytestid .carousel-showmanymoveone .carousel-control.left {
        margin-left: 0;
    }

    #companytestid .carousel-showmanymoveone .carousel-control.right {
        margin-right: 0;
    }

#companytestid .carousel-showmanymoveone .cloneditem-1,
#companytestid .carousel-showmanymoveone .cloneditem-2,
#companytestid .carousel-showmanymoveone .cloneditem-3 {
    display: none;
}

#companytestid .carousel .item .col-xs-12 {
    padding: 0;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    #companytestid .carousel .item .col-xs-12:nth-last-child(-n+2) {
        display: none;
    }
}

@media all and (min-width: 768px) {
    #companytestid .carousel-showmanymoveone .carousel-inner > .active.left,
    #companytestid .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner > .active.right,
    #companytestid .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner > .left,
    #companytestid .carousel-showmanymoveone .carousel-inner > .prev.right,
    #companytestid .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    #companytestid .carousel-showmanymoveone .carousel-inner > .item.active.right,
    #companytestid .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner > .item.active.left,
    #companytestid .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

        #companytestid .carousel-showmanymoveone .carousel-inner > .item.left,
        #companytestid .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        #companytestid .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

@media all and (min-width: 992px) {
    #companytestid .carousel-showmanymoveone .carousel-inner > .active.left,
    #companytestid .carousel-showmanymoveone .carousel-inner > .prev {
        left: -16.6%;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner > .active.right,
    #companytestid .carousel-showmanymoveone .carousel-inner > .next {
        left: 16.6%;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner > .left,
    #companytestid .carousel-showmanymoveone .carousel-inner > .prev.right,
    #companytestid .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    #companytestid .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    #companytestid .carousel-showmanymoveone .carousel-inner > .item.active.right,
    #companytestid .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.6%, 0, 0);
        transform: translate3d(16.6%, 0, 0);
        left: 0;
    }

    #companytestid .carousel-showmanymoveone .carousel-inner > .item.active.left,
    #companytestid .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.6%, 0, 0);
        transform: translate3d(-16.6%, 0, 0);
        left: 0;
    }

        #companytestid .carousel-showmanymoveone .carousel-inner > .item.left,
        #companytestid .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        #companytestid .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}



/*our partners section*/
#ourPartners {
    padding: 100px 0;
}

    #ourPartners .ourPartners-heading h1 {
        text-transform: uppercase;
        font-weight: 600;
        color: #000;
        font-family: 'Acme', sans-serif;
    }

    #ourPartners .main-border {
        width: 20%;
        margin-left: 40%;
        margin-right: 40%;
        height: 5px;
        background: #82ae46;
        border-radius: 50%;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #ourPartners .ourPartners-para p {
        margin-bottom: 50px;
        font-size: 17px;
    }

    #ourPartners .ourPartners-main-inner .partSlide {
        display: none;
    }

        #ourPartners .ourPartners-main-inner .partSlide img {
            width: 100%;
            max-width: 250px;
            height: auto;
        }

    #ourPartners .ourPartners-main-inner .dot {
        display: none;
    }

    #ourPartners .ourPartners-main-inner .active {
        background-color: #717171;
    }


/*=============================================
=            scroll top            =
=============================================*/

a.scroll-top {
    position: fixed;
    right: 30px;
    bottom: -60px;
    z-index: 999;
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
    display: block;
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    background-color: #f0542d;
    color: #ffffff;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

    a.scroll-top.show {
        visibility: visible;
        opacity: 1;
        bottom: 30px;
    }

/*=====  End of scroll top  ======*/



/****************** footer starts ends *********************/

/*.footersection {
    width: 100%;
    height: auto;
    padding: 80px 0 20px 0;
    background: #3c3d3d;
    position: relative;
}

.footerlogo {
    width: 248px;
    height: 60px;
}

.footer-div h3 {
    color: #eee !important;
}
.footer-div .addrs{
    font-weight:bold;
}
.footersection a {
    color: #ddd;
}

.footersection p {
    color: #ddd;
}

.footer-div p a:hover {
    text-decoration: none;
    color: #666;
}

.footersection li a {
    font-size: 0.9rem;
    line-height: 1.6;
    font-weight: 400;
    color: #ddd;
    text-transform: capitalize;
}

.footersection h3 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 25px;
    font-size: 1.2rem !important;
    font-weight: 600;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}

.footerbar p {
    font-size: 13px;
}




#footerdiv .footer-div .dropbtn {*/
    /*background-color: #4CAF50;*/
    /*color: #ddd;*/
    /* padding: 16px;*/
    /*font-size: 16px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    text-decoration: none;
    font-size: 18px;
    padding: 0 0 10px 0;
}

#footerdiv .footer-div .dropdown {
    position: relative;
    display: inline-block;
}

#footerdiv .footer-div .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;*/
    /* min-width: 160px;*/
    /*width: 400%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
}

    #footerdiv .footer-div .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        #footerdiv .footer-div .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

#footerdiv .footer-div .dropdown:hover .dropdown-content {
    display: block;
}

#footerdiv .footer-div .dropdown:hover .dropbtn {
    color: #aaa;
}

*/


.awesomeicon-f {
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    background: #4267B2;
    padding: 10px 14px;
    border-radius: 50px;
    color: white;
    position: relative;
    top: 0%;
    left: 0%;
    z-index: 99;
    opacity: 1;
}

    .awesomeicon-f:hover {
        opacity: 0.6;
    }

.awesomeicon-i {
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: bold;
    background: #db4a39;
    padding: 6px 6px;
    border-radius: 50px;
    color: white;
    position: relative;
    top: 0%;
    left: 0%;
    z-index: 99;
    opacity: 1;
}

    .awesomeicon-i:hover {
        opacity: 0.3;
    }

.awesomeicon-g {
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: bold;
    background: #db4a39;
    padding: 6px 4px;
    border-radius: 50px;
    color: white;
    position: relative;
    top: 0%;
    left: 0%;
    z-index: 99;
    opacity: 1;
}

    .awesomeicon-g:hover {
        opacity: 0.3;
    }

.awesomeicon-t {
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    background: #1DA1F2;
    padding: 11px 11px;
    border-radius: 50px;
    color: white;
    position: relative;
    top: 0%;
    left: 0%;
    z-index: 99;
    opacity: 1;
}

    .awesomeicon-t:hover {
        opacity: 0.6;
    }

.awesomeicon-w {
    width: 40px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    background: #25d366;
    padding: 11px 11px;
    border-radius: 50px;
    color: white;
    position: relative;
    top: 0%;
    left: 0%;
    z-index: 99;
    opacity: 1;
}

    .awesomeicon-w:hover {
        opacity: 0.6;
    }


.whatsapp-icon {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
}


    .whatsapp-icon:hover {
        color: #fff;
        text-decoration: none;
    }

.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}

/*

#myBtn {*/
    /*display:none; */
    /*position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 99;
    border: none;
    color: #fff;
    background: #98d578;
    padding: 10px;
    border-radius: 10px;
}

    #myBtn:hover {
        background: #606060;
    }*/
/****************** footer ends *********************/
/*******************ABOUT Page Starts***************************/
/*******************About Header section Starts********************************/
#aboutpageid{
    padding-bottom:100px;

}
#aboutpageid .aboutheader {
    height: 200px;
    background-image: url(../images/head-contact-bg.jpg);
    
}
#aboutpageid .aboutheader .aboutheader-inner {
    width: 100%;
    height:100%;
    background-color: rgba(80, 92, 254, 0.5);
    position: relative;
    
    
    
    
}
    #aboutpageid .aboutheader .aboutheader-inner .innerhead-block {
        background-color: #fff;
        position: absolute;
        display: flex;
        justify-content: center;
        top: 130px;
        left: 37%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
#aboutpageid .aboutheader .aboutheader-inner h1{
    
    /*font-size:300%;*/
    color:#343A40;
    font-weight:900;
    padding:0 50px 0 50px;
}
/*#aboutpageid hr {
    margin: 0;
    border: 3px solid red;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}*/

/*******************About Header section Ends********************************/
/*******************About Main section starts********************************/
/*#aboutpageid .aboutcontentediv h1{
     font-size:30px;
     color:#98d578;
}*/
#aboutpageid .aboutcontentediv p{
     text-align:justify;
     color:#444;
}
#aboutpageid .aboutcontentediv a{
     
     color:#444;
}
#aboutpageid .aboutmain{
    padding-top: 100px;
}
#aboutpageid .aboutmain .infosection img{
    border-radius: 15px 50px;
}
 

/*******************About Main section Ends********************************/
/*******************ABOUT Page Ends***************************/


/*******************Contact Page Starts***************************/
/*******************Contact Header section Starts********************************/
#contactpageid {
}

#contactpageid .contactheader {
    height: 200px;
    background-image: url(../images/head-contact-bg.jpg);
}

#contactpageid .contactheader .contactheader-inner {
    width: 100%;
    height: 100%;
    background-color: rgba(80, 92, 254, 0.5);
    position: relative;
    
}

#contactpageid .contactheader .contactheader-inner .innerhead-block {
    background-color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    top: 130px;
    left: 38%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#contactpageid .contactheader .contactheader-inner h1 {
    font-size: 300%;
    color: #343A40;
    font-weight: 900;
    padding: 0 50px 0 50px;
}
#contactpageid hr{
    margin:0;
    border:3px solid red;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*******************Contact Header section Ends********************************/
/*******************Contact Main section starts********************************/
#contactpageid .contactcontentdiv {
    padding-top: 100px;
}
#contactpageid .contactcontentdiv h3 {
    padding-top: 30px;
    text-align: center;
    color:#444;
}
#contactpageid .contactcontentdiv p {
    
    text-align: center;
    color:#444;
}
#contactpageid .contactcontentdiv a {
    
   
    color:#444;
}
#contactpageid .contacAddress{
    text-align:center;
    padding-top:50px;
    padding-bottom:100px;
    color:#444;
}
#contactpageid .contacAddress span{
    font-weight:bold;
}
/*******************Contact Main section Ends********************************/
/*******************Contact Page Ends***************************/


/*******************Services Page Starts***************************/
/*******************Services Header section Starts********************************/
#servicespageheaderid{
    height:500px!important;
}
#servicespageheaderid .servicepageheading {
    height: 500px !important;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
   

/********************************/
/*          Hero Headers        */
/********************************/
#servicespageheaderid .hero {
    
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    background-color:rgba(0,0,0,0.5);
    padding:25px 50px 25px 50px;
}

    #servicespageheaderid .hero h1 {
        font-size: 6em;
        font-weight: bold;
        margin: 0;
        padding: 0;
        z-index: 99;
        color: #fff;
    }

#servicespageheaderid .servicepageheading img {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}


#servicespageheaderid .servicepageheading .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
#servicespageheaderid .overlay {
    position: absolute;
    width: 100%;
    
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}
@media screen and (min-width: 980px) {
    #servicespageheaderid .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {
    #servicespageheaderid .hero h1 {
        font-size: 4em;
    }
}
/*******************Services Header section Ends********************************/
/*******************Services Main section starts********************************/
#servicespagemainid{
    padding:100px 0 100px 0;
}

#servicespagemainid .servicecontentediv{
     
}
#servicespagemainid .servicecontentediv p{
     text-align:justify;
}
#servicespagemainid .servicemain{
    padding-top: 100px;
}
    #servicespagemainid .servicepagemain .infosection img {
        border-radius: 15px 50px;
    }
/*******************Services Main section Ends********************************/
/*******************Services Page Ends***************************/

/*******************Gallery Page Starts********************************/
/*******************Gallery Page Header starts**************************/

#gallerypageid {
    
    height: 400px !important;
}


    #gallerypageid .gallerypageheading {
        height: 400px !important;
        
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }


    /********************************/
    /*          Hero Headers        */
    /********************************/
    #gallerypageid .hero {
        position:relative;
        top: -50%;
        left: 50%;
        z-index: 3;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 1px 1px 0 rgba(0,0,0,.75);
        -webkit-transform: translate3d(-50%,-50%,0);
        -moz-transform: translate3d(-50%,-50%,0);
        -ms-transform: translate3d(-50%,-50%,0);
        -o-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        background-color: rgba(0,0,0,0.5);
        padding: 25px 50px 25px 50px;
    }

        #gallerypageid .hero h1 {
            font-size: 6em;
            font-weight: bold;
            margin: 0;
            /*padding: 0;*/
            z-index: 99;
            color: #fff;
        }

    /*#gallerypageid .gallerypageheading img {
        filter: blur(8px);
        -webkit-filter: blur(8px);
    }*/


    #gallerypageid .gallerypageheading .hero {
        opacity: 1;
        -webkit-transition: 2s all ease-in-out .1s;
        -moz-transition: 2s all ease-in-out .1s;
        -ms-transition: 2s all ease-in-out .1s;
        -o-transition: 2s all ease-in-out .1s;
        transition: 2s all ease-in-out .1s;
    }

    /********************************/
    /*            Overlay           */
    /********************************/
    #gallerypageid .overlay {
        position: absolute;
        width: 100%;
        height:400px;
        z-index: 2;
        background-color: #080d15;
        opacity: .8;
    }

#gallerypageid .gallerycontent{
    
}
#gallerypageid .gallerycontent .galflow{
    float:left;
    overflow:hidden;
    width:100%;
    height:auto;
   
}
#gallerypageid .gallerycontent img{
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (min-width: 980px) {
    #gallerypageid .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {
    #gallerypageid .hero h1 {
        font-size: 4em;
    }
}



#gallerymainid{
    padding-bottom:100px;
}





.filterDiv {
    float: left;
    overflow: hidden;
    /*display: none;*/
}

.project-filter-img {
    display: block;
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
}
.containerdiv {
    /*padding:100px 0 0 0;*/
    overflow: hidden;
}
.responsiveimg {
    overflow: hidden;
    width: 100%;
    height: 210px;
    margin-top:20px;
}
.responsiveimg img{
    height:200px;
    width:100%;

}
/*******************Gallery Page Header Ends********************************/
/*******************Gallery Page Ends***************************/


/*******************Outsource Service Page Starts********************************/
/*******************Outsource Service Page Header Starts***************************/

#Outsourcestaffid {
    display: block;
    padding: 0 0 100px 0 !important;
}

#Outsourcestaffid .servicespageheader {
    width: 100%;
    
    padding: 0px 0 50px 0;
    background-image: url(../images/background_project.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

    #Outsourcestaffid .servicespageheader h6 {
        color: #98d578;
        padding: 50px 0 0 0;
    }


#Outsourcestaffid .servicecontentediv {
}

    #Outsourcestaffid .servicecontentediv p {
        text-align: justify;
        color:#444;
    }
/*#Outsourcestaffid .servicecontentediv h1 {
       color: #98d578;
       font-size:30px!important;
    }*/
#Outsourcestaffid .servicemain {
    padding-top: 100px;
}

    #Outsourcestaffid .infosection img {
        border-radius: 15px 50px;
    }
/*******************Outsource Service Page Header Starts********************************/
/*******************Outsource Service Page Starts***************************/

.labourlawmain p{
    font-weight:bold;
    font-size:18px;
} 
.labourlawmain li{
    color:#444;
}

.labourlawmain ul{
    list-style:outside circle;
}
.laborlawscope{
    padding-top:50px;
}
.laborlawscope h2 {
    color: #98d578;
}
.laborlawscope li{
    color:#444;
}
.laborlawscope p{
    color:#444;
}

.laborlawscope ul{
    list-style:outside circle;
}




.thirdpartymain{
    padding-top:50px;
}

.thirdpartymain h4 {
    color: black;
    font-weight:bold;
}
.thirdpartymain li {
    color: #444;
}
.thirdpartymain p {
    color: #444;
}
.thirdpartymain li {
    list-style:outside circle;
}



.outsourcingmain {
    padding:50px 0 0 0;
}
.outsourcingmain h4 {
    color: black;
    font-weight: bold;
}

.outsourcingmain p {
    color: #444;
    text-align:justify;
    
}





.statutorymain {
    padding-top: 100px;
}

.statutorymain h4 {
    color: black;
    font-weight:bold;
}
.statutorymain li {
    color: #444;
}

.statutorymain li {
    list-style:outside circle;
}






/*footer {
     background: url(~/assets/images/footer-bg.jpg);
    background-size: cover;
}*/

.footer-bg {
    
    background-color:#800000;
}


.footer-area a, .footer-area p, .footer-area h3 {
    color:#ddd!important;
}

.footer-area a:hover {
    color: #02a9c0 !important;
}


/**************************************Enquiry Page Starts***************************************************/

/*******************Contact Header section Starts********************************/
#enquiryid {
}

    #enquiryid .contactheader {
        height: 200px;
        background-image: url(../images/head-contact-bg.jpg);
    }

        #enquiryid .contactheader .contactheader-inner {
            width: 100%;
            height: 100%;
            background-color: rgba(80, 92, 254, 0.5);
            position: relative;
        }

            #enquiryid .contactheader .contactheader-inner .innerhead-block {
                background-color: #fff;
                position: absolute;
                display: flex;
                justify-content: center;
                top: 130px;
                left: 38%;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }

            #enquiryid .contactheader .contactheader-inner h1 {
                font-size: 300%;
                color: #343A40;
                font-weight: 900;
                padding: 0px 50px 0 50px;
            }

   

    /*******************Contact Header section Ends********************************/
    /*******************Contact Main section starts********************************/
    #enquiryid .contactcontentdiv {
        padding-top: 100px;
    }

        #enquiryid .contactcontentdiv h3 {
            padding-top: 30px;
            text-align: center;
            color: #444;
        }

        #enquiryid .contactcontentdiv p {
            text-align: center;
            color: #444;
        }

        #enquiryid .contactcontentdiv a {
            color: #444;
        }

    #enquiryid .contacAddress {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 100px;
        color: #444;
    }

        #enquiryid .contacAddress span {
            font-weight: bold;
        }
/*******************Contact Main section Ends********************************/
/*******************Contact Page Ends***************************/



#intercompcomitteeid {
    padding-top:50px;
    padding-bottom:50px;
}

#intercompcomitteeid h3{
    color:#000;
}
#intercompcomitteeid p {
    color: #444;
}


#committeeauditid{
    padding:50px 0 50px 0;
}

#committeeauditid h3{
     color:#000;
}

#committeeauditid p{
     color: #444;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
th{
    background-color:#1DA1F2;   
    color:#fff
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(odd) {
    background-color: #dddddd;
}





#complaintid{
    position:absolute;
    
    right:7%;
}
#complaintid #complaintbtn {
    border:1px solid #800000;
    color:#800000;
    padding:5px 20px; 
}
#complaintid #complaintbtn:hover{
    border-radius:20px;
    background-color:#800000;
    color:#fff;
}

/*************Notification page starts***************/


#notificationmainid {
    /*padding:100px 0 100px 0;*/
}


    /* Fixed sidenav, full height */
    #notificationmainid .sidenav {
        height: 100vh;
        width: 200px;
        position: relative;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        padding-top: 20px;
    }

        /* Style the sidenav links and the dropdown button */
        #notificationmainid .sidenav a, #notificationmainid .dropdown-btn {
            padding: 6px 8px 6px 16px;
            text-decoration: none;
            font-size: 16px;
            color: #818181;
            display: block;
            border: none;
            background: none;
            width: 100%;
            text-align: left;
            cursor: pointer;
            outline: none;
        }

            /* On mouse-over */
            #notificationmainid .sidenav a:hover, #notificationmainid .dropdown-btn:hover {
                color: #f1f1f1;
            }

    /* Main content */
    #notificationmainid .main {
        
        margin-left: 0px; /* Same as the width of the sidenav */
        font-size: 20px; /* Increased text to enable scrolling */
        padding: 0px 10px;
        position:relative;
        top: 0;
    }

    /* Add an active class to the active dropdown button */
    #notificationmainid .active {
        color: white;
    }

    /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
    #notificationmainid .dropdown-container {
        display: none;
        background-color: #262626;
        padding-left: 8px;
    }

    /* Optional: Style the caret down icon */
    #notificationmainid .fa-caret-down {
        float: right;
        padding-right: 8px;
        padding-top:inherit;
    }

    /* Style tab links */
    #notificationmainid .tablink {
        background-color: #555;
        color: white;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        font-size: 17px;
        width: 25%;
    }

        #notificationmainid .tablink:hover, #notificationmainid .dropdown-btn:hover{
            background-color: #777;
        }

    /* Style the tab content (and add height:100% for full page content) */
    #notificationmainid .tabcontent {
        color: black;
        display: none;
        padding: 50px 20px;
        height: 100%;
    }


/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
    #notificationmainid .sidenav {
        padding-top: 15px;
    }

        #notificationmainid .sidenav a {
            font-size: 18px;
        }
}



/*************Notification page ends***************/

/****************** media queries starts *********************/

@media(max-width:768px) {



    
    
    .contactheadtop {
        display: none;
    }
    .medlinktop{
        display:none;
    }
    .header-area__desktop--default .header-info-area{
        padding:0px;
    }
    .navbar-nav {
        text-align: left;
    }

    #slidersection .carousel-item {
        height: 250px !important;
    }

        #slidersection .carousel-item img {
            height: 250px;
        }

    #slidersection .maintrophy img {
        height: 250px;
    }






    .pricing .card-body {
        height: auto;
    }

    .card-second {
        padding-top: 30px;
    }

    #testimonialsection h3, #testimonialsection p {
        text-align: center;
    }

    /*.footer-div {
        padding-top: 30px;
    }*/

    .carousel-caption1 {
        width: auto;
    }

    .carousel-caption2 {
        width: auto;
    }

    #contactpageid .contactheader .contactheader-inner .innerhead-block {
        left: 7%;
    }

    #aboutpageid .aboutheader .aboutheader-inner .innerhead-block {
        left: 6%;
    }

    #welcomesectionid {
        height: auto;
    }

        #welcomesectionid .infosection {
            padding-top: 20px !important;
        }

    #objectivesectionid .objectivemain {
        padding-bottom: 50px;
    }

    #aboutpageid .aboutmain .infosection {
        padding-top: 20px;
    }


    /**************************************************************************/



    .logo {
        width: 100px;
        position: relative;
        left: 35%;
    }

    .logotext h2 {
        font-size: 180%;
        padding: 0px;
    }

    .logotext p {
        font-size: 19px;
        padding: 0px;
    }

    .bgimgcarouselmain{
        background-image:none;
        height:300px!important;
    }

    #headerslidersectionid .row {
        padding-left: 30px !important;
    }
    #headerslidersectionid .carousel-item {
        height: 300px !important;
    }

        #headerslidersectionid .carousel-item img {
            height: 300px;
        }

    #headerslidersectionid .maintrophy img {
        height: 300px;
    }

   

    #headerslidersectionid .hero h1{
        font-size:2rem;
    }

    #headerslidersectionid .carousel-indicators{
        bottom:30px!important;
    }

    #ourPartners .partSlide  img{
        margin:10px auto;
        display:block;
        
    }

    #Outsourcestaffid .servicecontentediv{
        padding-top:30px;
    }
    #gallerymainid .containerdiv{
        padding-left:0px;
        padding-right:0px;
        
    }
    #slidersection .maintrophy img{
        width:200px;
        margin:auto;
        display:block;
        height:300px;

    }
    #notificationmainid .sidenav{
        height:100%;
        position:relative;
        width:100%;
    }
    /* Main content */
    #notificationmainid .main {
        margin-left: 200px; /* Same as the width of the sidenav */
        font-size: 20px; /* Increased text to enable scrolling */
        padding: 0px 10px;
        position:relative;
        margin-left:0;
    }
    #notificationmainid .tabcontent{
        padding:100px 0px; 
    }

}