@charset "utf-8";
/* CSS Document */
@import url(jquery.bxslider.css);
@import url(slicknav.css);
@import url(bootstrap.css);
@import url(colorbox.css);
html,body {
	margin:0;
	padding:0;
	font-family: 'gotham_bookregular';
	color:#fff;
	font-size:12px;
	background:#0096ff;
}

ol, ul {
	margin:0;
	padding:0;
	list-style:none;
}

a {
	text-decoration:none;
	color:#0a68a5;
}

a:hover {
	color:#333;
	text-decoration:none;
}

.l {
	float:left;
}

.r {
	float:right;
}

.content p.tagline{
	color:#ffde00;
	font-size:18px;
	font-weight:bolder;
	line-height:26px;
}

/*----------------------------------------------HEADER----------------------------------------------*/

header, nav,.logo-section,.slider {
	width:100%;
}

header nav {
	height:100px;
	background:#fff;
	margin:8px 0 0;
}

.slicknav_menu {
	display:none;
}

.wrapper {
	max-width:990px;
	width:100%;
	clear:both;
	margin:0 auto;
}

.clearer {
	width:100%;
	float:left;
	margin:20px 0;
}

nav ul li {
	float:left;
	position:relative;
	margin:0 2px;
}

nav ul li a {
	display:block;
	padding:42px 15px 10px;
	border-radius:0 0 10px 10px;
	font-size:15px;
}

nav ul li a:hover,nav .active {
	background:#0096ff;
	color:#fff;
}

nav .active {
	background:#0a68a5;
}

.logo-section {
	background:url(../images/bg-logo.png)no-repeat center;
	max-height:220px;
	padding:20px 0;
	max-width:950px;
}

.logo-section .bi-or {
	margin-top:15px;
	text-align:right;
}

.logo-section .bi-or p {
	color:#000;
	margin-top:10px;
	line-height:20px;
}

#oursponsor {
	background:#fff;
}

.media .media-heading{
	color:#ffde00;
	font-size:20px;
	/* text-shadow: 2px 2px 4px #03459e; */
}

.media p b{
	color:#ffde00;
	/* text-shadow: 2px 2px 2px #03459e; */
}

.more{
	color:#eadd07;
}

.media .media-body img{
	margin-right:15px;
}

.more:hover{
	color:#fff;
}

.thumbnail {
	border:0;
	background:none;
}

/*----------------------------------------------CONTENT----------------------------------------------*/

content,section{
	float:left;
	width:100%;
}

.title-section{
	color:#fff;
	position:relative;
}

.title-section:after{
	content:"";
	width:100%;
	display:block;
	border-bottom:solid thin #fff;
	position:absolute;
	top:50%;
	left:0;
}


.title-section h3{
	margin:40px 0;
}

.title-section h3 span{
	background:#0096ff;
	border:solid thin #fff;
	color: #fff;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    z-index: 2;
}

footer {
	width:100%;
	position:relative;
}

#container2 {
	background:#fff;
}

.content .banner-gallery,.content .banner-gallery img {
	width:100%;
}

.media{
	padding-bottom:15px;
	border-bottom:dotted thin #fff;
	margin-bottom:20px;
}

.col-md-12:last-child .media{
	border:0;
}

.media-heading{
	font-weight:700;
}

.rows4,.rows75 {
	max-width:150px;
	width:100%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 20px;
}

.rows4 img {
	max-width:100%;
}

.rows75 {
	max-width:814px;
}

.rows75 h4 {
	font-weight:bold;
	margin-bottom: 5px;
}

.rows4:first-child {
	margin:0;
}

.bg-gal {
	/* background:url(../images/bior_gallery_bg.jpg)no-repeat bottom left;
	background-size:100% auto;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover; */
}

.faculty img {
	border-radius:20px;
}

#agaleri {
	color:#0096ff;
}

.content h2,.content h3 {
	color:#0096ff;
	
	
}

.content p {
	line-height:22px;
	font-size:14px;
	font-weight:normal;
}

.content h2.banner-title {
	position:absolute;
	right:10px;
	top: -10px;
  	line-height: 79px;
	width:132px;
	height:79px;
	margin:0;
	text-align:center;
	background:url(../images/banner-about.png)no-repeat;
}

.content,.content .gallery,.content .bigimage {
	width:100%;
	/*max-width:990px;*/
}

#about-us {
	background:#fff;
}

#about-us .main-title-category .line {
	border-bottom: solid 1px #0096ff;
}

#about-us .desc p {
	color:#000;
	margin:10px 0;
	-webkit-column-count: auto;
	-moz-column-count: auto;
	-o-column-count: auto;
	column-count: auto;
}

.content .gallery h3 {
	color:#fff;
}

.content .bigimage img {
	width:100%;
}

.content .desc {
	width:100%;
	margin:0 0 20px;
}

.content .desc p {
	margin:0;
	padding:0;
	line-height:22px;
	font-size:14px;
	-webkit-column-count:3;
}

.content .gallery h2,.content .gallery p {
	color:#fff;
	text-align:center;
}

.content .gallery p {
	line-height:24px;
}

.content .rows,footer .rows {
	max-width:265px;
	width:100%;
	/*border-radius:20px;*/
	margin:0 38px 20px 0;
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
}

.content .speaker {
	max-width:230px;
	width:100%;
	margin:0 15px 0 0;
}

.content .speaker h4 a {
	font-weight:bold;
}

.content .speaker p,p.zz {
	font-style: normal;
	/*color:#0b4192;*/
	/*color:#da4706;*/
	color:#fff;
}

.content .speaker img {
	max-width:100%;
	width:auto;
}

.content .speaker:last-child {
	margin:0;
}

section.logos{
	background:#fff;
}

section.logos .title-section h3 span{
	font-size:18px;
}

section.logos .title-section h3{
	margin:20px 0;
}

section.logos .thumbnail{
	margin:0;
}

section.logos .title-section:after{
	border-bottom: solid thin #0096ff;
}

.middle {
	display: table;
    height: 100%;
    width: 100%;
}

.middle-frame{
	display: table-cell;
    vertical-align: middle;
}

.inner{
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media screen and (min-width:230px){
	.gallery-home .col-md-3{
		display:inline-block;
		float:none;
	}
}

@media screen and (min-width:992px){
	.col-md-3{
		width:24.5%;
	}
}

.thumbnail .caption a{
	color:#fff;
}

.thumbnail .caption a:hover{
	color:#eadd07;
}

.content .gallery-home img{
	/* border-radius:20px;
	height:200px; */
}

.content #galhum {
	max-width:300px;
}

.content .gallery-home:nth-child(3n+3){
	margin:0;
}

.content .gallery-home a.galleroz {
	color:#0096ff;
}

.content .gallery-home a.galleroz:hover {
	text-decoration:underline;
}

.content #photo-gallery {
	max-width:314px;
	margin-right:15px;
}

.content #photo-gallery img {
	border-radius:20px;
}

.content #photo-gallery:nth-child(3n+3) {
	margin:0;
}

.content .rows a {
	font-size:16px;
	color:#fff;
	display:block;
	margin-top:15px;
}

.content .rows a:hover {
	color:#f0e51e;
	/*color:#0b4192;*/
	/*color:#da4706;*/
}

.content .rows img {
	max-width:100%;
}

.content #about {
	max-width:230px;
	border-radius:0;
	margin:0 20px 0 0
}

.content #about:last-child {
	margin:0;
}

.content #sponsor,.content #gallery{
	max-width:990px;
	margin:0 20px 20px 0;
	padding:10px;
	border-radius:0;
}

.content #sponsor {
	border-bottom: dotted thin #ccc;
	padding-bottom:20px;
}

.content #sponsor p {
	color:#000;
	line-height:20px;
	font-size:14px;
}

.content #gallery{
	max-width:294px;
}

.content #sponsor img {
	max-width:200px;
	width:100%;
	float:left;
	margin-right:20px;
}

.content #sponsor p {
	float:left;
	max-width:745px;
	width:100%;
}

/*.content #sponsor p,*/.content #gallery p {
	color:#333;
	line-height:20px;
}

.content #sponsor:nth-child(3n+3),.content #gallery:nth-child(3n+3){
	margin:0 0 20px;
}

#container {
	margin-bottom:160px;
}

.content .form1,.content .form2,.content .form3 {
	max-width:990px;
	width:100%;
	display:inline-block;
	margin-right:20px;
	vertical-align:top;
}

.content .form1 img.captcha {
	margin-top:26px;
	width:110px;
}

.content .form2 {
	width:48.5%;
}

.content div.form2:nth-child(-2n+5),.content div:nth-child(2n+6),.content div:nth-child(13) {
	margin-right:0;
}

.content .form3 {
	width:15%;
}

.content input[type="text"],.content textarea,.content select{
	max-width:990px;
	width:95%;
	padding:10px;
	border:solid thin #ccc;
	border-radius:5px;
	opacity:0.7;
	color:#333;
}

.content .form1 input[type="text"]{
	width:97%;
}

.content textarea{
	width:100%;
	max-width:962px;
	min-height:100px;
}

.content select {
	width:95%;
}

.content label{
	margin:20px 0 10px;
	display:block;
	font-size:14px;
}

.content label.radio {
	margin:10px;
	display:inline-block;
	width:100%;
	max-width:420px;
	vertical-align:middle;
}

.content input[type="radio"],.content input[type="checkbox"] {
	padding: 5px;
  	/*width: 22px;
 	height: 22px;*/
  	display: inline-block;
	vertical-align:middle;
}

.content input[type="submit"],.content input[type="reset"] {
	border:0;
	background:#0a68a5;
	padding:10px;
	border-radius:5px;
	cursor:pointer;
	margin-top:20px;
}

.content input[type="submit"]:hover,.content input[type="reset"]:hover {
	background:#074f7d;
}

.content .login {
	border:solid thin #fff;
	border-radius:8px;
	padding:10px;
	text-align:left;
}

.content table {
	color:#333;
	background:#fff;
}

.content div#contactform {
	margin:0;
}

.content div#contactform:nth-child(2){
	margin-left:20px;
}

.content .main-title-category {
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	margin-bottom:40px;
}

.content .main-title-category .line {
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	border-bottom:solid 1px #fff;
	top:20px;
}

#lain {
	border-bottom:solid 1px #0096ff;;
}

p.tagline {
	font-size:14px;
	line-height:20px;
}

.content h3.photo {
	color: #fff;
  	background: #0096ff;
  	position: relative;
  	z-index: 1;
  	padding: 5px 20px;
  	border: solid thin #fff;
	margin:0;
	line-height:30px;
	border-radius:7px;
}

.content h3.photo:nth-child(2) {
	margin:0 180px;
}

.radius img {
	border-radius:15px;
}

.retinaws {
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

.retinaws .image-section {
	max-width:110px;
	width:100%;
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}

.retinaws .image-section img {
	max-width:100%;
}

.retinaws .desc {
	max-width:660px;
	width:100%;
	display:inline-block;
	vertical-align:top;
}

.retinaws .desc p {
	column-count:inherit;
	-webkit-column-count:inherit;
	-moz-column-count:inherit;
	text-align:left;
} 

/*----------------------------------------------FOOTER----------------------------------------------*/	
footer {
	background:#fff;
}

footer h3 {
	color:#0096ff;
}

footer .rows {
	max-width:248px;
	border-radius:0;
	vertical-align: top;
	margin:0;
	text-align:center;
}

footer .rows:nth-child(2){
	max-width:365px;
	margin-right:34px;
	float:right;
}

footer .rows:nth-child(3){
	max-width:400px;
	margin-right:0;
}

footer .rows img {
	max-width:100%;
}

footer .rows a.sosmed {
	display:inline-block;
	width:40px;
	height:30px;
	background:#0096ff;
	border-radius:30px;
	text-align:center;
	color:#fff;
	padding:10px 0 0;
	font-size:22px
}

footer .rows a.sosmed:hover {
	background:#ea282e;
}

footer .rows p {
	font-size:11px;
	color:#666;
}

footer .rows span {
	float: left;
  	font-size: 22px;
}

footer .foot {
	width:100%;
	height:60px;
	line-height:30px;
	background:#009dff;
	text-align:center;
	font-size:12px;
	color:#fff;
}

footer .foot p{
	line-height:60px;
}

.mobile-space {
	padding:0;
	margin:0;
}

.content h2.signin {
	text-align:left;
	margin: 0 auto;
	clear: both;
	max-width: 524px;
	width:100%
}

footer .foot p {
	margin:0;
}

.slider ul li img {
	width:100%;
}

#mobile {
	display:none;
}

#dekstop{
	display:block;
}

@media screen and (max-width:768px){
#dekstop{
	display:none;
}
nav {
	display:none;
}

.slicknav_menu {
	display:block;
}

.wrapper {
	max-width:768px;
}

.logo-section {
	max-width:728px;
}

.content .rows {
	margin:10px;
}

.center {
	text-align:center;
}

footer .rows {
	max-width:165px;
	text-align:left;
}

.content .desc {
	max-width:100%;
	padding:10px;
	width:auto;
}

.content #about:nth-child(n+1) {
	margin:0 10px 20px;
	max-width:346px; 
}

.content #sponsor:nth-child(n+1),.content #gallery:nth-child(n+1) {
	max-width:340px;
	margin:0 10px 20px;
}

.content .rows img {
	width:100%;
}

.content form{
	padding:10px;
}

.content textarea {
	max-width:706px;
}

.content .form2 {
	width:48%;
	max-width:768px;
}

.content .form2:nth-child(15){
	margin:0 0 0 20px;
}

.content label.radio {
	max-width:280px;
}

.mobile-space {
	padding:10px;
}

}

@media screen and (max-width:645px){
	
.wrapper {
	max-width:640px;
}

.logo-section {
	max-width:580px;
	padding:10px;
}

.logo-section .bi-or {
	max-width:50%;
}

.content #sponsor:nth-child(n+1),.content #gallery:nth-child(n+1) {
	max-width:260px;
	margin:0 10px 20px;
}

.content #about:nth-child(n+1) {
	max-width:278px;
	margin: 0 10px 20px;
}

.content input[type="text"], .content textarea, .content select{
	max-width:558px;
}

.content .form2 input[type="text"]{
	max-width:257px;
}

.content label.radio {
	max-width:220px;
}

footer .rows:nth-child(n+1) {
	max-width:275px;
	text-align:left;
	margin:10px;
}

footer .rows img {
	width:85%;
}
}

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

.wrapper {
	max-width:480px;
}

.logo-section {
	max-width:485px;
	padding:0;
	margin:10px 0;
}

.logo-section a {
	display:block;
	float:left;
}

.logo-section .bi-or {
	margin-top:0;
}

.logo-section img {
	max-width:90%;
}

.content .rows {
	max-width:320px;
}

#about p {
	text-align:justify;
}

.content .desc p {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	text-align:justify;	
}

.content #sponsor:nth-child(n+1), .content #gallery:nth-child(n+1){
	max-width:300px;
	margin:0 10px 10px;
	text-align:justify;
}

.content .form1,.content .form2,.content .form3 {
	width:93%;
}

.content label.radio {
	max-width:290px;
}

#mobile {
	display:block;
	margin:50px 0 20px;
}

}

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

.r {
	float:none;
}

.wrapper {
	max-width:320px;
}

.logo-section {
	max-width:320px;
	text-align:center;
}

.logo-section a {
	float:none;
}

.content .form1,.content .form2,.content .form3 {
	width:93%;
	margin:0;
}

.content label.radio {
	max-width:226px;
}

.content #sponsor:nth-child(n+1), .content #gallery:nth-child(n+1){
	max-width:280px;
	margin:0 10px 10px;	
}

.content .rows {
	max-width:300px;
	margin:0;
}

.logo-section .bi-or {
	max-width:320px;
	text-align:center;
	margin-top: 40px;
  	border-top: dotted thin #ccc;
  	border-bottom: dotted thin #ccc;
  	padding: 10px 0 0;
}

.logo-section .bi-or img {
	width:60%;
}

.logo-section {
	max-height:inherit;
	background:none;
}

.content .main-title-category {
	margin-bottom:10px;
}

}