/*!
 * AIMS CSS Custom
 */

/* >>> Base Layout <<< */ 

body {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

h1, h2, h3 { margin: 0; padding: 0; text-transform: uppercase; letter-spacing: 1px; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

h1 { font-size: 22px; letter-spacing: 1px; margin-bottom: 10px;}
h2 { font-size: 20px; letter-spacing: 1px; margin-bottom: 6px;}
h3 { font-size: 16px; letter-spacing: 1px; margin-bottom: 10px;}

	/* >>> Header <<< */ 
	.aims-header { border-top: solid 5px #09548d; background: #FFFFFF}
	.aims-header .navbar-header {}
	.aims-header .navbar-nav { float: none}
	.aims-header .navbar-search { float: right; width: 220px; position: relative; margin-top: 30px;}
		.aims-header .navbar-search input[type=text] { border: solid 1px #dddddd; 
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right: 38px;
			background: #f7f7f7; /* Old browsers */
			background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		}
		.aims-header .navbar-search button { border: none; background: none; color: #cacaca; position: absolute; top: 2px; right: 3px; width: 28px; height: 28px;}
	
	.aims-header .navbar-collapse { padding-left: 0; padding-right: 0}
	
	.aims-header .aims-menu { display: block; font-size: 12px;}
	
	.aims-menu .navbar-nav > li > a { padding: 0; text-transform: uppercase; letter-spacing: 1px; color: #000000; margin-right: 23px;}
	.aims-menu .navbar-nav > li:last-child > a { margin-right: 0} 
	.aims-menu .navbar-nav > li > a, 
	.aims-menu .nav > li > a:hover,
	.aims-menu .nav > li > a:focus { background: none}
	
	.aims-menu li .fa { display: none; margin-left: 7px; font-size: 10px; position: relative; top: -1px;}
	/*
	.aims-menu li.dropdown .fa { display: inline-block}
	*/
	           
	
	
	/* >>> Footer <<< */
	.aims-footer {} 
	
	.footer-links { background: #5d687a; height: 64px; line-height: 64px; border-bottom: solid 1px #000409}	
	.footer-body { background: #2f3e55; border-top: solid 1px #262e35; padding: 25px 0}	
	.footer-copy { font-size: 13px; margin: 15px 0} 
	
	.socmed-links {}
		.socmed-links a { background: #fff; color: #2b2b2b; border: solid 2px #464646; width: 32px; height: 32px; line-height: 28px; display: inline-block; text-align:center;
			-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 16px; margin-right: 3px;
		}
	
	.hotline { color: #FFFFFF; font-size: 16px; text-align: right}	
		.hotline .fa { margin-right: 8px; font-size: 18px}
		.hotline a { color: #FFFFFF}
		
	.footer-news { color: #FFFFFF;}
		.footer-news ul.news-list { list-style: none; margin: 20px 0; padding: 0;}
			.footer-news ul.news-list li { margin-bottom: 10px;}
			.footer-news ul.news-list li a { color: #4bb2f7} 	
			.footer-news ul.news-list span { width: 40px; margin-right: 10px; display: inline-block; color: #a0a0a0}
		.footer-news a.more-news { margin-top: 10px; font-size: 12px; color: #FFFFFF}	
		
	
	.footer-menu { color: #FFFFFF; overflow: hidden}	
		.footer-menu .menu-wrapper { float: left; margin-right: 35px;}
		.footer-menu ul.menu-list { list-style: none; margin: 0 20px 0 0; padding: 0; float: left	}
		.footer-menu ul.menu-list li { margin-bottom: 10px;}
		.footer-menu ul.menu-list li:nth-child(n+5){ }
		
		.footer-menu ul.menu-list li a { color: #a0a0a0}
	
	
	/* >>> Base body <<< */
	.aims-banner {} 
	.aims-banner.static { text-align: center}
	.aims-banner.static img { max-height: 420px; width: auto; max-width: 100%; height: auto}

/* >>> Base Style <<< */ 

	/* >>> Index Highlight <<< */ 
	.index-highlight { background: #f2f3f7; padding: 35px 0; border-bottom: solid 1px #fff; border-top: solid 1px #fff; margin: 5px 0 10px;
		outline: solid 1px #c1c2c6;
	}
	
	.index-highlight .intro { margin-bottom: 10px;}
	
	.index-highlight .point { position: relative; text-align: center; overflow: hidden}
	.index-highlight .point img { width: 45px; height: 45px;}
	
	.index-highlight .icon {
		width: 80px; height: 80px; border: solid 8px #FFFFFF; color: #FFFFFF; text-align: center; margin: 0 auto 10px; line-height: 64px;
		-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden;
	} 
		/*
		.index-highlight .icon.red { background: #FF0000} .index-highlight .icon.green { background: #009933}
		.index-highlight .icon.blue { background: #3366FF} .index-highlight .icon.orange { background: #FF6633}
		*/
	.index-highlight .icon .fa { font-size: 32px;}
	
	/* >>> Index Content <<< */ 
	.index-content { margin: 35px 0}
	
	/* >>> Inner Content Content <<< */
	.inner-menu { background: #f2f3f7; border-bottom: solid 1px #fff; border-top: solid 1px #fff; margin: 5px 0 10px; height: 52px; position: relative;
		outline: solid 1px #c1c2c6;
		}
		.inner-menu a:hover { text-decoration: none}
		.inner-menu .container, .inner-menu .col-xs-12 { height: 52px; position: relative}
		.inner-menu ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0;}
		.inner-menu ul li { display: inline;}
		.inner-menu ul li:last-child { margin-right: 0}
		.inner-menu ul li a { display: inline-block; padding: 8px 12px;  font-size: 13px; color: #999999; 
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
		.inner-menu ul li.active a {
			 font-weight: bold; background: #FFFFFF; color: #0176c3; 
		}
		
		.inner-menu select { margin: 8px 0; width: 100%;}
		
	
	.inner-content { margin: 35px 0}
		.inner-content img { max-width: 100%; height: auto}
	
		.inner-fix { display: table}
			.inner-main, .inner-sidemenu { display: table-cell; vertical-align: top}
			.inner-sidemenu { width: 200px; font-size: 13px;}
			.inner-sidemenu ul { list-style: none; margin: 0; padding: 5px 0 5px 15px; margin-left: 15px; border-left: solid 1px #c1c2c6}
				.inner-sidemenu ul li { margin-bottom: 5px;}
	
	.inner-content h1 { margin-bottom: 25px;}
	.inner-content h3 { margin: 32px 0 14px; padding-bottom: 14px; border-bottom: solid 1px #eeeeee; font-weight: bold; letter-spacing: 0.5px;}
	
	.inner-gallery { margin-bottom: 0;}
		.inner-gallery ul { list-style: none; margin: 0; padding: 0}
		.inner-gallery ul li { margin: 15px 0;}
		.inner-gallery img { max-width: 100%; height: auto; }
	
	/* >>> Contact Form <<< */
	.contact-form {}
	.contact-info {}
	
	
/* >>> Hax <<< */

	/* >>> Flexslider <<< */
	.aims-banner .flexslider {
		border: none; overflow: hidden; margin-bottom: 0; 
		-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
		-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;	
	}
	
	.aims-banner .flexslider .slides > li {position: relative;}
	.aims-banner .flexslider .container { position: relative; height: 100%;}
	.aims-banner .flexslider .caption {
		position: absolute; top: 0; width: 100%; height: 100%; color: #FFFFFF; 
		filter: alpha(opacity=0);
  		opacity: 0;		
		-webkit-transition: all 1.5s ease-in-out;
		-moz-transition: all 1.5s ease-in-out;
		-ms-transition: all 1.5s ease-in-out;
		-o-transition: all 1.5s ease-in-out;
		transition: all 1.5s ease-in-out;
	}
	
	.aims-banner .flexslider .caption .caption-float { position: absolute; height: 100%; right: 0; top: 0; width: 36%}
	
	.aims-banner .flexslider .caption .caption-wrap { display: table; height: 100%;}
		.aims-banner .flexslider .caption .caption-wrap .caption-holder { display:table-cell; vertical-align: middle}
		.aims-banner .flexslider .caption .caption-wrap .caption-holder a { color: #FFFFFF}
		.aims-banner .flexslider .caption .caption-wrap .caption-holder h1 { font-size: 24px; margin-bottom: 14px;}
		.aims-banner .flexslider .caption .caption-wrap .caption-holder p { font-size: 16px; line-height: 18px;}
	
	.aims-banner .flexslider .flex-active-slide .caption { filter: alpha(opacity=100); opacity: 1;} 
	
	/* >>> Search Result <<< */
	#search-result .results { margin-top: 15px;}
	#search-result .results .result { margin-bottom: 15px; padding-bottom: 15px; border-bottom: dotted 1px #CCCCCC}
	#search-result .results .result .title { font-size: 16px;}
	
	#search-result .pagination { display: block}
	#search-result .pagination ul { list-style: none; margin: 10px 0; padding: 0; text-align: center}
	#search-result .pagination ul li { display: inline}
	#search-result .pagination ul li a { display: inline-block; padding: 2px 8px; background: #CCCCCC; color: #0176c3; }
	#search-result .pagination ul li.selected a { background: #0176c3; color: #fff;}
	
	#search-result .pagination ul li.prev-next a { background: none; color: #333333; font-size: 11px;}
	
	/* >>> Submenu <<< */
	.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
		margin-left: 5px;
		border-top: 3px solid;
		border-right: 3px dashed transparent;
		border-bottom: 3px dashed transparent;
		border-left: 3px dashed transparent;
	}
	

/*-- Mobile Devices --*/

.show-m { display: none !important}
.show-d { display: block !important}
	
	
@media only screen and (min-width: 992px) and (max-width: 1199px)  {

	body { font-size: 12px}

	/* >>> Header <<< */ 
	
	.aims-header .aims-menu { font-size: 11px;}	
	.aims-menu .navbar-nav > li > a { letter-spacing: 0.5px; margin-right: 16px;}	
	.aims-menu li .fa { margin-left: 5px; font-size: 7px;  top: -1px;}
	.navbar-nav > li > .dropdown-menu { font-size: 11px;}
	
	/* >>> Inner Content Content <<< */
	.inner-menu { 
		}
		.inner-menu ul li a { padding: 8px 10px;  font-size: 13px;}	
		
		.inner-menu select { margin-top: 8px}
	
}
	
@media only screen and (min-width: 768px) and (max-width: 991px) {

	body { font-size: 11px}	
	
	/* >>> Header <<< */ 
	
	.aims-header .aims-menu {font-size: 12px;}	
	.aims-menu .navbar-nav { text-align: center}
	.aims-menu .navbar-nav > li {display: inline-block; float: none}
	.aims-menu .navbar-nav > li > a {  margin: 8px 7px 12px;}	
	
	/* >>> Inner Content Content <<< */
	.inner-menu { 
		}
		.inner-menu ul li { margin-right: 8px;}
		.inner-menu ul li a { padding: 7px 4px;  font-size: 12px;}
		
		.inner-menu ul li.active a { font-weight: normal}	
		
		
		
}
	
@media only screen and (min-width: 545px) and (max-width: 767px) {
		
		
}
	
@media only screen and (min-width: 768px) {	

	
		
}
		
	
@media only screen and (max-width: 767px) {		

	.show-m { display: block !important}
	.show-d { display: none !important}

	/* >>> Header <<< */ 
	
	.navbar-toggle { font-size: 17px; padding: 15px 10px; outline: none}
	
	.aims-header .navbar-search { float: none; width: 100%; position: relative; margin-top: 5px;}
		.aims-header .navbar-search input[type=text] { 
		}
		.aims-header .navbar-search button { border: none; background: none; color: #cacaca; position: absolute; top: 2px; right: 3px; width: 28px; height: 28px;}
		
		.navbar-nav { margin: 10px 0 0;}
		
		.navbar-brand { padding: 5px;}
	
	.aims-banner .flexslider {background: #2f3e55;}
	.aims-banner .flexslider .caption {
		position: relative; top: 0; right: 0; height: auto; width: auto; padding: 10px 15px;  
	}
	
	.aims-banner .flexslider .caption .caption-float { position: relative; height: auto; width: 100%;}
	.aims-banner .flexslider .caption .caption-float h1 { font-size: 18px;}
	
	.aims-banner .flexslider .caption .caption-wrap { display: table; height: 100%;}
		.aims-banner .flexslider .caption .caption-wrap .caption-holder { display:table-cell; vertical-align: middle}
		.aims-banner .flexslider .caption .caption-wrap .caption-holder p { font-size: 12px;}
	
	.aims-banner .flexslider .flex-active-slide .caption { filter: alpha(opacity=100); opacity: 1;} 	
	
	/* >>> Footer <<< */
	.aims-footer {} 
	
	.footer-links { height: auto; line-height: 32px; padding-top: 15px;}
	
	
	.footer-body { padding-top: 0px;}
	
	
	.socmed-links { text-align: center}
		.socmed-links a { 
		}
	
	.hotline { color: #FFFFFF; font-size: 16px; text-align: center;  padding-bottom: 12px;}	
		.hotline .fa { margin-right: 8px; font-size: 16px}
		
	.footer-news { color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #3f4d62} 
	
	.footer-menu .menu-wrapper { float: none; margin: 20px 0}
	
	.footer-menu ul.menu-list { float: none; margin: 10px 0}
		
	/* >>> Contact Form <<< */
	.contact-form, .contact-info { margin-bottom: 20px;}
		 
}
	

@media (max-width: 544px) {	
	
		
}	

@media (max-width: 419px) {	
	.aims-banner .flexslider .caption .caption-wrap .caption-holder h1 { font-size:15px;}
	.aims-banner .flexslider .caption .caption-wrap .caption-holder p { display: none}
		
}	


@media (max-width: 320px) {

	
}