/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
font-size:100%;
font-family:Oxygen, Verdana, Arial, Helvetica, sans-serif;
line-height : 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
nav ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
a {
margin : 0;
padding : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
ins {
background-color : #ff9;
color : #000;
text-decoration : none;
}
mark {
background-color : #ff9;
color : #000;
font-style : italic;
font-weight : bold;
}
del {
text-decoration : line-through;
}
abbr[title], dfn[title] {
border-bottom : 1px dotted;
cursor : help;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
hr {
display : block;
height : 1px;
border : 0;
border-top : 1px solid #cccccc;
margin : 1em 0;
padding : 0;
}
input, select {
vertical-align : middle;
}
/*-----------------------RESET.CSS--------------------*/
@-webkit-keyframes heartPulse
{
	0%		{-webkit-transform: scale(.95);}
	5%		{-webkit-transform: scale(1);}
	10%		{-webkit-transform: scale(.9);}
	15%		{-webkit-transform: scale(1);}
	20%		{-webkit-transform: scale(.9);}
	100%	{-webkit-transform: scale(.95);}
}
	
	@-moz-keyframes heartPulse
	{
		0%		{-moz-transform: scale(.95);}
		5%		{-moz-transform: scale(1);}
		10%		{-moz-transform: scale(.9);}
		15%		{-moz-transform: scale(1);}
		20%		{-moz-transform: scale(.9);}
		100%	{-moz-transform: scale(.95);}
	}
	
	@-ms-keyframes heartPulse
	{
		0%		{-ms-transform: scale(.95);}
		5%		{-ms-transform: scale(1);}
		10%		{-ms-transform: scale(.9);}
		15%		{-ms-transform: scale(1);}
		20%		{-ms-transform: scale(.9);}
		100%	{-ms-transform: scale(.95);}
	}

	@-o-keyframes heartPulse
	{
		0%		{-o-transform: scale(.95);}
		5%		{-o-transform: scale(1);}
		10%		{-o-transform: scale(.9);}
		15%		{-o-transform: scale(1);}
		20%		{-o-transform: scale(.9);}
		100%	{-o-transform: scale(.95);}
	}
	
	@keyframes heartPulse
	{
		0%		{transform: scale(.95);}
		5%		{transform: scale(1);}
		10%		{transform: scale(.9);}
		15%		{transform: scale(1);}
		20%		{transform: scale(.9);}
		100%	{transform: scale(.95);}
	}

@font-face {font-family: Oxygen; src: url(../fonts/Oxygen.otf);}
@font-face {font-family: Oxygen; src: url(../fonts/Oxygen-Bold.otf); font-weight:bold;}
@font-face {font-family: Oxygen; src: url(../fonts/Oxygen-Italic.otf); font-style:italic;}
@font-face {font-family: Oxygen; src: url(../fonts/Oxygen-BoldItalic.otf); font-weight:bold; font-style:italic;}

@viewport {width:device-width; zoom:1;}

img, video, canvas {max-width: 100%;}
 
.clear {clear:both;}
.space {height:15px;}

 body {background:#dadada; margin:0px; padding:0px; font-size:100%; text-align:justify; color:#2f2f2f;}
 
 h1 {font-size:27px; line-height:30px; margin-bottom:10px; color:#d74104;}
 h2 {font-size:16px; line-height:20px; color:#d74104;}
 h3 {font-size:20px; color:#d74104; font-weight:bold;}
 h4 {font-size:25px; margin-bottom:10px; color:#ffffff;}
 h5 {font-size:22px; margin-bottom:10px; color:#2f2f2f;}
 h6 {font-size:20px; color:#2f2f2f;}

.container {width:100%; padding:0px; margin:0px;}

.top-line {width:100%; background:#d74104; height:4px;}
.header-container {width:100%; background:#ffffff; height:87px;}

.banner-container {width:100%; height:auto;}
.banner-container img{width:100%; height:auto;}
.logo-container {width:15%; height:auto; float:left; margin:10px;}

.banner-caption-container {background:#d74104; width:100%; padding:15px 0px 20px 0px;}
.banner-caption {width:95%; margin:0px auto; color:#ffffff; line-height:24px; font-size:15px;}

.social-icons {width:4%; height:205px; z-index:10000; top:190px; position:absolute; background:#d74104;}
.social-icons ul {list-style:none;}
.social-icons li {text-align:center; line-height:50px; width:80%; background:#202020; height:45px; margin:5px auto; cursor:pointer;
 -webkit-animation:heartPulse 2s ease-in 1s infinite; -webkit-animation-play-state:running; animation:heartPulse 2s ease-in 1s infinite; animation-play-state:running;}
.social-icons li:hover {background:#952b00;}

.nav-container {width:80%; float:right; height:auto;}
 nav {width:100%; font-size:16px; position:relative;}  
 nav ul {margin:0px auto; width:100%;}  
 nav li {padding:0px; display:inline; float:left; width:12.5%; cursor:pointer;} 
 nav li a.current {color:#ffffff;  background:#d74104; border-left:1px dashed #952b00; border-right:1px dashed #952b00;}
 nav a {color:#d74104; display:inline-block; width:100%; text-align:center; text-decoration:none; line-height:87px;
		-webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s;  transition:all .5s;} 
 nav li a {border-right: none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}  
 nav li a:hover {background:#d74104; color:#ffffff;}
 nav a:hover, nav a:active {}  
 nav a#pull {display: none;}
 
 nav li ul {position:absolute; width:23%; display:none;}
 nav li:hover ul {display:block; float:left;} 
 nav li ul li {float:none; display:list-item; width:100%;}
 nav li ul li a {line-height:25px; position:relative; text-align:left; padding:10px 0px 10px 10px; background:#d74104; color:#ffffff; border-bottom:1px dashed #2f2f2f; border-left:1px dashed #2f2f2f; border-right:1px dashed #2f2f2f;}
 nav li ul li a:hover {background:#a22f00; color:#ffffff;}
  nav li ul li a.current {background:#a22f00;}
 
.text-container {width:100%; background:#ffffff; padding:10px 0px; height:auto; float:left;}
.main-text {width:69%; line-height:30px; font-size:17px; padding:0px 0px 0px 30px; float:left;}
.main-text-inner {width:95%; line-height:30px; font-size:17px; float:none; margin:0px auto;}

.right-image {width:25%; margin:0px 30px 0px 0px; text-align:right; height:auto; float:right;} 

.grey-headline {width:100%; background:#2f2f2f; line-height:40px; color:#FFFFFF; text-align:center; font-size:20px; margin:15px 0px;}
.orange-headline {width:100%; background:#d74104; line-height:40px; color:#FFFFFF; text-align:center; font-size:20px; margin:15px 0px;}

.initiatives {width:97%; margin:0px auto;}
.initiatives ul{list-style:none;}
.initiatives li{width:19%; margin:0px 5px; display:inline-block;}
.single-initiative{}
.orange-line {height:4px; background:#d74104;}
.initiative-content {background:#ffffff;}
.initiative-image {text-align:center; padding:5px;}
.initiative-text {padding:0px 10px 10px 10px; font-size:15px; line-height:20px;}

.know-more {line-height:35px; background:#2f2f2f; text-align:center; color:#ffffff; font-size:15px; cursor:pointer;
			 -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;  transition: all .5s;}
.know-more:hover {line-height:35px; background:#d74104; text-align:center; color:#ffffff; font-size:15px;}
.know-more a {color:#ffffff; text-decoration:none;}

.news-events {width:97%; margin:0px auto; padding:0px; height:auto;}
.event-box {width:48.3%; text-align:center; float:left; margin:0px 10px; background:#ffffff; border-radius:5px;}
.event-image {width:40%; padding:10px; float:left;}
.event-content {width:55%; float:right;}
.event-text {text-align:left; line-height:22px; text-align:justify; padding:10px 10px 10px 0px; font-size:15px;}
.know-more-event {border-radius:5px; background:#d74104; width:30%; color:#ffffff; font-size:15px; text-align:center; float:left; line-height:35px; cursor:pointer;}
.know-more-event:hover {background:#2f2f2f; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;  transition: all .5s;}

.gallery-container {}
.gallery-container ul {list-style:none;}
.gallery-container li {width:22.9%; margin:5px; padding:0px; float:left; border:5px solid #ffffff;
-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1);	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1); box-shadow: 0px 0px 1px 1px rgba(0,0,0,.1);}
.gallery-container li img{width:100%; height:auto;}


.footer-container {margin-top:10px;}
.contact-links {background:#141414; padding:10px 0px; color:#ffffff;}
.footer-links {height:50px; background:#2f2f2f;}

.contact-box {width:95%; margin:0px auto;}

.get-info {width:49%; float:left;}
.get-logo {text-align:center; margin:10px 0px;}
.get-content {font-size:15px; line-height:25px;}
.get-content ul {list-style:none;}
.get-content li {width:50%; float:left; line-height:30px; font-weight:bold; color:#d74104;}

.form-container {float:right; margin:0px 0px 0px 10px; width:49%;}
.contact-info {width:100%; float:left; margin:0px;}
.contact-heading {line-height:40px; border-bottom:2px solid #d74104;}
.contact-text {line-height:35px; margin-top:10px; font-size:15px;}
.submit-container {float:left; width:100%; text-align:center; margin:10px 0px 0px 0px;}

.input-box {width:94%; line-height:25px; margin:10px 0px 0px 0px; background:#2f2f2f; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border:1px solid #222222; padding:5px; color:#ffffff; font-family:Oxygen, Arial, Helvetica, sans-serif; font-size:14px;}

.input-container {width:50%; float:left;}

.textarea-container {width:50%; float:left;}
.textarea-box {width:96%; height:120px; line-height:25px; background:#2f2f2f; margin:10px 0px 0px 0px; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border:1px solid #222222; padding:5px; color:#ffffff; font-family:Oxygen, Arial, Helvetica, sans-serif; font-size:14px;}

.submit-button {width:100px; text-align:center; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; background:#d74104; border:none; height:35px; color:#ffffff; font-family:Oxygen, Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; cursor:pointer;}
.submit-button:hover {background:#2f2f2f; 
 -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;  transition: all .5s;}

.copyright-info {background:#2f2f2f; width:100%;}
.copyright-text {width:95%; margin:0px auto; color:#ffffff; height:40px; line-height:40px; font-size:15px;}
.left-links {width:50%; float:left;}
.left-links a{text-decoration:none; color:#ffffff;}
.left-links a:hover{color:#d74104; text-decoration:none;}

.right-links {width:50%; float:right; text-align:right;}
.right-links a{text-decoration:none; color:#ffffff;}
.right-links a:hover{color:#d74104; text-decoration:none;}

input:focus::-webkit-input-placeholder {color:transparent;}
input:focus:-moz-placeholder {color:transparent;}
input:focus:placeholder {color:transparent;}

textarea:focus::-webkit-input-placeholder {color:transparent;}
textarea:focus:-moz-placeholder {color:transparent;}
textarea:focus:placeholder {color:transparent;}


@media all and (max-width: 1024px) {  
 nav li:first-child {padding-left:0px; border-left:none;}
 nav li:last-child a{border-right:none;}
 
.social-icons {width:6%; top:120px;}

.gallery-container li {width:31%; margin:3px; padding:0px; float:left; border:5px solid #ffffff;}

}


@media all and (max-width: 768px) {
 h4 {font-size:19px; margin-bottom:5px;}

.logo-container {width:100%; float:none; text-align:center; padding:5px 0px; margin:0px;}

.header-container {height:auto;}

.navigation {height:auto;}
.nav-container {width:100%; margin-left:0px; float:none;}
 nav {border-bottom: 0;}  
 nav a {line-height:40px; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s;  transition: all .8s;}
 nav ul {display: none;  height: auto; margin-bottom:7px;}  
 nav li a.current {background:#952b00; color:#ffffff; border-bottom:1px dashed #952b00;}
 nav a#pull {display:block; background:#2f2f2f; font-size:18px; text-transform:uppercase; width:100%; color:#FFFFFF; position:relative; margin-left:0px; border-bottom:1px dashed #ffffff;}
 nav a#pull:after {content:""; background: url(../images/nav-icon.png) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top:10px; }
 nav li a:hover {background:#952b00; color:#ffffff;}
 nav li {width: 50%; float: left; position: relative; background:#ff7a29; padding:0px;}  
 nav li a {border-bottom: 1px dashed #952b00; border-right:1px dashed #952b00; color:#ffffff; background:#d74104;}  
 nav li:last-child a{border-right:1px dashed #952b00;}
 
 nav li ul {display:none; visibility:hidden;}

.grey-headline {width:100%; background:#2f2f2f; line-height:40px; color:#FFFFFF; text-align:center; font-size:20px; margin:10px 0px;}
.orange-headline {width:100%; background:#d74104; line-height:40px; color:#FFFFFF; text-align:center; font-size:20px; margin:10px 0px;}

.social-icons {width:100%; height:60px; position:inherit; margin-top:5px;}
.social-icons ul {list-style:inline-block;}
.social-icons li {text-align:center; float:left; line-height:50px; width:8%; background:#202020; height:45px; margin:1.1% 8.5%;}

.text-container {padding:0px 0px 10px 0px; height:auto;}
.main-text {width:96%; padding:10px;}
.right-image {margin:0px; width:100%; text-align:center; float:none;}

.gallery-container li {width:29.7%; margin:3px;}

.initiatives li {width:47.5%; margin-top:10px;}

.news-events {width:100%;}

.event-box {width:95%; margin-top:10px; padding-bottom:10px;}
.event-text {padding:0px 10px 10px 0px; line-height:18px;}
.know-more-event {width:50%;}

.contact-container {width:100%; height:auto; padding:10px 0px 10px 0px; background:#245d9e; color:#ffffff;}
.contact-box {width:96%; margin:0px auto;}

.get-info {width:99%;}

.contact-info {width:99%; float:none; margin:0px;}
.contact-text {line-height:35px; margin-top:10px;}

.form-container {width:99%; float:left; margin:0px;}
.input-box {width:98%; float:none;}
.textarea-box {width:98%;}

.input-container {width:100%;}
.textarea-container {width:100%; float:none;}

.copyright-text {width:100%; margin:0px auto; color:#ffffff; padding:0px; line-height:30px; font-size:14px; height:auto;}
.left-links {width:100%; float:none; text-align:center;}
.right-links {width:100%; float:none; text-align:center; background:#202020;}
}


@media all and (max-width: 480px) {
h1 {font-size:23px;}
h2 {text-align:center;}
h4 {font-size:15px; margin-bottom:5px;}

.banner-caption-container {background:#d74104; width:100%; padding:10px 0px;}
.banner-caption {font-size:15px; line-height:20px;}

.main-text {width:94%;}
.initiatives li {width:97%; margin-top:10px;}
.initiatives li:first-child {margin-top:0px;}

.social-icons {width:100%; height:50px; position:inherit; margin-top:5px;}
.social-icons ul {list-style:inline-block;}
.social-icons li {text-align:center; float:left; line-height:45px; width:12%; background:#202020; height:40px; margin:1.2% 6.5%;}

.gallery-container li {width:45.7%; margin:3px; padding:0px; float:left; border:5px solid #ffffff;}

.event-image {width:100%; padding:10px 0px;}
.event-content {width:96%;}
.know-more-event {width:35%; float:none; margin:0px auto;}

.get-content li {width:100%;}

.input-box {width:97%; float:none;}
.textarea-box {width:97%;}

.copyright-text {font-size:13px;}

#back-top {visibility:hidden;}
}


@media only screen and (max-width : 320px) {
 nav li {display:block; float: none; width: 100%;}  
 nav li a {border-bottom: 1px dashed #000000;}  
 nav li:first-child a {margin-left:0px;}  
}