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, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;
font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: 'Work Sans', sans-serif;font-size: 16px;line-height: 24px;font-weight: 400;font-style: normal;letter-spacing: -0.8px;color: #444;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
img { max-width: 100%; height: auto; }
a:hover{ text-decoration:none !important; outline:none!important;}
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700');
.bar{background: #fbfbfb;border-bottom: 1px solid #edebf5;color: #7b7983;float: left;width: 100%;}
.header {position: relative;float: left;width: 100%;}
.bar .bar-phone {float: left;margin: 0;font-size: 14px;line-height: 40px; padding-top: 4px;color: #27262c;}
.bar .bar-phone b{font-weight: 400;}
.bar .bar-phone i {vertical-align: middle;margin: 0 7px 0 0;color: #5b5965;}
.bar .bar-phone a {color: #27262c;}
.bar .bar-phone a:hover{color: #61D525 ;}
.bar .bar-socials {float: right;}
.bar .bar-socials ul {display: inline-block;vertical-align: top;margin: 0;list-style: none outside none; overflow: hidden;}
.bar .bar-socials li {float: left;line-height: 40px;}
.bar .bar-socials a {display: block;padding-top: 4px;width: 50px;border-left: 1px solid #edebf5;text-align: center;color: #7b7983;webkit-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
.bar .bar-socials li a:hover { background: #edebf5; }
.navbar-brand img{ width:300px; }
.navbar-expand-lg{ padding:10px 0 !important; }
.header .nav-item a.nav-link{color: rgba(0, 0, 0, 0.5);font-family: "Montserrat";font-size: 16px;font-weight: 600;padding: 0 25px;}
.header .nav-item a.nav-link:hover{color:#0FB657;}
.header .nav-item.active a.nav-link{color: #0FB657;}
.donation{ border-radius: 5px;background: #FF964B ;border:2px solid #FCC197;color: #FFF !important;font-family: "Montserrat",sans-serif;font-size: 12px;font-weight: bold;letter-spacing: 0.02em;line-height: 40px;text-align: center;text-transform: uppercase;padding: 0px 40px;}
.donation:hover{background: transparent;border: 2px solid #0FB657;color:#0FB657!important;}
.slider{ width:100%; float:left; }
.about-section{ padding:60px 0; width:100%; float:left; }
.about-section h1{font-family: "Montserrat",sans-serif;font-weight: 700;font-size:40px;line-height: 56px;text-align: center;letter-spacing: -2px;color: #1F1F1F;}
.about-section h3{text-align: center;color: #0FB657;font-size: 20px;font-family: "Montserrat",sans-serif;margin: 0px;padding: 0px;}
.small-text{color:#808080; font-size: 18px;font-weight: 300; width:800px; margin:0 auto;}
.about-section .item{ text-align:center;}
.about-section .item .icon {margin: 0px auto;position: relative;width: 90px;height: 90px;border-radius: 50%;background: #fff;}
.about-section .item .icon img {margin: 0px auto; display: block;position: relative;top: 50%;transform: translateY(-50%);}
.about-section .item .f-inner h4 {color: #222;font-family: Montserrat,sans-serif;font-size: 17px;font-weight: bold;letter-spacing: 0px;text-align: center;text-transform: uppercase;}
.about-section .item .f-inner p {margin: 7px 0px 0px;color: #444;letter-spacing: 0.02em;line-height: 24px;}
.what-we-do{ margin:50px 0px 20px;}
.info-section {padding: 82px 0px 61px;position: relative; background: #0FB657;float:left;width:100%;}
.info-section .col-sm-2 {width: 20%;position: relative;flex: inherit;max-width: 100%;}
.info-section p {color: #FFF;font-family: "Montserrat",sans-serif;line-height: 35px;text-align: center;}
.info-section p span {font-size: 50px;font-weight: 600;}
.info-section .col-sm-2::after {content: "";height: 52px;width: 1px;background: transparent url("../images/sep2.png") no-repeat scroll center top;
position: absolute;right: 0px;top: 5px;mix-blend-mode: color-burn;}
.info-section .col-sm-2:last-child::after{ background:none;}
a.btn {min-height: 43px;border-radius: 5px;background: #0FB657;border: 2px solid #0FB657;color: #FFF !important;font-family: "Montserrat",sans-serif;font-size: 12px;font-weight: bold;letter-spacing: 0.02em;line-height: 45px;text-align: center;text-transform: uppercase;padding: 0px 40px;display: inline-block;margin-top: 30px;}
a.btn:hover, a.btn:focus{background: transparent;color: #42CEAB !important;border: 2px solid #42CEAB;}
.donation-panel{background: #FAFAFA; padding: 60px 0px;float: left;width: 100%;}
.donation-panel h2 { color: #222; font-size: 35px;letter-spacing: 0px;text-align: center;font-family: "Montserrat";font-weight: 700; padding:0; margin:0;}
.donation-panel .donation-panel-heading p {color: #1C57A1;font-size: 20px;font-family: "Montserrat";padding-bottom: 40px;}
.donation-panel h4{color: #333;font-family: "Montserrat",sans-serif;font-size: 24px;font-weight: bold;letter-spacing: 0.01em;line-height: 30px;text-transform: uppercase;margin: 25px 0px 0px;}
.donation-panel .donate-text{ margin-top:30px;}
.donation-panel .donate-text p { margin: 20px auto 0px; color: #666; font-size: 18px;}
.donation-panel a.btn{background: #FF964B ;border:2px solid #FCC197;}
.donation-panel a.btn:hover, a.btn:focus{background: transparent;border: 2px solid #0FB657;color:#0FB657!important;}
.contact-section{ background-image: url(../images/contact-section.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover; padding: 60px 0px;float: left;width: 100%; position:relative; }
.bg-overlay {background: rgba(0, 0, 0, 0.7); position:absolute; top:0; left:0; right:0; bottom:0; }
.contact-section h4 {margin: 10px 0px 22px;font-family: "Montserrat",sans-serif;font-size: 26px;font-weight: bold;letter-spacing: 0px;color: #FFF;
}
.contact-section small {color: #E9E9E9;font-size: 16px;letter-spacing: 0.02em;display: block;}
footer{ width:100%; float:left; background: #010101; padding:20px 0;}
.copyrights {color: #DDDADA;font-family: "Montserrat",sans-serif;font-size: 15px;float: left;}
.scrollToTop{width: 40px;height: 40px;opacity: 1;position: fixed;bottom: 10px;right: 20px;display: none;text-indent: -9999px;background: #1C57A1 url("../images/arrow_up.png") no-repeat scroll 15px 14px;z-index: 999;}
.scrollToTop:hover{text-decoration:none;}
.inner-banner{ background-image: url(../images/inner-banner.jpg);background-repeat: no-repeat; padding: 40px 0px;float: left;width: 100%; position:relative; }
.inner-banner h1{font-family: "Montserrat",sans-serif;font-weight: 700;font-size:40px;line-height:40px;letter-spacing: -2px;color: #fff;}
.inner-banner p{ color:#fff;font-family: "Montserrat",sans-serif;font-size: 14px; font-weight: 400;}
.inner-banner p a{ color:#42CEAB;font-weight: 600;}
.inner-banner p a:hover{ color:#0FB657;}
.inner-panel { float: left;width: 100%; margin:50px 0px;}
.inner-panel h4{color: #333;font-family: "Montserrat",sans-serif;font-size: 24px;font-weight: bold;letter-spacing: 0.01em;line-height: 30px;}
.inner-panel ul{ margin: 15px;}
.inner-panel li{ font-weight: 600; margin-bottom: 10px;color: #67B0DE;}
.portfolio-categ{margin:0!important;text-align: center;padding: 10px 0;}
.portfolio-categ li{display: inline-block;padding: 5px 0;transition: all .3s ease-out;}
.portfolio-categ li a{ font-weight: 500;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 8px 20px;border-radius: 3px;background: none;border: 2px solid #0FB657;color: #0FB657;font-size: 16px; margin: 10px 15px; text-decoration: none; font-family: "Montserrat",sans-serif;}
.portfolio-categ li.active a{color: #FFF;background-color: #0FB657;border-color: #0FB657;}
.portfolio-categ li:hover a{color: #FFF;background-color: #0FB657;border-color: #0FB657;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}
.portfolio-area{margin: 0 !important;overflow: hidden;}
.portfolio-area li{float: left;margin: 10px 15px;overflow: hidden;width: 245px;padding:5px;}
.home-portfolio-text{margin-top:10px;}
.info-contact h4{color: #0FB657;font-weight: bold;text-transform: capitalize;line-height: 15px;font-family: "Montserrat",sans-serif;font-size: 20px;margin: 10px 0;}
.info-contact p{color: #4f4d4d;line-height: 24px;font-family: "Montserrat",sans-serif;margin: 0 0 6px;font-size: 15px;}
.info-contact p a{ color: #0FB657; }
.info-contact iframe{ border:6px solid #efefef; }
.form input[type="text"], .form [type="email"], .form [type="tel"], .form textarea{ display: block;width: 100%;height: 42px;padding: 6px 12px;font-size: 14px;line-height: 1.42857;/*color: #BEBBBB;*/background-color: #FFF;background-image: none;
border: 1px solid #ccc;/*text-transform: uppercase;*/font-weight: 400;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; margin-bottom:15px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1) inset;}
.form textarea{ height:150px; resize:none; }
.form input[type="submit"]{min-height: 38px;border-radius: 5px;background: #0FB657;border: 2px solid #0FB657;color: #FFF !important;font-family: "Montserrat",sans-serif;font-size: 12px;font-weight: bold;letter-spacing: 0.02em;line-height: 38px;text-align: center;text-transform: uppercase;padding: 0px 30px;display: inline-block; }
.form input[type="submit"]:hover{ cursor:pointer; background: transparent;color: #42CEAB !important;border: 2px solid #42CEAB;}
@media (max-width: 1199px) {
.header .nav-item a.nav-link {font-size: 15px;padding: 0px 14px;}
}
@media (max-width: 999px) {
.navbar-light .navbar-toggler{position: absolute;right: 0px;top: 27px;}
.collapse.show {border-top: 1px solid #EDEBF5;}
.header .nav-item a.nav-link {font-size: 14px;padding: 5px 8px;border-bottom: 1px solid #EDEBF5;}
.donation{position: absolute;right: 0px;top: 25px;margin-right: 85px;}
.small-text {width: 100%;}
.collapse.show {border-top: 1px solid #EDEBF5;}
.header .nav-item a.nav-link {font-size: 14px;padding: 5px 8px;border-bottom: 1px solid #EDEBF5;}
}
@media (max-width: 767px) {
.bar .bar-phone {line-height: 23px;text-align: center;border-bottom: 1px solid #EDEBF5;width: 100%;padding: 5px 0;}
.bar .bar-phone span{float: left;width: 100%;}
.bar .bar-phone b{ display:none;}
.bar .bar-socials {float: left}
.bar .bar-socials li { line-height: 35px;}
.bar .bar-socials a {padding-top: 0;width: 35px;}
.donation{position: absolute;top: -33px;right: 0px;line-height: 25px;padding: 0px 10px;margin: 0;}
.navbar-light .navbar-brand{margin: 0px;padding: 0px;}
.navbar-brand img {width: 230px;}
.navbar-light .navbar-toggler{position: absolute;right: 0px;top: 18px;}
.collapse.show {border-top: 1px solid #EDEBF5;}
.header .nav-item a.nav-link {font-size: 14px;padding: 5px 8px;border-bottom: 1px solid #EDEBF5;}
.about-section {padding: 25px 0px 5px;}
.about-section h1 {font-size: 27px;line-height: 30px;}
.small-text {font-size: 15px;font-weight: 400;width: 100%;}
.what-we-do {margin:15px 0;}
.about-section .item {margin-bottom: 20px;}
.about-section .item .icon {width: 40px;height: 40px;display: block;margin-bottom: 10px;}
.about-section .item .f-inner h4 {font-size: 15px;}
.about-section .item .f-inner p {line-height: 20px;font-size: 15px;}
.info-section {padding: 30px 0px;}
.info-section .col-sm-2 {width: 100%;}
.info-section .col-sm-2::after{ display:none; }
.info-section p span {font-size: 35px;}
.donation-panel { padding: 20px 0px;}
.donation-panel h2 {font-size: 27px;}
.donation-panel .donation-panel-heading p {font-size: 17px;padding-bottom: 0;}
.donation-panel .donate-text {margin-top: 20px;text-align: center;}
.donation-panel h4 {font-size: 20px;line-height: 24px;margin: 0px;}
.donation-panel .donate-text p {font-size: 16px;margin: 10px auto 0px;}
.contact-section {padding: 20px 0px;text-align: center;}
.contact-section h4 {margin: 0;}
.copyrights {text-align: center;width: 100%;}
.form input[type="submit"] {margin-bottom: 20px;}
.inner-banner h1 {font-size: 27px;line-height: 30px;}
.inner-banner {padding: 20px 0px 0;}
}