html {
    min-height: 100vh;
    position: relative;
}

body {
    margin: 0;
    /*color:#6a6f8c;*/
    /*font:600 16px/18px 'Open Sans',sans-serif;*/
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #fff;
}


/* .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
} */

*,
:after,
:before {
    box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    display: block
}

a {
    color: inherit;
    text-decoration: none
}


/*login*/

.main-content {
    width: 90%;
    /*border-radius: 20px;*/
    box-shadow: 0 8px 8px rgba(0, 0, 0, .4);
    margin: 5em auto;
    display: flex;
}

.company__info {
    background-color: #111c4e;
    /*border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

@media screen and (max-width: 640px) {
    .main-content {
        width: 90%;
    }
    .company__info {
        display: none;
    }
    .login_form {
        /*border-top-left-radius:20px;
		border-bottom-left-radius:20px;*/
    }
}

@media screen and (min-width: 642px) and (max-width:800px) {
    .main-content {
        width: 70%;
    }
}

.row>h2 {
    color: #008080;
}

.login_form {
    background-color: #fff;
    /*border-top-right-radius:20px;
	border-bottom-right-radius:20px;*/
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

form {
    padding: 0 2em;
}

.form__input {
    width: 100%;
    border: 0px solid transparent;
    border-radius: 0;
    border-bottom: 1px solid #aaa;
    padding: 1em .5em .5em;
    /*padding-left: 2em;*/
    outline: none;
    margin: 1.5em auto;
    /*transition: all .5s ease;*/
}

.form__input:focus {
    border-bottom-color: #008080;
    box-shadow: 0 0 5px rgba(0, 80, 80, .4);
    border-radius: 4px;
}

.btn1 {
    transition: all .5s ease;
    width: 100%;
    border-radius: 30px;
    color: #008080;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #008080;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

.btn1:hover,
.btn1:focus {
    background-color: #008080;
    color: #fff;
}


/*login*/

.headMit {
    background: #fff !important;
    border-bottom: grey 1px solid;
}

@media(max-width:1366px) {
    .banner-section {
        min-height: 586px;
    }
}

@media(max-width:1280px) {
    .banner-section {
        min-height: 545px;
    }
    .banner-center {
        margin-top: 4em;
    }
}

@media(max-width:1080px) {
    .banner-section {
        min-height: 460px;
    }
    .banner-center h3 {
        font-size: 2.8em;
    }
    .banner-center {
        margin-top: 2em;
    }
    .welcome,
    .project,
    .ftr-gd,
    .footer-section,
    .about-section,
    .history,
    .team,
    .services,
    .our-services,
    .featured-section,
    .our-offers,
    .gallery,
    .contact,
    .page {
        padding: 4em 0;
    }
    .fule-section {
        padding: 0 0 12em;
    }
    .welcome h2,
    .about-section h2,
    .services h2,
    .gallery h2,
    .short-heading h2,
    .contact h2 {
        font-size: 2.8em;
    }
    .testimonial-header h3,
    .project h3,
    .featured-section h3,
    .history h3,
    .team h3,
    .our-services h3,
    .our-offers h3,
    .ftr-gd h3 {
        font-size: 2.8em;
    }
    .wel-grid h4,
    .fuel-text h4,
    .footer-grid h4,
    .about-grid h4,
    .history-grid h4,
    .team-grid h4,
    .serv-text h4,
    .featured-gd h4,
    .our-services h4,
    .contact-grid h4 {
        font-size: 1.3em;
    }
    .view h4 {
        font-size: 1.3em;
        margin-top: 0.8em;
    }
    .itema-type-double .itema-info .date {
        font-size: 2.8em;
    }
    .wel-grid p,
    .fuel-text p,
    .testmonial-text p,
    .description p,
    .view p,
    .about-grid p,
    .history-grid p,
    .team-grid p,
    .serv-text p,
    .featured-gd p,
    .our-services p,
    .gallery-gal-text p {
        font-size: 0.96em;
    }
    .fules {
        bottom: 18%;
        left: 39%;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 384px;
    }
    .itema-info {
        padding-top: 8em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 213px;
    }
    ul.price-list li {
        padding-left: 2em;
    }
    .contact-grid iframe {
        height: 495px;
    }
    .contact-grid ul li {
        font-size: 0.96em;
    }
}

@media(max-width:991px) {
    .banner-center h3 {
        width: 55%;
        font-size: 2.5em;
    }
    .details-section {
        width: 50%;
        margin-top: 1em;
    }
    .banner-section {
        min-height: 420px;
    }
    .logo a {
        font-size: 1.1em;
    }
    .welcome h2,
    .about-section h2,
    .services h2,
    .gallery h2,
    .short-heading h2,
    .contact h2 {
        font-size: 2.5em;
    }
    .wel-grid {
        float: left;
        width: 50%;
    }
    .wel-grid:nth-child(3),
    .wel-grid:nth-child(4) {
        margin-top: 2em;
    }
    .wel-top i {
        font-size: 2.5em;
    }
    .fuel-grid {
        float: left;
        width: 50%;
    }
    .fuel-text {
        bottom: -60%;
        padding: 3em 1em 2em;
    }
    .fules {
        bottom: 20%;
        left: 35%;
    }
    .project-grid {
        float: left;
        width: 50%;
    }
    .view p {
        font-size: 0.8em;
    }
    .project-left {
        float: left;
        width: 50%;
    }
    .project-right {
        float: left;
        width: 50%;
    }
    .pro-bottom {
        margin-top: 3.2em;
    }
    .view h4 {
        margin-top: 0em;
    }
    .view p {
        padding: 0px 3px 0px;
    }
    .wrapper .description {
        padding: 5px 14px;
    }
    .itema-type-double .itema-info .date {
        font-size: 2.5em;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 295px;
    }
    .itema-info {
        padding-top: 5.5em;
    }
    .itema-type-double .itema-info .headline {
        font-size: 1em;
    }
    .footer-grid {
        float: left;
        width: 50%;
    }
    .footer-grid:nth-child(3),
    .footer-grid:nth-child(4) {
        margin-top: 2em;
    }
    .about-grid {
        float: left;
        width: 60%;
    }
    .about-grid1 {
        float: left;
        width: 40%;
    }
    .about-grid p {
        padding: .5em 0;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 155px;
    }
    .history-grid {
        float: left;
        width: 33.3%;
    }
    .team-grid {
        float: left;
        width: 50%;
    }
    .team-grid:nth-child(3),
    .team-grid:nth-child(4) {
        margin-top: 2em;
    }
    .services-grid {
        float: left;
        width: 50%;
    }
    .serv-text {
        margin-top: 2em;
    }
    ul.price-list li {
        padding-left: 7em;
    }
    .featured-gd {
        float: left;
        width: 50%;
    }
    .featured-gd:nth-child(3),
    .featured-gd:nth-child(4) {
        margin-top: 2em;
    }
    .ourser-grid {
        float: left;
        width: 33.3%;
    }
    .offer-grid {
        float: left;
        width: 50%;
    }
    .offer-grid:nth-child(3),
    .offer-grid:nth-child(4) {
        margin-top: 2em;
    }
    .gal-gd {
        float: left;
        width: 33.3%;
        padding: 0 6px;
    }
    .gal-gd-sec {
        float: left;
        width: 50%;
        padding: 0 6px;
    }
    .contact-grid {
        float: left;
        width: 50%;
    }
    .contact-grid input[type="text"],
    .contact-grid textarea {
        width: 49.1%;
        font-size: 0.96em;
        padding: 0.5em;
    }
    .contact-grid textarea {
        width: 100%;
        height: 140px;
    }
    .contact-grid iframe {
        height: 460px;
    }
}

@media(max-width:736px) {
    .banner-section {
        background: url(../images/ba11.jpg) no-repeat -97px 0px;
        background-size: cover;
    }
    .banner-center h3 {
        width: 72%;
        font-size: 2.3em;
    }
    .details-section {
        width: 50%;
        margin-top: 1em;
        padding: 1em;
    }
    .details-section input[type="text"],
    input[type="password"] {
        width: 100%;
        padding: 0.5em
    }
    div#bs-example-navbar-collapse-1 {
        float: none;
        padding-top: 0.4em;
    }
    .navbar-toggle {
        padding: 9px 10px;
        margin-top: 6px;
        margin-right: 0px
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #184621;
    }
    .navbar-toggle {
        background-color: #184621;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #F87B2E;
    }
    .testimonial-header h3,
    .project h3,
    .featured-section h3,
    .history h3,
    .team h3,
    .our-services h3,
    .our-offers h3,
    .ftr-gd h3 {
        font-size: 2.5em;
    }
    .wel-grids,
    .project-grids,
    .about-grids,
    .history-grids,
    .team-grids,
    .services-grids,
    .featured-grids,
    .ourser-grids,
    .offer-grids,
    .gal-btm,
    .contact-grids {
        margin-top: 3em;
    }
    .fules {
        bottom: 17.3%;
        left: 33.5%;
    }
    .fuel-text {
        bottom: -60%;
        padding: 2em 0em 2em;
    }
    .project-grid {
        float: left;
        width: 100%;
    }
    .project-grid:nth-child(2) {
        margin-top: 2em;
        padding: 0;
    }
    .wrapper .description {
        padding: 80px 14px;
    }
    .pro-bottom {
        margin-top: 2.2em;
    }
    .view h4 {
        margin-top: 4em;
    }
    .view p {
        padding: 0px 15px 0px;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 563px;
    }
    .itema-info {
        padding-top: 15em;
    }
    .about-grid {
        width: 100%;
    }
    .about-grid1 {
        width: 100%;
        margin-top: 2em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 360px;
    }
    .history-grid {
        float: left;
        width: 50%;
    }
    .history-grid {
        margin-bottom: 1em;
    }
    ul.price-list li {
        padding-left: 5em;
    }
}

@media(max-width:667px) {
    .banner {
        min-height: 90px !important;
    }
    .banner-section {
        background: url(../images/ba11.jpg) no-repeat -82px 0px;
        background-size: cover;
        min-height: 380px;
    }
    .welcome,
    .project,
    .ftr-gd,
    .footer-section,
    .testimonials,
    .about-section,
    .history,
    .team,
    .services,
    .our-services,
    .featured-section,
    .our-offers,
    .gallery,
    .contact,
    .page {
        padding: 3em 0;
    }
    .fuel-text {
        bottom: -46%;
        padding: 1em 0em 1em;
    }
    .fules {
        bottom: 25.5%;
        left: 33.5%;
    }
    .description h4 {
        font-size: 1.5em;
    }
    .itema-type-double .itema-info .date {
        font-size: 2em;
    }
    .fule-grids1 {
        margin-top: 10em;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 505px;
    }
    .itema-info {
        padding-top: 12em;
    }
    .wrapper .description {
        padding: 70px 14px;
    }
    .view h4 {
        margin-top: 3em;
    }
    .view p {
        font-size: 0.9em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 327px;
    }
    .gallery-gal-text h4 {
        font-size: 1.2em;
    }
    .gallery-gal-text p {
        line-height: 1.5em;
    }
    ul.price-list li {
        padding-left: 4em;
    }
}

@media(max-width:640px) {
    .fules {
        bottom: 43.5%;
        left: 31.5%;
    }
}

@media(max-width:600px) {
    .banner-section {
        background: url(../images/ba11.jpg) no-repeat -138px 0px;
        background-size: cover;
        min-height: 380px;
    }
    .fuel-text {
        bottom: -71%;
    }
    .details-section input[type="submit"] {
        width: 45%;
    }
    .fules {
        bottom: 27%;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 450px;
    }
    .view h4 {
        font-size: 1.5em;
        margin-top: 2em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 302px;
    }
    .serv-text {
        padding: 0;
    }
    .gal-gd,
    .gal-gd-sec {
        width: 60%;
        float: none;
        padding: 0;
        margin: 0 auto 27px;
    }
    .gallery-gal-text h4 {
        font-size: 1.4em;
    }
}

@media (max-width: 568px) {
    .fules {
        bottom: 33.3%;
        left: 29.5%;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 425px;
    }
    .itema-info {
        padding-top: 11em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 285px;
    }
    .contact-grid input[type="submit"] {
        width: 36%;
    }
    ul.price-list li {
        padding-left: 3em;
    }
}

@media(max-width:480px) {
    .banner-center h3 {
        width: 72%;
        font-size: 1.8em;
    }
    .banner-section {
        background: url(../images/ba11.jpg) no-repeat -194px 0px;
        background-size: cover;
        min-height: 346px;
    }
    .details-section {
        width: 58%;
    }
    .details-section input[type="submit"] {
        width: 53%;
        font-size: 0.95em;
    }
    .logo a {
        font-size: 1em;
    }
    .welcome h2,
    .about-section h2,
    .services h2,
    .gallery h2,
    .short-heading h2,
    .contact h2 {
        font-size: 2em;
    }
    .welcome,
    .project,
    .ftr-gd,
    .footer-section,
    .testimonials,
    .about-section,
    .history,
    .team,
    .services,
    .our-services,
    .featured-section,
    .our-offers,
    .gallery,
    .contact,
    .page {
        padding: 2em 0;
    }
    .wel-grids,
    .project-grids,
    .test-monials,
    .about-grids,
    .history-grids,
    .team-grids,
    .services-grids,
    .featured-grids,
    .ourser-grids,
    .offer-grids,
    .gal-btm,
    .contact-grids {
        margin-top: 2em;
    }
    .wel-grid {
        width: 100%;
    }
    .wel-grid:nth-child(2) {
        margin-top: 2em;
    }
    .fuel-grid {
        float: left;
        width: 100%;
    }
    .fuel-grid:nth-child(2) {
        margin-top: 6em;
    }
    .fule-section {
        padding: 0 0 7em;
    }
    .fule-grids1 {
        margin-top: 7em;
    }
    .fules {
        bottom: 13.3%;
        left: 36.5%;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 354px;
    }
    .itema-info {
        padding-top: 8em;
    }
    .wrapper .description {
        padding: 30px 14px;
    }
    .fuel-text {
        bottom: -27%;
    }
    .project-left {
        width: 100%;
        padding: 0;
    }
    .project-right {
        width: 100%;
        padding: 0;
        margin-top: 2em;
    }
    .view h4 {
        font-size: 1.5em;
        margin-top: 5.5em;
    }
    .footer-grid {
        float: left;
        width: 100%;
    }
    .footer-grid:nth-child(2) {
        margin-top: 2em;
    }
    .banner {
        min-height: 44px !important;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 202px;
    }
    .history-grid {
        width: 100%;
    }
    .team-grid {
        width: 100%;
    }
    .team-grid:nth-child(2) {
        margin-top: 2em;
    }
    .services-grid {
        width: 100%;
    }
    .services-grid:nth-child(2) {
        margin-top: 2em;
    }
    .ourser-grid {
        width: 100%;
    }
    .ourser-grid:nth-child(2) {
        margin: 2em 0;
    }
    .offer-grid {
        width: 100%;
    }
    .offer-grid:nth-child(2) {
        margin-top: 2em;
    }
    ul.price-list li {
        padding-left: 9.5em;
    }
    .gal-gd,
    .gal-gd-sec {
        width: 80%;
    }
    h1#h1-bootstrap-heading {
        font-size: 2.2em;
    }
    button.btn.btn-lg {
        font-size: 1em;
        padding: 7px;
    }
    h2#h2-bootstrap-heading {
        font-size: 2em;
    }
    .page-header h3 {
        font-size: 1.8em;
    }
    .contact-grid {
        width: 100%;
    }
    .contact-grid iframe {
        height: 300px;
    }
    .contact-grid:nth-child(2) {
        margin-top: 2em;
    }
    .contact-grid input[type="text"] {
        width: 49.5%;
    }
}

@media(max-width:414px) {
    .banner-section {
        background: url(../images/ba11.jpg) no-repeat -249px 0px;
        background-size: cover;
        min-height: 346px;
    }
    .fules {
        bottom: 33.3%;
        left: 36%;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 299px;
    }
    .itema-info {
        padding-top: 6em;
    }
    .wrapper .description {
        padding: 15px 14px;
    }
    .view h4 {
        margin-top: 4.5em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 198px;
    }
    ul.price-list li {
        padding-left: 7em;
    }
    .contact-grid input[type="text"] {
        width: 100%;
    }
}

@media(max-width:384px) {
    .details-section {
        width: 68%;
    }
    .logo a {
        font-size: 0.95em;
    }
    .header {
        padding-bottom: 0;
    }
    .navbar-default {
        margin-top: 5px;
    }
    .welcome h2,
    .about-section h2,
    .services h2,
    .gallery h2,
    .short-heading h2,
    .contact h2 {
        font-size: 1.8em;
    }
    .testimonial-header h3,
    .project h3,
    .featured-section h3,
    .history h3,
    .team h3,
    .our-services h3,
    .our-offers h3,
    .ftr-gd h3 {
        font-size: 2em;
    }
    .testmonial-text h4 a {
        font-size: 1em;
    }
    .fules {
        bottom: 38.3%;
        left: 33.5%;
    }
    .itema-info {
        padding-top: 5.5em;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 275px;
    }
    .view h4 {
        margin-top: 3.5em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 182px;
    }
    .featured-gd {
        float: left;
        width: 100%;
    }
    .featured-gd:nth-child(2) {
        margin-top: 2em;
    }
    ul.price-list li {
        padding-left: 6em;
    }
}

@media (max-width: 375px) {
    .banner-center h3 {
        width: 74%;
        font-size: 1.8em;
    }
    .wel-top {
        padding: 2em 0em
    }
    .fules {
        bottom: 34.3%;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 268px;
    }
    .wrapper .description {
        padding: 13px 14px;
    }
    .ftr-gd input[type="submit"] {
        width: 28%
    }
    .wel-grid,
    .fuel-grid,
    .footer-grid,
    .about-grid,
    .about-grid1,
    .history-grid,
    .team-grid,
    .services-grid,
    .featured-gd,
    .contact-grid {
        padding: 0;
    }
    .gal-gd,
    .gal-gd-sec {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .banner-center {
        margin-top: 1em;
    }
    .banner-center h3 {
        width: 90%;
    }
    .details-section {
        width: 80%;
    }
    .banner-section {
        background: url(../images/ba11.jpg) no-repeat -250px 0px;
        background-size: cover;
        min-height: 315px;
    }
    .testimonial-header h3,
    .project h3,
    .featured-section h3,
    .history h3,
    .team h3,
    .our-services h3,
    .our-offers h3,
    .ftr-gd h3 {
        font-size: 1.8em;
    }
    .welcome,
    .project,
    .ftr-gd,
    .footer-section,
    .testimonials,
    .about-section,
    .history,
    .team,
    .services,
    .our-services,
    .featured-section,
    .our-offers,
    .gallery,
    .contact,
    .page {
        padding: 1.5em 0;
    }
    .wel-grids,
    .project-grids,
    .test-monials,
    .test-monials,
    .about-grids,
    .history-grids,
    .team-grids,
    .services-grids,
    .featured-grids,
    .ourser-grids,
    .offer-grids,
    .gal-btm,
    .contact-grids {
        margin-top: 1em;
    }
    .fuel-text {
        bottom: -40%;
    }
    .fuel-text {
        bottom: -40%;
        width: 94%;
        margin: 0 auto;
        left: 3.5%;
        padding: 1em 1em 1em;
    }
    .ftr-gd h3 {
        margin: 0 0 0.5em;
    }
    .fules {
        bottom: 48.3%;
        font-size: 1em;
    }
    .itema,
    .itema-hover,
    .itema-hover .mask,
    .itema-img,
    .itema-info {
        width: 100%;
        height: 223px;
    }
    .itema-info {
        padding-top: 4em;
    }
    .itema-type-double .itema-info .date {
        font-size: 1.5em;
    }
    .wrapper .description {
        padding: 17px 14px;
    }
    .view h4 {
        margin-top: 2.5em;
    }
    .ftr-gd input[type="submit"] {
        width: 33%;
        padding: .8em;
    }
    .ftr-gd input[type="text"] {
        padding: .7em 1em;
    }
    .about-grid1 iframe {
        width: 100%;
        height: 163px;
    }
    .about-grid h4 {
        line-height: 1.3em;
    }
    ul.price-list li {
        padding-left: 3em;
    }
    .serv-text {
        margin-top: 1em;
    }
    .contact-grid iframe {
        height: 230px;
    }
}