article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
}

html {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-text-stroke: rgba(255, 255, 255, 0.001) 0.001px;
}

/*@font-face {
    font-family: 'CooperHewitt';
    src: url('http://thehook.berlin/fonts/CooperHewitt-BoldItalic.eot');
    src: url('http://thehook.berlin/fonts/CooperHewitt-BoldItalic?#iefix') format('embedded-opentype'),
    url('http://thehook.berlin/fonts/CooperHewitt-BoldItalic.woff') format('woff'),
    url('http://thehook.berlin/fonts/CooperHewitt-BoldItalic.svg#svgCooper-Hewitt-BoldItalic') format('svg');
}*/

@font-face {
	font-family: 'CooperHewitt';
	src: url('../fonts/cooperhewitt-bold-webfont.woff2') format('woff2'), url('../fonts/cooperhewitt-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'CooperHewitt';
	src: url('../fonts/cooperhewitt-medium-webfont.woff2') format('woff2'), url('../fonts/cooperhewitt-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'CooperHewitt';
	src: url('../fonts/cooperhewitt-light-webfont.woff2') format('woff2'), url('../fonts/cooperhewitt-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

body {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: 'CooperHewitt', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 18px;
	color: #111;
	width: 100%;
	height: 100%;
}
body {
    overflow-x: hidden !important;
}
.container {
    max-width: 100% !important;
    /*overflow-x: hidden !important;*/
}
::-moz-selection {
	background: #333333;
	color: #fff;
}

::selection {
	background: #333333;
	color: #fff;
}

.spmargin {
	margin-top: 50px;
	margin-bottom: 50px;
}

.my30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

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

.contact-address {
	margin: 24px 0;
	color: #fff;
}

a {
	color: #333;
	outline: 0;
	transition: all 0.1s linear 0s, letter-spacing 0s linear 0s;
	-webkit-transition: all 0.1s linear 0s, letter-spacing 0s linear 0s;
}

a:focus {
	outline: none;
}

a:hover, a:active {
	outline: none;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
	background: none;
}

b, strong {
	font-weight: 500;
}

p, pre {
	margin: 0 0 10px;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.2em;
}

sub {
	bottom: -0.25em;
}

dl, menu, ol, ul {
	margin: 1em 0;
}

menu, ol, ul {
	padding: 0 0 0 40px;
}

nav ul, nav ol, li {
	list-style: none outside none;
}

img {
	border: 0 none;
}

.img-responsive {
	width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button, input {
	line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
}

button[disabled], input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	-moz-box-sizing: border-box;
	box-shadow: none;
	padding: 0;
	outline: none;
}

input, select, textarea {
	box-shadow: none !important;
	border: none;
}

input:focus, select:focus, textarea:focus {
	box-shadow: none !important;
	border: none!important;
}

#location input:focus, select:focus, #location textarea:focus {
	border: 1px solid #215E21!important;
}

input[type="search"] {
	-moz-box-sizing: content-box;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0 none;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: none;
}

* {
	box-sizing: border-box;
}

/*------------------- S T Y L E ---------------------*/

.container {
	width: 1600px;
	max-width: 96%;
	margin: 0 auto;
}

.navbar-site {
	background: rgba(255, 255, 255, 0.95);
	-moz-transition: all 600ms linear;
	-webkit-transition: all 600ms linear;
	-o-transition: all 600ms linear;
	-ms-transition: all 600ms linear;
	transition: all 600ms linear;
	min-height: 90px;
	padding: 7px 2%;
	border-bottom: none !important;
	margin: 0;
	border-radius: 0;
}

.tiny {
	background: #fff;
	border-bottom: none !important;
	padding: 0;
	min-height: 50px;
}

.navbar-site ul {
	margin: 0;
	-moz-transition: all 600ms linear;
	-webkit-transition: all 600ms linear;
	-o-transition: all 600ms linear;
	-ms-transition: all 600ms linear;
	transition: all 600ms linear;
}

.tiny ul {
	margin: 0 0 0 0;
}

.navbar-site .navbar-nav>li>a {
	color: #111 !important;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.25px;
	position: relative;
}

.navbar-site .navbar-nav>li>a::after {
	background: #606060 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	width: 0;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	/* position: absolute;
    bottom: 0; */
}

.navbar-site .navbar-nav>li>a:hover {
	color: #323f9c;
}

.navbar-site .navbar-nav>li.active a, .navbar-site .navbar-nav>li.active a:hover, .navbar-site .navbar-nav>li.active a:focus {
	background: none;
	color: #323f9c;
}

.navbar-site .navbar-nav>li>a:hover:after, .navbar-site .navbar-nav>li.active>a:after {
	width: 100%;
	background: #323f9c;
}
.about .content, .career .content {
    padding: 50px 50px 50px 50px;
}
/* .navbar-site .navbar-brand {
	padding: 0 15px 0;
	position: relative;
} */

.navbar-brand .logo {
	max-height: 95px;
	-webkit-transition: all 400ms linear;
	transition: all 400ms linear;
}

.tiny .logo {
	display: none;
}

.logo-icon {
	max-height: 70px;
	display: none;
	-webkit-transition: all 400ms linear;
	transition: all 400ms linear;
}

.tiny .logo-icon {
	display: block;
}

.navbar-fixed-top {
	border-width: 0;
}

.banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	position: relative;
}

.banner .item, .about-banner .item, .career-banner {
	height: calc(80vh - 90px);
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

.about-banner .item, .career-banner {
	height: 70vh;
}

.banner .slick-arrow {
	background: transparent;
	height: 65px;
	line-height: 60px;
	width: 65px;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index: 99;
}

.banner .slick-prev::before, .banner .slick-next::before {
	content: '';
}

.banner .slick-next {
	right: -10%;
	background-image: url('../images/next-arrow.png');
	background-position: center;
	background-repeat: no-repeat;
}

.banner .slick-prev {
	left: -10%;
	background-image: url('../images/prev-arrow.png');
	background-position: center;
	background-repeat: no-repeat;
}

.banner:hover .slick-next {
	right: 5%;
}

.banner:hover .slick-prev {
	left: 5%;
}

.carousel-indicators li {
	background-color: rgba(255, 255, 255, 0.5);
	border: none;
	height: 12px;
	width: 12px;
	margin: 0;
}

.banner .caption {
	background: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.0) 90%);
	background: linear-gradient(135deg, rgba(0, 0, 0, 0.0) 20%, rgba(0, 0, 0, 0.55) 90%);
	right: 15%;
	left: auto;
	text-align: right;
	top: 50%;
	padding: 25px;
	width: 40%;
	position: absolute;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner .caption h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 44px;
	margin: 0;
	text-shadow: none;
	text-transform: capitalize;
}

.banner .caption p {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0.25px;
	-webkit-text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.no-gutter>[class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

.cmn-content {
	padding: 40px 40px 0;
	background: #F0F1F5 url(../images/shapes.png);
	background-repeat: no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
	background-position: right bottom;
	height: 250px;
}

.cmn-content h3::before {
	background: #215E21 none repeat scroll 0 0;
	bottom: -10px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 40px;
}

.cmn-content .text-center::before {
	left: 48%;
}

.cmn-content h3 {
	color: #3d3d3f;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.25px;
	margin: 0 0 20px;
	position: relative;
	text-transform: uppercase;
}

.cmn-content p {
	color: #3d3d3f;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.35px;
	line-height: 21px;
	margin: 15px 0 30px;
	height: 80px;
	overflow: hidden;
}

.btn-read::after, .btn-full::after {
	background-color: #215E21;
	bottom: -2px;
	content: "";
	left: -2px;
	position: absolute;
	right: -2px;
	top: -2px;
	-moz-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-ms-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	z-index: -1;
	width: 0;
}

.btn-read, .btn-full {
	background-color: transparent;
	border: 2px solid #215E21;
	color: #215E21;
	font-size: 0.6875rem;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.1;
	overflow: hidden;
	padding: 0.7rem 1.375rem;
	position: relative;
	text-transform: uppercase;
	-moz-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-ms-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-o-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	z-index: 10;
	margin: 15px 0 0;
}

.btn-read:hover::after, .btn-full:hover::After {
	width: 100%;
	left: 0;
}

.btn-read:hover, .btn-full:hover {
	color: white;
}

.white {
	background: #fff;
}

.cmn-gray {
	background: #ebeced;
}

.about-section {
	background: #fff url("../images/shapes.png") repeat scroll 0 0;
	padding: 40px 0;
	background-size: 360px;
}

.about-key h3, .about-key h3+span {
	color: #215E21;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.25px;
	margin: 10px 0;
	display: inline-block;
}

.about-key h2 {
	color: #222d32;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.25px;
	margin: 0;
}

.about-key img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

/*----------- H O M E  N E W S ----------*/

.home-news .heading {
	margin: 25px 0;
}

.home-news .news-box {
	width: 100%;
	height: 310px;
}

.event .media {
	margin-bottom: 30px;
}

.event .media-heading, .event h3, .newsletter .media-heading {
	color: #505455;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
}

.event h3 {
	margin: 0 0 15px;
	font-size: 24px;
}

.event h3::after {
	background: #215E21 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 2px;
	margin: 3px 0 10px;
	width: 30px;
}

.event .nav-justified {
	margin-bottom: 20px;
	margin-top: 0;
}

.event .nav-justified li a {
	color: #215E21;
	text-transform: uppercase;
	letter-spacing: 0.25px;
	background: #F8F7F3;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	white-space: nowrap;
}

.event .nav-justified li a.active, .event .nav-justified li a:hover {
	background: #215E21;
	color: #fff;
}

.event p, .newsletter .media p {
	color: #666;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.25px;
	line-height: 22px;
	margin-bottom: 0;
}

.event-date {
	text-align: center;
	width: 64px;
	height: 64px;
	color: #2F2F31;
	background: #F0F1F5;
	text-transform: uppercase;
	font-size: 12.5px;
}

.event-date strong {
	display: block;
	font-size: 18px;
	padding-top: 10px;
}

.event-date strong::after {
	background: #2F2F31 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	margin: 5px auto;
	width: 28px;
}

.view-all {
	background: #fff none repeat scroll 0 0;
	border: 2px solid #215E21;
	color: #215E21;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.25px;
	padding: 5px 25px;
	text-align: center;
	text-transform: uppercase;
}

.view-all:hover {
	background: #215E21 none repeat scroll 0 0;
	border: 2px solid #215E21;
	color: #fff;
}

/*---------- C L I E N T ----------*/

.para-img {
	height: 400px;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
.para-img2 {
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
.impact-para-img {
	height: 500px;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}
.client-section {
	background: #fff;
	padding: 30px 0;
}

.heading {
	color: #354045;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: normal;
	margin: 0;
	text-transform: uppercase;
}

.client-section .item img {
	transform-style: flat;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
	width: 100%;
}

.client-section .item img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
}

/*----------- F O O T E R ---------*/

footer {
	/*background: #f8f9fa!important;*/
	background: linear-gradient(to left, rgba(5, 37, 47, 1) 20%, rgba(5, 37, 47, 1) 100%);
	position: relative;
	z-index: 999;
}

.main-footer {
	padding: 30px 15px 30px;
}

.footer-logo {
	border-color: #7c7c7c;
	margin: 0;
	padding: 0 0 10px;
}

.address h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.45px;
	margin: 0;
}

.address p, .copy a {
	color: #fff;
	display: block;
	font-size: 13.5px;
	font-weight: 300;
	letter-spacing: 0.75px;
	padding: 5px 0 0;
	text-transform: capitalize;
}

.address {
	margin-bottom: 0;
}

.membership ul {
	margin: 0;
}

.membership ul li:first-child {
	margin-bottom: 5px;
}

.btm-logo {
	height: 90px;
}

.social-link h4 {
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.25px;
	margin: 0;
	text-transform: uppercase;
}

.social-link ul {
	margin: 24px 0;
}

.social-link>a {
	color: #fff;
	letter-spacing: 0.25px;
}

.social-link ul li {
	margin-right: 15px;
	padding: 0;
}

.social-link ul li a {
	color: #fff;
	transition: all 0.3s linear
}

.social-link ul li a:hover, .social-link a:hover, .social-link>a:hover {
	color: #215E21;
	font-weight: 500;
}

.copy {
	background: #215E21 none repeat scroll 0 0;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0.25px;
	padding: 7px 2% 12px;
}

.copy p {
	margin: 5px 0 0;
}

.copy a {
	padding: 0;
	color: #fff;
	text-transform: none;
	display: inline-block;
}

/*--------- A B O U T -----------*/

.about-banner .slick-arrow, .news-carousel .slick-arrow {
	background: transparent;
	height: 48px;
	line-height: 48px;
	width: 48px;
	bottom: 0;
	top: auto;
	transform: none;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index: 99;
}

.about-banner .slick-prev::before, .about-banner .slick-next::before, .news-carousel .slick-prev::before, .news-carousel .slick-next::before {
	content: '';
}

.about-banner .slick-next, .news-carousel .slick-next {
	right: 0;
	background: rgba(0, 0, 0, 0.6) url('../images/next-icon.svg') no-repeat center center;
	-webkit-background-size: 44px;
	background-size: 44px;
}

.about-banner .slick-prev, .news-carousel .slick-prev {
	right: 48px;
	background: rgba(0, 0, 0, 0.6) url('../images/prev-icon.svg') no-repeat center center;
	-webkit-background-size: 44px;
	background-size: 44px;
	left: auto;
}

.inner-banner, .para-banner {
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	height: 100vh;
	background-repeat: no-repeat;
	width: 100%;
}

.para-banner {
	height: auto;
	padding: 170px 0;
}

.side-bar {
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background: #F6F8F8;
	height: auto;
	padding: 50px 20px 20px;
}

.side-nav ul {
	padding-left: 20px;
}

.side-nav ul li {
	display: block;
	padding: 20px 0;
}
.program .side-nav ul li {
	display: block;
	padding: 10px 0;
}
.side-nav ul li a {
	color: #22264d;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: normal;
	text-transform: uppercase;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.side-nav ul li a.active, .side-bar ul li a:hover {
	color: #215E21;
	font-weight: 600;
}

.side-bar-fixed {
	background-color: #EBEDF4;
	bottom: 0;
	display: block;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 110px 20px 20px;
	position: fixed;
	top: 0;
	z-index: 990;
}

.inner-content {
	background: #fff;
}

.about .content, .career .content {
	/*width: 90%;*/
	padding: 80px 50px 50px 50px;
}

.content h3, .news-details-content h2, .company-info h3, .slide .intro h1 {
	color: #222;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.75px;
	line-height: normal;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.content .about-key h3 {
	color: #215E21!important;
	font-size: 18px!important;
	font-weight: 600!important;
	letter-spacing: 0.25px!important;
	margin: 10px 0!important;
}

.content .about-key h3::before {
	content: none;
}

.content h3::before, .company-content .content h3::after, .slide .intro h1::before, .slide .intro h1::after {
	background: #222 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 1px;
	margin-right: 15px;
	transform: translateY(-5px);
	width: 40px;
}

.company-content .content h3::after, .slide .intro h1::after {
	margin-left: 15px;
}

.about .content p, #certifications ul li, .cv-section ul li, .sustainability-list ul li, .news-details-content p, .news-details-content ul li, .member-modal p, .publication ul li a, .company-info p, .career .content p, .slide .intro p, .single-para, .award .content p, .inner-banner-content p, .award-content ul li, .award-intro, .home-news .news-content p a {
	color: #222;
	font-size: 13.8px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 22px;
	margin: 20px 0;
}

#management {
	background: #2f2f2f;
}

.the-board {
	position: relative;
	margin: 30px 0;
}

.the-board a {
	position: absolute;
	z-index: 1;
	width: 50%;
	height: 50%;
}

.the-board .single-member {
	display: flex;
	transition: all 0.2s ease-in-out;
}

.the-board .single-member:hover {
	background: rgba(47, 47, 47, 0.48);
	transition: all 0.2s ease-in-out;
}

.the-board .single-member:hover::after {
	content: "\f055";
	font-family: FontAwesome;
	font-size: 36px;
	margin: auto;
	text-align: center;
	color: #fff;
	transition: all 0.2s ease-in-out;
}

.the-board .member-one {
	left: 0;
	top: 0;
}

.the-board .member-two {
	right: 0;
	top: 0;
}

.the-board .member-three {
	left: 0;
	bottom: 0;
}

.the-board .member-four {
	right: 0;
	bottom: 0;
}

.member-modal .modal-content {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 0;
}

.member-modal .modal-dialog {
	width: 850px;
}

.member-modal h4 {
	color: #22264d;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.25px;
	margin: 0 0 6px;
}

.member-modal .media {
	margin: 0;
}

.member-modal p {
	margin: 0;
}

.member-modal .close {
	opacity: 1;
	color: red;
}

#technology, #news {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}

.management-content::after {
	background: url(../images/arrow-more.png) no-repeat center center;
	content: "";
	margin: 0 auto;
	width: 14px;
	height: 8px;
	display: block;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.close-management:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.management-content {
	cursor: pointer;
	position: relative;
}

.management-content h3 {
	color: #fff;
}

.management-content h3::before {
	background: #fff none repeat scroll 0 0;
}

.about .management-content p, .about .single-para {
	color: #fff !important;
}

.about .content .card {
	border: none;
	box-shadow: none;
	margin-bottom: 15px;
	border-radius: 0;
}

.about .content .card-header {
	background-color: #fff;
	border: none;
	padding: 5px;
}

.about .content .card p {
	margin: 0 0 10px 0;
}

.about .content .executive-board {
	height: 100px;
	margin-right: 30px;
}

.about .content .card-header a {
	color: #22264d;
	font-weight: 400;
	display: block;
	letter-spacing: 0.25px;
	position: relative;
}

.about .content .card-header a span {
	font-weight: 300;
	color: #666;
}

.about .content .card-header a::after {
	content: "\f078";
	font-family: FontAwesome;
	font-size: 12px;
	position: absolute;
	right: 10px;
	text-align: right;
	top: 5px;
}

.about .content .card-header a.collapsed:after {
	content: "\f078";
}

.about .content .panel-body {
	border: medium none !important;
	padding: 0 30px 15px 140px;
}

.strategy-carousel .item {
	display: block;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
}

.strategy-carousel h2 {
	color: #000;
	float: left;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.35px;
	margin: 0;
	width: 20%;
}

.about .content .strategy-carousel p, .content .strategy-carousel ul {
	float: left;
	width: 80%;
	margin: 0;
}

.content .strategy-carousel ul {
	padding: 0;
}

.content .strategy-carousel ul li {
	color: #222;
	letter-spacing: 0.25px;
	font-weight: 400;
	padding: 5px 0;
}

.hr {
	background: #fff;
	height: 10px;
	margin: 0 auto;
}

#management .content {
	padding: 35px 50px;
}

#certifications ul {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
}

#certifications ul li {
	width: 50%;
	padding: 15px 0;
	float: left;
	margin: 0;
}

#certifications ul li:before {
	content: "\f0a3";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	padding-right: 10px;
}

.sustainability-list ul li {
	counter-increment: sus;
	padding-left: 30px;
	position: relative;
}

.sustainability-list ul li::before {
	color: #121121;
	content: "0" counter(sus, decimal);
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	left: 0;
	position: absolute;
	top: 1px;
}

#news .news-box {
	margin-bottom: 0;
}

.news-list {
	height: 230px;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
}

#news .news-link {
	min-height: 55px;
}

#news .news-link a {
	color: #000;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.55px;
	display: block;
	margin-top: 5px;
}

#news .news-box, .publication {
	min-height: 290px;
}

.publication {
	padding: 20px;
	background: #F8F8F9;
}

.publication h3::before {
	margin: 0;
	width: 0;
}

.publication ul {
	padding: 0;
}

.publication ul li {
	padding: 5px 0;
}

.publication ul li a:hover {
	color: #aab700;
}

.news-carousel .slick-arrow {
	bottom: auto;
	top: 42%;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
	opacity: 0.4;
}

.news-carousel .slick-prev {
	left: 1px;
}

.news-carousel .slick-next {
	right: 1px;
}

/*------------- C O M P A N Y ---------------*/

.company-content {
	min-height: 100vh;
	background: #f5f5f5;
}

.company-content img {
	margin: 0 auto 50px;
}

.company-content .content {
	margin: 0 auto;
	text-align: center;
}

/*----------- I N D U S T R I E S -----------*/

.inner-banner-content p {
	margin: 30px 0;
}

.industries-list {
	background: #EBEDF4;
	border-right: 2px solid #fff;
	display: table;
	height: 160px;
	margin-bottom: 2px;
	text-align: center;
	width: 100%;
}

.industries .col-xs-12:nth-child(3) .industries-list, .industries .col-xs-12:nth-child(7) .industries-list, .industries .col-xs-12:nth-child(11) .industries-list {
	border-width: 0;
}

.industries-list .industries-des {
	display: table-cell;
	vertical-align: middle;
}

.company-info {
	background: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: all 600ms linear;
	transition: all 600ms linear;
}

.industries-list:hover .company-info {
	opacity: 1;
}

.company-info a {
	height: auto;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.company-info h3, .company-info p {
	margin: 0;
}

/*----------------- A W A R D S ---------------*/

.award, .news {
	margin-top: 75px;
}

.award {
	padding: 50px 0 50px;
	background: #fff url("../images/shapes.png") repeat scroll 0 0 / 360px auto;
	margin-top: 0;
}

.award .container::before, .award .container::after {
	background: #ddd none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 16px;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 16px;
	left: 50%;
}

.award .container::before {
	top: 0;
}

.award .container::after {
	bottom: 0;
}

.award .container {
	background: url(../images/bg-award.jpg) repeat-y top center;
	position: relative;
	margin-bottom: 50px;
	padding: 100px 0 50px;
}

.award .row {
	margin: 30px 0;
	position: relative;
}

.year {
	background: #fff none repeat scroll 0 0;
	color: #747474;
	cursor: pointer;
	font-size: 21px;
	font-weight: 300;
	letter-spacing: 0.5px;
	margin: 0 auto;
	padding: 30px 0 5px;
	position: relative;
	text-align: center;
	width: 50px;
}

.year::before {
	background-color: #cdcdcd;
	border-radius: 50%;
	color: #222;
	content: "\f078";
	font-family: "FontAwesome";
	font-size: 12px;
	height: 20px;
	left: 50%;
	margin-left: -10px;
	padding-top: 2.5px;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 20px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.year::after {
	content: '';
	width: 0%;
	height: 1px;
	background: #323f9c;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 4px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.year:hover::after, .year.active::after, .year.active {
	width: 60px;
	color: #323f9c;
}

.year.active:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.award .slide-content {
	background: #fff none repeat scroll 0 0;
	display: block;
	overflow: hidden;
	padding: 30px;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
	position: relative;
	z-index: 2;
}

.award-intro::after {
	background: #fff;
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -4px;
	position: absolute;
	top: 0;
	width: 8px;
	z-index: -1;
}

.award-intro {
	line-height: 18px;
	margin: 10px 0;
	position: relative;
	text-align: center;
	z-index: 1;
}

.news {
	background: #fff;
	padding: 50px 0 35px;
}

.awards-parent, .news-parent {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}

.award-content, .news-box {
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
	display: inline-block;
	height: auto;
	margin-bottom: 15px;
	padding: 30px;
	width: 100%;
}

.award .award-content {
	padding: 0;
	background: none;
}

.award-content ul, .sustainability-list ul, .all-news ul {
	padding: 0;
	margin: 0;
}

.award-content ul li {
	margin: 0 0 15px;
	padding: 0;
	vertical-align: middle;
}

.award-content ul li img {
	padding-right: 15px;
	float: left;
}

.award .row:nth-child(2n+2) ul {
	text-align: right;
}

.award .row:nth-child(2n+2) ul li img {
	float: right;
	padding-left: 15px;
	padding-right: 0;
}

.award-icon {
	background: #f8f8f9 none repeat scroll 0 0;
	padding: 10px 0 5px;
}

.award-icon ul li {
	color: #222;
	font-size: 13.8px;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 22px;
}

/*---------------- N E W S --------------*/

.news {
	background: #fff url("../images/wave-pattern.png") repeat scroll 0 0;
}

.news-box {
	padding: 0;
	display: block;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}

.news-content {
	background: rgba(49, 61, 141, 0.4) none repeat scroll 0 0;
	bottom: 0;
	height: 35%;
	left: 0;
	width: 100%;
	padding: 20px;
	position: absolute;
	z-index: 99;
	transition: all 0.3s linear;
}
.news-thumb .news-content {
	background: rgba(49,61,141, 0.8) none repeat scroll 0 0;
	height: 30%;
	padding: 10px 20px;
}
.news-thumb .news-content a{
	line-height: .1;
}
.news-thumb .news-content .source{
	color: #fff;
	font-weight: 600;
}
.news-thumb .news-content .source:hover{
	color: #ccc;
	font-weight: 700;
}
.news-box:hover .news-content {
	background: rgba(49, 61, 141, 0.4) none repeat scroll 0 0;
	height: 60%;
}
.news-thumb:hover .news-content {
	background: rgba(49,61,141, 0.7) none repeat scroll 0 0;
	height: 60%;
}
.news-box .img-responsive {
	width: 100%;
}

.news-content h2 {
	margin: 0;
}

.news-content h2 a {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.25px;
	line-height: normal;
}

.news-box:hover h2 a {
	color: #ffc107;
}

.news-content span {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.5px;
	margin: 15px 0 5px;
}

.news-pagination ul li a {
	border: 1px solid #222;
	border-radius: 50%;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 38px;
	width: 40px;
}

.news-details-content {
	padding: 30px;
	background: #fff;
}

.all-news {
	padding: 20px;
	background: #fff;
}

.all-news ul li {
	padding: 15px 0 15px 30px;
	position: relative;
}

.all-news ul li::before {
	color: #354045;
	content: "\f054";
	font-family: FontAwesome;
	font-size: 14px;
	left: 0;
	position: absolute;
	top: 19px;
}

.all-news ul li a {
	color: #222;
	display: block;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.25px;
	line-height: normal;
}

/*------------ C O N T A C T ------------*/

.contact {
	background: #fff;
	padding: 10px 0 50px;
}

.contact-top {
	background: #354045;
}

#map {
	width: 100%;
	height: 90vh;
}

#map span, #map div a, .gm-style-cc {
	display: none !important;
}

.gm-style div {
	box-shadow: none !important;
}

.gm-style img {
	cursor: pointer;
}

#map p, #map {
	margin: 0;
	text-align: center;
}

#map b {
	color: #333;
}

.address-section {
	background: #f4f4f4 none repeat scroll 0 0;
	padding: 50px;
}

.address-nav ul li a {
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.25px;
	padding: 10px;
	line-height: normal;
	cursor: pointer;
}

.address-nav ul li a:hover, .address-nav ul li a.active {
	color: #7C9E28;
}

.address-nav ul li a.active {
	background: #e8e8e8;
	background: linear-gradient(to left, #F4F4F4, #e1dfdf) repeat scroll 0 0;
	font-weight: 300;
	padding: 10px;
}

.address-section address {
	min-height: 205px;
}

.address-section address ul {
	padding: 0;
	margin: 0;
}

.address-section address h3 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.25px;
	color: #354045;
}

.address-section address ul li {
	color: #666;
	font-weight: 300;
	letter-spacing: 0.25px;
	padding: 5px 0 5px 30px;
	position: relative;
}

.address-section address ul li::before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	left: 0;
	position: absolute;
	color: #354045;
	top: 4px;
}

.address-section address ul li:nth-child(1)::before {
	content: "\f278";
}

.address-section address ul li:nth-child(2)::before {
	content: "\f095";
}

.address-section address ul li:nth-child(3)::before {
	content: "\f1ac";
}

.address-section address ul li:nth-child(4)::before {
	content: "\f003";
}

.address-section address ul li a {
	font-weight: 500;
}

/*.publications {
	padding: 30px 0 50px;
}*/

/*---------------- C A R E E R ----------------*/

.career .content {
	width: 50%;
}

.career .inner-content {
	background: url(../images/stripes-bg.png) no-repeat left top;
	background-size: cover;
}

.career .content p a {
	font-weight: 500;
	color: #111;
}

.joblist ul {
	display: block;
	margin: 20px 0;
	overflow: hidden;
	padding: 0;
}

.joblist ul li {
	float: left;
	margin-bottom: 15px;
	width: 48%;
}

.joblist ul li a {
	background: #f8f7f3 none repeat scroll 0 0;
	color: #222;
	display: block;
	letter-spacing: 0.25px;
	padding: 15px;
	transition: all 0.3s linear;
}

.joblist ul li a:hover, .joblist ul li:nth-child(2n+1) a:hover {
	background: #354045 none repeat scroll 0 0;
}

.joblist ul li a:hover h3, .joblist ul li a:hover p, .joblist ul li:nth-child(2n+1) a:hover h3, .joblist ul li:nth-child(2n+1) a:hover p {
	color: #fff;
}

.joblist ul li a .job-title {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px;
}

.joblist ul li a .details-desc {
	font-weight: 300;
	margin: 0;
}

.joblist ul li:nth-child(2n+1) a {
	background: #efeeea;
}

.content .joblist h3::before {
	width: 0;
	margin: 0;
}

.btn-site {
	background: #9b9b9b none repeat scroll 0 0;
	border: medium none;
	border-radius: 2px;
	box-shadow: 0 3px 0 #7d7d7d;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.35px;
	padding: 5px 15px;
	text-transform: uppercase;
}

.btn-site:hover {
	background: #F47A20;
	color: #ffffff;
	box-shadow: 0 3px 0 #d46513;
}

.inner {
	margin: 0 0 30px;
}

.inner h4 {
	color: #222;
	font-size: 18px;
	letter-spacing: 0.25px;
	margin: 0 0 20px;
}

.inner h4::after {
	background: #222 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 2px;
	margin-left: 15px;
	transform: translateY(-4px);
	width: 40px;
}



/************************Get Invlolved section start ******************************************/

.welcome_box {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.welcome_box:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.home-involved {
	padding-top: 50px;
	/*padding-bottom: 50px;*/
	background-color: #EBEDF4;
	/*margin-top: 50px;*/
}

.home-involved .image-holder {
	height: 131px;
	text-align: center;
}

.home-involved .text-box {
	min-height: 280px;
	padding: 40px 15px 0;
	text-align: center;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none !important;
}

.home-involved .image-holder .image-inner {
	-webkit-transform: translate(0px, -40px);
	-moz-transform: translate(0px, -40px);
	-o-transform: translate(0px, -40px);
	-ms-transform: translate(0px, -40px);
	transform: translate(0px, -40px);
}

.yellow_bg {
	background-color: #ffc107 !important;
}

.pink_bg {
	background-color: #ff4081 !important;
}

.lgreen_bg {
	background-color: #00bcd4 !important;
}

.red_bg {
	background-color: #d32f2f !important;
}

.green2_bg {
	background-color: #00796b !important;
}

.blue_bg {
	background-color: #303f9f !important;
}

.purple2_bg {
	background-color: #9c27b0 !important;
}

.orange_bg {
	background-color: #ff9800 !important;
}

.home-involved .text-box>h5 {
	padding: 0px 0 20px;
	font-size: 24px;
	/*font-family: 'Montserrat-ExtraBold', sans-serif;*/
	font-weight: 600;
}

.home-involved .text-box>p {
	font-size: 16px;
	max-width: 250px;
	margin: 0 auto;
	line-height: 1.5;
}

.welcome_box .plus_modal {
	border-radius: 50%;
	bottom: -35px;
	color: #fff;
	display: block;
	font-size: 60px;
	font-family: 'Montserrat-Light', sans-serif;
	height: 75px;
	left: 0;
	margin: 0 auto;
	padding: 0px 0 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 75px;
	line-height: 75px;
}

/************************Get Invlolved section end ******************************************/

.top-donate-btn {
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.84);
	border: 2px solid #215E21;
	background: #215E21;
	margin-left: 10px;
	transition: all 0.3s linear;
	font-size: 0.6875rem;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.1;
	padding: 0.7rem 1.375rem;
}

.top-donate-btn:hover, .top-donate-btn:focus {
	background: #215E21;
	color: #fff !important;
}

.tiny .top-donate-btn {
	margin-top: 0;
	margin-bottom: 0;
}

.dropdown span {
	display: inline-block;
	position: relative;
	padding-right: .5rem !important;
	padding-left: 0 !important;
	cursor: pointer;
}

.dropdown .nav-link {
	display: inline-block !important;
}
.dropdown .dropdown-menu .nav-link {
	display: block !important;
}
.dropdown-menu {
	padding: 0px 0;
	margin: 0 0 0;
	border: 0px solid transition !important;
	border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.40);
	-moz-box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.40);
	box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.40);
}
/*
.dropdown-menu li {
	border-bottom: 1px solid #e0e0e0;
}

.dropdown-menu li a {
	display: block;
	padding: 10px 10px;
	color: rgba(0, 0, 0, .5);
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.25px;
	text-transform: uppercase;
}*/

/*first level*/

.main-menu .collapse ul>li:hover>a {
	background: #f5f5f5;
}

.main-menu .collapse ul ul>li:hover>a, .navbar .show .dropdown-menu>li>a:focus, .navbar .show .dropdown-menu>li>a:hover {
	background: #fff;
}

/*second level*/

.main-menu .collapse ul ul ul>li:hover>a {
	background: #fff;
}

/*third level*/

.main-menu .collapse ul ul, .main-menu .collapse ul ul.dropdown-menu {
	background: #fff;
}

.main-menu .collapse ul ul ul, .main-menu .collapse ul ul ul.dropdown-menu {
	background: #fff
}

.main-menu .collapse ul ul ul ul, .main-menu .collapse ul ul ul ul.dropdown-menu {
	background: #fff
}

/*Drop-down menu work on hover*/

/* .main-menu{background: none;margin: 0;padding: 0;min-height:20px} */


.our_impact h2 {
	color: #333;
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	position: relative;
	margin: 30px 0 60px;
}

.our_impact h2::after {
	content: "";
	width: 100px;
	position: absolute;
	margin: 0 auto;
	height: 3px;
	background: #215E21;
	left: 0;
	right: 0;
	bottom: -10px;
}

.our_impact .col-center {
	margin: 0 auto;
	float: none !important;
}

.our_impact .carousel {
	margin: 50px auto;
	padding: 0 70px;
}

.our_impact .carousel .item {
	color: #999;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: 290px;
}

.our_impact .carousel .item .img-box {
	width: 135px;
	height: 135px;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
}

.our_impact .carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}

.our_impact .carousel .testimonial {
	padding: 30px 0 10px;
}

.our_impact .carousel .overview {
	font-style: italic;
}

.our_impact .carousel .overview b {
	text-transform: uppercase;
	color: #215E21;
}

.our_impact .carousel .carousel-control {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	top: 50%;
	background: none;
}

.our_impact .carousel-control i {
	font-size: 68px;
	line-height: 42px;
	position: absolute;
	display: inline-block;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

.our_impact .carousel .carousel-indicators {
	bottom: -40px;
}

.our_impact .carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	margin: 1px 3px;
	border-radius: 50%;
}

.our_impact .carousel-indicators li {
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

.our_impact .carousel-indicators li.active {
	background: #555;
	box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}

.video_play_button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 62px;
	cursor: pointer;
}

#locations .top-donate-btn:focus {
	background: #215E21;
	color: #fff;
}

.modal {
	z-index: 99999;
}

.img-wrap {
	text-align: center;
}

h4.prokolpo_name {
	color: #215E21;
	text-transform: uppercase;
}

h5.person_name {
	text-transform: uppercase;
}

/*
 * Blog 
 * -----------------------------------------------
*/

.post .entry-header {
	position: relative;
	overflow: hidden;
}

.post .entry-title {
	margin-top: 0;
}

.post .entry-content {
	background: #f7f8fa;
	padding: 15px;
}

.post .entry-date {
	font-size: 13px;
}

.post .entry-meta.meta-absolute {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.post .entry-meta.meta-absolute i {
	display: block;
	font-size: 28px;
}

.post .entry-meta.meta-absolute span a {
	color: #454545;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 2px;
	margin-right: 5px;
}

.post.media-post .post-thumb {
	float: left;
	margin: 0 10px 10px 0;
	max-height: 240px;
}
.post-thumb {
	max-height: 240px;
}
.post .post-thumb {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*
   * Blog Style 2
   * -----------------------------------------------
  */

.post.style2, .post.style3 {
	position: relative;
	overflow: hidden;
}

.post.style2 .entry-content, .post.style3 .entry-content {
	background-color: rgba(0, 0, 0, 0.8);
	bottom: -30px;
	left: 0;
	padding: 30px;
	position: absolute;
	right: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.post.style2 .entry-content .entry-date, .post.style3 .entry-content .entry-date {
	font-size: 11px;
	margin-bottom: 10px;
}

.post.style2:hover .entry-content, .post.style3:hover .entry-content {
	bottom: 0;
}

.post.style2:hover .post-thumb, .post.style3:hover .post-thumb {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.post .entry-header .entry-date {
	position: absolute;
	bottom: 0;
	right: 0;
}

.featured-blog {
	overflow: hidden;
	position: relative;
}

.featured-blog-details {
	bottom: -18%;
	padding: 30px;
	position: absolute;
	transition: all 400ms ease-in-out 0s;
	width: 100%;
}

.featured-blog:hover .featured-blog-details {
	bottom: 0;
}

.reply-box .form-group input {
	border-radius: 0;
	height: 45px;
	margin-bottom: 30px;
}

.featured-blog {
	overflow: hidden;
	position: relative;
}

.featured-blog-details {
	bottom: -18%;
	padding: 30px;
	position: absolute;
	transition: all 400ms ease-in-out 0s;
	width: 100%;
}

.featured-blog:hover .featured-blog-details {
	bottom: 0;
}

/*
   * Blog Style 3
   * -----------------------------------------------
  */

.news .photo {
	display: block;
	position: relative;
}

.news .photo .date {
	font-family: 'Roboto', sans-serif;
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 800;
	font-size: 24px;
	text-align: center;
	background: #2990CB;
	color: #fff;
	padding: 8px 24px 4px;
	line-height: 0.9em;
}

.news .photo .date span {
	display: block;
	font-size: 14px;
}

.donation-campains {
	padding-top: 60px;
	padding-bottom: 60px;
}

.donate-read-more {
	display: inline-block;
	margin-left: 0;
}

.mt-10 {
	margin-top: 10px;
}

/*------------- F A Q ------------*/

.faq-section {
	margin: 80px 0;
}

.faq-section .panel-heading {
	background: #215E21 none repeat scroll 0 0;
	border: medium none;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #fff;
	letter-spacing: 0.25px;
	padding: 18px 15px;
}

.faq-section .panel-heading a {
	font-size: 16px;
}

.faq-section .panel {
	background: #f8f7f3 none repeat scroll 0 0;
	border: medium none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*.intro-txt{
	 color: #666;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.35px;
    line-height: 36px;
	margin-bottom:35px;
	}*/

.intro-txt a {
	font-weight: 600;
	position: relative;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.intro-txt a:after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #215E21;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.intro-txt a:hover {
	color: #df1e31;
}

.intro-txt a:hover:after {
	width: 100%;
}

.faq-section .panel-body ul {
	padding: 0;
}

.faq-section .panel-body ul li {
	margin-bottom: 15px;
}

.faq-section .panel-body ul li h4 {
	color: #215E21;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.25px;
	line-height: normal;
	margin: 0;
}

.faq-section .panel-body ul li p {
	color: #666;
	font-weight: 400;
	letter-spacing: 0.25px;
	line-height: 22px;
	padding-left: 22px;
}

.panel-title>a, .panel-title>small, .panel-title>small>a {
	color: #fff;
}

.panel-title i {
	color: #fff;
}

.panel-group .panel+.panel {
	margin-top: 5px;
}

a:hover, a:focus {
	text-decoration: none;
	background: none;
}

a:hover, a:active {
	outline: none;
	text-decoration: none;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #ddd;
}

.panel-body {
	padding: 15px;
}

/* ======================================= */

.donation-details {
	margin: 150px 0;
}

.donation-details input {
	border: 1px solid;
	border-radius: 3px;
}

.donation-details p {
	font-size: 16px;
}

.donation-details .category a {
	font-size: 16px;
	font-weight: bold;
}

.donation-details .category a:hover {
	color: #333 !important;
}

.donation-details .nav a:hover {
	color: #495057 !important;
}

.newsroom1 {
	margin: 100px 0;
}

/* .newsroom1 a:hover {
	color: #333 !important;
} */

.page-item.active .page-link, ul.pagination .current {
	background-color: #215E21;
	border-color: #215E21;
	color: #fff;
}

.blog-post-date .source {
	text-decoration: underline;
	text-transform: capitalize;
	font-style: normal;
}

.file {
	display: block;
	position: relative;
	background: #215E21;
	text-align: center;
}

.file h2 {
	font-size: 16px !important;
	margin-bottom: 0;
	padding: 10px 0 10px 0;
	border-radius: 10px 10px 0 0;
	color: #fff;
}

.file h5 {
	font-size: 14px !important;
	margin-bottom: 0;
	padding: 5px 0 10px 0;
	color: #fff;
	font-weight: 300;
}

.file img {
	width: 100%;
}

/* 
.file_card {
	padding: 20px;
	box-shadow: 5px 10px 15px 0px #a0a0a06e;
	opacity: 1;
	background-color: rgba(216, 216, 216, 0.5);
	border-radius: 0.375rem;
	transition: all .3s ease-in;
	width: 100%;
}

.file_card:hover {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.file_card .card_icon {
	text-align: center;
	color: #b5b5b5;
	font-size: 100px;
}

.file_card .card_name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 1rem;
	text-align: center;
	font-weight: 500;
	color: #656565;
}

.file_card .card_dres {
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.5;
	color: #656565;
	font-weight: 300;
}

.hover_bg {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	background: rgba(49, 61, 141, .5);
	width: 100%;
	height: 100%;
	border-radius: 0.375rem;
} */

/* .file_card:hover .image {
	opacity: 0.3;
  } */

/* 
.file:hover .hover_bg {
	opacity: 1;
}

.hover_bg .btn {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
} */

.blog-post-date {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	color: #afafaf;
	line-height: 32px;
}

.section-padding {
	padding-top: 100px;
	padding-bottom: 100px;
}

/*----------------------------------------------------------------
					Start News & Media Section
----------------------------------------------------------------*/

.news-media img {
	width: 100%;
}

.blog-story {
	padding: 25px 0;
	border-bottom: 1px solid #ededed;
}

.blog-story:first-child {
	padding-top: 0;
}

.blog-image {
	width: 100%;
	min-height: 375px;
	background: #ccc;
}

.blog-content h2 {
	/*font-family: century-gothic, sans-serif;*/
	font-size: 22px;
	font-weight: 800;
	line-height: 32px;
	color: #215E21;
	padding-top: 20px;
	padding-bottom: 5px;
}

.blog-content p {
	font-size: 14px;
	font-weight: 500;
	color: #777777;
	line-height: 24px;
	padding-bottom: 30px;
}

.blog-category h3 {
	/*font-family: century-gothic, sans-serif;*/
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
	color: #333333;
	padding-bottom: 17px;
	border-bottom: 1px solid #dadada;
}

.blog-category ul li {
	padding-left: 16px;
	line-height: 32px;
}

.blog-category ul li::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #215E21;
	left: 0;
	position: relative;
	display: block;
	top: 19px;
	border-radius: 50%;
}

.blog-category ul li a {
	font-size: 16px;
	font-weight: 400;
	padding-left: 16px;
	color: #333333;
}

.blog-category ul li a:hover {
	color: #215E21;
}

.blog-category .latest-news, .most-read-news {
	border: 1px solid #dadada;
	margin-top: 60px;
}

.blog-category .latest-news h3, .blog-category .most-read-news h3 {
	padding: 20px 30px;
}

.latest-news .latest-news-list, .most-read-news .most-read-list {
	padding: 22px 30px 0;
}

.latest-news .news-block, .most-read-news .news-block {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.latest-news .news-block .img-block {
	height: 70px;
	width: 70px;
	bottom: 20px;
	min-height: 70px;
	background: #ccc;
	float: left;
}

.latest-news .news-block .block-content {
	float: right;
}

.latest-news .news-block .block-content a, .most-read-news .news-block .block-content a {
	/*font-family: century-gothic, sans-serif;*/
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	line-height: 20px;
	width: 210px;
	display: block;
}

.latest-news .news-block .block-content a:hover, .most-read-news .news-block .block-content a:hover {
	color: #215E21;
}

.latest-news .news-block .block-content h5, .most-read-news .news-block .block-content h5, .blog-details-content h5, .blog-content h5 {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	color: #afafaf;
	line-height: 32px;
}

.latest-news .blog-view-more, .most-read-news .blog-view-more {
	padding-left: 30px;
	padding-bottom: 30px;
}

.latest-news .blog-view-more a, .most-read-news .blog-view-more a {
	font-size: 14px;
	line-height: 24px;
	color: #215E21;
}

.most-read-list .block-content {
	margin-bottom: 8px;
}

.blog-details .blog-details-image {
	max-width: 730px;
}

.blog-details h1 {
	/*font-family: century-gothic, sans-serif;*/
	font-size: 22px;
	font-weight: 800;
	line-height: 32px;
	color: #333333;
	padding-top: 20px;
	padding-bottom: 5px;
}

.blog-details p, .blog-content p {
	padding-top: 8px;
}

.story .category ul {
	list-style: none;
}

.news-media .category-list {
	padding: 0;
}

.entry-content .title {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.album-name {
	color: #737373;
	padding-top: 5px;
}

.section-gap {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* publication slider */

.carousel-indicators li {
	background-color: red;
	border: none;
	height: 12px;
	width: 12px;
	margin: 0;
}

.publication-carousel .slick-prev, .team-carousel .slick-prev, .slick-next {
	background: #215E21;
	height: 40px;
	width: 40px;
}

.publication-carousel .slick-prev, .team-carousel .slick-prev {
	left: 88%;
	top: -30px;
}

.publication-carousel .slick-next, .team-carousel .slick-next {
	right: 15px;
	top: -30px;
}

.publication-carousel .slick-next::before, .team-carousel .slick-next::before {
	content: "\f054";
	font-family: FontAwesome;
	font-size: 14px;
	margin: auto;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.publication-carousel .slick-prev::before, .team-carousel .slick-prev::before {
	content: "\f053";
	font-family: FontAwesome;
	font-size: 14px;
	margin: auto;
	text-align: center;
	transition: all 0.2s ease-in-out;
}

.publication-page .slick-next:hover, .publication-page .slick-next:focus {
	color: transparent;
	outline: none;
	background: #215E21;
}

.publication-page .content h3 {
	margin: 0 0 27px;
}

.newsroom1 .container h3 {
	color: #222;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.75px;
	line-height: normal;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.newsroom1 .container h3::before {
	background: #222 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 1px;
	margin-right: 15px;
	transform: translateY(-5px);
	width: 40px;
}

/* get involved page */

.get-involved-page .content, .career .content {
	width: 100%;
}

.read-more-btn {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
}

.blog-pager a:hover i {
	border: 1px solid #215E21;
	transform: rotate(360deg);
}

.blog-pager a i {
	border: 1px solid #333;
	border-radius: 50%;
	font-size: 16px;
	font-weight: 300;
	padding: 5px;
	transition: all .3s linear;
}

.blog-pager a:hover {
	color: #215E21;
}

.blog-pager a {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .25px;
}

.comments {
	margin-bottom: 50px
}

.comments ul li a, .blog-social p {
	color: #a4a3a3;
	letter-spacing: .25px;
	font-size: 15px;
	text-transform: uppercase;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.comments ul li a:hover {
	color: #0c1b81;
}

.comments ul li a i, .blog-social p i {
	font-size: 18px
}

.blog-social ul li {
	background: #a4a3a3
}

.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.single-share {
	background: #215E21;
	padding: 5px 0 0;
	margin: 0 3px;
	width: 36px;
	height: 36px;
	line-height: 30px;
	border-radius: 50%;
	transition: all .3s linear;
}

.single-share:hover {
    background: #0c1b81;
}

.single-share a {
	color: #ffffff !important;
}

.select-style {
	margin: 0 0 20px;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
}

.select-style select {
	padding: 2px 8px;
	width: 100%;
	font-size: 16px;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	appearance: none;
}

.archives .select-style select {
	border: 1px solid;
	border-radius: 3px;
}

.get-involved-page .btn-read, .btn-full, .donation-campains .btn-read, .btn-full {
	margin: 0;
}
.post {
    margin-bottom: 30px;
}
/*new layout size width*/

.main-footer {
    padding: 30px 2% 0px;
}
.copy .container, .container{
	padding-left: 0px;
	padding-right: 0px;
}
.no-gutter{
	padding-left: 15px;
	padding-right: 15px;
}
.cmn-content {
    padding: 40px 15px 0;
}
.industries-list:hover {
    background: rgba(33, 94, 33, 0.6);
    transition: all 0.2s ease-in-out;
}
.industries-list:hover a{
	color: #fff;
}
a:hover{
    color: #215E21;
}
#stories p{
	text-align: justify;
}

#management {
    background: #131c5c;
}
.modal-img{
	width: 300px;
}
#map{
	height: 500px;
}
.container{
	max-width: 100%;
}

.body-layout{
	width: 1600px;
    max-width: 96%;
    margin: 0 auto; 
}

.what-we-do,.service-process{
	padding: 50px 0;
}
.what-we-do .heading{
	padding-bottom: 25px;
}
.what-we-do .text-program{
	text-align: center;
}
.what-we-do .text-program a{
	font-size: 18px;
	color: #fff;
}
.what-we-do .text-program a:hover{
	color: #fff;
}
.program-content {
    background: rgba(33, 94, 33, 0.6) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 99;
    transition: all 0.3s linear;
}
.impact{
	background: #fff url(../images/impact_bg.jpg) no-repeat scroll 0 0;
    padding: 40px 0;
    background-size: cover;
}
.program-impact .container{
	padding: 108px 0;
	background-color: rgba(0,0,0,.5);
}
.impact .heading, .program-impact .heading, .impact p{
	color: #fff;
	text-align: center;
}
.impact h2, .program-impact h2{
	color: #fff;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
}
.impact h3, .program-impact h3{
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}

.top-nav {
    background: #215E21 none repeat scroll 0 0;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.25px;
    padding: 10px 2%;
    float: right;
    width: 100%;
}
.top-nav ul{
    margin: 0;
}
.top-nav .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    float: right;
}
.top-nav .navbar-nav>li>a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.25px;
    text-transform:capitalize;
    position: relative;
    padding: 0 10px;
    color: #fff;
}
.top-nav .navbar-nav>li>a:hover {
    font-weight: 700;
}
.navbar .sub-menu,
.navbar .dropdown-menu{
	z-index: 99999;
	padding-left: 0px;
}
.navbar .sub-menu li,
.navbar .dropdown-menu li{
	font-size: 14px;
	border-bottom: 1px solid #215E21;
	line-height: 2;
}

.navbar .sub-menu li a,
.navbar .dropdown-menu li a{
	display: block;
	padding-left: 15px;
	color: #333 !important;
}
.navbar .sub-menu li a:hover,
.navbar .dropdown-menu li a:hover{
	background: #215E21 !important;
	color: #fff !important;
}
.date-block p{
    font-size: 16px;
    font-weight: 400;
}
.list-inline-item{
	padding-right: 10px;
	font-size: 20px;	
}
.copy a:hover{
	color: #a1a1a1;
}
.program{
	margin: 50px 0px;
}
.program-para{
	font-size: 20px;
	font-weight: 500;
	text-align: justify;
	margin-bottom: 25px;
}
.program-block ul li:before,
#goal ul li:before,.service-banner-content ul li::before{
  content: '✓ ';
  font-weight: 600;
  width: 1em;
  height: 1em;
}
.program-banner{
	text-align: center;
}
.program-banner .caption {
    color: #fff;
    margin: 0 auto;
    z-index: 1;
    transition: all .3s ease;
}
.program-banner .caption .caption-content{ 
	padding: 10px;
	margin-bottom: 20px;
    background: rgba(33,94,33, 0.6);
    border-radius: 10px;
}

#stories, #vision, #goal, #registration, .governance {
    background: #215E21;
    margin-top: 20px;
}
.about-text h2, .about-text h3, .about-text p, .about-text li {
	color: #fff !important;
}
.about-text li {
    padding: 7px 0px;
    font-size: 16px;
}
.about-text h3::before {
    background: #fff none repeat scroll 0 0;
}
section.about{
	margin-top: 40px;
}
.team{
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	text-align: center;
}
.team:hover{
	color:#131c5c !important; 
}

.team-fig, .team-details{
	padding:5px 20px;
}
.team-details p{
	font-size: 16px;
	text-align: justify;
	padding-bottom: 10px;
	font-weight: 400;
}
.team p, .designation{
	color:#131c5c;
	font-weight: 700 !important;
}
.active .sub-menu li a{
	color: #333 !important;
}
.profile{
	margin:40px 0px;
	border: 1px solid #ccc;
}
.other-profile{
	background: #EBEDF4;
}
.other-profile h2{
	font-size: 24px;
}
.other-profile .team{
	min-height: 380px;
	background: #fff;
}
.team-carousel .slick-prev:hover, .team-carousel .slick-prev:focus,
.team-carousel .slick-next:hover, .team-carousel .slick-next:focus {
    color: #fff;
    background: #131c5c !important;
}
.other-profile .heading{
	padding-bottom: 45px;
}
#vision ul li strong{
	font-size: 16px;
}
#registration table th, #registration table td{
	color: #fff;
	border: 1px solid #fff;
	padding: 15px;
}
.btn-program{
	top: -40px;
	background-color: #215E21;
	color: #fff;
}
.btn-program:hover{
	border: 1px solid #fff;
}
.navbar-toggler {
    font-size: 2.25rem;
}
.navbar-light .navbar-toggler {
    color: #215E21;
    border-color: #215E21;
}

.dropdown .nav-link{
	padding-right: 0px !important;
}

a .program-title:hover{
	color: #215E21;
}


.search-toggle::after {
    height: 2px;
    width: 7px;
    background: #0097bf;
    top: 10px;
    left: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.search-toggle.active::before {
    width: 0;
    border-width: 1px;
    border-radius: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -1px;
    left: 4px;
}
.search-toggle.active::after {
    width: 12px;
    left: -1px;
    top: 4px;
}
.search-input:focus {
    outline: none;
}
#main-menu .search-box {
    position: absolute;
    width: 250px;
    height: 100%;
    max-height: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    background-color: #215E21;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}
#main-menu .search-box .search-input {
    width: 250px;
    height: 100%;
    padding: 0 1em;
    border: 0;
    background-color: transparent;
    opacity: 0;
    color: #fff;
    display: none;
}
#main-menu .search-box .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
}
#main-menu.show .search-box {
    max-height: 38px;
    right: 60px;
    top: -38px;
}
#main-menu.show .search-box .search-input {
    opacity: 1;
    display: block;
    text-align: center;
}

.eyecare{
    margin-top: 20px;
}
.main-banner {
	position: relative;
	overflow: hidden;
}
.main-banner .main-intro {
	animation-delay: 0s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: u;
	height: auto;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
}
.main-banner .background {
	z-index: -2;
}
.eyecare .banner-content p{
	padding: 10px;
}
.main-banner .banner-content {
	position: relative;
	z-index: 2;
	padding: 12% 0;
	background-color: rgba(0, 0, 0, 0.7);
	/*width: 50%;*/
	margin: 0 auto;
	color: #fff;
}
.eye-para{
	margin-right: 10%;
}
.about-banner .item{
	min-height: 300px;
}
.program-block{
	padding: 50px !important;
	background-color:#EFEFEF;
	text-align: center;
}
.program-block .odd{
	padding-right: 0px;
}
.program-block .even{
	padding-left: 0px;
}
.program-block h3 {
    line-height: 31px;
    font-weight: 400;
    font-style: normal;
    color: #215E21;
    font-size: 32px;
    margin: 5px 0 15px 0;
    padding: 0 20px;
}
.program-block p{
    /*font-family: "Poppins",Arial,Helvetica,sans-serif;*/
    line-height: 25px;
    font-weight: normal;
    font-style: normal;
    color: #333333;
    font-size: 16px;
    padding: 0 20px;
    text-align: justify;
}
.program-block ul {
  list-style: none;
}
.program-block ul li {
	float: left;
	text-align: left;
	padding: 4px 20px 4px 0px;
	font-weight: 400;
	width: 100%;
}
.what-we-do .news-box figure{
	margin-bottom: 0px;
}

.nav-link {
    display: block;
    padding: 0;
}
.event .nav-link {
    display: block;
    padding: .5rem 1rem;
}
.team-carousel .item, .publication-carousel .item{
	padding: 0 15px;
}
#donation_amount_field{
	padding: 5px;
}
.apply-option{
	padding: 20px;
}
.form-control:focus {
    border: 1px solid #215E21 !important;
}

.product-price input{
    width: 100%;
    max-width: 120px;
    padding: 5px;
    border: 1px solid #215E21;
}
.product-name a{
	color: #215E21;
	font-weight: 500;
}
form.woocommerce-cart-form{
	font-weight: 500;
}
form.woocommerce-cart-form .button, .woocommerce-message .button,
.cart_totals .button, .place-order .button{
	background-color: #215E21 !important;
	color: #fff !important;
}
#order_comments_field label, #order_comments_field span, .form-row-wide label, .form-row-wide span, .woocommerce-terms-and-conditions-wrapper {
    width: 100%;
}
#customer_details .col-6 {
    float: left;
}
.woocommerce-checkout form textarea#order_comments {
    height: 12em;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 60px;
    box-shadow: none;
}
.woocommerce a.remove {
    font-size: 2.5em;
}


.banner-overlay {
    background-color: rgba(49, 61, 141, 0.4);
    background: -webkit-linear-gradient(left, rgba(49, 61, 141, 0.3) 0% , rgba(49, 61, 141, 0.4));
    background: -o-linear-gradient(right, rgba(49, 61, 141, 0.3) 0% , rgba(49, 61, 141, 0.4));
    background: -moz-linear-gradient(right, rgba(49, 61, 141, 0.3) 0% , rgba(49, 61, 141, 0.4));
    background: linear-gradient(to right, rgba(49, 61, 141, 0.3) 0% , rgba(49, 61, 141, 0.4));
    color: #fff;
    padding: 15px 30px;
    position: absolute;
    left: 3%;
    right: 3%;
    text-align: center;
    top: 40%;
    z-index: 999;
    max-width: 550px;
    border-radius: 10px;
    /*text-transform: lowercase;*/
}
.btn-download{
	margin-left: 0px !important;
	padding-left: 5px;
    padding-right: 5px;
    line-height: 2;
}
.btn-download a:hover{
	font-weight: 700;
}
.news-thumb{
	height: 300px;
	margin-bottom:0px !important;
}
.news-content h2 {
	line-height: 0.8;
}
.cmn-content ul li{
	line-height: 2;
}
.cmn-content ul li a{
	color: #215E21;
}

.faq-section a:hover{
	color: #440022;
}

.inner-content ul {
  list-style: none;
  padding-left: 0;
}
.inner-content ul li {
  position: relative;
  padding-left: 1.5em !important; 
}
.inner-content ul li:before {
  content: "✓ "; 
  font-weight: 600;
  position: absolute;
  left: 0;  
  width: 1em;
  height: 1em;
}
.about .content h3{
	text-transform: none;
	font-size: 20px;
}
.newsroom .container h3{
	padding: 20px 0;
}
/*.what-we-do .news-box:hover figure{
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	opacity: .7;
	height: 100%;
}*/
.about-products{
	padding: 0 11%;
}
@media all and (max-width:1024px) {
	#news .content {
		width: 100%;
		padding: 50px 20px 20px;
	}
	.about-banner .item, .career-banner {
		height: 25vh;
	}
	.about-products{
		padding: 0 4%;
	}
	
}
@media all and (min-width:1025px) and (max-width: 1240px){
	.program-block p {
	    line-height: 22px;
	    font-size: 14px;
	    padding: 0 5px;
	}
	.about-products{
		padding: 0 8%;
	}
}
@media all and (min-width:992px) and (max-width: 1024px){
	.program-block p {
	    line-height: 18px;
	    font-size: 14px;
	    padding: 0 5px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-site .navbar-nav>li>a {
		padding: 15px 6px;
		font-size: 12px;
	}
	.cmn-content {
		padding: 40px 18px 0;
		height: 300px;
	}
	.banner .caption {
		width: 60%;
	}
	.about .content {
		width: 100%;
		padding: 70px 20px 20px;
	}
	#certifications ul li {
		float: none;
		padding: 5px 0;
		width: 100%;
	}
	.strategy-carousel h2 {
		font-size: 16px;
	}
	.industries-list .industries-des h3 {
		font-size: 18px;
	}
	.inner-banner-content {
		padding: 100px 0 35px;
	}
	.address h3 {
		font-size: 24px;
	}
	.awards-parent {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.industries .col-xs-12:nth-child(7) {
		border-right: 2px solid #fff;
	}
	.program-block {
    	padding: 20px !important;
	}
	.impact-para-img {
		height: 600px;
	}
	.social-link2{
		padding-left: 8%;
	}
}

@media only screen and (max-width: 767px) {
	.banner .item {
		height: 200px;
	}
	.banner .carousel-caption {
		padding: 15px;
		right: 10%;
		width: 80%;
	}
	.carousel-caption h2 {
		font-size: 16px;
	}
	.para-img {
		background-attachment: scroll;
		background-position: left top;
		height: 180px;
	}
	.side-bar-fixed, .side-bar {
		position: static;
		height: auto !important;
	}
	.about .content, #management .content {
		padding: 20px;
		width: 100%;
	}
	.about .content .panel-body {
		padding: 15px;
	}
	.about .content .executive-board {
		height: 50px;
		margin-right: 5px;
	}
	.about .content .panel-heading a span {
		display: block;
		padding-left: 60px;
	}
	.content h3::before {
		transform: translateY(-8px);
		width: 30px;
	}
	.content h3 {
		font-size: 18px;
	}
	.member-modal .modal-dialog {
		top: 58px;
		width: 95%;
	}
	.member-modal .media-body {
		width: 100%;
		display: block;
	}
	.side-bar ul li {
		padding: 5px 0;
	}
	.inner-banner-content {
		background-attachment: scroll;
		padding: 15px 0 20px;
	}
	.inner-banner-content h3 {
		font-size: 15px;
		line-height: 22px;
	}
	.navbar-site {
		background: #fff;
	}
	.industries-list {
		border-right: 1px solid #fff;
		display: table;
		height: 100px;
		min-height: 100px;
		margin-bottom: 1px;
	}
	.industries-des img {
		height: 50px;
	}
	.navbar-site .navbar-toggle {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: medium none;
		margin-top: 20px;
	}
	.navbar-site .navbar-toggle .icon-bar {
		background-color: #222;
	}
	.navbar-site .navbar-toggle:focus, .navbar-site .navbar-toggle:hover {
		background: none;
	}
	.navbar-site .navbar-collapse {
		box-shadow: none;
		border: none;
	}
	.about-banner .owl-nav {
		padding: 2px;
	}
	.about-banner .owl-nav [class*="owl-"], .about-banner .owl-nav [class*="owl-"]:hover {
		font-size: 14px;
	}
	.side-bar {
		padding: 20px;
	}
	.about .content .panel-heading a span {
		font-size: 12px;
	}
	.para-banner {
		background-attachment: scroll;
		padding: 70px 0;
	}
	.strategy-carousel h2, .about .content .strategy-carousel p, .content .strategy-carousel ul {
		float: none;
		width: 100%;
	}
	#certifications ul li {
		width: 100%;
		padding: 5px 0;
	}
	.awards-parent {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.home-news .news-img {
		height: 150px;
	}
	.about-key {
		margin-bottom: 20px;
	}
	.banner .caption {
		padding: 15px;
		right: 5%;
		width: 90%;
	}
	.banner .caption h2 {
		font-size: 14px;
		line-height: 25px;
	}
	.about-key img {
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	.copy .text-right {
		text-align: center;
	}
	.navbar-fixed-top {
		z-index: 99999;
	}
	.address-section {
		padding: 15px;
	}
	.address-nav ul {
		padding: 0;
	}
	#map {
		margin: 0 auto;
		width: 94%;
	}
	.career .content, .about .content {
		padding: 15px !important;
		width: 100%;
	}
	.award .slide-content {
		padding: 30px 0;
	}

}

@media only screen and (max-width: 991px) {
	.main-menu .show>.dropdown-toggle::after {
		transform: rotate(-90deg);
	}
	.main-menu .mobile-nav {
		background: #5d66a2;
		padding: 3px 15px !important;
		float: right;
		margin: 5px 0;
		color: #fff !important;
	}
	.cmn-content ul{
		padding-left:0px;
	}
}

@media only screen and (min-width: 768px) {
	.img-wrap img {
		width: 100%;
	}
	.main-menu .collapse ul li {
		position: relative;
	}
	.main-menu .collapse ul li:hover>ul {
		display: block;
		margin-top: 0;
	}
	.main-menu .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 250px;
		display: none
	}
	/*******/
	.main-menu .collapse ul ul li {
		position: relative
	}
	.main-menu .collapse ul ul li:hover>ul {
		display: block
	}
	.main-menu .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 250px;
		display: none
	}
	/*******/
	.main-menu .collapse ul ul ul li {
		position: relative
	}
	.main-menu .collapse ul ul ul li:hover ul {
		display: block
	}
	.main-menu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 250px;
		display: none;
		z-index: 1
	}
	.team-text{
		max-width: 70%;
		margin:0 auto;
	}
	#site-content{
		max-width: 80%;
		margin: 0 auto;
	}
	.banner-overlay {
		top: 70%;
	}
}
@media only screen and (min-width: 981px) and (max-width: 1240px) {
	.navbar-site .navbar-nav>li>a {
		padding: 5px 2px;
		font-size: 12px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
	    padding-right: .4rem;
	    padding-left: .3rem;
	}
	
}
@media only screen and (min-width: 841px) and (max-width: 980px) {
	.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .2rem;
	}
	.navbar-site .navbar-nav>li>a {
		padding: 5px 2px;
		font-size: 11px;
	}
	.top-donate-btn {
	    text-transform: uppercase;
	    color: rgba(255, 255, 255, 0.84);
	    border: 0px solid #215E21; 
	    background: #215E21;
	    margin-left: 0px; 
	    transition: all 0.3s linear;
	    font-size: 0.6875rem;
	    font-weight: 400;
	    letter-spacing: 0px; 
	    line-height: 1.1;
	    padding: 0.7rem .575rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 840px) {
	.navbar-site .navbar-nav>li>a {
		padding: 5px 2px;
		font-size: 10px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
	    padding-right: .4rem;
	    padding-left: .3rem;
	}
	.navbar-brand .logo {
    	max-height: 65px;
	}
	.top-donate-btn {
	    text-transform: uppercase;
	    color: rgba(255, 255, 255, 0.84);
	     border: 0px solid #215E21; 
	    background: #215E21;
	     margin-left: 0px; 
	    transition: all 0.3s linear;
	    font-size: 0.5875rem;
	    font-weight: 400;
	     letter-spacing: 0px; 
	    line-height: 1.1;
	    padding: 0.7rem .575rem;
	}
}
@media (max-width: 980px) {   
   .publication-carousel .slick-prev,
   .team-carousel .slick-prev {
	    left: 80%; 
	}
}

@media (max-width: 575px) {   
   .top-nav .navbar-nav>li>a {
	    padding: 0 5px;
	}
	.banner .slick-next {
    	right: -5%;
    }
    .banner .slick-prev {
    	left: -5%;
	}
	.main-banner .main-intro {
		height: 100%;
	}
	.main-banner .banner-content {
		padding: 4% 0 !important;
	}
	.main-banner .banner-content h1{
		font-size: 1.8rem;
	}
	.eye-para, .main-banner .banner-content a {
    	margin-right: 1% !important;
    	padding-right: 5px;
    	padding-left: 5px;
	}
}
@media (max-width: 767px) {
	.eye-para{
		margin-bottom: 3px;
    	margin-right: 1% !important;
    	padding-right: 5px;
    	padding-left: 5px;
	}
	.welcome_box {
	    padding-top: 90px;
	}
	.program-img {
	    margin: 0 auto;
	    display: block;
	}
	.we-do .inner-content{
		border-bottom: 1px solid #eee;
	}
	.program-block .res{
		margin-bottom: 20px;
		padding-bottom: 20px;
		/*border-bottom: 1px solid #ccc;*/
	}
	.social-link{
		padding-bottom: 20px;
	}
	.program-impact{
		height: 100%;
		background-repeat: no-repeat;
	  	background-attachment: fixed;
	  	background-position: center -50%; 
	}
	.main-menu .dropdown-toggle {
	    background: #215E21;
	    padding: 3px 15px!important;
	    float: right;
	    margin: 5px 0;
	    color: #fff!important;
	}
	.main-menu .nav-item{
		border-bottom: 1px solid #215E21;
	}
	.main-menu .active a{
		color: #215E21 !important;
		font-weight: 700 !important;
	}
	.navbar-site .navbar-nav>li.active>a:after {
	    width: 0%;
	    background: #ccc;
	}	
}
@media (max-width: 990px) {
	#main-menu.show .search-box {
		right: 50px;
	}
}
@media (min-width: 1024px) {
	.about-text .content{
		padding-left: 100px;
		padding-right: 100px;
	}
}


.news-box:hover .program-content {
    background: rgba(33, 94, 33, 0.6);
    height: 100%;

}
.news-box:hover .program-content h2 a{
	display: block;
	padding: 45% 0;
}

p{
	font-weight: 400;
}


.pub-category{
	padding-top:0px !important;
}
.donation-table tr th{
	padding: 10px;
	background-color: #fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.donation-table tr td{
	padding: 10px;
	font-weight: 400;
}
.donation-table tr:nth-child(1), .donation-table tr:nth-child(3),
.donation-table tr:nth-child(5){
	background-color: #ccc;
}
button[name="update_cart"] {
    display: none !important;
}
.wc-donation-amount input{
	padding-top: 6px;
	padding-bottom: 6px;
}
.faq-section .panel-body ul li ul li {
    padding-left: 22px;
}
.life-content{
    min-height: 260px;
}
.life-content p{
	text-align: justify;
}
.date-block p{
	margin: 0 0 5px !important;
}
.team-details p{
	line-height: 1.4;
}
.banner-overlay h3 {
	margin-bottom: 0;
}
.portfolio{
	background-color: #ccc;
}
.portfolio-box {
    padding: 0;
    display: block;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.portfolio-box figure{
	margin-bottom: 0;
}
.portfolio-box .text-program{
	padding-bottom: .5rem;
}
.portfolio-content {
    background: rgba(33, 94, 33, 0.6) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.3s linear;
}
@media only screen and (min-width: 1200px) {
	.video_play_button {
		margin-top:23%;
	}
	.cmn-content p {
		height: 80px;
	}
	.op-0 p{
		padding-left: 0px;
	}
	.ep-0 p{
		padding-right: 0px;
	}
	.about-banner .item {
    	min-height: 420px;
	}
	.social-link2{
		padding-left: 30%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.video_play_button {
		margin-top:18%;
	}
	.cmn-content p {
		height: 102px;
	}
	.res{
		max-height: 370px;
	}
	.op-0 p{
		padding-left: 0px;
	}
	.ep-0 p{
		padding-right: 0px;
	}
	.about-banner .item {
    	min-height: 320px;
	}
	.social-link2{
		padding-left: 24%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.video_play_button {
		margin-top:23%;
	}
	.life-content {
	    min-height: 325px;
	}
	.cmn-content p {
		height: 150px;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 830px) {
	.about-banner .item {
    	min-height: 250px;
	}
}
@media only screen and (min-width: 831px) and (max-width: 991px) {
	.about-banner .item {
    	min-height: 320px;
	}
}
.dev-by{
	text-align:right;
}
@media only screen and (min-width: 768px) {
	.team-fig{
		padding-right: 0px;
	}
	.team-details{
		padding-left: 0px;
	}
}
@media only screen and (max-width: 600px) {
	.banner-overlay h3 {
		line-height: unset;
	}
	.banner-overlay h3 strong {
		font-size: 20px;
	}
	.dev-by{
		text-align: left;
	}
	.top-nav .navbar-nav>li>a{
		font-size: 12px;
		padding: 0 4px;
	}
	.res{
		min-height: 620px;
	}
	.program-block {
    	padding: 10px !important;
	}
	.program-block .even img{
    	padding-left: 15px !important;
	}
	.program-block .odd img{
    	padding-right: 15px !important;
	}
	.op-0 p{
		padding-left: 0px;
	}
	.ep-0 p{
		padding-right: 0px;
	}
	.about-banner .item {
    	min-height: 278px; 
	}
	.program-banner .caption .caption-content {
	    margin-bottom: 10px;
	    background: rgba(49, 61, 141, 0.4);
    	border-radius: 10px;
	}
	.program-banner .caption .caption-content h1{
	    font-size:1.5rem;
	}
	.program-banner .caption .caption-content h4{
	    font-size:1rem;
	}
	.container {
		overflow-x: hidden !important;
	}
	.our_impact .carousel {
	    padding: 0 10px;
	}
}
@media only screen and (max-width: 425px) {
	.about-banner .item {
    	min-height: 196px; 
	}
	
}
@media only screen and (max-width: 370px) {
	.banner-overlay h3 strong {
		font-size: 16px;
	}
	.res{
		min-height: 700px;
	}
	.about-banner .item {
    	min-height: 140px; 
	}
	
}
input.donate-read-more{
	background-color: #215E21 !important;
}
.footer-subscription input[type="email"] {
    background: #002;
    border: 0 solid #CCCCCC;
    border-radius: 0;
    color: #FFFFFF;
}

.publication-page .publication-carousel p{
	margin-bottom: 10px !important;
}
.impact span, .program-impact span{
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
}
.impact h3, .program-impact h3{
	font-size: 14px;
}
strong{
	font-weight: 700;
}
.about-service{
	padding-left: 15%;
	padding-top: 20px;
	text-align: left;
}
.about-service a{
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 2;
}
.about-service a:hover{
	color: #153315;
}

.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #215c21;
    color: #fff;
    background-color: #05252F;
}

.portfolio-content h2{
	line-height: unset;
	padding-top: 7px;
	padding-bottom: 7px;
}
.portfolio-text{
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	padding-bottom: 20px;
	font-size: 16px;
}

.main-banner .banner-text {
    position: relative;
    z-index: 2;
    padding: 16% 0;
    margin: 0 auto;
    color: #fff;
}

.service-banner-content {
  padding: 50px 0px;
}
.service-banner-content .service-list {
  background: rgba(33,94,33, 0.6);
  padding: 26px 38px;
  width: 960px;
}
.service-list {
  display: inline-block;
  padding-bottom: 30px;
  width: 100%;
}
.service-banner-content ul.service-list h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 8px;
}
.service-list a li {
  text-align: left;
  padding: 6px 0px;
  color: #fff;
  float: left;
  font-size: 16px;
  width: 50%;
}
.teach-info {
  width: 145px;
  float: left;
  padding: 2px;
  height: 180px;
  margin-right: 10px;
  padding: 20px;
  border: 1px solid #f1f1f1;
  overflow: hidden;
  text-align: center;
}
.all-language {
    margin: 0 auto;
    display: table;
    width: auto;
}
.teach-info-thumb p {
  text-align:center;
  margin-top: 25px;
  font-weight: 500;
  color: #000;
  line-height: 20px;
}
@media only screen and (max-width: 990px){
  .service-banner-content .service-list {
    padding: 23px 17px;
    width: 100%;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 580px){
  .service-banner-content .service-list a li {
    width: 100%;
  }
}
.process-heading p{
  padding: 14;
  font-size: 1.3rem;
  line-height: 2.2rem;
  font-weight: 300;
  font-family: serif;
  }
.process-heading h2{
  font-family: 'Montserrat-ExtraBold', sans-serif;;
  color: #172b43;
  line-height: 1.4;
  font-size: 2.4rem;
}
.process-planning {
  width: 75%;
  margin: auto;
  -ms-flex-pack: center;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 50px rgb(166 209 237 / 20%);
  box-shadow: 0 10px 50px rgb(166 209 237 / 20%);
  padding: 1.6rem 1px 1.2rem;
}
.process-img{
  text-align: center;
  margin: 4px;
}
.process-content h4{
  text-align: center;
  margin-top: 14px;
  font-family: 'Montserrat-ExtraBold', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
}