/* Custom Stylesheet */


/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */


.carousel.carousel-slider .carousel-item {
    height: 550px;
}

.banner-button {
    background-color: #235cab;
}

 div#example1_wrapper> div > div > table.dataTable > tbody > tr > td{
        text-align:center !important;
 }

/*.slider1 {
    background-image: url(../img/Homepage1.png);
    background-size: cover;
}


.slider2 {
    background-image: url(../img/Homepage2.png);
    background-size: cover;
}

.slider3 {
    background-image: url(../img/Homepage3.png);
    background-size: cover;
}

.slider4 {
    background-image: url(../img/Homepage4.png);
    background-size: cover;
}

.slider5 {
    background-image: url(../img/Homepage5.png);
    background-size: cover;
}

.slider6 {
    background-image: url(../img/Homepage6.png);
    background-size: cover;
}


.sliders1 {
    background-image: url(../img/Bioinfo1.png);
    background-size: cover;
}


.sliders2 {
    background-image: url(../img/Bioinfo2.png);
    background-size: cover;
}

.sliders3 {
    background-image: url(../img/Bioinfo3.png);
    background-size: cover;
}

.sliders4 {
    background-image: url(../img/Bioinfo4.png);
    background-size: cover;
}

.sliders5 {
    background-image: url(../img/Bioinfo5.png);
    background-size: cover;
}

.sliders6 {
    background-image: url(../img/Bioinfo6.png);
    background-size: cover;
}*/
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button:hover {
    opacity: 0.8;
}

.container {
    width: 85% !important;
}

.icon-block {
    padding: 0 15px;
}

.icon-block .material-icons {
    font-size: inherit;
}

.nav_bar {
    background-color: #ffffff !important;
    color: #2fc0c5 !important;
    /*    position: fixed;*/
}

.disc li {
    list-style-type: disc !important;
}

nav ul a:hover {
    color: #95c12a !important;
    background-color: transparent !important;
}

nav ul a {

    color: #faaa31;
}

nav .brand-logo {
    color: #2fc0c5;
    width: 50%;
}

.brand-logo img {
    padding-top: 30px;
    width: 30%;
}


.bannerbg {
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.home {
   
    text-align: center;
}

.video1 {
    margin-top: 4em;
}

.home h4 {
    background-color: #0101019c;
}

.banner {
    /*height: 595px;*/
}

#index-banner h1 {
    color: #9ec73f;
    margin-top: -40px;
}

#index-banner {
    padding-top: 4em;
    background-size: cover;
}

#auto {
    padding-top: 4em;
}

#about {
    padding-top: 4em;
}

#about p {
    /*  padding-left: 1em;*/
    text-align: justify;
    line-height: 2;
    color: #456076;
    /*  border-left: solid #f87c84;
*/
}

#about h3 {
    color: #0cbbc1;
}

#services_home {
    background-image: url(../img/services_home.png);
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 4em;
    color: #ccc;
}

#services_home h6 {
    line-height: 1.5;

    font-size: 16px;
}

#services_home h5 {
    color: #f1f1f1;
    font-size: 23px;
}

#services_home h3 {
    color: #dc2433;
}

#services_home .row {
    margin-bottom: 0px;
}

#services_home a {
    cursor: pointer;
}

#services h3 {
    color: #0cbbc1;
}

.blue-grey.darken-1 {
    background-color: #aed8ff !important;
}

.blue-grey.darken-2 {
    background-color: #a0cdf7 !important;
}

.blue-grey.darken-3 {
    background-color: #96c7f6 !important;
}

.blue-grey.darken-4 {
    background-color: #87bcee !important;
}

.blue-grey.darken-5 {
    background-color: #7fb3e3 !important;
}

.blue-grey.darken-6 {
    background-color: #6ea7dc !important;
}

#services a {
    color: #5a5651;
}

.padnone {
    padding: 0px !important;
}

.card {
    margin: 0 0 0 0 !important;
    border-radius: 0;
    box-shadow: none;
}

.textpad {
    padding-left: 2em !important;
}


.bannerbg2 {
    background-image: url(../img/banner2.png);
    background-size: cover;
}

.banner2 {
/*    height: 520px;
*/}

#second-banner {
    /*padding-top: 4em;*/
    border-bottom: solid #f87c84;
    background: #faebd7;
    background: url(../img/services_home2.jpg);
    background-size: cover;
}

#knw-banner {
    /*padding-top: 4em;*/
    border-bottom: solid #f87c84;
    background: #faebd7;
    background: url(../img/services_home2.jpg);
    background-size: cover;
}

#knw-banner h5 {
    margin-left: 2em;
    font-size: 18px;
    text-align: left;
    color: #555;
    line-height: 2;
    font-style: italic;
    /* border-right: solid #f87c84; */
    padding-right: 1em;
}

.knw h6 {
    color: #456076 !important;
}

h6>img {
    width: auto !important;
    margin-top: 0px !important;
}

#second-banner img {
    width: 100%;
}

#second-banner h5 {
    margin-left: 2em;
    font-size: 18px;
    text-align: left;
    color: #555;
    line-height: 2;
    font-style: italic;
    /*border-right: solid #f87c84;*/
    padding-right: 1em;
}

#second-banner h4 {
    margin-left: 1.2em;
}

#client {
    /* height: 595px;*/
    border-bottom: 2em;
    background-image: url(../img/clients_bg.jpg);
}

#client h3 {
    padding-top: 1em;
    color: #0cbbc1;
}

.bannerbg3 {
    background-image: url(../img/banner3.png);
    background-size: cover;
}

.banner3 {

   /* height: 595px;*/
}

#service6 img {
    width: 100%;
    margin-top: 7em;
}

#modular {
    padding-top: 4em;
}


.modular-img img {
    width: 100%;
}

.modular-img2 img {
    width: 85%;
}

#modular h6 {
    line-height: 2;
    padding-left: 0em;
    font-size: 18px;
    color: #f87c84;
}

#modular h5 {
    padding-left: 1em;
    line-height: 2;
    color: #95c12a;
    border-left: solid #f87c84;
}

#modular p {
    text-align: justify;
    line-height: 2;
    color: #456076;
    font-size: 16px;
}

#modular ul {
    color: #456076;
    line-height: 2;
    list-style-type: disc !important;
    margin-top: 0px;
}

#engineer-sec1 h5 {
    padding-left: 1em;
    line-height: 2;
    color: #95c12a;
    border-left: solid #f87c84;
}

#engineer-sec1 ul {
    color: #456076;
    line-height: 2;
    list-style-type: disc !important;
    margin-top: 0px;
}

#engineer-sec1 p {
    text-align: justify;
    line-height: 2;
    color: #456076;
    font-size: 16px;
}

#engineer-sec1 h6 {
    line-height: 2;
    padding-left: 0em;
    font-size: 16px;
}

#engineer-sec1 {
    padding-top: 4em;
}

#engineer-sec1 ul {
    line-height: 2em;
}

.eng-img img {
    width: 100%;
}

.feature_box {
    margin-top: 3em;
}

.eng-img2 img {
    width: 60%;
    margin-left: 10em;
}

.eng-img2 p {
    margin-left: 15em;
}

#variants-sec2 ul {
    line-height: 2em;
}

#modular ul {
    color: #456076;
    line-height: 2;
    list-style-type: disc !important;
    margin-top: 0px;
}

#variants-sec2 {
    padding-top: 2em;
}

#variants-sec3 ul {
    line-height: 2em;
    color: #456076;
    line-height: 2;
    list-style-type: disc !important;
    margin-top: 0px;
}

.modular-img2 ul {
    padding-left: 10em;
    line-height: 2em;
}

#third-banner {
    padding-top: 4em;
}

#third-banner h5 {
    padding-left: 1em;
    line-height: 1.5;
    color: #ffffff;

    font-style: italic;
}

#third-banner h3 {
    color: #dc2433;
    font-size: 2.64rem;
}

.third_in {
    margin-top: 3em;
    border-left: solid #f87c84;
}

#blogs {
    padding-top: 4em;
}

#blogs .card {
    position: relative;
    margin: 0.5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#news {
    padding-top: 4em;
}

#news h4,
a {
    color: #258000;
}

.news_in {
    /*padding-top: 1.5em;
    padding-bottom: 1.5em;*/
    padding-bottom: 1em;
}


#news h6 {

    border-left: solid #f87c84;
    line-height: 2;
    padding-left: 1em;
    font-size: 20px;
}

.knw-sec p {
    padding-left: 1em;
    border-left: solid #f87c84;
}

.knw-sec ul {
    color: #456076;
    padding-left: 1em;
    line-height: 2;
    list-style-type: disc !important;
}

#knw_services .card .card-content {
    min-height: 159px;
}

#contact {
    padding-top: 4em;
}

#contact textarea.materialize-textarea {
    min-height: 6rem;
}

#contact input {
    outline: none;
}


/*Services page starts.........................................................*/

.servicesbannerbg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}


.textbackcolor h4 {
    color: #f1f1f1;
    display: inline;
    background-color: #0101019c;
    line-height: 53px;
}

#service6 {
    padding-top: 4em;
}

#service6 h5 {
    padding-left: 1em;
    line-height: 2;
    color: #95c12a;
    border-left: solid #f87c84;
}

#service6 h6 {
    line-height: 2;
    padding-left: 0em;
    font-size: 18px;
    color: #f87c84;
}

#service6 b {
    color: #2d5fa4;
}

#service6 .m6 {
    padding-left: 10px;
    text-align: justify;
}

.req-img img {
    width: 100% !important;
    margin-top: 3em !important;
}

#service6 p {
    text-align: justify;
    line-height: 2;
    color: #456076;
    font-size: 16px;
}

#variant_sec1 img {
    margin-top: 1em;
}

#variant_sec1 {
    padding-top: 4em;
}

#variant_sec1 h5 {
    line-height: 2em;
    border-left: solid #f87c84;
    padding-left: 1em;
}

#variants-sec3 ul {
    line-height: 2em;
    /*margin-top: 3em;*/
}

#variant_sec1 p {
    text-align: justify;
    line-height: 2;
    color: #456076;
    font-size: 16px;
}

#service6 h3 {
    color: #0cbbc1;
}

#service6 .process {
    min-height: 305px;
    padding: 0em;
    padding-right: 10px;
}

.slider {
    height: 310px !important;
}

.slider .indicators .indicator-item {
    height: 10px;
    width: 10px;
    margin: 0 5px;
}

.slides {
    position: relative;
    height: 280px !important;
}

.slider .slides li .caption {
    left: 0%;
}

.slider .slides {
    background: transparent;
}

.slider .indicators {
    top: 85%;
    z-index: 99;
    float: left;
    text-align: left;
}

.slides h5 {
    font-size: 1.4rem !important;
}

.slider .slides li .caption {
    top: 5%;
}

.caption1 {
    margin-top: 2em;
}

.caption1 p {
    color: #2559a0 !important;
    font-weight: 600;
}

.caption1 span {
    color: #9ec73f;
}

.caption h6 {
    line-height: 2 !important;
    font-size: 18px !important;
}





/*.servicebanner2{
    height: 450px;
}*/

.servicebanner2bg {
    background-image: url(../img/banner3.png);
    background-size: cover;
}

.s1bg {
    background-image: url(../img/s1bg.png);
    background-size: cover;
}

.shadow_effect {
    -webkit-box-shadow: 4px 5px 5px -5px #777;
    -moz-box-shadow: 4px 5px 5px -5px #777;
    box-shadow: 4px 5px 5px -5px #777;
}

.card-content {
    color: #456076 !important;
}

.card-action {
    background: #ebebeb !important;
}

.card-action a {
    color: #9ec73f !important;
}

.page-footer h5 {
    color: #fa8a31;
}

.page-footer {
    border-top: none;
    padding-top: 20px;
}

.page-footer .footer-copyright {
    background-color: #f5f5f5;
    color: #136885;
    font-weight: 400;
}
















/*extra*/

#services_home2 {

    background-size: cover;
    padding-top: 4em;
    padding-bottom: 4em;
    color: #ccc;
}

#services_home2 h6 {
    line-height: 1.5;

    font-size: 16px;
}

#services_home2 h5 {
    color: #f1f1f1;
    font-size: 23px;
}

#services_home2 h3 {
    color: #0cbbc1;
}

#services_home2 .row {
    margin-bottom: 0px;
}

#services_home2 a {
    cursor: pointer;
    color: #0cbbc1;
}

#services_home2 a:hover {
    color: #0cbbc1;
    opacity: 0.7;
}


.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.read-more-state~.read-more-trigger:before {
    content: 'Show more';
}

.read-more-state:checked~.read-more-trigger:before {
    content: 'Show less';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 .5em;
    color: #456076;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #dadada;
    border-radius: .25em;
    margin-left: 1em;
    /*background: #2559a0;*/
}

.explore {
    float: right;
    font-weight: 700;
    /* font-style: italic; */
    border: 1px solid #55D1D6;
    padding: 5px 10px;
}

#services_home2 .card .card-content {
    min-height: 210px;
}

.help h5 {
    margin-left: 0px !important;
    text-align: left !important;
    font-size: 18px !important;
    color: #ffffff !important;
    line-height: 2;
    font-style: italic;
    border-left: solid #f87c84;
    padding-right: 1em;
}

.btn:hover,
.btn-large:hover {
    background-color: #235cab;
    opacity: 0.8;
}



input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #235cab;
}


/* label focus color */

input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid rgb(35, 92, 171);
    box-shadow: 0 1px 0 0 rgb(35, 92, 171);
}

input[type=email]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid rgb(35, 92, 171);
    box-shadow: 0 1px 0 0 rgb(35, 92, 171);
}

textarea:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid rgb(35, 92, 171);
    box-shadow: 0 1px 0 0 rgb(35, 92, 171);
}

@media screen and (max-width: 480px) and (min-width: 360px) {
    .brand-logo img {
        width: 100%;
        margin-top: 7px;
    }

    .banner2 {
        height: auto;
    }
    #second-banner h5 {
        margin-left: 0em;
    }
}

.title {
    color: #2559a0 !important;
    font-size: 2rem;
}

ul.social-icons3 {
    display: block;
    padding: 0;
    /*margin-top: 1.45em;*/
    margin-top: 0.45em;
    margin-left: -0.6em;
    width: 100%;
}

.social-icons3 li a {
    display: block;
    height: 30px;
    width: 30px;
    transition: .5s all;
    /*-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);*/
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.social-icons3 li {
    display: inline-block;
}

.social-icons3 li a.fa.fa-facebook.icon-border.facebook {
    color: #4D669C;
}

.social-icons3 li a.fa.fa-twitter.icon-border.twitter {
    color: #1da1f2;
}

.social-icons3 li a.fa.fa-google-plus.icon-border.googleplus {
    color: #d34836;
}

.social-icons3 li a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.footer-copyright a {
    font-weight: 500;
}

.footer-copyright a:hover {
    color: #2559a0;
}


.feature_box {
    background: #1b212980;
    margin-bottom: 2em;
    padding: 1em !important;
}

.feature_box p {
    margin-left: 3em;
    color: #fff;
}


.feature_box h4 {
    margin-left: 1.2em;
    font-size: 25px;
    color: #95C12A !important;
}

.feature_box h5 {
    color: #fff !important;
}

.social-icons3 .fa {
    font-size: 1.4em;
}


.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.spinner {
    width: 40px;
    height: 40px;
    background-color: #333;
    position: absolute;
    top: 48%;
    left: 48%;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.knw-about img {
    margin-top: 3em;
    width: 105%;
}

.spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 999999;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}


.no-pad {
    padding-left: 0px !important
}

.no-pad img {
    margin-top: 0em !important;
}

.alert-success {
    background: #377d1a;
}

.alert p {
    float: left;
    padding: 6px;
    margin-left: 1em;
    color: #fff;
}

.alert {
    border-radius: 5px;
}

.alert button {
    background: transparent;
    border: none;
    color: #fff;
}


/*Media Queries*/

@media screen and (max-width: 480px) and (min-width: 360px) {

    .nav_bar {

        height: 100px;
    }
    nav .button-collapse {

        margin: 14px 5px;
    }
.banner img{
    margin-top: 205px;
    
}
.carousel .indicators {
 display: none;
}


#about {
    padding-top: 2em;
}
    /*.carousel.carousel-slider .carousel-item {
        height: 650px;
    }*/
/*    .slider1 {
        background-image: url(../img/sl11.png);
        background-size: cover;
    }


    .slider2 {
        background-image: url(../img/sl12.png);
        background-size: cover;
    }

    .slider3 {
        background-image: url(../img/sl13.png);
        background-size: cover;
    }

    .slider4 {
        background-image: url(../img/sl14.png);
        background-size: cover;
    }
    .slider5 {
        background-image: url(../img/sl15.png);
        background-size: cover;
    }
    .slider6 {
        background-image: url(../img/sl16.png);
        background-size: cover;
    }

    .sliders1 {
        background-image: url(../img/sl21.png);
        background-size: cover;
    }


    .sliders2 {
        background-image: url(../img/sl22.png);
        background-size: cover;
    }

    .sliders3 {
        background-image: url(../img/sl23.png);
        background-size: cover;
    }

    .sliders4 {
        background-image: url(../img/sl24.png);
        background-size: cover;
    }
    .sliders5 {
        background-image: url(../img/sl25.png);
        background-size: cover;
    }
    .sliders6 {
        background-image: url(../img/sl26.png);
        background-size: cover;
    }*/
}



 
@media screen and (max-width: 360px) and (min-width: 740px) {
      .nav_bar {

        height: 100px;
    }
    nav .button-collapse {

        margin: 14px 5px;
    }
.banner img{
    margin-top: 205px;
    
}
.carousel .indicators {
 display: none;
}


#about {
    padding-top: 2em;
}

    /*.carousel.carousel-slider .carousel-item {
        height: 650px;
    }*/
/*    .slider1 {
        background-image: url(../img/sl11.png);
        background-size: cover;
    }


    .slider2 {
        background-image: url(../img/sl12.png);
        background-size: cover;
    }

    .slider3 {
        background-image: url(../img/sl13.png);
        background-size: cover;
    }

    .slider4 {
        background-image: url(../img/sl14.png);
        background-size: cover;
    }
    .slider5 {
        background-image: url(../img/sl15.png);
        background-size: cover;
    }
    .slider6 {
        background-image: url(../img/sl16.png);
        background-size: cover;
    }

    .sliders1 {
        background-image: url(../img/sl21.png);
        background-size: cover;
    }


    .sliders2 {
        background-image: url(../img/sl22.png);
        background-size: cover;
    }

    .sliders3 {
        background-image: url(../img/sl23.png);
        background-size: cover;
    }

    .sliders4 {
        background-image: url(../img/sl24.png);
        background-size: cover;
    }
    .sliders5 {
        background-image: url(../img/sl25.png);
        background-size: cover;
    }
    .sliders6 {
        background-image: url(../img/sl26.png);
        background-size: cover;
    }*/

}
.Restrict_body {
    font-family: 'Source Sans Pro', sans-serif;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
    color: #333;
}

.Restrict_container {
    text-align: center;
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    width: 90%;
}

.emoji {
    font-size: 80px;
    margin-bottom: 20px;
}

.text-header {
    font-size: 28px;
    margin-bottom: 15px;
    color: #007bff;
}

.text-body {
    font-size: 16px;
    margin-bottom: 20px;
    color: #555;
}



.fallback {
    display: none;
    margin-top: 20px;
    font-size: 14px;
    color: #777;
}

    .fallback.active {
        display: block;
    }

.fa-ban {
    color: red;
}