@font-face {
    font-family: 'Gilroyextrabold';
    src: url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'), url('../fonts/gilroy-extrabold-webfont.woff') format('woff'), url('../fonts/gilroy-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroylight';
    src: url('../fonts/gilroy-light-webfont.woff2') format('woff2'), url('../fonts/gilroy-light-webfont.woff') format('woff'), url('../fonts/gilroy-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    min-width: 0;
    min-height: 0;
}

h1,
.title {
    font-family: 'Gilroyextrabold', Arial, Helvetica, sans-serif;
    font-size: 80px;
    color: #fff;
    line-height: 1.1;
}

h2,
.secTitle,
h2 span {
    font-family: 'Gilroyextrabold', Arial, Helvetica, sans-serif;
    font-size: 50px;
    line-height: 1.1;
}

h3,
.sectionTitle {
    font-family: 'Gilroyextrabold', Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 1;
}

.smallHeading {
    color: #fff;
    font-size: 35px;
}

.greenheading {
    color: #275f2f;
}

.whiteHeading {
    color: #fff;
    /* font-size: 35px; */
}

.subheadingLight {
    font-size: 30px;
    font-family: 'Gilroylight', Arial, Helvetica, sans-serif;
}

.grayHeading {
    color: #58585a;
}

.blackHeading {
    color: #000;
}

.darkGreenBG {
    background-color: #275f2f;
}

h4,
h5,
h6,
p:not(.card-text),
span,
tr,
td,
select,
input,
textarea,
button,
li,
a {
    font-family: 'Gilroylight', Arial, Helvetica, sans-serif;
    color: #58585a;
}

h3>a,
h2>a {
    font-weight: inherit;
    text-decoration: none !important;
    font-family: inherit;
}

h3>a:hover,
h2>a:hover {
    color: inherit;
    text-decoration: none;
}

#threeBoxContainer p {
    color: #fff;
}

.button-wrapper {
    padding: 20px 0;
}

.ui-button {
    font-family: 'Gilroyextrabold', Arial, Helvetica, sans-serif;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px;
    line-height: normal;
    text-align: center;
    transition: all .3s;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
}

.ui-button:hover,
.ui-button:focus {
    background-color: #275f2f;
    color: #fff !important;
    text-decoration: none;
}

.ui-button-initiativeCards {
    background-color: #275f2f;
}

.ui-button-initiativeCards:hover,
.ui-button-initiativeCards:focus {
    background-color: #000;
    color: #fff !important;
    text-decoration: none;
}

.ui-button-whiteBg {
    background-color: #fff;
    color: #275f2f;
}

.ui-button-whiteBg:hover,
.ui-button-whiteBg:focus {
    background-color: #000;
    color: #fff;
}

.main-wrapper {
    max-width: 1440px;
    padding: 0 !important;
    margin: 0 auto;
}

.gray-bg {
    background-color: #ebebeb;
}

.greenGetInvolved-bg {
    background-color: #2f7d3c;
}

.black-bg {
    background-color: #0f0b07;
}

.block-separator {
    border-right: 2px solid #cbc4c4;
}

.padding-50 {
    padding: 50px !important;
}
.mpt-0 {
    padding: 50px!important;
}
.mt-30 {
    margin-top: 30px;
}

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

.navCustom {
    z-index: 9999;
    padding: 50px;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
}

.navCustom .navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
}

.navCustom .navbar-nav .nav-link:hover,
.navCustom .navbar-nav .nav-link:focus,
.navCustom .nav-item.active .nav-link {
    color: #35e753;
    font-size: 16px;
}

.sliderCMAM {
    margin-top: -200px;
}

.carousel-indicators {
    bottom: 0;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.carousel-item {
    min-height: 350px;
    height: 100%;
    width: 100%;
}

.sliderCMAM .carousel-indicators {
    bottom: 100px;
}

.carousel-caption {
    position: absolute;
    left: 50px;
    z-index: 10;
    color: #fff;
    text-align: left;
    top: 40%;
}

.carousel-caption p,
.bannerTextHeading p {
    font-size: 30px;
    color: #35e753;
    line-height: normal;
}


/* Animation delays */

.carousel-caption h1:first-child {
    animation-delay: 1s;
}

.carousel-caption h1:nth-child(2) {
    animation-delay: 2s;
}

.carousel-caption button {
    animation-delay: 3s;
}

#threeBoxContainer {
    /* margin-top: -60px !important;
    position: relative; */
}

#threeBoxContainer .boxHeader {
    max-width: 325px;
    background: #275f2f;
    text-align: left;
    color: #fff;
}

#threeBoxContainer .boxHeader:nth-of-type(2) {
    background: #0f0b07;
}

.our-story {
    /* max-width: 45%; */
    border-right: 2px solid #cbc4c4;
}

.img-wrapp-priority {
    width: 100px;
    height: 110px;
    background: url('../images/priority-sprites.png') no-repeat;
}

.img-wrapp-priority.priority-icon {
    background-position: 0 0;
}

.our-storyRight .d-flex {
    max-width: 48%;
}

.our-storyRight .d-flex h3 {
    font-size: 22px;
    ;
}

.our-storyRight p {
    line-height: normal;
}

.getInvoledSecton {
    background: url('../images/nutrician-full.jpg') center center no-repeat;
    background-size: cover;
}

#becomeMember {
    background: #275f2f url('../images/green-bg.png') center center no-repeat;
    background-size: cover;
}


/* Style for Quote slider */

.quoete-container .quoteSlider {
    max-height: 200px;
}

.width-auto {
    width: auto;
}

.text-lg {
    font-size: 2rem;
}

.carousel-indicators li {
    border: none;
    background: #ccc;
}

.carousel-indicators li.active {
    background: #275f2f;
}

.icon-wrap {
    min-width: 100px;
    height: auto;
    padding-right: 10px;
}

.hide {
    display: none;
}

.logo-mobile {
    display: none;
}


/* Style starts here for Internal pages */

.bannerInternalPages {
    margin-top: -200px;
    height: 690px;
    background-size: cover;
}

.aboutbanner {
    background: url(../images/About-banner.jpg) no-repeat center center;
}

.contactbanner {
    background: url(../images/contact-banner.png) no-repeat center center;
}

.priorityMainbanner {
    background: url(../images/Priorities_main_banner.png) no-repeat center center;
}

.priorityFirstbanner {
    background: url(../images/Priorities_first_banner.jpg) no-repeat center center;
}

.prioritySecondbanner {
    background: url(../images/Priorities_second_banner.png) no-repeat center center;
}

.priorityThirdbanner {
    background: url(../images/Priorities_third_banner.png) no-repeat center center;
}

.getInvolvedMain {
    background: url(../images/getInvolvedMain-Banner.png) no-repeat center center;
}

.getInvolvedFaq {
    background: url(../images/getInvolvedFAQs-Banner.png) no-repeat center center;
}

.getInvolvedMythsandFacts {
    background: url(../images/getInvolvedMMythsandFact-Banner.png) no-repeat center center;
}

.getInvolvedWhocanJoin {
    background: url(../images/getInvolvedWhoCanJoin-Banner.png) no-repeat center center;
}

.getInvolvedBecomeaMember {
    background: url(../images/getInvolvedBecomeaMember-Banner.png) no-repeat center center;
}

.initiativeMainBanner {
    background: url(../images/initiativeMain.png) no-repeat center center;
}

.initiativeBanner-JH {
    background: url(../images/initiative-JH.png) no-repeat center center;
}

.initiativeBanner-BH {
    background: url(../images/initiative-BH.png) no-repeat center center;
}

.initiativeBanner-UP {
    background: url(../images/initiative-UP.png) no-repeat center center;
}

.initiativeBanner-RJ {
    background: url(../images/initiative-RJ.png) no-repeat center center;
}

.initiativeBanner-MH {
    background: url(../images/initiative-MH.png) no-repeat center center;
}

.initiativeBanner-AP {
    background: url(../images/initiative-AP.png) no-repeat center center;
}

.membersArenaBanner {
    background: url(../images/memberAreenabanner.png) no-repeat center center;
}

.privacyPolicyBanner {
    background: url(../images/privacypolicybanner.png) no-repeat center center;
}

.tncBanner {
    background: url(../images/tncbanner.png) no-repeat center center;
}

.samIndiabanner {
    background: url(../images/samIndiaBanner.png) no-repeat center center;
}

.whyCMAMbanner {
    background: url(../images/WhyCmam_Banner.png) no-repeat center center;
}

.resourcesDocumentbanner {
    background: url(../images/Resources_document_Banner.png) no-repeat center center;
}

.bannerTextHeading {
    top: 60%;
    position: relative;
    left: 50px;
    z-index: 10;
    color: #fff;
    text-align: left;
    max-width: 95%;
}

.bannerTextHeading h1 {
    line-height: 1 !important;
}

.bannerTextHeading.OneLine {
    top: 75%;
}

.bannerTextHeading.largeTextHeading {
    top: 52%;
}

.addressIcon {
    font-size: 30px;
}

.priorityCard {
    background-color: transparent !important;
    color: #fff;
    border: 1px solid #fff;
}

.priorityCard .card-title,
.priorityCard .card-text {
    color: #fff;
    font-family: 'Gilroylight', Arial, Helvetica, sans-serif;
}

.priorityCard .card-header {
    background-color: #fff !important;
    color: #275f2f;
    font-family: 'Gilroyextrabold', Arial, Helvetica, sans-serif;
    font-size: 20px;
}

#getInvolvedThreeBox .darkGreenBG {
    /* max-width: 24%; */
    color: #fff;
}

#getInvolvedThreeBox .darkGreenBG h3 {
    width: 100%;
    text-align: center;
}

#getInvolvedThreeBox .darkGreenBG h3 a {
    color: #fff !important;
    text-decoration: none;
    outline: 0;
    font-family: 'Gilroyextrabold', Arial, Helvetica, sans-serif;
    font-size: inherit;
    opacity: 0.8;
}

#getInvolvedThreeBox .darkGreenBG h3 a:hover {
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.main-wrapper.faqAccodian {
    padding-top: 10px !important;
}

#getInvolvedFAQs .card-header button.btn {
    text-align: left !important;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #fff !important;
    /* font-family:'Gilroyextrabold', Arial, Helvetica, sans-serif; */
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}

#getInvolvedFAQs .card-header button.btn .fa {
    float: right;
    color: #fff !important;
    font-weight: 400;
}

#getInvolvedFAQs .card-header {
    background: #275f2f;
    border-color: #275f2f;
    /* color: #fff; */
    border-radius: 0 !important;
}

#cardsInitiativeWrapper .card-body h3 {
    color: #275f2f;
}

header.main-wrapper .container-fluid {
    padding: 0;
}

#samIndialist,
#samIndialisthome,
.bulletedList {
    list-style-type: none;
}

#samIndialist li,
.bulletedList li {
    padding: 5px 0;
}

#samIndialisthome li {
    line-height: 2.5rem;
    font-size: 1.3rem;
}

#samIndialist li:before,
#samIndialisthome li:before,
.bulletedList li:before {
    content: ' ';
    background: url(../images/samIndiaBullets.png) no-repeat 0 0;
    background-size: 60%;
    position: absolute;
    width: 30px;
    height: 20px;
    margin-left: -30px;
    display: inline-block;
    margin-top: 5px;
}

#samIndialisthome li:before {
    margin-top: 10px;
}

.linkBlock {
    cursor: pointer;
}

.storyCard.linkBlock:hover h3,
.storyCard.linkBlock:hover p {
    color: #275f2f;
}

.greenGetInvolved-bg p {
    color: #fff;
}

.greenGetInvolved-bg h2 {
    line-height: 1;
}

#twoBoxContainer {
    margin-top: -60px !important;
    position: relative;
}

#twoBoxContainer .secTitle {
    color: #fff;
}

.boxHeader.headerBlackBlock {
    background: #0f0b07;
    max-width: 325px;
}

.boxHeader.headerGreenBlock {
    max-width: 650px;
    background: #275f2f;
    color: #fff;
}

.boxHeader.headerGreenBlock p {
    color: #fff;
}

div#becomeMemberForm {
    z-index: 9999;
}


/* Style for Footer starts here */

.footerLinksWrapper ul {
    list-style: none;
}

.footerCMAM {
    border-bottom: 20px solid #275f2f;
    padding-bottom: 20px !important;
}

.copyrightTextWrapper p.copyrightCMAM {
    font-size: 14px;
    margin-bottom: 0;
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

ul.social-network li {
    display: inline;
    margin: 0 12px;
}

ul.social-network li:nth-of-type(4) {
    margin-right: 0;
}

.hide {
    display: none;
}

.storyIconsWrapp img {
    max-width: 95px;
}

.pTop-0 {
    padding-top: 0 !important;
}

.pBottom-0 {
    padding-bottom: 0 !important;
}

.mTop-0 {
    margin-top: 0 !important;
}

.documentsCard .card-text {
    padding-bottom: 20px;
}

.modal-dialog.modal-dialog-centered {
    min-width: 50%;
}

.googleLocation iframe {
    border: 0;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #1DA1F2;
}

.social-network a.icoYoutube:hover {
    background-color: #ff0000;
}

.social-network a.icoInsta:hover {
    background-color: #8a3ab9;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoYoutube:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoInsta:hover i {
    color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-network a {
    background-color: #275f2f;
}

.footerLinksWrapper li a {
    color: #000;
    text-decoration: none;
    transition: all .3s;
    text-transform: uppercase;
}

.footerLinksWrapper li a:hover,
.footerLinksWrapper li a:focus {
    color: #3c824a;
}

@media only screen and (max-width: 1368px) {
    .footerSocialProfile {
        /* text-align: left !important; */
    }
    .row {
        margin: 0 !important;
    }
    .getInvoledSecton,
    .gray-bg,
    #becomeMember,
    .darkGreenBG {
        margin-left: -15px;
        margin-right: -15px;
    }
    #getInvolvedFAQs .card-header button.btn {
        line-height: normal;
        white-space: normal;
    }
}

@media screen and (max-width: 1200px) and (min-width: 991px) {
    .footerlogo img {
        width: 220px;
        height: auto;
    }
}

@media only screen and (max-width: 990px) {
    .mpy-0 {
    padding-bottom: 0px!important;
}
.mpt-0 {
    padding: 0px 20px 0px 20px!important;
}
.imgBlockNutrician img {
    margin-bottom: 20px;
}
    .main-wrapper {
        max-width: 100% !important;
        /* padding: 20px !important; */
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .navCustom {
        position: absolute;
        padding: 20px;
    }
    .logo-mobile {
        display: block;
    }
    .sliderCMAM {
        margin-top: 0;
        /* position: absolute; */
    }
    .block-separator,
    .our-story {
        border: 0;
        margin-bottom: 30px;
        padding-left:0px!important;
        padding-right:0px!important;
    }
    h1,
    .title {
        font-size: 50px;
        line-height: 1;
    }
    h2,
    .secTitle,
    h2 span {
        font-size: 40px;
        line-height: 1;
    }
    h3,
    .sectionTitle {
        font-size: 20px;
        line-height: 1;
    }
    .smallHeading {
        font-size: 30px;
    }
    .footerLinksWrapper li a {
        font-size: 14px !important;
    }
    .copyrightTextWrapper {
        padding-top: 0 !important;
    }
    .container-fluid {
        padding: 0 !important;
    }
    .footerCMAM {
        padding: 20px !important;
    }
    #CMAMNavbarToggler .navbar-nav {
        text-align: right;
    }
    #CMAMNavbarToggler .navbar-nav .dropdown-menu {
        /* max-width: 50%; */
        float: right;
    }
    .navbar-dark .navbar-toggler {
        border: 0;
    }
    .navbar-dark .navbar-toggler {
        border: 0 !important;
        outline: 0;
    }
    .padding-50 {
        padding:20px !important;
    }
    .sliderCMAM .carousel-indicators {
        bottom: 60px;
    }
    .carousel-caption {
        top: 35%;
    }
    .bannerInternalPages {
        margin-top: 0;
        max-height: 400px;
    }
    .bannerTextHeading {
        top: 45%;
        left: 25px;
    }
    .bannerTextHeading.largeTextHeading {
        top: 35%;
    }
    .bannerTextHeading.OneLine {
        top: 65%;
    }
    .imgSmall {
        display: block;
    }
    .imgLarge {
        display: none;
    }
    .dropdown-menu.show {
        border: 0 !important;
    }
    #CMAMNavbarToggler .navbar-nav {
        text-align: right;
        float: right;
        margin-right: -20px;
        box-shadow: 1px 2px 7px #797373;
        background: #fff;
        min-width: 270px;
    }
    #CMAMNavbarToggler li.nav-item {
        background: #fff;
        padding: 0 40px;
    }
    #CMAMNavbarToggler li.nav-item:nth-of-type(1) {
        padding-top: 20px;
    }
    #CMAMNavbarToggler li.nav-item:nth-last-of-type(1) {
        padding-bottom: 20px;
    }
    #CMAMNavbarToggler li.nav-item a {
        color: #000;
    }
    #CMAMNavbarToggler li.nav-item a:hover,
    li.nav-item a:focus,
    li.nav-item a:visited {
        color: #35e753;
    }
    #getInvolvedFAQs .card-header button.btn {
        line-height: normal;
        white-space: normal;
    }
    
.boxHeader.headerBlackBlock {
    background: #0f0b07;
    max-width: 100%;
    width: 100%;
}    
.mobile-threeBoxContainer{width:100%;display:block;}
#threeBoxContainer .boxHeader {
    max-width: 100%;
    background: #275f2f;
    text-align: left;
    color: #fff;
    padding: 0px 39px;
}
.bannerInternalPages {
    /*margin-top: -200px;*/
    height: 300px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
}

}

@media screen and (max-width: 990px) and (min-width: 768px) {
    .copyrightTextWrapper {
        padding-top: 0 !important;
    }
    .footerSocialProfile {
        padding-top: 30px !important;
    }
    .iconContainer {
        padding-top: 10px !important;
    }
}

@media only screen and (max-width: 767px) {
    mpy-0 {
    padding-bottom: 0px!important;
}
    .footerlogo {
        padding: 30px 15px;
    }
    .rightImgBlock {
        order: -1;
    }
    .carousel-caption p,
    .bannerTextHeading p {
        font-size: 20px;
    }
    #getInvolvedTemplate #getInvolvedThreeBox {
        display: block !important;
    }
    #getInvolvedTemplate #getInvolvedThreeBox .darkGreenBG {
        width: 80% !important;
        color: #fff;
        padding: 50px 20px !important;
        margin: 20px auto !important;
        display: block !important;
    }
    h1,
    .title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 580px) {
    .our-storyRight .d-flex {
        max-width: 100% !important;
        margin: 15px 0;
    }
    h1,
    .title {
        font-size: 35px;
    }
    .carousel-item {
        min-height: 285px;
    }
}

@media only screen and (max-width: 470px) {
    h1,
    .title {
        font-size: 24px;
        line-height: 1.1;
    }
    .carousel-caption {
        left: 40px;
    }
    .navbar-brand img {
        max-width: 220px;
    }
    .carousel-caption {
        top: 26%;
    }
    .carousel-item {
        min-height: 235px;
    }
    h2,
    .secTitle,
    h2 span {
        font-size: 28px;
    }
    #twoBoxContainer .secTitle {
        text-align: center;
    }
}

@media only screen and (min-width: 991px) {
    .footerlogo {
        /* padding: 0; */
    }
    #getInvolvedbecomeMember .modal-dialog {
        min-width: 600px;
    }
    .imgSmall {
        display: none;
    }
}