@charset "utf-8";


/*@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900';*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

/*  font-family: 'Roboto', sans-serif;  
font-family: 'Roboto Condensed', sans-serif;  */

body { padding:0px; margin:0px; background:url(../images/body-bg.jpg) repeat #ffffff; font-size:14px; color:#333333; font-family: 'Roboto', sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
p, a, label, span, div, strong, input, select { font-family: 'Roboto', sans-serif; }
a, img 				{ border: medium none; }
a 					{ text-decoration: none; }
div 				{ margin: 0; padding: 0; }
p 					{ font-size:17px; line-height:24px; padding:15px 0px 5px 0px; margin:0px; text-align:left; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; }
a					{ outline:none; }
/*a:hover { color: #1b1f23; }*/
a:focus, :focus		{ outline:none; }
ul,ol 				{ list-style-type:none; padding:0px; margin:0px; }
.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%; }
* 					{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after 	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear 				{ clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left 				{ float:left; }
.right 				{ float:right; }
.anim 				{ transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
form 				{ margin: 0; padding: 0; }

h1 					{ background:url(../images/ft-title-bg.png) no-repeat left bottom; font-size:31px; font-weight:400; color:#222222; line-height:44px; padding:0px 0px 10px 0px; margin:0px 0px 15px 0px; }
.row 				{ float:none; width:1162px; padding:0px; margin:0 auto; }

header 				{ float:left; width:100%; background:#2f2f2f;z-index:111; background-position:100%; }
.logo 				{ float:left; padding:11px 0px 10px; }
.head-lft			{ float:left; padding:8px 0; }
.head-lft li		{ float:left; color:#828282; margin-right:25px; font-size:13px; font-weight:300; line-height:15px; }
.head-lft li a		{ color:#8e8e8e; font-size:13px; font-weight:300; }
.head-lft li:last-child	{ margin-right:0; }
.head-lft img		{ float:left; margin-right:7px; }
.head-rgt			{ float:right; }
.head-rgt-menu		{ float:left; padding:8px 0;color:#8e8e8e; }	
.head-rgt-menu a	{ color:#8e8e8e; font-size:13px; font-weight:300; padding:8px 15px; }
.head-rgt img		{ margin-right:7px; }
.login-pad			{ float:right; background:#444140; width:90px; padding:8px 11px; }
.login-pad a		{ color:#dad9d9; font-size:13px; font-weight:500; text-transform:uppercase; }
.menu-rgt			{ float:right; width:77%; padding:13px 0 12px; }
nav 				{ float:left; width:93%;  padding-top:4px; }
.banner 			{ float:left; width:100%; position:relative; padding:0px 0px 0px; margin:0px 0 0; }
.menu 				{ float: left; width: 100%; margin-top:0px;background: #0061aa; }
.home				{ background:url(../images/home-icon.png) no-repeat; width:13px; height:12px; float:left; }
.search-pad			{ float:right; text-align:right; width:7%; }
.search-pad span	{ display:inline-block; width:41px; height:41px; background:#fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; padding-top:10px; text-align:center; }

/* content-pad */
.content-pad 		{ float:left; width:100%; }
.content-pad .row	{ position:relative; }	
.content-part 		{ float:left; width:100%; padding:30px;background:#fff; margin-top:-54px; border:1px solid #e6e6e6; -moz-box-shadow:0 1px 2px 0px #dddddd;
  -webkit-box-shadow: 0 1px 2px 0px #dddddd; box-shadow: 0 1px 2px 0px #dddddd; position: relative;z-index:99999;}
.content-part ul li	{ float:left; width:32%; text-align:center; border-right:1px solid #eeeeee; padding-right:20px; margin-right:20px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.content-part h2	{ font-size:32px; color:#32597c; font-family:'Roboto Condensed', sans-serif; font-weight:300; margin:0px; padding-bottom:5px; text-align:center; }
.content-part p 	{ font-size:15px; color:#333; font-family:'Roboto', sans-serif; font-weight:300; text-align:center; padding-bottom:10px; line-height:24px; }
.content-part .para	{ color:#666; padding:0 3%; }
.content-img		{ float:left; margin-right:20px; width:11%; }
.title-border		{width:100%; text-align:center; float:left; margin:0px 0 15px;background:url(../images/title-border.png) no-repeat center; height:23px;  }
.read-more			{ width:100%; float:left; margin-top:25px; text-align:center; }
.read-more a		{ color:#fff; font-weight:700; font-size:14px; text-transform:uppercase; padding:10px 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height:22px;  
background: rgba(244,172,84,1);
background: -moz-linear-gradient(top, rgba(244,172,84,1) 0%, rgba(238,116,29,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,172,84,1)), color-stop(100%, rgba(238,116,29,1)));
background: -webkit-linear-gradient(top, rgba(244,172,84,1) 0%, rgba(238,116,29,1) 100%);
background: -o-linear-gradient(top, rgba(244,172,84,1) 0%, rgba(238,116,29,1) 100%);
background: -ms-linear-gradient(top, rgba(244,172,84,1) 0%, rgba(238,116,29,1) 100%);
background: linear-gradient(to bottom, rgba(244,172,84,1) 0%, rgba(238,116,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ac54', endColorstr='#ee741d', GradientType=0 );
}
.read-more a:hover	{ 
background: rgba(238,116,29,1);
background: -moz-linear-gradient(top, rgba(238,116,29,1) 0%, rgba(244,172,84,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,116,29,1)), color-stop(100%, rgba(244,172,84,1)));
background: -webkit-linear-gradient(top, rgba(238,116,29,1) 0%, rgba(244,172,84,1) 100%);
background: -o-linear-gradient(top, rgba(238,116,29,1) 0%, rgba(244,172,84,1) 100%);
background: -ms-linear-gradient(top, rgba(238,116,29,1) 0%, rgba(244,172,84,1) 100%);
background: linear-gradient(to bottom, rgba(238,116,29,1) 0%, rgba(244,172,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee741d', endColorstr='#f4ac54', GradientType=0 );
 }
.cont-part 		{ float:left; width:100%; padding:20px 20px;background:#fff; margin-top:12px; border:1px solid #e6e6e6;-moz-box-shadow:0 1px 2px 0 #dddddd;
  -webkit-box-shadow: 0 1px 2px 0 #dddddd; box-shadow: 0 1px 2px 0 #dddddd; }
.cont-part ul li { float:left; width:32%; text-align:center; border-right:1px solid #eeeeee; padding-right:20px; margin-right:20px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.cont-part h2	{ font-size:32px; color:#32597c; font-family:'Roboto Condensed', sans-serif; font-weight:300; margin:0px; padding-bottom:5px; text-align:center; }
.cont-part p 	{ font-size:15px; color:#666; font-family:'Roboto', sans-serif; font-weight:300; text-align:left; padding-bottom:10px; line-height:24px; }
.cont-part-lft	{ float:left; width:285px; margin-right:30px; }
.cont-part-lft h3 { font-size:32px;font-family:'Roboto Condensed', sans-serif; font-weight:300; color:#32597c;background:url(../images/title-bottom.png) no-repeat bottom; padding-bottom:15px; margin-bottom:15px; }
.cont-part-lft h3 span { font-size:16px; font-weight:300; color:#32597c; width:100%; float:left; }
.read-pad		{ width:100%; float:left; margin-top:20px; text-align:center; }
.read-pad span		{ color:#000000; float:left; font-weight:400; font-size:13px; text-transform:uppercase; padding:5px 10px; height:31px; line-height:22px;  background: #ebebeb;}
.read-pad a:hover	{ 	}
.read-pad img	{ background:#32597c;padding:10px 10px; line-height:22px; float:left; height:31px; }
.cont-part-mid	{ float:left; width:29%; }
.cont-part-rgt	{ float:left; width:42%; }
.cont-blue		{ float:left; width:230px; min-height:135px; background:#32597c; padding:20px; margin-right:10px;height:12px; }
.cont-blue span	{ font-size:18px; font-weight:700; color:#fff; }
.cont-blue .amt-pad		{ float:left; width:100%; text-align:center; background:rgba(255, 255, 255, 0.05); padding:15px 10px; margin-top:15px; margin-bottom:15px; position:relative; }
.cont-blue .amt-pad	span	{ background: url(../images/blue-arrow.png) no-repeat; width:17px; height:10px; position:absolute; left:13px; top:-10px; }
.cont-blue .amt-pad p	{ font-size:28px; font-weight:300; color:#fff; text-align:center; padding-bottom:0; }
.cont-blue p	{ color:#bbc8d4; font-size:14px; font-weight:300; line-height:17px; padding:0 !important; }	

.cont-pink		{ float:left; width:230px; min-height:135px; background:#da86e4; padding:20px;height:12px; }
.cont-pink span	{ font-size:18px; font-weight:700; color:#fff; }
.cont-pink .amt-pad		{ float:left; width:100%; text-align:center; background:rgba(0, 0, 0, 0.1); padding:15px 10px; margin-top:15px; margin-bottom:15px; position:relative; }
.cont-pink .amt-pad	span	{ background: url(../images/pink-arrow.png) no-repeat; width:17px; height:10px; position:absolute; left:13px; top:-10px; }
.cont-pink .amt-pad p	{ font-size:28px; font-weight:300; color:#fff; text-align:center; padding-bottom:0; }
.cont-pink p	{ color:#f3d7f6; font-size:14px; font-weight:300; line-height:17px; padding:0 !important; }	

.cont-green		{ float:left; min-height:143px; background:#46c3b1; padding:20px; margin:10px 0px; height:12px; }
.cont-green span	{ font-size:18px; font-weight:700; color:#fff; }
.cont-green .amt-pad		{ float:left; width:100%; text-align:center; background:rgba(0, 0, 0, 0.1); padding:15px 10px; margin-top:15px; margin-bottom:5px; position:relative; }
.cont-green .amt-pad	span	{ background: url(../images/green-arrow.png) no-repeat; width:17px; height:10px; position:absolute; left:13px; top:-10px; }
.cont-green .amt-pad p	{ font-size:28px; font-weight:300; color:#fff; text-align:center; padding-bottom:0; padding-top:0; }
.cont-green p	{ color:#fff; font-size:14px; font-weight:300; line-height:17px; padding-bottom:0; padding-top:32px }	
.gree-pad		{ float:left; width:44%; margin-right:20px; }

/* New Box */

.cont-skyblue		{ float:left; width:230px; min-height:135px; background:#5A9BD5; padding:15px; margin-right:10px;height:12px; }
.cont-skyblue span	{ font-size:18px; font-weight:700; color:#fff; }
.cont-skyblue .amt-pad		{ float:left; width:100%; text-align:center; background:rgba(255, 255, 255, 0.05); padding:15px 10px; margin-top:15px; margin-bottom:15px; position:relative; }
.cont-skyblue .amt-pad	span	{/* background: url(../images/blue-arrow.png) no-repeat;*/ width:17px; height:10px; position:absolute; left:13px; top:-10px; }
.cont-skyblue .amt-pad p	{ font-size:28px; font-weight:300; color:#fff; text-align:center; /*padding-bottom:0;*/padding:0; }
.cont-skyblue p	{ color:#bbc8d4; font-size:14px; font-weight:300; line-height:17px; padding-bottom:0; }	

.cont-orange		{ float:left; width:230px; min-height:135px; background:#ED7D31; padding:15px;height:12px; }
.cont-orange span	{ font-size:18px; font-weight:700; color:#fff; }
.cont-orange .amt-pad		{ float:left; width:100%; text-align:center; background:rgba(0, 0, 0, 0.1); padding:15px 10px; margin-top:15px; margin-bottom:15px; position:relative; }
.cont-orange .amt-pad	span	{ /*background: url(../images/pink-arrow.png) no-repeat;*/ width:17px; height:10px; position:absolute; left:13px; top:-10px; }
.cont-orange .amt-pad p	{ font-size:28px; font-weight:300; color:#fff; text-align:center; /*padding-bottom:0;*/padding:0px; }
.cont-orange p	{ color:#f3d7f6; font-size:14px; font-weight:300; line-height:17px; padding-bottom:0; }	



/* New Box */

.dark-pad 		{ float:left; width:100%; background:url(../images/brown-pattern.png) repeat; padding:23px 0 0px; margin-top:-20px;   }
.brown-pad		{ background:#796f6f; height:1px; width:100%; float:left; margin-top:-2px; }
.brown-pad1		{ background:#796f6f; height:1px; width:100%; float:left; margin-top:2px; }

.statices-div{ width:100%; float:left; padding-top:0px;}
.welcome-img{  position:relative; float:left; line-height:0; width:45%; margin-right:3%;}
.welcome-img img{width:100%;}
.welcome-cont{ width:52%; float:left;}
.welcome-cont h2 { font-size:18px; color:#3a526b; line-height: 18px; font-family: 'DINPro-Bold'; padding-bottom:6px; border-bottom:1px solid #e7e7e7; margin-bottom:5px;}
.welcome-cont p {font-size:16px; color:#333; font-family: 'dinpro-regular'; }


.read-mre{ background:#434343; height:30px; line-height:27px; padding:0px 33px 0px 11px; font-size:13px; color:#cfcfcf; font-family: 'dinpro-regular'; float: left; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; position:relative;}
.read-mre span { background:#e13d45 url(../images/arw-more.png) no-repeat center center; height:30px; width:25px; position:absolute; right:0; top:0;}
.read-mre:hover{ background:#292929;}

.statices-div ul li { float:left; width:33%; padding:2% 4% 3%; border-right:1px solid #6b5f5f;  text-align:center;}
.statices-div ul li:first-child{ padding-left:0px;}  /*nth-child(2n)*/
.statices-div ul li:last-child{ padding-right:0px; border-right:none;}
.statices-div ul li .pink-bg{ background:#b763c1 url(../images/icon-bg.png) no-repeat center center; background-size:cover; display:inline-block;width:75px; height:75px; padding:0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; margin-bottom:15px; }
.statices-div ul li:hover .pink-bg{ background:#f2f2f2 ; }

.statices-div ul li .pink-bg .icon{ background:url(../images/statices-icon.png) no-repeat 0 0; height:31px; width:28px; display:inline-block;}
.statices-div ul li:hover .pink-bg .icon{ background:url(../images/statices-icon.png) no-repeat 0 -31px; }
.statices-div ul li h1 { font-size:20px; color:#fff; font-weight:400; line-height:24px; background:url(../images/border-bot.png) no-repeat center bottom; }
.statices-div ul li h1 span{ display:block;font-size:23px; font-family: 'DINPro-Bold';}
.statices-div ul li a .icon-div { -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; height:31px; width:28px; display:inline-block; padding-top:21px;}
.statices-div ul li a:hover .icon-div { transform: rotateY(180deg); }
.statices-div p			{ font-size:14px; font-weight:300; color:#b0a9a9; text-align:center; min-height:70px; }
.read-div				{ background:#ddd; color:#424242; font-size:11px; font-wieght:300; text-transform:uppercase; padding:10px 15px; display:inline-block; }  

.statices-div ul li .green-bg{ background:#41978b url(../images/icon-bg.png) no-repeat center center; background-size:cover; display:inline-block;width:75px; height:75px; padding:0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; margin-bottom:15px; }
.statices-div ul li:hover .green-bg{ background:#f2f2f2 ; }

.statices-div ul li .green-bg .icon{ background:url(../images/gallery-icon.png) no-repeat 0 0; height:31px; width:32px; display:inline-block;}
.statices-div ul li:hover .green-bg .icon{ background:url(../images/gallery-icon.png) no-repeat 0 -31px; }

.statices-div ul li .orange-bg{ background:#dc8141 url(../images/icon-bg.png) no-repeat center center; background-size:cover; display:inline-block;width:75px; height:75px; padding:0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; margin-bottom:15px; }
.statices-div ul li:hover .orange-bg{ background:#f2f2f2 ; }

.statices-div ul li .orange-bg .icon{ background:url(../images/report-icon.png) no-repeat 0 0; height:27px; width:29px; display:inline-block;}
.statices-div ul li:hover .orange-bg .icon{ background:url(../images/report-icon.png) no-repeat 0 -31px; }
.statices-div ul li a .orange-bg .icon-div { padding-top:25px; }

.content-pad1	{ float:left; width:100%; padding:30px 0; }	
.cal-lft		{ float:left; width:345px;-moz-box-shadow:0 1px 2px 0 #dddddd;  -webkit-box-shadow: 0 1px 2px 0 #dddddd; box-shadow: 0 1px 2px 0 #dddddd; }
.cal-lft h3		{ background:#ee741d; color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:25px; font-weight:300; float:left; width:100%; padding:15px 0; text-align:center; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.cal-lft h4 a		{ background:#fafafa; color:#3598db; font-size:18px; font-weight:700; float:left; width:100%; padding:15px 0; text-align:center; border:1px solid #f0f0f0; border-top:none;-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.cal-rgt		{ float:right; width:68%; padding:0px 0 0px 0px; background:#fff; border-top:5px solid #ee741d; border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9;-moz-box-shadow:0 1px 2px 0 #dddddd;
  -webkit-box-shadow: 0 1px 2px 0 #dddddd; box-shadow: 0 1px 2px 0 #dddddd; }
.news-pad			{ border-bottom:1px solid #dbdbdb; float:left; width:100%; height:128px; padding-top:14px; padding-bottom:14px; padding-left:25px; }
.event_cal		{ float:left; width:59px; margin-right:24px; }
.event_cal h2	{ float:left; width:100%; padding:5px; background:#46c3b1; font-size:12px; font-weight:700; color:#fff; text-transform:uppercase; text-align:center; }
.event_cal h3	{ background:#ebebeb ; color:#323232; font-size:26px; font-weight:300; float:left; width:100%; padding:5px 0; text-align:center;  }
.event_cal span	{ background:url(../images/date-bg.png) no-repeat center bottom ; width:59px; height:13px; float:left; }
.event-detail	{ float:left; width:89%; }
.event-detail h3	{ color:#444442/*ee741d*/; font-size:24px; font-weight:300; float:left; width:73%; padding:0px 0 5px; font-family:'Roboto Condensed', sans-serif;  }
.news-pad:hover		{ background:#f8f8f8; }
.news-pad:hover	.detail-pad span	{ background:url(../images/detail-bg-hv1.png) no-repeat }
.news-pad:hover	.event-detail h3	{ color:#ee741d; }
.event-detail p		{ font-size:15px; font-weight:300; line-height:22px; color:#787878; float:left; width:73%; }
.detail-pad			{ float:right; }
.detail-pad span		{ background:url(../images/detail-bg1.png) no-repeat; color:#f0eeee; font-size:15px; font-weight:700; text-transform:uppercase; width:101px; height:34px; float:left; padding:6px 0 6px 10px; text-align:center;  }

/* calender */
#calendar { margin: 0 auto; width: 100%;  padding-bottom: 25px;}
.date-pad { float: left; width: 100%; padding:0; margin:0 0px; background:#fff; border:1px solid #f0f0f0; border-top:none;}

.content-dark	{ float:left; padding:30px 0; background:rgba(0, 0, 0, 0.05); width:100%; }
.content-dark h2	{ font-size:32px; color:#32597c; font-family:'Roboto Condensed', sans-serif; font-weight:300; margin:0px; padding-bottom:5px; text-align:center; }
.content-dark p 	{ font-size:15px; color:#666; font-family:'Roboto', sans-serif; font-weight:300; text-align:left; padding-bottom:10px; line-height:24px; text-align:center; }

.content-area .gallery-rgt		{ float:left; width:100%; }
.content-area		{ float:left; width:100%; }
#product-carousel1 .prod-decr 			{ float: none; padding:70px 29px 29px; margin-right: 10px; background:#fff; min-height:241px; margin-top:-55px; width:89%; display:inline-block;}
#product-carousel1 .prod-decr h3		{ text-align:center; padding-bottom:5px; padding-top:5px; }
#product-carousel1 .prod-decr h3 a		{ color:#46c3b1; font-size:15px; font-weight:400; text-align:center; background:url(../images/cl-btm.png) no-repeat center bottom; padding-bottom:10px;  }
#product-carousel1 .prod-decr p		{ font-size:14px; color:#979797; font-weight:300; line-height:24px; padding-bottom:10px;}	
#product-carousel1 .owl-dots	{ text-align:center; margin-top:15px; }

.gallery-lft	{ float:left; width:33%; margin-right:1%; background:url(../images/gallery-bg.png) repeat; padding:30px 40px 30px 30px; min-height:239px; }
.gallery-lft h3	{ color:#fff; font-size:34px; font-weight:300; font-family: 'Roboto Condensed', sans-serif; padding-bottom:20px; }
.gallery-lft p	{ color:#cfd4d9; font-size:15px; font-weight:300; line-height:20px; }
.gallery-rgt	{ float:left; width:66%; }

/*Footer*/
.footer				{ width:100%; float:left; padding:12px 0;background:#4b4b4b; }
.footer ul			{ text-align:center; }
.footer ul li		{ display:inline-block;background:url(../images/foot-bar.png) no-repeat right;  }
.footer ul li a		{ padding:0 15px; font-family:'Roboto Condensed', sans-serif; font-size:17px; font-weight:300; color:#cccbcb; text-transform:uppercase; }
.footer ul li:last-child	{ background:none; }
.foot_col1			{ float:left; width:33%; padding-top:20px;}
.foot_col1 h3		{ font-family:'Roboto Condensed', sans-serif; font-size:21px; font-weight:300; color:#ddd; padding-bottom:20px; }
.foot_col1 li		{ float:left; margin-right:18px; }
.foot_col2			{ float:left; width: 33%; margin-left: 0%; padding-top:20px; text-align:center;}
.foot_col2 h2		{ font-family:'Roboto Condensed', sans-serif; font-size:22px; font-weight:700; color:#ddd; padding-bottom:15px; }
.foot_col2 p		{ font-size:13px; font-weight:300; color:#ccc; padding-bottom:25px; line-height:16px; text-align:center; }
.foot_col2 a		{ color:#ccc; }
.foot_col3			{ float:right; text-align:right; width:34%;  padding-top:20px;}
.foot_col3 li		{ display:inline-block; text-align:right; margin-left:2px; }
.cpyright			{ float:left; width:100%; color:#555555; background:#535353; font-size:15px;padding:10px 0 25px;}
.cpyrgt-txt			{ float:left;padding-top: 10px; width:100%; color:#989898; text-align:center; font-size:14px; font-weight:300; border-top:1px dashed #656565;}

/*accordian*/
.applemenu 							   { float:left; width:100%; list-style-type:none; background:url(../images/green-pattern.jpg) repeat; padding:14px; margin:0px 0px 30px 0px; }
.applemenu div.silverheader 			{ background:url(../images/arrow-yl.png) no-repeat 235px center; position:relative; }
.applemenu div.silverheader a	       {  /*background:url(../images/plus-grey.png) no-repeat right;*/ border-bottom: 1px dashed #0f4819; color: #fff; display: block; display:block; background:url(../images/bullet1.png) 10px 11px no-repeat; font-size:14px; color:#FFFFFF; text-transform:uppercase; padding:8px 0px 8px 25px; margin:0px 0px 0px 0px;}
.applemenu div.silverheader a:visited,
.applemenu div.silverheader a:active   { color:#fff; }
.applemenu div.selected a              { /* background: url(../images/minus-ico.png) no-repeat right;*/display:block; background:url(../images/bullet-hv.png) 10px 11px no-repeat; font-size:14px; color:#FFFFFF; text-transform:uppercase; padding:8px 0px 9px 25px; margin:0px; border-bottom:none; }
.applemenu div.submenu                 { background: url(../images/submenu-bg.png) repeat; color: #4f4f4f; font-family: 'Roboto', sans-serif; font-size: 16px; height: auto; padding: 0px 4% 0px 7%; width: 100%; margin:0px 0 0 0; float:left;}
.applemenu div.submenu p               { padding:0 0 10px;}
.applemenu div.submenu ul              { margin:0; padding:0; border:none;}
.applemenu div.submenu ul li           { list-style:none; background:none; padding:10px 0; float:left; width:100%;}
.applemenu div.submenu ul li a         { text-decoration:none; color:#9bbda1; font-weight:400; font-family: 'Roboto', sans-serif; font-size:12px; text-transform: uppercase; line-height:22px; background:url(../images/bullet1.png) no-repeat left 6px; float:left; padding-left:15px; width:100%; }
.applemenu div.submenu ul li a:hover   { color: #ffd800; background:url(../images/bullet-yl.png) left 6px no-repeat ;}
.applemenu div.silverheader a:hover   { background:url(../images/bullet-hv.png) 10px 11px no-repeat; color:#fff; border-bottom:none; padding-bottom:9px;}
.applemenu div.silverheader a.active, .applemenu div.silverheader.selected a{ color: #fff;}
.applemenu div.silverheader.selected{ background:url(../images/arrow-yl-up.png) no-repeat 225px center #15b461;}
.applemenu div.silverheader:hover	{ background:url(../images/arrow-yl-up.png) no-repeat 225px center #15b461;}

/*======= inner page =======*/
.innerbanner {background: rgba(0, 0, 0, 0) url("../images/innerbanner.jpg") no-repeat scroll 0 0; background-size:cover;float: left; width: 100%;}
.banner-caption {  /*background: #3b345a none repeat scroll 0 0;*/ color: #ffffff; float: right; font-family: "Roboto Condensed",sans-serif;  font-size: 38px;  font-weight: 300;  line-height: 40px; margin: 56px 0; padding: 15px 22px;}
.banner-caption strong { font-weight: 700;}
.innercontentpad{background: #ffffff none repeat scroll 0 0; float: left; padding: 25px;  width: 100%;}
.fullwidth-pad {float: left; width: 100%;}
.innercontentpad h1 { color: #5e7286; font-family: "Roboto Condensed",sans-serif; font-size: 32px; font-weight: 400; line-height: 32px; margin-bottom: 20px;  padding: 0;}
.innercontentpad p { color: #666666; font-size: 15px;  font-weight: 400; line-height: 24px;  margin: 0; /*padding-bottom:20px;*/font-family: "Roboto",sans-serif;}
.orangetxt-box { margin-bottom: 30px; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; float: left; padding: 15px 0; width: 100%;}
.orangetxt-box > h2 {color: #ee741d; font-family: "Roboto Condensed",sans-serif; font-size: 28px; font-weight: 700; line-height: 24px; padding: 8px 0;}
.leftpad { float: left;padding-right: 20px; width: 78%;}
.rightpad { float: left;  width: 22%;}
.rightpad > h2 {background: #61c7b9 none repeat scroll 0 0; border-radius: 5px 5px 0 0;  color: #ffffff; font-family: "Roboto Condensed",sans-serif; font-size: 18px;  font-weight: 700;  padding: 5px 12px;}
.sidebar-news { background: #f4f5f6 none repeat scroll 0 0; float: left;  margin-bottom: 20px; padding: 3px; width: 100%;}
.sidebar-news > img { margin-bottom: 10px; vertical-align: bottom; width: 100%;}
.sidebar-news h3 {color: #ee741d; font-family: "Roboto Condensed",sans-serif; font-size: 18px; font-weight: 700; line-height: 24px; padding:0 10px 10px 10px;}
.sidebar-news > p { color: #000000; font-size: 13px; line-height: 20px; opacity: 0.4; padding: 0 10px 10px;}
.read-more-btn { transition: all 0.4s ease 0s;  background: #8a9198 none repeat scroll 0 0;  border-radius: 15px; color: #ffffff; float: left; font-weight: 400; margin: 0 0 10px 10px; padding: 5px 15px;}
.read-more-btn:hover{background:#EE741D;}
.grayline { background: #f4f5f6 none repeat scroll 0 0; display: block; float: left; height: 1px; margin-bottom: 20px; width: 100%;}

.calender-pad table { border: 1px solid #eae9e9; border-bottom:5px solid #ced7e1;border-radius: 0 0 5px 5px;}
.calender-pad td { vertical-align: top;height: 100px;text-align: center; border-bottom: 1px solid #eae9e9; border-right: 1px solid #eae9e9; padding: 5px;}
.calender-pad td.monthname { background: #3c6187 none repeat scroll 0 0; text-align: center; height:auto;}
.calender-pad td.monthname > a { float: left; padding: 8px 5px;}
.calender-pad td.monthname a img { vertical-align: bottom;}
.calender-pad td.monthname > h2 { background: #ecf0f3 none repeat scroll 0 0; border-radius: 25px; color: #3c6187; display: inline-block;  float: none; font-family: "Roboto Condensed",sans-serif;font-size: 20px; font-weight: 700; padding: 5px 25px;}
.calender-pad td.monthname > a:last-child { float: right;}
.calender-pad th { width: 14%; background: #b0c2d5 none repeat scroll 0 0; border-bottom: 1px solid #bed0e3; border-right: 1px solid #bed0e3;  color: #ffffff; padding: 5px; text-align: center;}
.calender-pad th:last-child { border-right: medium none;}
.calender-pad h6 { color:#34495e;border-radius: 50px;display: inline-block;font-family: "Roboto Condensed",sans-serif; font-size: 18px; font-weight: 600; margin: 15px 0 5px; padding: 7px 10px;}
.event-in{position:relative;}
.event-in > p { text-align: center; padding:0; margin:0;}
.event-in span { background: #f4f5f6 none repeat scroll 0 0; border-radius: 20px; color: #4f6278; font-size: 13px; font-weight: 600; padding: 2px 14px;}
.event-in > h6 { background: #85bdf7 none repeat scroll 0 0; color: #ffffff;}
.calender-pad tr td:last-child { border-right: medium none;}
.calender-pad tr:last-child td {border-bottom: medium none;}

.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span.tooltip-panel {z-index:10;display:none; padding:20px; margin-top:-30px; margin-left:28px; width:300px; line-height:16px;}
.tooltip:hover span.tooltip-panel{top: 48px; left: 66px;display:inline; position:absolute; color:#111; border:1px solid #e5e5e5; background:#f8f8f8; }
.callout {z-index:20;position:absolute;top:10px;border:0;left:-12px;}
.tooltip span.tooltip-panel{ border-radius:4px;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);}
.tooltip-panel > img.call-img { vertical-align: bottom; width: 100%; border:3px solid #ffffff; margin-bottom:10px;}
.tooltip h5 {color: #4692df; font-family: "Roboto Condensed",sans-serif; font-size: 18px; font-weight: 700; line-height: 22px; text-align: left;}
.tooltip-panel > p { color: #4f6278; font-size: 13px; font-weight: 400; line-height: 14px;  padding: 0;}










   .demo-placeholder {
	  width: 100%;
	  height: 100%;
	  font-size: 14px;
	  line-height: 1.2em;
    }
   
   .demo-container {
		position: relative;
   height: 250px;
    background-color: #EDEFF2;
    padding: 10px 10px;
    border: 1px solid #5A9BD5;
	width:250px;
	margin: 10px 0px 10px 0;
    float: left;
	}

	.demo-container2 {
		    position: relative;
    height: 230px;
    background-color: #EDEFF2;
    /* padding: 10px 34px; */
    border: 1px solid #5A9BD5;
    /* margin-top: 16px; */
    top: 35px;
	}

	#placeholder {
		    width: 250px;
    margin: -10px -15px;
	}
  #placeholder2{
    width: 280px;
  }
   .inner_table{
     width:100%;
     border-collapse:collapse;
     border:none;
     text-align:left;
     margin:0px;
     padding: 0px;
     border:1px solid #666;
	 margin-bottom:30px;
   }
   .inner_table td{
      line-height: 28px;
      padding:5px 10px;
   }
   .big-pad
   {
		padding:12px 10px !important;
   }
   .big-pad1
   {
		padding:8px 8px !important;
		line-height: 21px !important;
		border:2px solid #000 !important;
   }
   .inner_table2{
      border-collapse: collapse;
      border:1px solid #666;
   }
   .inner_table2 td{
      border:1px solid #666;
      line-height: 35px;
      text-align:center;
   }
   .inner_table2 th{
   	  border:1px solid #666;
      line-height: 25px;
      text-align:center;
      font-weight:bold;
   }
   .contentpad h4{
     font-size:1.2em;
     font-weight: bold;
     margin: 10px 0px;
   }

   .content table td{
      vertical-align: top;
   }


.report-left{width:870px; float:left}
.stu-cont{color: #4382ad;font-size: 25px;}
.male-cont{text-align:center;color: #82A467; font-weight:600;font-size:18px;}
.female-cont{text-align:center;color: #7b5138;font-weight:600; font-size:18px}
.total-student{padding:20px 10px; width:210px; border:1px solid #7193af;text-align:center; float:left; margin-right:15px; min-height:215px}
.total-student .stu{display: inline-block;padding:5px 15px;}
.volunteer{padding:10px; width:200px; border:1px solid #7193af;text-align:center;float:left; margin-right:15px;}
.v-count{color:#f57b32;font-size:30px;}
.t-count{color:#335825;font-size:30px;}
.dft-count{color:#e5071e;;font-size:30px}
.t-n-teach{float: left;margin-left:5px;margin-top: 40px;}
.bar-chart{float:left; width:615px; margin-left:5px}
.bar-chart #container{width:49%;  margin-left:5px; float:left; height: auto;overflow: auto}
.bar-chart #container2{width:49%;  margin-left:5px; float:left;   height: auto;overflow: auto}
.report-right{width:280px; margin-left:5px;float:left;}