﻿/*=========================================================================================================================================
																Generic CSS 
=========================================================================================================================================*/
/*------------------------------------
	Fonts
------------------------------------*/
/*@font-face 
{
	font-family:"WeblySleek UI Light";
	src:url("../resources/fonts/weblysleekuil.eot?") format("eot"),
	url("../resources/fonts/weblysleekuil.woff") format("woff"),
	url("../resources/fonts/weblysleekuil.ttf") format("truetype"),
	url("../resources/fonts/weblysleekuil.svg#WeblySleekUILight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semilight";
	src:url("../resources/fonts/weblysleekuisl.eot?") format("eot"),
	url("../resources/fonts/weblysleekuisl.woff") format("woff"),
	url("../resources/fonts/weblysleekuisl.ttf") format("truetype"),
	url("../resources/fonts/weblysleekuisl.svg#WeblySleekUISemilight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semibold";
	src:url("../resources/fonts/weblysleekuisb.eot?") format("eot"),
	url("../resources/fonts/weblysleekuisb.woff") format("woff"),
	url("../resources/fonts/weblysleekuisb.ttf") format("truetype"),
	url("../resources/fonts/weblysleekuisb.svg#WeblySleekUISemibold") format("svg");
}*/


*
{
	margin:0;
	padding:0;
	border:0;
	/*font-family: "WeblySleek UI Semilight", Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1em;
}

/* Basic Common Column structure */
.width100{width:100%}
.margin_auto{margin:0px auto}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* ========= Font Specific ========= */
.tiny{font-size:0.8em}
.small{font-size:0.9em}
.regular{font-size:1.1em}
.medium{font-size:1.5em}
.semiMedium{font-size:1.3em;}
.large{font-size:2.2em}
.extra-large{font-size:2.6em;line-height:1.5}

.light{font-family: 'Open Sans', sans-serif !important; font-weight:300;}
.fontRegular{font-family: 'Open Sans', sans-serif; font-weight:400;}
.semiBold{font-family: 'Open Sans', sans-serif; font-weight:600;}
.bold{font-family: 'Open Sans', sans-serif; font-weight:700;}

/*.light{font-family:"WeblySleek UI Light", Tahoma, Arial, Helvetica, sans-serif !important}
.bold{font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif;}*/
.upperCase{text-transform:uppercase}
.strike{ text-decoration:line-through }

/*float classes*/
.float_left{float:left;display:inline}
.float_right{float:right;display:inline}
.float_clear{clear:both;}

/*text alignment*/
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.txtLeft{text-align:left;}

/* padding */
.pad_5{padding:0.3em}
.pad_10{padding:0.6em}
.pad_14{padding:0.8em}
.pad_15{padding:0.9em}
.pad_20{padding:1.2em}
.pad_25{padding:1.5em}
.pad_30{padding:1.8em;}
.pad_40{padding:2.5em}
.pad_50{padding:3.1em}

.home_pad_offset{padding:1.8em;}

.pad_LR_30{padding:0 1.8em;}
.pad_L_15{padding-left:0.9em}
.pad_R_15{padding-right:0.9em}
.pad_LR_15{padding:0em 0.9em;}
.pad_LR_20{padding-left:1.2em;padding-right:1.2em}
.pad_LR_25{padding:0em 1.5em;}
.pad_LR_30{padding:0em 1.8em;}
.pad_L_30{padding-left:1.8em}
.pad_R_30{padding-right:1.8em}
.pad_TB_30{padding-bottom:1.8em;padding-top:1.8em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TB_15{padding-bottom:0.9em;padding-top:0.9em}
.pad_TB_20{padding-bottom:1.2em;padding-top:1.2em}
.pad_TB_10{padding-bottom:0.6em;padding-top:0.6em}
.pad_TL_15{padding-top:0.9em;padding-left:0.9em}
.pad_T_50{padding-top:3.1em;}

/* margin */
.mrg_B_3{margin-bottom:0.18em;}
.mrg_B_5{margin-bottom:0.3em;}
.mrg_B_10{margin-bottom:0.6em;}
.mrg_B_15{margin-bottom:0.9em;}
.mrg_B_20{margin-bottom:1.2em;}
.mrg_B_25{margin-bottom:1.5em;}
.mrg_B_30{margin-bottom:1.8em;}
.mrg_T_200{margin-top:13.5em;}
.mrg_TB_20{margin-top:1.3em;margin-bottom:1.3em;}


/*spacer*/
.space3{height:3px; display:block;}
.space5{height:0.3em; display:block;}
.space10{height:0.6em; display:block;}
.space15{height:0.9em; display:block;}
.space20{height:1.2em; display:block;}
.space30{height:1.8em; display:block;}
.space35{height:2.1em; display:block;}
.space40{height:2.5em; display:block;}
.space50{height:3.1em; display:block;}

/* coloumn structure*/
.col_1140{width:1140px;margin:0px auto}
.col_1_2{width:570px; float:left;}
.col_1_3{width:380px; float:left;}
.col_1_4{width:285px; float:left;}
.col_1_5{width:228px; float:left;}
.col_1_6{width:190px; float:left;}
.col_2_3{width:760px; float:left;}
.col_3_4{width:855px; float:left;}
.col_980{width:980px;}
.col_800_center{width:800px;margin:0px auto}
.col_800{width:800px; float:left}
.col_340{width:340px; float:left}

/*position*/
.posRelative{position:relative !important }

/*border-radius*/
.border_r_3{border-radius:3px;}
.border_r_4{border-radius:4px;}
.border_r_5{border-radius:5px;}
.border_r_50{border-radius:50%;}
.noBorder{border:none !important }

/*liner*/
.liner{height:1px; background-color:#000; display:block;}

/*text transform*/
.upperCase{text-transform:uppercase}
.capitalize{text-transform:capitalize;}
.txtDecNone{text-decoration:none;}

/* Notification */
.info, .success, .warning, .error {
margin: 10px 0px;
padding:12px;
padding-left:36px !important;display:block
}
.info {
	color: #00529B;
	background: #BDE5F8 url(../images/icons/ico-info.png) no-repeat 12px center;
}
.success {
	color: #4F8A10;
	background: #DFF2BF url(../images/icons/ico-success.png) no-repeat 12px center;
}
.warning {
	color: #9F6000;
	background: #FEEFB3 url(../images/icons/ico-warn.png) no-repeat 12px center;
}
.error {
	color: #D8000C;
	background: #FFBABA url(../images/icons/ico-error.png) no-repeat 12px center;
}

/*=========================================================================================================================================
																Sangram CSS 
=========================================================================================================================================*/

/* Theme Colors */
.themeBgPrime{background:#E97F02;} /* Orange */
.themeBgSec{background:#BD1550;} /* Pink */
.themeBgThr{background:#F8CA00;} /* yellow */

.themeClrPrime{color:#E97F02;} /* orange */
.themeClrSec{color:#BD1550;}  /* pink */
.themeClrThr{color:#d34c2e;}  /* dark orange */
.themeClrQtr{color:#F8CA00;} /* yellow */

.clrWhite{color:#fff;}
.clrBlack{color:#040300;}
.clrGrey{color:#eceeef;}
.clrDarkGrey{color:#777;}

.bgGrey{background:#eeeeee;}
.bgLightGrey{background:#fbfbfb;}
.bgDarkGrey{background:#444444;}

.roboRegular{font-family: 'Roboto', sans-serif !important; font-weight:300;}

/* width */
.width50{width:50%; float:left;}
.width33{width:33%; float:left;}

/* Page Top */
.topSocialBox{float:left; margin-right:20px; width:32px; height:32px;}
.fbTop{background:url("../images/icons/topFb.png") no-repeat right center;}
.twtTop{background:url("../images/icons/topTwt.png") no-repeat right center;}
.gplusTop{background:url("../images/icons/topGplus.png") no-repeat right center;}
.youtubeTop{background:url("../images/icons/topYoutube.png") no-repeat right center;}

.topMenu{list-style:none; float:right;}
.topMenu li{display:inline-block;}
.topMenu li a{text-decoration:none; display:block; color:#fff; font-size:1em; line-height:1.3; padding:0.3em 0.8em;}
.topMenu li a:hover{color:#F8CA00;}

/* Header */
#header{z-index:9999 !important}
.logo{height:150px; float:left }
.logoNm{ float:left; display:none }
.logoName{float:left; display:none; }

.logoMaster{height:150px; float:left }
.logoMasterName{ float:left; display:none }
.logoMasterNameBlk{ float:left; margin-top:80px }

.sideLogo{height:150px; }

/* master page fix menu navigation */
.fixed{position:fixed; width:100%; left:0; top:0; transition:all 0.3s ease;  background:#292b2c; z-index:999 !important;}
/*.fixed .logo{display:none;}
.fixed .logoName{display:block;}*/
.fixed #masterLogo{display:none;}
.fixed .logoMasterNameBlk { display:none }
.fixed .logoMasterName { display:block }
.fixed .logoNm{display:block; margin-top:5px;}


/* deafult page fix menu navigation */
.fixed #topNavDefault{margin-top:18px;}

/* Navigation master page */
#topNavPanel{float:right;}
#topNav{list-style:none;margin-top:95px;}
#topNav li{display:inline-block; position:relative;}
#topNav li a{display:block;text-decoration:none;font-family: 'Open Sans', sans-serif; font-weight:600;font-size:1em;line-height:1.3;color:#040300;padding:0.3em 0.8em; cursor:pointer}
#topNav li a.subNav{background:url(../images/icons/navArrow.png) no-repeat right center;padding-right:23px!important}
#topNav li a:hover{color:#BD1550;}

#navBtn{width:34px;height:34px;background:url(../images/icons/nav-btn.png) no-repeat left center;display:none; cursor:pointer; float:right; position:absolute; top:100px; right:50px; }

#topNav ul{position:absolute; display:none; top:30px; left:0px;background:#f1f1f1; padding:8px 0; border-top:3px solid #BD1550;}
#topNav ul li{display:block; margin:0 !important;}
#topNav ul li a{font-family: 'Open Sans', sans-serif; font-weight:600;display:block; text-decoration:none;color:#777 !important;padding:5px 15px; width:140px; font-size:0.9em !important;}
#topNav ul li a:hover{color:#BD1550 !important}
#topNav li:hover > ul{display:block; z-index:3}



	#navBtn{display:block;}

	#topNavPanel{display:none;float:none;position:absolute;right:40px; top:130px; margin-top:0;z-index:100; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}
	#topNav{background:#fff; margin-top:0 !important; }
	#topNav li{display:block;padding:6px 10px;border-bottom:solid 1px #e0e0e0; }
	#topNav li a{display:block;padding:5px 15px; font-size:1em;}
	#topNav li a:before{display:none;}
	#topNav li a:after{display:none;}
	#topNav li a:hover{color:#BD1550;}
	#topNav li a.subNav{background:url(../images/icons/navArrow-white.png) no-repeat right center;padding-right:23px!important}
	
	#topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff; border:none !important; padding:0 !important;}
	#topNav ul li{border:none !important ; margin:0 !important;}
	#topNav ul li a{display:block;padding:0em 0em !important; font-size:0.9em; color:#777 !important;text-align:left; margin-left:18px;}
	#topNav ul li a:hover{color:#BD1550 !important}

	.fixed #navBtn{top:35px;}
	.fixed #topNavPanel{top:65px; background:#fff;}
	.fixed #topNav li{display:block;padding:6px 10px;border-bottom:solid 1px #e0e0e0; }
	.fixed #topNav li a{display:block;padding:5px 15px; font-size:1em; color:#040300 !important;}
	.fixed #topNav li a:before{display:none;}
	.fixed #topNav li a:after{display:none;}
	.fixed #topNav li a:hover{color:#BD1550 !important;}
	

	.fixed #topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff; border:none !important;}
	.fixed #topNav ul li{border:none !important}
	.fixed #topNav ul li a{display:block;padding:0em 0em !important; font-size:0.9em; color:#777 !important;text-align:left; margin-left:18px;}
	.fixed #topNav ul li a:hover{color:#BD1550 !important}


/* Text Style */
.paraTxt{color:#353536; line-height:1.5; font-size:1em;}
.line-ht-3{line-height:1.3;}
.line-ht-5{line-height:1.5;}
.letter-sp-2{letter-spacing:2px;}
.letter-sp-3{letter-spacing:3px;}

.greyLine{background:#ccc; height:1px; display:block; width:100%; margin-top:25px; margin-bottom:20px;}
.orangeLine{background:#d34c2e; height:3px; display:block; width:50px; margin-top:15px; margin-bottom:20px;}
.themeYellowLine{background:#fec85e; height:3px; width:50px; display:block; margin-top:15px; margin-bottom:15px;}
.themePinkLine{background:#BD1550; height:3px; width:50px; display:block; margin-top:15px; margin-bottom:15px;}
.whiteLine{background:#fff; height:3px; width:50px; display:block; margin-top:15px; margin-bottom:15px;}

.themeLine{height:3px; width:50px; display:block; margin-top:15px; margin-bottom:15px;}

.dis-tbl{display:table;}
.tbl-cell{display:table-cell; vertical-align:middle;}

/* Banner */
/*#banner{width:100%; height:600px; background:url("../images/banner/banner-1.jpg") no-repeat center center; background-size:cover;}
.bannerBorder{background:#E97F02; height:4px; display:block; width:100%;}*/
/*.anchSpacer{height:50px; display:block;}*/

.readAnch{text-decoration:none; background:transparent; border:1px solid #BD1550; font-size:0.9em; color:#BD1550; padding:9px 15px; display:inline-block; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
.readAnch:hover{background-color:#BD1550; color:#fff;}

.readAnchWhite{text-decoration:none; background:transparent; border-radius:25px; font-size:0.9em; color:#fff; border:1px solid #fff; padding:8px 12px; display:inline-block; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
.readAnchWhite:hover{background-color:#fff; color:#BD1550;}

.bannerSpacer{height:120px; display:block;}
.bannerTitle{font-size:3em;}
#bannerBg{width:100%; background:url("../images/banner/banner-1.jpeg") no-repeat center center; background-size:cover; height:100%; }
.bannerOverlay{ height:650px;}


#banner_left { float:left; width:calc(20%); height:600px }
#banner_right { float:left; width:calc(80%);height:600px }
.bgWhite{ background:#f7f7f7 }

/* 4 boxes */
/*.boardMembers{background:url("../images/sangram-board-members.jpg") no-repeat center center; width:100%; height:290px; background-size:cover;}
.reports{background:url("../images/sangram-reports.jpg") no-repeat center center; width:100%; height:290px; background-size:cover;}
.sangramResources{background:url("../images/sangram-resources.jpg") no-repeat center center; width:100%; height:290px; background-size:cover;}
.sangramWeblinks{background:url("../images/sangram-weblinks.jpg") no-repeat center center; width:100%; height:290px; background-size:cover;}
.boxOverlay{background:rgba(0,0,0,0.4); height:290px;}
.boxOverlay:hover{background:rgba(0,0,0,0.8);}

.boxPad{padding:70px 30px;}*/
.width25{width:25%; float:left;}


/* News */
.newsAnch{text-decoration:none; color:#5d6062; line-height:1.3; font-size:1.4em; font-weight:400; display:block;}
.newsAnch:hover{color:#BD1550;}

.newsRm{color:#BD1550; font-size:1em; text-decoration:none;}
.newsRm:hover{color:#d34c2e;}

.nwPost{font-size:0.9em; font-weight:400; font-style:italic; color:#929090; display:block;}

.homeNewsImg{height:200px;overflow:hidden}

/* Videos and Weblinks */
.weblink{text-decoration:none; color:#BD1550; line-height:1.3; font-weight:400; display:block;}
.weblink:hover{color:#E97F02;}

/* Resources */
.resrcPattern{background:url("../images/pattern.png") no-repeat center center; background-size:cover; width:100%;}
.resrcAnch{text-decoration:none; background-color:transparent; color:#fff; border:2px solid #fff; padding:12px 25px; display:inline-block; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
.resrcAnch:hover{background:#fff; color:#F8CA00;}

/* Footer */
.footer{background-color:#1f1a17;}
.footer span{display:block; color:#a1a1a0;}
.footerCaption{font-size:1.4em; line-height:1.5;}
.footerNav{list-style:none}
.footerNav li{}
.footerNav li a{text-decoration:none;display:inline-block;padding:0.2em 0em;color:#E97F02;font-size:1em; line-height:1.3;}
.footerNav li a:hover{color:#fec85e;}
.footerLiner{background-color:#433a35; height:1px; display:block; }
.intellect{text-decoration:none; color:#a1a1a0; font-weight:600;}
.intellect:hover{color:#E97F02;}

.copyRight{font-size:0.9em}

.socialIco{width:32px; height:32px; display:inline-block; margin-right:20px; margin-bottom:15px;}
.fb{background:url("../images/icons/fb.png") no-repeat center center;}
.fb:hover{background:url("../images/icons/fb-invert.png") no-repeat center center;}
.twt{background:url("../images/icons/twitter.png") no-repeat center center;}
.twt:hover{background:url("../images/icons/twitter-invert.png") no-repeat center center;}
.gPlus{background:url("../images/icons/googlePlus.png") no-repeat center center;}
.gPlus:hover{background:url("../images/icons/googlePlus-invert.png") no-repeat center center;}
.youTube{background:url("../images/icons/youtube.png") no-repeat center center;}
.youTube:hover{background:url("../images/icons/youtube-invert.png") no-repeat center center;}

/* contact info - Home Page */
.addr{background:url("../images/icons/location.png") no-repeat top left; display:block; padding-left:36px;}
.email{background:url("../images/icons/email.png") no-repeat top left; display:block; padding-left:36px;}

/* Page Headers */
.pg_TB_pad{padding:5em 0em;}
.headerOverlay{background:rgba(0,0,0,0.6); display:block;}
.pgHeader1{background:url("../images/page-headers/pg-header-1.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader2{background:url("../images/page-headers/pg-header-2.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader3{background:url("../images/page-headers/pg-header-3.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader4{background:url("../images/page-headers/pg-header-4.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader5{background:url("../images/page-headers/pg-header-5.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader6{background:url("../images/page-headers/pg-header-6.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader7{background:url("../images/page-headers/pg-header-7.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader8{background:url("../images/page-headers/pg-header-8.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader9{background:url("../images/page-headers/pg-header-9.jpg") no-repeat center center; background-size:cover; width:100%;}
.pgHeader10{background:url("../images/page-headers/pg-header-10.jpg") no-repeat center center; background-size:cover; width:100%;}

.pageHeader{background:#000E15; width:100%;}
.page_TB_pad{padding:3em 0em;}

/* Page Header Styles */
.pageH1{font-size:3.2em;line-height:1.3;}
.pageH2{font-size:2.1em; line-height:1.5;}
.pageH3{font-size:1.7em; line-height:1.5;}
.pageH4{font-size:1.4em; line-height:1.5;}

/* Bread Crumbs */
.bCrumb{list-style:none;float:left;display:inline;font-size:1em; margin-top:8px;}
.bCrumb li{float:left;display:inline;margin-right:0.6em;color:#fff;}
.bCrumb li a{text-decoration:none;font-size:1em; font-weight:bold; color:#E97F02;}
.bCrumb li a:hover{border-bottom:1px solid #E97F02; }

/* Tags */
.tags{}
.tags a{display:inline-block;text-decoration:none; margin-right:23px; padding:10px 15px; transition:all 0.5s ease}
.tags a:hover{background:#E97F02; color:#fff; }
.tags .tag1{font-size:4.5em;font-weight:400}
.tags .tag2{font-size:3.5em}
.tags .tag3{font-size:2.3em}
.tags .tag4{font-size:2.1em}
.tagclrGrey{color:#bbbcbb;}

/* Collectives Home Page */
/*.transparentBox{width:375px; display:inline-block;}
.flipBox{border:1px solid #fff; height:210px; transition:all 0.4s ease;}
.flipAnch{text-decoration:none; color:#BD1550; background:#fff; padding:8px 10px; font-size:0.9em; font-weight:400; display:inline-block; visibility:hidden;}
.flip {}
.flip:hover .flipAnch{visibility:visible;}
.flip:hover .flipBox{border:1px solid #BD1550; background:#BD1550;}*/

.collectives{background:url("../images/collective-bg.jpg") no-repeat fixed center; width:100%; background-size:cover; }
/*.col-overlay{background:rgba(0,0,0,0);}*/
.collective_pad{padding:3em 0;}
.col_1000{width:1000px;}

.collImg{width:220px; display:inline-block;}
.themeBgRed{background:#b40001; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; }
.themeBgRed:hover{background:#390201;}

/* page sidebar */
.sideBlueBase{background-color:#f0efef;text-align:center}
.sideTitle{color:#BD1550;line-height:1.5;}
.sideIntro{color:#4d4e53;line-height:1.3;font-size:1em}
.sideAnch{background-color:#E97F02;color:#fff;text-align:center;display:block;padding:0.8em 1.2em;text-decoration:none;line-height:1.3;width:150px;margin:0px auto}
.sideAnch:hover{background-color:#000;}

/*Form Controls*/
.w100{width:100%;}
.labelCap{ font-weight:600; padding:5px 15px 5px 0px; display:block; margin-bottom:0.3em }
.subNotice{font-size:0.8em; color:#999999; font-style:italic; margin-bottom:15px; display:block}
.textBox{padding:0.5em; display:block; border:1px solid #ccc; resize:none; width:97%;}
.cmbBox{padding:0.5em; border:1px solid #cccccc; display:block; resize:none; width:98%}
.w50{width:50%}
.w20{width:20%}
.w80{width:80%}
.w95{width:95%}
.w98{width:98%}
.w70{width:70%; margin:0 auto;}
.app_r_padding{padding-right:1.8em}
.chkList{width:100%}
.chkList input{padding:8px; margin-bottom:10px; display:inline-block;}
.buttonForm{background-color:#BD1550; color:#fff; font-size:1em; padding:10px 18px; cursor:pointer; -webkit-transition:all 0.7s ease; transition:all 0.7s ease;}
.buttonForm:hover{background:#E97F02;}

.radio{ display:inline-block; margin-right:10px;}

/* Contact Us */
#map-canvas {width:100%; height:400px; margin:0; padding:0;}
.conIco{padding-left:40px; line-height:1.6;  color:#404041}
.home{background:url("../images/icons/home.png") no-repeat top left; display:block;}
.conMail{background:url("../images/icons/conEmail.png") no-repeat top left; display:block;}
.conCall{background:url("../images/icons/conCall.png") no-repeat top left; display:block;}

/* Sidebar Navigation */
.sideContainer{background:#fff; border:1px solid #e9e9e9;}
.sideNavHead{font-size:1.5em; padding:15px 20px;}
.sideThemeLine{height:2px; display:block; width:100%;}
.sideNav{list-style:none }
.sideNav li{ font-size:1.1em; display:block; border-bottom:1px dotted #b2b2b2 }
.sideNav li a{padding:10px 10px; color:#4b4a4a; text-decoration:none; display:inline-block; font-weight:400;}
.sideNav li a:hover{color:#BD1550;}

/* Collectives */
.collectiveBox{ width:350px; display:inline-block;}
.collContainer{border:1px solid #e5e4e4; text-align:center;}
.coll-logos{display:block; margin:0 auto; width:200px;}
.coll-logos img{width:100%; border-radius:50%;}
.orgName{font-size:1.5em; color:#BD1550; text-decoration:none; display:block;}
.orgName:hover{color:#E97F02;}
.coll_rm{text-decoration:none; color:#d34c2e; font-weight:600;}
.coll_rm:hover{border-bottom:1px solid #d34c2e}
.boxShadow{-moz-box-shadow: 0px 0px 4px 2px #e5e4e4;  -webkit-box-shadow: 0px 0px 4px 2px #e5e4e4; box-shadow: 0px 0px 4px 2px #e5e4e4;}

/*Resources Data*/

.resBoxContainer{background:#fff; height:210px; border-bottom:3px solid #BD1550; position:relative; }
.hoverOverlay{position:absolute; left:0; bottom:0; right:0; top:0; background:#000; overflow:hidden; width:100%; height:210px; opacity:0; transition:.5s ease;}
.resBoxContainer:hover .hoverOverlay{opacity:0.5;}
.resTitle{font-size:1.3em; font-weight:400;}
.resAnch{text-decoration:none; color:#fff; font-size:2.2em; line-height:150px; font-weight:400;}

.resBoxInfo{border-bottom:3px solid #E97F02;  } 
.resPost{display:block; color:#525252; font-weight:400; font-size:0.9em; line-height:1.5;}
.pdfLink{background:url("../images/icons/pdf.png") no-repeat left center; padding-left:30px; text-decoration:none; color:#EC3237; font-size:1em; line-height:2; font-weight:400;}
.pdfLink:hover{border-bottom:1px solid #EC3237;}



/* Board Members */
.memBox{border:1px solid #e0e0e0;}
.memImg{display:block; margin:0 auto; width:100px; height:100px; border-radius:50%;}

.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px #b0b0b0; transition:all 0.2s ease;}
.one-edge-shadow:hover{box-shadow: 0px 0px 1px 2px #e5e4e4;}

#reports .col_1_3:hover{box-shadow: 0px 0px 1px 2px #e5e4e4;}


.mrg_L_15{margin-left:15px;}   

/* Sidebar Navigation */
.sidebarContainer{background:url("../images/sidebar-menu-bg.jpg") no-repeat center center; width:100%; background-size:cover;}
.sidebarNavHead{background:#2a2b2d; font-size:1.8em; padding:15px 20px;}

.sidebarNav{list-style:none;}
.sidebarNav li{display:block; border-bottom:1px dotted #fff; position:relative;}
.sidebarNav li a{text-decoration:none; font-size:1.2em; padding:10px 10px; color:#fff; display:inline-block; font-weight:400; cursor:pointer;}
.sidebarNav li a span.resCount{font-size:1em; color:#fff; margin-left:15px; display:inline; font-weight:400;}
.sidebarNav li a span{display:block; color:#fff; font-size:0.7em; margin-top:5px;}
.sidebarNav li a.rightNav{background:url("../images/icons/arrow.png") no-repeat right center; padding-right:25px; display:block;}
.sidebarNav li a:hover{color:#000;}

.sidebarNav ul{position:absolute; top:0; left:302px; background:#f1f1f1; display:none;}
.sidebarNav ul li{display:block; width:350px; border:none !important;}
.sidebarNav ul li a.sideNavRm{text-decoration:none; color:#f0361f !important; border-bottom:1px solid transparent; font-size:1em !important; padding:0 !important; font-weight:400;}
.sidebarNav ul li a.sideNavRm:hover{border-bottom:1px solid #f0361f;}
.sidebarNav li:hover > ul{display:block; z-index:5;}

.sidebarNav li:last-child{border:none !important;}

.greyTraingle{position:absolute; left:-13px; top:10px; width: 0; height: 0; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #e5e4e4 transparent transparent;}
 
.resGrpInfo{border-bottom:3px solid #f0361f; background:#f1f1f1;} 
.themeClrRed{color:#f0361f;}

.col_400{width:400px; float:left;}

.infoClr{color:#f0361f; font-weight:400; font-size:1.3em;}

/* Photo Gallery */
.img-border{border:1px solid #ccc;}
.img-border:hover{border:1px solid #E97F02;}
.pressDate{color:#272727; font-size:0.9em; line-height:1.8; display:block;}
.albumPic{width:200px; float:left;}
.albumDesc{margin-left:230px;}
.albumTitle{text-decoration:none; color:#5d6062; font-size:1.5em; line-height:1.5; display:block;}
.albumTitle:hover{color:#BD1550;}
.albumAnch{text-decoration:none; background:#BD1550; color:#fff; padding:8px 25px; display:inline-block;}
.albumAnch:hover{background:#E97F02;}

/* Video Gallery */
.videoBg{background:#f0361f; cursor:default;}
.videoTitle{font-size:1.1em; color:#fff; text-decoration:none; font-weight:400;}
.videoBg:hover{background:#E97F02;}
.dis-none{display:none;}


/*Latest News and Events*/
.news-img{float:left;width:250px;}
.news-info{margin-left:280px; position:relative;}

.news-Tag{font-size:1.5em;color:#f0361f;text-decoration:none;display:block; text-transform:capitalize;}
.news-Tag:hover{color:#E97F02}
.newspost{font-size:0.9em;color:#555555;display:block;margin-bottom:1em; font-style:italic; font-weight:400;}

.Readmore{font-size:1em;color:#BD1550;text-decoration:none; cursor:pointer }
.Readmore:hover{border-bottom:1px solid #BD1550;}

.newsPdf{position:absolute; right:0; bottom:-7px;}

.impNewsImg{width:400px; float:left;}
.impNewsData{margin-left:440px;}

/* Reports */
.repContainer{border-bottom:2px solid #f0361f; height:130px; box-shadow: 0px 0px 1px 2px #e5e4e4; text-align:center;}

.slideshareLink{text-decoration:none; color:#BD1550; font-size:1em; font-weight:400;}
.slideshareLink:hover{color:#f0361f;}

/* press release */
.proNavPanel{border-bottom:solid 1px #e0e0e0;height:66px;position:relative;margin-top:15px}
.proNav{position:absolute;top:-1px;left:0;list-style:none;}
.proNav li{display:inline}
.proNav li a{float:left;display:inline-block;text-decoration:none;padding:25px 28px; width:180px; text-align:center; line-height:16px;font-size:1.2em; font-weight:600 ;color:#E97F02; background-color:#f3f3f3; border:1px solid #e3e3e3;}
.proNav li .act{border:solid 1px #e0e0e0;border-bottom:solid 1px #fff; background-color:#fff}

.videoRm{text-decoration:none; font-size:1em; color:#BD1550; display:block; text-align:left; font-weight:400;}
.videoRm:hover{color:#f0361f;}


#slideHostel{width:100%; background:url("../images/mitra-hostel/hostel-1.jpg") no-repeat center center; background-size:cover; height:500px; }
.contactBox{width:33%; display:inline-block; text-align:left;}

/*events page*/
.event-container{display:flex;flex-wrap:wrap}
.event-item{width:320px;background-color:#fff;padding:10px;margin:10px;box-shadow:.2rem .2rem #bd1550,-.2rem -.2rem #db4415}
.event-desc{font-size:1.1em;word-wrap:break-word;color:#807878}
#eventArticle p{color:#3e3e3e;line-height:1.5;font-size:1em;margin-bottom:10px;width:100%}
#eventArticle b{font-family:'Open Sans',sans-serif;font-weight:700}
#eventArticle h1{font-size:3.2em;line-height:1.3;margin-bottom:20px}
#eventArticle h2{font-size:2.1em;line-height:1.5}
#eventArticle h3{font-size:1.7em;line-height:1.5}
#eventArticle h4{font-size:1.4em;line-height:1.5}
#eventArticle ul{list-style-type:disc;margin-bottom:10px}
#eventArticle img{width:100%}

.smallReadMore{text-decoration:none; background:#f0361f; color:#fff; display:inline-block; padding:5px 15px; transition:0.5s; border-radius:20px;}
.smallReadMore:hover{background:#E97F02;}

.blink_me {
  animation: blinker 0.8s linear infinite;
}

@keyframes blinker {
	0% {
	  color:#fb7e3e;
	opacity: 0.3;
	}
	50% {
		color:#f20f2b;
	opacity: 0.8;
	}
	100% {
		color:#f3c019;
	opacity: 1;
	}
}

.box{position:relative;  background:#fff; display:flex; justify-content:center; align-items:center; border:1px solid #f9f9f9;}
.box:before{content:''; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; background:#fff; z-index:-1; transform:skew(2deg,2deg);}
.width30{width:33%; display:inline-block;}
.col_1_2:nth-child(odd) .box:before{background:linear-gradient(315deg, #ff0057, #e64a19);}
.col_1_2:nth-child(even) .box:before{background:linear-gradient(315deg, #ff0000, #ffc107);}
.content{position:relative; padding:35px 30px; }
.box .content a{position:relative; margin:0; padding:10px 20px; text-decoration:none; border-radius:25px; font-size:0.9em; font-weight:600; border:2px solid #ff4723; display:inline-block; color:#ff4723; transition:0.5s; transform:translateY(-40px); opacity:0; visibility:hidden;}
.box:hover .content a{transform:translateY(0px); opacity:1; visibility:visible;}
.box .content a:hover{color:#fff; background:#ff4723;}
.founderImg{width:120px; height:120px; border-radius:50%;}
.founder_shadow{ box-shadow:1px 15px 20px rgba(0,0,0,0.1);}


/* fund raising */
.bgFund{background:linear-gradient(315deg, #f0361f, #BD1550, #F8CA00, #E97F02);  background-size:400%; animation: bganimation 15s infinite}
@keyframes bganimation{
	0%
	{
		background-position: 0% 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	100%
	{
		background-position: 0% 50%;
	}
}


/*================================================== Media Queries ==================================================*/

@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1200px)
{
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67% }
	.col_3_4{width:75%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70% }
	.col_340{ width:30%}

	.col_400{width:50%;}
}
@media screen and (max-width: 1140px)
{
	.col_1140{width:95%}
	.col_1_2{width:50%}
	.col_1_3{width:33%}
	.col_2_3{width:67% }
	.col_3_4{width:75%}
	.col_1_4{width:25%}
	.col_1_5{width:20%}
	.col_1_6{width:16.5%}
	.col_800{ width:70% }
	.col_340{ width:30%}

	.col_400{width:50%;}

	#bannerBg{width:100%; height:855px; }
	.bannerOverlay{height:855px;}

/* master page navigation */
	#navBtn{display:block;}
	
	#topNavPanel{display:none;float:none;position:absolute;right:25px; top:130px; margin-top:0;z-index:100; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}
	#topNav{background:#fff; margin-top:0; }
	#topNav li{display:block;padding:6px 10px;border-bottom:solid 1px #e0e0e0; }
	#topNav li a{display:block;padding:5px 15px; font-size:1em;}
	#topNav li a:before{display:none;}
	#topNav li a:after{display:none;}
	#topNav li a:hover{color:#BD1550;}
	
	#topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff; border:none !important; padding:0 !important;}
	#topNav ul li{border:none !important}
	#topNav ul li a{display:block;padding:0em 0em !important; font-size:0.9em; color:#777 !important;text-align:left; margin-left:18px;}
	#topNav ul li a:hover{color:#BD1550 !important}

	.fixed #navBtn{top:35px;}
	.fixed #topNavPanel{top:65px; background:#fff;}
	.fixed #topNav li{display:block;padding:6px 10px;border-bottom:solid 1px #e0e0e0; }
	.fixed #topNav li a{display:block;padding:5px 15px; font-size:1em; color:#555 !important;}
	.fixed #topNav li a:before{display:none;}
	.fixed #topNav li a:after{display:none;}
	.fixed #topNav li a:hover{color:#BD1550;}
	
	.fixed #topNav ul{position:relative; top:0px; left:0px;display:block; background-color:#fff; border:none !important; padding:0 !important;}
	.fixed #topNav ul li{border:none !important}
	.fixed #topNav ul li a{display:block;padding:0em 0em !important; font-size:0.9em; color:#777 !important;text-align:left; margin-left:18px; }
	.fixed #topNav ul li a:hover{color:#BD1550 !important}

/* default page navigation */
	/*#navBtnDefault{display:block;}
	#topNavPanelDefault{display:none;float:none;position:absolute;right:25px; top:55px; margin-top:0;z-index:100; background:#fff; -webkit-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    -moz-box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);    box-shadow: 0px 0px 5px 2px rgba(168,168,168,5);}
	#topNavDefault{background:#fff; margin-top:0; }
	#topNavDefault li{display:block;padding:8px 10px;border-bottom:solid 1px #e0e0e0; }
	#topNavDefault li a{display:block;padding:5px 15px; font-size:1em; color:#555 !important;}
	#topNavDefault li a:before{display:none;}
	#topNavDefault li a:after{display:none;}
	#topNavDefault li a:hover{color:#BD1550 !important;}
	
	#topNavDefault ul{position:relative; top:0px; left:0px;display:block; background-color:#fff; border:none !important;}
	#topNavDefault ul li{border:none !important}
	#topNavDefault ul li a{display:block;padding:0em 0em; font-size:0.9em; color:#1d1d1d !important;text-align:left; margin-left:18px;}
	#topNavDefault ul li a:hover{color:#BD1550 !important}*/


	/*.fixed #navBtnDefault{top:25px;}
	.fixed #topNavPanelDefault{top:70px;}*/

	.sidebarNav ul{left:281px;}
	
}
@media screen and (max-width: 1024px)
{
	.col_980{width:100%;}
	.collectiveBox{width:33%;}

	.col_1000{width:100%;}

	.sidebarNav ul{left:248px;}

	#bannerBg{width:100%; height:768px; }
	.bannerOverlay{height:768px;}
}
@media screen and (max-width: 920px)
{
	.col_800{width:100%; float:none }
	.col_340{width:100%; float:none}
	.col_800_center{width:100%;}
	.pad_L_30{padding:0; margin-top:20px;}
	.boxPad{padding:50px 30px;}
	.bannerSpacer{height:50px; display:block;}

	.sidebarNav ul{display:none !important;}
	.pad_R_30{padding:0; margin-bottom:30px;}

	#press{font-size:2.3em;}
	
	#bannerBg{width:100%; height:690px; }
	.bannerOverlay{height:690px;}

	.contactBox{width:49%;}
	.mrg_T_200 {margin-top:4.5em;}
	
}
@media screen and (max-width: 800px)
{
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_1_6, .col_2_3, .col_3_4{width:100%; float:none;}
	
	.anchSpacer{height:0px;}
	
	.bgDarkGrey .pad_30{padding:0 0 25px 25px;}
	.width50{width:100%; float:none;}
	.width33{width:100%; float:none;}
	.width50_right{width:100%; float:none;}
	
	.greyLine{display:block;}
	.resrcPattern .space30{height:0px;}

	.collectiveBox{width:49%;}
	.quickBoxes .width25{width:50%;}

	.bannerTitle{font-size:4em;}
	.homeNewsImg{height:350px;}
	
	
	.impNewsImg{float:none;}
	.impNewsData{margin-left:0px; margin-top:20px;}

	#bannerBg{width:100%; height:600px; }
	.bannerOverlay{height:600px;}

	#banner_left, #banner_right{ float:none; width:100%; display:block; height:auto;}
	
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 640px)
{
	.col_1_3{width:100%}
	.col_2_3{width:100% }
	
	
	.topMenu{display:none;}

	.w50{width:100%;}
	.app_r_padding{padding:0em !important}
	.textBox{width:95%;}
	.collectiveBox{width:100%;}

	.bannerTitle{font-size:3.2em;}

	.albumPic{float:none;}
	.albumDesc{margin-left:0; margin-top:20px;}

	.news-img{float:none; display:block;}
	.news-info{margin-left:0px; margin-top:20px;}
	
	.proNavPanel{border-bottom:solid 1px #e0e0e0;height:145px;position:relative;margin-top:15px}
	.proNav{top:10px;}
	.proNav li a{ width:80%; float:left;}
	
	#bannerBg{width:100%; height:480px; }
	.bannerOverlay{height:480px;}

	.contactBox{width:100%;}
}
@media screen and (max-width: 480px)
{
	.home_pad_offset{padding:0.6em;}
	.logo{display:none;}
	.logoNm{margin-top:10px;}
	#logoNmWhite{margin-top:50px;}
	.fixed #logoNmWhite{margin-top:10px;}
	
	#video{text-align:center;}
	#video .orangeLine{margin:0 auto; margin-top:15px; margin-bottom:15px;}
	.resrcPattern{text-align:center;}
	.tags a{display:block;}

	.w100{width:95%;}
	.w50{width:95%;}
	.quickBoxes .width25{width:100%;}

	#navBtn{right:0; padding:5px; top:70px;}
	#topNavPanel{right:15px; top:105px;}
	.fixed #topNavPanel{right:15px; top:70px;}

	.transparentBox{width:100%;}
	.collImg{width:60%;}
	.col_400{width:100%;}
	.albumPic{width:100%;}
	.news-img{width:100%;}
	.homeNewsImg{height:200px;}
	
	.proNav li a{ width:60%;}
	
	.impNewsImg{width:100%;}

	
}
@media screen and (max-width: 360px)
{
	#navBtn{right:0; padding:5px;}
	#topNavPanel{right:15px;}
	.one-edge-shadow img{width:100%;}
	.bannerTitle{font-size:3em;}
	.tags .tag1{font-size:4.3em;}
	.tags a{margin-right:0;}

	.collImg{width:80%;}
}