@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
#popup_box,
.close_Popup {
    position: absolute;
    color: #fff
}

#wrapper,
ul.slides {
    width: 100%;
    float: left
}

.Navgtn,
ul.slides {
    list-style-type: none
}

.Navgtn li a,
.fnav li a,
.sflist li a,
.wtcbtn,
.wtcbtn:hover {
    text-decoration: none
}




.Innerheader h1,
.LeftContBox h4,
.RightContBox h4,
.bfContBox h3,
.bfContBox h4,
.btn,
.icsubtitle,
.ictitle,
.innerSubtitlle,
.innersmalltitlle,
.innertitlle,
.pformwrap h2,
.scontentbox h1,
.scontentbox h4,
.scontentbox-counter h1,
.scontentbox-counter h4,
.ttpbtn,
.vcconbox h2,
.wtcbtn {
    text-transform: uppercase
}

body {
    background: #FFF;
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    font-weight: 400;
    overflow-x: hidden!important;
}

.imp-overflow{
    width:100%!important;
	overflow-x:scroll!important;
}

.clear {
    clear: both
}

,
a:active,
a:focus,
img,
img:active,
img:focus {
    outline: 0!important
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul.slides {
    margin: 0;
    padding: 0
}

.left_arrow {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 45%
}

.right_arrow {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 45%
}

.overly_box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    z-index: 99999999
}

.close_Popup {
    right: -22px;
    font-size: 24px;
    font-family: skoda_probold;
    top: -5px;
    margin: 0;
    cursor: pointer
}

#popup_box {
    width: 40%;
    background: 0 0;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    min-height: 500px;
    z-index: 999999999
}

#wrapper {
    position: relative;
    text-align: center
}

.inner_wrapper {
    /*width: 1430px;*/
    width: 1530px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.header {
    width: 100%;
    float: left;
    background: #fff200;
    /*position: fixed;*/
    position: absolute;
    height: 67px;
    z-index: 99;
    top: 60px;
}

#nav-icon,
.logo {
    z-index: 999;
    position: absolute
}

.logo {
    left: 0;
    top: -55px
}

.BottlesForChange {
    float: right;
    color: #01ad9d;
    font-size: 24px;
    margin-right: 70px;
    margin-top: 15px
}

.Navgtn,
.Navgtn li,
.Navgtnwrap,
.btnbox,
.navbar-nav>li,
.sectionbox {
    float: left
}

#nav-icon {
    width: 40px;
    height: 40px;
    margin: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 20px;
    right: 0
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #01ad9d;
    border-radius: 0;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#nav-icon span:nth-child(1) {
    top: 0
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 11px
}

#nav-icon span:nth-child(4) {
    top: 22px
}

#nav-icon.open span:nth-child(1),
#nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#menu_box {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 99;
    padding: 50px 0;
    background: #fef200;
    color: #fff;
    text-align: center;
    overflow-y: auto;

}

.dropdown-menu,
.scroll-down,
.txtbox {
    text-align: center
}

.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 70px;
    display: block;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.scroll-down span {
    position: relative;
    color: #fff;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running
}

@-webkit-keyframes drop {
    0% {
        top: 0;
        opacity: 0
    }
    30% {
        top: 10px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0
    }
}

@keyframes drop {
    0% {
        top: 0;
        opacity: 0
    }
    30% {
        top: 10px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0;
    }
}

i.fa.fa-angle-down {
    font-size: 60px
}

.Navgtn {
    width: 100%;
    margin: 150px 0 0;
    padding: 0;
    position: relative
}

.Navgtn li {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #01ad9d
}

.Navgtn li:first-child {
    border-top: 1px solid #01ad9d
}

.Navgtnwrap,
.dropdown-menu {
    background: 0 0;
    border: none;
    width: 100%
}

.Navgtn li a {
    font-size: 22px;
    font-weight: 700;
    color: #01ad9d
}

.dropdown-menu>li>a {
    font-weight: 400
}

.navbar-nav>li {
    width: 100%
}

.dropdown-menu {
    position: static!important;
    box-shadow: none
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-nav>.open>a {
    color: #01ad9d;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a {
    color: #01ad9d;
    cursor: pointer
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #01ad9d
}

.dropdown-menu li {
    border: none!important;
    padding: 5px
}

.nav .dropdown .arrowbox {
    width: 15px;
    height: 8px;
    border: none!important;
    background: url(../images/nav_close_arrow.png);
    border-top: none;
    border-right: none;
    border-left: none;
    margin-left: 6px;
    display: inline-block
}

.btn,
.finput {
    border-radius: 10px
}

.nav .dropdown.open .arrowbox {
    background: url(../images/nav_open_arrow.png)
}

.sectionbox {
    width: 100%;
    position: relative;
    min-height: 100vh
}

.scontentbox,
.txtbox {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: #fff
}

.scontentbox-counter{
    position: absolute;
    width: 100%;
    top: 50%;
    /*top: 70%;*/
    left: 50%;
    font-size: 50px;
    color: #fff
}

.txtbox {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pformwrap,
.scontentbox,
.scontentbox-counter,
.vcbox,
.videowrap {
    text-align: left
}

#sectionone {
    background: url(../images/homebanner.gif) center center no-repeat;
    background-size: cover
}

.sectionbox .inner_wrapper {
    height: 100vh
}

.scontentbox, .scontentbox-counter {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.scontentbox h1, .scontentbox-counter h1 {
    font-size: 80px;
    /*font-size: 90px;*/
    font-weight: 700;
}

.scontentbox h4, .scontentbox-counter h4 {
    font-size: 30px;
    font-weight: 400
}

.scontentbox p, .scontentbox-counter p{
    font-size: 22px;
    font-weight: 400;
    width: 80%
}

.btnbox {
    width: 100%;
    margin-top: 30px
}

.btn {
    background: #fff200;
    padding: 10px 35px;
    color: #01ad9d;
    font-size: 18px
}

.btn:hover {
    background: #01ad9d;
    color: #fff200
}

.fixsliderbox {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 9;
    width: 450px
}

.fixsliderinnerbox {
    width: 100%;
    float: left;
    position: relative
}

.downarrow,
.fixsliderbg,
.uparrow {
    position: absolute
}

.fixsliderbg {
    width: 500px;
    top: 0;
    right: -60px
}

.fsliderimg {
    width: 80%;
    display: initial!important
}

.carousel-control {
    opacity: 1
}

#myCarousel {
    margin-top: 70px
}

.downarrow {
    right: 180px;
    bottom: -20px
}

.uparrow {
    left: 235px;
    top: -20px
}

.carousel-control.left,
.carousel-control.right {
    background: 0 0;
    width: auto
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.active.left,
    .carousel-fade .carousel-inner>.item.active.right,
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .carousel-fade .carousel-inner>.item.active,
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fixrightarrow {
    position: fixed;
    right: 0;
    top: 150px;
    cursor: pointer;
    z-index: 9
}

.vcbox,
.videosection,
.videowrap {
    position: relative;
    float: left
}

#sectiontwo {
    background: linear-gradient(0deg,rgba(79, 160, 148, 0.35),rgba(79, 160, 148, 0.35)),url(../images/second-img.jpg) top center no-repeat;
    /*background: linear-gradient(0deg,rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0.35)),url(../images/second-img.jpg) top center no-repeat;*/
    /*background: url(../images/sectiontwo_bg.jpg) top center no-repeat;*/
    background-size: cover;
}

.videosection {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 400px;
    background: url(../images/video_bg.png) #019f87;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat
}

.videowrap {
    width: 60%
}

.videoiframe {
    width: 100%;
    height: 430px;
    border: 2px solid #fff
}

.vcbox {
    width: 100%;
    margin-top: 30px
}

.vcimgbox {
    width: 15%;
    float: left
}

.involved_icon {
    width: 100%
}

.vcconbox {
    width: 80%;
    float: left;
    padding-left: 30px
}

.vcconbox h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

.vcconbox p {
    color: #fff;
    font-size: 16px;
    width: 70%
}

.pformwrap {
    width: 400px;
    position: fixed;
    right: 0;
    background: #fff;
    padding: 10px 20px 40px;
    color: #494949;
    z-index: 999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fclosebtn,
.ttpbtn {
    color: #01ad9d;
    cursor: pointer
}

.pformwrap h2 {
    font-size: 26px;
    margin-top: 20
}

.pformwrap p {
    font-size: 16px
}

.formbox {
    width: 100%;
    float: left;
    margin-top: 20px
}

.finput {
    width: 92%;
    padding: 7px 4%;
    margin: 10px 0;
    border: none;
    border: 1px solid #494949;
    -webkit-box-shadow: inset 2px 2px 2px 0 #ddd;
    -moz-box-shadow: inset 2px 2px 2px 0 #ddd;
    box-shadow: inset 2px 2px 2px 0 #ddd
}

input {
    outline: 0
}

.fclosebtn {
    position: absolute;
    right: 20px;
    font-size: 20px;
    font-weight: 500
}

.ttpbtn {
    background: #fff200;
    padding: 10px 35px;
    font-size: 18px;
    border-radius: 10px;
    float: left
}

.frmwrap {
    width: 100%;
    float: left
}

.thnkubox {
    width: 100%;
    float: left;
    padding-top: 40px
}

.counterBoxes,
.thnkushare {
    float: left;
    padding: 0;
    list-style-type: none
}

.thnkushare {
    width: 100%;
    margin: 15px 0 0
}

.thnkushare li {
    float: left;
    margin-right: 10px
}

.thnkushare li img {
    width: 150px;
    cursor: pointer
}

#sectionfour {
    /*background: url(../images/sectionfour_bg.jpg) top center no-repeat;*/
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(../images/sectionfour_bg.gif) top center no-repeat;
    background-size: cover;
    /*height: 145vh;*/
}

.counter {
    font-size: 80px;
    font-weight: 700;
    margin-right: 10px
}

.counterBoxes {
    width: 70%;
    position: relative;
    margin: 20px 0 0
}

/*.counterBoxes li {
    width: 50%;
    float: left;
    padding: 10px 0
}*/

.counterBoxes li {
    width: 48%;
    float: left;
    /*padding: 20px 0 20px 10px;*/
    /*background-color: #0000008f;*/
    /*margin: 6px;*/
    margin-right: 20px; 
    margin-left: 0;
    margin-bottom: 20px;
    border-radius: 9px;
}

/*.counterBoxes li:nth-child(3) {
    padding: 20px 0 10px 10px;
}*/

.Partnersection,
.ourngobox,
.pipbox {
    width: 100%;
    float: left
}

.lftxt {
    margin-bottom: -20px
}

.Partnersection {
    position: relative;
    text-align: center;
    color: #494949
}

.ourngobox h2,
.pipbox h2 {
    color: #000;
    margin-bottom: 20px;
    font-weight: 700
}

.pipbox {
    background: #ffe000;
    padding: 70px 0
}

.pipbox h2 {
    font-size: 38px
}

.pipbox p {
    font-size: 16px
}

.ourngobox {
    padding-top: 100px;
    padding-bottom: 500px;
    background: url(../images/ngo_bg.jpg) bottom center no-repeat;
    background-size: cover;
    position: relative
}

.ourngobox h2 {
    font-size: 38px
}

.ourngobox p {
    font-size: 20px;
    width: 40%;
    margin: 0 auto 30px
}

.ngoarrowtopBox {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -40px;
    left: 0
}

.Innerheader,
.LeftContRowBox,
.RCcontentbox,
.RCimgbox,
.RCrowbox,
.Recyclingsection,
.footer,
.subfooter {
    position: relative
}

.Recyclingsection {
    width: 100%;
    float: left;
    background: #fff
}

.Recyclingsection h2 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 0;
    font-size: 32px;
    font-weight: 700
}

.LeftContBox,
.RightContBox {
    padding-top: 250px;
    text-align: left
}

.RCrowbox {
    width: 100%;
    float: left
}

.LeftContRowBox {
    width: 100%;
    float: left;
    background: #01ad9d
}

.RCcontentbox {
    width: 40%;
    float: left
}

.LeftContBox {
    width: 500px;
    float: right;
    color: #fff;
    padding-right: 50px
}

.LeftContBox h4 {
    font-size: 28px;
    font-weight: 700
}

.LeftContBox p {
    font-size: 18px;
    margin-top: 25px
}

.LeftContBox p a {
    font-size: 18px;
    color: #fff200;
    cursor: pointer
}

.RCimgbox {
    width: 60%;
    float: left
}

.rcimg {
    width: 100%;
    float: left
}

.RightContBox {
    width: 500px;
    float: left;
    color: #000;
    padding-left: 50px
}

.RightContBox h4 {
    font-size: 28px;
    font-weight: 700
}

.RightContBox p {
    font-size: 18px;
    margin-top: 25px
}

.RightContBox p a {
    font-size: 18px;
    color: #01ad9d;
    cursor: pointer
}

.footer {
    width: 100%;
    float: left;
    /*padding: 30px 0;*/
    padding: 15px 0;
    background: #2c665f
}

.fnav,
.fsocil {
    padding: 0;
    float: left;
    list-style-type: none
}

.footerlogo {
    width: 180px;
    float: left
}

.fnav {
    width: 100%;
    margin: 0
}

.fnav li {
    width: 100%;
    float: left;
    /*margin-bottom: 10px;*/
    margin-bottom: 5px;
    text-align: left
}

.fnav li a {
    color: #fff;
    cursor: pointer;
}

.fnav li a:hover {
    color: #fff200
}

.fsocil {
    width: 100%;
    margin: 0
}

.fsocil li {
    float: left;
    margin-right: 15px;
    text-align: left
}

.fsocil li a {
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.fsocil li a img{
    height: 30px;
}

.fsocil li a img:hover{
    box-shadow: 0 0 3px 1px #FFF200;
    border-radius: 100%
}

.fsocil li a:hover {
    color: #fff200
}

.subfooter {
    background: #294a46;
    width: 100%;
    float: left;
    /*padding: 20px 0;*/
    padding: 10px 0;
    text-align: center;
}

.sflist {
    width: 100%;
    /*float: left;*/
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sflist li {
    /*float: left;*/
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #fff
}

.chfinput,
.sflist li:last-child {
    border: none
}

.sflist li a {
    color: #fff;
    cursor: pointer
}

.sflist li a:hover {
    color: #fff200
}

.bislerilogobox {
    width: 100%;
    float: left;
    margin-top: 10px;
    text-align: left
}

.Innerheader {
    width: 100%;
    float: left
}

.Innerheader .inner_wrapper {
    min-height: 600px;
    position: relative;
}

#Plasticpage {
    background: url(../images/aboutplastic/plasticbg.jpg) top center;
    background-size: cover
}

.Innerheader h1 {
    font-size: 54px;
    font-weight: 700;
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 20px
}

.InnercontentBox,
.bottlebox,
.plsrowbox,
.recyclepet_sliderBox {
    float: left;
    position: relative
}

.InnercontentBox {
    width: 100%;
    padding: 50px 0
}

.innertitlle {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 15px
}

.innersmalltitlle {
    font-size: 26px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 30px
}

.plsrowbox {
    width: 100%
}

.plastctxt {
    font-size: 18px;
    margin: 15px 0;
    color: #353535
}

.recyclepet_imgBox {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px
}

.recyclepet_sliderBox {
    width: 100%;
    padding: 15px 0;
    background: #fff200;
    min-height: 180px;
    margin: 80px 0
}

.bottlebox {
    width: 30%
}

.bottleimg {
    position: absolute;
    left: 10px;
    top: -50px
}

.bottlesliderbox {
    width: 60%;
    float: right;
    margin-right: 7%;
    position: relative
}

.psCntBox {
    width: 100%;
    float: left;
    text-align: center
}

.psCntBox p {
    width: 80%;
    margin: 15px auto 0
}

.plasticLeftRowbox,
.plasticrowBox,
.plasticstepBox {
    width: 100%;
    float: left;
    position: relative
}

.plasticstepBox {
    padding: 50px 0
}

.plasticLeftRowbox {
    background: #01ad9d
}

.bfContBox {
    width: 60%;
    float: left;
    position: relative;
    text-align: left;
    padding: 100px;
    color: #3a3a3a
}

.bfContBox h3 {
    margin-top: 0;
    font-size: 36px;
    font-weight: 700
}

.bfContBox h3 span {
    color: #979797
}

.bfContBox h4 {
    font-size: 22px;
    margin-bottom: 40px
}

.bfContBox p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300
}

.plasticLeftRowbox .bfContBox {
    color: #fff
}

.plasticLeftRowbox .bfContBox h3 span {
    color: #a8e8e2
}

.bfImgeBox {
    width: 40%;
    float: left;
    position: relative
}

.PTRPbox,
.plasticstepimg {
    width: 100%;
    float: left
}

.PTRPbox {
    position: relative;
    padding: 50px 0
}

.PTRPlisting {
    width: 80%;
    margin: 30px auto 0;
    position: relative;
    list-style-type: none;
    padding: 0
}

.PTRPlisting li {
    width: 23%;
    float: left;
    margin: 1%;
    text-align: center
}

.PTRPlisting li img,
.RTRPbox {
    width: 100%;
    float: left
}

.RTRPbox {
    position: relative;
    padding: 50px 0
}

.RTRPlisting {
    width: 80%;
    margin: 30px auto 0;
    position: relative;
    list-style-type: none;
    text-align: center;
    padding: 0
}

.RTRPlisting li {
    width: 31%;
    margin: 1% 1% 20px;
    display: inline-block;
    text-align: center
}

.RTRPlisting li p {
    width: 100%;
    float: left;
    margin-top: 20px;
    font-size: 18px
}

#BFCpage {
    background: url(../images/aboutBFC/bfcbg.jpg) top center;
    background-size: cover
}

.gcolor {
    color: #008d80
}

.bfctxt {
    font-size: 18px;
    color: #4a4a4a;
    width: 80%;
    margin: 25px auto
}

.bfcdBox,
.bfcdrowbox {
    width: 100%;
    float: left;
    position: relative
}

.bfcdBox {
    padding: 25px 0
}

.bfcdrowbox {
    margin-top: -50px
}

.bfcdContbox {
    width: 60%;
    float: left;
    text-align: left;
    padding-top: 165px
}

.bfcdContbox h3 {
    font-size: 100px;
    float: left;
    padding: 0 20px 0 50px;
    font-weight: 700;
    color: #008d80;
    margin: 0
}

.bfcdContbox p {
    font-size: 17px;
    float: left;
    font-weight: 300;
    color: #333;
    width: 45%;
    padding-top: 15px
}

.bfcline {
    background: #fff200;
    width: 100%;
    float: left;
    height: 3px;
    margin-top: 20px
}

.bfcdimgbox {
    width: 40%;
    float: left
}

.bfcMtitle,
.bfcMtxt,
.bfccountbox,
.bfcdimg,
.wcydbox,
.wcydbox-new,
.wcydlist {
    width: 100%;
    float: left
}

.bfcMtitle {
    text-align: center;
    color: #008d80;
    font-size: 50px;
    font-weight: 700;
    margin: 0 0 10px
}

.bfcMtxt {
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    margin: 10px 0 0
}

.bfcpt {
    padding-top: 70px
}

.bfccountbox {
    position: relative;
    padding: 100px 0;
    background: #008d80;
    margin-top: 50px;
    color: #fff;
    text-align: left
}

.bfccountbox p {
    font-size: 22px;
    font-weight: 400
}

.wcydbox {
    position: relative;
    padding: 50px 0;
    background: #fff200

}

.wcydbox-new {
    position: relative;
    padding: 50px 0;
    background: #feed02;
}

.wcydlist {
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    list-style-type: none
}

.wcydlist li {
    width: 19%;
    float: left;
    text-align: center
}

.mileftbox,
.mirightbox,
.wtclist,
.wtclist li {
    text-align: left
}

.wcydimg {
    width: 100%
}

.wcydlist li.arrowli {
    width: 8%;
    float: left;
    padding-top: 120px
}

.wcydlist li p,
.wtcbox,
.wtclist {
    width: 100%;
    float: left
}

.wcydlist li p {
    margin-top: 15px;
    font-size: 18px;
    color: #00ad9d;
    font-weight: 500
}

.wtcbox {
    position: relative;
    padding: 50px 0
}

.wtclist {
    list-style-type: none;
    padding: 0;
    margin: 30px 0 0;
    position: relative
}

.wtclist li {
    width: 50%;
    float: left;
    padding: 10px 100px
}

.wtclist li p {
    font-size: 24px;
    width: 70%;
    font-weight: 500;
    margin-bottom: 30px
}

.wtcbtn {
    padding: 10px 30px;
    color: #fff200;
    background: #01ad9d;
    font-size: 18px;
    font-weight: 300;
    margin-top: 40px
}

.gbtn,
.wtcbtn:hover {
    color: #01ad9d;
    background: #fff200
}

.gbtn:hover {
    color: #fff200;
    background: #01ad9d
}

.mibox {
    width: 100%;
    float: left;
    position: relative;
    padding: 50px 0;
    background: #008d80
}

.mileftbox {
    width: 30%;
    float: left;
    position: relative;
    color: #fff
}

.mileftbox p {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 300;
    margin-top: 30px;
    line-height: 30px
}

.mileftbox p span {
    width: 100%;
    float: left;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px
}

.mirightbox {
    width: 70%;
    float: left;
    position: relative;
    padding-left: 50px
}

#MIslider .carousel-inner .item img,
.CHrowbox,
.bfcVideo,
.slider {
    width: 100%
}

.pb0 {
    padding-bottom: 0!important
}

.bfcVideobox {
    width: 100%;
    float: left;
    position: relative
}

.bfcVideo {
    float: left;
    height: 1000px
}

.slider {
    margin: 80px 0;
    display: block;
    position: relative;
    height: 700px
}

.slider img {
    display: inline-block;
    position: absolute;
    backface-visibility: hidden;
    transition: .4s all
}

.mobile_show,
.overlay {
    display: none
}

.slider img.active {
    z-index: 4
}

#scHpage {
    background: url(../images/school/school-college-drive.jpg) top center;
    background-size: cover
}

#commpage {
    background: url(../images/community/comm-hdr.jpg) top center;
    background-size: cover
}

#ngopage {
    background: url(../images/ngo/ngo-hdr.jpg) top center;
    background-size: cover
}

.ngopimgbox {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.CHgallerybox,
.CHrecyclebox {
    padding: 20px 0
}

#CHpage {
    background: url(../images/Deivepage/chbg.jpg) top center;
    background-size: cover
}

#Indvpage {
    background: linear-gradient(to top,rgba(0, 168, 146, 0.22),rgba(0, 168, 146, 0.22)),url(../images/community/individual_cover.jpg) top center;
    background-size: cover;
}

.CHrowbox {
    float: left;
    position: relative
}

.chtxt {
    font-size: 18px;
    color: #4a4a4a;
    width: 80%;
    margin: 25px auto
}

.CHFormbox,
.CHFormwrap,
.CHFrowbox,
.CHgallerybox,
.CHrecycleImgbox,
.CHrecyclebox {
    width: 100%;
    float: left;
    position: relative
}

.innerSubtitlle {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px
}

.CHrecycleImgbox {
    padding: 25px;
    background: #eaf1f0;
    text-align: center;
}

.CHFormwrap {
    padding: 20px 0
}

.CHFormbox {
    margin-top: 30px
}

.CHFrowbox {
    padding: 10px 0;
    text-align: left
}

.flable {
    font-size: 18px;
    font-weight: 500
}

.chfinput {
    width: 94%;
    padding: 7px 2%;
    border: 1px solid #494949;
    font-size: 15px
}

select.chselect {
    width: 94%;
    height: 35px;
    border: none;
    border: 1px solid #494949;
    font-size: 15px;
    border-radius: 0;
    background: #fff
}

.CHFbtnboxbox {
    width: 100%;
    float: left;
    padding: 15px 0;
    text-align: center;
    /*margin-top: 40px*/
}

.chrmlisting li p,
.iclisting,
.icsubtitle,
.ictxt {
    text-align: left;
    float: left
}

.chrmlisting {
    width: 100%;
    float: left;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.chrmlisting li {
    width: 100%;
    float: left;
    position: relative;
    margin: 5px 0
}

.chrmlisting li img {
    width: 25%;
    float: left;
    margin-right: 2%
}

.chrmlisting li p {
    margin: 0;
    padding-top: 5px;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
    width: 73%
}

.chrmlisting li:nth-of-type(even) {
    background: #029384
}

.chrmlisting li:nth-of-type(odd) {
    background: #80cf4f
}

.foverlay,
.overlay {
    background: rgba(0, 0, 0, .7);
    height: 100vh;
    z-index: 99;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%
}

.innercontentwrap {
    width: 100%;
    float: left;
    padding-top: 200px;
    padding-bottom: 50px
}

.ictitle {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 25px
}

.ictxt {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    width: 100%
}

.icsubtitle {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 25px;
    width: 100%
}

.iclisting {
    width: 100%;
    font-size: 16px;
    font-weight: 300
}

.iclisting li {
    width: 100%;
    float: left;
    margin: 3px 0
}

.stickybottombox {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff200;
    z-index: 9;
    color: #000;
    padding: 20px 0;
    font-size: 15px;
    line-height: 31px
}

.stickybottombox a {
    color: #000;
    text-decoration: underline
}

#allowbtn {
    background: #000;
    padding: 10px;
    color: #fff200;
    margin-left: 10px;
    cursor: pointer
}


.partner-logo{
    text-align: center;
    padding: 20px 0;
}

.app-title{
    color: #fff;
    margin-top: 0;
}


@media screen and (max-width:1550px) {
    .recycle_img {
        width: 90%
    }
}

@media screen and (max-width:1500px) {
    .inner_wrapper {
        width: 90%
    }
}

@media screen and (max-width:1450px) {
    .scontentbox h1 {
        font-size: 60px
    }
    .scontentbox h4 {
        font-size: 20px
    }
    .scontentbox p {
        font-size: 18px;
        width: 60%
    }
    .btnbox {
        margin-top: 20px
    }
    .fcontbox p {
        margin-bottom: -90px
    }
    .fcontbox h3 {
        font-size: 24px
    }
    .ourngobox,
    .videosection {
        padding-bottom: 200px
    }
    .LeftContBox,
    .RightContBox {
        padding-top: 50px;
        width: 400px
    }
    .recyclepet_img {
        width: 900px
    }
    .Innerheader h1 {
        font-size: 48px
    }
    .innertitlle {
        font-size: 38px
    }
    .slider img {
        width: 300px
    }
    .bfcdContbox {
        padding-top: 130px
    }
    .slider {
        height: 450px
    }
    .mileftbox {
        padding-top: 0
    }
    .mileftbox p {
        margin-top: 0;
        font-size: 18px;
        line-height: 25px
    }
    .mileftbox p span {
        font-size: 22px
    }
    .bfcVideo {
        height: 500px
    }
    .stickybottombox {
        font-size: 13px
    }
}

@media screen and (max-width:1370px) {
    .fixsliderbg {
        width: 400px
    }
    .fsliderimg {
        width: 65%
    }
    #myCarousel .item {
        text-align: right;
        padding-right: 20px
    }
    #myCarousel {
        margin-top: 70px
    }
    .uparrow {
        left: 290px
    }
    .downarrow {
        right: 135px
    }
    .Innerheader .inner_wrapper {
        min-height: 400px
    }
    .wtclist li p {
        width: 100%
    }
    .Navgtn li {
        padding: 10px 0
    }
    .mileftbox {
        padding-top: 0
    }
    .mileftbox p {
        margin-top: 10px
    }
    .innercontentwrap {
        padding-top: 150px
    }
    .ictitle {
        font-size: 38px
    }
    .icsubtitle {
        font-size: 20px;
        margin-top: 15px
    }
    .ictxt {
        margin-bottom: 10px
    }
    .stickybottombox {
        font-size: 13px
    }
}

@media screen and (max-width:1300px) {
    .fcontbox p {
        margin-bottom: -110px;
        font-size: 15px
    }
    .bfContBox {
        padding: 50px
    }
    .bfcdContbox {
        padding-top: 110px
    }
    .stickybottombox {
        font-size: 12px
    }
}

@media screen and (max-width:1100px) {
    .BottlesForChange {
        font-size: 20px
    }
    .scontentbox h1 {
        font-size: 40px
    }
    .btn,
    .scontentbox p {
        font-size: 16px
    }
    .scontentbox p {
        width: 40%
    }
    .fixsliderbg {
        width: 400px;
        right: -60px
    }
    .fsliderimg {
        width: 60%
    }
    #myCarousel .item {
        text-align: right;
        padding-right: 20px
    }
    #myCarousel {
        margin-top: 70px
    }
    .uparrow {
        left: 290px
    }
    .downarrow {
        right: 135px
    }
    .videowrap h2 {
        font-size: 28px
    }
    .partnrlist li img {
        width: 80%
    }
    .logo {
        width: 250px;
        top: -35px
    }
    #counter {
        font-size: 60px
    }
    .fcontbox h3 {
        font-size: 22px
    }
    .fcontbox p {
        margin-bottom: -110px;
        font-size: 14px
    }
    .counter {
        font-size: 50px
    }
    .counterBoxes li {
        width: 47%
    }
    .counterBoxes li p {
        width: 100%
    }
    .ourngobox p {
        width: 70%
    }
    .LeftContBox,
    .RightContBox {
        width: 300px;
        padding-top: 20px
    }
    .LeftContBox h4,
    .RightContBox h4 {
        font-size: 22px
    }
    .LeftContBox p,
    .RightContBox p {
        font-size: 16px;
        margin-top: 15px
    }
    .Innerheader h1 {
        font-size: 32px
    }
    .innertitlle {
        font-size: 28px;
        margin-bottom: 10px
    }
    .innersmalltitlle {
        font-size: 22px
    }
    .bfctxt,
    .chtxt,
    .plastctxt {
        font-size: 16px
    }
    .recyclepet_img {
        width: 700px
    }
    .recyclepet_imgBox {
        padding-top: 20px;
        padding-bottom: 50px
    }
    .bfContBox h3 {
        font-size: 26px
    }
    .bfContBox h4 {
        font-size: 22px;
        margin-bottom: 20px
    }
    .bfContBox p {
        font-size: 16px;
        line-height: 22px
    }
    .RTRPlisting li img {
        width: 200px
    }
    .PTRPbox,
    .RTRPbox,
    .plasticstepBox {
        padding: 20px 0
    }
    .bfcdContbox {
        padding-top: 70px
    }
    .wcydlist li.arrowli {
        padding-top: 45px
    }
    .arrowicon {
        width: 35px
    }
    .wtclist li {
        padding: 10px 20px
    }
}

@media screen and (max-width:990px) {
    .LeftContBox h4,
    .RightContBox h4,
    .fcontbox h3 {
        font-size: 18px
    }
    .fcontbox {
        bottom: 50px
    }
    .footerlogo {
        width: 90%
    }
    .fsocil li {
        margin-right: 12px
    }
    .pformwrap {
        width: 100%
    }
    .fcontbox p {
        margin-bottom: -150px
    }
    .LeftContBox {
        padding-right: 20px
    }
    .RightContBox {
        padding-left: 20px
    }
    .LeftContBox,
    .RightContBox {
        padding-top: 10px;
        width: 250px
    }
    .LeftContBox p,
    .RightContBox p {
        font-size: 14px;
        margin-top: 10px
    }
    .ourngobox h2,
    .pipbox h2 {
        font-size: 32px
    }
    .Innerheader h1,
    .vcconbox h2 {
        font-size: 28px
    }
    .innertitlle {
        font-size: 24px;
        margin-bottom: 10px
    }
    .innersmalltitlle {
        font-size: 20px
    }
    .bfctxt,
    .chtxt,
    .plastctxt {
        font-size: 14px
    }
    .recyclepet_img {
        width: 600px
    }
    .recyclepet_imgBox {
        padding-top: 20px;
        padding-bottom: 50px
    }
    .bfContBox h3 {
        font-size: 22px
    }
    .bfContBox h4 {
        font-size: 18px;
        margin-bottom: 20px
    }
    .bfContBox p {
        font-size: 14px;
        line-height: 20px
    }
    .bfContBox {
        padding: 20px
    }
    .RTRPlisting li {
        width: 30%
    }
    .RTRPlisting li img {
        width: 150px
    }
    .RTRPlisting li p {
        font-size: 15px
    }
    .bfcdContbox h3 {
        font-size: 60px;
        padding-left: 10px
    }
    .bfcdContbox p {
        font-size: 15px;
        width: 70%;
        padding-top: 5px
    }
    .bfcdrowbox {
        margin-top: -10px
    }
    .bfcdContbox {
        padding-top: 40px
    }
    .bfccountbox p {
        font-size: 18px
    }
    .wtclist li p {
        font-size: 17px
    }
    .mileftbox p,
    .wtcbtn {
        font-size: 16px
    }
    .slider img {
        width: 200px
    }
    .counterBoxes li,
    .ngopimgs {
        width: 100%
    }
    .slider {
        height: auto
    }
    .mibox {
        padding: 0
    }
    .mileftbox {
        padding: 75px 0
    }
    .mileftbox p {
        line-height: 22px
    }
    .mileftbox p span {
        font-size: 20px
    }
    .bfcVideo {
        height: 400px
    }
    .bfcpt {
        padding-top: 30px
    }
    .innerSubtitlle {
        font-size: 22px
    }
    .scontentbox h1 {
        font-size: 32px
    }
    .scontentbox h4 {
        font-size: 15px
    }
}

@media screen and (max-width:767px) {
    .desktop_show {
        display: none
    }
    .mobile_show {
        display: block
    }
    .header {
        top: 25px
    }
    #sectionone {
        background: url(../images/mob_homebanner.gif) center center;
        background-size: cover
    }
    .pformwrap {
        position: fixed;
        width: 100%;
        float: left;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        height: 100vh
    }
    .foverlay {
        display: none
    }
    .fixsliderbox {
        z-index: 999;
        text-align: center;
        top: 20%;
        width: 100%
    }
    #myCarousel {
        width: 300px;
        margin: 0 auto
    }
    .fixsliderbg {
        width: 300px;
        right: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .uparrow {
        left: 140px;
        top: -20px
    }
    .downarrow {
        right: 135px;
        bottom: -20px
    }
    .fixclosebtn {
        position: fixed;
        z-index: 999;
        top: 15%;
        right: 20px;
        cursor: pointer
    }
    #myCarousel .item {
        text-align: center;
        padding-right: 0
    }
    .btn,
    .ttpbtn {
        padding: 10px 20px
    }
    .header {
        height: 50px
    }
    .bfcVideo,
    .videoiframe {
        height: 250px
    }
    .logo {
        width: 150px;
        top: -20px
    }
    #nav-icon span:nth-child(2),
    #nav-icon span:nth-child(3) {
        top: 9px
    }
    #nav-icon span:nth-child(4) {
        top: 18px
    }
    #nav-icon {
        top: 15px
    }
    .BottlesForChange {
        margin-right: 50px;
        font-size: 14px;
        display: none
    }

    .scontentbox h1 {
        font-size: 20px;
    }

    .scontentbox h4 {
        font-size: 18px;
        width: 90%
    }
    .btn {
        font-size: 14px
    }
    .scontentbox p {
        font-size: 16px;
        width: 80%
    }
    .counterBoxes li,
    .videowrap,
    .videowrap p {
        width: 100%
    }
    .videowrap h2 {
        font-size: 20px
    }
    .ttpbtn,
    .videowrap p {
        font-size: 14px
    }
    #counter {
        font-size: 40px
    }
    .sflist li:first-child {
        width: 100%;
        border-right: none;
        margin-bottom: 5px;
        font-size: 14px
    }
    .overlay {
        display: block
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #01ad9d
    }
    .Navgtn li a {
        font-size: 15px
    }
    .Navgtn li {
        padding: 5px 0
    }
    .Navgtn {
        margin-top: 60px
    }
    .vcconbox h2 {
        font-size: 22px;
        margin-top: 0
    }
    .counter {
        font-size: 40px
    }
    .lftxt {
        margin-bottom: -10px
    }
    .ourngobox h2,
    .pipbox h2 {
        font-size: 24px
    }
    .ourngobox p,
    .pipbox p {
        font-size: 14px
    }
    .ourngobox p {
        width: 90%
    }
    .Recyclingsection h2 {
        font-size: 24px
    }
    .RCcontentbox,
    .RCimgbox {
        width: 100%
    }
    .footer .inner_wrapper .col-sm-2,
    .footer .inner_wrapper .col-sm-3,
    .footer .inner_wrapper .col-sm-4 {
        padding: 0
    }
    .videosection {
        padding-bottom: 50px;
        padding-top: 50px
    }
    .LeftContBox,
    .RightContBox {
        width: 90%;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
        float: none
    }
    .RCcontentbox {
        padding: 10px 0 20px
    }
    .pipbox {
        padding: 50px 0
    }
    .ourngobox {
        padding-bottom: 50px;
        padding-top: 50px
    }
    .ngoarrowtopBox {
        top: -55px
    }
    .recyclepet_img {
        width: 90%
    }
    .Innerheader .inner_wrapper {
        min-height: 200px
    }
    .Innerheader h1 {
        font-size: 20px;
        text-align: left;
        bottom: 10px
    }
    .innersmalltitlle,
    .innertitlle {
        font-size: 18px
    }
    .bfcdimgbox,
    .wcydlist li {
        text-align: center;
        float: left;
        width: 100%
    }
    .innertitlle {
        margin-bottom: 5px;
        margin-top: 10px
    }
    .InnercontentBox {
        padding: 20px 0
    }
    .bfctxt,
    .chtxt {
        width: 100%
    }
    .bfcdBox {
        padding: 0
    }
    .bfcpt {
        padding-top: 0
    }
    .bfcdrowbox {
        margin-top: 0;
        padding: 15px 0;
        border-top: 1px solid #fff200
    }
    .bfcdrowbox.bfcpt {
        border: none
    }
    .wcydlist li {
        padding: 10px 0;
        border-bottom: 1px solid #01ad9d
    }
    .wcydlist li:last-child {
        border: none
    }
    .wcydlist li.arrowli {
        display: none
    }
    .wcydlist li p {
        font-size: 16px
    }
    .wcydbox,
    .wcydbox-new,
    .wtcbox {
        padding: 20px 0
    }
    .wcydlist {
        margin-top: 10px
    }
    .wtclist {
        margin-top: 0
    }
    .wtclist li {
        width: 100%;
        float: left;
        padding: 25px 0
    }
    .mileftbox,
    .mirightbox {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .mileftbox p {
        margin-top: 15px
    }
    .mileftbox p span {
        font-size: 17px
    }
    .certificateimgbox {
        width: 100%;
        float: left
    }
    .certificateimgbox img {
        width: 100%;
        float: left;
        margin-bottom: 15px
    }
    .bfContBox h3,
    .bfContBox p {
        margin-bottom: 0
    }
    .bfccountbox {
        padding: 30px 0
    }
    .bfContBox,
    .bfImgeBox {
        width: 100%;
        float: left
    }
    .bfContBox h4 {
        margin-top: 5px
    }
    .PTRPlisting,
    .RTRPlisting {
        width: 100%
    }
    .PTRPlisting li {
        width: 48%
    }
    .RTRPlisting li {
        width: 47%
    }
    .RTRPlisting li img {
        width: 130px
    }
    #sectionfour {
        padding: 20px 0
    }
    .innerSubtitlle {
        font-size: 18px
    }
    .flable {
        font-size: 15px
    }
    .CHFormwrap,
    .CHgallerybox {
        padding: 0
    }
    .CHgallerybox {
        padding-top: 20px
    }
    .CHrecyclebox {
        padding-top: 0
    }
    .CHFormbox,
    .innerSubtitlle {
        margin-top: 0
    }
    .CHFbtnboxbox {
        /*margin-top: 10px*/
        padding-top: 0;
    }
    .innercontentwrap {
        padding-top: 90px
    }
    .ictitle {
        font-size: 18px;
        margin-bottom: 10px
    }
    .icsubtitle {
        font-size: 16px;
        margin-top: 15px
    }
    .iclisting,
    .ictxt {
        font-size: 14px;
        margin-bottom: 10px
    }
    .stickybottombox {
        font-size: 13px;
        line-height: 20px
    }
    #allowbtn {
        position: relative;
        top: 7px
    }
    .ngopimgs {
        width: 70%
    }
    .wcydimg {
        width: 200px
    }
}

@media screen and (max-width:350px) {
    .chrmlisting li p {
        font-size: 12px
    }
}





/*Bhavesh*/

.BFC-login{
    position:absolute;
    top:-43px;
    right:0;

}

.BFC-login a{
    background-color: #00a892;
    z-index: 99999;
    text-decoration: none;
    color: white;
    padding: 12px 25px;
    font-size: 18px;
    border-radius: 9px;
    border: 2px solid white;
}

.BFC-login a:hover{
    background-color: #008271;
}

.login-box{
    margin: 100px auto;
    width: 600px;
    background-color: #00a892;
    border-radius: 9px;
    box-shadow: 2px 2px 9px silver;
}

.login-logo{
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.fields-holder{
    padding-top: 100px;
}

.form-fields{
    width: 450px;
    margin: 0 auto;
}

.bfc-form-fields label{
    color: white;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal;
}

.bfc-form-fields input{
    height: 40px;
}

.login-icon{
    margin-right: 7px;
}

.login-button button{
    width: 100%;
    /*height: 40px;*/
    margin-top: 25px;
}

.fp-link a{
    text-decoration: none;
    color: #fcfcfc;
}

.toll-free{
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    color: #83f9eb;
}

.margin-top-25{
    margin-top: 25px;
}

.margin-top-50{
    margin-top: 70px;
}

.margin-left-right-20{
    margin-left: 20px;
    margin-right: 20px;
}

.dashboard-boxes{
    margin-top: 50px;
    position: relative;
    border-radius: 9px;
    box-shadow: 1px 2px 5px silver;
}

.title-box{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 9px 15px;
    border-radius: 9px;
    font-size: 22px;
}


.dashboard-boxes.box-1{
    border: 2px solid #ffdb1c;
    background-color: #f5f5f5;
    height: 650px;
}
.title-box.title-1{
    background-color: #ffdb1c;
    color: white;
    text-shadow: 1px 1px 2px #0d0e29;
}


.dashboard-boxes.box-2{
    border: 2px solid #1f56f7;
    background-color: #f5f5f5;
    height: 650px;
}
.title-box.title-2{
    background-color: #1f56f7;
    color: white;
    text-shadow: 1px 1px 2px #0d0e29;
}


.dashboard-boxes.box-3{
    border: 2px solid #ff3e29;
    background-color: #f5f5f5;
    height: 650px;
}
.title-box.title-3{
    background-color: #ff3e29;
    color: white;
    text-shadow: 1px 1px 2px #0d0e29;

}

.dashboard-boxes.box-4{
    border: 2px solid #9c1fda;
    background-color: #f5f5f5;
    height: 650px;
}
.title-box.title-4{
    background-color: #9c1fda;
    color: white;
    text-shadow: 1px 1px 2px #0d0e29;
}


.box-content{
    padding-top: 50px;

}

.pin-code{
    /*width: 200px;*/
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: black;
}
.pin-code label{
    display: block;
}

.pin-code input[type="number"]{
    width: 200px;
    display: inline-block;
}

.btn-search{
    display: inline-block;
    margin-left: 5px;
    background-color: gold;
    border: none;
    padding:6px 10px;
    border-radius: 5px;
}

.kabadiwala-radio{
    margin-bottom: 20px;
    border-bottom: 1px solid silver;
}

.kabadiwala-radio label, .kabadiwala-checkbox label{
    font-size: 16px;
    font-weight: 500;
}
.kabadiwala-radio input, .kabadiwala-checkbox input{
    margin-right: 10px;
}

.sk{
    font-size: 20px;
}

.fade-text{
    font-size: 15px;
    opacity: 0.65;
}

.submit-plastic{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blue-highlight{
    background-color: #b7d6ff;
    padding: 5px 10px;
    border-radius: 5px;
}

.submitted-list{
    font-size: 16px;
}

.ticket-label{
    font-size: 16px;
    font-weight: 400;
}

.close-date{
    font-size: 12px;
    color: #8e8e8e;
    margin-top: 10px;
    margin-bottom: 2px;
}

.rank{
    padding: 5px 9px;
    border-radius: 4px;
    
}

.rank.first-rank{
    border: 2px solid #ffbf00;
    border-radius: 50%;
}

.rank.second-rank{
    border: 2px solid silver;
    border-radius: 50%;
}

.rank.third-rank{
    border: 2px solid brown;
    border-radius: 50%;
}

.rank.normal-rank{
    border: 2px solid transparent;
    border-radius: 50%;
}

.logout{
    position: absolute;
    right: 50px;
    top: 2%;    
}

.logout a{
    text-decoration: none;
    color: white;
    background-color: #ef2e2e;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 4px;

}

.logout i{
    margin-right: 10px; 
}

.logout a:hover{
    background-color: #cc0000;
    box-shadow: 2px 2px 3px silver;
}

.feedback-box{
    margin-top: 40px;
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 9px;
}

.editprofile-box{
    /*margin-top: 40px;*/
    background-color: #f6f6f6;
    padding: 25px;
    border-radius: 9px;
}

.feedback{
    margin-top: 20px;
    font-size: 16px;
}

.btn-feedback{
    background-color: #00b69e;
    color: #fff300;
}

.btn-feedback:hover{
    background-color: #008876;
}

.btn-login:hover{
    background-color: #ffe81a;
    color: #01ad9d;
}

.info{
    color: white;
    font-size: 14px;
}

.info i{
    margin-right: 5px;
}

.login-name{
    display: inline-block;
    font-size: 16px;
    margin-right: 20px
}

/*mobile device*/

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

.BFC-login {
    position: absolute;
    top: 15px;
    right: 52px;
}
.BFC-login a {
    padding: 7px 12px;
    font-size: 14px;
}

}

/*mobile device*/


/*Bhavesh*/

.red-star{
    color: red;
}

.make-inline-block{
    display: inline-block;
}

input.padd-chckbox{
    margin-right: 10px;
}

.otp-thnku{
    font-size: 20px;
    font-weight: 400;
    color: #3d3d3d;
}

.opt-input-wrapper{
    margin-top: 20px;
}

.otp-text-field{
    padding: 10px;
    border: 1px solid #494949;
    font-size: 15px;
    margin-right: 10px;
}

.mar-b-10{
    margin-bottom: 10px;
}

.overflow-scroll{
    overflow-y: auto;
    max-height: 635px; 
}

.overflow-small-scroll{
    overflow-y: auto;
    max-height: 350px; 
}

/*Bhavesh 16 Apr 19*/

.password-sent-holder{
  margin: 50px auto 20px auto;
  text-align: center;
  padding-top: 70px;
}

.password-sent-holder label{
  font-size: 35px;
  color: white;
  font-weight: 300;
}

.password-sent-holder p{
  color: white;
  margin-bottom: 0px;
  padding-bottom: 10px;
  font-size: 18px;
}

.password-sent-holder p>a{
  text-decoration: none;
  color: white;
}

.password-sent-holder p>a:hover{
  text-decoration: underline;
}

/*Bhavesh 16 Apr 19*/



/*Bhavesh 17 Apr 19*/

.p-cat{
    padding-left: 15px;
    font-size: 18px;
}
.element-margin{
    margin-top: 15px;
}

.btn-new{
    padding: 5px 10px;
    border: none;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 4px;
    margin: 0 5px;
}

.btn-new.btn-new-green{
    background: #fff200;
    color: #01ad9d;
}

.btn-new:hover{
    background-color: darkgray;
}

.btn-new.btn-new-green:hover{
    color: #fff200;
    background: #01ad9d;
}


.sub-details{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 5px;
    margin-top: 20px;
}

.left-details{
    float: right;
    display: inline-block;
    width: 50%;
}

.right-details{
    float: left;
    display: inline-block;
    width: 50%;
}

.text-gray{
    color: gray;
}

.reset-padding{
    padding: 0!important;
}
/*Bhavesh 17 Apr 19*/

/*Bhavesh 23 apr 19*/

#home-container{
    background-color: #f4f4f4
}

.full-width-background,
.full-width-container {
    width: 100%!important;
    border-radius: 0!important
}

.full-width-container {
    padding: 0!important;
    margin: 0!important
}

#main,
#main-a,
#main-b {
    padding: 20px
}

#main {
    margin-top: 50px
}

#main a,
#main-a a,
#main-b a {
    text-decoration: none
}

#main,
#main-a,
#main-b,
#rep-btns,
#rep-btns-pop {
    border-radius: 10px;
    background-color: #fff
}

.module-boxes,
.white-box {
    text-align: center
}

.module-boxes {
    padding: 20px 0;
    border-radius: 10px
}

.module-boxes:hover {
    background-color: #f2f2f2
}

.module-boxes p {
    margin-top: 7px;
    color: #767676
}

.module-boxes a {
    text-decoration: none
}

.txt-hide{
    /*width:120px;*/
    color: #5d5d5d;
    height: 1.5em; 
    line-height: 1em; 
    /*font-size: 20px;*/
    /*font-weight: 400;*/
    /*text-overflow: ellipsis;*/
    /*margin-bottom: 20px;*/
    cursor: pointer;
    /*word-break: break-all;*/
    /*overflow:hidden;*/
    /*white-space: nowrap;*/
}
.txt-hide:hover{
    /*overflow: visible; */
    /*white-space: normal;*/
    /*height:auto;*/   /*just added this line */
}

/*Bhavesh 23 apr 19*/



/*Bhavesh 24 apr 19*/

.open-dropdown-small {
    /* background-color: #fff; */
    padding: 5px;
    margin-top: 10px;
    /* border: 1px solid #999; */
    /* position: absolute; */
    /* z-index: 99; */
    /* box-shadow: 0 0 10px 0 rgba(128, 128, 128, .6); */
    display: none;
    width: 250px;
}
.open-dropdown-small, .open-dropdown {
    background-color: #fff;
    border: 1px solid #999;
    position: absolute;
    z-index: 999999;
    box-shadow: 0 0 12px #e4e4e4;
    -webkit-box-shadow: 0 0 12px #e4e4e4;
}

.list-dropdown {
    color: #7c7c7c;
    padding: 0;
}
.list-dropdown {
    padding: 0 5px !important;
}

.list-dropdown, .list-dropdown-cr {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.settings-icon-list.action {
    font-size: 16px;
    font-weight: 400!important;
    color: #999!important;
    text-align: center;
    padding: 0;
    margin: -4px 0;
}

.list-dropdown a:hover {
    background-color: #999999!important;
    color: #fff!important;
}
.list-dropdown a:link, .list-dropdown a:visited {
    background-color: #FFF;
}
.list-dropdown a:hover, .list-dropdown a:link, .list-dropdown a:visited {
    color: #7c7c7c;
    text-decoration: none;
    display: block;
    padding: 10px;
}

.modal-title-small {
    font-size: 16px;
    margin-top: 0;
}

.other-detail-box-full {
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
    overflow: auto;
}

.bullet {
    padding: 0;
}
.bullet,
.bullets li{
    list-style: none;
}

.li-sep-line {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 3px;
}

.label-width {
    width: 45%;
    display: inline-block;
    text-align: right;
    margin-right: 2px;
}

.detail-lable {
    opacity: .6;
}

.data-width {
    width: 50%;
    display: inline-block;
    margin-right: 5px;
}

.form-label {
    opacity: .85;
    font-weight: 400;
}

.element-margin{
    margin-top: 15px;
}
/*Bhavesh 24 apr 19*/


/*Bhavesh 24 apr 19*/

.reassign-marg{
    margin-top: 15px;
    display: block;
}


.display-flex{
    display: flex;
}

.border-top-none{
    border-top: none!important;
}

.center{
 text-align: center;
}

.justify-text{
    text-align: justify-all;
}

.or-sep{
    margin: 5px;
}

.new-checkbox{
    display: inline-block;
    margin-left: 10px;
    font-weight: 400;
}

/*Bhavesh 24 apr 19*/


/*Bhavesh 29 apr 19*/

.inner-home-marg{
    margin-bottom: 45px;
    margin-top:10px
}

.logout a.home-btn{
    background-color: green!important;
    margin-right: 15px;
}
/*Bhavesh 29 apr 19*/


/*Bhavesh 3 May 19*/

.marg{
    margin-top: 10px;
}
.background {
    background-color: #ffe8e8!important
}
.make-block{
    display:block;
}

/*Bhavesh 3 May 19*/


/*Bhavesh 10 May 19*/

/*.end-user-dash{
    background-color: silver;
    display: grid;
    grid-template-columns: auto auto auto;
}

.end-user-opt{
    background-color: red;
    height: 200px;
    width: 200px;
    margin: 10px;
    display: inline-block;
}*/

.end-user-dash {
  display: grid;
  grid-template-columns: repeat(3, 300px);
  /*grid-template-rows: repeat(2, 250px);*/
  /*background-color: #f7f7f7;*/
  padding: 10px;
  border-radius: 5px;
  grid-gap:10px;
  justify-content:center;
  align-items:center;
}

.end-user-opt {
  /*background-color: rgba(255, 255, 255, 0.8);*/
  /*border: 1px solid rgba(0, 0, 0, 0.8);*/
  padding: 20px;
  font-size: 20px;
  text-align: center;
  border-radius: 10px;
    height: 250px;
    display: -webkit-flex; /* Safari */
  -webkit-flex-flow: column wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: column wrap;
    justify-content:center;
    align-items:center;
        color: #3d3d3d;
        transition:0.25s;
}

.end-user-opt > p{
    margin: 20px auto 0 auto;
}

.end-user-opt:hover{
    color: #3d3d3d;
    text-decoration: none;
}

.end-user-opt:nth-child(1){
      background-color: #ffef9c;
}

.end-user-opt:nth-child(1):hover{
      background-color: #ffe34e;
}

/*.end-user-opt:nth-child(2){
      background-color: #caffc1;
}

.end-user-opt:nth-child(2):hover{
      background-color: #a3ec96;
}*/

.end-user-opt:nth-child(2){
      background-color: #ebf0ff;
}

.end-user-opt:nth-child(2):hover{
      background-color: #cad5f7;
}

.end-user-opt:nth-child(3){
      background-color: #dadbff;
}

.end-user-opt:nth-child(3):hover{
      background-color: #bcbdf5;
}

.end-user-opt:nth-child(4){
      background-color: #ffdddd;
}

.end-user-opt:nth-child(4):hover{
      background-color: #fbb6b6;
}

.end-user-opt:nth-child(5){
      background-color: #d6fbfb;
}

.end-user-opt:nth-child(5):hover{
      background-color: #bbe8e8;
}

.end-user-opt:nth-child(6){
      background-color: #ffe4bb;
}

.end-user-opt:nth-child(6):hover{
      background-color: #ffd99e;
}

.flex-center{
    display: flex;
    justify-content: center;
}

.text-short{
    width: 100%;
}

.button-wrapper{
    width: 60%;
    margin: 0 auto;
}

.button-wrapper button{
    background-color: #01ad9d;
    color: #fff200;
}

.button-wrapper button:hover{
    background-color: teal;
}

.small-logo img{
    height: 70px;
    left: 2%;
    top: 0%;
    position: absolute;
}

/*Bhavesh 10 May 19*/


/*Bhavesh 17 May 19*/

.user-rank-wrap{
    font-size: 18px;
    text-align: center;
}

.user-rank-wrap p{
    display: inline-block;
}

.user-rank-wrap span{
    font-weight: 600;
    margin-left: 5px;
    text-decoration: underline;
    display: inline-block;
}

/*Bhavesh 17 May 19*/


/*Bhavesh 21 May 19*/

.banner-grid{
    display: grid;
    /*grid-template-columns: 655px 655px;*/
    /*grid-template-columns: 500px;*/
    grid-template-areas: 'first-box '
                         'second-box';
    /*grid-gap:25px;*/
    /*width:1430px;*/
    margin: 0 auto;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    justify-content:end;
    align-items:center;
    color: white;
}

.banner-grid.low-gird{
    top: 50%;
    margin-top: 13px;
    /*left: 50%;*/
}

.banner-grid.second-grid{
    position: absolute;
    top: 85%;
    justify-content:start;
    
}

.first-box{
    grid-area:first-box;
    /*background-color: #FFF200;*/
    /*background-image: linear-gradient(135deg, #fff102, #caa700);*/
    /*border-radius: 100px;*/

}

.second-box{
    grid-area:second-box;
    /*background-color: #00B3A1;*/
    /*background-image: linear-gradient(135deg, #00B3A1, #108478);*/
}

.first-box, .second-box{
    padding: 25px 50px;
    /*border-radius: 100%;*/
    /*height: 500px;
    width: 500px;*/
    display: flex;
    justify-content:center;
    align-items:center; 
    flex-flow:column nowrap;
    box-shadow: 0px 0px 10px 4px rgba(11, 23, 56, 0.5);
    border: 2px solid #fff;
}

 .first-box{
    /*border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;*/
    background-image: linear-gradient(to bottom, #00B3A1, #108478);
    color: #fff;
    border-radius: 9px;
    /*box-shadow: 0px 0px 10px 4px rgba(11, 23, 56, 0.5);*/
}

 /*.second-box{
        border-bottom: 5px solid #fff102;
        border-right: 5px solid #fff102;
}*/

.second-box{
    background-image: linear-gradient(to bottom, yellow, gold);
    color: #3d3d3d;
    border-radius: 9px;
}

.banner-title-f{
    font-size: 42px;
    text-align: center;
    display: block;
    margin-top: 25px;
}

.banner-title-m{
    font-size: 42px;
    text-align: center;
    display: block;
    margin-top: 25px; 
}

.banner-subtitle-m{
    font-size: 16px;
}

.banner-grid h5{
    font-size: 16px;
    font-weight: 400;
}

.btn.btn-first{
    border: 2px solid white;
    /*background-color: #00a892;*/
    /*color: #fff200;*/
    background-color: #fff102;
    color: #3d3d3d;
}

.btn.btn-first:hover{
    background-color: #ded208;
}

.btn.btn-second{
    border: 2px solid white;
    color: #fff;
    background-color: #00B3A1;
}

.btn.btn-second:hover{
    background-color: #108478;
}


/*.counter-wrapper{
    margin-top: 105px;
}*/

.Navgtnew {
    width: 100%;
    /*margin: 150px 0 0;*/
    padding: 0;
    position: relative;
    float: left;
    list-style-type: none;
}

.Navgtnew li:first-child {
     border-top:none; 
}

.menu-highlight{
    background-color: #00b3a13d;
    padding: 10px 20px;
    border-radius: 9px;
}

.fnav li p {
    color: #fff;
    /*text-transform: uppercase;*/
    margin-bottom: 0;
    text-decoration: underline;
}

.fnav li a {
    /*text-transform: uppercase;*/
}

.counterBoxes-2 {
    width: 100%;
    display: block;
    position: relative;
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none;
}

.black-op{
    border-radius: 9px;
    background-color: #0000008f;
    /*padding: 20px;*/
    /*margin-bottom: 20px;*/
    display: inline-block;
    /*padding-right: 180px;*/
    width: 480px;
    padding: 20px 0;
    padding-left: 10px;
}

.black-op > .banner-title-m{
    margin-bottom: 30px;
}

.sectionbox-first{
    background: url(../images/homebanner.gif) center center no-repeat;
    /*background: linear-gradient(0deg,rgba(0, 0, 0,0.4),rgba(0, 0, 0,0.4)), url(../images/new-ban2.gif) center center no-repeat;*/
    background-size: cover;
    height: 100vh;
    width: 100%;
    margin-top: 70px;
    position: relative;
    /*background:linear-gradient(0deg,rgba(255,0,150,0.3),rgba(255,0,150,0.3)),url(http://lorempixel.com/800/600/nature/2);*/
}

/*.sectionbox-first {
    background: url(../images/homebanner.gif) center center no-repeat;
    background-size: cover;
    height: 500px;
    width: 100%;
    margin-top: 128px;
    position: relative;
}*/ /*SMALL*/


.green-bg-top{
    background-color: #00AFA9;
}

.black-divider{
    background-color: #fff102;
    height: 34px;
}

.pad-l-19{
    padding-left: 19px;
}

.jna{
   font-size: 18px;
   border-bottom: 1px solid teal;
   padding-bottom: 1px;
   display: inline-block;
}

.jna-btn-grp{
    list-style: none;
    padding-left: 0;
}

.jna-btn-grp li{
    display: inline-block;
    margin: 20px 15px 0 15px;
}

.jna-btn-grp li a{
    /*padding:5px 25px;*/
    padding: 10px 35px;
    border-radius: 5px;
    /*font-size: 22px;*/
    font-size: 18px;
}

.jna-btn-grp li a:hover{
    text-decoration: none;
}

/*.jna-btn1{
    background-color: #f44747;
}

.jna-btn2{
    background-color: #2888e2;
}

.jna-btn3{
    background-color: #fba605;
}

.jna-btn4{
    background-color: #01AD9D;
}*/

.jna-btn{
    background-color: #FFF102;
    color: #008D80;
}

.jna-btn:hover{
    background-color: #008D80;
    color: #FFF102;
    cursor: pointer;
    transition:0.3s;
}


/*.jna-btn1:hover,
.jna-btn2:hover,
.jna-btn3:hover,
.jna-btn4:hover {
    cursor: pointer;
    transition:0.3s;
}*/

/*.jna-btn1:hover{
    background-color: #bb1c1c;
}

.jna-btn2:hover{
    background-color: #0867c1;
}

.jna-btn3:hover{
    background-color: #ca8400;
}

.jna-btn4:hover{
    background-color: #008d80;
}*/

.app-div{
    background-color: #01ad9d;
    margin: 0 auto 50px auto;
    padding:15px 25px;
    border-radius: 9px;
    box-shadow: 1px 2px 5px rgba(52,52,52,0.5) 
}

.app-img{
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}

.app-txt{
    width:65%;
    display: inline-block;
    vertical-align: middle;
}

.app-txt a{
    font-size: 18px;
    background-color: gold;
    padding: 15px 25px;
    display: inline-block;
    color: #017369;
    border-radius: 5px;
    margin-bottom: 9px;
}

.app-txt a:hover{
    background-color: #ffe13e;
    text-decoration: none;
    box-shadow: 2px 2px 9px rgba(53,53,53,0.5);
    transition:0.3s;
}

.app-txt a span{
    margin-right: 5px;
}

.app-txt p{
    color: white;
}

.white-innertitle{
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 0;
    text-transform: uppercase;
    color: #fff;
}

.wbox{
    /*background-color: #fff;*/
    background-color: #000000e0;
    color: #f9f9f9;
    display: inline-block;
    width:450px;
    padding: 20px;
    border-radius: 9px;
    margin: 0 auto;
}

/*.wbox p{
    color: #00aea9;
}*/

.counter-grid{
    display: grid;
    grid-template-rows: repeat(3,auto);
    grid-template-columns: auto;
    justify-content:center;
    align-items:center;
    grid-gap:25px;
}

.cntr-inner-grid{
    display: grid;
    grid-template-rows: repeat(2,auto);
    grid-template-columns: repeat(2,auto);
    grid-gap:25px;
}


.c-txt1{
    color: #05c7c2;
}
.c-txt2{
    color: #ffbf00;
}
.c-txt3{
    color: #f37735;
}
.c-txt4{
    color: #7bb3ff;
}
.c-txt5{
    color: #b55ee6;
}


.milestone-strip{
    background-color:#008d80;
    height:100px;
    margin-top:-50px
}

/*.mibox{
    margin-bottom:50px;
}*/

.leaflet-holder{
    display: block;
    width: 100%;
    display: flex;
    justify-content:center;
    align-items:center;
}

.leaflet-holder img{
    width: 900px!important;
    height: auto;
    margin: 20px auto 0 auto; 

}

.mr-b-50{
    margin-bottom: 50px; 
}

.s-text{
    text-shadow:1px 1px 3px #000000ba;
}

/*.leaflet{
    width: 800px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    display: block;
}*/

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none!important;
    background-color: transparent!important;
}

.Navgtnew li  {
 background-color: #f9f9f9;
 /*padding: 10px 25px;*/
 border-radius: 3px;
}

.mandatory{
   color: red;
}

.form-label{
    font-size: 14px;
    /*margin-top: 15px;*/
}

.element-small{
    width: 250px;
}

.xls-btn{
    background-color: #4CAF50;
    padding: 9px 15px;
    margin-top: 15px;
    border: none;
    font-size: 14px;
    border-radius: 5px;

}

.xls-btn:hover{
    background-color: #61ce65;
    box-shadow: 1px 2px 8px silver;
    transition:0.3s;
}

.export-bg{
    background-color: #fff;
    padding: 25px 10px;
    border-radius: 5px;
    box-shadow: 1px 3px 9px -2px silver;
    margin-top: 25px;
}

.limit-char{
    font-size: 12px;
    color: silver;
}

.delete-mar{
        margin-right: 10px;
    margin-left: 14px;

}

.form-lable span{
    color: red;
}

/* For Laptop 1024 Resolution */  
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) {

    .banner-grid.low-gird{
        top: 50%;
    }

    /*.sectionbox-first {
    height: 380px;
    } *//*SMALL*/

    .banner-title-m,
    .banner-title-f {
        font-size: 24px;
    }

    .banner-grid h5{
        font-size: 14px;
        text-align: center;
    }

    /*.first-box, .second-box{
        height: 395px;
        width: 395px;
    }*/

    .counterBoxes li {
        width: 46%;
    }

}  


@media only screen and (min-width: 1030px) and (max-width: 1440px){ 
    .banner-grid.low-gird{
        top: 50%;
    }
    .banner-title-m,
    .banner-title-f {
        font-size: 24px;
    }

    .banner-grid h5{
        font-size: 14px;
        text-align: center;
    }


    /*.first-box, .second-box{
        height: 395px;
        width: 395px;
    }*/

    /*.sectionbox-first {
    height: 380px;
    }*/ /*SMAll*/

    .counterBoxes li {
        width: 46%;
    }

}  


/* For Mobile Resolution */  
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) { 
    
    .banner-grid{
        grid-template-columns: auto;
        grid-template-areas: 'first-box'
                             'second-box';
        width:100%;
        padding: 10px; 
        justify-content:center;    
        align-items:center;    
    }

    .banner-title-m{
        font-size: 22px;
    }

    .banner-subtitle-m{
        font-size: 14px;
        font-weight: 100;
        margin-top: 15px;
    }

    .banner-title-f,
    .banner-title-m{
        margin-top: 0;
    }

    /*.banner-grid{
        top: 40%;
    }*/
    /*.first-box, .second-box{
        padding: 20px;
        border-radius: 100%;
        height: 47vh;
        width: 47vh;
        display: flex;
        justify-content:center;
        align-items:center; 
        flex-flow:column nowrap;
        box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.5);
    }*/

    .first-box, .second-box{
        padding: 20px;
    }


    .banner-grid.low-gird{
        margin-top: 0;
        left: 50%;
    }

   .sectionbox-first{
        background: url(../images/mob_homebanner.gif) center center no-repeat;
        height: 90vh;
    }

    #sectionfour {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url(../images/mobsection_four.gif) top center no-repeat;
    background-size: cover;
}

    .banner-title-f{
        font-size: 20px;
    }
    
    /*.second-box{
        margin-top: 20px;
    }*/

    .counter{
        font-size: 45px;
    }

    .scontentbox-counter {
        /*top: 60%;*/
        top: 50%;
    }

    .scontentbox-counter p{
        font-size: 15px;
    }

    .counterBoxes{
        margin-top: 5px;
    }

    .counterBoxes,
    .counterBoxes li{
        width: 100%;    
    }

    .counterBoxes li{
        margin-bottom: 9px;
    }

    .banner-grid.second-grid {
        top: 72%;
    }

    .black-op{
        width: 100%;
        margin-bottom: 5px;
    }

    .white-innertitle{
        font-size: 18px!important;
        margin-bottom: 15px;
    }

    .jna-btn-grp li,
    .jna-btn-grp a  {
        display: block;
    }

    .app-div{
        margin-bottom: 20px;
    }

    .app-img img{
        height: 50px;
        margin-bottom: 15px;
    }

    .app-img,.app-txt{
        width: 100%;
    }

    .banner-grid h5{
        font-size: 12px;
    }

    .app-title{
        font-size: 18px;
    }

    .element-margin-mobile{
        margin-top: 20px;
    }

    /*.header {
        width: 100%;
        position: absolute;
    }*/


    .wbox{
        width:250px;
        padding: 10px;
    }

    .counter-grid{
        grid-template-rows: auto;
        grid-template-columns: auto;
        grid-gap:15px;
    }

    .cntr-inner-grid{
        grid-template-rows: auto;
        grid-template-columns: auto;
        grid-gap:15px;
    }

    .leaflet-holder img{
        width: 100%!important;
    }

    .mob-marg-t{
        margin-top: 50px;
    }

    .navbar-nav{
        margin: 80px 0 0 0;
    }

    .bottlesliderbox.about-bfc-slide{
        width: 100%;
        float: right;
        margin-right: auto; 
        position: relative;
    }

    .bottlesliderbox.about-bfc-slide img{
        height: 210px;
    }

    .mobile-hide{
        display: none!important;
    }

}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
    .banner-title-m{
        font-size: 20px;
    }

    .banner-subtitle-m{
        font-size: 12px;
        font-weight: 100;
    }

    .banner-grid{
        top: 40%;
    }
    .second-box{
        margin-top: 10px;
    }
}*/


/*Bhavesh 21 May 19*/



.dataTables_wrapper .dataTables_paginate {
    text-align: center!important;
    padding-top: 1.25em!important;
}

.dataTables_wrapper .dataTables_length {
    float: right!important;
    padding-top: 1.25em!important;
}