/* @font-face {
    font-family: 'humnst777_btroman';
    src: url('../fonts/tt0857m-webfont.eot');
    src: url('../fonts/tt0857m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0857m-webfont.woff2') format('woff2'),
         url('../fonts/tt0857m-webfont.woff') format('woff'),
         url('../fonts/tt0857m-webfont.ttf') format('truetype'),
         url('../fonts/tt0857m-webfont.svg#humnst777_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'humanst521_lt_btlight';
    src: url('../fonts/tt0288m-webfont.eot');
    src: url('../fonts/tt0288m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0288m-webfont.woff2') format('woff2'),
         url('../fonts/tt0288m-webfont.woff') format('woff'),
         url('../fonts/tt0288m-webfont.ttf') format('truetype'),
         url('../fonts/tt0288m-webfont.svg#humanst521_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'vonneslight';
    src: url('../fonts/tt0288m-webfont.eot');
    src: url('../fonts/tt0288m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0288m-webfont.woff2') format('woff2'),
         url('../fonts/tt0288m-webfont.woff') format('woff'),
         url('../fonts/tt0288m-webfont.ttf') format('truetype'),
         url('../fonts/tt0288m-webfont.svg#vonneslight') format('svg');
    font-weight: normal;
    font-style: normal;

} */
@font-face {
    font-family: 'gooddogregular';
    src: url('../fonts/gooddog-webfont.eot');
    src: url('../fonts/gooddog-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gooddog-webfont.woff2') format('woff2'),
         url('../fonts/gooddog-webfont.woff') format('woff'),
         url('../fonts/gooddog-webfont.ttf') format('truetype'),
         url('../fonts/gooddog-webfont.svg#gooddogregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url("http://fonts.googleapis.com/css?family=Roboto:400,700");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,em,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {font-size: 100%;}
img {max-width:100%}
body { background:#dcdcdc;font-family: "Roboto", Helvetica, sans-serif ;color:#000; font-size:100%; padding-top:100px;    font-weight: 400;}
.navbar-default {background-color:#2a2b25; border:0; text-transform:uppercase; font-size:10px; font-weight:700; letter-spacing:.5px}
.navbar-default .navbar-nav>li>a:focus { background:#2a2b25; color:#fff}
.navbar-default li {position:relative;color:#fff}
.navbar-default li a { color:#fff}
.smallH .navbar-brand { padding-top:5px}
.smallH .navbar-brand img { height:75px}
#carousel-home img { width:100%}
.blueBG { background:#40a3d3; }
footer.blueBG { padding-bottom: 40px;}
.navbar-default .navbar-nav>li>a {color:#fff;    font-size:10px; position:relative}

.navbar-default .navbar-nav>li>a:after {background:#fff;  height:4px; position:absolute; content:"";bottom: -12px; left:9px; right:9px; display:block; display:none}
.navbar-default .navbar-nav>li.dr.active:hover a:after,
.navbar-default .navbar-nav>li.active a:after, 
.navbar-default .navbar-nav>li:hover a:after { display:inherit} 
.navbar-default .navbar-nav>li.dr.active a { color:#fff} 
.navbar-default .navbar-nav>li.dr.active a:after { display:none; color:#fff} 
.navbar-nav.social-icon li a { padding:0; margin:0}
.navbar-nav.social-icon li a .fa { padding:0; width:28px; height:28px; border-radius:50%; background-color:#40a3d3; text-align:center; font-size:17px; line-height: 1.65; color:#fff; margin:0 4px ;   position: relative; z-index: 9; float:left; display:inline-block }
.navbar-default .navbar-nav.social-icon>li>a:hover .fa, .navbar-default .navbar-nav.social-icon>li>a:focus .fa {background-color:#fff; color:#262626;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover { background-color:transparent; color:#ccc;}
.navbar-default .navbar-nav>li ul li a:hover { color:#262626 !important;}

.bannerBot-link { list-style:none; padding:0; color:#000; margin-bottom:0}
.bannerBot-link li { margin:15px 0}
.bannerBot-link h5 { font-weight:700; margin:35px 0 0 0}
.bannerBot-link p { margin:0; font-size:12px; font-weight: 400;}
.padingZero {padding:0}
.bannerBot-link a { color:#000; text-decoration:none;}

.progress-o-meter {padding:100px 0}
.progress-o-meter h5 { font-weight:700; margin:0 0 15px}
.counts-p { margin:0; padding:0; list-style:none;font-weight: 400;}
.counts-p li { background:#f1b51c; padding:50px; position:relative}
.counts-p li:after {width: 0; height: 0;border-top: 42px solid transparent;	border-bottom: 42px solid transparent;border-left: 34px solid #daa00d; position:absolute; right:-34px; content:""; bottom:0; z-index:999}
.counts-p li:nth-child(2) { background:#9ec111}
.counts-p li:nth-child(2):after { border-left-color:#92b20f}
.counts-p li:nth-child(3) { background:#11bbc1}
.counts-p li:nth-child(3):after {border-left-color:#0facb2}
.counts-p li h3 { font-size:95%; margin:0}
.counts-p li h2 {font-size:60px; margin:0; font-family: "Roboto", Helvetica, sans-serif ; color:#fff}

.video-sec iframe { width:100% !important; float:left; margin:0; padding:0; border:0}

#carousel-right .carousel-indicators { width:90%; margin-left:-45%; text-align:right; margin-bottom:0}
.carousel-indicators li.active,
.carousel-indicators li { border:0; width:15px; height:15px; background:#d0d0d0; margin:0}
.carousel-indicators li.active {background:#40a3d3;}
#carousel-right img { width:100%}

.yelloW { background:#f1b51c; padding:30px 0; min-height:580px}
.yelloW h5 { font-weight:700; text-transform:uppercase; margin:0 0 20px}
.yelloW h3 {font-size:1.500em; margin:0 0 20px 0; font-family: "Roboto", Helvetica, sans-serif ;font-weight:700; line-height: 29px;}
.yelloW p { font-family: "Roboto", Helvetica, sans-serif ; font-size:95%; line-height:26px;font-weight: 400;}
.more-btn { display:inline-block; padding:1px 40px; background:#ee1b24; color:#fff; text-decoration:none;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; margin-top:50px;}
.more-btn:hover { background:#666; color:#fff; text-decoration:none}

#carousel-PC { padding:60px 0}
#carousel-PC h3 {font-size:32px; margin:50px 0 10px; font-family: "Roboto", Helvetica, sans-serif ; font-style:italic}
#carousel-PC p { font-style:italic; font-weight: 400;}
#carousel-PC .carousel-control { background:none}

.joinUS { float:left; width:100%; padding:40px;}
.joinUS label { display:block; color:#fff; font-size:95%; font-weight:normal; text-transform:uppercase; margin:0}
.joinUS .EmailText { height:40px; width:180px; border:1px solid #2a6c92; padding:5px 10px; outline:none; border-right:0; float:left }
.joinUS .jUs {color:#fff; font-size:95%; background:#ee1b24; border:1px solid #2a6c92; border-left:0;float:left; height:40px; padding:10px}

footer.blueBG ul.footer-link { margin:50px 0 0 -15px; list-style:none; padding:0; font-size:95%}
footer.blueBG ul.footer-link li { display:inline-block; position:relative; font-size:100%}
footer.blueBG ul.footer-link li:after { position:absolute; right:0; content:"|"; top:0; width:1px; height:20px;color:#fff;}
footer.blueBG ul.footer-link li:last-child:after { display:none}
footer.blueBG ul.footer-link li a { color:#fff; padding:2px 15px;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
footer.blueBG ul.footer-link li a:hover {color:#000; text-decoration:none}
footer.blueBG p { margin:5px 0 0;color:#fff; font-weight: 400;}

.partnerS { padding:50px 0}
.partnerS h3 { margin-top:45px;  font-size: 1.5em;}
.partnerS img { max-width:100%}

.program { padding:50px 0}
.program { background:#9ec111}
.program h5 { margin-bottom:30px}
.program h4 { font-size:95%; color:#fff}
.program p { font-size:12px; color:#000; text-transform:uppercase}
.program  a h4 { color:#fff} 
.program  a p { color:#000}
.program  a:hover p,
.program  a:hover { text-decoration:none; color:#666}

a#backToTop {border-radius: 5px; text-align: center; background:#11bbc1; color: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 100%; position: fixed; right: 20px; bottom: 20px; opacity: 0.7;  filter: alpha(opacity=70);  z-index: 999;  display: none;}
a#backToTop:hover { opacity:1}

#gallery {padding:30px 0; }
#filters { float:right; font-size:95%; text-transform:uppercase;}
#filters ul { margin-top:10px;margin-right: -5px;}
#filters ul li a { color:#000}
#filters ul li a:focus { text-decoration:none;}
#filters ul li a.active,
#filters ul li a:hover { text-decoration:none; color:#40a3d3}

.gallry-pageSSS {list-style:none; margin:0; padding:0; width:100% !important; height:auto !important}
.gallry-pageSSS li { float:left; margin:0; display:none}

.gallry-pageSSS li img { width:100%; height:100%;}
.gallry-pageSSS li:nth-child(1) { width:49.5%; margin-right:1%;  display:inherit}
.gallry-pageSSS li:nth-child(2) {width:49.5%; display:inherit}
.gallry-pageSSS li:nth-child(3) {width:65.5%; margin-right:1%; margin-top:10px; display:inherit}
.gallry-pageSSS li:nth-child(4) {width:33.5%;margin-top:10px; display:inherit}
.gallry-pageSSS li:nth-child(5) {width:33.5%;margin-top:10px; display:inherit}

.gallry-pageSSS.gread li { display:inherit; width:24%; margin:5px .5%; height:172px;     overflow: hidden;}

.newY { background:#ffdd00}
.about-txt-cont { padding:30px 0; }
.about-txt { text-align:center; font-size: 95%;}
.about-txt h2 { font-size:40px; font-family: "Roboto", Helvetica, sans-serif ; color:#40a3d3; margin-bottom:20px; text-transform:uppercase; }
.about-txt p { font-size:95%; font-family: "Roboto", Helvetica, sans-serif ; padding:0 100px;font-weight: 400;}
.about-txt p.dots { padding:10px 0; }
.about-txt p.dots span { display:inline-block; width:6px; height:6px; background:#484848; border-radius:3px; -webkit-border-radius:3px; margin:0 5px; }
.partners-cont { background:#ffdd00; padding:63px 0;  }
.partners-cont .container .row { margin-left:-25px; margin-right:-25px; }
.partners-cont .container .row > div { padding:0 25px; margin:15px 0; }
.partner { border:solid 3px #FFF; text-align:center;min-height: 420px; }
.partner-logo { padding:30px 30px 20px 30px;}
.p-l-border { border-bottom:solid 1px #1b1300; height:0px; margin-top:20px;}
.partner p { font-size:92%; font-family: "Roboto", Helvetica, sans-serif ; color:#000; padding:0 20px;font-weight: 400; }
.partner p a { font-style:italic; color:#000; font-size:95%; display:inline-block; margin-top:20px; margin-bottom:10px; font-weight:700; text-transform:uppercase; }

.bluE { background:#40a3d3; padding:30px 0; min-height:512px; position:relative; color:#FFF;}
.bluE:after { position:absolute; content:""; bottom:50px; right:-40px; width: 0; height: 0; 	border-top: 30px solid transparent;	border-bottom: 30px solid transparent;	border-left: 40px solid #40a3d3; z-index:99; }
.bluE h5 { font-weight:700; text-transform:uppercase; margin:0 0 5px;     letter-spacing: 1px;}
.bluE h3 {font-size:32px; margin:0 0 20px 0; font-family: "Roboto", Helvetica, sans-serif ;}
.bluE ul,
.bluE p { font-family: "Roboto", Helvetica, sans-serif ; font-size:95%;  line-height: 22px;font-weight: 400;}
.more-btn { display:inline-block; padding:1px 40px; background:#ee1b24; color:#fff; text-decoration:none;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; margin-top:50px;}
.more-btn:hover { background:#666; color:#fff; text-decoration:none}

.graY { background:#e8e8e8; padding:30px 0; min-height:513px; position:relative; color:#000;}
.graY:after { position:absolute; content:""; bottom:50px; left:-40px; width: 0; height: 0; 	border-top: 30px solid transparent;	border-bottom: 30px solid transparent;	border-right: 40px solid #e8e8e8; z-index:99; }
.graY h5 { font-weight:700; text-transform:uppercase; margin:5px 0 5px ;     letter-spacing: 1px;}
.graY h3 {font-size:32px; margin:0 0 20px 0; font-family: "Roboto", Helvetica, sans-serif ;}
.graY ul,
.graY p { font-family: "Roboto", Helvetica, sans-serif ; font-size:95%; line-height:20px;font-weight: 400;}

.graY1 { background:#e8e8e8; padding:30px 0; min-height:513px; position:relative; color:#000;}
.graY1:after { position:absolute; content:""; bottom:50px; right:-40px; width: 0; height: 0; 	border-top: 30px solid transparent;	border-bottom: 30px solid transparent;	border-left: 40px solid #e8e8e8; z-index:99; }
.graY1 h5 { font-weight:700; text-transform:uppercase; margin:5px 0 10px; letter-spacing: 1px;}
.graY1 h3 {font-size:32px; margin:0 0 20px 0; font-family: "Roboto", Helvetica, sans-serif ;}
.graY1 ul,
.graY1 p { font-family: "Roboto", Helvetica, sans-serif ; font-size:95%;  line-height: 22px;font-weight: 400;}

.bluE1 { background:#40a3d3; padding:30px 0; min-height:508px; position:relative; color:#FFF;}
.bluE1:after { position:absolute; content:""; bottom:50px; left:-40px; width: 0; height: 0; 	border-top: 30px solid transparent;	border-bottom: 30px solid transparent;	border-right: 40px solid #40a3d3; z-index:99; }
.bluE1 h5 { font-weight:700; text-transform:uppercase; margin:22px 0 5px; letter-spacing: 1px;}
.bluE1 h3 {font-size:32px; margin:0 0 20px 0; font-family: "Roboto", Helvetica, sans-serif ;}
.bluE1 ul,
.bluE1 p { font-family: "Roboto", Helvetica, sans-serif ; font-size:95%;  line-height: 22px;font-weight: 400;}

.item.ss { float:left; width:100%; }
.donate-money { text-align:center; padding-bottom:20px; }
.money-radio { display:inline-block; padding:0 20px; position:relative; overflow:hidden; }
.money-radio input[type=radio] { position:absolute; top:-99px; left:0; opacity:0; }
.money-radio label { display:inline-block; width:115px; height:115px; background:#76c04e; border-radius:50%; -webkit-border-radius:50%; color:#FFF; font-size:32px; line-height:36px; padding:37px 0; cursor:pointer;}
.money-radio label input[type=text] { background:none; border:none; height:50px; width:95px;color:#000; font-size:32px; display:inline-block; text-align:center; position:absolute; top:30px; left:30px; right:30px; }
.money-radio label input[type=text]:focus { background:#FFF; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.money-radio label i { font-size:95%; }
.money-radio label span { display:inline-block; width:20px; height:20px; background:#c5c5c5;border-radius:50%; -webkit-border-radius:50%; }
.money-radio.active label { background: #0089C2; color: #FFF; border: solid 2px #000000;}
.money-radio.active label span { background:#76c04e; }
.donate-form { padding:0 100px; margin-bottom:60px; }
.donate-form input { width:100%; height:28px; border:solid 2px #bdbec0; padding:0 10px; margin-bottom:15px; font-size:11px; color:#000; background:none; }
.submit-cont { text-align:center; padding-top:10px; }
.submit-cont input[type=submit] { display:inline-block; height:28px; line-height:28px; font-family: "Roboto", Helvetica, sans-serif ; font-size:95%; font-weight:700; padding:0 100px; color:#FFF; background:#c5c5c5; border:0; width:auto; }
.submit-cont input[type=submit].active {background:#40A3D3}
.pledge-cont { text-align:center; }
.pledge-cont span { display:inline-block; width:48px; height:65px; background:#bd555f; border-radius:4px; -webkit-border-radius:4px; position:relative; margin:0 5px; box-shadow:1px 1px 1px #bbb; color:#FFF; font-size:60px; line-height:65px; font-weight:700; }
.pledge-cont span:after { position:absolute; top:50%; left:0; z-index:1; height:1px; width:100%; background:#e8e8e8; content:""; }
.pledge-cont p { color:#585858; font-size:95%; padding-top:15px; padding-bottom:30px; font-weight: 400;} 
.pledge-text { background:#0096ff; border:solid 1px #939598; color:#FFF; font-size:20px; float:left; width:100%; padding:20px; text-transform:uppercase; }
.pledge-text img { float:left; margin:15px 20px 15px 0px; }
.twitter-share { text-align:center; margin-bottom:20px; }
.twitter-share a { display:inline-block; margin:0 5px; }

.contact-txt h2 { font-size:40px; font-family: "Roboto", Helvetica, sans-serif ; color:#40a3d3; margin-bottom:20px; text-transform:uppercase;margin-top:30px; }
.contact-txt p { font-size:100%; font-family: "Roboto", Helvetica, sans-serif ; padding:0;font-weight: 400;}
.contact-frm textarea,
.contact-frm input { width:100%; height:28px; border:solid 2px #bdbec0; padding:0 10px; margin-bottom:15px; font-size:12px; color:#000; background:none; }
.contact-frm textarea {height:65px;}
.contact-frm input[type=submit] { display:inline-block; height:28px; line-height:28px; font-family: "Roboto", Helvetica, sans-serif ; font-size:95%; font-weight:700; padding:0 100px; color:#FFF; background:#c5c5c5; border:0; width:100%; text-transform:uppercase }

.contact-frm  form {margin-top:30px;}
.mapss { float:left; width:100% !important}

input[type=submit].active {background:#40a3d3 !important}

.blue-nabd { background:#40a3d3; height:13px; }
.blue-nabd img { margin:5px 5px -25px 0}

#our-projects .col-sm-3.text-center img { max-width:100%}

.canvasparent {position:fixed; background:#000; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:999999; text-align:center}
#animetHide {position:fixed; background:#000; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:999999; text-align:center;}
#animetHide #mycanvas { position:absolute; top:50%; margin:-115px 0 0 -140px; left:50%;}

.bs-example-modal-lg .modal-body h4 {margin-top: 25px;}

.navbar-default li ul.sub-menu {position:absolute; margin:0; padding:12px 0 0 0; list-style:none; top:30px; left:0; display:none}
.navbar-default li:hover ul.sub-menu { display:inherit}
.navbar-default li ul.sub-menu li a {display:block; padding:7px 15px;width: 150px;background:#40a3d3; }
.navbar-default li ul.sub-menu li a:hover  {background:#fff; text-decoration:none; color:#262626}
.navbar-default li ul.sub-menu li:first-child:after {content:""; height:0; position:absolute; top:-10px; left:5px;   border-right: 10px solid transparent; border-left: 10px solid transparent;    border-bottom: 10px solid #40a3d3; }

.list-cop { background:#fff; padding-top:20px; padding-bottom:20px; font-family: "Roboto", Helvetica, sans-serif ; font-size:95%; margin-top:20px;font-weight: 400;/*  cursor:pointer */}
.list-cop ul { list-style:none; padding:0; margin:0}
.list-cop ul li { margin:0 0 5px 0;font-size: 95%;}
.list-cop .col-sm-3 ul li { margin:0}
.list-cop ul li img { margin-top:5px; max-width:100%}
.list-cop ul li span {text-transform:uppercase; font-weight:700}
.list-cop ul li h3 {color:#40a3d3; font-weight:700; margin:8px 0 0 0}

.list-cop ul  li ul { padding-left:50px; list-style:disc}

#vol-pro {margin-top:0; padding-top:100px;padding-bottom:50px}
.about-txt-cont.Volunteer {padding-bottom:0;  }

.Volunt-bg { background: url(../images/share-vs.jpg) no-repeat top center; background-size: 100% auto; position: relative; padding-bottom: 20px;  }
.Volunt-bg:before { background: rgba(0,0,0, .7); content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; display: block; z-index: 0;}
.Volunt-bg section { position: relative; z-index: 1;}
.Volunt-bg .about-txt p, .Volunt-bg h5, .Volunt-bg .browse {color: #FFF;}
.Volunt-bg .donate-form #share-story input[type="email"], .Volunt-bg .donate-form #share-story input[type="text"], .Volunt-bg .donate-form #share-story textarea{ background: rgba(255,255,255,0.1); color: #FFF; }

.tpas {background:#0096ff url(../images/pledge-blue.png) no-repeat 20px center; background-size:25px auto; border: solid 1px #939598; color: #FFF; font-size: 20px; display:inline-block; padding: 20px 20px 20px  60px ; text-transform: uppercase; margin-bottom:40px;}
.tpas:hover {opacity:.8; color:#fff; text-decoration:none;}


.overlay {position:fixed; top:0; bottom:0; right:0; left:0; background:#000; background:rgba(0,0,0,.7); z-index:99999; display:none}
.overlay .LoginContant{width:400px; height:300px; background:#fff; margin:150px auto 0; position:relative;color:#000; padding:15px }
.closebtn { background:url(../images/close.png) no-repeat; width:36px; height:36px; position:absolute;right:-36px; top:-1px; font-size:0; text-indent:-9999px;}
.overlay .LoginContant h3 {font-size:18px; margin-top:60px;  margin-bottom:30px;letter-spacing:1px;float: left; width:100%}

.overlay .LoginContant .l-in, 
.overlay .LoginContant .facebook, 
.overlay .LoginContant .twitter { background:url(../images/fb-twBtn.png) no-repeat left top; height:35px; width:126px;font-size:0; text-indent:-999px; overflow:hidden;float:left;}
.overlay .LoginContant .twitter { background-position:-181px top; margin-left:50px}
.overlay .LoginContant .l-in { background-position:right top; margin-top:10px; }
.overlay .LoginContant .l-in:hover, 
.overlay .LoginContant .facebook:hover, 
.overlay .LoginContant .twitter:hover {opacity:0.8}
.inline-block { display:inline-block; margin-top:5px;}
.bh {background:#0096ff; background-size:25px auto; border: solid 1px #939598; color: #FFF; font-size: 20px; display:inline-block; padding: 10px 20px ;margin:20px;}
.bh:hover {opacity:.8; color:#fff; text-decoration:none;}
.blink {
	-moz-animation: blink 2s ease-out infinite;
    -webkit-animation: blink 2s ease-out infinite;
    animation: blink 2s ease-out infinite;
}

@-webkit-keyframes'blink' {
0% {
    background: #40a3d3;
	border-color:#357ebd;
}
50% {
    background: #f00;
	border-color:#c00;
}
100% {
    background: #40a3d3;
	border-color:#357ebd;
}
}
@-moz-keyframes blink {
0% {
    background: #40a3d3;
	border-color:#357ebd;
}
50% {
    background: #f00;
	border-color:#c00;
}
100% {
    background: #40a3d3;
	border-color:#357ebd;
}
}
@-o-keyframes blink {
0% {
    background: #40a3d3;
	border-color:#357ebd;
}
50% {
    background: #f00;
	border-color:#c00;
}
100% {
    background: #40a3d3;
	border-color:#357ebd;
}
}
@keyframes blink {
0% {
    background: #40a3d3;
	border-color:#357ebd;
}
50% {
    background: #f00;
	border-color:#c00;
}
100% {
    background: #40a3d3;
	border-color:#357ebd;
}
}

.list-cop ul li span.ticker { color:#f00; text-transform:none; padding-left:15px;}
.partnerS .logos .text-center h3{ text-align:center;}
.logos h3 { margin:0; }
.logos img { height:80px; margin:20px 5px 0; }


#faqs .panel-body { font-size:12px; line-height:20px; border:0;  padding:0px 0 30px;}
#faqs .panel {box-shadow:none; margin:0; border-radius:0; background-color:transparent}
.about-txt #faqs .panel p { padding:0; width:100%; font-size:100%}
#faqs .panel-heading { padding:0;}
#faqs .panel-heading a.collapsed {font-size:14px;}
#faqs .panel-heading a {font-size:24px;}
#faqs .panel-heading h4 a { display:block; padding:15px 2px; border-top:1px solid #231f20}
#faqs .panel-heading h4 a:focus { text-decoration:none}
#faqs .panel-heading h4 a:hover { color:#40a3d3; text-decoration:none}


.mVi {margin-top:20px; margin-bottom:20px}
.mVi .las {margin-top:20px;}

.gallry-pageSSS li a {position:relative;    width: 100%;   float: left;}
.gallry-pageSSS li a span {display:none;position:absolute; z-index:1; background:rgba(0,0,0,.8); left:0; right:0; bottom:0; padding:5px; color:#fff;}
.gallry-pageSSS li a:hover span { display:inherit;}

.list-unstyled.row  li { margin-bottom:20px;}

.list-inline.text-center.row li a span { display:block; color:#000; margin-top:10px; text-align:left;    text-decoration: none;}
.list-inline.text-center.row li a img { width:100%; border:2px solid #BBBBBB }
.list-inline.text-center.row li a:hover img { border:2px solid #40a3d3 }
.list-inline.text-center.row li a:hover {  color:#40a3d3; text-decoration:none !important }
.list-inline.text-center.row li a:hover span {  color:#40a3d3; text-decoration:none !important }

.relat {position:relative}
.share-story-rig {font-size:0; text-indent:-9999px; background: url(../images/sys.png) no-repeat bottom center; width:179px; height:46px; z-index:99; position:absolute; bottom:-58px; left:15px}
.share-story-rig:hover {opacity:.9}

#votelicon-yes-no .inline-block a { float:left; margin:0 15px;}
#votelicon-yes-no.overlay .closebtn  { right:-1px; z-index:99999}
#votelicon-yes-no.overlay .LoginContant  {    border-radius: 15px;}
#votelicon-yes-no.overlay .LoginContant h3 { font-size:20px; margin-top:40px; line-height:1.5;}

.ytp-thumbnail-overlay.ytp-cued-thumbnail-overlay {background-size: 200%;}

.donate-form #share-story input[type="email"],
.donate-form #share-story input[type="text"] { width: 100%; height: 28px; border: solid 1px #bdbec0; padding: 0 10px; margin-bottom: 15px; font-size: 11px; color: #000; background:rgba(255,255,255,.5);}
.donate-form #share-story textarea { width: 100%; height:120px; border:solid 1px #bdbec0; padding:10px; margin-bottom: 15px; font-size: 11px; color: #000;     background: rgba(255,255,255,.5);}
.donate-form #share-story .submit-cont {text-align:right; padding-top:0}

ul.volunteer-stories {float:left; width:100%; margin:0; padding:0; list-style:none;}
ul.volunteer-stories li {float:left; width:50%; clear:right;background:#0092C8;}
ul.volunteer-stories li .img-left { float:left; width:50%; position:relative;}
ul.volunteer-stories li .txt-section { float:left; width:50%; padding:20px 20px 0; color:#fff;}
ul.volunteer-stories li .txt-section p {font-size: 30px; font-family: 'gooddogregular'; letter-spacing: 1px;line-height: 1;min-height: 110px;}
ul.volunteer-stories li .txt-section h4 {font-size:18px; color:#00ccff; margin:0;}
ul.volunteer-stories li .txt-section h4 span  {display:inline-block; padding:0 10px 25px 0; background: url(../images/line-bot.png) right bottom no-repeat;}
ul.volunteer-stories li .txt-section a {font-size:14px; color:#00399c; font-weight:bold; text-transform:uppercase; letter-spacing:1px}
ul.volunteer-stories li .img-left:before {position: absolute; content:"";  z-index:1; display: inline-block; width: 0; height: 0; vertical-align: middle; border-right:35px dashed;  border-right:35px solid\9;  border-top:35px solid transparent;  border-bottom:35px solid transparent; font-size: 0; text-indent: -99999px; right:0px; top:20px; color: #0092C8;}

ul.volunteer-stories li .img-left.pull-right:before {right:inherit; left:0;  border-left:35px dashed; border-right: 0;}

ul.volunteer-stories li .img-left img { float:left; width:100%;}

.ful-frm .modal-content { background-color: rgba(255,255,255, .9);}


.ful-frm .modal-dialog { margin-top:120px;width: 100%; background-color: #0092C8; overflow:hidden; margin-bottom:0;}
.ful-frm .modal-dialog .modal-content {border:0;box-shadow:none; border-radius:0; background-color: rgba(255,255,255, 0); width:100%;overflow:hidden}
.ful-frm .modal-dialog .modal-content .modal-body {padding:0}
.ful-frm .img-left { float:left; width:50%; position:relative}
.ful-frm .img-left img { float:left; width:100%;}
.ful-frm .img-left .nmIm { position:absolute; z-index:1; width:250px; list-style:none; margin:0; padding:0; right:50px; bottom:50px}
.ful-frm .img-left .nmIm li { padding:10px 15px; color:#fff; background:rgba(0,0,0,.5); border:1px solid #fff; margin:-1px 0 0 0; }
.ful-frm .img-left .nmIm li:nth-child(1) { font-size:18px; background: rgba(0,146,200,.5)}
.ful-frm  .txt-section { float:left; width:50%; padding:0px 7%; color:#fff;}
.ful-frm  .txt-section h4 {font-size: 35px; font-family: 'gooddogregular'; letter-spacing: 1px;line-height: 1;}
.ful-frm  button.close {font-size: 50px; color: #fff; opacity: 1; padding: 0 10px;}
.form-enq { display: none; padding: 15px; padding-top: 30px;}
.form-enq input
{
    background: none;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 30px;
    display: inline-block;
    margin-bottom: 10px;
}

.form-enq #onSubmit
{
    background: #40a3d3;
    color: #fff;
    width: auto;
    border: none;
    text-transform: uppercase;
    margin-top: 30px;
}
.pinGrid {column-width: 280px;
 column-gap: 15px;
  width: 100%;
 margin: 50px auto;
}
.pinGrid > div { display: inline-block; column-break-inside:avoid; background: #FFF; padding: 15px; margin-bottom: 15px;   }
.pinGrid > div figcaption { padding-top: 10px; font-size: 14px; color: #333; }
.pinGrid > div figcaption small {font-size: 12px; color: #666; border-bottom: solid 1px #ccc; display: block; padding-bottom: 10px; }
.pinGrid > div figcaption h3 {font-size: 18px; color: #40a3d3; margin-top: 15px;}
h2.heading-txt {
    font-size: 40px;
    font-family: "Roboto", Helvetica, sans-serif;
    color: #40a3d3;
    margin-bottom: 20px;
    text-align: center;
}
.nopad {padding: 0;}
.process {display: inline-block; }
.process div {float: left; margin: 5px 10px; }
.process div span {float: left; line-height: 20px; padding: 20px 15px; text-align: left; font-size: 18px;}
.process div span.reg { padding: 30px 15px;}
.process div img {float: left; border: 0;}


.process div span.glyphicon {padding:29px 0 0;  color: #3FA3D3;}

.money-radio em { font-style: normal;}
.money-radio.active em { display:none}
.money-radio #customValue { width:60px;background: transparent;   border: 0;   outline: none; display:none; position:inherit; height:auto; color:#fff}
.money-radio.active #customValue {display: inline;}

.pinGrid div {position:relative;}
.pinGrid a {-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.pinGrid a.thum:after {background:rgba(0,0,0,.3); position:absolute; top:0; right:0; bottom:0; top:0; content:"";    height: 100%;  width: 100%; opacity:0;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.pinGrid a.thum:hover:after {opacity:1}
.pinGrid a.thum:hover h3 { color:#666 ; text-decoration:none;}
.pinGrid a.thum:hover img { -webkit-filter: grayscale(100%);  -webkit-transition: .5s ease-in-out;  -moz-filter: grayscale(100%);  -moz-transition: .5s ease-in-out;  -o-filter: grayscale(100%);  -o-transition: .5s ease-in-out;}
.pinGrid a.thum img { -webkit-filter: grayscale(0%);  -webkit-transition: .5s ease-in-out;  -moz-filter: grayscale(0%);  -moz-transition: .5s ease-in-out;  -o-filter: grayscale(0%);  -o-transition: .5s ease-in-out;}
.pinGrid a.thum:hover { color:#666 ; text-decoration:none;}
.feed-pop .modal-title {color: #40a3d3;    font-size: 18px;}

.feed-pop .close {    font-size: 30px; color: #F00; opacity:.8}

.aaz h2 {color: #40a3d3; font-size:30px; margin:0;}
.aaz h3 { font-size:18px;margin:15px 0 5px;}
.aaz p { font-size:15px; line-height:1.7}
.aaz ol { font-size:15px; line-height:1.7}

.filt {margin-top:30px;margin-bottom:-10px}
.bk {margin-bottom:-10px;margin-top:20px }
.bk {text-transform:uppercase; font-size:12px; }
.bk span {text-transform:uppercase; cursor:pointer }
.bk span:hover {text-decoration: line-through; }

@media (min-width: 1366px) {
.container {width: 1200px;}
.partnerS .text-center h3 { text-align:right}
}
@media (min-width: 768px) {
.navbar {min-height:105px;}
.navbar-nav>li>a {padding:5px 10px;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.navbar-nav.social-icon { margin-top:0; margin-left:15px}
.navbar-nav>li:after { position:absolute; right:0; content:"|"; top:0; width:1px; height:20px;color:#fff;top:7px;}
.navbar-nav.social-icon>li:after,
.navbar-nav>li:last-child:after { display:none}
.contact-frm:after { height:160px; width:2px; background:#c5c5c5;content:""; position:absolute; left:-20px; top:50%; margin-top:-80px; }
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {padding-top:10px;}
.container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-top:50px}
.list-cop .col-sm-9 {padding-left:0}
.list-cop .col-sm-3.col-xs-12 {width:20%}
.list-cop .col-sm-9.col-xs-12 {width:80%}

.donate-form { margin-top:20px;}

.program h4 { min-height:72px;}
.bs-example-modal-lg h4 {font-weight:700;}
.bs-example-modal-lg p {font-size:94%;}

.list-inline.text-center.row li { width:33.333%; margin:0; padding:7px; float:left; }



body.modal-open .navbar-fixed-top {right:17px;}
body.modal-open {padding-right:17px;}
}
@media (max-width: 1024px) {
#carousel-PC img { max-width:100%}
.container { width:100%; }
.row, .partners-cont .container .row { margin:0; }
.row.mar-15  {margin-left:-15px;margin-right:-15px;}
.container-fluid { padding:0; }
.logos img { height:70px; }
.logos h3 { font-size:22px; }
}

@media (max-width: 1279px) {
.partner { min-height:450px}
}
@media (max-width: 991px) {
.about-txt p { padding:0; }
.money-radio { padding:0 10px; }
.donate-form { padding:0 20px; } 
.joinUS { padding:40px 10px; }
.navbar-nav.social-icon li a .fa {     font-size: 2em; line-height: 1.5; width: 26px; height: 26px;margin: 0 3px;}
.navbar-default .navbar-nav > li > a { font-size:9px}
.navbar-brand img{ margin: 15px 0 0; width: 110px;}
.partner { min-height:450px}

.share-story-rig { width: 110px; background-size: 100%;  background-position: top; height: 30px;bottom: -39px;}

ul.volunteer-stories li {width:100%;}
ul.volunteer-stories li {background:#0092C8;}
ul.volunteer-stories li:nth-child(even) .img-left { float:right !important}
ul.volunteer-stories li:nth-child(odd) .img-left { float:left !important}
ul.volunteer-stories li:nth-child(odd) .img-left:before {border-right:35px dashed;  border-right:35px solid\9;  border-top:35px solid transparent;  border-bottom:35px solid transparent;}
ul.volunteer-stories li:nth-child(odd) .img-left.pull-right:before {right:0;  border-left:35px dashed;  border-left:inherit;    left: inherit;}
ul.volunteer-stories li:nth-child(even) .img-left:before { left:0;  border-left:35px dashed; border-right: 0; border-right:inherit;}
.Volunt-bg { background-size: 105% auto; }

}

@media (max-width: 800px) {
.Volunt-bg { background-size: auto 100% ; }
    
}

@media (max-width: 767px) {
body {padding-top:80px;}
.bannerBot-link li .img-responsive { display:inline-block}	
.nav.social-icon { margin-left:0}
.nav.social-icon>li { display:inline-block}
.nav.social-icon>li a {background:#40a3d3 !important;}
.navbar-brand img { width:100px}
#navbar { width: 220px; right: 0; position: absolute; background-color: #2a2b25; border:0; box-shadow:none}
.navbar-nav > li > a {padding-top:6px; padding-bottom:6px;}
.graY:after,
.graY1:after,
.bluE1:after,
.bluE:after,
.counts-p li:after { display:none}
.navbar { height:80px}
.navbar-toggle { margin-top:16px;}
.blue-nabd img { width:115px}

.navbar-default li ul.sub-menu {position:inherit; display:block; top:0; margin:0; padding: 0;}
.navbar-default li ul.sub-menu li a { background:none; background-color:transparent;padding:5px; width:auto; padding: 4px 25px;}
.navbar-default li ul.sub-menu li:first-child:after {display:none}
.navbar-brand img{ margin:0;}
.partner { margin:5px 0; min-height:inherit}
.navbar-default .navbar-nav>li>a:after { height: 2px; bottom: 4px;}
.navbar-collapse.collapse.in {height: auto;max-height:180px;overflow: auto;}
.logos > div:last-child { margin-top:30px; }

.list-inline.text-center.row li { width:50%; }


.ful-frm .modal-dialog { margin-left:0; margin-right:0}

.ful-frm .modal-dialog { margin-top:140px; }

.ful-frm .modal-dialog { margin:10px 2%;width:96%;}
.ful-frm .txt-section,
.ful-frm .img-left {width:100%}
.ful-frm button.close {  color: #F00; margin-bottom: -50px; z-index: 1; position: relative;}
.pinGrid { column-gap: 0px; }
  .pinGrid > div { width: 100%; }
    .process {width: 100%;}

}
@media (max-width: 660px) {
ul.volunteer-stories li .txt-section ,
ul.volunteer-stories li .img-left ,
ul.volunteer-stories li {width:100%;}
ul.volunteer-stories li {background:#0092C8;}
ul.volunteer-stories li:nth-child(even) .img-left,
ul.volunteer-stories li:nth-child(odd) .img-left { float:left !important}
ul.volunteer-stories li:nth-child(odd) .img-left:before,
ul.volunteer-stories li:nth-child(odd) .img-left.pull-right:before,
ul.volunteer-stories li:nth-child(even) .img-left:before {border-bottom:35px dashed;  border-bottom:35px solid\9;  border-left:35px solid transparent;  border-right:35px solid transparent; top:inherit; left:30px; right:inherit; bottom:0;}

}
@media (max-width: 599px) {
.pledge-cont span {width: 34px;font-size: 48px;margin: 0 1px;}
.submit-cont input[type="submit"] {padding: 0 20px; margin-top:5px}
.gallry-pageSSS.gread li { width: 49%;}
.navbar-collapse.collapse.in {height: auto;max-height:180px;overflow: auto;}
}
@media (max-width: 479px) {
.overlay .LoginContant {  margin: 80px auto 0;height: 260px;width: 230px;}
.overlay .LoginContant h3 {margin-top: 30px;}
.overlay .LoginContant .l-in,
.overlay .LoginContant .facebook,
.overlay .LoginContant .twitter { display: inline-block; float: none; margin: 5px;}
.gallry-pageSSS.gread li { width: 98%;}
#gallery h5.pull-left { width:100%; margin-bottom:5px;}
.navbar-collapse.collapse.in {height: auto;max-height:inherit;overflow: auto;}
}

.change-text-danger {
    background: rgba(236, 32, 39, 0.1) none repeat scroll 0 0 !important;
    border: 1px solid #f9353c !important;
    color: #990000 !important;
}
.donate-money label.change-text-danger {    
	clear: both;
    display: inline-block;
    width: 52%;}