/* Author: Michael Jerome de Loyola */

*,
*:before, *:after {transition: all 1s linear; -webkit-transition: all 1s linear; box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after {position: absolute;}

/* body */
body {background:#fff; }

a {color:#000; text-decoration:none;}
a:hover {color:#42a7ce;}
mark{background: transparent!important;}
.comp{ color:#57769d; font-weight:bold;}
.comingsoon{ color:red; font-weight:bold; font-style:italic; }
.clearfix{ clear:both; overflow:hidden; }
.floatleft-img{ float:left; margin-right:20px; margin-top:10px; border:0;}
.floatright-img{ float:right; margin-left:20px; margin-top:10px;}
.floatcenter-img{ display:block; margin:0 auto;}
.f-left{float:left;}
.f-right{float:right;}
.text_center { text-align: center; }
.center { display: block; margin: auto; }
.CU_address {padding-left: 78px;}
ul.italic li{font-style:italic !important;}

.sitemap li a {font-size: 15px !important;}

/*layers*/
.wrapper{ width:100%; margin:0px auto; position:relative;max-width: 1915px;}

aside#left{width:100%; min-height:940px; float:left; background:url(images/bg_left.jpg) repeat-y; padding-bottom:20px;max-width: 300px;}

	/*header*/
	header{width:100%;background:url(images/bg_header.png) no-repeat; text-align:center; padding: 64px 0 10px; background: #fff;position:relative;min-height: 234px;}
	header span{font: 16px Oswald;display: block;}

	/*nav*/
	nav{width:97%; margin:30px 0 0;}
		/*inside navigation bar */

		/* nav ul {font:15px Open Sans; text-transform:uppercase;}

		nav ul li {height:56px; position:relative;}
		nav ul li:first-child:before{content:url(images/nav_spacer.png); position:absolute; top:-17px; left:0;}
		nav ul li:after{content:url(images/nav_spacer.png); position:absolute; bottom:-5px; left:0;}

		nav ul li a{width:100%; height:56px; line-height:56px; display:block; padding-left:70px; color:#666666; position:relative;}
		nav ul li:nth-child(4) a:hover:after{content:url(images/icon_nav_hover.png); position: absolute; top:0; right:-7px; z-index:999;}
		nav ul li a:hover, nav ul li.current_page_item > a {background:#42a9cd; color:#fff;} */

		/* .dropdown ul li{position: relative;}
		.dropdown ul ul {width:260px; padding:15px; background:#383838; display: none; position: absolute; top: 0; right: -260px; z-index: 999;}
		.dropdown ul ul ul {left: 100%; top: 0;}
		.dropdown ul ul li{width:100%; height:40px; display: block; font:12px Open Sans; border-bottom:solid 1px #575757; padding-bottom:10px;}
		.dropdown ul ul li:after, .dropdown ul ul li:before{content:'';}
		.dropdown ul ul li a {height:40px; line-height:40px !important; display: block; padding: 0 10px; color:#696969;}
		.dropdown ul ul li:nth-child(2) a { font-size: 12px!important;}
		.dropdown ul ul li a:hover:after{content:'';}
		.dropdown ul ul li a:hover, .dropdown ul ul li.current_page_item a{color:#fff;}
		.dropdown ul li:hover > ul {display: block; visibility: visible; } */

		#menu-item-234 a, .modal_close { cursor: pointer; }


		/*nav*/
		nav {}
		nav ul{font:15px Open Sans; text-transform:uppercase;}
		nav ul li{height:56px; position:relative;}
		nav ul li:first-child:before{content:url(images/nav_spacer.png); position:absolute; top:-17px; left:0;}
		nav ul li:after{content:url(images/nav_spacer.png); position:absolute; bottom:-5px; left:0;}
		nav ul li a{width:100%; height:56px; line-height:56px; display:block; padding-left:70px; color:#666666; position:relative;}
		nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item > a, nav ul li a:hover small, nav ul li.current_page_item a small{background:#445D81; color:#fff;}

		/*Sub Menu*/

		nav ul li:hover > ul { display: block; visibility: visible; }
		nav ul ul {width:260px; padding:15px; background:#383838; display: none; position: absolute; top: 0; right: -260px; z-index: 999; }
		nav ul li:nth-child(4) ul{overflow-y: scroll;height: 370px;}
		nav ul ul ul { left:100%; top: 0; }
		nav ul ul li{width: 100%;  display: block;  font: 11px Open Sans;  border-bottom: solid 1px #575757; height: auto;}
		nav ul ul li:after, .dropdown ul ul li:before{content:'';}
		nav ul ul li a { margin: auto; height: auto; display: block; padding: 0; line-height: 40px;text-align: left;color: #696969;padding: 0 10px;}

		/* Drop down icon */
		nav span{position: absolute; right: 0; top: 50%; display: none; padding: 0; cursor: pointer; z-index: 9; color: #fff;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
		.fa:before{position: absolute;}

		/* Navigation bar icon */
		.nav_toggle_button{width:100%; display:none; color:#fff; background:#565656; margin:0 auto; padding:10px 15px; text-align:left; font-weight: bold; position: relative;}
		.nav_toggle_button i{cursor: pointer;}
		.fa{display:block; float: right; margin-top: -3px;}

		.banner_cont img{width:100%;}
		/*end nav*/

		.back_top{display: none; z-index: -1;}
	/*copyright*/

	.contact_info {display: block;color: #565656;text-align: center;padding: 10px 0 9px;margin: 10px 0 0;}
	.contact_info ul li {line-height: 30px;}
	.contact_info ul li a {color: #565656;}
	.contact_info ul li a:hover {color: #42a7ce;}

	#copyright {text-align:center; margin:25px 0 0; font:12px/20px Open Sans; color:#565656;}
	#copyright span{display: block;}

	.socials{margin:20px 0 0; text-align:center;}
	.socials ul li{display:inline-block;margin-bottom: 4px;}

aside#right{float: right;  position: relative;  width: calc(100% - 300px);}

	.right_layer{width:100%; height:auto; display:flex; position: relative;}

		.box_contents{width:100%; height:100%; background:url(images/bg_box_contents.png) repeat; visibility: hidden;position: absolute;top: 0;right: 0; z-index: 100;}
		.box_info{width: 100%; position: absolute; right: 0; top: 88px; padding: 0 15px;text-align: center;}
		.box_contents h2{font:23px Oswald; color:#fff; font-weight:300;}
		.box_contents p{font:14px/20px Open Sans; color:#fff; margin:5px 0 0;}
		.box_contents ul{margin:15px 0 0;}
		.box_contents ul li{display:inline-block;}
		.box_contents ul li a{width:46px; height:46px; display:block;}

		.box_contents ul li:nth-child(1) a{background:url(images/icon_plus.png) no-repeat center top;}
		.box_contents ul li:nth-child(2) a{background:url(images/icon_play.png) no-repeat center top;}

		.box:hover > .box_contents{ visibility: visible;}

		/* .rslides img {width:539px!important;} */
		.box4 .rslides img, .box5 .rslides img, .box6 .rslides img, .box7 .rslides img {width:404px!important;}

	.right_layer:nth-child(2) .box, .right_layer:nth-child(4) .box{width:33.33%; height: auto; position: relative;}
		/*.box1{display:block; background:url(images/bg_box1.jpg) no-repeat center top;}
		.box2{display:block; background:url(images/bg_box2.jpg) no-repeat center top;}
		.box3{display:block; background:url(images/bg_box3.jpg) no-repeat center top;}

		.box8{display:block; background:url(images/bg_box8.jpg) no-repeat center top;}
		.box9{display:block; background:url(images/bg_box9.jpg) no-repeat center top;}
		.box10{display:block; background:url(images/bg_box10.jpg) no-repeat center top;}*/

	.right_layer:nth-child(1) .box, .right_layer:nth-child(3) .box{width:25%; height: auto;position: relative; overflow: hidden;}
		/*.box4{display:block; background:url(images/bg_box4.jpg) no-repeat center top;}
		.box5{display:block; background:url(images/bg_box5.jpg) no-repeat center top;}
		.box6{display:block; background:url(images/bg_box6.jpg) no-repeat center top;}
		.box7{display:block; background:url(images/bg_box7.jpg) no-repeat center top;}*/

	.right_layer:nth-child(2) .box_contents, .right_layer:nth-child(4) .box_contents{padding:0;}

	.right_layer:nth-child(1) .box_contents{padding:155px 0 0; text-align:center;}
	.right_layer:nth-child(1) .box_contents ul li a{width:60px; height:60px; background:url(images/icon_play2.png) no-repeat;}




		.maincontents{padding:20px;}
		.maincontents p, .bullet li{line-height:25px !important; text-align:left; font:18px Open Sans; color:#525252; padding:5px 0px 0 0px;}
		.maincontents p.center_bold_italic{font-weight:bold; text-align:center; font-style:italic;}
		.maincontents h1{font:30px Oswald; color:#57769d; font-weight:bold; margin-bottom: 20px; }
		.maincontents a{text-decoration:underline;}
		.maincontents a:hover{text-decoration:none;}
		.maincontents .rslides img {width:100%!important;}
		#banner ul li{background: none!important;padding-left: 0;margin-top: 0;}
		.bullet li{background:url(images/icon.png) no-repeat left 5px; padding-left:25px; padding-right:25px;margin-top:5px;}
		.nh_title { color: #57769d; }
		.nh_btn { display: block; display: inline-block; background: #42a7ce; color: #fff; line-height: 40px; padding: 10px; text-decoration: none!important; }
		.nh_btn:hover { text-decoration: underline!important; color: #fff; }

		/* Modal */
		.modal_content { display: none; position: absolute; z-index: 100; transform: translate(0,-50%); top: 50%; left: 0; right: 0; background: #fff; width: 100%; height: 100%; margin: auto; padding: 8%; background: #fff; }
		.modal_content_show { display: block; }
		.modal_close { font-weight: 700; border: 3px solid #000; width: 50px; height: 50px; border-radius: 50%; display: block; text-align: center; line-height: 38px; font-size: 40px; position: absolute; right: 30px; top: 20px; }

/*resources*/
.resources {font-size:14px; margin-top:20px;}
.resources a {color:#96390e; text-decoration:none; display:block;font-weight:bold;}
.resources a:hover {color:#196515; text-decoration:none; -webkit-transition: none; transition: none;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#fff; border:1px solid #196515; border-bottom:2px solid #196515;}

/*SEARCH*/
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px 0; color:#000;}
.search_results h2 a{ text-decoration:none; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a{ color:#000; }
.search_results a:hover{ text-decoration:none; }

.assistive-text{display: none;}
.search_cont input{ margin: 10px auto;  padding: 10px;  width: 250px;  border-radius: 5px;  border: 1px solid white;}
#searchsubmit{background: #445d81;  width: 100px;  padding: 7px;  color: #fff;  border:1px solid #fff;}
#searchsubmit:hover{background: #202020; border: 1px solid #fff;}

/* Breadcrumb Styling */

.breadcrumbs {margin: 10px 0; border-bottom: 1px dotted gray; padding-bottom: 11px; }
.breadcrumbs span{vertical-align: bottom;display: inline-block; overflow: hidden;text-overflow: ellipsis;}
.breadcrumbs span[property='name'] {display: inline-block;padding: 0;margin-top: -3px;vertical-align: middle;max-width: 270px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#1484a8;}
.breadcrumbs span[property='name']:hover {text-decoration: underline;}
.breadcrumbs .post {border-radius: 0;padding: 0;margin: 0;border: none;word-wrap: normal;}
.breadcrumbs span[class='post post-page current-item'] {display: inline-block;padding: 0;max-width: 250px;white-space: nowrap;}

/* End Breadcrumb Styling */


/* Sitemap Style */
.sitemap{list-style-type: none; padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3px; -moz-column-gap: 3px;  column-gap: 3px;}
.sitemap li {counter-increment: step-counter; overflow: hidden;}
.sitemap li{padding:15px; background: #E3E3E3;}
.sitemap li:nth-child(odd){background: #F2F2F2;}
.sitemap li a{display: block;color: #42a7ce;font-weight: bold;}
.sitemap li a:before {content: counter(step-counter) '. '; position: relative;}

/* Pages under Certain Parent Pages */
.sitemap ul {margin-top: 5px;}
.sitemap ul li:nth-child(odd){background: #E3E3E3;}
.sitemap ul li:nth-child(even){background: #F2F2F2;}
.sitemap ul li {counter-increment: sub-counter;}
.sitemap ul li a:before {content: counter(step-counter) '.' counter(sub-counter) ' ';}

/* IE 7 */
.lt-ie8 .dang-ie{width: 100%; height: 100%; position: fixed; background-color: #00abdd;}

.message{text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}

.inner-message{position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{position: relative; left: 3em;}
.inner-message a.download{display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}

.terms{color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}

.lt-ie8 .protect-me{display: none; }

/*Others*/
.others_btn1{text-align: center;}
.others_btn1 li{display: inline-block; vertical-align: top; background: none !important; padding-left: 0 !important; width: 23%; text-align: center !important;}
.others_btn1 li span{display:block;}
.nh_btn3{display: inline-block;background:#024993;color: #fff; width: 100%; font-size: 25px; line-height: 50px;  margin: 0 auto;position: relative;z-index: 0;text-align:center;cursor:pointer;text-transform: uppercase;}
.nh_btn3:before {content: "";position: absolute;z-index:-1;left: 0;background: #2098d1;transform: scaleY(0);transform-origin: 50% 0;transition: transform .3s ease-out;width: 100%;height: 50px;}
.nh_btn3:hover:before{transform: scaleX(1);}
.nh_btn3:hover{color:#fff!important;}


.nh_btn7{display: block; background: #024993; color: #fff; width: 230px; font-size: 22px; line-height: 50px; margin: 0 auto; position: relative; z-index: 0; text-align: center; cursor: pointer; text-transform: uppercase;}
.nh_btn7:before {content: "";position: absolute;z-index:-1;left: 0;background: #2098d1;transform: scaleY(0);transform-origin: 0 50%;transition: transform .3s ease-out;width: 100%;height: 50px;}
.nh_btn7:hover:before{transform: scaleX(1);}
.nh_btn7:hover{color:#fff!important;}

.col2{column-count:2;-webkit-column-count:2;-moz-column-count:2;}

.services_back_btn a{background: #184f78;color: #fff;padding: 10px 20px;text-decoration: none;-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);}
.services_back_btn a:hover {background: #57769d;}



.disbtm { margin-top: 20px;}
.disbtm a {font-size:20px;background:#445d81; width: 200px; padding:7px; color:#fff; border: 1px solid#fff;margin: 0 auto;display: block;text-align: center;text-decoration: none !important; }
.disbtm a:hover {background:#202020 !important; border: 1px solid#fff !important; }

.pribtm { margin-top: 20px;}
.pribtm a {font-size:15px;background:#445d81; width: 200px; padding:7px; color:#fff; border: 1px solid#fff;margin: 0 auto;display: block;text-align: center;text-decoration: none !important; }
.pribtm a:hover {background:#202020 !important; border: 1px solid#fff !important; }


/* Login Form Functionality */
.main.login {display: block;position: relative;text-align: center;margin: 0 auto;width: 320px;max-width: 100%;margin-top: 20px; }
.loginset h1 {margin: 0;background-color:#150f0e; padding: 20px;color: #fff;text-align: center;font-weight: 700;     border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 17px; text-transform: uppercase;font-family: 'Quicksand', sans-serif; }
.loginblock {padding: 20px;border: 1px solid #150f0e;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(119, 205, 170);border-top: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.loginblock input {width: 100%;height: 42px;box-sizing: border-box;border-radius: 5px;border: 1px solid #ccc;     margin-bottom: 20px;font-size: 14px;font-family: Montserrat;padding: 0 20px 0 50px;outline: 0; }
.loginblock input#password {background: #fff url(images/pass-icon.png) 20px top no-repeat; background-size: 16px 80px;}
.loginblock input#password:focus {background: #fff url(images/pass-icon.png) 20px bottom no-repeat; background-size: 16px 80px;}
.loginblock input#username {background: #fff url(images/user-icon.png) 20px top no-repeat; background-size: 16px 80px;}
.loginblock input#username:focus {background: #fff url(images/user-icon.png) 20px bottom no-repeat; background-size: 16px 80px;}
.loginblock input:active, .login-block input:focus {border: 1px solid #7747a5;}
.loginblock button{width:100%;height:40px;background:#205e93;box-sizing:border-box;border-radius:5px;border:1px solid rgb(76, 173, 73);color:#fff;font-weight:700;text-transform:uppercase;font-size:14px;font-family:Montserrat;outline:0;cursor:pointer}
.log{padding:0 0 0 0;}
.forlog {background: #150f0e;padding: 10px;border-radius: 4px;text-decoration: none;color: #fff;}


 /* For floating Icons */ 
body .uwy.userway_p2 .userway_buttons_wrapper { top: unset !important; right: 14px !important; bottom: 215px !important; transform: none !important; left: unset !important; }
.cky-revisit-bottom-right { right: 13px !important; left: unset !important; bottom: 160px !important; }

/* Author: Michael Jerome de Loyola */


.maindiv{
	overflow: hidden;
	white-space: nowrap;
  }

  .div1 {
	display: inline-block;
	animation: marquee 10s linear infinite;
  }

  .div2 {
	display: inline-block;
	animation: marquee2 10s linear infinite;
	animation-delay: 5s;
  }

  @keyframes marquee {
	from {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
  }

  @keyframes marquee2 {
	from {
	  transform: translateX(0%);
	}
	to {
	  transform: translateX(-200%);
	}
  }