@charset "utf-8";

a:hover, a:focus, a:focus img, input, div, button, textarea:focus-within {text-decoration: none;outline: none;}

body {color: #8f8da3;font-size: 16px;line-height: 1.5;font-family: 'Cabin', sans-serif;}

.FL {float: left;}
.FR {float: right;}

ul {list-style: none;}

.hideDesk {display: none;}
.ovH {overflow: hidden;}
.clB {clear: both;}

.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background:url(../images/preloader_2.gif) center no-repeat #fff;
}

h1 {color: #f93348;margin: 0;padding: 15px 0;font-weight: 700;font-size: 40px;}

section.header {position: absolute;top: 0;z-index: 10;width: 100%;padding-top: 46px;}
    section.header .topSocial {padding-top: 9px;}
    section.header .topSocial a.tw {margin:0 13px;}

section.sction2Wrap {color: #9fafc1;font-size: 18px;background: url(../images/section2-bg.png);background-position: left top;  background-repeat: no-repeat;padding:140px 0 80px;background-size: cover;overflow: hidden;}
    section.sction2Wrap h1 {margin-top: 20px;}
    section.sction2Wrap .sction2WrapLeft {padding: 15% 0 0;}
    section.sction2Wrap .sction2WrapRight {padding: 26% 0 0 10%;}

section.theChallengeWrap {color: #9fafc1;font-size: 22px;text-align: center;background: url(../images/challenge-bg.png);background-position: left top;  background-repeat: no-repeat;padding: 90px 0 130px;overflow: hidden;margin-top: 5%;clear: both;}
    section.theChallengeWrap h1 {margin:50px 0 40px; padding: 0;}

section.theNeedWrap {background: url(../images/the-need-bg.png); background-position: center center;  background-repeat: no-repeat;  background-size: cover;padding: 170px 0 170px;overflow: hidden;}
    section.theNeedWrap h1 {color: #ffffff;font-size: 48px;}
    section.theNeedWrap h1 span {font-size: 62px;}

section.sahayogFoundationWrap {background:#f3f3f3;padding: 110px 0;overflow: hidden;}
    section.sahayogFoundationWrap h1 {color: #3b4754;font-size: 40px;margin:15px 0 30px;}
    section.sahayogFoundationWrap p {font-size: 18px;}
    section.sahayogFoundationWrap h3 {color: #3b4754;font-size: 24px;margin: 40px 0 20px;}
    section.sahayogFoundationWrap a.getInTouchBtn {font-weight: 700;font-size: 18px;color: #ffffff;padding: 10px 35px;background-color: #f93348;border-radius: 50px;display: inline-block;transition: 0.5s;border: 1px solid #f93348;cursor: pointer;}
        section.sahayogFoundationWrap a.getInTouchBtn:hover {color: #ffffff;background-color: #ff001b;border: 1px solid #f93348;}
    section.sahayogFoundationWrap .sahayogFoundationWrapR {padding-left: 30px;}

section.whatWeDoWrap {text-align: center;padding: 110px 0;overflow: hidden;}
    .whatWeDoDetailsWrap {margin-top: 70px;overflow: hidden;}
        .whatWeDoDetailsWrap .whatWeDoDetails {padding: 0;}
        .whatWeDoDetailsWrap .whatWeDoDetails .whatWeDoDetail {padding: 25px 15px;background-color:#f9f9f9;border-radius: 30px;}
            .whatWeDoDetailsWrap .whatWeDoDetails .whatWeDoDetail .titleWhat {color: #f93348;font-weight: 700;display: block;font-size: 20px;}
            .whatWeDoDetailsWrap .whatWeDoDetails .whatWeDoDetail.whatWeDoDetail2 {margin-bottom: 60px;}
            .whatWeDoDetailsWrap .whatWeDoDetails .whatWeDoDetail1 {margin-top: 45%;}

.howHelpWrap {text-align: center;padding: 100px 0;overflow: hidden;background:#f9f9f9;}
    .howHelpContent {overflow: hidden;}
    .howHelpContentBox {margin-top: 50px;overflow: hidden;}
        .howHelpContentBox h3 {color: #3b4754;font-size: 20px;font-weight: 700;padding: 0;margin: 0 0 10px;}
        .howHelpContentBox p {margin-bottom: 30px;}
        .howHelpContentBox img {float: right;}

section.teamSahayogWrap {background: url(../images/team-sahayog-bg.png); background-position: right;background-repeat: no-repeat;padding: 170px 0 150px;text-align: center;overflow: hidden;}
    section.teamSahayogWrap h1 {margin-bottom: 100px;}
    section.teamSahayogWrap .teamSahayogCnt {padding: 0 40px;}

    section.teamSahayogWrap .container1 { margin-bottom: 70px; position: relative;}

    section.teamSahayogWrap .image {  display: block;  width: 100%;  height: auto;border-radius: 40px;}

    section.teamSahayogWrap .overlay {  position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;border-radius: 40px;background: url(../images/flashy-overlay-bg.png) repeat;}

    section.teamSahayogWrap .container1:hover .overlay {  opacity: 1;border-radius: 40px;}

    section.teamSahayogWrap .text {  color: white;  font-size: 20px;  position: absolute;  top: 30%;  left: 0; text-align: center; width: 100%;
      -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%); 
    }
    section.teamSahayogWrap .text span {display: block;}
    section.teamSahayogWrap .text span.teamName {font-weight: 700;font-size: 26px;}
    section.teamSahayogWrap .text span.teamViewProfile {font-weight: 500;font-size: 16px;border-radius: 30px;background-color: #ffffff;color: #f93348;display: inline-block;padding: 8px 30px;margin-top: 25px;}

    .flashy-overlay .flashy-numeration.flashy-show {display: none;}

    .flashy-overlay .flashy-close {background: url(../images/flashy-close-btn.png) no-repeat center center;width: 60px;height:60px;top: 4%;right: 2%;opacity: 1;}
    .flashy-overlay .flashy-close:hover {opacity: 0.8;}
    .flashy-container .flashyContentImg img {border-radius: 30px;}
    .flashy-container .flashyContentHead {color: #f93348;margin: 20px 0 10px;}
    .flashy-container .flashyContentHead .sep {color: #8f8da3;font-size: 24px;padding: 0 5px;}
    .flashy-container .flashy-content span.teamName {font-weight: 700;font-size: 26px;}

    .flashy-overlay  {background: url(../images/flashy-overlay-bg.png) repeat;}

    .flashy-overlay .flashy-next {background: url(../images/flashy-next-btn.png) no-repeat center center;width: 77px;height:67px;}
    .flashy-overlay .flashy-prev {background: url(../images/flashy-prev-btn.png) no-repeat center center;width: 77px;height:67px;}

section.joinUsWrap {background: url(../images/join-us-bg.jpg); background-position: right;  background-repeat: no-repeat;  background-size: cover;padding: 90px 0 100px;text-align: center;}
    section.joinUsWrap h2 {font-weight: 700;font-size: 50px;color: #ffffff;margin: 0 0 30px;padding: 0;}
    section.joinUsWrap a {font-weight: 700;font-size: 24px;color: #3b4754;padding: 12px 40px;background-color: #ffffff;border-radius: 50px;display: inline-block;transition: 0.5s;cursor: pointer;}
    section.joinUsWrap a:hover {color: #ffffff;background-color: #3b4754;}

    section.joinUsWrap h3 {font-weight: 700;font-size: 50px;color: #434343;margin: 0 0 30px;padding: 0;}

    section.joinUsWrap .closeBtn {position: absolute;border:0;background: none; top: 4%; right: 2%; z-index: 2; }
    section.joinUsWrap .modal-content {border:0; box-shadow: none;}
    .modal-open .modal {background: url(../images/flashy-overlay-bg.png) repeat;}
    .modal-content {border-radius: 30px; background-color: #dddddd;color: #4b4b4b;}

    #page-wrap { padding: 20px; margin: 0px auto;overflow: hidden;}

        #contact-area { margin-top: 25px;overflow: hidden;}

        #contact-area input, #contact-area textarea {width: 100%; font-size: 1.4em; margin: 0px 0px 10px 0px; border: 1px solid #fff;font-size: 16px;color:#4b4b4b;padding: 7px 15px;border-radius: 40px;}
        #contact-area textarea {padding: 7px 17px;}

        #contact-area textarea:focus, #contact-area input:focus { border: 1px solid #ff001b;}

        #contact-area input.submit-button {border-radius: 30px;background:#4b4b4b;color: #ffffff;font-size: 16px; display: inline-block;    width: auto;padding: 10px 30px;border: none;transition: 0.5s; }
        #contact-area input.submit-button:focus { border: none;}



section.contactUsWrap {padding: 90px 0 100px;text-align: center;font-size: 26px;color: #ffffff; background-image: url("../images/con-bg.jpg");

      /* Set a specific height */
      min-height: 400px; 

      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    section.contactUsWrap h1 {margin-bottom: 50px;color: #ffffff;}
    section.contactUsWrap p {margin-bottom: 25px;}
    section.contactUsWrap a {color: #ffffff;font-weight: 400;}
    section.contactUsWrap .locationWrap {margin:60px 0;}

footer {font-size: 14px;color: #9fafc1;padding: 25px 0;overflow: hidden;}
    footer .copyRight {padding-top: 13px;}
    footer .designedBy {padding-top: 13px;text-align: right;}
    footer .designedBy a {color: #707b88;}
    footer .designedBy a:hover {color: #999999;}

.thankYouPageWrap {margin: 0;padding: 0;}
    .thankYouPageWrap #page-wrap {margin: 0;padding: 0;}
    .thankYouPage {background-color: #f93348;color: #ffffff;height: 100vh;}
    .thankYouPage h1 {color: #ffffff;margin:0;padding-top: 20%; }




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

    .hideMob {display: none;}
    .hideDesk {display: block;}
    .noPaddingMob {padding: 0;}
    section.header {padding-top: 20px;}
    section.sction2Wrap .sction2WrapRight { padding: 10% 0 0 0;}
    section.sction2Wrap {padding: 50px 0 20px;background: none;}
    footer .copyRight {text-align: center;padding-bottom: 13px;}
    footer .designedBy {text-align: center;}
    section.theNeedWrap {padding: 50px 10px 50px;background: red;}
    section.sahayogFoundationWrap .sahayogFoundationWrapR { padding-left: 0px;}
    section.teamSahayogWrap {padding: 110px 0 30px;}
    section.teamSahayogWrap h1 {margin-bottom: 50px;}
    #page-wrap {padding: 20px 0;}
    section.teamSahayogWrap .teamSahayogCnt { padding: 0 15px; }
    .whatWeDoDetailsWrap {margin-top: 20px;}
    .whatWeDoDetailsWrap .whatWeDoDetails .whatWeDoDetail, .whatWeDoDetailsWrap .whatWeDoDetails .whatWeDoDetail.whatWeDoDetail2 {margin-bottom: 8%}
    .howHelpContentBox img { float: none; text-align: center; display: inline-block;}
    .flashy-container .flashyContentHead .sep {display: none;}
    .flashy-container .flashy-content {padding: 30px 40px;}
    .flashy-overlay .flashy-close {opacity: 1;width: 37px; height: 37px;top: 0;right: 0;}
    .tinyslide figure figcaption {bottom: 46%; line-height: 35px;font-size: 28px; }
    section.contactUsWrap { padding: 80px 10px 80px 10px;}
    section.contactUsWrap a { font-size: 20px;}

}