/*Theme Name: Asian University for women Theme URI: [The theme website]
Description: This is going to create for asian university 
Author: Krishna kumar
Author URI: [Your website].[Any other comments].*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html
	{
	height:100%;	
	}
/* CSS Document */
@font-face {
  font-family: 'MyWebFont';
  src:url('clearsans-1.00/EOT/ClearSans-Regular.eot'); /* IE9 Compat Modes */
  src:url('clearsans-1.00/EOT/ClearSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('clearsans-1.00/WOFF/ClearSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('clearsans-1.00/TTF/ClearSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('clearsans-1.00/SVG/ClearSans-Regular.svg') format('svg'); /* Legacy iOS */
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
html[xmlns] .clearfix{
    display: block;
}

/*-----3/21/2015/---krishna -----*/
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing:normal;/* letter-spacing: -.1rem;*/}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing:normal;/* letter-spacing: -.1rem; */}
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing:normal;/*letter-spacing: -.1rem; */}
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing:normal;/* letter-spacing: -.08rem; */}
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing:normal;/* letter-spacing: -.05rem; */}
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing:normal;/* letter-spacing: 0; */}


p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing:normal;
  /*
  letter-spacing: .1rem;
  */
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }

.news-section{ float:left;
width:100%;
display:block;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }



/*---normalize code--*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*above customized by krishna---*/
body{
	margin:0;
	padding:0;
	position:relative;
	background:#f0f0df;
	width:100%;
	height:100%;
	
	 font-style:normal;
	 /* font-family: 'MyWebFont', Arial, Helvetica, sans-serif !important;*/
	font-family:"MyWebFont", Arial, Helvetica, sans-serif ;
	line-height:20px;
	letter-spacing:normal !important;
}
p{
	 /* font-family: 'MyWebFont', Arial, Helvetica, sans-serif !important;*/
	font-family:"MyWebFont", Arial, Helvetica, sans-serif ;
	
}
h1,h2,h3,h4,h5,h6{
	line-height:normal;
}
.header{
	background:#fefefc;
	height:65px;
	margin:0;
	padding:0;
	position:relative;
	}
.nav{
	margin:0;
	padding:0;
	height:65px;
	}
	#slider-id-nav-ul{
		margin:0;
	padding:0;
	height:65px;
	max-width:960px;
	margin:0px auto;
	}
	#slider-id-nav-ul li{
		display:inline-block;
	color:#fff !important;
	list-style:none;
	margin:0px 100px 0px 0px;
	padding:0px 0px;
	line-height:35px;
		
		}
		
	#slider-id-nav-ul li a{
	color:#fff;
	text-transform:uppercase;
	font-weight:300;
	padding:18px 15px 25px;
	text-decoration:none;	
	font-size:14px;
	
	}
	#slider-id-nav-ul li:last-child{
	margin-right:0px !important;
	}
.nav li{
	display:inline-block;
	color:#efb323;
	list-style:none;
	margin:0px 145px 0px 0px;
	padding:15px 0px;
	line-height:35px;
	}
.nav li.selected2{
	background:#efb323;
	/*background:#c31f2f;*/
	}
	
.nav li.selected2>a{
	color:#fff;
	}
.nav li:nth-child(2){
	margin-right:300px;
	}
.nav li:last-child{
	margin-right:0px;
	}
	.donate{
		background:#c31f2f !important;
	}
	.donate>a{
		color:#fff !important;}
.nav li a{
	color:#efb323;
	text-transform:uppercase;
	font-weight:300;
	padding:15px;
	text-decoration:none;	
	font-size:14px;
	}
	.logo-curve{
		position: absolute;
		left: 50%;
		top: 0px;
		overflow: visible;
		z-index: 99;
		margin-left: -93px;
		}
/*---------mobile navigation-----------*/
	.menu_button{
		text-align: center;
		margin: 5px auto;
		color:#f0b325;
		padding:10px 15px;
		text-decoration:none;
		opacity:.8
		}
		.menu_button:hover{
			color:#f0b325;
			opacity:1;
		}
	.mobile-nav{
		width:100%!important;
		
		border-top:1px solid #C31F2F;
		max-width:350px;
		float:right;
		background:#fff;
		
		margin:0;
		padding:0;
		display:none;
		
		}
		.mobile-nav li {
			/*border-top:1px solid #f0b325;*/
			margin-bottom:0;
			position:relative;
			float:left;
			width:100%;
			padding:0;
			color: #efb323;
			list-style: none;
			margin: 0px 140px 0px 0px;
			line-height: 35px;
			}
		.mobile-nav li.selected{
			background:#efb323;
			/*background:#c31f2f;*/
			}
			.mobile-nav li.selected>a{
				color:#fff;
				}
		.mobile-nav li:last-child {
			/*border-bottom:1px solid #f0b325;*/
			margin-right: 0px;
			}
			.mobile-nav li a {
				box-sizing:border-box;
				display:block;
				float:left;
				width:100%;
				
				color:#f0b325;
				text-decoration:none;
				font-family:"MyWebFont", Arial, Helvetica, sans-serif ;
				font-size:14px;
				margin:0;
				padding:10px 20px;
				line-height:30px;
				text-transform: uppercase;
				font-weight: 300;
				text-align:left;
				}
	
	
	.copp-right{
		font-size:12px;
		color:#626061;
		margin:10px 0px 8px;
		}
	.reserved-for{
		font-size:9px;
		display:block;
		font-weight:300;
		margin:5px 0px;
		}
	.connect-us{
		color:#5a5959;
		font-size:12px;
		display:block;
		margin:0px 0px 0px 5px;
		}
	.subs-news{
		color:#494848;
		font-size:10px;
		display:block;
		margin:5px 0px 0px 5px;
		}
	.email-box{
		width:100%;
		padding:0px 2px 2px 5px;
		display:block;
		}
	.contact-us{
		font-size:12px;
		color#505050;
		display:block;
		}
	.company-name{
		font-size:12px;
		color:#5a5959;
		margin:10px 0px;
		display:block;
		}
		p.address{
			color:#a1a1a0;
			font-size:10px;
		}
		.design-by{
			color:#626061;
			font-size:12px;
			font-weight:300;
		}
		.dk a{
			color:#626061;
			font-size:12px;
			font-weight:300;
			text-decoration:none;
			opacity:.8;
		}
		.dk a:hover{
			opacity:1;
		}
/*---------mobile navigation-----------*/

.red-bg{
	background:#bc0618;
}
.yellow-bg{
	background:#efb323;
}
.grey-bg{
	background:#fefefc;
}
.no-padding{
	padding:0px !important;
}
.full-width{
	width:100%;
}
.box{
	padding:15px;
	background:#fdffe9;
}
.article{
	
	color:#fff;
}
.padding_top_bottom{
	padding-top:40px !important;
	padding-bottom:40px !important;
	/*
	padding:40px 0px !important;*/
}
p{
	font-size:14px;
}
.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }
.article h4{
	font-size:20px;
	color:#fff;
	margin-bottom:5px;
}
.footer-container{
	color:#505050;
	font-size:14px;
}
.nav-footer-box{
	display:inline-block;
	width:50%;
	float:left;
	}
.nav-footer li{
	list-style:none;
	font-weight:300;
	color:#505050;
	}
	.nav-footer li a{
		font-weight:300;
		color:#505050;
		text-decoration:none;
	}
.social-icon-box{
	margin:0;
	padding:5px 0px;
	border-bottom:1px solid #fefefc;
}
.social-icon{
	margin:4px 0px 0px 0px;
	padding:0;
	}
.social-icon li{
	list-style:none;
	display:inline-block;
	margin-right:5px;
	}
	
.email{
	display:inline-block;
	border:1px solid #000 !important;
	border-radius:0px !important;
	height:32px !important;
	line-height:32px !important;
	float:left;
	font-size:10px !important;
	margin-bottom:0;
}
	.email-field{
		border-right:0px !important;
		width:200px;
		color:#5a5959;
		}
	.email-submit{
		padding:0px 12px !important;
		border-left:0px !important;
		background:#c31f2f !important;
		color:#fff !important;
		}

.banner-text-box{
	width: 100%;
	max-width: 440px;
	text-align: right;
	font-family:"MyWebFont", Arial, Helvetica, sans-serif ;
	z-index: 9999;
	top: 35%;
	right: 50%;
	margin-right: -470px;
	}
	.banner-text-box .inn {
		text-align: center;
		width: 100%;
		float: right;
		max-width: 390px;
		z-index: 99991;
		background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
		padding: 30px 25px;
		border-radius: 2px;
		}
		.banner-text-box .inn h1 {
			font-weight: 600;
			font-size: 18px;
			color: #FFF;
			line-height: normal;
			font-family:"MyWebFont", Arial, Helvetica, sans-serif ;
			margin: 0px 0px 5px;
			}
.banner-text-box .inn h1 a {
    font-weight: 600;
    font-size: 18px;
    color: #fefefc;
    line-height: normal;
   font-family:"MyWebFont", Arial, Helvetica, sans-serif ;
    margin: 0px;
}
.contrast {
    font-weight: 400;
    font-size: 17px !important;
    margin: 0px;
    color: #FFF;
    line-height: normal;
   font-family:"MyWebFont", Arial, Helvetica, sans-serif ;
}
.contrast p{
/*	font-size:18px;*/
	font-size:17px;
	color:#fefefc
}
.contrast p span{
/*	font-size:16px;*/
	font-size:14px;
}
.quotes-designation{
	font-style:italic;
}
.contrast p:last-child {
    margin-bottom: 0px !important;
}
.btnDonate{
	background:#efb323;
	color:#fff !important;
	border-radius:0;
	border:none;
	font-size:18px;
	font-weight:300;
	padding:0px 30px 0px;
	height:43px;
	line-height:43px;
	margin:0px auto 3px;
	}

.text-red
{
	color:#bc0618 !important;
}
.donation-box{
	padding:10px 30px;
	margin:0;
	font-size:16px;
	}
	.donation-box p{
		font-size:16px;
		line-height:22px;
		}
.donate-header{
	font-size:20px;
	line-height:normal;
	margin-bottom:15px;
	}
.news-update-box{
	padding:10px
	}
	.news-update-box .writer{
		font-size:14px;
		font-style:italic;
	}
	.news-update-box p{
		font-size:12px;
		font-style:normal;
	}
p{
	margin-bottom:15px;
	}
.news-box p{
	font-size:12px;
	color:#585858;
	}
.news-box .writer{
	font-size:14px;
	font-style:italic;
	}
	
.readmore{
	font-size:14px;
	font-style:italic;
	color:#edb123;
	opacity:.8;
	text-decoration:none;
	}
	.readmore:hover{
	opacity:1;
	}
.news-flash-box{
min-height:242px;
}
.bx-controls .slide-button li:nth-child(1)
{
	background:url(<?php bloginfo('stylesheet_directory'); ?>/assets/images/icons/prev.png);
	opacity:.8;
}

	.bx-controls .slide-button li:nth-child(1):hover
	{
		opacity:1;
		cursor:pointer;
	}

.bx-controls .slide-button li:nth-child(2)
{
	background:url(<?php bloginfo('stylesheet_directory'); ?>/assets/images/icons/next.png);
	opacity:.8;
}
	
	.bx-controls .slide-button li:nth-child(2):hover
	{
		opacity:1;
		cursor:pointer;
	}

.bx-controls .slide-button
{
	float:right;
	margin:5px 10px;
	padding:0px;
}
	
	.bx-controls .slide-button li
	{
		display: inline-block;
		margin: 1px;
		width: 20px;
		height: 20px;
		overflow: hidden;
		text-indent: 99999px;
		background-color: #2A3A3F;
	}
	
.bx-controls{
	position: absolute;
	top: -56px;
	right: 0;
	}
	.footer-box{
		/*padding:30px 5px;*/
		padding:5px;
	}
	
  hr#sep-white
  	{
	width:100%;
	display:block;
	height:10px;
	margin:30px 0px;
	background:#fff;
	border:none;	
	}
	.mobile-connect{
		display:block;
	}
	.footer-nav-container{
		max-width:500px;
		}
	.slides-container li{
		z-index:-10;
		margin-bottom:0;
	}
	.slides-navigation {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -600px;
}
.slides-navigation a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0px none;
    width: 40px;
    height: 50px;
    text-indent: -9999px;
    z-index: 99;
    opacity: 0.7;
}
.slides-navigation .prev {
    left: 10px;
    background:url(<?php bloginfo('stylesheet_directory'); ?>/assets/images/icons/prev-arrow.png) no-repeat scroll 0% 0% transparent;
	}
	
	.slides-navigation .next {
    right: 10px;
    background: url(<?php bloginfo('stylesheet_directory'); ?>/assets/images/icons/next-arrow.png) no-repeat scroll 0% 0% transparent;
	}

#slider-id-wrapper{
	max-width:100% !important;
}
.ls-nav{
	/*height: 65px;
line-height: 65px;*/
background:#c31f2f;
}
.ls-wrapper .ls-nav{
	overflow:visible !important;
}
.content-header{
	color:#efb323;
	font-size:18px;


}
.staff-header{
	color:#666666;
	font-size:16px;
}
	
.slider-content p, h4{
	color:#4a4a4a;
	font-size:16px;
}
.slider-content a{
	color:#c31f2f;
	text-decoration:none;
}
.caption{
	display:block;
	font-size:12px;
	font-weight:300;
	text-transform:uppercase;
}
.image-box{
	border:1px solid #efb323;
	padding:20px;
	overflow:hidden;
}
.image-box img{
	max-width:100%;
}
#single-banner{
	height:525px;
}
.team-image-container .four.columns:first-child {
	margin-left:0;
}

.panel-wrapper h2
			{
				display:none;
				
			}
			.down-arrow2{
					display: block;
					text-align: center;
					margin: 0px auto;
					padding:3px;
					}

.title{
	  background: none repeat scroll 0% 0% #C31F2F;
	  /*overflow: hidden;*/
	 overflow: visible;
	  text-transform: uppercase;
font-weight: 300;
padding:0px;
text-decoration: none;
font-size: 14px;
cursor:pointer;
text-align:center;
margin-bottom:0px;
letter-spacing:normal;
height:61px;

  }
  .title a{
	  display:block;
	  color: #FFF;
text-transform: uppercase;
font-weight: 300;
padding: 18px 15px 28px;
text-decoration: none;
font-size: 14px;
/*background:url(assets/images/tng.png) no-repeat scroll center bottom transparent;*/
  }
  .title .current a{
	  background:url(assets/images/tng.png) no-repeat scroll center bottom transparent;
  }
   .title.open a{
	  background:url(assets/images/tng.png) no-repeat scroll center bottom transparent;
  }

  .mm li a{
	  display:block;
	  color: #FFF;
text-transform: uppercase;
font-weight: 300;
padding: 18px 15px 28px;
text-decoration: none;
font-size: 14px;
/*background: url(assets/images/tng.png) no-repeat scroll center bottom transparent;*/
  }
/*---------news page attributes-------*/
.news-box-container{
	background: #f5f5f4; padding:10px 0px 35px;
	}
	.news-box{
		border-bottom: 1px solid #efb323;padding: 10px; overflow:hidden;
		}
		.news-box .inner-image{
			float:left;
			padding:10px;
			width:90px;
			height:90px;
			overflow:hidden;
			}
			.news-box .inner-image img{
				max-width:100%;
				width:auto;
				height:auto;
				}
		.news-box .inner-content{
			padding:10px;
			font-size:14px;
			}
			.inner-content .inner-content-header{
				color:#515150; font-size:12px;font-style:italic; font-weight:300;
				display:inline-block !important;
				margin-bottom:10px;
				}
				.inner-content-header .header-button{
					float:left;
					background:#efb323;
					padding: 0px 30px;
					line-height: 33px;
					}
				.inner-content-header .header-date{
					margin-left:10px;
					float:left;
					line-height:33px;
					text-transform:uppercase;
					}
			.inner-content p{
				margin-bottom:0; color:#efb323
				}
/*------------news-details attributes below---------*/

.skip-menu{
	padding-top:65px;
}
.top-thick-line{
	height:90px; width:100%; background:none repeat scroll 0% 0% #C31F2F;
}

.news-details-container{
	border-bottom:none; padding:15px;
}
	.news-details-box{
		width:100%;
	}
		.detaile-profile-image{
			float: left;
			overflow: hidden;
			width:225px;
			height:225px;
			padding:0px 15px 10px 0px;
		}
		.detaile-profile-image img{
			max-width:100%;
			width:auto;
			height:auto;
		}
	.news-details-box h6{
		font-size:18px;
		margin-bottom:10px;
		}
		.news-details-box .detail-address{
			margin-bottom:0px;
			font-style:italic;
			font-size:14px;
			font-weight:100;
		}
		.header-bottom-line{
			margin:15px 0px; border-bottom:1px solid #efb323;
		}
		.news-details-box p{
			font-size:14px;
		}
		
	.bottom-nav-container{
		width:100%; position:relative;
	}
	.angle-arrow{
		position:absolute;
		top:50%;
		margin-top:-13px;
		}
	.left-arrow{
		left:0;
		float:left;
	}
	.right-arrow{
		right:0;
		float:right;
	}
	.nav-box{
		width:40%; position:relative;
	}
		.nav-box-left{
			margin-left:30px;
		}
		.nav-box-right{
			margin-right:30px;
		}
	.left{
		float:left;
	}
	.right{
		float:right;
	}
	.nav-box .news-box{
		border:1px solid rgb(239, 179, 35);
	}
	.nav-inner{
		font-size:12px;
	}
	.nav-inner p{
		font-size:12px;
		line-height:normal;
	}
		.nav-address-detail{
			font-style:italic; line-height:normal; margin-top:15px; font-size:10px;
		}

/*------------news-details attribute above---------*/

/*------------donate attribute below---------*/
.donate-form p{
	font-size:16px;
	color:#4e4e4e;
}
.donate-form{
	width:100%; max-width:690px; background:#fdf4de; margin:0px auto; padding:20px 25px;
}
.donate-form form{
	width:90%;
}
.donate-form form .line-header{ 
	font-size:16px;
	color:#c3202f;
	text-transform:uppercase;
	margin:10px 0px;
	display:block;
	}

.donate-form form textarea, select, fieldset{
	max-width:100%;
	width:100%;
	margin:10px 0px;
}
.donate-form form .donate-btn{
	background:#c11c2b;
	padding:0px 30px;
	border-radius:0px;
	font-size:16px;
	color:#fff;
	border:none;
	}
.donate-form form .amount-filed{
	height:28px;
	width:100%;
	max-width:200px;
	border-radius:0;
}
.designation{
	width:100%;
	max-width:250px;
	border-radius:0;
	height:30px;
}
.newsletter{
	margin:10px 0px 5px;
}
.donate-form form label{
	font-weight:400;
}
.donate-form form .comment-box{
	width:100%;
	max-width:420px;
}
.donate-form form table{
	width:100%;
	max-width:100%;
	display:block;
	
}
.donate-form form .donate-text{
	max-width:100%;
	width:80%;
	border-radius:0;
	width:100%;
	}
.donate-form form.wpcf7-form #donate-table input[type="email"], input[type="number"], input[type="tel"], textarea {
	max-width:100%;
	width:80%;
	border-radius:0;
	width:100%;
}
.donate-table input[type="text"], input[type="tel"], select{
	max-width:225px;
	height:28px;
	border-radius:0;
	margin: 5px 0px;
	padding:0px 10px;
	font-size:12px;
}
.donate-table th, td{
	padding:12px 40px;
	border:none;
}
.donate-table #email{
	max-width:100%;
	height:28px;
	border-radius:0;
	margin: 5px 0px;
	padding:0px 10px;
	font-size:12px;
}
.donate-table2 th, td{
	padding:12px 30px;
	}
.donate-form form .holder-name, .donate-form form .card-number{
	max-width:75%;
	height:28px;
	border-radius:0;
	margin: 5px 0px;
	padding:0px 10px;
	font-size:12px;
}
.donate-table2 .card{
	display:inline-block;
	padding:0px 5px;
}
.donate-table2 .year{
	width:70px;
	margin-left:15px;
}
.donate-table2 .date{
	width:50px;
	margin-right:15px;
}
.donate-form form .security-code{
	width:100%;
	max-width:230px;
	height:28px;
	border-radius:0;
	margin: 5px 0px;
	padding:0px 10px;
	font-size:12px;
}
.donate-form form .card-type{
	width:225px;
	max-width:225px;
	height:28px;
	border-radius:0;
	margin: 5px 0px;
	padding:0px 10px;
	font-size:12px;
}

/*------------donate attribute above---------*/
/*----------impact attributes bewlow-------------*/
.yellow-left-arrow {
			background:url(assets/images/yellow-arrow.png)  top 50px left  no-repeat;
			padding-left:15px;
			display:block;
			}
		.yellow-right-arrow {
			background:url(assets/images/yellow-arrow-right.png)  top 50px right  no-repeat;
			padding-right:15px;
			display:block;
			}
			.impact-header{color: #fff;  text-transform: uppercase;  font-weight: 300;  padding:0;  text-decoration: none;  font-size: 14px;background:#C31F2F;
    
  }
    
/*-----------impact attributes above-------------*/






@media (min-width: 260px) {
.form-container{ display:none;}
.bottom-nav-container a{
  height: 100%;
  width: 70%;
  display: block;
  margin:20px auto;
  min-height:167px;
}
.nav-box-left{margin-left:0;
}
.nav-box-right {
  margin-right: 0px;
}
.nav-box{width:100%;margin-bottom:20px;}
.outer-angle{display:none;
}
.left-prev{
display:block;
left:-10%;
}
.right-next{
display:block;
right:-10%;
}
.nav-address-detail{display:none;}
#vmap{
width: 400px; height: 400px;
}
.open{
position: relative !important;
  top: 100% !important;
  right: 0px !important;
  width: 100% !important;

}
	.menu_button{
			display:block;
		}
		.logo-curve{
			display:none;
			}
		.nav{
			display:none;
			}
			.header-icon-container{
				display:block;
				position:relative;
				padding:10px 0px 5px;
				background:#fefefc;
				}
				.header-icon-container .logo-curve{
					/*float:none;
					left:50%;
					margin-left:-80px;
					display:block;*/
					
					float:left;
					left:0%;
					margin-left:0px;
					display:block;
					}
	  .logo-flat{
		  position:relative;
		  display:block;
		  text-align:center;
		  z-index: 99;
		  border-bottom:2px solid #f0b325;
		  }
		  .header{
			  /*background:#fefefc;*/
			  background:none;
			  height:auto;
			  margin:0;
			  padding:0;
			  z-index:999;			 
			  width:100%;
			  position:fixed;
			  top:0;
			  left:0;
			  }
			  hr#sep-white {
				  display:block;
				  }
			.center-box{
				width:100%;
				padding:0;
			}
			.center-box div .six.columns{
				width:85%;
				float:none;
				margin:0px auto;
			}
			
			.footer-container div.container{
				width:100%;
				padding:0px;
			}
			.footer-container div .four.columns{
				width:100%;
				margin-left:0;
				border-bottom:2px solid #fff;
				padding:10px 20px;
			}
			.footer-container div .four.columns:nth-child(3){
				border-bottom:0;
			}
			.footer-container div .four.columns:last-child{
				border-bottom:0;
			}
			.connect-first,.contact-first {
				display:block;
			}
			.connect-second,.contact-second {
				display:none;
			}
			
			.banner-text-box{
				position: absolute;
				bottom: 0;
				left: 0;
				margin: 0px auto;
				width: 100%;
				max-width: 100%;
				padding: 0px;
				top:auto;
			}
			
			.banner-text-box .inn{
				position: relative;
				float: none;
				padding: 30px 20px ! important;
				background: rgba(0,0,0,.8);
				text-align: left;
				display: block;
				max-width:100%;
				overflow: hidden;
			}
			.image-container .four.columns{
				width:100%;
				margin-left:0;
				margin-top:35px;
			}
			.image-container .four.columns:first-child{
				margin-top:0px;
			}
			
			.slides-navigation{
				left: 5px;
				margin-left: 0px;
				}
	.yellow-left-arrow{
		padding-left:0;
		background:none;
		}
	.yellow-right-arrow{
		padding-right:0;
		background:none;
		}
}
@media (min-width: 320px) {
.bottom-nav-container a{
  height: 100%;
  width: 70%;
  display: block;
  margin:20px auto;
  min-height:167px;
}
.nav-box-left{margin-left:0;
}
.nav-box-right {
  margin-right: 0px;
}
.nav-box{width:100%;margin-bottom:20px;}
.outer-angle{display:none;
}
.left-prev{
display:block;
left:-10%;
}
.right-next{
display:block;
right:-10%;
}
.nav-address-detail{display:none;}
#vmap{
width: 320px; height: 320px;
}
.open{
position: relative !important;
  top: 100% !important;
  right: 0px !important;
  width: 100% !important;

}
.form-container{ display:none;}
/*.close{
left:-500px !important;
}*/
}
/* Larger than mobile */
@media (min-width: 400px) {
.bottom-nav-container a{
  height: 100%;
  width: 70%;
  display: block;
  margin:20px auto;
  min-height:167px;
}
.nav-box-left{margin-left:0;
}
.nav-box-right {
  margin-right: 0px;
}
.nav-box{width:100%;margin-bottom:20px;}
.outer-angle{display:none;
}
.left-prev{
display:block;
left:-10%;
}
.right-next{
display:block;
right:-10%;
}
.nav-address-detail{display:none;}
.open{
position: relative !important;
  top: 100% !important;
  right: 0px !important;
  width: 100% !important;

}
#vmap{
width: 400px; height: 400px;
}
	.menu_button{
			display:block;
		}
		#slides {
margin-top: 65px;
}
		.logo-curve{
			display:none;
			}
		.nav{
			display:none;
			}
			.header-icon-container{
				display:block;
				position:relative;
				padding:10px 0px 5px;
				background:#fefefc;
				}
				.header-icon-container .logo-curve{
					/*float:none;
					left:50%;
					margin-left:-80px;
					display:block;*/
					
					float:left;
					left:5%;
					margin-left:0px;
					display:block;
					}
	  .logo-flat{
		  position:relative;
		  display:block;
		  text-align:center;
		  z-index: 99;
		  border-bottom:2px solid #f0b325;
		  }
		  .header{
			 /* background:#fefefc;*/
			 background:none;
			  height:auto;
			  margin:0;
			  padding:0;
			  z-index:999;			 
			  width:100%;
			  position:fixed;
			  top:0;
			  left:0;
			  }
			  
			hr#sep-white {display:block;}
			.center-box{
				width:100%;
			}
			.center-box div .six.columns{
				width:85%;
				float:none;
				margin:0px auto;
			}
			
			.footer-container div.container{
				width:100%;
				padding:0px;
			}
			.footer-container div .four.columns{
				width:100%;
				margin-left:0;
				border-bottom:2px solid #fff;
				padding:10px 20px;
			}
			.footer-container div .four.columns:nth-child(3){
				border-bottom:0;
			}
			.footer-container div .four.columns:last-child{
				border-bottom:0;
			}
			.connect-first, .contact-first{
				display:block;
			}
			.connect-second,.contact-second {
				display:none;
			}
			
			.banner-text-box{
				position: absolute;
				bottom: 0;
				left: 0;
				margin: 0px auto;
				width: 100%;
				max-width: 100%;
				padding: 0px;
				top:auto;
			}
			
			.banner-text-box .inn{
				position: relative;
				float: none;
				padding: 30px 20px ! important;
				background: rgba(0,0,0,.8);
				text-align: left;
				display: block;
				max-width:100%;
				overflow: hidden;
			}
			.image-container .four.columns{
				width:100%;
				margin-left:0;
				margin-top:35px;
			}
			.image-container .four.columns:first-child{
				margin-top:0px;
			}
			.slides-navigation{
				left: 5px;
				margin-left: 0px;
				}
	.yellow-left-arrow{
		padding-left:0;
		background:none;
		}
	.yellow-right-arrow{
		padding-right:0;
		background:none;
		}
		.form-container{ display:none;}
		}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.bottom-nav-container a{
   height: 180px;
  width: 70%;
  display: block;
  margin:20px auto;
  min-height:167px;
}
.nav-box-left{margin-left:0;
}
.nav-box-right {
  margin-right: 0px;
}
.nav-box{width:100%;margin-bottom:20px;}
.outer-angle{display:none;
}
.left-prev{
display:block;
left:-10%;
}
.right-next{
display:block;
right:-10%;
}
.nav-address-detail{display:none;}

.open{
position: relative !important;
  top: 100% !important;
  right: 0px !important;
  width: 500px;

}
#vmap{
width: 520px; height: 500px;
}
	.profile-container .four.columns {
		width:100%;
		margin-left:0;
	}
	.profile-container .eight.columns {
		width:100%;
		margin-left:0;
	}
	.yellow-left-arrow{
		padding-left:0;
		background:none;
		}
	.yellow-right-arrow{
		padding-right:0;
		background:none;
		}
	.menu_button{
			display:block;
		}
		#slides{
			margin-top:65px;
			}
		.logo-curve{
			display:none;
			}
		.nav{
			display:none;
			}
			.header-icon-container{
				display:block;
				position:relative;
				padding:10px 0px 5px;
				background:#fefefc;
				}
				.header-icon-container .logo-curve{
					/*float:none;
					left:50%;
					margin-left:-80px;
					display:block;
					*/
					float:left;
					left:10%;
					margin-left:0px;
					display:block;
					
					}
					 
	  .logo-flat{
		  position:relative;
		  display:block;
		  text-align:center;
		  z-index: 99;
		  border-bottom:2px solid #f0b325;
		  }
		  .header{
			 /* background:#fefefc;*/
			  background:none;
			  background:
			  height:auto;
			  margin:0;
			  padding:0;
			  z-index:999;			 
			  width:100%;
			  position:fixed;
			  top:0;
			  left:0;
			  }
			hr#sep-white {display:block;}
			.mobile-connect{
				  display:block;
				  }
			.center-box{
				width:100%;
			}
			.center-box div .six.columns{
				width:85%;
				float:none;
				margin:0px auto;
			}
			
			.footer-container div.container{
				width:100%;
				padding:0px;
			}
			.footer-container div .four.columns{
				width:100%;
				margin-left:0;
				border-bottom:2px solid #fff;
				padding:10px 20px;
			}
			.footer-container div .four.columns:nth-child(3){
				border-bottom:0;
			}
			.footer-container div .four.columns:last-child{
				border-bottom:0;
			}
			.connect-first, .contact-first{
				display:block;
			}
			.connect-second,.contact-second {
				display:none;
			}
			
			.banner-text-box{
				position: absolute;
				bottom: 0;
				left: 0;
				margin: 0px auto;
				width: 100%;
				max-width: 100%;
				padding: 0px;
				top:auto;
			}
			
			.banner-text-box .inn{
				position: relative;
				float: none;
				padding: 30px 20px ! important;
				background: rgba(0,0,0,.8);
				text-align: left;
				display: block;
				max-width:100%;
				overflow: hidden;
			}
			.image-container .four.columns{
				/*width:100%;*/
				margin-left:1%;
				margin-top:35px;
				
				  width: 49%;
				  float: left;
			}
			.image-container .four.columns:first-child{
			margin-top:35px;
			margin-left:1%;
			}
	.slides-navigation{
		left: 5px;
		margin-left: 0px;
		}
		.form-container{ display:none;}
	}

/* Larger than tablet */
@media (min-width: 750px) {
.bottom-nav-container a{
   height: auto;
  width: auto;
  display: inline;
  margin:20px auto;
  min-height:100%;
}
.nav-box{
  width: 40%;
  position: relative;
  margin-bottom:0px;
  }
.outer-angle{display:block;
}
.nav-box-left{margin-left:30px;
}
.nav-box-right {
  margin-right: 30px;
}
.left-prev, .right-next{
display:none;
}

.nav-address-detail{display:block;}




.open{
position: relative !important;
  top: 100% !important;
  right: 0px !important;
  width: 500px;

}
	#vmap{
width: 750px; height: 700px;
}
/*--------Impact page attribute---------*/
	.profile-container .four.columns {
		width: 30.6666666667%;
		}

	.profile-container .eight.columns {
		width: 65.3333333333%;
		margin-left:4%;
		}

	.yellow-left-arrow {
		background:url(assets/images/yellow-arrow.png)  top 50px left  no-repeat;
		padding-left:15px;
		}
		
	.yellow-right-arrow {
		background:url(assets/images/yellow-arrow-right.png)  top 50px right  no-repeat;
		padding-right:15px;
		}
	
	
	.container {
		position: relative;
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0px 20px;
		box-sizing: border-box;
		}

	hr#sep-white {
		display:block;
		}

	.center-box {
		width:100%;
		padding:0px;
		}

	.center-box div .six.columns {
		width:85%;
		float:none;
		margin:0px auto;
		}

	.logo-curve {
		display:none;
		}

	.nav {
		display:none;
		}
		.form-container{ display:none;}
	
	.menu_button {
		display:block;
		}

	#slides {
		margin-top:65px;
		}
	
	/*.mobile-nav{
			display:block;
		}*/
	
	.header-icon-container {
		display:block;
		position:relative;
		padding:10px 0px 5px;
		background:#fff;
		}

		.header-icon-container .logo-curve {
			float:left;
			left:10%;
			margin-left:0px;
			display:block;
			}

	.logo-flat {
		position:relative;
		display:block;
		text-align:center;
		z-index: 99;
		border-bottom:2px solid #f0b325;
		}
	
	.header {
		/* background:#fefefc;*/
		height:auto;
		margin:0;
		padding:0;
		z-index:999;			 
		width:100%;
		position:fixed;
		top:0;
		left:0;
		background:none;
		}

	.mobile-connect {
		display:none;
		}
	
	
/*---------Footer Attributes--------*/
	.footer-container div.container {
		padding:0px;
		}
		
		.footer-container div .four.columns {
			width:100%;
			margin-left:0;
			border-bottom:2px solid #fff;
			padding:10px 20px;
			}
			
			.footer-container div .four.columns:nth-child(3){
				border-bottom:0;
				}
			
			.footer-container div .four.columns:last-child{
				border-bottom:0;
				}
/*----------Home page Banner attribute-----------*/		
	.connect-first, .contact-first{
		display:block;
		}
	
	.connect-second, .contact-second {
		display:none;
		}
		
	.banner-text-box {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
		padding: 0px;
		top:auto;
		}
	
	.banner-text-box .inn {
		position: relative;
		float: none;
		padding: 30px 20px ! important;
		background: rgba(0,0,0,.8);
		text-align: left;
		display: block;
		max-width:100%;
		overflow: hidden;
		}

	.image-container .four.columns {
		width: 30.6666666667%; 
		margin-left: 4%;
		margin-top:0;
		}

		.image-container .four.columns:first-child {
			margin-top:0px;
			margin-left:0;
			}


	#slider-id-nav-ul li {
		margin:0px 65px 0px 0px;
		}

	.slides-navigation {
		left: 5px ;
		margin-left: 0px;
		}


	}
	
/* Bit smaller than desktop */
@media (min-width: 920px) {
.form-container{ display:none;}
.bottom-nav-container a{
   height: auto;
  width: auto;
  display: inline;
  margin:20px auto;
  min-height:100%;
}
.nav-box{
  width: 40%;
  position: relative;
  margin-bottom:0px;
  }
.outer-angle{display:block;
}
.nav-box-left{margin-left:30px;
}
.nav-box-right {
  margin-right: 30px;
}
.left-prev, .right-next{
display:none;
}

.nav-address-detail{display:block;}


#vmap{
width: 760px; height: 700px;
}
	
	.container {
		position: relative;
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0px 20px;
		box-sizing: border-box;
		}

/*--------Home page News update and donate attribute---------*/
	.center-box div .six.columns:first-child {
		margin-left: 0;
		}
	
	hr#sep-white {
		display:none;
		}
	
	.center-box {
		width:100%;
		padding:0px 0px;
		}
		
	.center-box div .six.columns {
		width: 48%;
		float: left;
		margin-left: 4%;
		}


	}

/* Larger than desktop */
@media (min-width: 1000px) {
.form-container{ display:none;}
.bottom-nav-container a{
   height: auto;
  width: auto;
  display: inline;
  margin:20px auto;
  min-height:100%;
}
.nav-box{
  width: 40%;
  position: relative;
  margin-bottom:0px;
  }
.outer-angle{display:block;
}
.nav-box-left{margin-left:30px;
}
.nav-box-right {
  margin-right: 30px;
}
.left-prev, .right-next{
display:none;
}

.nav-address-detail{display:block;}






	#vmap{
width: 960px; height: 750px;
}
	
	.container {
		position: relative;
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
		}

/*---------Impact Page Attributes--------*/
	.profile-container .four.columns {
		width: 30.6666666667%;
		margin-left:4%; 
		}

	.profile-container .eight.columns {
		width: 65.3333333333%;
		margin-left:4%;
		}

	.profile-container .column:first-child, .profile-container .columns:first-child {
		margin-left: 0;
		}

	.yellow-left-arrow {
		background:url(assets/images/yellow-arrow.png)  top 50px left  no-repeat;
		padding-left:15px;
		}
	
	.yellow-right-arrow {
		background:url(assets/images/yellow-arrow-right.png)  top 50px right  no-repeat;
		padding-right:15px;
		}
		
/*---------Navigation Attributes--------*/
	.header-icon-container, .logo-flat{
		display:none !important;
		}
	
	.menu_button {
		display:none;
		}

	.mobile-nav {
		display:none;
		}
		
	.logo-curve {
		position: absolute;
		left: 50%;
		top: 0px;
		overflow: visible;
		z-index: 99;
		margin-left: -93px;
		display:block;
		}

	.nav {
		display:block;
		}
	
	.header {
		border-bottom:0px;
		background:none repeat scroll 0% 0% #FEFEFC;
		}

/*---------Footer Attributes--------*/
	.footer-container div.container {
		padding:0px 20px;
		}

	.footer-container div .four.columns {
		width: 30.6666666667%;
		margin-left:4%;
		border-bottom:0px;
		padding:0px;
		}
		
		.footer-container div .four.columns:nth-child(3) {
			margin-left:0;
			}
			
/*----------Home page Banner attribute-----------*/		
	.connect-first, .contact-first {
		display:none;				
		}
	
	.connect-second, .contact-second {
		display:block;
		}

	.banner-text-box {
		max-width:440px;
		bottom:auto;
		left:auto;
		top:35%;
		margin-right:-440px;
		}

	.banner-text-box .inn {
		max-width:390px;
		background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
		text-align:center;
		}

	#slider-id-nav-ul li {
		margin:0px 140px 0px 0px;
		}
	
	#slides {
		margin-top:65px;
		}
	
	.slides-navigation {
		left: 50%;
		margin-left: -600px;
		}
		
/*--------Home page News update and donate attribute---------*/	
	hr#sep-white {
		display:none;
		}
	
	.center-box {
		width:100%;
		padding:0px 0px;
		}
	
	.center-box div .six.columns {
		width: 48%;
		float: left;
		margin-left: 4%;
		}


	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
.form-container{ display:block;}

.bottom-nav-container a{
   height: auto;
  width: auto;
  display: inline;
  margin:20px auto;
  min-height:100%;
}
.nav-box{
  width: 40%;
  position: relative;
  margin-bottom:0px;
  }
.outer-angle{display:block;
}
.nav-box-left{margin-left:30px;
}
.nav-box-right {
  margin-right: 30px;
}
.left-prev, .right-next{
display:none;
}

.nav-address-detail{display:block;}

.open{
position: absolute !important;
  top: 200px !important;
  right: 0px !important;
  width: 500px !important;

}
#vmap{
width: 960px; height: 750px;
}
	.container {
		position: relative;
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
		}
	.logo-curve {
		position: absolute;
		left: 50%;
		top: 0px;
		overflow: visible;
		z-index: 99;
		margin-left: -90px;
		display:block;
		}
		.nav {
			display:block;
			}
		.logo-flat {
			display:none !important;
			}
		.header {
			border-bottom:0px;
			}
		.menu_button {
			display:none;
			}
		.mobile-nav {
			display:none;
			}
		/*---------Impact Page Attributes--------*/
		.profile-container .four.columns {
			width: 30.6666666667%;
			margin-left:4%; 
			}
		.profile-container .eight.columns {
			width: 65.3333333333%;
			margin-left:4%; 
			}
		.profile-container .column:first-child, .profile-container .columns:first-child {
				margin-left: 0; }
		.yellow-left-arrow {
			background:url(assets/images/yellow-arrow.png)  top 50px left  no-repeat;
			padding-left:15px;
			}
		.yellow-right-arrow {
			background:url(assets/images/yellow-arrow-right.png)  top 50px right  no-repeat;
			padding-right:15px;
			}
/*--------Home page attribute---------*/
		hr#sep-white {
			display:none;
			}
		.center-box{
				width:100%;
				}
		.center-box div .six.columns{
				width: 48%;
				float: left;
				margin-left: 4%;
				}
				/*.countryinfo{display:none;}*/
		.countryinfo.open{width:500px;}
	}
	/*
.open{
position: absolute !important;
  top: 200px !important;
  right: 0px !important;
  width: 500px !important;

}
#vmap{
width: 960px; height: 750px;
}*/

.ainfo {position:absolute; top:100%; left:0px; width:100%; height:100%;  background:#efb323; color:#fff; z-index:3000; padding:20px;-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;}
a.stafflink {position:relative;padding:20px; display:block; overflow:hidden;}										
a.stafflink:hover .ainfo { top:0px;}
.alignright{    float: right; }
 .aligncenter{ margin: 0px auto;
  text-align: center;
  display: block;  }
.alignleft{ float:left; }

#form-box{ display:none;}
.form-container{width:265px; height:auto; position:fixed; top:65px; left:0px; background:#fff; z-index:9999; left: 50%;
    margin-left: -480px;}
#form-box form{ margin-bottom:0px;}

#form-box form>input[type="email"], #form-box form>input[type="text"]
{
	width: 100%;
    border: 1px solid #999;
    border-radius: 0px;
    margin-bottom: 15px;
	height:35px;
	color:#5a5959;font-size:10px;
	}
#form-box	input[type="email"]:focus, input[type="text"]:focus{
border: 1px solid #333;
}

#form-box input[type="button"]
{
width:90px; height:35px; background:#c31f2f; color:#fefefe; border:none; border-radius:0px; font-size:10px; margin-bottom:0px; font-weight:300;padding:0px;}

.news-button{color: #fff;
    font-size: 12px;
   padding: 11px 10px;
    background: #c31f2f;
    margin: 0px;
    line-height: normal;
    display: block;
	cursor:pointer;}
	.news-button span{ float:right; cursor:pointer;}
											