@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,600,700&display=swap');

/*font-family: 'Titillium Web', sans-serif;
font-family: 'Nunito Sans', sans-serif;*/

body {
    font-family: 'Nunito Sans', sans-serif;
    color: #2f2f2f;
    line-height: 30px;
    font-size: 16px;
    overflow-x: hidden;
    background: #fff;
    position: relative;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

a,
button {
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    text-decoration: none !important;
}

a,
a:focus,
a:hover,
a:active,
input:focus,
select:focus,
button:focus {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?knpjqb');
    src: url('../fonts/icomoon.eot?knpjqb#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?knpjqb') format('truetype'), url('../fonts/icomoon.woff?knpjqb') format('woff'), url('../fonts/icomoon.svg?knpjqb#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-pickup:before {
    content: "\e900";
}

.icon-policy:before {
    content: "\e901";
}

.icon-bill:before {
    content: "\e902";
}

.icon-social-media:before {
    content: "\e903";
}

.icon-twitter:before {
    content: "\e904";
}

.icon-instagram:before {
    content: "\e905";
}

.icon-telephone:before {
    content: "\e906";
}

.icon-sent-mail:before {
    content: "\e907";
}

.icon-pin:before {
    content: "\e908";
}

.icon-star:before {
    content: "\e909";
}

.navbar-wrapper {
    position: relative;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    margin: 15px 0 0;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #1c6611;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
    color: #232639;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    padding: 25px 15px !important;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #1c6611;
    background-color: transparent;
}

.navbar-brand {
    height: auto;
    z-index: 99;
    position: relative;
    padding: 5px 15px;
}

.navbar-wrapper {
    margin-top: 0px;
    box-shadow:0 0px 10px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

.navbar-inverse {
    margin: 0px;
}

header {
    background-color: #fff;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 9999;
    border-bottom: 1px solid #ededed;
    border-top: 3px solid #6ab43e;
}

.top-section ul {
    margin: 0px;
    padding: 0px;
    /*text-align: right;*/
}

.top-section li {
    display: inline-block;
    padding: 5px 10px;
}

.top-section a {
    color: #fff;
    font-size: 13px;
}

#banner {
    background: url(../images/bg_home1.jpg) center top no-repeat fixed #ccc;
    background-size: 100%;
    background-position: 50% 67%;
    color: #fff;
}

#banner {
    background-color: rgb(255, 255, 255);
    position: relative;
    opacity: 0.9;
    height: 550px;
}

#inner-banner #banner {
    height: 300px;
}

.green-color {
    color: #6ab43e;
    font-family: pt sans, sans-serif;
}

#banner h3 {
    color: #000;
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    font-family: pt sans, sans-serif;
}

#banner .black-bg {
    background: rgba(0, 0, 0, .5);
    height: 100%;
}

.top-section {
    background-color: #2a2a2a;
    color: #fff;
}

.content-sub {
    margin-top: 15px;
    color: #7cc144;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    background: #ffffffa8;
    border-top: 2px solid #7cc144;
    border-bottom: 2px solid #7cc144;
}

#form_container {
    background: url(../images/bg_home1.jpg) center top no-repeat fixed #ccc;
    background-size: 100%;
    background-position: 50% 67%;
    color: #fff;
}

.slidetxt {
    color: #000;
    font-size: 2.5rem;
    text-align: center;
    line-height: 43px;
    margin-bottom: 20px;
}

.slidetxt span {
    font-weight: bold;
    font-size: 3rem;
}

.pinkBg {
    background-color: #6ab43e!important;
    background-image: linear-gradient(90deg, #6ab43e, #49951c);
}

.intro-banner-vdo-play-btn {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    right: 1%;
    text-align: center;
    margin: -30px 0 0 -30px;
    border-radius: 100px;
    z-index: 1
}

.intro-banner-vdo-play-btn i {
    line-height: 56px;
    font-size: 30px
}

.intro-banner-vdo-play-btn .ripple {
    position: absolute;
    width: 160px;
    height: 160px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -80px 0 0 -80px;
    border-radius: 100px;
    -webkit-animation: ripple 1.8s infinite;
    animation: ripple 1.8s infinite
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.intro-banner-vdo-play-btn .ripple:nth-child(2) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.intro-banner-vdo-play-btn .ripple:nth-child(3) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s
}


/*middle section*/

#process {
    padding: 80px 0;
    background-color: #f7f7f7;
}

.process-blk {
    font-size: 60px;
    width: 140px;
    height: 140px;
    color: #071323;
    line-height: 140px;
    display: inline-block;
    border: 2px dashed #071323;
    border-radius: 50%;
    position: relative;
}

.cound {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font-weight: 500;
    top: 0;
    right: 0;
    z-index: 99;
    background-color: #6ab43e;
}

.process-blk {
    text-align: center;
    position: relative;
}

.process-shor-details h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

.blk {
    text-align: center;
    margin-bottom: 40px;
}

#process h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}

#process h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}

#welcome {
    padding: 80px 0;
    background-size: cover;
    background: url(../images/welcome-left-img.png) top left, 
    /*url(../images/welcome-right-img.png) top right*/;
    background-repeat: no-repeat;
}

#welcome h1 {
    text-transform: capitalize;
    font-size: 48px;
    margin: 0 0 48px;
    color: #003056;
    font-weight: 400;
    line-height: 60px;
    font-family: 'Oswald', sans-serif;
}

.section-sub-title {
    text-transform: uppercase;
    color: #003056;
    font-weight: 200;
    letter-spacing: 0.8px;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0px;
}

.next-btn {
    font-size: 14px;
    letter-spacing: 0.8px;
    padding: 5px 30px !important;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center !important;
    line-height: 24px;
    border-radius: 3px;
    background: #6ab43e !important;
    display: inline-block;
    width: auto!important;
}

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1c6611;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
    color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.welcome-img {
    position: relative;
}

.welcome-img h1 {
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

.welcome-img h2 {
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

#testimonials {
    /*background:#171717;*/
    background: url(../images/bg_testimonials_home.jpg);
    width: 100%;
    float: left;
    background-attachment: fixed;
    padding: 80px 0 80px 5%;
    font-size: 18px;
}

.testimonial-item.tstyle-border2 {
    border-radius: 5px;
    margin-top: 60px;
    padding: 40px 20px 20px 20px !important;
    position: relative;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #fff;
}

.testimonial-item .testimonial-content blockquote,
.testimonial-item .testimonial-content blockquote p {
    font-style: normal;
    font-weight: 400;
    letter-spacing: unset;
    margin-bottom: 12px;
    padding: 0;
    width: 100%;
}

.testimonial-item.tstyle-border2 .testimonial-img {
    top: -60px;
    left: 40px;
    position: absolute;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.testimonial-item.tstyle-border2 .testimonial-img > img {
    max-width: 90px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    margin-bottom: 0;
}

.testimonial-content {
    text-align: center;
    color: #fff;
    font-size: 15px;
}

#testimonials h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin: 0 0 40px;
}

#testimonials h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}

.author-details a {
    color: #6ab43e;
    text-align: center;
    display: block;
}

.author-designation-info {
    color: #fff;
    text-align: center;
    display: block;
}

#why {
    padding: 80px 0;
}

#why h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}

#why h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}

.title {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}

#welcome .col-md-6.col-md-6.pad-5 {
    padding: 2px;
}


/*middle section*/


/* carousel */

#why .carousel {
    background: transparent;
    border-radius: 0px!important;
    margin-top: 30px;
}


}
.media-carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}

/* Previous button  */
.media-carousel .carousel-control.left {
    left: -19px;
    background-image: none;
    background: none repeat scroll 0 0 #6ab43e;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px
}

/* Next button  */
.media-carousel .carousel-control.right {
    right: -19px !important;
    background-image: none;
    background: none repeat scroll 0 0 #6ab43e;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px
}

/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active {
    background: #333333;
}
#price-list .carousel {
    background: transparent;
    border-radius: 0px!important;
    margin-top: 30px;
}
#price-list .media-carousel .carousel-control.left {
    left: -19px;
    background-image: none;
    background: none repeat scroll 0 0 #6ab43e;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 80px
}
#price-list .media-carousel .carousel-control.right {
    right: -19px !important;
    background-image: none;
    background: none repeat scroll 0 0 #6ab43e;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 80px;
}
#price-list {
    padding: 80px 0;
}
#price-list h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}
#price-list h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}
.thumbnail strong {
    text-align: center;
    display: block;
    padding: 10px 0;
    color: #6ab43e;
}

/* End carousel */
.bg-grey {
    background: #292929;
}
.logo-footer {
    margin-bottom: 40px;
}
footer {
    background: #6ab43e;
    padding: 80px 0 0;
    position: relative;
}

/*.fot-overlap {
    position: absolute;
    top:15%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 9;

}*/
footer h6 {
    margin-bottom: 40px;
    position: relative;
}
footer h6:after {
    position: absolute;
    content: "";
    background: grey;
    width: 12%;
    height: 1px;
    left: 0;
    bottom: -20px;
}
.btn-footer {
    color: #fff;
    text-decoration: none;
    border: 1px solid;
    border-radius: 43px;
    font-size: 13px;
    padding: 7px 30px;
    line-height: 47px;
}
.btn-footer:hover {
    border: 1px solid #1c6611;
    text-decoration: none;
    color: #fff;
}
.thumbnail:hover {
    border: 1px solid #6ab43e !important;
}
.form-footer input[type="text"] {
    border: none;
    border-radius: 16px 0 0 16px;
    outline: none;
    padding-left: 10px;
}
.social .fa {
    color: grey;
    font-size: 22px;
    padding: 10px 15px;
    background: #3c3c3c;
}
footer ul li {
    list-style: none;
    display: block;
    border-bottom:1px dashed #58a02c;
    padding: 8px 0;
    color: #fff;
}
footer ul li:last-child { border-bottom: none; }
footer ul {
    padding-left: 0;
}
footer ul li a {
    text-decoration: none;
    color: #fff;
    text-decoration: none;
}
.fot-overlap p {
    color: #fff;
}
.qulick-link li span {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #1c6611;
    line-height: 30px;
    padding: 10px;
    text-align: center;
    padding: 6px;
    font-size: 16px;
    margin-right: 10px;
    background: #6ab43e;
    color: #fff;
}
.logo-part {
    border-right: 1px solid grey;
    height: 100%;
}
footer h4 {
    text-transform: uppercase;
    color: #232639 font-size: 22px;
    margin: 0 0 30px;
    font-weight: bold;
    color: #fff;
}
footer h4:after {
    background: url(../images/white-border.png) top left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    left: 20px;
    top: 30px;
    width: 162px;
}
.copyright a {
    color: #1c6611;
    font-weight: 600;
}
.copyright {
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
    margin: 55px 0 0;
    font-size: 14px;
    color: #fff;
}
.social-icon {
    text-align: right;
    margin-top: -10px;
}
.social-icon ul {
    margin: 0px;
    padding: 0px;
}
.social-icon li {
    display: inline-block;
    padding: 10px 5px;
    border-bottom: none;
}
.social-icon a {
    line-height: 38px;
    display: block;
    font-size: 20px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background: #1c6611;
    text-align: center;
    color: #fff;
    border: 1px solid #1c6611;
}

/*form*/
.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background: #1c6611;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #6ab43e;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
    color: white;
    background: #1c6611;
}
.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    color: #1c6611;
}
.sidebar-contact {
    position: fixed;
    top: 50%;
    left: -350px;
    transform: translateY(-50%);
    width: 350px;
    height: auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);
    box-sizing: border-box;
    transition: 0.5s;
    z-index: 99999;
}
.sidebar-contact.active {
    left: 0;
}
.sidebar-contact input,
.sidebar-contact textarea,
.sidebar-contact select {
    width: 100%;
    height: 43px;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
}
.sidebar-contact h2 {
    padding: 0;
    text-align: center;
    font-size: 28px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin: 0 0 40px;
}
.sidebar-contact h2:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}
.sidebar-contact h4 {
    text-align: center;
    line-height: 24px;
    font-size: 20px;
}
.sidebar-contact h4 span {
    display: block;
    font-size: 16px !important;
}
.sidebar-contact textarea {
    height: 60px;
    resize: none;
}
.sidebar-contact input[type="submit"] {
    font-size: 14px;
    letter-spacing: 0.8px;
    padding: 5px 30px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border-radius: 3px;
    background: #6ab43e;
}
.toggle {
    position: absolute;
    height: 48px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    background: #6ab43e;
    top: 0;
    right: -48px;
    line-height: 48px;
}
.toggle:before {
    content: '\f003';
    font-family: fontAwesome;
    font-size: 18px;
    color: #fff;
}
.toggle.active:before {
    content: '\f00d';
}
@media(max-width:768px) {
    .sidebar-contact {
        width: 100%;
        height: 100%;
        left: -100%;
    }
    
    .sidebar-contact .toggle {
        top: 50%;
        transform: translateY(-50%);
        transition: 0.5s;
    }
    
    .sidebar-contact.active .toggle {
        top: 0;
        right: 0;
        transform: translateY(0);
    }
    
    .scroll {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }
    
    .content {
        padding: 50px 50px;
    }
}

/*form*/

/*tab*/
.wizard {
    margin: 0px auto;
    background: #fff;
}
.wizard .nav-tabs {
    position: relative;
    margin: 0px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}
.wizard > div.wizard-inner {
    position: relative;
}
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width:69%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 42%;
    z-index: 1;
}
.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 54px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 18px;
}
span.round-tab i {
    color: #555555;
    font-size: 24px;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #6ab43e;
}
.wizard li.active span.round-tab i {
    color: #6ab43e;
}
span.round-tab:hover {
    color: #333;
    border: 2px solid #1c6611;
}
#step3 a {
    display:inline-block;
}
#step3 p {
    font-size: 13px;
    text-align: center;
    line-height: 22px;
}
.wizard .nav-tabs > li {
    width: 33%;
}
.wizard li:after {
    content: " ";
    position: absolute;
    left: 32%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}
.wizard li.active:after {
    content: " ";
    position: absolute;
    left:43%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #6ab43e;
}
.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}
.wizard .nav-tabs > li a:hover {
    border-color: transparent;
}
.wizard .nav-tabs > li a:hover {
    background: transparent;
}
.wizard .tab-pane {
    position: relative;
    padding-top: 20px;
}
.wizard h3 {
    margin-top: 0;
}
@media( max-width: 585px) {
    .wizard {
        width: 90%;
        height: auto !important;
    }
    
    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    
    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    
    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
.step {
    position: absolute;
    bottom: -13px;
    font-size: 14px;
    left:0;
}

/*tab*/
#inner-page {
    padding: 80px 0;
    background-size: cover;
    background: url(../images/welcome-left-img.png) center left, 
    /*url(../images/welcome-right-img.png) center right*/;
    background-repeat: no-repeat;
}

/*login*/
#inner-page h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}
#inner-page h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}
.login-container {
    position: relative;
    width: 450px;
    margin: 0px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}
#output {
    position: absolute;
    width: 300px;
    top: -75px;
    left: 0;
    color: #fff;
}
#output.alert-success {
    background: rgb(25, 204, 25);
}
#output.alert-danger {
    background: rgb(228, 105, 105);
}
.login-container::before,
.login-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 3.5px;
    left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc;
}
.login-container::after {
    top: 5px;
    z-index: -2;
    -webkit-transform: rotateZ(-2deg);
    -moz-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
}
.avatar {
    margin: 10px auto 30px;
}
.form-box input,
.form-box select {
    width: 100%;
    padding: 10px;
    text-align: left;
    height: 40px;
    border: 1px solid #ccc;
    background: #fafafa;
    transition: 0.2s ease-in-out;
    margin-top: 15px;
    font-size: 14px;
}
.form-box textarea {
    height: 60px;
    resize: none;
    width: 100%;
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
    ;
    background: #fafafa;
    transition: 0.2s ease-in-out;
    text-transform: capitalize;
    margin-top: 15px;
    font-size: 14px;
}
.small-text {
    font-size: 14px;
    line-height: 24px;
}
.small-text a {
    display: block;
}
.img-responsive.img-center {
    text-align: center;
    display: inline-block;
}
.form-box input:focus {
    outline: 0;
    background: #eee;
}
.form-box button.login {
    border: none;
    margin: 10px 0 0;
}
.form-box .panel-footer {
    margin-top: 20px;
    border-top: transparent;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.send-btn {
    margin-top:19px;
    display: block;
    text-transform: capitalize;
}
.request .step {
    position: absolute;
    bottom: -13px;
    font-size: 14px;
    left: 0px !important;
}
.request .form-box input {
    text-align: center;
    background: #6ab43e !important;
}

/*login*/


/*contact */
.contact-blk { 
    width: 100%;
    border-radius: 0;
    padding: 30px;
    margin-bottom: 2rem;
    border: 0;
    display: inline-block;
    box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;

 }

.contact-blk .form-control{
    border-radius: 0;
    padding: 12px 6px;
    height: auto;
    font-size: 14px;
    outline: 0 !important;
    box-shadow: 0 0 0 0 !important;
    border: 0;
    border-bottom: 2px solid #eee;
    color: #1e243e;
}

.contact-blk .next-btn { border:none;  }

.address-blk {
    width: 100%;
    border-radius: 0;
    padding:20px;
    margin-bottom: 2rem;
    border: 0;
    display: inline-block;
    box-shadow: 0px 10px 20px 0px rgba(62, 62, 101, 0.1);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.address-blk h5 {
    font-size:16px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
}
.address-blk a { color:#6ab43e !important; }
/*contact*/

/*donation styles*/
#wrap {
    width: 90%;
    max-width: 1100px;
    margin: 50px auto;
}
#wrap .columns_2 figure {
    width: 49%;
    margin-right: 1%;
}
#wrap .columns_2 figure:nth-child(2) {
    margin-right: 0;
}
#wrap .columns_3 figure {
    width: 32%;
    margin-right: 1%;
}
#wrap .columns_3 figure:nth-child(3) {
    margin-right: 0;
}
#wrap .columns_4 figure {
    width: 22%;
    margin-right: 1%;
}
#wrap .columns_4 figure:nth-child(4) {
    margin-right: 0;
}
#wrap .columns_5 figure {
    width: 19%;
    margin-right: 1%;
}
#wrap .columns_5 figure:nth-child(5) {
    margin-right: 0;
}
#wrap #columns figure:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
#wrap #columns:hover figure:not(:hover) {
    opacity: 0.4;
}
#wrap div#columns figure {
    display: inline-block;
    background: #FEFEFE;
    border: 2px solid #FAFAFA;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    margin: 0 15px 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    padding: 15px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#wrap div#columns figure img {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 5px;
}
#wrap div#columns figure figcaption {
    font-size: 15px;
    color: #444;
    line-height: 1.5;
    height: 60px;
    font-weight: 600;
    text-overflow: ellipsis;
}
#wrap a.button {
    padding: 10px;
    background: #6ab43e;
    margin: 10px;
    display: block;
    text-align: center;
    color: #fff;
    transition: all 1s linear;
    text-decoration: none;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    border-bottom: 3px solid #6ab43e;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
#wrap a.button:hover {
    /*background:#ff6536;
  border-bottom:3px solid salmon;*/
    
    color: #f1f2f3;
}
@media screen and (max-width: 960px) {
    #wrap #columns figure {
        width: 24%;
    }
}
@media screen and (max-width: 767px) {
    #wrap #columns figure {
        width: 32%;
    }
}
@media screen and (max-width: 600px) {
    #wrap #columns figure {
        width: 49%;
    }
}
@media screen and (max-width: 500px) {
    #wrap #columns figure {
        width: 100%;
    }
}

/*donation styles end*/

/*terms & Condition styles*/
#terms {
    padding: 80px 0px 40px;
}
.terms-condition {
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 395px;
    background-image: url(../images/terms.jpg);
    background-position: center;
}
.condition {
    position: relative;
    padding: 80px 80px 80px 80px;
    margin: auto;
    background: #fff;
    -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 10px -5px rgba(0, 0, 0, 0.3);
}
#terms h2 {
    font-size: 18px;
}
.second-sec {
    padding: 50px 0;
}
.links {
    padding: 10px 0;
}

/*terms & Condition styles*/
#frequently-question .container {
    max-width: 960px;
}
#frequently-question {
    padding: 80px 0;
}
#frequently-question h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}
#frequently-question h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}
.panel-default {
    margin-bottom: 25px !important;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#donation-list {
    padding: 80px 0;
}
#donation-list h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}
#donation-list h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}
.panel-default>.panel-heading a {
    display: block;
    padding: 18px 20px;
}
.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #eee;
}
.panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#about {
    padding: 80px 0;
    /*background-color: #efefef;*/
    /* background: url(../images/about-bg.png);
    background-position: left;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
}
#about h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}
#about h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}
.sectionClass {
    padding: 20px 0px 50px 0px;
    position: relative;
    display: block;
}
.fullWidth {
    width: 100% !important;
    display: table;
    float: none;
    padding: 0;
    min-height: 1px;
    height: 100%;
    position: relative;
}
.sectiontitle {
    background-position: center;
    margin: 30px 0 0px;
    text-align: center;
    min-height: 20px;
}
.sectiontitle h2 {
    font-size: 30px;
    color: #222;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
}
.headerLine {
    width: 160px;
    height: 2px;
    display: inline-block;
    background: #101F2E;
}
/*.projectFactsWrap {
    display: flex;
    margin-left: 118px;
    flex-direction: row;
    flex-wrap: wrap;
}*/
#projectFacts .fullWidth {
    padding: 0;
}
.projectFactsWrap .item {
    padding:25px;
    text-align: center;
    cursor: pointer;
}
.projectFactsWrap .item:nth-child(1) {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 5px;
   box-shadow:7px 5px 0px rgba(215, 215, 215, 0.75);
}
.projectFactsWrap .item:nth-child(2) {
    background: #6ab43e;
    border: 1px dotted #6ab43e;
    border-radius: 5px;
    margin: 5px;
    box-shadow: 7px 5px 0px rgba(50, 50, 50, 0.75);
}


.projectFactsWrap .item:nth-child(3) {
    background: #6ab43e;
    border: 1px dotted #6ab43e;
    border-radius: 5px;
    margin: 5px;
    box-shadow: 7px 5px 0px rgba(50, 50, 50, 0.75);
}
.projectFactsWrap .item:nth-child(4) {
    background: #6ab43e;
    border: 1px dotted #6ab43e;
    border-radius: 5px;
    margin: 5px;
    box-shadow: 7px 5px 0px rgba(50, 50, 50, 0.75);
}
.projectFactsWrap .item p.number {
    font-size: 40px;
    padding: 0;
    font-weight: bold;
    color:#6ab43e;
}
.projectFactsWrap .item p {
    font-size: 18px;
    margin: 0;
    padding: 10px;
    color:#6ab43e;
}

/*.projectFactsWrap .item span{
  width: 60px;
  height: 2px;
  display: block;
  margin: 0 auto;
}*/
.projectFactsWrap .item i {
    vertical-align: middle;
    font-size: 50px;
    /* color: rgba(255, 255, 255, 0.8);*/
}
.projectFactsWrap .item:hover i,
.projectFactsWrap .item:hover p {
    color:#6ab43e;
}
.projectFactsWrap .item:hover span {
    background: white;
}
@media (max-width: 786px) {
    .projectFactsWrap .item {
        flex: 0 0 50%;
    }
}

/* AUTHOR LINK */
.about-me-img {
    width: 120px;
    height: 120px;
    left: 10px;
    /* bottom: 30px; */
    
    position: relative;
    border-radius: 100px;
}
.about-me-img img {}
.authorWindow {
    width: 600px;
    background: #75439a;
    padding: 22px 20px 22px 20px;
    border-radius: 5px;
    overflow: hidden;
}
.authorWindowWrapper {
    display: none;
    left: 110px;
    top: 0;
    padding-left: 25px;
    position: absolute;
}
.trans {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
    .authorWindow {
        width: 210px;
    }
    
    .authorWindowWrapper {
        bottom: -170px;
        margin-bottom: 20px;
    }
}
.sectiontitle h1:after {
    background: url(../images/border.png) center left no-repeat;
    content: '';
    height: 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0;
    top: 60px;
    width: 162px;
}
.sectiontitle h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}
#terms h1 {
    text-align: center;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0;
    color: #232639;
    text-transform: none;
    font-weight: 700;
    font-style: normal;
    position: relative;
    margin-bottom: 40px;
}
#environment-save {
    padding: 80px 0;
    background: #f7f7f7;
}
#environment-save h2 {
    text-align: center;
    font-size: 38px;
}
#environment-save h3 {
    text-align: center;
    font-size: 25px;
}
#environment-save h4 {
    text-align: center;
    font-size: 25px;
}
.save-trees img {
    padding-top: 15px;
    height: 80px;
}
.save-trees {
    padding: 0 15px;
    text-align: center;
}
.save-trees p {
    font-size: 18px;
}

/*social media hover*/
#socail-media { background:#f5f5f5; padding:80px 0; position: relative;   }
#socail-media ul{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 0;
display: flex;

}
#socail-media ul li{
list-style: none;
margin: 0 40px;

}
#socail-media ul li .fa{
font-size:30px;
color: #262626;
line-height:60px;
transition: .5s;

}
#socail-media ul li a{
position: relative;
display: block;
width:60px;
height:60px;
background-color: #fff;
text-align: center;
transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0,0);
transition: .5s;
box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
}
#socail-media ul li a::before{
content: "";
position: absolute;
top: 10px;
left: -20px;
height: 100%;
width: 20px;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewY(-45deg);
}
#socail-media ul li a::after{
content: "";
position: absolute;
top:60px;
left: -11px;
height: 20px;
width: 100%;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewX(-45deg);
}
#socail-media ul li a:hover{
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}
#socail-media ul li:hover .fa{
color: #fff;
}
#socail-media ul li a:hover{
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}
#socail-media ul li:hover:nth-child(1) a{
background: #3b5999;
}

#socail-media ul li:hover:nth-child(1) a:before{
background: #2e4a86;
}
#socail-media ul li:hover:nth-child(1) a:after{
background: #4a69ad;
}
#socail-media ul li:hover:nth-child(2) a{
background: #55acee;
}
#socail-media ul li:hover:nth-child(2) a:before{
background: #4184b7;
}
#socail-media ul li:hover:nth-child(2) a:after{
background: #4d9fde;
}
#socail-media ul li:hover:nth-child(3) a{
background: #dd4b39;
}

#socail-media ul li:hover:nth-child(3) a:before{
background: #c13929;
}
#socail-media ul li:hover:nth-child(3) a:after{
background: #e83322;
}

#socail-media ul li:hover:nth-child(4) a{
background: #0077B5;
}

#socail-media ul li:hover:nth-child(4) a:before{
background: #036aa0;
}
#socail-media ul li:hover:nth-child(4) a:after{
background: #0d82bf;
}

#socail-media ul li:hover:nth-child(5) a{
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}

#socail-media ul li:hover:nth-child(5) a:before{
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}
#socail-media ul li:hover:nth-child(5) a:after{
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}
/*social media hover*/


.swachh-img img { width:50%;  }

#news-feed { 
    width: 100%;
    background-attachment: fixed;
    padding: 80px 0 80px 5%;
    font-size: 18px; 
    background:#f9f9f9;
    box-shadow:0 0px 10px 2px rgba(0, 0, 0, 0.1) inset; 
}

#inner-page .nav-tabs>li>a { border: none; }

.pickup-section h5  {
    font-size:13x;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
}
.pickup-section .checkbox-inline { text-align: left;display: block; font-size: 14px;}
.pickup-section .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-left: 0px;}
.form-box .pickup-box { width:auto; height: auto; margin-top:9px;   }
.login-container.requestPage { width: 850px;}

.input-sm { width:45% !important}

/*datetimepicker*/

/* dropdown */
.bmd-form-group input {margin-top:0px !important;}

.dropdown-menu.bootstrap-datetimepicker-widget.open {
    opacity: 1;
    transform: scale(1);
    top: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 4px;
    width: 19em;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.sr-only,
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after,
.bootstrap-datetimepicker-widget .picker-switch::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget a:hover {
    box-shadow: none !important;
}

.bootstrap-datetimepicker-widget a .btn:hover {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 4px;
    width:25em;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 991px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    right: auto;
    left: 12px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top {
    margin-top: auto;
    margin-bottom: 27px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top.open {
    margin-top: auto;
    margin-bottom: 27px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;
    margin: 0;
    border-width: 0;
    background-color: transparent;
    color: #6ab43e;
    box-shadow: none;
}

.bootstrap-datetimepicker-widget a[data-action]:hover {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget a[data-action]:hover span {
    background-color: #eee;
    color: #6ab43e;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 300;
    font-size:14px;
    margin: 0;
    border-radius: 50%;
}

.bootstrap-datetimepicker-widget button[data-action] {
    width: 38px;
    height: 38px;
    margin-right: 3px;
    padding: 0;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
    border-radius: 3px;
    font-size:16px;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
    border-radius: 3px;
    margin: 2px 0px !important;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget table.table-condensed tr>td {
    text-align: center;
}

.bootstrap-datetimepicker-widget table td>div,
.bootstrap-datetimepicker-widget table th>div {
    text-align: center;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-weight: 500;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: rgba(0, 0, 0, 0.12);
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev span,
.bootstrap-datetimepicker-widget table th.next span {
    border-radius: 3px;
    height: 27px;
    width: 27px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table th.dow {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size:14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 10px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td>div {
    border-radius: 3px;
    height: 54px;
    line-height: 54px;
    width: 54px;
    text-align: center;
}

.bootstrap-datetimepicker-widget table td.cw>div {
    font-size:14px;
    height: 20px;
    line-height: 20px;
    color: #999;
}

.bootstrap-datetimepicker-widget table td.day>div {
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    padding: 0px;
    border-radius: 50%;
    position: relative;
    z-index: -1;
    color: #3C4858;
    font-size:14px;
}

.bootstrap-datetimepicker-widget table td.minute>div,
.bootstrap-datetimepicker-widget table td.hour>div {
    border-radius: 50%;
}

.bootstrap-datetimepicker-widget table td.day:hover>div,
.bootstrap-datetimepicker-widget table td.hour:hover>div,
.bootstrap-datetimepicker-widget table td.minute:hover>div,
.bootstrap-datetimepicker-widget table td.second:hover>div {
    background: #eee;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old>div,
.bootstrap-datetimepicker-widget table td.new>div {
    color: #999;
}

.bootstrap-datetimepicker-widget table td.today>div {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today>div:before {
    content: '';
    display: inline-block;
    border: 0 0 7px 7px solid transparent;
    border-bottom-color: #6ab43e;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active>div,
.bootstrap-datetimepicker-widget table td.active:hover>div {
    background-color: #6ab43e;
    color: #fff;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.bootstrap-datetimepicker-widget table td.active.today:before>div {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled>div,
.bootstrap-datetimepicker-widget table td.disabled:hover>div {
    background: none;
    color: rgba(0, 0, 0, 0.12);
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 3px 3px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #6ab43e;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #999;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: rgba(0, 0, 0, 0.12);
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget .timepicker-picker span,
.bootstrap-datetimepicker-widget .timepicker-hours span,
.bootstrap-datetimepicker-widget .timepicker-minutes span {
    border-radius: 50% !important;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.btn.btn-primary {
    color: #fff !important;
    background-color: #6ab43e !important;
    border-color: #6ab43e;
    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}

.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}
/*datetimepicker*/

.pass-input-sm { width: 75%!important; float: left;}

/*responsive*/

@media only screen and (max-width:1040px) {
.navbar-inverse .navbar-nav>li>a { padding: 25px 12px !important;}
#welcome h1 { font-size: 42px;}
}
@media only screen and (max-width:992px){
.navbar-inverse .navbar-nav>li>a { padding:10px 8px!important;}
#welcome h1 { font-size:36px;}
.container { width: 98%; }

}


@media only screen and (max-width:767px) {
.navbar-inverse .navbar-toggle {
    background-color: #333;
    border-color: #333;
}
.navbar-toggle { margin-top: 14px;}
.next-btn {display: inline-block !important;}
#donation-list h1 { font-size: 30px;}
.stage {width:50%; min-width:767px;}
}


/*responsive css 480px*/
@media only screen and (max-width: 480px) {
.navbar-inverse .navbar-toggle {
    background-color: #333;
    border-color: #333;
}
#environment-save h2 {
    text-align: center;
    font-size: 25px;
}
#environment-save {
    padding: 0px 0;
}
#process {
    padding: 0px 0;
}
#price-list{
    padding: 0px 0;
}
#why {
    padding: 0px 0;
}
#why h1 {
    font-size: 30px;
    margin-bottom: 0px;
}
#price-list h1{
    font-size: 30px;
    margin-bottom: 0px;
}
#welcome{
    padding: 0px 0;
}
#welcome h1{
    font-size: 42px;
    margin: 0 0 20px;
}
.section-sub-title{
    font-size: 18px;
}
#process h1{
    font-size: 30px;
}
#environment-save h3{
    font-size: 16px;
    font-weight: 700;
}
#environment-save h4{
    font-size: 16px;
    font-weight: 700;
}
#inner-page h1{
    font-size: 30px;
}
#inner-page{
    padding: 0px 0;
}
.social-icon{
    text-align: left;
}

}
@media only screen and (max-width: 400px) {
.navbar-inverse .navbar-nav>li>a { padding: 10px 10px !important}
#environment-save h2 {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}
#environment-save {
    padding: 40px 0;
}
#socail-media ul li a { width: 30px;
    height: 30px; 

}
#socail-media ul li a::after { top: 30px;}
#socail-media ul li .fa {
    font-size: 20px;
    color: #262626;
    line-height: 36px;
    transition: .5s;
}
#socail-media ul li { margin: 0 25px;}
.login-container.requestPage { width: auto;}
.input-sm { width:100%!important;}
.login-container { padding: 20px 10px 40px;}
.request .step { top: -40px; }
.login-container { width: auto; margin-bottom:40px;}
#donation-list h1 { font-size: 24px;}
#donation-list { padding: 20px 0;}
.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
}
.projectFactsWrap .item:nth-child(1) {margin-bottom: 20px;}
#news-feed { padding:40px 0 40px 0%}
#inner-page h1 {
    font-size: 24px;
}
.connecting-line {top: 50%;}
#price-list .media-carousel .carousel-control.left {margin-top: 100%;}
#price-list .media-carousel .carousel-control.right {margin-top: 100%;}
.stage {
    width: 50%;
    min-width: 400px;
}
}

/*responsive css 320px*/
@media only screen and (max-width:767px) {
a.next-btn.hvr-sweep-to-right.hidden-xs {
    display: none !important;
}
}

@media only screen and (max-width:400px) {
.owl-theme .owl-nav { display: none; }
}


@media only screen and (max-width: 320px) {
#environment-save h2 {
    text-align: center;
    font-size: 25px;
    }
    
#environment-save h3 {
    text-align: center;
    font-size: 17px;
    }
    
#environment-save h4 {
    text-align: center;
    font-size: 17px;
    font-weight: 800;
    }
    
#why h1 {
    font-size: 32px;
    margin-bottom: 18px;
    }
    
#inner-page h1 {
    font-size: 20px;
    }
    
.login-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 21px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    }
    
#inner-page {
    padding: 0px 0;
    background-size: cover;
    background: url(../images/welcome-left-img.png) center left, 
    /*url(../images/welcome-right-img.png) center right;*/
    background-repeat: no-repeat;
    }
    
#inner-banner #banner {
    height: 140px;
    }
    
#banner {
    background-position: 50% 103%;
    }
    
.navbar-wrapper .container {
    padding-left: 0px;
    }
    
.navbar-inverse .navbar-nav>li>a {
    padding: 12px 30px !important;
    }
    
#banner {
    background: url(../images/bg_home1.jpg) center top no-repeat local #ccc;
    background-size: 100%;
    background-position: 50% 67%;
    color: #fff;
    }
    
#banner {
    background-color: rgb(255, 255, 255);
    position: relative;
    opacity: 0.9;
    height: 137px;
    }
    
#welcome {
    padding: 32px 0;
    }
    
#welcome h1 {
    font-size: 30px;
    margin: 0 0 32px;
    line-height: 35px;
    text-align: center;
    }
    
.section-sub-title {
    text-align: center;
    font-size: 21px
    }
    
.top-section ul {
    text-align: center;
    }
    
.top-section li {
    padding: 3px 11px;
    }
    
.navbar-toggle {
    margin-top: 18px;
    margin-right: 10px;
    }
    
.next-btn {
    padding: 8px 0px;
    line-height: 21px;
    margin: 15px auto;
    display: block;
    width: 50%;
    }
    
.hvr-sweep-to-right {
    display: block;
    }
    
#process {
    padding: 0px 0;
    }
    
#process h1 {
    font-size: 25px;
    margin-bottom: 20px;
    }
    
.process-blk {
    font-size: 70px;
    width: 125px;
    height: 125px;
    line-height: 125px;
    }
    
.process-shor-details h2 {
    font-size: 20px;
    line-height: 20px;
    }
    
.process-shor-details {
    margin: 0 15px;
    }
    
.process-shor-details p {
    font-size: 15px;
    text-align: center;
    line-height: 25px;
    }
    
#price-list {
    padding: 0px 0;
    }
#price-list h1 {
    font-size: 35px;
    margin-bottom: 8px;
}
#about img{
    width: 100%;
}
#about {
    padding: 0px 0;
    }
#about h1 {
    font-size: 35px;
    margin-bottom: 17px;
    }
#about p{
    line-height: 28px;
    text-align: justify;
    margin: 0 15px;
    }
.sectiontitle {
    margin:0px;
    }

.sectiontitle h1{
    font-size: 32px;
    margin-bottom: 0px;
    } 
    
.projectFactsWrap .item{
    width: 75%;
    height: 100%;
    margin: 0 auto;
    padding: 50px 0px;
    text-align: center;
}
.projectFactsWrap {
    display: block;
    margin-left: 0px;
}
#process h1:after{
        top: 45px;
}
.fot-overlap .col-md-4{
    width: 75%;
    margin: 0 auto;
    margin-top: 20px;
}
.btn-footer{
    padding: 7px 18px;
}
.fot-overlap p{
    font-size: 15px;
}
footer ul li {
    font-size: 15px;
    padding: 11px 0;
    }

.qulick-link li span{
    width: 30px;
    height: 30px;
    font-size: 16px;
    margin-right: 0px;
    }

footer ul li a {
    font-size: 14px;
    }

footer{
    padding: 0px 0;
    }

#why{
    padding: 0px 0;
    }
#donation-list {
    padding: 0px 0;
}
#donation-list h1 {
        font-size: 32px;
        margin-bottom: 25px;
    }
#wrap {
    width: 75%;
    max-width: 100%;
    margin: 0px auto;
}
.carousel-inner {
    position: relative;
    width: 75%;
    margin: 0 auto;
    overflow: hidden;
}
.form-box textarea {
    height: 80px;
    }
 .form-box button.login {   
    margin: 10px 48px 0;
}
.navbar-inverse .navbar-toggle {
    background-color: #333;
    border-color: #333;
}
#environment-save{
    padding: 0px 0;
}
.social-icon{
    text-align: left;
    margin-top: 2px;
}
.copyright {
    padding: 12px 0 0;
    margin: 18px 0 0;
}
.next-btn {
    padding: 8px 0px;
    line-height: 21px;
    margin: 15px auto;
    display: block;
    width: 60%;
}
#wrap div#columns figure figcaption{
    height: 40px;
}
#wrap a.button{
    margin: 0 auto;
    padding: 5px;
    border: none;

}
.stage{
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 335px;
    overflow: hidden;
}
.projectFactsWrap .item:nth-child(2) {
margin: 8px auto;
}
.projectFactsWrap .item:nth-child(4){
    margin: 8px auto;
}
.projectFactsWrap .item:nth-child(3){
    margin: 8px auto;
}
.projectFactsWrap .item:nth-child(1){
    margin: 8px auto;
}
}

/*
@media only screen and (max-width: 768px) {
    .navbar-right{
        float: none;
    }
    .navbar-inverse .navbar-nav>li>a{
        padding: 20px 6px !important;
    }
    .navbar-right{
        float: none;
        margin-right: 0px;
    }
    .navbar-brand {
        padding: 5px 0px !important;
    }
    .stage{
        position: absolute;
        min-width: 100%;
        height: 100%;
    }
    .projectFactsWrap {
        margin-left: 0px;
    }
    #welcome h1{
        font-size: 42px;
    }
    #price-list {
    padding: 0px 0;
}
#process {
    padding: 0px 0;
   }
   #price-list h1{
    font-size: 38px;
    margin-bottom: 0px;
   }
   #process h1{
    font-size: 38px;
    margin-bottom: 40px;
   }*/
  /* .thumbnail {
    display: inline-block;
    padding: 25px;
    width: 45%;
    float: left;
}*/
/*#welcome{
    padding: 50px 0;
}
#environment-save{
    padding: 0px 0;
}

#environment-save h2 {
    font-size: 35px;
}
#environment-save h4 {
    font-size: 25px;
    font-weight: 600;
}

}*/



/* Dropdown Button */
.dropbtn {
   background-color: transparent;
  //color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 165px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {//background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {//background-color: #3e8e41;}


.invalid-feedback {
font-size: 13px;
color: #f00;
text-align: left;
}

.form-error
{
        margin-top: 20px;
    font-size: 13px;
    color: #f00;
}

.rating {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
}

.rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}

.rating label:last-child {
  position: static;
}

.rating label:nth-child(1) {
  z-index: 5;
}

.rating label:nth-child(2) {
  z-index: 4;
}

.rating label:nth-child(3) {
  z-index: 3;
}

.rating label:nth-child(4) {
  z-index: 2;
}

.rating label:nth-child(5) {
  z-index: 1;
}

.rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.rating label .icon {
  float: left;
  color: transparent;
}

.rating label:last-child .icon {
  color: #666;
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
  color: #f7941e;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #000;
  text-shadow: 0 0 5px #09f;
}

.center
{
    text-align: center;
    
}