@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
/*@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';*/

body {
    margin: 0 auto;
    padding: 0px;
    outline: none;
    font-family: "Lato";
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}

.nopadding {
    padding: 0px !important;
}

img {
    vertical-align: middle;
}
/********************** Header Section ******************/
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 50px;
    line-height: 50px;
}

.navbar-fixed {
    height: 50px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

nav {
    box-shadow: none;
    background-color: transparent;
}

    nav ul li a {
        font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
        font-size: 20px;
        height: 60px;
        font-weight:600;
    }

.navbar-fixed {
    position: absolute;
}

nav ul li.active, nav ul li:hover {
    background: transparent;
}

    nav ul li.active a, nav ul li:hover a {
        color: #0664eb;
    }

.navbar-fixed nav {
    padding: 0 40px;
}

a.sidemenu {
    font-size: 20px;
}

nav ul li i {
    margin-left: 10px;
}

nav ul li ul.serviceMenu {
    display: none;
    background: #0664eb;
    position: relative;
}

    nav ul li ul.serviceMenu li {
        float: none;
        clear: both;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

        nav ul li ul.serviceMenu li a {
            transition: all .3s ease;
            -moz-transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }

        nav ul li ul.serviceMenu li:hover {
            border: none;
        }

        nav ul li ul.serviceMenu li a:hover {
            background: transparent;
            transform: translateX(5px);
            -webkit-transform: translateX(5px);
            -moz-transform: translateX(5px);
        }

    nav ul li ul.serviceMenu li {
        line-height: 40px;
    }

        nav ul li ul.serviceMenu li a {
            color: #fff;
        }

nav ul li.serviceMenuOpen:hover ul.serviceMenu {
    display: block;
}
/* Show submenu on hover */
.megaMenuOpen:hover > ul.megaMenu {
    display: block;
}

li.expandMenu {
    width: auto; /* let submenu content define width */
}

    li.expandMenu p {
        font-weight: bold;
    }

    li.expandMenu a {
        font-size: 14px;
        height: 40px;
        line-height: 1;
        transition: all .3s ease;
    }

        li.expandMenu a:hover {
            background: transparent;
            transform: translateX(5px);
        }

/* Submenu */
nav ul li ul.megaMenu {
    display: none; /* hidden by default */
    position: absolute; /* relative to parent li */
    top: 100%; /* appear below parent */
    left: 50%; /* start from center of parent */
    transform: translateX(-50%); /* perfectly centered */
    width:100%;
    background-color: #06427C;
    padding: 15px;
    z-index: 9999;
}


    nav ul li ul.megaMenu li {
        float: left;
        clear: none;
    }

        nav ul li ul.megaMenu li ul li {
            float: none;
            clear: both;
        }

ul.megaMenu p {
    font-size: 16px;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    margin: 0;
    font-weight: 700;
}

.scroll-menu nav {
    background-color: #fff;
    height: 70px;
    line-height: 60px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.scroll-menu, .scroll-menu .nav-wrapper i {
    height: 60px;
    line-height: 60px;
}

    .scroll-menu nav ul li a {
        color: #06427C;
    }

    .scroll-menu nav .scroll-logo {
        display: block;
    }

    .scroll-menu nav .logo {
        display: none;
    }

.scroll-logo {
    display: none;
}

.scroll-menu .sidemenu i {
    color: #06427C;
}

.scroll-menu nav ul li.active a {
    background-color: rgba(0,0,0,0.1);
}

.scroll-menu li.expandMenu a {
    color: #fff;
}

.nav-wrapper .sidemenu i {
    font-size: 22px;
}

li.resmedia:hover ul.resMedia-menu {
    display: block;
}

ul.resMedia-menu {
    display: none;
}

ul.side-nav li a {
    color: #06427C;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-weight:700;
}

ul.side-nav li {
    border-bottom: 1px solid #eee;
}

    ul.side-nav li ul.openMenu {
        display: none;
        padding-left: 20px;
    }

    ul.side-nav li:last-child {
        border-bottom: none;
    }

    ul.side-nav li a:hover {
        transform: translateX(10px);
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
    }

.resmedia a {
    position: relative;
}

    .resmedia a i {
        position: absolute;
        right: 10px;
        margin: 0 !important;
        z-index: 99999;
    }

.openMenu li p {
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    margin: 0px;
    /*subu*/
    color: black;
   font-weight:700;
}


nav ul li:hover ul.megaMenu li a {
    color: #fff;
}

nav .brand-logo {
    padding: 6px 0px;
}
/*.brand-logo img{margin-top: 10px;}*/
/********************* Banner Section *************************/
.banner-section {
  /*  background: url("../img/banner.jpg") center /cover;
    height: 77vh;*/
}

    .banner-section img {
        /*max-width: 90%;*/
    }

.banner-cotainer {
   /* max-width: 94%;*/
   /* margin: 120px auto 0 auto;*/
}

.banner-content {
    width: 40%;
    color: #fff;
    float: left;
}

    .banner-content p {
        font-size: 22px;
        font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
        line-height: 35px;
    }

    .banner-content h2 {
        font-size: 38px;
    }

.banner-img {
    width: 60%;
    float: left;
    text-align: right;
}

#banner-slider.owl-theme .owl-controls .owl-page span {
    width: 40px;
    height: 8px;
    background: #fff;
    opacity: 1;
}

#banner-slider.owl-theme .owl-controls .owl-page.active span {
    background: #003399;
}

#banner-slider.owl-theme .owl-controls {
    margin-top: 10px;
}

#banner-slider.owl-carousel .owl-wrapper-outer {
    height: 94vh;
}
/********************** Benefits Section ***********************/
.benefits-container {
    background: url("../img/benefits_bg.png") center /cover;
}

.benfits-content {
    max-width: 90%;
}

.benefits-container h2 {
    font-size: 28px;
    font-weight: 700;
    color: #06427C;
    margin: 30px 0 10px;
}

.benefits-container h3 {
    position: relative;
    font-size: 23px;
    color: #06427C;
    margin: 10px 0 40px 0;
}

    .benefits-container h3:before {
        content: "";
        position: absolute;
        top: 35px;
        left: 0;
        width: 60px;
        height: 4px;
        background-color: #06427C;
    }

    .benefits-container h3:after {
        content: "";
        position: absolute;
        top: 42px;
        left: 0;
        width: 40px;
        height: 4px;
        background-color: #06427C;
    }

.benefits-container p {
    line-height: 22px;
    color: #363636;
    font-size: 18px;
}

    .benefits-container p b {
        color: #06427C;
    }

.benefits-container ul {
    margin-bottom: 50px;
    font-size: 17px;
}

    .benefits-container ul li {
        position: relative;
        margin-bottom: 20px;
        padding-left: 30px;
    }

        .benefits-container ul li:before {
            content: '';
            position: absolute;
            left: 3px;
            top: 8px;
            border-radius: 100%;
            width: 9px;
            height: 9px;
            background-color: #06427C;
            border: 6px solid rgba(15, 73, 157, 0.29);
            z-index: 9;
        }

        .benefits-container ul li:after {
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            border-radius: 100%;
            width: 19px;
            height: 19px;
            background-color: #c7d5e8;
        }


/******************* Services Section **********************/
section.service-section {
    margin-top: 0px;
}

.service-container {
    position: relative;
    background-color: #06427C;
}

    .service-container:nth-child(even) .service-img {
        right: 0;
    }

    .service-container:nth-child(even) .service-content {
        float: left;
    }

.service-img {
    position: absolute;
    height: 100%;
}

.service-vision {
    background: url("../img/slider/fixerresistock.jpg") center / cover;
    /*background-image: url('../img/slider/fixerresistock.jpg');*/
}

.service-software {
    background: url("../img/slider/aerialistock.jpg") center / cover;
    
}

.service-testimonial {
    background: url("../img/slider/townhouseistock.jpg") center / cover;
    
}

.service-partner {
    
    background: url("../img/slider/residential.jpg") center / cover;
}

.service-container .service-content {
    background-color: #06427C;
    color: #fff;
    padding: 0px 7px;
    float: right;
}

.service-content h4 {
    font-size: 18px;
    position: relative;
    font-weight: bold;
}

    .service-content h4:after {
        content: "";
        position: absolute;
        left: 0;
        top: 30px;
        width: 60px;
        height: 4px;
        background-color: #0078D4;
    }

.service-content p {
    line-height: 26px;
    margin: 0px 0px;
    font-size: 17px;
}

/************************ Why Us Section ********************/
section.whyUs-container {
    text-align: center;
    margin: 30px auto;
    width: 90%;
}

    section.whyUs-container h2 {
        font-size: 24px;
        font-weight: 700;
        color: #06427C;
        position: relative;
    }

        section.whyUs-container h2:before {
            content: '';
            position: absolute;
            width: 60px;
            height: 5px;
            top: 30px;
            background-color: #06427C;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        section.whyUs-container h2:after {
            content: '';
            position: absolute;
            width: 40px;
            height: 5px;
            left: 0;
            top: 40px;
            background-color: #06427C;
            right: 0;
            margin: 0 auto;
        }

    section.whyUs-container h3 {
        font-size: 34px;
        font-weight: 700;
        color: #06427C;
        position: relative;
    }

        section.whyUs-container h3:before {
            /*content: '';
			position: absolute;
			width: 60px;
			height: 5px;*/
            /*top: 100px;*/
            /*background-color: #06427C;
			left: 0;
			right: 0;
			margin: 0 auto;*/
        }

        section.whyUs-container h3:after {
            /*content: '';
			position: absolute;
			width: 40px;
			height: 5px;
			left: 0;
			top: auto;
			background-color: #06427C;*/
            /*right: 0;
			margin: 0 auto;*/
        }

    section.whyUs-container p {
        font-size: 18px;
        line-height: 22px;
        color: #303030;
        margin: 10px auto;
        max-width: 100%;
    }

    section.whyUs-container B {
        font-size: 18px;
        font-weight: 700;
        color: #06427C;
        position: relative;
    }
    /*subu add*/

    section.whyUs-container ul {
        /*margin-bottom: 50px;*/
        font-size: 17px;
        padding-left: 125px;
    }

        section.whyUs-container ul li {
            position: relative;
            margin-bottom: 5px;
            padding-left: 25px;
            text-align: left;
        }

            section.whyUs-container ul li:before {
                content: '';
                position: absolute;
                left: 3px;
                top: 8px;
                border-radius: 100%;
                width: 9px;
                height: 9px;
                background-color: #06427C;
                border: 6px solid rgba(15, 73, 157, 0.29);
                z-index: 9;
            }

            section.whyUs-container ul li:after {
                content: '';
                position: absolute;
                left: 0;
                top: 5px;
                border-radius: 100%;
                width: 19px;
                height: 19px;
                background-color: #c7d5e8;
            }

/******************** News Section *************************/
section.news-section {
    background: url('../img/news_bg.png') center / cover;
    color: #fff; /* background-attachment: fixed; */
    text-align: center;
    padding: 10px 0px 0px;
}

    section.news-section h2 {
        position: relative;
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        margin: 20px 0;
    }

        section.news-section h2:before {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            top: 30px;
            background-color: #8f8f8f;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        section.news-section h2:after {
            content: '';
            position: absolute;
            width: 40px;
            height: 4px;
            left: 0;
            top: 37px;
            background-color: #aaa9a9;
            right: 0;
            margin: 0 auto;
        }

div#news-slider p {
    font-size: 18px;
    line-height: 30px;
    padding: 70px 0px 40px; /* font-weight: 600; */
}

div#news-slider span {
    font-weight: 700;
    font-size: 15px;
}

    div#news-slider span img {
        margin: 10px 20px -10px 0;
    }

div#news-slider.owl-theme .owl-controls .owl-page span {
    width: 24px;
    height: 4px;
    background: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    opacity: 1;
}

div#news-slider.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #0591ff;
}

div#news-slider.owl-theme .owl-controls {
    margin: 30px 0px;
}
/****************************** WHo we Section **************************/
section.whyUs-container p.whoSection-content {
    max-width: 95%;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
}

/*********************** Footer ********************************/
footer {
    background-color: #06427C;
    color: #fff;
}

    footer h5 {
        font-size: 16px;
        font-weight: 400;
        margin: 30px 0px;
    }

    footer ul.footer-links li {
        padding: 3px 0px;
    }

        footer ul.footer-links li a {
            color: #fff;
            font-size: 14px;
        }

    footer ul.follow-links li a {
        width: 35px;
        height: 35px;
        background: #fff;
        display: table;
        float: left;
        margin-right: 30px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }

        footer ul.follow-links li a i {
            vertical-align: middle;
            font-size: 20px;
            display: table-cell;
            text-align: center;
            color: #06427C;
        }

    footer .copyright-section {
        padding: 15px 0px;
        text-align: center;
        font-size: 13px;
        background-color: #012b65;
        color: #fff;
    }

    footer ul.follow-links li a:hover i {
        color: #fff;
    }

    footer ul.follow-links li a:hover {
        background: #475993;
        box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2)
    }

    footer ul.follow-links li:nth-child(2) a:hover {
        background: #1da1f2;
    }

    footer ul.follow-links li:last-child a:hover {
        background: #0077b5;
    }

    footer address, footer span {
        font-style: normal;
        padding-left: 20px;
    }

    footer i.fa {
        font-size: 25px;
        color: #c2c2c2;
    }

.addressSection {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
}

    .addressSection i.fa.fa-map-marker {
        color: #e74c3c;
    }

/*About Page*/
.about-banner {
    /* background: url('../img/banner.jpg') center / cover;*/
    background-color: #06427C;
    text-align: center;
    padding: 20px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif";
}

    .about-banner h2 {
        color: #06427C;
        font-size: 42px;
    }

    .about-banner h3 {
        color: #06427C;
        font-size: 32px;
    }

    .about-banner h1 {
        color: #fff;
        font-size: 45px;
    }

.about-content {
    margin-top: 5px;
}

    .about-content h3 {
        font-size: 24px;
        font-weight: 700;
        color: #06427C;
        position: relative;
    }

    .about-content h2 {
        font-size: 28px;
        font-weight: 700;
        color: #06427C;
        position: relative;
    }

    .about-content p {
        font-size: 17px;
        line-height: 26px;
        width: 100%
    }

    .about-content strong {
        font-weight: 700;
    }

    .about-content hr {
        width: 40px;
        margin: 0;
        left: 0;
        height: 3px;
        background: #0077b5;
        border: none;
    }


    .about-content ul {
        /*margin-bottom: 50px;*/
        font-size: 17px;
        padding-left: 5px;
    }

        .about-content ul li {
            position: relative;
            margin-bottom: 5px;
            padding-left: 25px;
            text-align: left;
        }

            .about-content ul li:before {
                content: '';
                position: absolute;
                left: 3px;
                top: 8px;
                border-radius: 100%;
                width: 9px;
                height: 9px;
                background-color: #06427C;
                border: 6px solid rgba(15, 73, 157, 0.29);
                z-index: 9;
            }

            .about-content ul li:after {
                content: '';
                position: absolute;
                left: 0;
                top: 5px;
                border-radius: 100%;
                width: 19px;
                height: 19px;
                background-color: #c7d5e8;
            }


/*Contact Page*/
.contact-content {
    margin-top: 70px;
    margin-bottom: 60px;
}

    .contact-content h4 {
        font-size: 20px;
        color: #0077b5;
        margin: 10px 0;
        text-transform: uppercase;
    }

    .contact-content label {
        font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    }

    .contact-content button {
        width: 100%;
        margin: 0 auto;
        font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
        background-color: #0077b5;
        height: 40px;
    }

        .contact-content button:hover {
            background-color: #06427C;
        }

    .contact-content address {
        font-style: normal;
        vertical-align: middle;
    }

    .contact-content i {
        padding-right: 20px;
        color: #0077b5;
        font-size: 20px;
    }

.contact-add {
    margin: 50px 0 20px 0;
    display: flex;
}

.contact-content p {
    padding-left: 10px;
    color: #5d5d5d;
}

figure {
    font-size: 16px;
    color: #06427C;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    margin: 30px 0;
}

.contact-content p.officeTime {
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    color: #06427C;
    padding: 0;
    margin: 30px 0 0;
}
/*input[type='email'],input[type='password'],input[type='text'],input[type='number']{border-bottom: 1px solid #8f84fe;}*/
input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #0077b5;
}

body .input-field input:focus {
    border-bottom: 2px solid #0077b5 !important;
    box-shadow: none !important;
}

body .input-field textarea:focus {
    border-bottom: 2px solid #0077b5 !important;
    box-shadow: none !important;
}

.dropdown-content li > a, .dropdown-content li > span {
    color: #0077b5;
}

/*Technologies Page*/
.tech-container {
    text-align: center;
    margin: 0px auto 50px auto;
}

.tech-content .card a {
    height: 65px;
    padding: 10px;
    display: block;
    color: #333;
}

.tech-content img {
    max-width: 100%;
    margin: 5px auto;
}

.tech-content h4 {
    font-size: 15px;
    text-align: center;
    font-weight: 700;
}

/*New Contact*/
.contact-container {
}

    .contact-container p {
    }

#contactForm button {
    width: 100%;
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    background: #06427C;
}

.contact-form {
    background: #f7f7f7;
    padding-top: 0px;
}

    .contact-form .contact-form-content {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .contact-form h3 {
        color: #06427C;
        font-size: 32px;
        text-align: center;
        text-transform: uppercase;
    }

.contact-container .contactText {
    float: none;
    clear: both;
    margin: 40px auto;
}

    .contact-container .contactText p {
        font-size: 20px;
        color: #06427C;
        line-height: 30px;
        text-align: center;
        font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
        margin: 60px 0;
    }

.contactDivide img {
    display: block;
    margin: 0 auto 20px;
}

.contactDivide p {
    text-align: center;
    margin: 0;
}

.contactDivide address {
    font-style: normal;
    text-align: center;
}

.contactDivide a {
}

.contactDivide {
    margin: 40px 0;
}

iframe {
    width: 100%;
}

/*Service*/
.ourservice-container {
    margin: 60px auto;
}

    .ourservice-container h2 {
        font-size: 23px;
        color: #06427C;
    }

    .ourservice-container img {
        max-width: 100%;
    }

    .ourservice-container .col.s12.m12.l12 {
        margin-bottom: 80px;
    }

        .ourservice-container .col.s12.m12.l12:last-child {
            margin-bottom: 0px;
        }

.ourService-content a {
    font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
    font-size: 18px;
    background: #06427C;
    color: #fff;
    padding: 10px 22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transform: 0.3s all ease;
    -webkit-transform: 0.3s all ease;
    -moz-transform: 0.3s all ease;
}

    .ourService-content a:hover {
        background: #03357e;
        font-size: 18px
    }

.ourService-content p {
    margin-bottom: 40px;
}

.ourService-content h2 {
    color: #06427C;
    font-size: 42px;
}

.ourService-content h3 {
    color: #06427C;
    font-size: 32px;
}

.ourService-content h1 {
    color: #fff;
    font-size: 52px;
}

.subService-container { /*margin:60px auto;*/
    margin: 0px auto;
    font-size: 18px;
}

    .subService-container ul {
    }

    .subService-container img {
        max-width: 100%;
    }

    .subService-container ul li {
        position: relative;
        padding-left: 40px;
        padding: 6px 7px 6px 40px;
    }

        .subService-container ul li:before {
            content: "";
            position: absolute;
            left: 0;
            width: 16px;
            top: 40%;
            height: 16px;
            background-color: #06427C;
            border-radius: 100%;
            border: 3px solid #cac8c8;
        }

    .subService-container h3 {
        font-size: 30px;
        color: #06427C;
        margin: 40px 0;
    }

    .subService-container h4 {
        color: #06427C;
        font-size: 20px;
    }

    .subService-container h5 {
        font-size: 18px;
        color: #06427C;
    }

    .subService-container p {
        line-height: 30px;
    }

    .subService-container h2 {
        font-size: 40px;
        color: #06427C;
        margin: 40px 0;
    }

    .subService-container strong {
        font-weight: bolder;
    }

    .subService-container a {
        font-size: 20px;
        color: #06427C;
        font-weight: bolder;
    }

h4.techHead {
    font-size: 24px;
    margin: 50px 0 50px;
    color: #06427C;
}

/*clients*/
.client-content {
    margin: 60px 0 50px 0;
}

    .client-content img {
        max-width: 100%;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        transition: 0.2s all ease;
        -webkit-transition: 0.2s all ease;
        -moz-transition: 0.2s all ease;
        cursor: pointer;
    }

        .client-content img:hover {
            filter: grayscale(0);
        }

/*Testimonial*/
.testimonial-container {
    background: url(../img/testimonial_bg.jpg) center / cover;
    background-attachment: fixed;
    height: 100%;
    padding: 30px 0;
    text-align: center;
}

    .testimonial-container h2 {
        position: relative;
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        margin: 20px 0;
    }

        .testimonial-container h2:before {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            top: 30px;
            background-color: #8f8f8f;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .testimonial-container h2:after {
            content: '';
            position: absolute;
            width: 40px;
            height: 4px;
            left: 0;
            top: 37px;
            background-color: #aaa9a9;
            right: 0;
            margin: 0 auto;
        }

    .testimonial-container .testimonial-content {
        margin: 40px auto 20px auto;
        float: none;
        clear: both;
        padding: 10px 10px;
    }

.testimonial-img {
    width: 80px;
    height: 80px;
    margin: 30px auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    position: initial;
}

    .testimonial-img img {
        max-width: 100%;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
    }

.testimonial-container h5 {
    color: #003399;
    font-size: 18px;
    font-weight: 700;
}

.testimonial-container h6 {
}

.testimonial-container p {
    font-size: 15px;
    padding: 10px 26px;
    line-height: 28px;
}

#testimonial-slider .owl-controls.clickable {
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px 0px;
}

#testimonial-slider.owl-theme .owl-controls .owl-page span {
    width: 30px;
    height: 8px;
    background-color: #fff;
    opacity: 1;
}

#testimonial-slider.owl-theme .owl-controls .owl-page.active span {
    background-color: #2b7ef7;
}

/*Media Query*/
@media screen and (max-width: 1000px) {
    .benefits-container h3:before {
        top: 55px;
    }

    .benefits-container h3:after {
        top: 60px;
    }
}

@media only screen and (max-width: 992px) {
    /*nav .brand-logo{right: 0;-webkit-transform: translateX(50%);transform: translateX(50%);}*/
    nav .brand-logo {
        right: 0;
        -webkit-transform: translateX(-9%);
        transform: translateX(-9%);
        left: inherit;
    }
}

@media screen and (max-width: 940px) {
    .banner-content, .banner-img {
        width: 100%;
        float: none;
        text-align: center;
    }
}

@media screen and (max-width: 890px) {
    .contactDivide .col.s4.m4.l4 {
        width: 100%;
        margin: 20px 0 30px;
        background: #fff;
    }
}

@media screen and (max-width:800px) {
    footer .col.s12.m4.l4 {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .contact-content .col.s12.m6.l6 {
        width: 100%;
    }

    .about-banner {
        padding: 110px 0 20px 0;
    }
}

@media screen and (max-width: 720px) {
    .benefits-container {
        background: none;
    }

        .benefits-container .col.s6.m6.l6 {
            width: 100%;
        }

        .benefits-container h3:before {
            top: 35px;
        }

        .benefits-container h3:after {
            top: 42px;
        }

    .col.s3.m3.l3.text-center.tech-content {
        width: 33.333333%;
    }
}

@media screen and (max-width:640px) {
    .service-img {
        position: initial;
        height: 240px;
    }

    .service-container .col.s6.m6.l6.nopadding.service-img, .service-container .col.s6.m6.l6.service-content {
        width: 100%;
        float: none;
    }

    .service-container .service-content {
        padding: 15px 20px;
    }

    .service-container {
        border-bottom: 5px solid #033276;
    }

    .client-content .col.s12.m3.l3 {
        width: 48%;
        margin: 20px 0px;
        float: none;
        clear: both;
        display: inline-block;
    }

    .banner-cotainer {
        display: block;
    }

    .banner-img {
        display: none;
    }

    #banner-slider {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        #banner-slider.owl-theme .owl-controls {
            margin-top: 10px;
            position: absolute;
            bottom: -30%;
            left: 0;
            right: 0;
        }
}

@media screen and (max-width:520px) {
    .benefits-container h3:before {
        top: 55px;
    }

    .benefits-container h3:after {
        top: 60px;
    }

    .about-content .col.s12.m12.l12.valign-wrapper {
        display: block;
    }

    .about-content .col.s12.m6.l6.right-align {
        text-align: center;
    }

    .about-content .col.s12.m6.l6.left-align {
        text-align: center;
    }

    .about-content .col.s12.m12.l12.valign-wrapper:nth-child(even) {
        background-color: rgb(237, 237, 237);
    }
}

@media screen and (max-width: 480px) {
    .brand-logo img {
        max-width: 120px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 420px) {
    .col.s3.m3.l3.text-center.tech-content {
        width: 50%;
    }

    .client-content .col.s12.m3.l3 {
        width: 100%;
    }
}

@media screen and (max-width:380px) {
    .about-content img {
        max-width: 100%;
    }

    .about-banner h2 {
        font-size: 24px;
    }

    .about-content h3 {
        font-size: 18px;
    }

    .about-content p, .subService-container p {
        font-size: 14px;
    }

    .subService-container h3 {
        font-size: 26px;
    }
}

@media screen and (max-width: 360px) {
    .col.s3.m3.l3.text-center.tech-content {
        width: 100%;
    }

    .contactDivide a {
        font-size: 12px;
    }

    #banner-slider.owl-theme .owl-controls {
        bottom: -20%;
    }
}