body {

    background: #f1f1f1;

    font-family: 'PT Sans', sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

}



/*-------------*/





header {

    position: absolute;

    width: 100%;

    height: auto;

    z-index: 9;

}



.logo {

    margin-top: 5px;

    margin-bottom: 5px;

}

#homepage {
    height:100vh;
}
 
 #homepage::before {
     content: '';
    width:100%;
    position:absolute;
    height:100%;
    overflow:hidden;
    background:#fff6 url('../images/IMG_3376_Verity-new.png');
    background-size: cover;
    background-repeat: no-repeat;
    filter: opacity(0.5) grayscale(1);
}
  
  .iyf_logo {text-align: center;
    margin-bottom: 30px;}
  .btn1 {text-align:end;}  
.site_link {    background-color: #428e34;
    color: #fff;
    border-color: transparent;
    padding: 1px 44px;}    
.position-box {    
    position: absolute;
    top: 37%;
    left: 29%;
    right: 29%;
}

.position-box .col-xs-12 {margin-bottom:30px;text-align:center;}


#fullpage .section,

.section .bg-image {

    height: 100vh;

}



.button_container {

    /*    position: relative;

    top: 3.7%;

    right: 2%;

    height: 27px;

    width: 45px;

    cursor: pointer;

    z-index: 100;

    -webkit-transition: opacity .25s ease;

    transition: opacity .25s ease;*/

    position: relative;

    top: 3.7%;

    right: 2%;

    height: 27px;

    width: 45px;

    cursor: pointer;

    z-index: 100;

    -webkit-transition: opacity .25s ease;

    transition: opacity .25s ease;

    float: right;

    margin-top: 40px;



}



.button_container:hover {

    opacity: .7;

}



.button_container.active .top {

    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);

    transform: translateY(11px) translateX(0) rotate(45deg);

    background: #FFF;

}



.button_container.active .middle {

    opacity: 0;

    background: #FFF;

}



.button_container.active .bottom {

    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);

    transform: translateY(-11px) translateX(0) rotate(-45deg);

    background: #FFF;

}



.button_container span {

    background: #FFf;

    border: none;

    height: 3px;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transition: all .35s ease;

    transition: all .35s ease;

    cursor: pointer;

}



.button_container span:nth-of-type(2) {

    top: 11px;

}



.button_container span:nth-of-type(3) {

    top: 22px;

}



.overlay {

    position: fixed;

    background: #459d34;

    top: 0;

    left: 0;

    width: 100%;

    height: 0%;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity .35s, visibility .35s, height .35s;

    transition: opacity .35s, visibility .35s, height .35s;

    overflow: hidden;

}



.overlay.open {

    opacity: .9;

    visibility: visible;

    height: 100%;

}



.overlay.open li {

    -webkit-animation: fadeInRight .5s ease forwards;

    animation: fadeInRight .5s ease forwards;

    -webkit-animation-delay: .35s;

    animation-delay: .35s;

}



.overlay.open li:nth-of-type(2) {

    -webkit-animation-delay: .4s;

    animation-delay: .4s;

}



.overlay.open li:nth-of-type(3) {

    -webkit-animation-delay: .45s;

    animation-delay: .45s;

}



.overlay.open li:nth-of-type(4) {

    -webkit-animation-delay: .50s;

    animation-delay: .50s;

}



.overlay nav {

    /* position: relative;

    height: 70%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 45px;

    font-weight: 400;

    text-align: center;

    position: absolute;*/

    /* height: 100%; */

    top: 50%;

    transform: translate(-50%, -50%);

    font-size: 45px;

    font-weight: 400;

    text-align: center;

    left: 50%;

    position: absolute;

}



.overlay ul {

    list-style: none;

    padding: 0;

    margin: 0 auto;

    display: inline-block;

    position: relative;

    height: 100%;

}



.overlay ul li {

    display: block;

    line-height: 2;

    position: relative;

    opacity: 0;

}



.overlay ul li a {

    display: block;

    position: relative;

    color: #FFF;

    text-decoration: none;

    overflow: hidden;

}



.overlay ul li a:hover:after,

.overlay ul li a:focus:after,

.overlay ul li a:active:after {

    width: 100%;

}



.menu .donate {

    margin-top: 20px;

}



.menu .donate a {

    background: #EC1E79;

    line-height: 1;

    padding: 10px 20px 10px;

    text-transform: uppercase;

}



.overlay ul li.donate a:after {

    display: none;

}



.overlay ul li a:after {

    content: '';

    position: absolute;

    bottom: 1px;

    left: 50%;

    width: 0%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    height: 3px;

    background: #FFF;

    -webkit-transition: .35s;

    transition: .35s;

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        left: 20%;

    }

    100% {

        opacity: 1;

        left: 0;

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        left: 20%;

    }

    100% {

        opacity: 1;

        left: 0;

    }

}





/*-------*/



.no-padding {

    padding: 0;

}



.impacte-page2,

.impacte-page3 {

    background-color: #d3145a;

}



.home-page1 {

    background-image: url(../images/IYF-Website-Layout_V7-2.jpg);

    background-position: center center;

    background-size: cover;

}



.home-page2 .bg-image {

    background-image: url(../images/IYF-Website-Layout_V7-3.jpg);

    background-position: -179px top;

    background-repeat: no-repeat;

}



.home-page3 .bg-image {

    background-image: url(../images/IYF-Website-Layout_V7-1.jpg);

    background-position: top right;

    background-repeat: no-repeat;

}



.programs-page1 {

    background-image: url(../images/IYF-Website-Layout_V7-4.jpg);

    background-position: center center;

    background-size: cover

}



.programs-page1.donation {

    background-image: url(../images/donation-banner1.png);

    background-position: center center;

    background-size: cover

}



.programs-page2 .bg-image {

    background-image: url(../images/IYF-Website-Layout_V7-5.jpg);

    background-position: -194px top;

    background-repeat: no-repeat;

}



.programs-page3 .bg-image {

    background-image: url(../images/IYF-Website-Layout_V7-6.jpg);

    background-position: 0 top;

    background-repeat: no-repeat;

}





.impacte-page1 {

    background-image: url(../images/inpact-photo-banner.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.impacte-page2 .bg-image {

    background-image: url(../images/IYF-Website-Layout_V7-10.jpg);

    background-position: left center;

    background-size: cover;

    background-repeat: no-repeat;



}



.impacte-page3 .bg-image {

    background-image: url(../images/IYF-Website-Layout_V7-12.jpg);

    background-position: left center;

    background-size: cover;

    background-repeat: no-repeat;



}



.impacte-page2 .circle {

    background: #fff;

    right: -295px;

    bottom: 15%;

    max-width: 590px;

    max-height: 590px;

    padding: 0 20px;

}



.impacte-page2 .circle:before {

    background: rgba(255, 255, 255, 0.5);

    position: absolute;

    width: 107%;

    left: -20px;

    height: 0;

    height: 107%;

    content: '';

    border-radius: 100%;

    top: -20px;

}



.impacte-page2 .circle h1 {

    font-size: 180px;

    color: #d3145a;

}



.impacte-page2 .circle p {

    color: #58595b;

    font-size: 38px;

}



.impacte-page2 .circle h2 {

    color: #ec1e79;

    font-weight: 700;

    font-size: 65px;

    text-transform: uppercase;

}



.impacte-page3 .circle {

    background: #f6921e;

    max-width: 488px;

    left: -244px;

    max-height: 488px;

    bottom: 18%;

}



.impacte-page3 .circle h1 {

    color: #fff;

    font-size: 60px;

}



.home-page1,

.home-page2,

.home-page3,

.programs-page1,

.programs-page2,

.programs-page3,

.impacte-page1,

.impacte-page2,

.impacte-page3,

.aboutus-page1 {

    position: relative;

}



.circle {

    border-radius: 100%;

    position: absolute;

    width: 100%;

    height: 100%;

}



.programs-page1 .circle {

    background: #ec1e79;

    right: 10%;

    bottom: 27%;

    max-width: 374px;

    max-height: 374px;

    padding: 0 20px;

}



.programs-page2 .circle {

    background-image: url(../images/programs-2-circle.png);

    background-position: center center;

    right: -315px;

    bottom: 16%;

    max-width: 550px;

    max-height: 550px;

    border-radius: 0;

    background-size: cover;

}



.programs-page3 .circle {

    background-image: url(../images/programs-3-circle.png);

    background-position: center center;

    left: -325px;

    bottom: 80px;

    max-width: 650px;

    max-height: 650px;

    border-radius: 0;

    background-size: cover;

}



.top-left-text {

    padding-top: 10px;

    margin-left: 20px;

}



.top-right-text {

    padding-top: 10px;

    margin-right: 20px;

    float: right;

}



.top-left-text h1,

.top-right-text h1 {

    color: #ec1e79;

    font-size: 85px;

    text-transform: uppercase;

    font-weight: 700;

}



.top-left-text h2,

.top-right-text h2 {

    font-size: 24px;

    color: #000;

    font-weight: 700;

}



.top-right-text h2 {

    color: #fff;

    text-align: right;

    line-height: 1.2;

}



.home-page1 .circle {

    background: #f6921e;

    right: 10%;

    bottom: 10%;

    max-width: 374px;

    max-height: 374px;

    padding: 0 20px;

}



.home-page1 .circle h1,

.home-page2 .circle h1,

.home-page3 .circle h1,

.programs-page1 .circle h1 {

    color: #fff;

    font-weight: 700;

}



.home-page1 .circle h1 {

    font-size: 36px;

    line-height: 1.2;

}



.home-page2 .circle h1 {

    font-size: 60px;

    margin-bottom: 20px;

}



.home-page2 .circle p {

    font-size: 24px;

    color: #fff;

    margin-bottom: 20px;

}



.home-page2 .circle p span {

    color: #ffff00;

    font-weight: 700;

}



.home-page3 .circle h1 {

    font-size: 49.1px;

    font-weight: 700;

    color: #231f20;

    margin-bottom: 20px;

}



.home-page3 .circle h2 {

    font-size: 32px;

    font-weight: 700;

    color: #231f20;

    margin-bottom: 5px;



}



.home-page3 .circle p {

    font-size: 24px;

    color: #231f20;

    margin-bottom: 20px;

}



.home-page3 .circle p span {

    color: #e11f2a;

    font-weight: 700;

}



.home-page3 .circle p span.span2 {

    font-size: 32px;

}





.home-page2 .circle {

    background: #00a8d2;

    max-width: 520px;

    right: -243px;

    max-height: 520px;

    bottom: 18%;

    width: 100%;

    height: 520px;

}



.home-page3 .circle {

    background: #d8df21;

    max-width: 580px;

    max-height: 580px;

    left: -23em;

    bottom: 15%;

}



.circle .inner-panel {

    margin: 0 auto;

    position: relative;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

}



.home-page3 .circle .inner-panel {

    top: 48%;

}



.circle a.arrow {

    background-image: url(../images/home-down-arrow.png);

    background-position: center center;

    background-repeat: no-repeat;

    width: 60px;

    height: 60px;

    display: block;

    position: absolute;

    bottom: 30px;

    left: 50%;

    transform: translateX(-50%);

    overflow: hidden;

}



.circle a.arrow.black-arrow {

    background-image: url(../images/home-down-arrow-black.png);

}



.programs-page2 .circle a.arrow {

    bottom: -20px;

    left: 55%;

}



.circle a.donate {

    background: #ec1e79;

    width: 172px;

    height: 172px;

    display: block;

    position: absolute;

    bottom: -66px;

    left: 50%;

    border-radius: 100%;

    transform: translateX(-50%);

    text-align: center;

    line-height: 172px;

    color: #fff;

    font-size: 32px;

    font-weight: 700;

    text-decoration: none;

}



.circle .inner-panel p {

    line-height: 1.3;

}



.home-page2 .circle .inner-panel {

    padding: 0 80px;

}



.home-page3 .circle .inner-panel {

    padding: 0 70px;

}



.program1-bottom {

    padding: 30px 50px;

    background: #fff;

    position: absolute;

    bottom: 0;

    width: 100%;

    text-align: left;

    display: none;

}



.program1-bottom h1,

.program-bottom-info {

    display: inline-block;

}



.program1-bottom h1 {

    color: #29aae1;

    font-size: 86px;

    font-weight: bold;

}



.program-bottom-info {

    margin-left: 20px;

}



.program1-bottom p {

    color: #808080;

    margin: 0;

    vertical-align: text-bottom;

    line-height: 1.2;

    font-size: 32px;

    font-weight: 700;

}





.impacte-page1 .circle {

    background: #f6921e;

    right: 10%;

    bottom: 10%;

    max-width: 374px;

    max-height: 374px;

    padding: 0 20px;

}



.impacte-page1 .circle h1 {

    font-size: 36px;

    color: #fff;

    font-weight: 700;

}



.impacte-page4 .menu-image {

    width: 100%;

}



.impacte-page4 .menu-image li {

    width: 33%;

    float: left;

}



.impacte-page4 {

    background: #fff;

}



.impacte-page4 figure {

    margin: 0 auto;

    text-align: center;

}



/*--- BACK to TOP -----*/



#return-to-top {

    position: fixed;

    bottom: 90px;

    right: 20px;

    background: rgb(0, 0, 0);

    background: #e8bf88;

    width: 50px;

    height: 50px;

    display: block;

    text-decoration: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    display: none;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 9999;

}



#return-to-top i {

    color: #fff;

    margin: 0;

    position: relative;

    left: 16px;

    top: 13px;

    font-size: 19px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#return-to-top:hover {

    background: #f7dcb8;

    /*  bottom: 25px; */

}



#return-to-top:hover i {

    color: #fff;

}



/*--- BACK to TOP END -----*/



/*--- IMAGE HOVER EFFECTS ---*/



.content .content-overlay {

    background: rgba(0, 0, 0, 0.7);

    position: absolute;

    height: 99%;

    width: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out 0s;

    -moz-transition: all 0.4s ease-in-out 0s;

    transition: all 0.4s ease-in-out 0s;

    border-radius: 50%;

}



.image-effects .content a {

    /*    display: inline-block;*/

}



.content:hover .content-overlay {

    opacity: 1;

}



.content-image {

    width: 100%;

}



.content-details {

    position: absolute;

    text-align: center;

    padding-left: 1em;

    padding-right: 1em;

    width: 100%;

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: all 0.3s ease-in-out 0s;

    -moz-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}



.content:hover .content-details {

    top: 50%;

    left: 50%;

    opacity: 1;

}



.image-effects {

    position: relative;

    list-style: none;

    padding: 30px;

}



.image-effects .content {

    overflow: hidden;

    margin: 0 auto;

}



.content-details h3 {

    color: #fff;

    font-weight: 500;

    letter-spacing: 0.15em;

    margin-bottom: 0.5em;

    text-transform: uppercase;

}



.content-details p {

    color: #fff;

    font-size: 0.8em;

}



.fadeIn-top {

    top: 20%;

}



/*-- Footer --*/



.footer_donate_link:hover,

.footer_donate_link:focus {

    text-decoration: none;

}



footer .footerinfo {

    width: 100%;

    padding: 50px 0;

    background-color: #bccbd3;

    text-align: center;

}



.footerinfo span {

    display: inline-block;

    padding-right: 40px;

    border-right: #b2b2b2 1px solid;

    padding: 20px 40px 20px 0;

    font-size: 18px;

    font-weight: 700;

    font-family: 'PT Sans', sans-serif;

    color: #000;

}



.footer_donate_link {

    background-color: #EC1E79;

    color: #fff;

    width: 104px;

    height: 104px;

    line-height: 104px;

    vertical-align: middle;

    border-radius: 50%;

    display: inline-block;

    font-size: 21px;

    font-family: 'PT Sans', sans-serif;

    font-weight: 700;

    margin-left: 30px;

}



.footer_donate_link:hover {

    color: #fff;

}





/*---- Programs ----*/



.top-left-text {

    position: absolute;

    top: 30px;

}



.top-right-text {

    position: absolute;

    right: 10px;

    top: 30px;

}





footer .footerinfo {

    width: 100%;

    padding: 40px 0 30px;

    background-color: #bccbd3;

    text-align: center;

}



.footerinfo span {

    display: inline-block;

    padding-right: 40px;

    border-right: #b2b2b2 1px solid;

    padding: 20px 40px 20px 0;

    font-size: 18px;

    font-weight: 700;

    font-family: 'PT Sans', sans-serif;

    color: #000;

}



.footerinfo span a {

    color: #000;

}



.footerinfo span a:hover {

    text-decoration: none;

}



.footerinfo span a:focus {

    outline: none;

}



.footer_donate_link {

    background-color: #EC1E79;

    color: #fff;

    width: 104px;

    height: 104px;

    line-height: 104px;

    vertical-align: middle;

    border-radius: 50%;

    display: inline-block;

    font-size: 21px;

    font-family: 'PT Sans', sans-serif;

    font-weight: 700;

    margin-left: 30px;

}



.footer_donate_link:hover {

    color: #fff;

}



/*---- FAQ ---*/



.faq-page1 {

    background-image: url(../images/faq-banner.jpg);

    background-position: left top;

    background-repeat: no-repeat;

    position: relative;

    background-size: cover;

    height: 100vh;

}



.faq-page1 .circle {

    background: rgba(246, 146, 30, 0.7);

    right: 10%;

    bottom: 15%;

    max-width: 362px;

    max-height: 362px;

    padding: 0 20px;

}



.faq-page1 .circle h1 {

    color: #fff;

    font-weight: 700;

    font-size: 36px;

    line-height: 48px;

}



.faq-page1 .circle a.arrow {

    bottom: 5%;

}



.page-title {

    position: absolute;

    left: 5%;

    top: 50%;

    transform: translateY(-50%);

}



.faq_list_wrapper {

    padding: 160px 45px 45px;

    background: #fff;

}



.faqlist .glyphicon {

    background-color: #D8DF21;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    margin-right: 10px;



}



.faqlist .panel-default > .panel-heading {

    color: #000;

    background-color: transparent;

    border-color: transparent;

    border: 0px none;

    border-radius: 0px;

    box-shadow: none;

}



.faqlist .panel-default > .panel-heading + .panel-collapse > .panel-body,

.panel-group .panel {

    border-top: 0px none;

    box-shadow: none;

}



.faqlist .panel-default {

    border: 0px none;

}



.faqlist .panel-default > .panel-heading + .panel-collapse > .panel-body {

    padding-left: 70px;

    padding-top: 0;

}



.faqlist .panel-title {

    font-family: 'PT Sans', sans-serif;

    font-size: 18px;

    font-weight: 700;

}



.faqlist .panel-body p {

    font-size: 14px;

    font-family: 'PT Sans', sans-serif;

}





.faqlist .panel-title a:hover,

.faqlist .panel-title a:focus {

    text-decoration: none;

}



.mob-image {

    display: none;

}





/* Story Styyle */



.user_large_img span {

    display: inline-block;

    position: relative;

}



.user_large_img span a {

    position: absolute;

    background: rgba(0, 168, 210, 0.8);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    opacity: 0;

    top: 0;

    left: 0;



    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;



    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);



    -webkit-backface-visibility: hidden;



}



.user_large_img span:hover a {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;



}



.user_large_img span a {

    color: #fff;

    font-size: 46px;

    line-height: 52px;

    font-family: 'PT Sans', sans-serif;

    display: block;

    cursor: pointer;

}



.user_large_img span:hover a {

    text-decoration: none;

}



.user_large_img span figure {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

}



h3.user_name {

    font-size: 46px;

    line-height: 52px;

    font-family: 'PT Sans', sans-serif;

    font-weight: 700;

    color: #00A8D2;

    margin-bottom: 20px;

}



.user_info p {

    margin: 0 0 20px 0;

}



.user_toplist {

    padding: 50px 0;

}



.user_info_list_wrapper {

    margin-bottom: 40px;

}



.user_info_list_wrapper img {

    display: inline-block;

}



.video_link {

    display: block;

    text-align: left;

    margin-top: 20px;

}



.video_link a {

    color: #00A8D2;

    font-size: 18px;

    font-family: 'PT Sans', sans-serif;

    font-weight: 700;

}



.video_link a:hover {

    text-decoration: none;

    color: #00A8D2;

}



.video_link a:focus {

    outline: none;

    border: 0px none;

    text-decoration: none;

}





.footer_donate_link:focus {

    color: #fff;

}



/* About Us Style */



.aboutus-page1 {

    background-image: url(../images/aboutusmainbg.jpg);

    background-position: center center;

    background-size: cover;

}



.aboutus-page1 .circle {

    background: #ec1e79;

    right: 8%;

    bottom: 20%;

    max-width: 337px;

    max-height: 337px;

    padding: 0 20px;

}



.aboutus-page1 h1 {

    color: #fff;

    font-weight: 700;

}



.our_mission {

    padding: 50px;

    background-color: #fff;

}



.our_mission h3,

.our_team_wrapper h3,

.adviosry_board_wrapper h3,

.supporters_wrapper h3,

.partners_wrapper h3 {

    color: #D3145A;

    font-size: 50px;

    font-weight: 700;

    font-family: 'PT Sans', sans-serif;

    margin-bottom: 20px;

}



.our_mission p {

    color: #808080;

    font-weight: 700;

    font-size: 22px;

}



.our_team_wrapper {

    padding: 50px;

    background-color: #E8E6D4;

}



.our_team_wrapper h3,

.adviosry_board_wrapper h3 {

    margin-bottom: 40px;

}



.teamimg img {

    display: inline-block;

}



h4.team_member_name {

    color: #4D4D4F;

    font-size: 24px;

    font-weight: 700;

    font-family: 'PT Sans', sans-serif;

    margin-bottom: 5px;

}



p.designation {

    font-size: 16px;

    margin-bottom: 20px;

}



p.designation a {

    color: #333;

}



p.designation a:focus {

    outline: none;

    text-decoration: none;

    color: #333;

}



.team_list {

    margin-bottom: 40px;

}



.adviosry_board_wrapper {

    padding: 50px;

    background-color: #BCCBD3;

}



.adviosry_board_wrapper h4.team_member_name {

    margin-bottom: 20px;

}



.supporters_wrapper {

    padding: 50px;

    background-color: #DBCEDF;

}



.supporters_wrapper h3,

.partners_wrapper h3 {

    display: inline-block;

    margin-bottom: 80px;

}



.supporters_title_shortinfo {

    color: #6D6E71;

    font-size: 20px;

    font-weight: 700;

    font-family: 'PT Sans', sans-serif;

    margin-left: 20px;

}



.supporters_list_wrapper {

    text-align: center;

    display: table;

    margin: 0 auto;

}



.supporters_list {

    background-color: #E6E7E8;

    border-radius: 50%;

    width: 144px;

    height: 144px;

    line-height: 144px;

    text-align: center;

    margin-right: 80px;

    margin-bottom: 60px;

}



.supporters_list p {

    margin: 0;

    color: #4D4D4F;

    font-size: 21px;

    line-height: 21px;

    display: inline-block;

    vertical-align: middle;

}



.supporters_list_wrapper .supporters_list:last-child {

    margin-right: 0;

}



.partners_wrapper {

    padding: 50px;

    background-color: #fff;

}



.salambombay-foundation-info h3 {

    color: #EC1E79;

    font-weight: 700;

    font-size: 28px;

    font-family: 'PT Sans', sans-serif;

    overflow: hidden;

    display: block;

    margin-bottom: 0;

}



.salambombay-foundation-info h3 span {

    color: #000;

    font-size: 20px;

}



.salambombay-foundation-info p a {

    color: #000;

    font-size: 16px;

    font-weight: 700;

}



.salambombay-foundation-info img {

    display: inline-block;

}





.contact-page1 {

    background-image: url(../images/contactusbg.jpg);

    background-position: center center;

    background-size: cover;

}



.contact-page1 .circle {

    background: #00A7D1;

    right: 8%;

    bottom: 20%;

    max-width: 337px;

    max-height: 337px;

    padding: 0 20px;

}



.contact-page1 h1 {

    color: #fff;

    font-weight: 700;

    line-height: 45px;

}



#contactinfo {

    background-color: #fff;

    padding: 50px;

}



.address_info {

    padding-right: 100px;

}



.address_info p a {

    color: #333;

}



.map-responsive {

    position: relative;

    padding-bottom: 75%;

    height: 0;

    overflow: hidden;

}



.map-responsive iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

}



.modal-dialog {

    overflow-y: hidden;

}







.homepopup .modal-content {

    /*background-color: #ED1E79;

    min-width: 750px;

    min-height: 750px;

    border-radius: 50%;*/

    background-color: transparent;

    box-shadow: none;

    border: 0px none;

}



.homepopup .modal-header {

    padding: 0px;

    border-bottom: 0px none;

}





.homepopup .modal-header .close {

    margin-bottom: -32px;

    color: #fff;

    font-size: 80px;

    text-shadow: none;

    opacity: 1;

    position: absolute;

    right: -35px;

    z-index: 1000;

    outline: none;

}



.homepopup .modal-header .close:focus {

    outline: none;

}



.homepopup .modal-body {

    text-align: center;

    padding-top: 50px;

}



.modal-open .modal {

    overflow: scroll;

}



.homepopup .modal-body img {

    display: inline-block;

}



.modal-backdrop.in {

    filter: alpha(opacity=70);

    opacity: .7;

}



/*--  donation START  --*/



.page1.donation h1 {

    font-size: 70px;

}



.page2.donation .circle1 h1,

.page2.donation .circle2 h1 {

    font-size: 45.32px;

    line-height: 59.1px;

    color: #fff;

    font-weight: 700;

}



.page1.donation .page-title {

    position: absolute;

    left: 1%;

    top: 18%;

    transform: translateY(0);

}



.programs-page4.page4.donation {

    background: #f08e21;

    position: relative;

}



.programs-page3.page3.donation {

    background: #00a2cc;

}



.donation .top-left-text {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    padding: 0;

    margin: 0;

}



.donation .top-left-text h1 {

    color: #fff;

    text-align: center;

    text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.5);

    text-transform: capitalize;

}



.inner-content-iframe {

    padding: 90px 20px;

}



.donation-frame {

    margin: 0 auto;

    max-width: 488px;

    width: 100%;

    padding: 30px 30px 10px;

    border: 1px solid #fff;

}



.donation-frame iframe {

    width: 100%;

    max-width: 425px;

    /*height: 708px !important;*/

    min-width: 425px;

    /*box-shadow: 0 6px 13px 0px rgba(0, 0, 0, 0.2);*/

}



.programs-page3.page3.donation .bg-image {

    background-image: url(../images/donation-3.jpg);

    background-position: left -100px;



}



.programs-page4.page4.donation .bg-image {

    background-image: url(../images/donation-4.jpg);

    background-position: left top;

    background-repeat: no-repeat;

    background-size: cover;



}



#fullpage .section.donation.programs-page2 {

    height: 80vh;

}



.page2.donation.programs-page2 .circle,

.page3.donation.programs-page3 .circle {

    background-image: none;

}



.page2.donation.programs-page2 {

    background-image: url(../images/donation-2bg.png);

    background-position: 0 top;

    background-size: cover;

    background-repeat: no-repeat;

}



.donation.programs-page1 .circle {

    background: rgba(236, 30, 121, 0.7);

    bottom: 15%;



}



.page2.donation.programs-page2 .circle1,

.page2.donation.programs-page2 .circle2 {

    border-radius: 100%;

    width: 400px;

    height: 400px;

}



.page2.donation.programs-page2 .circle1 {

    right: auto;

    left: 20%;

    background: #00a2cc;

}



.page2.donation.programs-page2 .circle1 a,

.page2.donation.programs-page2 .circle2 a {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    text-decoration: none;

}



.page2.donation .circle1 a.arrow,

.page2.donation .circle2 a.arrow {

    bottom: 30px;

    left: 50%;

    position: absolute;

    width: 60px;

    height: 60px;

}



.donation.programs-page4 .top-left-text h1 {

    color: #fff;

    text-transform: capitalize;

}



.page2.donation.programs-page2 .circle2 {

    right: 20%;

    background: #f18d1e;

}



.subscriber_form {

    margin-top: 30px;

    width: 50%;

}



.subscriber_form div.ctct-form-embed div.ctct-form-defaults {

    padding: 0;

}



.subscriber_form .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header,

.subscriber_form div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text,

.subscriber_form div.ctct-form-embed form.ctct-form-custom label.ctct-form-label,

.subscriber_form .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {

    font-family: 'PT Sans', sans-serif;

}



.page2.donation.programs-page2 .circle {

    position: static;

    float: left;

    margin-top: 20px;

}



.page2.donation.programs-page2 .circle1 {

    margin-right: 50px;

    margin-left: 15%;

}



footer {

    position: relative;

}



.bottom_guidestar {

    position: absolute;

    left: 50px;

    bottom: 60px;

    width: 120px;

}



.bottom_guidestar a {

    display: block;

    width: 100%;

}



.bottom_guidestar a img {

    width: 100%;

}



.footer_donate_link:hover,

.footer_donate_link:focus {

    text-decoration: none;

}



/* Style all font awesome icons */



.social {

    display: inline-block;

    width: 215px;

    height: 30px;

    align-content: center

}



.social .fa {

    padding: 20px;

    font-size: 30px;

    width: 50px;

    text-align: center;

    text-decoration: none;

}



.social .fa:hover {

    opacity: 0.7;

    text-decoration: none;

}



.social .fa-facebook {



    color: white;

}



.social .fa-instagram {



    color: white;

}



.social .fa-linkedin {



    color: white;

}



.social .fa-youtube-square {



    color: white;

}





.donation-yt-iframe {

    position: relative;

}

.yt-iframe {

    position: relative;

    overflow: hidden;

    padding-top: 56.25%;

}

.yt-iframe iframe{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}

.container-box .india-today{

    padding: 20px;

}



.india-today {

    color: #fff;

    /* font-family: inherit; */

    font-family: 'PT Sans', sans-serif;

    text-align: center;

    font-size: 24px;

    line-height: 35px;

}



/*--  donation END --*/



/*@media (max-width: 1880px) {

    .home-page2 .circle { right: auto; left: 72%;}

    .home-page3 .circle {}

}*/

.popup-width .modal-dialog {
    width: 400px;
    max-width: 100%;
}

@media (min-width: 992px) {

    .iframe-content{

        position: absolute;

        top: 50%;

        left: 50%;

        width: 100%;

        transform: translate(-50%,-50%);

    }

    .iframe-content .container-box {

        display: table;

        width: 100%;

        height: 100%;        

    }

    .container-box .india-today {

        display: table-cell;

        vertical-align: middle;

    }

}



@media (max-width: 1699px) {

    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        border-radius: 100%;

        width: 330px;

        height: 330px;

    }

    .page2.donation .circle1 h1,

    .page2.donation .circle2 h1 {

        font-size: 42px;

        line-height: 52px;

    }

    .page2.donation.programs-page2 .circle {

        position: static;

        float: none;

        margin-top: 20px;

        display: inline-block;

    }

    #fullpage .section.donation.programs-page2 {

    height: 80vh;

    text-align: center;

}

    .page2.donation.programs-page2 .circle1 {

        margin-right: 50px;

        margin-left: 0;

    }

}



@media (max-width: 1280px) {

    .container-box .india-today {

        font-size: 20px;

    }

}

@media (max-width: 1420px) {

    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        border-radius: 100%;

        width: 300px;

        height: 300px;

    }



    .page2.donation .circle1 h1,

    .page2.donation .circle2 h1 {

        font-size: 40px;

        line-height: 50px;

    }

    

}



@media (min-height: 400px) and (max-height: 635px) {

    .donation .india-today {

        padding-top: 4%;

        font-size: 20px;

        line-height: 25px;

    }

    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        border-radius: 100%;

        width: 230px;

        height: 230px;

    }

    .page2.donation .circle1 h1, .page2.donation .circle2 h1 {

    font-size: 30px;

    line-height: 35px;

}

    .page2.donation.programs-page2 .circle {

        margin-top: 10px;

    }

}



@media (min-width: 1300px) and (max-width: 1800px) {



    .programs-page2 .circle {

        right: -285px;

        bottom: 6%;

        max-width: 530px;

        max-height: 530px;

        background-size: cover;

    }

    .programs-page3 .circle {

        left: -315px;

        bottom: 18%;

        max-width: 630px;

        max-height: 630px;

    }

    .programs-page3 .bg-image {

        background-position: -271px top;

    }

    .programs-page1 .circle {

        right: 3%;

        bottom: 7%;

    }

    .page-title img {

        width: 80%;

    }

    .impacte-page2 .circle {

        right: -250px;

        max-width: 500px;

        max-height: 500px;

    }

    .impacte-page2 .circle h1 {

        font-size: 100px;

    }

    .impacte-page2 .circle p {

        font-size: 25px;

    }

    .impacte-page2 .circle h2 {

        font-size: 45px;

    }

    .impacte-page3 .circle {

        max-width: 370px;

        max-height: 370px;

        left: -185px;

    }

    .impacte-page2 .circle:before {



        left: -17px;

        top: -18px;

    }

}



@media (min-width: 1024px) and (max-width: 1300px) {

    .programs-page2 .circle {

        right: -230px;

        bottom: 6%;

        max-width: 420px;

        max-height: 420px;

        background-size: cover;

    }

    .page2.donation.programs-page2 .circle2 {

        right: 15%;

    }

    .page2.donation.programs-page2 .circle1 {

        left: 18%;

        margin-left: 5%;

    }

    .programs-page3 .circle {

        left: -240px;

        bottom: 18%;

        max-width: 480px;

        max-height: 480px;

    }

    .donation-frame {

        padding: 15px 15px 10px;

    }

    .top-left-text h1,

    .top-right-text h1 {

        font-size: 65px;

    }

    .programs-page3 .bg-image {

        background-position: -271px top;

    }

    .programs-page1 .circle {

        right: 3%;

        bottom: 7%;

    }

    .page-title img {

        width: 80%;

    }



    .supporters_list {

        margin-right: 30px;

    }

    .impacte-page2 .circle {

        right: -210px;

        max-width: 420px;

        max-height: 420px;

    }

    .impacte-page3 .circle {

        max-width: 320px;

        left: -160px;

        max-height: 320px;

    }

    .impacte-page2 .circle h1 {

        font-size: 100px;

    }

    .impacte-page2 .circle p {

        font-size: 25px;

    }

    .impacte-page2 .circle h2 {

        font-size: 45px;

    }

    .impacte-page2 .circle:before {

        left: -15px;

        top: -15px;

    }

    /*.page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        border-radius: 100%;

        width: 350px;

        height: 350px;

    }*/

}





@media (min-width: 992px) and (max-width: 1023px) {
    
    .position-box {
    position: absolute;
    top: 37%;
    left: 23%;
       }

    .programs-page2 .circle {

        right: -230px;

        bottom: 18%;

        max-width: 420px;

        max-height: 420px;

        background-size: cover;

    }

    .programs-page3 .circle {

        left: -225px;

        bottom: 18%;

        max-width: 450px;

        max-height: 450px;

    }

    .programs-page3 .bg-image {

        background-position: -271px top;

    }

    .programs-page1 .circle {

        right: 3%;

        bottom: 7%;

    }

    .page-title img {

        width: 80%;

    }



    .supporters_list {

        margin-right: 20px;

    }



    .impacte-page2 .circle {

        right: -210px;

        max-width: 420px;

        max-height: 420px;

    }

    .impacte-page2 .circle h1 {

        font-size: 80px;

    }

    .impacte-page2 .circle p {

        font-size: 25px;

    }

    .impacte-page2 .circle h2 {

        font-size: 35px;

    }

    .impacte-page3 .circle {

        max-width: 320px;

        left: -160px;

        max-height: 320px;

    }

    .impacte-page2 .circle:before {

        left: -15px;

        top: -15px;

    }

    .page2.donation.programs-page2 .circle1 {

        margin-right: 50px;

        margin-left: 5%;

    }

    .inner-content-iframe {

        padding: 90px 10px;

    }

    .top-left-text h1,

    .top-right-text h1 {

        font-size: 55px;

    }

    .donation-frame {

        padding: 15px 15px 0;

    }

    #fullpage .section.donation.programs-page2 .container {

        text-align: center;

    }

    .page2.donation.programs-page2 .circle1 {

        margin-left: auto;

    }

}



@media (max-width: 991px) {
     
     .position-box {
    position: absolute;
    top: 37%;
    left: 18%;
    right: 18%;
     }




    h3.user_name {

        text-align: center;

    }

    .logo img {

        width: 50%;

    }
    

    header {

        background: #c3c3c3;

    }

    .button_container {

        width: 35px;

    }

    .overlay ul li a {

        font-size: 30px;

    }

    .button_container {

        margin-top: 20px;

    }

    header,

    .program1-bottom,

    .circle {

        position: relative;

    }

    .programs-page1 .circle {

        right: 0;

        bottom: 20px;

    }

    .page-title {

        left: 10px;

        top: auto;

        bottom: 0;

        transform: translateY(0);

        width: 50%;

    }

    .circle h1 {

        font-size: 20px;

    }

    .program1-bottom h1 {

        font-size: 18px;

    }

    .program1-bottom p {

        font-size: 16px;

    }

    .program-bottom-info {

        margin-left: 0;

    }

    .programs-page1 .circle,

    .contact-page1 .circle {

        width: 250px;

        max-width: 250px;

        height: 250px;

        max-height: 250px;

        margin: 0 auto;

        margin-top: 40px;

    }

    .contact-page1 .circle {

        margin-bottom: 40px;

    }

    .programs-page1 .circle h1,

    .contact-page1 .circle h1 {

        font-size: 20px;

    }



    .contact-page1 .circle h1 {

        line-height: 30px;

    }

    .circle a.arrow {

        display: none;

    }

    .page2.donation .circle1 a.arrow,

    .page2.donation .circle2 a.arrow {

        display: block;

    }

    .programs-page1 {

        background-size: contain;

        background-repeat: no-repeat;

    }

    .section .bg-image {

        display: none;

    }

    .mob-image {

        display: block;

        position: relative;

    }

    .home-page1,

    .home-page2,

    .home-page3,

    .programs-page1,

    .programs-page2,

    .programs-page3,

    .impacte-page1,

    .impacte-page2,

    .impacte-page3,

    .programs-page1,

    .programs-page2,

    .programs-page3,

    .faq-page1,

    .aboutus-page1,

    .contact-page1,

    .programs-page1.donation {

        background-image: none;

    }

    .circle h1 {

        font-size: 17px;

        letter-spacing: 1px;

    }

    .programs-page2 .circle {

        /*right: 0;

        bottom: 0;

        max-width: 350px;

        width: 350px;

        max-height: 350px;

        height: 350px;

        margin: 0 auto;

        background-size: 100% auto;*/

        background-image: none;

        max-width: inherit;

        width: auto;

        max-height: inherit;

        height: auto;

        background-size: inherit;

        right: inherit;

        bottom: inherit;

        text-align: center;

    }

    .programs-page2 .circle img {

        display: inline-block !important;

    }

    .top-left-text,

    .top-right-text {

        position: relative;

        top: 0;

    }

    .top-left-text h1,

    .top-right-text h1 {

        font-size: 22px;

        margin-bottom: 10px;

    }

    .top-left-text h2,

    .top-right-text h2 {

        font-size: 16px;

    }

    .top-right-text h2 {

        text-align: left;

        color: #000;

    }

    .top-right-text {

        float: none;

        right: 0;

        margin-left: 10px;

    }

    .programs-page3 .circle {

        /*left: 0;

        bottom: 0;

        width: 350px;

        height: 350px;

        margin: 0 auto;*/

        background-image: none;

        max-width: inherit;

        width: auto;

        max-height: inherit;

        height: auto;

        background-size: inherit;

        left: inherit;

        bottom: inherit;

        text-align: center;

    }

    .programs-page3 .circle img {

        display: inline-block !important;

    }

    .footerinfo span {

        display: block;

        border-right: 0;

        padding: 20px 0 20px 0;

    }

    .footer_donate_link {

        margin: 0 auto;

        margin-left: 0;

    }

    .home-page1 .circle h1 {

        font-size: 20px;

    }

    .home-page1 .circle {

        right: 0;

        bottom: 0;

        width: 244px;

        height: 244px;

        margin: 20px auto;

    }

    #fullpage .section.home-page1,

    #fullpage .section.impacte-page3 {

        height: auto;

    }

    .home-page2 .circle {

        right: 0;

        bottom: 0;

    }

    .home-page2 .circle p {

        font-size: 15px;

    }

    .home-page2 .circle h1,

    .home-page3 .circle h1,

    .home-page3 .circle h2 {

        font-size: 20px;

    }

    .home-page2 .circle {

        max-width: 350px;

        right: 0;

        max-height: 350px;

        bottom: 0;

        margin: 0 auto;

        margin-top: 30px;

    }

    .home-page3 .circle p span.span2 {

        font-size: 19px;

    }

    .home-page3 .circle p {

        font-size: 15px;

    }

    .circle a.donate {

        font-size: 18px;

        width: 112px;

        height: 112px;

        bottom: -60px;

        line-height: 112px;

    }

    .home-page3 .circle .inner-panel,

    .home-page2 .circle .inner-panel {

        padding: 0 60px;

    }



    .home-page3 .circle {

        width: 380px;

        height: 380px;

        left: 0;

        bottom: 0;

        margin: 0 auto;

        margin-top: 30px;

        margin-bottom: 60px;

    }

    .home-page3 .circle a.donate {

        bottom: -40px;

    }

    .impacte-page1 .circle h1 {

        font-size: 20px;

    }

    .impacte-page1 .circle {

        right: 0;

        bottom: 0;

        width: 230px;

        height: 230px;

        margin: 30px auto;

    }

    .impacte-page2 .circle {

        right: 0;

        bottom: 0;

        width: 330px;

        height: 330px;

        padding: 0 20px;

        margin: 45px auto 30px;



    }

    .impacte-page2 .circle:before {

        left: -12px;

        top: -12px;

    }

    .impacte-page2 .circle h1,

    .donation .top-left-text h1 {

        font-size: 70px;

    }

    .impacte-page2 .circle p {

        font-size: 20px;

    }

    .impacte-page2 .circle h2 {

        font-size: 23px;

    }

    .impacte-page3 .circle {

        max-width: 288px;

        width: 288px;

        left: 0;

        max-height: 288px;

        height: 288px;

        bottom: 0;

        margin: 30px auto;



    }

    .impacte-page3 .circle h1 {

        font-size: 35px;

    }

    #fullpage .section.programs-page1,

    #fullpage .section.impacte-page1 {

        height: auto;

    }

    .faq-page1 .circle {

        right: 0;

        bottom: 0;

        width: 262px;

        height: 262px;

        padding: 0 20px;

        margin: 0 auto;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .faq-page1 .circle h1 {

        font-size: 20px;

        line-height: 24px;

    }

    .faq-page1 {

        height: 78vh;

    }

    .faq_list_wrapper {

        padding: 60px 25px 25px;

    }

    .faqlist .panel-title {

        font-size: 15px;

        position: relative;

        padding-left: 41px;

    }

    .faqlist .glyphicon {

        width: 30px;

        height: 30px;

        line-height: 30px;

        position: absolute;

        left: 0;

        top: -5px;

        font-size: 12px;

    }

    .faqlist .panel-default > .panel-heading {

        padding-left: 0;

    }

    .panel-group .panel + .panel {

        margin-top: 5px;

        margin-bottom: 8px;

    }

    .faqlist .panel-default > .panel-heading + .panel-collapse > .panel-body {

        padding-left: 40px;

    }

    .faqlist {

        padding-bottom: 30px;

    }



    .program1-bottom,

    .circle {

        position: inherit;

    }

    #fullpage .section,

    .section .bg-image {

        height: auto;

    }

    #fullpage .section {

        height: auto;

    }



    .our_mission h3,

    .our_team_wrapper h3,

    .adviosry_board_wrapper h3,

    .supporters_wrapper h3,

    .partners_wrapper h3 {

        font-size: 36px;

    }



    h4.team_member_name {

        font-size: 22px;

    }



    .teamimg {

        margin-bottom: 15px;

    }



    .supporters_wrapper h3,

    .partners_wrapper h3 {

        display: block;

        margin-bottom: 40px;

    }



    .supporters_title_shortinfo {

        display: block;

        margin: 0 0 20px 0;

    }



    .supporters_list {

        margin-right: 0;

        margin: 0 auto 20px;

        float: none !important;

    }



    .address_info {

        padding-right: 0px;

    }



    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        position: relative;

        left: 0;

        top: 0;

        float: left;

        right: 0;

    }

    .page2.donation.programs-page2 {

        background-image: none;

    }

    .page2.donation.programs-page2 .circle1 {

        margin-right: 50px;

    }

    .page2.donation.programs-page2 .container-fluid {

        text-align: center;

    }

    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        width: 250px;

        height: 250px;

        margin: 40px 13px;

        display: inline-block;

        float: none;

    }

    .page2.donation .circle1 h1,

    .page2.donation .circle2 h1 {

        font-size: 30px;

        line-height: 35px;

    }



    .page1.donation.programs-page1 .circle {

        margin-bottom: 40px;

    }

    .page1.donation.programs-page1 .circle h1 {

        font-size: 35px;

    }

    .donation .top-left-text {

        position: relative;

        transform: translate(0);

        left: 0;

        top: 0;

        margin-top: 30px;

    }

    .donation-frame {

        margin: 90px auto;

    }

    .page4.donation {

        padding-bottom: 30px;

    }

    #fullpage .section.donation.programs-page2 {

        height: auto;

    }



    .inner-content-iframe {

        padding: 0;

    }



    .overlay nav {

        height: inherit;

        top: inherit;

        transform: translate(-50%);

        font-size: 45px;

        font-weight: 400;

        text-align: center;

        left: 50%;

        position: relative;

    }



    .overlay.open {

        overflow-y: scroll;

    }



    .overlay ul {

        /*height: auto;

        position: absolute;

        top: 50%;

        left:50%;

        transform: translate(-50%,-50%);*/

    }



    .homepopup .modal-header .close {

        top: -15px;

        right: 10px;

    }

    .container .india-today {

        color: #333;

        font-size: 14px;

    }

    footer {

        background-color: #bccbd3;

    }

    #fullpage .section.donation.programs-page2 .container {

        text-align: center;

    }

    

    .iframe-content {

        background-color: #131c24;

    }

    .container-box .india-today {

        padding: 50px 20px;

    }

}



@media (max-width: 767px) {
    
.btn1 a button {padding: 2px 85px;}
    
    .site_link {
    font-size:20px;
    padding: 2px 64px;
}
    
    
      .btn1 {text-align:center;margin-bottom:20px;}
    .btn2 {text-align:center;}
.position-box {
    position: absolute;
    top: 37%;
    left: 13%;
    right:13%;
}


    .donation.programs-page4 .top-left-text h1 {

        margin-top: 15px;

    }

    .bottom_guidestar {

        position: relative;

        left: auto;

        bottom: auto;

        /* width: 150px;*/

        margin: 0 auto;

        padding-bottom: 20px;

    }



}

@media (max-width: 580px) {
    .position-box {
    position: absolute;
    top: 37%;
    left: -1%;
    right: -1%;
}
}


@media (max-width: 400px) {

    .position-box {
    position: absolute;
    top: 37%;
    left: -8%;
    right: -8%;
    }

    .home-page3 .circle {

        width: 300px;

        height: 300px;

    }

    .home-page3 .circle .inner-panel {

        padding: 0 33px;

    }

    .home-page3 .circle p,

    .home-page3 .circle h1 {

        margin-bottom: 10px;

    }

    .home-page3 .circle a.donate {

        bottom: -75px;

    }

    .home-page3 .circle {

        margin-bottom: 100px;

    }

}



@media (max-width: 480px) {

    .logo img {

        width: 100%;

    }

    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        float: none;

        clear: both;

    }

    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        width: 150px;

        height: 150px;

        margin: 35px 5px;

        /*float: left;*/

        display: inline-block;

        clear: none;

    }

    .donation-frame {

        padding: 10px;

    }

    .donation.page4 .top-left-text {

        margin-top: 0;

    }

    .donation-frame {

        margin: 40px auto;

    }

    .donation .top-left-text h1 {

        font-size: 25px;

    }

    .page2.donation .circle1 h1,

    .page2.donation .circle2 h1 {

        font-size: 18px;

        line-height: 20px;

    }



    .page2.donation .circle1 a.arrow,

    .page2.donation .circle2 a.arrow {

        bottom: 10px;

        width: 35px;

        height: 60px;

    }

    .footerinfo span {

        border-right: 0;

        display: block;

    }

}



@media (min-width: 640px) and (max-width: 992px) {

    .supporters_list {

        margin-right: 20px;

        float: left !important;

    }

}



@media (min-width: 1200px) {

    .homepopup .modal-dialog {

        width: 650px;

    }    

}



@media(min-width: 1024px) and (max-width: 1024px) {

    .page2.donation.programs-page2 .circle1 {

        left: 15%;

    }



    .page2.donation.programs-page2 .circle2 {

        right: 15%;

    }



    .page2.donation.programs-page2 .circle1,

    .page2.donation.programs-page2 .circle2 {

        border-radius: 100%;

        width: 300px;

        height: 300px;

    }



    .page2.donation .circle1 h1,

    .page2.donation .circle2 h1 {

        font-size: 40px;

        line-height: 50px;

    }

}



@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation: landscape) {

    /* STYLES GO HERE */

    .overlay ul li a {

        font-size: 22px;

        line-height: 45px;

    }



    .menu .donate {

        margin-top: 0px;

    }

}