@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

body, html {height:100%;}
body.movable {position:relative;}
body {line-height:21px;font:normal 13px Arial, Helvetica, sans-serif;line-height:20px;background:url(../images/misc/bg.jpg) repeat;background-position:top center;}
img {max-width:100%;height:auto;}
#cryptogram { background-color: #fff !important; }
a {outline:none !important;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
h2.title {margin:0;padding:0;color:#fff;font:bold 2vw 'open sans';text-transform:uppercase;line-height:2vw;}

#logo-wrapper {padding:20px 0;}

#social-icons {font-size:15pt;position:relative;display:inline-block;float:right;margin-top:30px;}
	#social-icons .fa-facebook {padding:0px 2px;}
	#social-icons ul {list-style:none;margin:0;padding:0;}
	#social-icons ul li {float:left;margin-right:5px;}
	#social-icons ul li a{background:#fff;height:40px;width:40px;line-height:40px;display:block;-webkit-border-radius: 200px;border-radius: 200px;transition: all 500ms ease;color:#000;text-align:center;transition-delay: 0s;transition-property: all;transition-timing-function: ease;}
	#social-icons ul li a:hover {background-color:#ccc;transform: rotateY(360deg);}
	
#navigation-wrapper {background:url(../images/misc/nav-bg.jpg) repeat-x;background-size:auto 100%;border-top:1px solid #383839;width: 100%;display:table;table-layout:fixed;}
	#navigation-wrapper > ul {margin:0;padding:0;display: table-row;}
	#navigation-wrapper > ul > li {list-style:none;text-align:center;border-left: 1px solid #000;border-right: 1px solid #2b2d2e;display: table-cell;vertical-align:middle; position:relative;}
	#navigation-wrapper > ul > li:first-child {border-left: none;} 
	#navigation-wrapper > ul > li > a {display:block;text-decoration:none;text-transform:uppercase;color:#fff;padding:10px 0;font:bold 15px 'arial';}
	#navigation-wrapper > ul > li:hover {background:#0000ff}
	#navigation-wrapper > ul > li.active > a {background:#0000ff;}
	
	#navigation-wrapper ul ul {display:none;padding:0;position:absolute;background:#f0f0f0;z-index:9;}
	#navigation-wrapper ul ul li {list-style:none;text-align:left;padding:5px 10px;float:left;position:relative;border:0;width:15em;}
	#navigation-wrapper ul ul li a {text-decoration:none;color:#000;}
	#navigation-wrapper ul ul li a span:last-child {display:none;}
	#navigation-wrapper ul ul li:hover a {color:#fff;}
	#navigation-wrapper ul ul li:hover {background:#000}
	
	#navigation-wrapper ul ul ul {position:absolute;left:15em;top:0;}
	#navigation-wrapper ul ul ul li a {color:#000 !important;}
	#navigation-wrapper ul ul ul li:hover a {color:#fff !important;}
	#navigation-wrapper ul ul ul li:hover {background:#000 !important;}
	
/*dear programmer pakicopya nalang itong side navigation sa library.css*/
#sideNavigation {-webkit-box-shadow:3px 0 10px 0 rgba(0,0,0,.3);box-shadow: 3px 0 10px 0 rgba(0,0,0,.3);position:fixed; left:-220px; z-index:500; background:#000; height:100%; width:220px; overflow:auto;}
	#sideNavigation.right {left:auto; right:-220px;}
	#sideNavigation ul {margin:0; padding:0; background:#000;}
	#sideNavigation li {list-style:none; position:relative;}
	#sideNavigation a {text-transform:capitalize;display:block; color:#fff; border-bottom:1px solid #2b2d2e; border-top:1px solid #000; padding:1em 2em 1em 1em; font-size:15px;font:bold 15px 'arial';}
	#sideNavigation li:first-child a {border-top:0;}
	#sideNavigation li:last-child a {border-bottom:0;}
	#sideNavigation a:hover, #sideNavigation a.active {color:#fff; text-decoration:none;}
	#sideNavigation ul ul {display:none;}
	#sideNavigation li span {position:absolute; right:.5em; top:1.3em;}
	.sideNavTrigger {font-size:26px; width:40px; color:#000;display:none;margin-bottom:20px;}
	.sideNavTrigger:hover, .sideNavTrigger:focus {color:#001367;}
	.sideNavTrigger span {border:1px solid #ddd; padding:.2em .3em; -webkit-border-radius:3px; border-radius:3px;color:#fff}
	body.movable {position:relative;}
	body.moved {left:220px;}
	body.moved.right {left:auto; right:220px;}
	#sideNavigation.right.moved {left:auto; right:0;top:0;}
	#sideNavigation.moved {left:0;}
	#sideNavigation .logo a {padding:.5em; border:none;}

.camera_caption {right:0;top:70%;display: block;position: absolute;width:55%;color:#383838;font:300 40px 'lato'}
	.camera_caption > div {background:rgba(0,0,0,0.5);text-transform:uppercase;font:bold 2vw 'open sans';color:#fff;line-height:2vw;padding:20px;text-align:right;}
	.camera_caption > div em {font-style:normal;font-size:1.5vw;text-align:right;color:#e84804;}

#about-wrapper, #services-wrapper, #news-events {padding:20px;background:rgba(17,17,18,0.4);margin:30px 0 25px;border-top:1px solid rgb(50, 57, 60);border-bottom:1px solid rgb(50, 57, 60);}
	#about-wrapper p, #services-wrapper p, #news-events p{color:#fff;font:normal 12px 'arial';text-align:justify;text-indent:2vw;margin-top:10px;}
	#about-wrapper a, #services-wrapper a, #news-events a{float:right;}

#services-wrapper ul {margin:10px;padding:0;}
	#services-wrapper ul > li {color:#fff;font:normal 12px 'arial';text-transform:capitalize;}

#news-events #news-content #news-caption {margin-top:10px;}
	#news-events #news-content #news-caption #date {margin-right:5px;padding: 10px 0;background:#fff;border: 1px solid #d2d2d2;border-radius:7px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);height:65px;width:60px;}
	#news-events #news-content #news-caption #date p {color: #000;font-family: Helvetica,sans-serif;font-size: 30px;text-align: center;text-indent:0;line-height:0;}
	#news-events #news-content #news-caption #date p span {background:#A5302C;border-radius: 0 0 7px 7px;border-top: 3px solid #6F1714;color: #fff;display: block;font-size: 15px;font-weight: bold;padding: 3px 0;text-transform: uppercase;margin:14px 0;line-height:20px;}
	#news-events #news-content #news-caption h3{text-transform:capitalize;font:700 18px Arial,Helvetica Neue,Helvetica,sans-serif;margin:0;color:#fff;}
	#news-events #news-content #news-caption .paragraph{color:#fff;margin-top:10px;}
	#news-events #news-content #news-caption .paragraph a{text-transform:capitalize;}
	#news-events #news-content #read-more a{text-decoration:none;text-transform:uppercase;color:#fff;padding:15px 20px;background-color:#181494;font:bold 14px/24px "PT Sans", Helvetica, Arial, sans-serif;}
	
ul.icons {margin:0;padding:0;list-style:none;}
	ul.icons li {float:left;padding:20px;background:rgba(17,17,18,0.4);text-align:center;}
	ul.icons li img {height:138px;vertical-align:middle;display:table-cell;text-align:center;}

#footer {padding:20px 0;border-top:1px dotted #fff;margin-top:20px;}
	#footer p {font:normal 12px 'arial';color:#fff;}

#sub-banner img {width:100%;height:300px;}

#col-left, #col-right {padding:20px;background:rgba(17,17,18,0.4);margin:30px 0 25px;border-top:1px solid rgb(50, 57, 60);border-bottom:1px solid rgb(50, 57, 60);}
	#col-left h2, #col-right h2{text-transform:uppercase;font:bold 20px Arial,Helvetica Neue,Helvetica,sans-serif;margin-top:5px;color:#0094da;}
	#col-right p{color:#fff;font:normal 13px 'arial';text-align:justify;}
	#col-left label{color:#fff;font:normal 13px 'arial';text-align:justify;}
.col-left, .col-right {padding:20px;background:rgba(17,17,18,0.4);margin:30px 0 25px;border-top:1px solid rgb(50, 57, 60);border-bottom:1px solid rgb(50, 57, 60);}

	
.sidenav {padding-botom:10px;}
	.sidenav ul {list-style:none;padding:0;text-transform:capitalize;}
	.sidenav ul li {padding:2px 0;border-bottom:1px dotted rgba(0,0,0,.3);}
	.sidenav ul li:last-child{border-bottom:0;}
	.sidenav ul li a {display:block;padding:8px 10px;color:#fff;font:normal 15px Arial,Helvetica Neue,Helvetica,sans-serif;text-transform:capitalize;}
	.sidenav ul li a:hover {background:#0094da;color:#fff;text-decoration:none;}
	.sidenav ul li.active {background:#0094da;color:#fff;text-decoration:none;}

@media only screen and (max-width:1100px) {
	ul.icons li img {height:108px;}
	
}

@media only screen and (max-width:980px) {
	.icons img{width:70% !important;}
	#navigation-wrapper > ul > li > a {font-size:13px;}
	ul.icons li img {height:74px;}
}

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

@media only screen and (max-width:640px) {
	#navigation-wrapper {display:none;}
	.sideNavTrigger {display:block;}
	.popover {display:none !important;}
	#logo-wrapper {text-align:center;}
	#logo-wrapper img {width:50%;}
	#social-icons {float:none;margin:0;}
	#header {text-align:center;}
	.icons {width:100% !important;}
	ul.icons li img {height:57px;}
}

@media only screen and (max-width:500px) {
	ul.icons li {width:100%;}
	ul.icons li img {height:auto;}
}

.opollo > li > .title { color:#FFF; }
.opollo > li > .content { color:#FFF; }
.opollo > li > h1,h2,h3,h4 { color:#FFF; }
.opollo > li > p { color:#FFF; }
.paginationDetails { color:#FFF; }