@charset "utf-8";

/* CSS Document */



button.navbar-toggler {

    display: none !important;

}



body{

        font-family: 'Poppins', sans-serif;

    }

    

    .border-dark {

    border-color: #00264d!important;

}







body .pece-section {

    margin-bottom: 60px!important;

}



body .inner-header {

    background-color:#00264d!important;

}



.our-list .mess-dg img {

  /* width: 100%;

    max-width: 78%!important;

    margin-left: 21%!important;*/

    width: 100%;

    max-width: 88%!important;

    margin-left: 9%!important;

}



.galery {

    margin-top: 55px;

}



.jnm {

    margin-bottom: 50px;

}



.dd-ss {

    width: 65%;

    margin: 0px auto;

}







.pec-mm .text-dd {

   width: 70%;

    margin: 34px auto;

    font-size: 20px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 400;

}



.pec-mm {

    color: #fff;

}



.pec-mm h2.heading-dd {

    text-transform: uppercase;

}



.ugo {

    position: relative;

}



.pece-section {

    background-image: url(../images/bg2-y.png);

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}





.nase .rounded-circle {

    padding-left: 0px!important;

}



.nase {

   border-radius: 10px;

    box-shadow: 0px 0px 5px 3px #eee;

    padding: 8px 27px;

    margin-bottom: 20px;

    min-height: 345px;



}



.mess-dg .col-feature {

    text-align: left;

}



.text-dnd {

    position: absolute;

    bottom: 70px;

    left: 43px;

}



.text-dnd h1.heading-dd {

    color: #fff;

    font-weight: 500;

}



.text-dnd .text-dd {

    color: #fff;

}



.testimonial .col-lg-9 .texting {

    font-weight: 600;

    font-size: 18px;

    line-height: 31px;

}



img.kot-down {

    position: relative;

    width: 33px;

    height: auto;

    top: -75px;

    left: 184px;

}



img.kot {

    width: 33px;

    height: auto;

    margin-top: -23px;

    position: relative;

}







.testimonial .col-lg-9 {

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.pec-mm h2.heading-dd {

    font-size: 40px;

    color: #ffb229;

    font-weight: 700;

}



.pec-mm h2.heading-dd:nth-child(2) {

    font-size: 40px;

    color: #fff;

    font-weight: 700;

}



nav.mn {

   /* background-image: url(https://kickwebdesign.net/plumbers-stkilda/images/header-bg.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;*/

}



a.nav-link {

    padding-right: 0px!important;

}



.testimonial .col-lg-9 .testi-one {

    text-align: center;

    width: 100%;

    margin-top:40px;

    margin-bottom: 25px;

}



.ugo img {

    width: 100%;

    max-width: 100%!important;

    margin-left: 0%!important;

    min-height: 711px;

}



.testimonial .text-yellow {

    padding-left: 5%;

}



.testimonial .text-two {

    padding-left: 5%;

}







.text-yellow h1.heading-dd:after {

    position: absolute;

    content: "";

    width: 66px;

    height: 5px;

    border-radius: 8px;

    top: 41px;

    left: 0;

    background-color: #005dad;

}



.jig {

    margin-top: 30px!important;

}



.text-yellow h1.heading-dd {

    text-transform: uppercase;

    font-size: 28px;

    font-weight: 700;

    margin-bottom: 40px;

    color: #000;

    position: relative;

}





.galery {

    padding: 0px!important;

    margin: 0px;

}



.galery .col-md-3 {

    padding: 0px 5px;

}





.border {

    border: 1px solid #00264d !important;

}

.bg-dark {

   /* background-color: #00264d!important;*/

    background-color: #00264d00!important;

    z-index: 9;

    border: 0px!important;

    padding-top: 20px;

}







.jsk ul.list-features li:hover {

    box-shadow: 0px 0px 12px 0px #eee;

}



.jsk ul.list-features li {

    box-shadow: 0px 0px 6px 0px #eee;

    padding: 15px 25px;

    margin-bottom: 21px;

}



.heading-dd {

    margin-bottom: 0px;

    font-size: 30px;

    color: #ffb229;

    font-weight: 500;

}



ul.list-features li a {

    color: #000;

    font-weight: 400;

}

.jsk ul.list-features {

    list-style-type: none;

    padding: 0px;

    line-height: 31px;

    font-size: 17px;

    text-align:left;

}



.ugo .text-dd {

    font-size: 17px;

    font-weight: 500;

}



.ugo h1.heading-dd {

    font-size: 35px;

    color: #ffffff;

    font-weight: 500;

    margin-bottom: 16px;

}



.col-feature p {

    font-size: 16px;

    font-weight: 400;

    width: 100%;

}



.col-feature h4 {

    font-size: 20px;

    font-weight: 600;

}



.text-dd {

   font-size: 30px;

    color: #005dad;

    font-weight: 600;

}



p.two-f {

    font-weight: bold;

    font-size: 19px;

    line-height: 23px;

}

p.two-f span {

    font-weight: 300;

    font-size: 14px;

}



.bs {

    margin-bottom: 50px;

}



footer h1.logo-text {

    font-size: 30px!important;

    line-height: 37px!important;



}



p.footer-cp {

   font-weight: 300;

    font-size: 12px;

    margin-bottom: 0px;

    text-align: center;

    background-color: #005dad;

    padding: 8px 0px;

    color: #fff;

}



.footer-inner {

    width: 100%;

    max-width: 400px;

    margin: 0px auto;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.dd-nn-ss:after {

    position: absolute;

    content: "";

    width: 1px;

    height: 46px;

    top: 7px;

    background-color: #fff;

    left: 50%;

    border-radius: 5px;

}



.footer-inner img {

   margin-right: 4px;

    border-right: 0px;

    padding-right: 0px;

    width:10%;

}



p.two-f {

    text-align: left;

    padding-left: 20px;

}



p.footer-text {

    font-weight: 300;

    margin-top: 20px;

    width: 54%;

    margin: 20px auto;

    margin-bottom: 0px!important;

}



.homebanner .new-yellow {

    text-align: center;

}







a.nav-link {

    font-size: 20px;

    color: #ffffff!important;

    font-weight: 600;

}



.homebanner h1 {

       font-size: 30px;

    color: #ffb229;

    font-weight: 700;

    text-transform: capitalize;

}



.homebanner h2.mb-2.display-4 {

   font-size: 41px;

    color: #ffffff;

    font-weight: 700;

    text-transform: uppercase;

}





span.img-div {

    margin-right: 13px;

}



footer {

    background-color: #00264d!important;

}



h1.logo-text {

    font-size: 29px;

    color: #ffb229;

    font-weight: 600;

    line-height: 29px;

    margin-bottom: 0px;

}



h1.logo-text span {

    font-size: 22px;

    color: #fff;

    font-weight: 600;

}



.pec-mm .col-10 img {

    width: 30px;

    height: auto;

}



h4.sbn {

    font-weight: 600;

    font-size: 20px;

}



.homebanner ul.list-features li {

    width: 15%;

    margin: 0px 14px;

    display: flex;

    text-align: left;

    line-height: 18px;

}





.homebanner ul.list-features {

    font-size: 13px;

    line-height: 28px;

    color: #ffffff;

    font-weight: 600;

    list-style-type: none;

    padding: 0px;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    width: 100%;

}





.yllow-plumbing {

    margin-top: 90px;

}



.text-name strong {

    font-size: 18px;

    color: #005dad;

    font-weight: 700;

}



.yn-mn {

    display: flex;

    flex-direction: row;

    justify-content: center;

    margin-bottom:30px;

}



.yn-mn:hover {

    box-shadow: -6px 5px 13px 10px #eee;

}





.yn-mn {

    border-radius: 10px;

    box-shadow: 0px 0px 5px 3px #eee;

    padding: 32px 0px;

    min-height: 234px;

}



.yn-mn .data-yellow {

    text-align: left;

    padding-right: 35px;

}



.yn-mn .rounded-circle {

    min-width: 26%;

    padding: 0px!important;

}



.yellow-textimo {

    width: 100%;

    margin: 0px auto;

    max-width: 742px;

    margin-top:52px;

}



.text-name {

    margin-top: 8px!important;

}



.description-data {

  font-size: 14px!important;

    line-height: 23px!important;

    color: #000!important;

    font-weight: 300;

    font-style: italic;

    padding-right: 25px!important;

}



.demo-theree {

    background-color: #fff;

    padding: 20px 0px;

}



.demo-two {

    background-color: #fff;

    padding: 20px;

}



.demo-one {

    background-color: #005dad;

    padding: 19px 37px;

    color: #fff;

    font-weight: 600;

    font-size: 17px!important;

}



.yellow-textimo .row {

    margin: 0px;

    background-color:#fff;

}



.sd img {

    border-radius: unset;

    width: auto!important;

    height: auto!important;

}



.demo-one h3 {

    font-weight: 500;

    font-size: 24px;

}



.yellow-textimo .col-8 img {

    float: right;

}



.homebanner .card{

   background-color: #fff0!important;

    border: 1px solid rgba(0,0,0,0.125)!important;

    padding: 0px;

    border-radius: 10px;

    filter: drop-shadow(0 0 10.5px rgba(0,0,0,0.05));

    overflow: hidden;

}



.nnn {

    line-height: 25px;

    margin-left: 10px;

}



a.nav-link.sd {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



a.nav-link.sd span.call {

    font-weight: 300;

}



.homebanner {

	background-image: url(../images/plumber-bnner.png);/*banner-bg-2.jpg*/

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	color: #fff;

	height: 100%;

    max-height: 536px;

    margin-top: -98px;

	

}



.pease-dd img {

    width: 100%;

    max-width: 100%;

}



.mess-dg img {

    width: 100%;

    max-width: 100%;

}





.mess-inner {

    /*padding-left: 14%;*/

}





.mess-inner ul.list-features {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    padding: 0px;

    margin-top: 33px;

    list-style-type: none;

}



.mess-inner ul.list-features li a {

    color: #fff;

}



.mess-inner ul.list-features li {

     width: 50%;

    margin-bottom: 26px;

}



.pece-section {

    /*background-image: url(https://kickwebdesign.net/plumbers-stkilda/images/img-y.jpg);

    background-repeat: no-repeat;

    background-position: 0% 0%;

    height: 104vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;*/

}



.expert {

    padding-bottom: 50px;

    padding-top: 50px;

}



.mess-inner .heading-dd {

    font-size: 27px;

    font-weight: bold;

    margin-bottom: 0px;

    text-transform: uppercase;

    color: #fff;

}



.our-list .mess-dg img {

    display: none!important;

}



.our-list {

    background-image: url(../images/our-list-bg.png);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 0px!important;

	background-position: right 25% center;

   

}





.homebanner .container {

	padding: 100px 0px;

}







.card-body {

	color: #373a3c;

}



footer {

	background-color: #373a3c;

	color: #fff;

	margin-top: 50px;

}



.dd-nn-ss {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    width: 67%;

    margin: 0px auto;

    position: relative;

}



.gn {

    margin-top: 40px;

}



footer .container {

	padding-top: 35px;

}





@media only screen and (max-width: 767px){

    

    p.footer-text {

    font-weight: 300;

    margin-top: 20px;

    width: 100%!important;

        

    }

    

    .dd-ss {

    width: 100%;

    margin: 0px auto;

}

    

    .ugo img{

        

        min-height:auto!important;

    }

    

    .our-list .col-6 {

    width: 100%!important;

    max-width: 100%;

    flex: unset;

}

    

    .dd-nn-ss:after{

        display:none;

    }

    

    .dd-nn-ss {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    width: 100%;

    margin: 0px auto;

    position: relative;

}

    

.footer-inner {

    width: 100%;

    max-width: 400px;

    margin: 0px auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

}

    

   p.two-f {

    font-weight: bold;

    font-size: 18px;

    line-height: 23px;

}

    

    .homebanner {

    max-height: 962px;

    }

    

    .mess-dg {

    max-width: 100%;

    flex: unset;

}

    

    .ugo {

        width: 100%;

        max-width: 100%;

        flex: unset;

        margin-bottom: 31px;

    }



    .mess-inner ul.list-features li {

        width: 100%;

        margin-bottom: 26px;

    }

    

    .mess-inner ul.list-features {

    display: flex;

    flex-direction: column;

    flex-wrap: unset;

        

    }

    

    .mess-inner {

    margin-top: 35px;

}

    

    .demo-theree {

    background-color: #fff;

    padding: 20px 0px;

    text-align: center;

}

    

    .homebanner ul.list-features{

        flex-wrap: wrap;

    }

    

    .yellow-textimo .col-8 img {

    float: unset;

}

    

    .yellow-textimo .col-8 {

    width: 100%;

    max-width: 100%;

    flex: unset;

    text-align: center;

}

    

    .homebanner ul.list-features li {

    width: 41%;

    margin: 12px 14px;

    display: flex;

    text-align: left;

    line-height: 18px;

}

    

    .homebanner h1 {

    font-size: 28px;

    color: #ffffff;

    font-weight: 700;

    text-transform: uppercase;

}

    

    .homebanner h2.mb-2.display-4 {

    font-size: 13px;

    color: #ffffff;

    font-weight: 700;

}

    

    .pease-dd img {

      display: block;

}



.pece-section {

    margin-bottom: 60px;

}



.pec-mm .text-dd {

    width: 100%;

    margin: 34px auto;

}

    

    .homebanner .col-7,.homebanner .col-5 {

        padding: 0px 25px!important;

        width: 100%;

        max-width: 100%;

        flex: unset;

    }

    

    .our-list .col-7,.our-list .col-5 {

    width: 100%!important;

    max-width: 100%!important;

    flex: unset;

}

    

    .mess-inner {

    padding-left: 0;

}

    

    .pec-mm .row .col-10 {

    margin-left: 0px!important;

}

    

    .pec-mm {

    margin-top: 40px;

}

    

    img.kot-down {

    position: relative;

    width: 33px;

    height: auto;

    top: 6px;

    left: 0;

}

    

}



@media (max-width: 991.98px) {

    .mobile-numbe {

        display: block !important;

    }

    

    .navbar {

        background-color: #022c4c !important;

    }

}



@media (min-width: 992px) {

    .mobile-numbe {

        display: none !important;

    }

}



@media only screen and (min-width: 1900px){

    

    

    .our-list {

      padding: 190px 0px!important;

    }

    

    .demo-one,.demo-two,.demo-theree{

        padding-top:40px!important;

    }

    

    .homebanner {



    max-height: 635px!important;

}

    

    .yllow-plumbing {

    margin-top: 180px;

}

    

    .mess-inner ul.list-features li {

     width: 50%;

    margin-bottom: 26px;

    font-size: 20px;

    display: flex;

    color: #ffffff;

    font-weight: 400;



}

    

.mess-inner .heading-dd{

        font-size:40px!important;

         font-weight:700!important;

    }

    

.our-list .mess-dg img {

    width: 100%;

    /*max-width: 87%!important;*/

    max-width: 94%!important;

    margin-left:0%!important;

    

}

    

    .homebanner ul.list-features {

    font-size: 19px;

    line-height: 28px;

    color: #ffffff;

    font-weight: 600;

    list-style-type: none;

    padding: 0px;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    width: 100%;

}



.homebanner ul.list-features li {

    width: 21%;

    margin: 0px 14px;

    display: flex;

    text-align: left;

    line-height: 25px;

}

    

.homebanner h2.mb-2.display-4 {

   font-size: 50px;

    color: #ffffff;

    font-weight: 700;

    margin-top: 20px;

}

    

    .homebanner h1 {

    font-size: 30px;

    color: #ffb229;

    font-weight: 700;

    text-transform: capitalize;

    font-family: 'Poppins', sans-serif;

}



body .pece-section {

    margin-bottom: 60px!important;

}

    

   .yellow-textimo {

    width: 100%;

    margin: 0px auto;

    margin-top: 52px;

    max-width: 1010px;

}

    

    .description-data {

   font-size: 19px!important;

    line-height: 35px!important;

    color: #000;

    font-weight: 300;

    font-style: italic;

    padding-right: 25px!important;

}

    

    .demo-one h3 {

        font-weight: 500;

        font-size: 35px;

    }



    .pece-section {

        /*background-image: url(https://kickwebdesign.net/plumbers-stkilda/images/img-y.jpg);

        background-repeat: no-repeat;

        background-position: 0% 0%;

        height: 126vh;

        background-size: 50%!important;*/

    }

}