/* ==========================================================================
   960px - 12 columns - 20px gutter 
   ========================================================================== */

   /* Container */ 
   .container-12 { width: 960px; margin: 0 auto; } 

   /* Global */ 
   [class*="grid-"] { float: left; display: inline; margin-left: 10px; margin-right: 10px; } 
   .group:before, .group:after { content: ""; display: table; line-height: 0; } 
   .group:after { clear: both; } 

   /* Nested elements */ 
   .alpha { margin-left: 0px; } 
   .omega { margin-right: 0px; } 

   /* Grids */ 
   .container-12 .grid-1 {  width: 60px; }
   .container-12 .grid-2 {  width: 140px; }
   .container-12 .grid-3 {  width: 220px; }
   .container-12 .grid-4 {  width: 300px; }
   .container-12 .grid-5 {  width: 380px; }
   .container-12 .grid-6 {  width: 460px; }
   .container-12 .grid-7 {  width: 540px; }
   .container-12 .grid-8 {  width: 620px; }
   .container-12 .grid-9 {  width: 700px; }
   .container-12 .grid-10 {  width: 780px; }
   .container-12 .grid-11 {  width: 860px; }
   .container-12 .grid-12 {  width: 940px; }

   /* Offset Extra Space */ 
   .container-12 .offset-1 { padding-left: 80px; }
   .container-12 .offset-2 { padding-left: 160px; }
   .container-12 .offset-3 { padding-left: 240px; }
   .container-12 .offset-4 { padding-left: 320px; }
   .container-12 .offset-5 { padding-left: 400px; }
   .container-12 .offset-6 { padding-left: 480px; }
   .container-12 .offset-7 { padding-left: 560px; }
   .container-12 .offset-8 { padding-left: 640px; }
   .container-12 .offset-9 { padding-left: 720px; }
   .container-12 .offset-10 { padding-left: 800px; }
   .container-12 .offset-11 { padding-left: 880px; }
   
   @font-face {
		font-family: 'balindo';
		src:url('../font/balindo.eot');
		src:url('../font/balindo.eot?#iefix') format('embedded-opentype'),
			url('../font/balindo.woff') format('woff'),
			url('../font/balindo.ttf') format('truetype'),
			url('../font/balindo.svg#balindo') format('svg');
		font-weight: normal;
		font-style: normal;
	}
   
	a, p, h1, h2, h3{text-decoration: none; margin: 0; padding: 0; font-family: 'Pathway Gothic One', sans-serif; font-weight: normal}
	a:active, a:focus{outline: 0}
	input{outline: 0}
	input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
	input[type=number] {-moz-appearance:textfield;}
	
	header{display: block; background: #0072bc; position: fixed; left: 0; right: 0; top: 0; height: 70px; padding: 0 20px; z-index: 127}
	header .logo{width: 140px; position: absolute; margin: auto; top: 0; left: 0; right: 0; display: inline-block; text-align: center; z-index: 9999}
	header .logo img{width: 140px; height: 140px; display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s}
	header nav{position: relative; width: 100%; display: block}
	header nav > ul{position: relative; list-style: none; padding: 0; margin: 0; position: relative; width: 50%; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	header nav > ul.left{float: left; text-align: right; padding-right: 70px}
	header nav > ul.right{float: right; text-align: left; padding-left: 70px}
	header nav > ul  > li{position: relative; height: 70px; line-height: 70px; display: inline-block; float: left; width: 33.33%; padding: 0 10px; text-align: center; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	header nav > ul  > li:before{display: block; content: ""; position: absolute; bottom: 14px; left: auto; right: 50%; background: white; height: 2px; width: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	header nav > ul  > li:after{display: block; content: ""; position: absolute; bottom: 14px; right: auto; left: 50%; background: white; height: 2px; width: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	header nav > ul  > li > a{outline: 0; font-family: 'Pathway Gothic One', sans-serif; font-size: 20px; color: #fff; line-height: 70px; display: block; word-wrap: break-word; text-overflow: ellipsis;}
	header nav > ul  > li > a:active, header nav > ul  > li > a:focus{outline: 0}
	header nav > ul  > li:hover:before, header nav > ul  > li:hover:after{width: 15%}
	header nav > ul  > li.search:before, header nav > ul  > li.search:after{display: none}
	header nav > ul  > li.search > form{position: relative; display: inline-block; width: 100%; max-width: 350px; height: 30px; margin-top: 20px}
	header nav > ul  > li.search > form > input{position: relative; float: left; height: 30px; width: 100%; padding: 0; padding-right: 35px; background: none; border: none; border-bottom: 1px solid #fff; color: #aeaeae; font-family: 'Lato', sans-serif; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	header nav > ul  > li.search > form > input[type="submit"]{padding: 0; background: none; border: none; font-size: 0; width: 30px; position: absolute; top: 0; right: 0}
	header nav > ul  > li.search > form:before{height: 30px; line-height: 30px; text-align: center; color: #fff; width: 30px; position: absolute; top: 0; right: 0; display: block; font-family: "balindo"; font-size: 20px; content: "\73"}
	
	.home header{background: none; height: 100px}
	.home header .logo{width: 170px}
	.home header .logo img{width: 170px; height: 170px}
	.home header nav > ul.left{padding-right: 85px}
	.home header nav > ul.right{padding-left: 85px}
	.home header nav > ul  > li{height: 100px; line-height: 100px}
	.home header nav > ul  > li:before, .home header nav > ul  > li:after{bottom: 29px}
	.home header nav > ul  > li > a{line-height: 100px}
	.home header nav > ul  > li.search > form{margin-top: 35px}
	
	header.scroll .logo img{width: 70px; height: 70px}
	
	header nav > a.nav-control{cursor: pointer; outline: 0; position: absolute; top: 0; right: -70px; display: none; z-index: 101; width: 70px; height: 70px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	header nav > a.nav-control:before{width: 70px; height: 70px; line-height: 70px; display: block; font-family: 'balindo'; font-size: 40px; text-align: center; color: #fff; content: "\79"; font-weight: 200}
	header nav > a.nav-control:hover{background: #0054a6}
	
	section.slideshow{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0}
	section.slideshow ul.news-list{margin: 0; padding: 0; list-style: none; width: 100%; display: block; position: absolute; bottom: 60px; right: 0; padding: 0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 480px; height: auto; overflow: hidden; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s}
	section.slideshow ul.news-list > h1{float: left; height: 15px; line-height: 15px; font-size: 10px; font-family: 'Lato', sans-serif; color: #fff; display: block; width: 100%; max-width: 100px; text-align: center; background: #0072bc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
	section.slideshow ul.news-list > a.news-toggle{cursor: pointer; outline: 0; width: 35px; height: 35px; display: block; position: absolute; top: 25px; right: 30px; background: #0054a6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 0.5; filter: alpha(opacity=50)}
	section.slideshow ul.news-list > a.news-toggle:before{width: 35px; height: 35px; line-height: 35px; text-align: center; display: block; position: absolute; top: 0; left: 0; font-family: "balindo"; font-size: 20px; content: "\3e"; color: #fff}
	section.slideshow ul.news-list > a.news-toggle:hover{opacity: 1; filter: alpha(opacity=100)}
	section.slideshow ul.news-list > a.news-toggle.active:before{content: "\3c"}
	section.slideshow ul.news-list > li{float: left; display: block; width: 100%; margin: 0; height: 0; overflow: hidden; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s}
	section.slideshow ul.news-list > li > span.date{display: block; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; line-height: 10px; font-size: 10px; font-family: 'Lato', sans-serif; color: #898989}
	section.slideshow ul.news-list > li > h2{display: block; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden}
	section.slideshow ul.news-list > li > h2 > a{font-size: 14px; font-family: 'Oswald', sans-serif; color: #111}
	section.slideshow ul.news-list > li.latest{opacity: 1; filter: alpha(opacity=100); padding: 10px 20px; border-left: 2px solid #0072bc; margin-bottom: 15px; height: auto}
	
	section.slideshow ul.news-list.open > li{opacity: 1; filter: alpha(opacity=100); padding: 10px 20px; border-left: 2px solid #0072bc; margin-bottom: 15px; height: auto}
	
	section.heading{width: 100%; display: block; margin-top: 70px; background-color: #000; background-size: cover; background-position: center; background-repeat: no-repeat}
	section.heading:before{padding: 0 20px; padding-top: 110px; content: attr(page-title); display: block; font-family: 'Pathway Gothic One', sans-serif; font-size: 40px; color: #fff; line-height: 40px; text-align: center}
	section.heading:after{padding: 0 20px; padding-top: 10px; padding-bottom: 90px; content: attr(page-subtitle); display: block; font-family: 'Pathway Gothic One', sans-serif; font-size: 17px; color: #fff; line-height: 20px; text-align: center}
	section.heading h1{font-size: 0; padding: 0; margin: 0; line-height: 0}
	
	footer{float: left; display: block; width: 100%; background: #002157; position: relative; height: 50px; line-height: 50px; padding: 0 20px; margin-top: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	.home footer, .error404 footer{position: fixed; left: 0; right: 0; bottom: 0; margin-top: 0}
	footer .copy{color: #ebebeb; line-height: 50px; height: 50px; font-family: 'Lato', sans-serif; font-size: 12px; float: left}
	footer .copy a{font-family: 'Lato', sans-serif; color: #ebebeb}
	footer .social{position: relative; float: right; text-align: center; height: 50px; overflow: hidden}
	footer .social ul{position: relative; display: inline-block; list-style: none; padding: 0; margin: 0}
	footer .social ul > li{display: inline-block; margin-left: 10px; height: 40px; padding:5px 0; overflow: hidden; float: left}
	footer .social ul > li:first-child{margin-left: 0}
	footer .social ul > li > a{position: relative; display: block; width: 40px; height: 40px; outline: 0; font-size: 0; line-height: 0}
	footer .social ul > li > a:before{position: absolute; top: 0; left: 0; font-family: "balindo"; font-size: 20px; height: 40px; width: 40px; line-height: 40px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; color: #ebebeb; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	footer .social ul > li > a.facebook:before{content: "\66"}
	footer .social ul > li > a.twitter:before{content: "\74"}
	footer .social ul > li > a.gplus:before{content: "\67"}
	footer .social ul > li > a.pinterest:before{content: "\70"}
	footer .social ul > li > a.facebook:hover:before{background: #0e7dbf}
	footer .social ul > li > a.twitter:hover:before{background: #14a1f6}
	footer .social ul > li > a.gplus:hover:before{background: #cb4437}
	footer .social ul > li > a.pinterest:hover:before{background: #c9131b}
	
	footer .social a.control{cursor: pointer; outline: 0; position: absolute; top: 0; left: 0; display: none; z-index: 101; width: 50px; height: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	footer .social a.control:before{width: 50px; height: 50px; line-height: 50px; display: block; font-family: 'balindo'; font-size: 20px; text-align: center; color: #fff; content: "\e083"; font-weight: 200}
	footer .social a.control:hover{background: #001840}
	footer .social.open a.control:before{content: "\e084"}
	
	/* Contact Page */
	section.map{height: 240px; width: 100%; display: block; margin-top: 70px; background-image: url('../img/map.jpg'); background-size: cover; background-position: center}
	section.map h1{font-size: 0; padding: 0; margin: 0; line-height: 0}
	
	section.contact{margin-top: 30px}
	section.contact .info{display: block; width: 100%; margin-top: 40px}
	section.contact .info h2{display: block; width: 100%; text-align: left; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: bold; line-height: 30px; color: #003471}
	section.contact .info span{display: block; width: 100%; text-align: left; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 15px; color: #252525; margin-top: 10px}
	section.contact .info span > a{font-family: 'Lato', sans-serif; font-size: 14px; color: #252525}
	section.contact .info span > a:hover{text-decoration: underline}
	section.contact .info a.go-visit{margin-top: 15px; display: inline-block; width: 100%; max-width: 170px; height: 40px; line-height: 40px; text-align: center; font-family: 'Oswald', sans-serif; font-size: 12px; color: #ebebeb; background: #252525; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	section.contact .info a.go-visit:hover{background: #000}
	
	section.contact .form-container{display: block; margin-top: 40px}
	section.contact .form-container h1{font-family: 'Oswald', sans-serif; font-size: 27px; line-height: 30px; color: #111; text-align: left; display: block; width: 100%}
	section.contact .form-container .input-group, section.contact .form-container .checkbox-control{width: 100%; display: block; margin-top: 30px; float: left}
	section.contact form{display: block; width: 100%}
	section.contact form label{display: block; width: 100%; text-align: left; font-family: 'Lato', sans-serif; font-size: 12px; line-height: 15px; color: #111; margin-bottom: 5px}
	section.contact form label span.required{color: #ed1c24}
	
	section.contact form input{border: 1px solid #ccc; background: #ebebeb; display: block; width: 100%; height: 50px; margin: 0; padding: 0 20px; font-family: 'Lato', sans-serif; font-size: 14px; color: #363636; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
	section.contact form textarea{border: 1px solid #ccc; background: #ebebeb; display: block; width: 100%; height: 150px; margin: 0; padding: 20px; font-family: 'Lato', sans-serif; font-size: 14px; color: #363636; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
	
	section.contact .form-container .checkbox-control > input{width: 20px; height: 20px; display: inline-block; float: left}
	section.contact .form-container .checkbox-control > label{width: auto; margin: 0; margin-left: 15px; line-height: 20px; display: inline-block; float: left; font-family: 'Lato', sans-serif; font-size: 12px}
	
	section.contact form input[type="submit"]{display: inline-block; max-width: 240px; margin-top: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0; background: #0076a3; font-family: 'Oswald', sans-serif; font-size: 17px; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	section.contact form input[type="submit"]:hover{background: #016084}
	
	section.contact form input.error, section.contact form textarea.error{border-color: #ed1c24}
	section.contact form label.error{color: #fff; font-size: 10px; line-height: 15px; display: block; padding: 0 10px; background: #ed1c24; margin-bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	
	/* News Page */
	section.news{width: 100%; display: block; margin-top: 210px}
	.news h1, .news h1 a{display: block; width: 100%; line-height: 30px; text-align: justify; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 30px; color: #363636; margin-bottom: 30px}
	.news span.day{display: block; width: 100%; line-height: 20px; text-align: left; font-family: 'Lato', sans-serif; font-size: 14px; color: #707070}
	.news img{float: left; width: 100%; display: block; height: auto; background: #eee; margin-top: 10px; margin-bottom: 15px}
	.news .content{float: left; width: 100%; text-align: justify; display: block; font-family: 'Lato', sans-serif; font-size: 15px; color: #252525; margin-top: 15px}
	.news .content p{display: block; text-align: justify; margin-top: 15px; font-family: 'Lato', sans-serif; font-size: 15px; color: #252525}
	.news .content p:first-child{margin-top: 0}
	section.news .comment{display: block; width: 100%; margin-top: 40px; float: left}
	
	/* News List Page */
	section.news-list{float: left; width: 100%; display: block}
	section.news-list .news{margin-top: 70px; float: left; text-align: right; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.news-list .news h2, section.news-list .news h2 a{display: block; width: 100%; line-height: 30px; text-align: left; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 27px; color: #363636; margin-bottom: 30px}
	section.news-list .news a.read-more{outline: 0; display: inline-block; margin-top: 40px; width: 100%; max-width: 250px; height: 40px; line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #00aeef; font-family: 'Oswald', sans-serif; font-size: 14px; color: #fff; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	section.news-list .news a.read-more:hover{background: #0096cf}
	section.news-list .paginate-control{display: block; width: 100%; float: left; text-align: center}
	section.news-list .paginate-control > a{outline: 0; display: inline-block; max-width: 170px; width: calc(50% - 20px); line-height: 50px; height: 50px; margin-top: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #ebebeb; font-family: 'Oswald', sans-serif; font-size: 14px; color: #252525; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	section.news-list .paginate-control > a:nth-child(2){margin-left: 30px}
	section.news-list .paginate-control > a:hover{background: #d0d0d0}
	
	section.news-list h1{display: block; width: 100%; line-height: 25px; text-align: center; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 30px; color: #252525; margin-bottom: 40px; font-weight: normal; margin-top: 210px}
	section.news-list h1 > span.keyword{}
	
	/* About Page */
	section.page-slider{width: 100%; display: block; margin-top: 70px}
	
	section.page-title{width: 100%; display: block; padding: 30px 20px; background: #02a1dd; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.page-title h1{text-align: center; font-family: 'Oswald', sans-serif; color: #fff; font-size: 35px; line-height: 35px; display: block; margin-bottom: 15px}
	section.page-title span.tag{text-align: center; font-family: 'Lato', sans-serif; font-size: 15px; line-height: 20px; color: #fff; display: block}
	
	section.about{width: 100%; display: block}
	
	section.about .content-wrapper article{display: block; float: left; width: 100%; padding: 70px 0; border-top: 1px solid #ebebeb; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.about .content-wrapper article:first-child{padding-top: 0; border-top: 0}
	section.about .content-wrapper article:last-child{padding-bottom: 0}
	section.about .content-wrapper article h2{font-family: 'Oswald', sans-serif; font-size: 40px; line-height: 40px; color: #111; text-align: center; display: block; width: 100%; margin-bottom: 40px}
	section.about .content-wrapper article .list-wrapper{position: relative; width: 100%; display: block}
	section.about .content-wrapper article .list-wrapper .list-group{position: relative; width: 100%; display: block; float: left}
	
	section.about .content-wrapper article.about .content{display: block; width:100%; float: left; margin-top: 30px; font-family: 'Lato', sans-serif; font-size: 14px; color: #111}
	section.about .content-wrapper article.about .content p{display: block; text-align: justify; margin-top: 15px; ; font-family: 'Lato', sans-serif; font-size: 14px; color: #111}
	section.about .content-wrapper article.about .content p:first-child{margin-top: 0}
	
	section.about .content-wrapper article.reason .list-wrapper .list-group .list-item{position: relative; margin-top: 30px; display: inline-block; float: left; width: 33.3%; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.about .content-wrapper article.reason .list-wrapper .list-group .list-item img{width: 100%; height: auto; display: block; margin-bottom: 30px}
	section.about .content-wrapper article.reason .list-wrapper .list-group .list-item h3, section.about .content-wrapper article.reason .list-wrapper .list-group .list-item h3 a{width: 100%; display: block; text-align: center; font-family: 'Lato', sans-serif; font-size: 15px; color: #111; line-height: 20px}
	
	
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item{position: relative; margin-top: 30px; display: inline-block; float: left; width: 33.3%; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item h3{float: left; display: block; width: 100%; line-height: 0; font-size: 0; text-align: center; margin: 0; padding: 0;  margin-bottom: 25px; background-size: cover; background-position: center}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item .content{position: relative; display: block; width:100%; float: left; font-family: 'Lato', sans-serif; font-size: 14px; color: #252525; text-align: justify; padding-left: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item .content p{display: block; text-align: justify; margin-top: 15px; ; font-family: 'Lato', sans-serif; font-size: 14px; color: #252525}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item .content p:first-child{margin-top: 0}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item .content:before{height: 30px; line-height: 30px; width: 30px; display: block; position: absolute; top: -10px; left: 0; font-family: "balindo"; font-size: 18px; color: #898989; content: '\e602'; text-align: left}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item .content a span.read{font-family: 'Lato', sans-serif; font-size: 12px; color: #004a80; text-decoration: underline}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item .content a span.read.less{color: #0076a3}
	section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item span.author{display: block; width:100%; float: left; font-family: 'Lobster', sans-serif; font-size: 17px; text-align: right; color: #003471; padding-left: 40px; margin-top: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	
	section.about .content-wrapper article.download ul{float: left; display: block; width: 100%; padding: 0; margin: 0; margin-top: 30px; list-style: none}
	section.about .content-wrapper article.download ul li{position: relative; display: block; width: 100%; font-family: 'Lato', sans-serif; font-size: 14px; color: #111; line-height: 30px; padding-left: 15px; padding-right: 70px; padding-top: 15px; padding-bottom: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #d7d7d7}
	section.about .content-wrapper article.download ul li:first-child{border-top: 1px solid #d7d7d7}
	section.about .content-wrapper article.download ul li a{position: absolute; display: block; width: 40px; height: 40px; top: 10px; right: 15px}
	section.about .content-wrapper article.download ul li a:before{display: block; width: 40px; height: 40px; background: #00aeef; color: #fff; font-family: 'balindo'; font-size: 24px; line-height: 40px; text-align: center; content: '\76'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	section.about .content-wrapper article.download ul li a:hover:before{background: #0096cf}
	
	/* Academic Page */
	section.academic{width: 100%; display: block; margin-top: 70px}
	
	section.academic article{display: block; float: left; width: 100%; padding: 70px 0; border-top: 1px solid #ebebeb; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.academic article:first-child{padding-top: 0; border-top: 0}
	section.academic article:last-child{padding-bottom: 0}
	section.academic article h2{font-family: 'Oswald', sans-serif; font-size: 40px; line-height: 40px; color: #111; text-align: center; display: block; width: 100%; margin-bottom: 40px}
	section.academic article .list-wrapper{position: relative; width: 100%; display: block}
	section.academic article .list-wrapper .list-group{position: relative; width: 100%; display: block; float: left}
	
	section.academic article.instructor .list-wrapper .list-group .list-item{position: relative; margin-top: 30px}
	section.academic article.instructor .list-wrapper .list-group .list-item img{float: left; width: 100%; display: block; height: auto; background: #eee; margin-bottom: 20px}
	section.academic article.instructor .list-wrapper .list-group .list-item h3{display: block; width: 100%; line-height: 20px; text-align: center; margin: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 14px; color: #111; margin-bottom: 5px}
	section.academic article.instructor .list-wrapper .list-group .list-item span.program{display: block; width: 100%; line-height: 15px; text-align: center; font-family: 'Oswald', sans-serif; font-size: 12px; color: #898989; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	section.academic article.instructor .list-wrapper .list-group .list-item:hover span.program{color: #00aeef}
	
	section.academic article.program h2{margin-bottom: 20px}
	section.academic article.program .item{position: relative; margin-top: 50px}
	section.academic article.program .item img{width: 100%; display: block; height: auto}
	section.academic article.program .item h3{float: left; display: block; width: 100%; font-family: 'Oswald', sans-serif; line-height: 25px; font-size: 25px; text-align: left; margin: 0; padding: 0;  margin-bottom: 20px; background-size: cover; background-position: center}
	section.academic article.program .item .content{display: block; width:100%; float: left; font-family: 'Lato', sans-serif; font-size: 14px; color: #111}
	section.academic article.program .item .content p{display: block; text-align: justify; margin-top: 15px; ; font-family: 'Lato', sans-serif; font-size: 14px; color: #111}
	section.academic article.program .item .content p:first-child{margin-top: 0}
	section.academic article.program .item .content a span.read{background: red; display: inline-block; line-height: 30px; font-family: 'Lato', sans-serif; font-size: 12px; color: #fff; padding: 0 20px; margin-top: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #0076a3}
	section.academic article.program .item .content a span.read.less{background: #3c98bb}
	section.academic article.program .item .content a.more-link, section.academic article.program .item .content a.less-link{display: block; text-align: left}
	
	/* Amenities Page */
	section.amenities{margin-top: 70px}
	section.amenities .item-group{display: table; width: 100%}
	section.amenities .item-group .item{display: table-cell; width: 33.3%; background: #fff}
	section.amenities .item-group:nth-child(even) .item:nth-child(odd), section.amenities .item-group:nth-child(odd) .item:nth-child(even){background: #ebebeb}
	section.amenities .item-group .item img{width: 100%; height: auto; display: block}
	section.amenities .item-group .item .text{width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px; text-align: center}
	section.amenities .item-group .item .text h2{display: block; font-family: 'Lato', sans-serif; font-size: 14px; color: #111; font-weight: 600; line-height: 20px}
	
	/* Gallery Page */
	section.gallery{width: 100%; display: block; min-height: 300px}
	section.gallery .item-group{margin-top: 70px}
	section.gallery .item-group h2{text-align: center; display: block; font-size: 24px; line-height: 25px; margin-bottom: 50px; font-family: 'Oswald', sans-serif; color: #111}
	
	section.gallery .item-group .ngg-galleryoverview{margin-top: 0}
	section.gallery .item-group .ngg-galleryoverview .ngg-gallery-thumbnail-box{margin: 0; width: 33.3%}
	section.gallery .item-group .ngg-galleryoverview .ngg-gallery-thumbnail{position: relative; margin: 0; width: 100%}
	section.gallery .item-group .ngg-galleryoverview .ngg-gallery-thumbnail a{position: relative; display: block}
	section.gallery .item-group .ngg-galleryoverview .ngg-gallery-thumbnail img{position: relative; background: #0076a3; margin: 0; padding: 0; border: 0; width: 100%; height: auto}
	section.gallery .item-group .ngg-galleryoverview .ngg-gallery-thumbnail a:before{content: ""; z-index: 77; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; display: block; background-image: url('../img/dark50.png'); background-repeat: repeat -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	section.gallery .item-group .ngg-galleryoverview .ngg-gallery-thumbnail a:hover:before{opacity: 0; filter: alpha(opacity=0)}
	
	/* 404 */
	section.error404{width: 100%; display: block; padding-top: 210px}
	section.error404 h1{display: block; width: 100%; line-height: 210px; text-align: center; margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-size: 210px; color: #003471; font-weight: 800}
	section.error404 p{display: block; text-align: center; margin-top: 20px; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 15px; color: #111; min-height: 80px}

/* ==========================================================================
   1200px - 12 columns - 30px gutter 
   ========================================================================== */

   @media (min-width: 1200px) { 

   /* Container */ 
   .container-12 { width: 1200px; margin: 0 auto; } 

   /* Global */ 
   [class*="grid-"] { float: left; display: inline; margin-left: 15px; margin-right: 15px; } 
   .group:before, .group:after { content: ""; display: table; line-height: 0; } 
   .group:after { clear: both; } 

   /* Nested elements */ 
   .alpha { margin-left: 0px; } 
   .omega { margin-right: 0px; } 

   /* Grids */ 
   .container-12 .grid-1 {  width: 70px; }
   .container-12 .grid-2 {  width: 170px; }
   .container-12 .grid-3 {  width: 270px; }
   .container-12 .grid-4 {  width: 370px; }
   .container-12 .grid-5 {  width: 470px; }
   .container-12 .grid-6 {  width: 570px; }
   .container-12 .grid-7 {  width: 670px; }
   .container-12 .grid-8 {  width: 770px; }
   .container-12 .grid-9 {  width: 870px; }
   .container-12 .grid-10 {  width: 970px; }
   .container-12 .grid-11 {  width: 1070px; }
   .container-12 .grid-12 {  width: 1170px; }

   /* Offset Extra Space */ 
   .container-12 .offset-1 { padding-left: 100px; }
   .container-12 .offset-2 { padding-left: 200px; }
   .container-12 .offset-3 { padding-left: 300px; }
   .container-12 .offset-4 { padding-left: 400px; }
   .container-12 .offset-5 { padding-left: 500px; }
   .container-12 .offset-6 { padding-left: 600px; }
   .container-12 .offset-7 { padding-left: 700px; }
   .container-12 .offset-8 { padding-left: 800px; }
   .container-12 .offset-9 { padding-left: 900px; }
   .container-12 .offset-10 { padding-left: 1000px; }
   .container-12 .offset-11 { padding-left: 1100px; }
   
   section.about .menu-wrapper.fix .menu{width: 270px}

   }

/* ==========================================================================
   1008px - 12 columns - 20px gutter 
   ========================================================================== */

   @media (min-width: 1008px) and (max-width: 1199px) { 

   /* Container */ 
   .container-12 { width: 1008px; margin: 0 auto; } 

   /* Global */ 
   [class*="grid-"] { float: left; display: inline; margin-left: 10px; margin-right: 10px; } 
   .group:before, .group:after { content: ""; display: table; line-height: 0; } 
   .group:after { clear: both; } 

   /* Nested elements */ 
   .alpha { margin-left: 0px; } 
   .omega { margin-right: 0px; } 

   /* Grids */ 
   .container-12 .grid-1 {  width: 64px; }
   .container-12 .grid-2 {  width: 148px; }
   .container-12 .grid-3 {  width: 232px; }
   .container-12 .grid-4 {  width: 316px; }
   .container-12 .grid-5 {  width: 400px; }
   .container-12 .grid-6 {  width: 484px; }
   .container-12 .grid-7 {  width: 568px; }
   .container-12 .grid-8 {  width: 652px; }
   .container-12 .grid-9 {  width: 736px; }
   .container-12 .grid-10 {  width: 820px; }
   .container-12 .grid-11 {  width: 904px; }
   .container-12 .grid-12 {  width: 988px; }

   /* Offset Extra Space */ 
   .container-12 .offset-1 { padding-left: 84px; }
   .container-12 .offset-2 { padding-left: 168px; }
   .container-12 .offset-3 { padding-left: 252px; }
   .container-12 .offset-4 { padding-left: 336px; }
   .container-12 .offset-5 { padding-left: 420px; }
   .container-12 .offset-6 { padding-left: 504px; }
   .container-12 .offset-7 { padding-left: 588px; }
   .container-12 .offset-8 { padding-left: 672px; }
   .container-12 .offset-9 { padding-left: 756px; }
   .container-12 .offset-10 { padding-left: 840px; }
   .container-12 .offset-11 { padding-left: 924px; }
   
   section.about .menu-wrapper.fix .menu{width: 232px}

   }

/* ==========================================================================
   768px - 12 columns - 20px gutter 
   ========================================================================== */

   @media (min-width: 768px) and (max-width: 959px) { 

   /* Container */ 
   .container-12 { width: 768px; margin: 0 auto; } 

   /* Global */ 
   [class*="grid-"] { float: left; display: inline; margin-left: 10px; margin-right: 10px; } 
   .group:before, .group:after { content: ""; display: table; line-height: 0; } 
   .group:after { clear: both; } 

   /* Nested elements */ 
   .alpha { margin-left: 0px; } 
   .omega { margin-right: 0px; } 

   /* Grids */ 
   .container-12 .grid-1 {  width: 44px; }
   .container-12 .grid-2 {  width: 108px; }
   .container-12 .grid-3 {  width: 172px; }
   .container-12 .grid-4 {  width: 236px; }
   .container-12 .grid-5 {  width: 300px; }
   .container-12 .grid-6 {  width: 364px; }
   .container-12 .grid-7 {  width: 428px; }
   .container-12 .grid-8 {  width: 492px; }
   .container-12 .grid-9 {  width: 556px; }
   .container-12 .grid-10 {  width: 620px; }
   .container-12 .grid-11 {  width: 684px; }
   .container-12 .grid-12 {  width: 748px; }

   /* Offset Extra Space */ 
   .container-12 .offset-1 { padding-left: 64px; }
   .container-12 .offset-2 { padding-left: 128px; }
   .container-12 .offset-3 { padding-left: 192px; }
   .container-12 .offset-4 { padding-left: 256px; }
   .container-12 .offset-5 { padding-left: 320px; }
   .container-12 .offset-6 { padding-left: 384px; }
   .container-12 .offset-7 { padding-left: 448px; }
   .container-12 .offset-8 { padding-left: 512px; }
   .container-12 .offset-9 { padding-left: 576px; }
   .container-12 .offset-10 { padding-left: 640px; }
   .container-12 .offset-11 { padding-left: 704px; }
   
   section.about .menu-wrapper.fix .menu{width: 172px}

   }

/* ==========================================================================
   Mobile 
   ========================================================================== */

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

   body {overflow-x: hidden}

   /* Container */
   .container-12 { width: auto; padding: 0 20px}

   /* Global */
   [class*="grid-"] { display: block; margin-left: 0px; margin-right: 0px; }

   /* Nested Elements */
   .alpha { margin-left: 0px; }
   .omega { margin-right: 0px; }

   /* Grids */
   .container-12 .grid-1,
   .container-12 .grid-2,
   .container-12 .grid-3,
   .container-12 .grid-4,
   .container-12 .grid-5,
   .container-12 .grid-6,
   .container-12 .grid-7,
   .container-12 .grid-8,
   .container-12 .grid-9,
   .container-12 .grid-10,
   .container-12 .grid-11,
   .container-12 .grid-12 { width: 100%; }

   /* Offset Extra Space */
   .container-12 .offset-1, 
   .container-12 .offset-2, 
   .container-12 .offset-3, 
   .container-12 .offset-4, 
   .container-12 .offset-5, 
   .container-12 .offset-6, 
   .container-12 .offset-7, 
   .container-12 .offset-8, 
   .container-12 .offset-9, 
   .container-12 .offset-10, 
   .container-12 .offset-11 { padding-left: 0; }
   
	.home header{background: none; height: 70px}
	
	.home header .logo img{width: 100px; height: 100px}
	.home header nav > ul{width: 100%; display: block; float: left}
	.home header nav > ul.left, .home header nav > ul.right{padding: 0}
	.home header nav > ul  > li{width: 100%; display: block; padding: 0 20px; height: 70px; line-height: 70px}
	.home header nav > ul  > li > a{line-height: 70px}
	.home header nav > ul  > li.search > form{margin-top: 20px}
   
	header .logo img{width: 100px; height: 100px}
	header nav{position: fixed; width: auto; right: 100%; top: 0; bottom: 0; display: block; background: #0054a6; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 9999}
	header nav > ul{width: 100%; display: block}
	header nav > ul.left, header nav > ul.right{padding: 0}
	header nav > ul  > li{width: 100%; display: block; padding: 0 20px}
	header nav > ul  > li.search{margin-top: 10%}
	header nav > ul  > li:before{width: 0; height: auto; bottom: 0; background: #004a80; z-index: 0}
	header nav > ul  > li:hover:before, header nav > ul  > li:hover:after{display: none}
	header nav > ul  > li > a{position: relative; z-index: 1; display: block; line-height: 70px}
	
	header nav:before{content: " "; position: fixed; display: none; top: 0; left: 0; bottom: 0; right: 0; background-image: url('../img/dark70.png'); background-repeat: repeat; z-index: -1}
	header nav:after{content: " "; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; background: #0054a6; z-index: -1}
	
	header nav > a.nav-control{display: block}
	
	header nav.active{right: 70px}
	header nav.active > a.nav-control{background: #0054a6}
	header nav.active:before{display: block}
	
	footer .copy > span{display: none}
	footer .social{width: 50px; padding-left: 50px; position: absolute; right: 20px; background: #002157; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s}
	footer .social.open{width: auto; left: 20px}
	footer .social a.control{display: block}
	
	/* Contact Page */
	section.contact .info{text-align: center}
	section.contact .info h2{text-align: center}
	section.contact .info span{text-align: center}
	
	section.contact .form-container{display: block; margin-top: 70px; text-align: center}
	section.contact .form-container h1{text-align: center}
	section.contact .form-container form{text-align: center}
	
	/* News Page */
	section.news{margin-top: 140px}
	.news h1, .news h1 a{text-align: center}
	.news .content p, .news .content{text-align: justify}
	
	/* News List Page */
	section.news-list h1{font-size: 25px; margin-top: 140px}
	section.news-list .news{padding: 0; text-align: center}
	section.news-list .news h2, section.news-list .news h2 a{text-align: center}
	
	/* About Page */
	section.page-title{padding: 25px 15px}
	section.page-title h1{font-size: 30px; line-height: 30px}
	section.page-title span.tag{font-size: 12px; line-height: 15px}
	
	section.about .content-wrapper article h2{font-size: 35px}	
	section.about .content-wrapper article.reason .list-wrapper .list-group .list-item, section.about .content-wrapper article.testimony .list-wrapper .list-group .list-item{display: block; width: 100%; padding: 0}
	
	/* Academic Page */
	section.academic article h2{font-size: 35px}
	section.academic article.instructor .list-wrapper .list-group .list-item{width: 50%; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
	section.academic article.instructor .list-wrapper .list-group .list-item:nth-child(even){padding-left: 10px; padding-right: 0}
	section.academic article.program .item h3{margin-top: 40px; text-align: center}
	section.academic article.program .item .content a.more-link, section.academic article.program .item .content a.less-link{text-align: center}
	
	/* Amenities Page */
	section.amenities .item-group{display: block}
	section.amenities .item-group .item{display: block; width: 100%; margin-top: 20px; background: #ebebeb}
	section.amenities .item-group:first-child .item:first-child{margin-top: 0}
	
	/* 404 */
	section.error404{padding-top: 140px}
	section.error404 h1{font-size: 140px; line-height: 140px}
	
   }
   
   /* Version 2.0 2022 */
   .main-cta{
        padding: 10px 30px !important;
        line-height: 20px !important;
        color: #002157 !important;
        font-weight: 600;
        background: white !important;
        width: auto !important;
        display: inline-block !important;
        min-width: 140px !important;
        border-radius: 8px !important;
        font-size: 17px !important;
   }
   .main-cta:hover{
       background-color: #dedede !important;
   }
   .home .main-cta{
       line-height: 20px !important;
       margin-top: 30px !important;
   }
   
   @media only screen and (max-width: 767px){
       .home .main-cta{
           line-height: 20px !important;
           margin-top: 0px !important;
       }
       
       /*.home header nav > ul > li.search{
           display: none;
       }*/
   }