﻿
body, html{height:100%;font-family:Verdana, Geneva, Tahoma, sans-serif !important;background-color:aliceblue;}
.parallax1{background:linear-gradient(rgba(20,20,20, .8), rgba(20,20,20, .8)), url('../images/remote-site-solutions-bg_ngo-sector.jpg');background-color:rgba(0, 0, 0, 0.8);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.parallax2{background:linear-gradient(rgba(20,20,20, .8), rgba(20,20,20, .8)), url('../images/NGO-Feature_image-730x365.jpg');height:380px;background-color:rgba(0, 0, 0, 0.8);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.pa-height{height:100vh;}
.pb-height{height:650px;}
.overlay{height:650px;background:linear-gradient(rgba(20,20,20, .8), rgba(20,20,20, .8));}
.norm-bar{background-color:#009933;color:white;}
.min-bar{background-color:#dec9c9;}
.min-bar a{background-color:#dec9c9;color:#170909;border-bottom:1px solid #170909 !important;}
.min-bar a:hover{background-color:#009933 !important;color:white !important;}
.min-bar button{background-color:#dec9c9;color:#170909;border-bottom:1px solid #170909 !important;padding:10px !important;}
.min-bar button:hover{background-color:#009933 !important;color:white !important;}
.smin-bar a{background-color:#c7a9a9;color:#170909;border-bottom:1px solid #170909 !important;font-size:12px;}
.smin-bar a:hover{background-color:#18ae4a !important;color:white !important;}
.myGreen{background-color:#009933;color:white;}
.tmyGreen{color:#009933;}
.vw1-Content1{margin-right:0px;margin-left:20px;width:48%;float:left;}
.vw1-Content2{padding:20px;margin-left:0px;margin-top:40px;width:48%;float:left;}
.logo{max-width:170px;}
.sub-logo{max-width:80px;}
.p1{text-align:right;}
.p2{text-align:left;}
.vw1d{width:100%;padding:50px;}
.con-pad{padding:30px 40px;}
.pad{padding:9px;}
.pad-sm{padding:2px;}
.myFont{font-family:Verdana, Geneva, Tahoma, sans-serif;}
.gvw{padding:20px 70px;}
*{box-sizing:border-box}
.slideshow-container{max-width:1000px;position:relative;margin:auto;}
.mySlides{display:none;}
.imySlides{display:none;}
.prev, .next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:0 3px 3px 0;}
.next{right:0;border-radius:3px 0 0 3px;}
.prev:hover, .next:hover{background-color:rgba(0,0,0,0.8);}
.text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center;}
.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;}
.dot{cursor:pointer;height:13px;width:13px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.active, .dot:hover{background-color:#717171;}
.idot{cursor:pointer;height:8px;width:8px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.active, .idot:hover{background-color:#717171;}
.ffade{-webkit-animation-name:ffade;-webkit-animation-duration:1.5s;animation-name:ffade;animation-duration:1.5s;}
@-webkit-keyframes ffade{from{opacity:.4}
to{opacity:1}
}
@keyframes ffade{from{opacity:.4}
to{opacity:1}
}
.modal-img{border-radius:5px;cursor:pointer;transition:0.3s;}
.modal-img:hover{opacity:0.7;}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.9);}
.modal-content{margin:auto;display:block;width:80%;max-width:700px;}
.mcaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;}
.modal-content, .mcaption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}
to{-webkit-transform:scale(1)}
}
@keyframes zoom{from{transform:scale(0)}
to{transform:scale(1)}
}
.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s;}
.close:hover,
.close:focus{color:#bbb;text-decoration:none;cursor:pointer;}
@media only screen and (max-width:700px){.modal-content{width:100%;}
}
.lrow > .lcolumn{padding:0 8px;}
.lrow:after{content:"";display:table;clear:both;}
.lcolumn{float:left;width:25%;}
.lmodal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;}
.lmodal-content{position:relative;background-color:black;margin:auto;padding:0;width:90%;max-width:1200px;}
.lclose{color:white;position:absolute;top:10px;right:25px;font-size:35px;font-weight:bold;}
.lclose:hover,
.lclose:focus{color:#999;text-decoration:none;cursor:pointer;}
.lmySlides{display:none;}
.lprev,
.lnext{cursor:pointer;position:absolute;top:25%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}
.lnext{right:0;border-radius:3px 0 0 3px;}
.lprev:hover,
.lnext:hover{background-color:rgba(0, 0, 0, 0.8);}
.lnumbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;}
.lcaption-container{text-align:center;background-color:black;padding:5px 16px;color:white;margin-top:5px;}
img.ldemo{opacity:0.6;}
.lactive{opacity:1 !important;}
.lactive, .ldemo:hover{opacity:1;}
img.lhover-shadow{transition:0.3s}
.lhover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
.dwidth{}
.noline:hover{text-decoration:none;}
.noline:focus{text-decoration:none;}
.mleft{margin-left:50px;}
.mquote{padding:20px 35px;margin-top:75px;}
.mquote2{padding:20px 35px;margin-top:20px;}
.img-width{width:50% !important;}
.img-pad{padding:10px 10px;}
.img-back{background:linear-gradient(rgba(20,20,20, .8), rgba(20,20,20, .8)), url('../images/NGO-Platform.jpg');background-repeat:no-repeat;background-position:center;background-repeat:no-repeat;background-size:cover;}
.img-bord{border:3px solid black;border-radius:3px;}
.foot-lbord{border-left:2px solid white;}
.foot-rbord{border-right:2px solid white;}
.justify{text-align:justify;text-justify:inter-word;}
.fa{padding:8px;font-size:12px;width:28px;text-align:center;text-decoration:none;border-radius:10%;}
.fa-facebook{background:#3b5998;color:white;}
.fa-facebook-official{background:#3b5998;background-color:white;color:#3b5998;}
.fa-twitter{background:#55acee;color:white;}
.fa-twitter-square{background:#55acee;color:white;}
.fa-whatsapp{background:#009933;color:white;padding:0 !important;font-size:28px !important;}
.fa-instagram{background:#e95950;color:white;padding:0 !important;font-size:28px !important;}
.fa-google{background:#bb0000;color:white;}
.fa-yahoo{background:#720e9e;color:white;}
.fa-map-marker{padding:0 !important;font-size:28px !important;}
.fa-phone{padding:0 !important;font-size:28px !important;}
.foot-pad{padding:25px;}
.sl:hover{text-decoration:none;color:#bbb;}
.sl:focus{text-decoration:none;color:#bbb;}
.foot-bord{border:1px solid transparent;}
.text-shd{text-shadow:2px 1px 0 #444 !important;}
.pad-10{padding:10px;}
.pad-20{padding:20px;}
.pad-30{padding:30px;}
.pad-40{padding:40px;}
.pad-50{padding:50px;}
.inc{margin-top:70px;}
.nopad{padding:0 !important;}
.nomargin{margin:0 !important;}
.caret-color{color:white !important;}
.caret-color:hover{color:black;}
.img-maxwidth-40{max-width:40px;}
.img-maxwidth-50{max-width:50px;}
.img-maxwidth-70{max-width:70px;}
.img-maxwidth-85{max-width:85px;}
.img-maxwidth-100{max-width:100px;}
.img-maxwidth-120{max-width:120px;}
.img-maxwidth-150{max-width:150px;}
.img-maxwidth-200{max-width:200px;}
.img-maxwidth-300{max-width:300px;}
.ul-mleft{margin-left:30px;}
.tag-pad{padding:0px 4px !important;}
.stl{padding:20px 5px 20px 30px;}
.str{padding:20px 30px 20px 5px;}
.slimg{width:80%;max-height:400px;}
.sld{padding-left:50px;padding-right:50px;background-color:transparent;}
.simg{max-height:155px;width:100%;}
.lbt{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
.ddon{background:linear-gradient(rgba(20,20,20, .8), rgba(20,20,20, .8)), url('../images/online-banking-advantages.jpg');height:880px;background-color:rgba(0, 0, 0, 0.8);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.mtop{margin-top:100px;}
.gimgtxt{text-align:left !important;}
@media screen and (max-width:768px){.vw1-Content1{width:100%;margin:0px;margin-top:50px;clear:both;}
.vw1-Content2{width:100%;margin:0px;clear:both;}
.p1{text-align:center;}
.p2{text-align:center;}
.vw1d{padding:0px;}
.pa-height{}
.logo{width:140px;}
.dwidth{width:100%;}
.mquote{margin:25px;margin-top:30px;border-top:5px solid lightgrey;}
.img-width{width:100% !important;}
.img-pad{padding:0px;}
.foot-lbord{border:0;}
.foot-rbord{border:0;}
.foot-pad{padding:10px;}
.inc{margin-top:0;}
.nob{padding-bottom:0px !important;}
.notb{padding-bottom:0px !important;padding-top:0px !important;padding-right:2px;}
.no-pad{padding:10px !important;}
.no-pad-30{padding:30px !important;}
.ul-mleft{margin-left:0;}
.stl{padding:10px 30px;}
.str{padding:10px 30px;}
.slimg{width:100%;}
.sld{padding:0;}
.col-pad{padding:0 !important;}
.mtop{margin-top:30px;}
.ddon{height:470px;}
.gimgtxt{text-align:center !important;}
.gimgdiv{margin-top:15px;}
}
@media screen and (max-width:360px){.imgw{max-width:200px;}
}
@media screen and (max-width:444px){.ddon{height:600px;}
}
@media screen and (max-width:420px){.ddon{height:650px;}
}
@media screen and (max-width:326px){.ddon{height:720px;}
}
@media screen and (max-width:320px){.ddon{height:760px;}
}
@media screen and (max-width:284px){.ddon{height:785px;}
}