body {
    margin: 0;
}
/* font family*/
@font-face {
    font-family: Anton-Regular;
    src: url('../Fonts/Anton-Regular.ttf');
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../Fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: Roboto-Medium;
    src: url('../Fonts/Roboto-Medium.ttf');
}

@font-face {
    font-family: Roboto-Bold;
    src: url('../Fonts/Roboto-Bold.ttf');
}
/* font family*/

/*Media query*/
/* Large desktop and laptops*/
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/* medium tablets and medium laptop*/
@media (min-width: 768px) and (max-width: 991px) {
}

/* portrait tablets and small desktops*/
@media (max-width: 767px) {
}

/* Mobile and small Phones*/
@media (max-width: 480px) {
}
/*Media query*/

.Desktop {
    display: block;
}

.Mobile {
    display: none;
}

.C_Align {
    text-align: center;
}

.wtbg {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 100;
}

    .fixed-top.scrolled {
        background-color: #fff !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

.fixed-top-admin {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../Images/General/Slider-01.jpg);
    background-position: center;
    background-size: cover;
}

    .fixed-top-admin.scrolled {
        background-image: none;
        background-color: #fff !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

.logo a img {
    width: 290px;
    padding: 20px 0px;
}

.top-contact {
    list-style-type: none;
    text-align: right;
}

    .top-contact li {
        display: inline-block;
        padding: 0px 0px 0px 10px;
        margin: 10px 0px 0px;
        color: #1d86f8;
        font-size: 16px;
    }

        .top-contact li a {
            color: #fff;
            transition: all 0.5s;
        }

            .top-contact li a:hover {
                color: #1d86f8;
            }

.fixed-top.scrolled .top-contact li a {
    color: #000;
}

.top-contact li a:nth-child(1) {
    font-size: 14px;
    background-color: #1d86f8;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    transition: all 0.5s;
    text-transform: uppercase;
}

.top-contact li a i:nth-child(1) {
    color: #fff;
    padding: 0px 5px 0px;
    font-size: 16px;
}

.top-contact li i {
    color: #1d86f8;
    padding: 0px 5px 0px;
}

.top-contact li:hover a:nth-child(1) {
    color: #fff;
    background-color: #0026ff;
}

.topline {
    border-bottom: 1px solid #1d86f8;
    margin: 5px 0px;
}
/*--------dropdown-menu style---------*/
#navchange ul li:first-child > a:after {
    content: "";
    position: absolute;
    left: 28px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ccc;
    border-bottom: 6px solid #ccc;
}

#navchange ul ul li:first-child > a:after {
    left: -12px;
    top: 50%;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-right: 6px solid #ccc;
    border-bottom: 6px solid transparent;
}

.navbar-default {
    margin: 0px 0px 4px 0px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #ee1e23;
}
/*--------dropdown-menu style---------*/

.mainMenu, #fresponsive {
    list-style-type: none;
    text-align: right;
    margin: 10px 0px 5px;
}

    .mainMenu li {
        display: inline-block;
        padding: 0px 0px 0px 30px;
    }

        .mainMenu li ul li {
            padding: 0px;
            width: 100%;
            text-align: left;
        }

        .mainMenu li a {
            color: #fff;
            font-size: 15px;
            transition: all 0.5s;
        }

        .mainMenu li span a {
            background-color: #1d86f8;
            color: #fff;
            padding: 10px 10px;
            border-radius: 3px;
            transition: all 0.5s;
        }

            .mainMenu li span a:hover {
                background-color: #1d86f8;
                color: #fff;
            }

        .mainMenu li ul li a {
            color: #1e1e1e;
            font-size: 14px;
        }

        .mainMenu li a:hover {
            color: #1d86f8;
        }

.navbar-nav {
    float: right;
    margin: 0;
}

.fixed-ht {
    height: 102px;
}

.slider-bg-01 {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../Images/General/Slider-01.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.slider-bg-02 {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../Images/General/Slider-02.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.slider-bg-03 {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../Images/General/Slider-03.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.slider-bg-04 {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../Images/General/Slider-04.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.slider-txt table {
    width: 100%;
    text-align: center;
}

    .slider-txt table tr td {
        vertical-align: middle;
        height: 100vh;
    }

        .slider-txt table tr td h1, .slider-txt table tr td h3 {
            margin: 0px 0px 15px;
            font-family: Anton-Regular;
            text-transform: uppercase;
            color: #fff;
            text-shadow: 2px 3px 0px #000;
            font-size: 50px;
            letter-spacing: 2px;
        }

            .slider-txt table tr td h1 span {
                font-size: 86px;
            }

        .slider-txt table tr td h2 {
            font-family: Roboto-Bold;
            text-transform: uppercase;
            color: #fff;
            margin: 10px 0px 0px;
            font-size: 25px;
            text-shadow: 2px 1px 0px #000;
        }

        .slider-txt table tr td h3 {
            font-size: 75px;
        }

.why-us-padding {
    padding: 40px 0px;
}

.why-us {
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px;
    transition: all 0.5s;
}

.why-us-sub {
    margin: 10px 0px 15px;
}

.why-us:hover {
    transform: translateY(-15px);
}

.why-us div {
    padding: 30px 15px 30px 15px;
}

    .why-us div h3 {
        margin: 0px;
        font-family: Anton-Regular;
        font-size: 20px;
        color: #fff;
        text-shadow: 1px 1px 0px #000;
        line-height: 28px;
        min-height: 250px;
        border-bottom: 1px solid #fff;
    }

.why-us-sub div h3 {
    font-family: Roboto-Medium;
    font-size: 16px;
    line-height: 22px;
}

.why-us-01 {
    background-image: linear-gradient(rgba(0, 255, 255, 0.7), rgba(0, 255, 255, 0.7)), url(../Images/General/WhyUs-01.jpg);
    background-position: center;
    background-size: cover;
}

.why-us-02 {
    background-image: linear-gradient(rgba(30, 144, 255, 0.7), rgba(30, 144, 255, 0.7)), url(../Images/General/WhyUs-02.jpg);
    background-position: center;
    background-size: cover;
}

.why-us-03 {
    background-image: linear-gradient(rgba(0, 191, 255, 0.7), rgba(0, 191, 255, 0.7)), url(../Images/General/WhyUs-03.jpg);
    background-position: center;
    background-size: cover;
}

.why-us-04 {
    background-image: linear-gradient(rgba(123, 104, 238, 0.7), rgba(123, 104, 238, 0.7)), url(../Images/General/WhyUs-04.jpg);
    background-position: center;
    background-size: cover;
}

.why-us-05 {
    background-image: linear-gradient(rgba(128, 0, 128, 0.7), rgba(128, 0, 128, 0.7)), url(../Images/General/WhyUs-05.jpg);
    background-position: center;
    background-size: cover;
}

.why-us-06 {
    background-image: linear-gradient(rgba(29, 17, 96, 0.7), rgba(29, 17, 96, 0.7)), url(../Images/General/WhyUs-06.jpg);
    background-position: center;
    background-size: cover;
}

.bg-01 {
    background: linear-gradient(to right, #7f00ff, #1d86f8);
    padding: 40px 0px;
}

.bg-02 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../Images/General/Machine-Bg.jpg);
    background-position: center;
    background-attachment: fixed;
    border-radius: 10px;
}

.bg-padding-01 {
    margin: 10px 0px;
}

.head1, .head2 {
    margin: 0px 0px 15px;
    color: #1d86f8;
    font-family: Anton-Regular;
    font-size: 40px;
    text-transform: uppercase;
}

.head2 {
    margin: 0px 0px 15px;
    font-size: 26px;
}

.head3 {
    margin: 0px 0px 10px;
    color: #1d86f8;
    font-family: Roboto-Medium;
    font-size: 17px;
}

.clr-01 {
    color: #fff;
}

.clr-02 {
    color: #000;
}

.home-about {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 60px 10px 20px;
}

.link a {
    background-color: #1d86f8;
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    transition: all 0.5s;
}

    .link a:hover {
        background-color: #0026ff;
    }

.neo-link {
    color: #1d86f8;
    transition: all 0.5s;
}

    .neo-link:hover {
        text-decoration: underline;
    }

.home-company img {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    top: 35px;
    right: 10%;
    background-color: #fff;
    padding: 3px;
}

.padding-01 {
    padding: 50px 0px;
}

.padding-02 {
    padding: 30px 0px;
}

.home-product {
    margin: 10px 0px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px;
    transition: all 0.5s;
}

    .home-product:hover {
        transform: translateY(-15px);
    }

    .home-product h6 {
        margin: 0px;
        height: 20px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .home-product img {
        width: 100%;
        padding: 20px;
        border-radius: 50px;
    }

    .home-product div {
        min-height: 100px;
    }

        .home-product div h3 {
            margin: 0px 0px 10px 0px;
            color: #1d86f8;
            font-size: 16px;
            font-family: Roboto-Medium;
        }

        .home-product div p {
            color: #000;
            line-height: 20px;
            padding: 0px 5px;
        }

    .home-product h5 {
        margin: 0px;
        height: 40px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #1d86f8;
    }

.home-product-01 h6 {
    background: linear-gradient(to right, #000046, #1cb5e0);
}

.home-product-02 h6 {
    background: linear-gradient(to right, #8e2de2, #4a00e0);
}

.home-product-03 h6 {
    background: linear-gradient(to right, #7f00ff, #e100ff);
}

.client {
    margin: 10px 0px;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #fff;
    transition: all 0.5s;
    background-color: #fff;
}

    .client img {
        width: 75%;
    }

    .client:hover {
        transform: translateY(-15px);
        border: 1px solid #0026ff;
    }

.quote {
    padding: 40px 0px;
    text-align: center;
}

    .quote h1 {
        font-family: Anton-Regular;
        color: #000;
        font-size: 70px;
        margin: 0px 0px 15px;
    }

    .quote h3 {
        font-family: Roboto-Bold;
        font-style: italic;
        margin: 0px 0px 15px;
        font-size: 30px;
    }

    .quote p {
        margin: 25px 0px 0px;
    }

        .quote p a {
            padding: 10px;
            background-color: #1d86f8;
            color: #fff;
            text-transform: uppercase;
            border-radius: 5px;
            transition: all 0.5s;
        }

            .quote p a:hover {
                background-color: #0026ff;
            }

.footer-bg {
    background-image: linear-gradient(rgba(0, 38, 255, 0.8), rgba(111, 0, 255, 0.9)), url(../Images/General/Footer-Bg.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 30px 0px 5px;
}

.footer-master {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.fhead {
    color: rgb(9, 250, 228);
    font-family: Roboto-Medium;
    text-transform: uppercase;
    margin: 0px 0px 5px;
    font-size: 15px;
}

.flist {
    margin: 0px 0px 15px -40px;
    list-style-type: none;
    color: rgb(9, 250, 228);
}

    .flist li {
        transition: all 0.5s;
    }

        .flist li a, .flist li:hover i {
            color: #fff;
        }

            .flist li a i {
                float: left;
                padding-right: 5px;
                color: rgb(9, 250, 228);
            }

        .flist li:hover {
            margin-left: 5px;
        }

            .flist li:hover a {
                color: rgb(9, 250, 228);
            }

.footer-address, .contact-address {
    line-height: 22px;
    color: #fff;
}

    .footer-address a, .contact-address a {
        color: #fff;
        transition: all 0.5s;
    }

        .footer-address a:hover, .contact-address a:hover {
            color: rgb(9, 250, 228);
        }

    .footer-address i, .contact-address i {
        padding-right: 5px;
        color: rgb(9, 250, 228);
    }

    .contact-address, .contact-address a {
        color: #000;
    }

        .contact-address i, .contact-address a:hover {
            color: #1d86f8;
        }

.follow {
    margin: 10px 0px 15px;
}

    .follow a {
        color: #fff;
        padding-right: 5px;
        font-size: 22px;
        transition: all 0.5s;
    }

        .follow a:hover {
            color: rgb(9, 250, 228);
        }

.certificate {
    margin: 10px 0px 0px
}

    .certificate img {
        width: 70px;
        background-color: #fff;
        border-radius: 5px;
        padding: 5px;
    }

.logo-footer img {
    width: 235px;
}

.copy, .copy a {
    margin: 10px 0px;
    line-height: 20px;
    font-size: 13px;
    font-family: Roboto-Medium;
    color: #000;
}

    .copy a {
        text-decoration: underline;
    }

        .copy a:hover {
            color: #1d86f8;
        }

.sub-about {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-About.jpg);
    background-position: center;
    background-size: cover;
}

.sub-mission {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Mission.jpg);
    background-position: center;
    background-size: cover;
}

.sub-team {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Team.jpg);
    background-position: center;
    background-size: cover;
}

.sub-whyus {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-WhyUs.jpg);
    background-position: center;
    background-size: cover;
}

.sub-fem-report {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-FEM-Report.jpg);
    background-position: center;
    background-size: cover;
}

.sub-certification {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Certification.jpg);
    background-position: center;
    background-size: cover;
}

.sub-projects {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Projects.jpg);
    background-position: center;
    background-size: cover;
}

.sub-bridge-bearings {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Bridge-Bearings.jpg);
    background-position: center;
    background-size: cover;
}

.sub-elastomeric-bearings {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Elastomeric-Bearings.jpg);
    background-position: center;
    background-size: cover;
}

.sub-ptfe-bearings {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-PTFE-Bearings.jpg);
    background-position: center;
    background-size: cover;
}

.sub-spherical-bearings {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Spherical-Bearings.jpg);
    background-position: center;
    background-size: cover;
}

.sub-roller-bearings {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Roller-Bearings.jpg);
    background-position: center;
    background-size: cover;
}

.sub-strip-seal-expansion {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Strip-Seal-Expansion.jpg);
    background-position: center;
    background-size: cover;
}

.sub-modular-expansion {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Modular-Expansion.jpg);
    background-position: center;
    background-size: cover;
}

.sub-finger-type-expansion {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Finger-Type-Expansion.jpg);
    background-position: center;
    background-size: cover;
}

.sub-compression-seal-expansion {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Compression-Seal-Expansion.jpg);
    background-position: center;
    background-size: cover;
}

.sub-strands {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Strands.jpg);
    background-position: center;
    background-size: cover;
}

.sub-ducting {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Ducting.jpg);
    background-position: center;
    background-size: cover;
}

.sub-wedges {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Post-Tensioning.jpg);
    background-position: center;
    background-size: cover;
}

.sub-anchor-cone {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-AnchorCone.jpg);
    background-position: center;
    background-size: cover;
}

.sub-anchor-head {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-AnchorHead.jpg);
    background-position: center;
    background-size: cover;
}

.sub-bearing-plate {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-BearingPlate.jpg);
    background-position: center;
    background-size: cover;
}

.sub-drainage-spout {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-DrainageSpout.jpg);
    background-position: center;
    background-size: cover;
}

.sub-tech-info {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Tech-Info.jpg);
    background-position: center;
    background-size: cover;
}

.sub-tools {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Tools.jpg);
    background-position: center;
    background-size: cover;
}

.sub-equipments {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Equipments.jpg);
    background-position: center;
    background-size: cover;
}

.sub-contact {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Contact.jpg);
    background-position: center;
    background-size: cover;
}

.sub-quote {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Quote.jpg);
    background-position: center;
    background-size: cover;
}

.sub-career {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Career.jpg);
    background-position: center;
    background-size: cover;
}

.sub-sitemap {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Sitemap.jpg);
    background-position: center;
    background-size: cover;
}

.sub-blog {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Blog.jpg);
    background-position: center;
    background-size: cover;
}

.sub-terms {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Terms.jpg);
    background-position: center;
    background-size: cover;
}

.sub-policy {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Policy.jpg);
    background-position: center;
    background-size: cover;
}

.sub-login {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../Images/General/Sub-Login.jpg);
    background-position: center;
    background-size: cover;
}

.sub-head1 {
    font-family: Anton-Regular;
    margin: 0px;
    padding: 150px 0px 40px;
    color: #fff;
    text-shadow: 2px 2px 0px #000;
    font-size: 50px;
    text-transform: uppercase;
}

.master-sidemenu {
    list-style-type: none;
    margin: 0px 0px 0px -40px;
}

    .master-sidemenu li {
        padding: 3px 5px;
        border-bottom: 1px solid #ccc;
        font-family: Roboto-Medium;
    }

        .master-sidemenu li:last-child {
            border-bottom: none;
        }

        .master-sidemenu li a {
            color: #000;
            transition: all 0.3s;
            font-size: 14px;
            cursor: pointer;
            font-family: Roboto-Regular;
        }

            .master-sidemenu li a i, .master-sidemenu li i {
                float: right;
                padding: 5px 0px 0px 0px;
            }

            .master-sidemenu li a:hover {
                color: #1d86f8;
            }

        .master-sidemenu li ul {
            margin: 5px 0px 0px -40px;
            list-style-type: none;
        }

            .master-sidemenu li ul li {
                padding: 5px 0px 5px 5px;
            }

                .master-sidemenu li ul li a {
                    color: #000;
                    transition: all 0.3s;
                    font-size: 14px;
                }

#fixed-sidemenu.stickIt {
    position: fixed;
    top: 132px;
    width: 304px;
    z-index: 10;
}

.panel-group {
    height: 315px;
    overflow: auto;
}

.master-sub-padding {
    min-height: 500px;
}

.img-01 img {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(30, 144, 255, 0.7);
    padding: 3px;
}

.img-02, .img-03 {
    border-radius: 10px;
    margin: 5px 0px;
}

    .img-02 img, .img-03 img {
        width: 100%;
        border-radius: 10px;
        background: linear-gradient(to right, #000046, #1cb5e0);
        padding: 3px;
        margin: 20px 0px 0px 0px;
    }

    .img-02 p, .img-03 p {
        margin: 5px 0px 15px;
        color: #fff;
        border-radius: 5px;
        background: linear-gradient(to right, #000046, #1cb5e0);
    }

    .img-03 img {
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

.img-04 {
    margin: 0px 0px 10px;
    background: linear-gradient(to right, #000046, #1cb5e0);
    padding: 5px;
    border-radius: 5px;
}

    .img-04 img {
        width: 100%;
        border-radius: 5px;
    }

    .img-04 p {
        color: #fff;
        margin: 5px 0px 0px;
    }

.neo-div {
    margin: 10px 0px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px;
    transition: all 0.5s;
}

    .neo-div:hover {
        transform: translateY(-15px);
    }

    .neo-div h6 {
        margin: 0px;
        height: 20px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: linear-gradient(to right, #7f00ff, #e100ff);
        transition: all 0.5s;
    }

    .neo-div:hover h6 {
        background: linear-gradient(to right, #e100ff, #7f00ff);
    }

    .neo-div img {
        width: 100%;
    }

    .neo-div div {
        min-height: 100px;
        padding: 15px 15px 5px;
    }

        .neo-div div h3 {
            margin: 0px 0px 10px 0px;
            color: #1d86f8;
            font-size: 16px;
            font-family: Roboto-Medium;
        }

        .neo-div div p {
            color: #000;
            line-height: 20px;
        }

    .neo-div h5 {
        margin: 0px;
        height: 40px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background: linear-gradient(to right, #0575e6, #021b79);
        transition: all 0.5s;
    }

    .neo-div:hover h5 {
        background: linear-gradient(to right, #021b79, #0575e6);
    }

.neo-div-bg-01 h6 {
    background: linear-gradient(to right, #8e2de2, #4a00e0);
}

.neo-table {
    width: 100%;
}

    .neo-table tr td {
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }

        .neo-table tr td:nth-child(1) {
            border-top: 1px solid #ccc;
        }

        .neo-table tr td a {
            color: #000;
            transition: all 0.5s;
        }

            .neo-table tr td a i {
                color: #1d86f8;
                padding-right: 5px;
            }

            .neo-table tr td a:hover {
                color: #1d86f8;
                margin-left: 5px;
            }

.neo-table-project {
    width: 100%;
    margin: 10px 0px;
}

    .neo-table-project tr th, .neo-table-project tr td {
        padding: 5px;
        border: 1px solid #ccc;
        line-height: 20px;
    }

    .neo-table-project tr th {
        background-color: rgba(29, 17, 96, 0.7);
        color: #fff;
        font-weight: 500;
    }

    .neo-table-project tr td:nth-child(4) {
        width: 15%;
    }

.neo-table-project-bg tr:nth-child(odd) {
    background-color: rgba(29, 134, 248, 0.1);
}

.border-line {
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 10px;
}

.neo-list {
    list-style-type: none;
    margin: 0px 0px 10px -40px;
}

    .neo-list li i {
        color: #1d86f8;
        padding-right: 5px;
    }

.neo-list-01 {
    color: #fff;
}

.neo-div-01 {
    margin: 5px 0px;
    padding: 20px 20px 10px;
    border-radius: 10px;
    border-bottom: 2px solid #1d86f8;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
}

    .neo-div-01 h5 {
        margin: 5px 0px 8px;
    }

.testing-bg {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../Images/General/Sub-Spherical-Bearings.jpg);
    background-position: center;
    background-size: cover;
    padding: 15px 15px 5px;
    border-radius: 10px;
}

.form-txtbx {
    border: 1px solid #000;
    background-color: #fff;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.5s;
}

    .form-txtbx:focus {
        border: 1px solid #3e8914;
        color: #134611
    }

.form-ddl {
    padding: 8px 5px;
}

.form-btn {
    border: 1px solid #1d86f8;
    background-color: #1d86f8;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    transition: all 0.5s;
    min-width: 80px;
}

    .form-btn:hover {
        border: 1px solid #0026ff;
        background-color: #0026ff;
    }

.form-captcha {
    color: #1d86f8;
}

.sitemap-bg {
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../Images/General/Sitemap.jpg);
    background-position: center;
    background-size: cover;
    padding: 15px 15px 5px;
    border-radius: 10px;
}

    .sitemap-bg ul li {
        color: rgb(9, 250, 228);
    }

        .sitemap-bg ul li a {
            color: #fff;
            transition: all 0.5s;
        }

            .sitemap-bg ul li a:hover {
                color: rgb(9, 250, 228);
            }

.bottom-line {
    border-bottom: 1px solid #1d86f8;
    margin: 10px 0px 15px;
}

.contact-iframe {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.gallery-img {
    background: linear-gradient(to right, #000046, #1cb5e0);
    padding: 15px 15px 5px;
    margin: 5px 0px 10px;
    border-radius: 5px;
    transition: all 0.5s;
}

    .gallery-img:hover {
        background: linear-gradient(to right, #1d86f8, #4a00e0);
    }

    .gallery-img img {
        width: 100%;
        border-radius: 5px;
    }

    .gallery-img p {
        margin: 10px 0px 0px;
        color: #fff;
    }

        .gallery-img p span {
            float: right;
        }

            .gallery-img p span i {
                color: #fff;
                font-size: 16px;
            }
/*Media query*/
/* Large desktop and laptops*/
@media (min-width: 1200px) {
    .why-us-padding {
        padding: 0px 0px 50px;
    }

    .why-us {
        margin-top: -30px;
    }

    .why-us-sub {
        margin-top: inherit;
    }

    .contact-address {
        padding: 0px 0px 0px 30px;
    }
}

/* Landscape tablets and medium desktops*/
@media (min-width: 992px) and (max-width: 1199px) {
    .logo a img {
        width: 230px;
        padding: 20px 0px;
    }

    .top-contact li {
        font-size: 15px;
    }

    .fixed-ht {
        height: 95px;
    }

    .quote h1 {
        font-size: 60px;
    }

    .quote h3 {
        font-size: 25px;
    }

    .certificate img {
        width: 60px;
        margin-bottom: 3px;
    }

    .logo-footer img {
        width: 200px;
    }

    .sub-head1 {
        font-size: 40px;
        padding: 125px 0px 40px;
    }

    #fixed-sidemenu.stickIt {
        width: 255px;
    }
}

/* medium tablets and medium laptop*/
@media (min-width: 768px) and (max-width: 991px) {
    .logo, .top-contact {
        text-align: center;
    }

        .logo a img {
            width: 250px;
            padding: 5px 0px;
        }

    .top-contact {
        list-style-type: none;
        text-align: center;
        margin: 0px 0px 5px;
    }

        .top-contact li {
            font-size: 15px;
        }

            .top-contact li a:nth-child(1) {
                text-transform: none;
            }

    .mainMenu, #fresponsive {
        text-align: center;
        margin: 5px 0px;
    }

    .navbar-nav {
        float: initial;
    }

    .fixed-ht {
        height: 122px;
    }

    .slider-txt table tr td h1 {
        font-size: 30px;
    }

        .slider-txt table tr td h1 span {
            font-size: 50px;
        }

    .slider-txt table tr td h2 {
        font-size: 18px;
    }

    .slider-txt table tr td h3 {
        font-size: 40px;
    }

    .why-us div h3 {
        font-family: Roboto-Bold;
        font-size: 20px;
        line-height: 26px;
        min-height: 200px;
    }

    .head1 {
        font-size: 32px;
    }

    .head2 {
        font-size: 20px;
    }

    .head3 {
        font-size: 17px;
    }

    .quote h1 {
        font-size: 50px;
    }

    .quote h3 {
        font-size: 22px;
    }

    .quote p {
        margin: 15px 0px 0px;
    }

    .certificate img {
        width: 60px;
        margin-bottom: 3px;
    }

    .logo-footer img {
        width: 175px;
    }

    .sub-head1 {
        font-size: 30px;
        padding: 175px 0px 20px;
    }

    .master-sub-padding {
        min-height: 0;
    }

    .panel-group {
        height: auto;
        overflow: auto;
    }

    #fixed-sidemenu.stickIt {
        position: relative;
        top: 0;
        width: 100%;
    }
}

/* portrait tablets and small desktops*/
@media (max-width: 767px) {
    .logo a img {
        width: 210px;
        padding: 5px 0px;
    }

    .top-contact {
        text-align: center;
        margin: 0px 0px 0px -40px;
    }

        .top-contact li {
            font-size: 15px;
        }

            .top-contact li a:nth-child(1) {
                text-transform: none;
            }

        .top-contact li {
            margin: 3px 0px;
            padding: 3px;
        }

    .mainMenu, #fresponsive {
        text-align: left;
        width: 100%;
    }

    .fixed-ht {
        height: 55px;
    }

    .slider-txt table tr td h1 {
        font-size: 25px;
    }

        .slider-txt table tr td h1 span {
            font-size: 45px;
        }

    .slider-txt table tr td h2 {
        font-size: 18px;
    }

    .slider-txt table tr td h3 {
        font-size: 27px;
    }

    .why-us div h3 {
        text-align: center;
        font-family: Roboto-Medium;
        font-size: 15px;
        line-height: 24px;
        min-height: 150px;
    }

    .why-us-sub div h3 {
        font-size: 15px;
        line-height: 20px;
    }

    .head1, .head2 {
        font-size: 25px;
        margin: 0px 0px 10px;
    }

    .head2, .head3 {
        font-size: 16px;
    }

    .home-company img {
        position: relative;
        top: 0;
        right: 0;
    }

    .padding-01, .padding-02 {
        padding: 20px 0px;
    }

    .quote h1 {
        font-size: 30px;
    }

    .quote h3 {
        font-size: 15px;
    }

    .quote p {
        margin: 10px 0px 0px;
    }

        .quote p a {
            padding: 5px;
            text-transform: none;
        }

    .certificate img {
        width: 50px;
        margin-bottom: 3px;
    }

    .logo-footer img {
        width: 150px;
    }

    .sub-head1 {
        font-size: 23px;
        padding: 100px 0px 20px;
    }

    .master-sub-padding {
        min-height: 0;
    }

    .panel-group {
        height: auto;
        overflow: auto;
    }

    #fixed-sidemenu.stickIt {
        position: relative;
        top: 0;
        width: 100%;
    }

    .contact-address {
        border-top: 1px solid #1d86f8;
        padding: 10px 0px 0px;
    }

    .bottom-line {
        margin: 0px 0px 15px;
    }

    .contact-iframe {
        height: 200px;
    }

    .gallery-img p {
        min-height: 55px;
        line-height: 20px;
    }
}

/* Mobile and small Phones*/
@media (max-width: 480px) {
    .top-contact li {
        margin: 0px 0px;
        padding: 2px;
    }
}
/*Media query*/