body {font-family: 'Open Sans', sans-serif;background-color:#fff;}
.top-nav {background-color: #434343;}
.top-nav a {color: #fff;font-size: 12px;font-weight: 600;padding: 5px 10px;float: left;}
.top-nav-a {float: right;}
.top-nav a:hover {color: #000;text-decoration: none;background-color: #fff;}
.active {color: #000 !important;text-decoration: none !important;background-color: #fff !important;}
.association {background-color: #686868;}
.language {background-color: #9f9f9f;margin: 0;padding: 10px;}
.bottom-nav {padding: 15px 0;}
.right-nav {float: right;margin-top: 50px;}
.right-nav li a {color: #383838;font-size: 15px;padding: 0 20px;border-right: 1px solid #dedede;}
.right-nav li a:hover {text-decoration: none; background:none;}
.right-nav li:first-child a {padding-left: 0;}
.right-nav li:last-child a {padding-right: 0;border: none;}
.slider img {width: 100%;}
.category {background: url(../images/kategori-bg.jpg) -42px center;}
/*.invitation {background-color: #16A085;}
.the-scientific-program {background-color: #2980B9;}
.committee {background-color: #8E44AD;}
.general-information {background-color: #2c3e50;}
.record {background-color: #f39c12;}
.posters {background-color: #d35400;}
.sponsorship {background-color: #c0392b;}
.important-dates {background-color: #7f8c8d;}
.invitation:hover {background-color: #1ABC9C;}
.the-scientific-program:hover {background-color: #3498DB;}
.committee:hover {background-color: #9B59B6;}
.general-information:hover {background-color: #34495E;}
.record:hover {background-color: #F1C407;}
.posters:hover {background-color: #E67A22;}
.sponsorship:hover {background-color: #E74C3C;}
.important-dates:hover {background-color: #95A5A6;}*/
.invitation {background-color: #86030b;}
.the-scientific-program {background-color: #780f14;}
.committee {background-color: #880c14;}
.general-information {background-color: #9d141e;}
.record {background-color: #a92530;}
.posters {background-color: #931a1f;}
.sponsorship {background-color: #a11b22;}
.important-dates {background-color: #950e15;}
.invitation:hover {background-color: #AD010C;}
.the-scientific-program:hover {background-color: #8F1218;}
.committee:hover {background-color: #9B0F18;}
.general-information:hover {background-color: #B31823;}
.record:hover {background-color: #BD2B37;}
.posters:hover {background-color: #AA1D23;}
.sponsorship:hover {background-color: #B62028;}
.important-dates:hover {background-color: #A81018;}
.invitation, .the-scientific-program, .committee, .general-information, .record, .posters, .sponsorship, .important-dates {width: 25%;display: inline-block;float: left;text-align:center;-webkit-transition: all .2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all .2s linear;  transition: all .2s linear; max-height: 133px;}
.invitation a, .the-scientific-program a, .committee a, .general-information a, .record a, .posters a, .sponsorship a, .important-dates a {padding:50px 40px;display:block;}
.invitation a:hover, .the-scientific-program a:hover, .committee a:hover, .general-information a:hover, .record a:hover, .posters a:hover, .sponsorship a:hover, .important-dates a:hover {text-decoration:none;}
.invitation h2, .the-scientific-program h2, .committee h2, .general-information h2, .record h2, .posters h2, .sponsorship h2, .important-dates h2 {color: #fff;font-size: 18px;margin: 0 0 14px 0;}
.invitation p, .the-scientific-program p, .committee p, .general-information p, .record p, .posters p, .sponsorship p, .important-dates p {color: #fff;font-size: 12px;margin: 0;opacity: 0.5;}
.content-area {background-color:#f7f7f7;padding: 25px 0 0 0;}
.content {background-color: #fff;padding: 20px 25px 40px 25px;border: 1px solid #eeeeee;margin-bottom: 145px;-webkit-box-shadow: 0px 5px 5px 0px rgba(233, 233, 233, 0.50);  -moz-box-shadow: 0px 5px 5px 0px rgba(233, 233, 233, 0.50);  box-shadow: 0px 5px 5px 0px rgba(233, 233, 233, 0.50);}
.content h2 {color: #000;font-size: 26px;font-weight: 400;margin: 0 0 25px 0;}
.content p {color: #333333;font-size: 14px;font-weight: 400;margin: 30px 0;}
.content span {color: #333333;font-size: 14px;font-weight: 800;}
.doctor p {display: block;margin: 0;margin-top: 20px;}
.doctor p:nth-child(3) {display: block;margin-top: 0;}
.doctor img {float: left;margin-right: 18PX;}
.content-right {text-align: center;margin-bottom: 145px;}
.date {line-height: 41px;background-color: #fff; border: 1px solid #eeeeee;padding: 10px 50px 10px 15px;color: #565656;font-size: 16px;}
.date:hover {text-decoration: none;color: #565656;}
.date img {margin-right: 15px;}
.footer {background-color: #353a3f;border-top: 10px solid #22282e;border-bottom: 3px solid #f7f7f7;}
.footer p {color: #b1b1b0;font-size: 12px;margin: 22px 0;right:0;}
.footer img {position: absolute;bottom: -60px;}
.navbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #434343;}
.navbar-toggle {position: relative;float: right;margin-right: 15px;padding: 9px 10px;margin-top: 8px;margin-bottom: 8px;background-color: transparent;border: 1px solid #434343;border-radius: 4px;}
.category-detail * h2 {margin: 0;}






























@media (max-width: 991px) {
.invitation, .the-scientific-program, .committee, .general-information, .record, .posters, .sponsorship, .important-dates {height:189px;}
.doctor {margin-bottom: 20px;}
.right-nav {float: right;margin-top: 25px;}
.navbar-header {width: 30%;}
.navbar-header a img {width: 100%;}
.right-nav li a {color: #383838;font-size: 13px;padding: 0 10px;border-right: 1px solid #dedede;}
}
@media (max-width: 767px) {
.invitation, .the-scientific-program, .committee, .general-information, .record, .posters, .sponsorship, .important-dates {width: 50%;height: 150px;}
.date {float: left;}
.navbar-header {width: 100%;}
.navbar-header a img {width: 100%;}
.right-nav {float: left;width: 100%; margin:0;}
.right-nav li a {color: #383838;font-size: 15px;padding: 20px 20px;border-bottom: 1px solid #dedede;border-right:none;}
.right-nav li a:hover {text-decoration: none; background:none;}
.right-nav li:first-child a {padding: 20px 20px;}
.right-nav li:last-child a {padding-right: 0;border: none;}
.navbar-header a img {width: 30%;margin-left: 15px;}
}
@media (max-width: 440px) {
.invitation, .the-scientific-program, .committee, .general-information, .record, .posters, .sponsorship, .important-dates {width: 100%;height: 136px;}
}