@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i');

@import url('https://fonts.googleapis.com/css?family=Merriweather:700');


body {
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    color: #000000;
    font-weight: 300;
}

/* Bootstrap Styles */

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 86.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}


.container-Fluid {
    width: 100%;
    overflow: inherit;
    clear: both;
}

.container {
    width: 1180px;
    margin: auto;
    padding: 0px;
}

.pullLeft {
    float: left;
}

.pullRight {
    float: right
}

.textAlignCenter {
    text-align: center;
}

h1, h2, h3 {
    font-size: 32px;
    color: #bf8f00;
    margin: 0px;
    padding: 0px;
    font-weight: 300;
}

.row {
    margin: 0px -15px;
}


.logoDiv {
    width: 390px;
    overflow: hidden;
    padding: 15px 0px;
    text-transform: uppercase;
    color: #3a5826;
}

.logoImgDiv {
    width: 240px;
    overflow: hidden;
}

.logoImgDiv img {
    width: 100%;
}

.logoTxtDiv {
    width: 254px;
    overflow: hidden;
    padding-left: 5px;
    font-family: 'Merriweather', serif;
    font-size: 22px;
    font-weight: 700;
}

.logoTxtDiv span {
    color: #bf8f00;
    letter-spacing: 0px;
    font-size: 21px;
    display: block;
    font-weight: 400;
    font-family: "Times New Roman", Times, serif;
}


.phoneDiv {
    width: 300px;
    overflow: hidden;
    padding: 15px 0px;
    color: #bf8f00;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
}

.phoneDiv span {
    font-size: 30px;
    font-weight: 400;
    color: #3a5826;
    display: block;
}

.phoneDiv span a {
    font-size: 30px;
    font-weight: 400;
    color: #3a5826;
    display: block;
    text-decoration: none;
}

.phoneDiv img {
    padding: 5px 5px 0px 0px;
    float: left;
}


.menuBgDiv {
    background: #3a5826;
    overflow: hidden;
}

.menuInnDiv {
    min-width: 320px;
    max-width: 1180px;
}

.menuInnDiv {
    margin: auto;
    overflow: hidden;
    text-align: center;
}

.rightssss {
    margin-left: 18%;
}

@media only screen and (max-width: 600px) {
    .rightssss {
        margin-left: 0;
    }
}

.col-xs-7.padd60.pullRight.mobiPaddTB img {
    float: inherit;
}

.menuInnDiv ul {
    margin: 0px;
    padding: 0px;
}

.menuInnDiv ul li {
    display: inline-block;
    list-style: none;
    padding: 15px 28px;
}

.menuInnDiv ul li a {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 10px;
    line-height: 24px;
    font-weight: 400;
    text-decoration: none;
}

.menuInnDiv ul li a:hover {
    background-color: #bf8f00;
    padding: 15px 10px;
    color: #FFFFFF;
}

.menuICN {
    display: none;
    cursor: pointer;
    overflow: hidden;
    font-size: 26px;
    color: #ffffff;
    background: #3a5826;
    text-transform: uppercase;

    cursor: pointer;
}


.bannerBgDiv {
    background: #bf8f00;
    overflow: hidden;
}

.padd60 {
    padding: 60px 0px;
}

.bannerTxt {
    font-size: 30px;
    color: #ffffff;
    font-weight: 500;
}

.bannerTxt2 {
    font-size: 28px;
    font-weight: 300;
}

.padd30 {
    padding: 30px 0px;
}

.ourGautranteeDiv {
    clear: both;
    padding: 15px 0px 0px 0px;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}

.ourGautranteeDiv ul {
    margin: 0px;
    padding: 0px;
}

.ourGautranteeDiv ul li {
    margin: 0px;
    padding: 0px;
    list-style-image: url(../images/dot-bann.png);
    margin: 0px 0px 0px 25px;

    text-transform: capitalize;
    font-weight: 300;
}


a.orderNowBtn {
    text-decoration: none;
    display: inline-block;
}

a.orderNowBtn div {
    background: #ffffff;
    color: #000000;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 300;
    margin-top: 15px;

    border-radius: 6px;
    border: 1px solid #ffffff;
}

a.orderColor div:hover {
    background: #538135;
    color: #ffffff;
}


/* order detail page css */

.terms {

    font-family: 'Fira Sans Condensed', sans-serif;

    background: #fff none repeat scroll 0 0;

    border: 2px solid #dddddd;

    color: #666666;

    font-size: 14px;

    height: 150px;

    line-height: 19px;

    overflow-y: scroll;

    padding: 10px;

}


.orderBtn-lay2 {

    background: #3a5826;

    font-size: 14px;

    color: #ffffff;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    border-radius: 6px;

    border: 1px solid #3a5826;

    padding: 8px 10px;

    text-transform: none;

    cursor: pointer;

}

.footer-add-div {

    width: 390px;

    padding-top: 10px;

    float: left;

    overflow: hidden;

    font-family: 'Fira Sans Condensed', sans-serif;

    font-size: 34px;

    color: #626262;

    font-weight: 300;

}

.footer-add-div ul {

    list-style: none;

    margin: 0px;

    padding: 0px;

}

.footer-add-div ul li {

    list-style: none;

    margin: 0px;

    padding: 5px 0px;

    float: none;

    clear: both;

}

.container-lay2 {

    width: 1180px;

    margin: auto;

    overflow: hidden;

}

.fixedSticky {

    width: 400px;

    padding: 5px;

    border: 1px solid #d2d2d2;

    background: #ffffff;

    position: fixed;

    left: 55%;

    top: 35%;

}


/* order detail page css end */

a.orderBtnSml {
    padding: 8px 10px;
    font-size: 16px;
    background: #3a5826;
    color: #ffffff;
    text-transform: uppercase;
}

a.orderBtnSml {
;
    border: 1px solid #538135;
}


.greyBg {

    background: #f4f4f4;

    overflow: hidden;

    box-shadow: 0 0 10px #ccc;

}

.padd15 {
    padding: 15px;
    overflow: hidden;
}

.whiteBox {

    background: #ffffff;

    padding: 20px 0px 20px 0px;

    box-shadow: 0 0 10px #ccc;
    border: 1px solid #e4e4e4;

}

.whiteBox:hover {
    border: 1px solid #3a5826;
}

.headingTxt {
    font-size: 24px;
    font-weight: 700;
    color: #3a5826;
}

.padd20LR {
    padding: 0px 40px;
    height: 100px;
    font-size: 18px;
    line-height: 26px;
}

.price {

    font-size: 40px;
    color: #bf8f00;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
}


.servicesDiv {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.servicesDiv ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.servicesDiv ul li {
    width: auto;
    display: inline-block;
    margin-bottom: 5px;
}


.custmerDiv {
    padding: 40px 30px;
    background: #ffffff;
    position: relative;
    text-align: left;
    margin-top: 15px;
}

.custmerHdTxt {
    color: #000000;
    font-size: 22px;
    font-weight: 500;
}

.custmerDiv p {
    font-style: italic;
}

.quoteImg {
    position: absolute;
    top: -15px;
}


.footerColor {
    background: #3a5826;
    padding: 10px 0px;
    overflow: hidden;
    color: #ffffff;
    font-size: 18px;
    font-weight: 200;
    border-bottom: 6px solid #bb9200;
}

.siteMap {
    margin: 0px;
    padding: 0px;
}

.siteMap ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.siteMap ul li {
    margin: 0px 0px 0px 20px;
    font-size: 16px;
    list-style: disc;
    color: #ffffff;
}

.siteMap ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 3px 0px;
}

.padd15 {
    padding: 15px;
}

.footerColor a {
    text-decoration: none;
    color: #ffffff;
}

.footerColor a:hover {
    text-decoration: none;
    color: #bf8f00;
    text-decoration: underline;
}


.textBox {
    background: #ffffff;
    border: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    color: #666666;

    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    border-radius: 6px;
    margin: 3px 0px;
}

.submitBtn {
    background: #bb9200;
    padding: 10px 20px;
    border: 0px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 6px;

    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    border-radius: 6px;
    margin: 3px 0px;
    cursor: pointer;
    border: 1px solid #bb9200;
}

.submitBtn:hover {
    background: #ffffff;
    border: 1px solid #bb9200;
    color: #bb9200;
}

.footerCheckBox {
    overflow: hidden;
    height: 40px;
}


.listDiv {
    margin: 0px 0px 0px 40px;
    padding: 0px;
    overflow: hidden;
}

.listDiv ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.listDiv ul li {
    padding: 5px 0px;
    list-style-image: url(../images/dot-bann-yellow.png);
    margin: 0px 0px 0px 20px;
}

.aboutImgDiv {
    width: 412px;
    margin: 0px;
    padding-top: 10px;
}

.aboutImgDiv img {
    width: 100%;
    display: block;
}


.sizesYelloTxt {
    color: #bf8f00;
    font-size: 18px;
}

.marginTopBtn {
    margin-top: 60px;
}

.sizeImg {
    width: 100%;
    display: block;
}

.footerHeading {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 24px;
}

.footerPhone {
    font-size: 32px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-weight: 300;
}

.footerPhone a {
    color: #FFFFFF;
    text-decoration: none;
}


.marLft1 {
    margin-left: 156px;
    text-transform: uppercase;
}

.marLft2 {
    margin-left: 85px;
    text-transform: uppercase;
}

.marLft3 {
    margin-left: 278px;
    text-transform: uppercase;
}

.marLft4 {
    margin-left: 314px;
    text-transform: uppercase;
}

.marLft5 {
    margin-left: 77px;
    text-transform: uppercase;
}


a.stateBtn {
    text-decoration: none;
    display: inline-block;
}

a.stateBtn div {
    background: #bf8f00;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 300;
    margin-top: 15px;

    border-radius: 6px;
    border: 1px solid #ffffff;
}

a.stateBtn div:hover {
    background: #FFFFFF;
    color: #bf8f00;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 300;
    margin-top: 15px;

    border-radius: 6px;
    border: 1px solid #bf8f00;
}

.sizeImg:hover {
    border: 4px solid #3a5826;
}


@media only screen and (min-width: 800px) and (max-width: 1336px) {
    .padd20LR {

        padding: 10px 15px;
        height: auto !important;
        font-size: 15px;
        line-height: 20px;
        min-height: 100px;

    }

    h2.headingTxt {
        padding-top: 15px;
        font-size: 20px;
    }

    .whiteBox img:nth-child(1) {

        left: 25px !important;
        top: -3px !important;

    }

    .whiteBox img:nth-child(2) {

        width: 100%;

    }

    .whiteBox {
        min-height: 351px;
    }

    img.mobiWidth {
        width: 100%;
    }

    .container-Fluid {

        width: auto;
        /*overflow: inherit;*/
        clear: both;
        padding: 5px 15px;

    }

    .bannerTxt {

        font-size: 24px;
        color: #ffffff;
        font-weight: 500;

    }

    .menuInnDiv ul li {

        padding: 10px 3px !important;

    }

}

img.dump_img {
    width: 100%;
}

.longisland-dump {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

img.conctrit-img {
    padding: 30px 0px;
    margin-left: 50px;
}


.error_msg {

    color: red;

    display: none;

    font-size;
    10px;

}


#cardtp_name {

    text-transform: capitalize;

    color: #3a5826;

    margin: auto;

    padding-top: 17px;

    font-size: 24px;

}

.heding h2 {

    margin-bottom: 30px;

    font-size: 25px;

    font-weight: 600;

    color: #174d1c;

}

.form_secund {

    box-shadow: 0 0 5px #ccc;

    padding: 20px;

}

.form-group.btn-place {

    margin-top: 20px;

}

section.formjs {

    margin-bottom: 50px;

    padding-top: 20px;

}

tr.tops {

    background: #bf8f00;

    color: #fff;

}

.form_first {

    padding: 20px;

    box-shadow: 0 0 5px #ccc;

    margin-top: 10px;

}


.fixedSticky {

    left: 55%;

}

.builder-img {
    position: absolute;
    top: 6px;
    width: 50px;
    left: 67px;
}