html, body {height: 100%; margin: 0; font-size: 15px; color: #000; font-family: "Proxima-nova-regular", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}

.clear {clear:both}
a img {border: 0;}
img {max-width: 100%;}

a {color: #111; text-decoration: none;}
a:hover {color: #0085B2;}

.pit-2023-button a {color: #FFF;}
.pit-2023-button {text-transform: uppercase !important; font-size: 25px !important; font-family: 'ProximaNova-Extrabld' !important; text-align: center; color: #FFF;}
.pit-2023-button-inner {background-color: #2F69B9; padding: 10px 40px; display: inline-block;}

.alert-error {font-size: 14px; color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; padding: 8px 35px 8px 14px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.alert-success {font-size: 14px; color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; padding: 8px 35px 8px 14px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.table-responsive {overflow: auto;}

.inline-container {width: 100%; max-width: 1000px; margin: 0 auto;}
.inline-padding {padding: 0 1%;}
.inline-padding-corporate {padding: 2% 4%;}

#header {background-color: #2F69B9; height: 90px; position: fixed; width: 100%; z-index: 1000;}
#header .inline-container {height: 100%;}
#header-left {float: left; width: 30%; height: 100%; line-height: 90px;}
#header-left img{vertical-align: middle; margin-left: 5px;}
#header-right {float: left; width: 70%; height: 100%;}

ul#navigation{list-style: none; padding-left: 0; height: 100%; margin: 0;}
ul#navigation li{float: left; margin: 0px 3%; font-family: 'Proxima-nova-bold'; color: #FFF; height: 100%; line-height: 90px;}
ul#navigation li.left {margin-left: 0;}
ul#navigation li.right {margin-right: 0;}
ul#navigation li a {color: #FFF; text-decoration: none;}
ul#navigation li a:hover {color: #000;}
ul#navigation ul.sub-menu {display: none; line-height: auto; background: #eaedf2; border-radius: 0px; padding: 0; position: absolute; top: 100%; z-index: 9999; list-style: none;}
ul#navigation li:hover > ul.sub-menu {display: block;}
ul#navigation ul.sub-menu li {float: none; border: 0px; margin: 0; position: relative; line-height: normal;}
ul#navigation ul.sub-menu li.submenu-space {height: 8px; background: url('../img/menu-arrow-down.png') no-repeat 20% 0;}
ul#navigation ul.sub-menu li a {color: #111; display: block; padding: 10px 20px;}	
ul#navigation ul.sub-menu li a:hover {background: #4b545f; color: #FFF; text-decoration: none;}

#header-menu-mobile-button {display: none; cursor: pointer; width: 20px; height: 15px; background: url('../img/mobile-button-menu.png') no-repeat 0 0; position: absolute; top: 50%; margin-top: -7px; right: 20px;}
.mobile-menu-container {display: none; border-top: 1px solid #FFF; position: fixed; top: 90px; left: 0; background: #2F69B9; width: 100%; overflow-y: auto; max-height: 100%;}
.mobile-menu-container ul {list-style: none; padding-left: 0; margin: 0;}
.mobile-menu-container ul a {color: #FFF;}
.mobile-menu-container li {border-bottom: 1px solid #FFF; padding: 10px 20px;}
.submenu-mobile {display: none; padding: 0 !important;}
.submenu-mobile li {padding: 10px 30px !important;}

#wrap {min-height: 100%; background-color: #eaedf2;}
.white-page #wrap {background-color: #fff;}

#main {overflow:auto; padding-bottom: 470px; padding-top: 90px;}
.white-page #main {padding-bottom: 0; padding-top: 120px;}

.front-top-section {padding-bottom: 200px; background: url('../img/front-image.jpg') no-repeat top center; background-size: cover; text-align: center; position: relative; z-index: 1;}
.logo-pit2023 {padding-top: 6%; margin: 0 auto; margin-bottom: 3%; max-width: 300px;}
.pit-title {font-family: 'Proxima-nova-bold'; font-size: 45px; margin-bottom: 1%; color: #000}
.pit-date {font-family: 'Proxima-nova-bold'; font-size: 28px; margin-bottom: 3%; color: #000}
.pit-subtitle {
	background-color: rgba(47, 105, 185, 0.5); font-size: 28px; color: #FFF; font-family: 'Proxima-nova-bold'; width: 80%; margin: 0 auto; padding: 30px 10px;
	-webkit-border-radius: 45px; 
	-moz-border-radius: 45px; 
	border-radius: 45px;
}
#pit-countdown {width: 60%; position: absolute; left: 50%; bottom: 0; background-color: rgba(47, 105, 185, 0.5); font-family: 'Proxima-nova-bold'; margin-left: -30%; padding-top: 35px; padding-bottom: 15px;}
.is-countdown {background-color: transparent; border: 0; color: #FFF;}
.countdown-section {font-size: 22px; text-transform: uppercase;}
.countdown-amount {font-size: 75px; margin-bottom: 5px; line-height: 0.5em;}
#landing-page-decor {background: url('../img/landing-page-decor.png') no-repeat 0 0; width: 233px; height: 341px; position: absolute; bottom: -170.5px; right: 0; z-index: 10; background-size: 100% 100%;}

.pit-2023-video {text-align: center; margin-top: 50px;}

.main-info-section {padding-top: 80px; padding-bottom: 80px; background: #FFF;}
.main-info-left {float: left; width: 55%; padding-right: 5%;}
.main-info-right {float: left; width: 35%; padding-left: 5%;}
.main-info-title {font-size: 30px; margin-bottom: 10px;}
.main-info-date {font-size: 20px; margin-bottom: 20px;}
.main-info-desc {line-height: 1.7em;}
.main-info-address {font-family: 'Proxima-nova-bold'; margin-bottom: 30px;}
.main-info-price table {width: 100%;}
.main-info-price-title td {font-size: 25px; color: #ea6537;}
.main-info-price-desc td {font-size: 13px; color: #666; padding-bottom: 15px;}
#main-info-register-button {margin-top: 30px;}

.highlight-topic-section {padding-top: 80px; padding-bottom: 80px;}
.highlight-topic-title {font-size: 18px; font-family: 'Proxima-nova-bold'; margin-bottom: 40px; text-align: center;}
.highlight-topic-border-bottom {border-bottom: 1px solid #000; width: 70px; margin: 0 auto; padding-top: 20px;}
.highlight-topic-warning {font-size: 13px; color: #e55b1d; font-family: 'Proxima-nova-bold'; margin-bottom: 15px;}
.highlight-topic-item {float: left; width: 32%; margin-right: 1.3%; height: 70px; background: #FFF; margin-bottom: 15px;}
.highlight-topic-item-number {float: left; width: 21%; background: #eea400; color: #FFF; text-align: center; height: 100%; }
.highlight-topic-item-number-inner {padding-top: 15%;}
.highlight-topic-item-number-label {font-family: 'Proxima-nova-bold'; font-size: 13px;}
.highlight-topic-item-number-number {font-family: 'Proxima-nova-bold'; font-size: 35px;}
.highlight-topic-item-title {float: left; width: 79%; font-family: 'Proxima-nova-bold';}
.highlight-topic-item-title-inner {padding-left: 5%; padding-right: 5%; padding-top: 3%; position: relative;}
.highlight-topic-button {text-align: center; font-family: 'Proxima-nova-bold'; color: #e55b1d; font-size: 13px; background: transparent; padding-top: 20px;}
.highlight-topic-button a {color: #e55b1d;}
.highlight-topic-button-inner {display: inline-block; padding: 10px 30px; border: 1px solid #e55b1d;}

.banner-section {margin-top: 40px; line-height: 0;}
.main-body-section {background: #FFF;}
.column-left {float: left; width: 25%; position: relative; padding: 30px 30px 30px 20px; padding-top: 30px; padding-right: 30px;}
.column-left ul {list-style: none; padding-left: 0; margin: 0;}
.column-left li {padding: 7px 0 7px 10px;}
.column-left li a:hover {color: #2F69B9;}
.column-left li.active {background: url(../img/active-page-corner.png) no-repeat center right #2F69B9; color: #FFF; background-size: contain;}
.column-left li.active a {color: #FFF; font-weight: bold;}
.column-left .left-nav-category {font-weight: bold;}
.column-right {overflow: hidden; padding-top: 30px; padding-right: 30px;}

.page-title {font-size: 24px; color: #2F69B9; margin-bottom: 15px; line-height: 1.5em;}
.page-content {line-height: 1.5em; margin-bottom: 15px;}
.page-content a{color: #111; text-decoration: none;}
.page-content a:hover{color: #0085b2;}
.page-menu-title, .page-menu-title-mobile {font-family: "Myriad Pro Semibold"; color: #111; margin: 40px 0px 15px 15%; text-transform: uppercase;}
.page-menu-title-mobile {margin: 0px 0px 15px 0px;}
.page-menu-title-mobile {cursor: pointer; background: url('https://iai.id/themes/frontendpit2023/img/icon-mobile-menu-left.png') no-repeat top right;}
.menu-left-container-mobile {display: none;}
.page-nav-container-mobile {display: none; border: 1px solid #000; position: absolute; top: 200px; z-index: 10000;}
.page-news .page-nav-container-mobile {left: 85px;}
.page-pages .page-nav-container-mobile {left: 120px;}
.page-library .page-nav-container-mobile {left: 95px;}
.page-nav-item-mobile {border-bottom: 1px solid #000; background: #FFF; padding: 5px 10px; width: 135px;}
.page-nav-sub-item-mobile {padding-left: 20px; padding-right: 0;}
.page-nav-item-mobile a {text-decoration: none; color: #111; display: block;}
.page-nav-item {margin-bottom: 5px; padding-left: 15%;}
.page-nav-item.active {background: url('../img/active-page-corner.png') no-repeat center right #e55a1d; color: #FFF; background-size: contain;}
.page-nav-item a{display: block; text-decoration: none; color: #111; padding: 6px 0px;}
.page-nav-item a:hover {color: #0085b2;}
.page-nav-item.active a {color: #FFF;}
.page-nav-sub-item {padding-left: 20%;}
.page-nav-subitem-container {display: none; padding-left: 16%; margin-bottom: 20px;}
.page-nav-subitem {margin-bottom: 5px; padding-left: 12px; background: url('https://iai.id/themes/frontendpit2023/img/icon-submenu.png') no-repeat left center;}
.page-nav-subitem a {display: block; text-decoration: none; color: #111; padding: 6px 0px; color: #7f7f7f;}

.button-style {font-family: "Myriad Pro Semibold"; font-size: 16px; text-align: center; text-transform: uppercase; color: #FFF !important; background-color: #2F69B9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0px; padding: 10px 15%; cursor: pointer;}
.button-style:hover {color: #FFF;}

.form-control-group {margin-bottom: 10px;}
.form-label {float: left; width: 28%; margin-right: 2%;}
.form-input {float: left; width: 70%;}
.help-block {color: #cf3f30; font-size: 12px; margin-bottom: 10px; margin-top: 5px;}

.banner-container {}
.banner-container img {max-width: 100%; height: auto;}
.banner-inline-padding {padding-top: 60px; padding-left: 45px; padding-right: 5px; }
.banner-title-container {width: 70%;}
.banner-title {font-size: 30px; font-family: "Myriad Pro Bold";}
.banner-subtitle {font-size: 30px; margin-bottom: 10px;}
.banner-date {font-size: 20px;}
.banner-other-logo {position: absolute; top: 20px; right: 20px;}
.banner-other-logo img {max-width: 100%;}

.description-info-group {border-bottom: 1px solid #CCC; padding-bottom: 15px; padding-top: 15px;}
.description-label {font-family: "Myriad Pro Semibold"; font-size: 18px; float: left; width: 25%; margin-right: 2%;}
.description-content { font-size: 18px; float: left; width: 68%;}
.description-content table {width: 100%;}
.description-price-date {font-size: 14px;}

#rakernas-registrant-grid table, #rakernas-abstract-grid table, #rakernas-registrant-corporate-grid table {width: 100%; border-spacing: 0; border-collapse: collapse;}
#rakernas-registrant-grid th, #rakernas-abstract-grid th, #rakernas-registrant-corporate-grid th {background: #eaedf2; padding: 10px; text-align: left;}
#rakernas-registrant-grid th:nth-child(1), #rakernas-abstract-grid th:nth-child(1) {text-align: center;}
#rakernas-registrant-grid td, #rakernas-abstract-grid td, #rakernas-registrant-corporate-grid td {border-bottom: 1px solid #CCC; padding: 10px;}

.page-thanks-rakernas {text-align: center; font-size: 14px;}
.page-thanks-rakernas p {margin: 0;}
.thankyou-title {font-size: 40px; font-weight: normal; color: #0085b2;}

.abstract-schedule-group {margin-bottom: 5px;}
.abstract-schedule-label {float: left; width: 28%; margin-right: 2%;}
.abstract-schedule-content {float: left; width: 70%;}
.invalid-number-block {color: #FF0000; font-size: 11px; font-style: italic;}

.abstract-button {color: #FFF; border: 1px solid #eac700; background-color: #ea7c00; padding: 5px 10px; -o-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.abstract-button:hover {background-color: #FFF; color: #eac700;}

.rakernas-special-url img {max-width: 100%;}

.program-title {color: green; font-size: 20px; margin-bottom: 10px; font-weight: bold;}
.program-blue-italic {color: blue; font-style: italic; margin-bottom: 10px; font-weight: bold;}
.program-date {font-size: 18px; margin-bottom: 10px; font-weight: bold;}
.table-schedule {width: 100%; border-collapse: collapse}
.table-schedule th {background: #CCC; padding: 5px 10px; border: 1px solid #CCC;}
.table-schedule td {vertical-align: top; padding: 5px 10px; border: 1px solid #CCC;}
.table-schedule td:first-child {width: 85px;}
.table-schedule p {margin-top: 0;}
.item-program-blue {color: #4472c4; font-weight: bold;}

.presentation-item {margin-bottom: 30px;}

input[type='text'], input[type='password'], select, textarea {
    width: 100%;
    color: #999;
    border: 1px solid #CCC;
    font-size: 14px;
    font-family: "Proxima-nova-regular";
    padding: 10px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#footer {position: relative; margin-top: -470px; height: 470px; clear:both; text-align: center; color: #555; background-color: #FFF;}
.footer-bg img {vertical-align: bottom;}
.logo-pit {padding-top: 66px; padding-bottom: 40px;}
.footer-address {padding-bottom: 70px; font-family: 'Proxima-nova-semibold'; line-height: 1.5em;}
.copyright {font-family: 'Proxima-nova-bold'; font-size: 13px;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.notification-item {margin-bottom: 20px;}
.notification-date {color: #7bbaaf;}
.notification-content {}

.col-registrant-name {color: #2F69B9;}
.question-item {margin-bottom: 20px;}
.question-text {font-weight: bold; margin-bottom: 10px;}

.big-workshop-item-date {background-color: #2F69B9; color: #FFF; font-size: 25px; padding: 5px 10px;}
.big-workshop-item-time {background-color: #EEE; color: #2F69B9; font-size: 22px; padding: 5px 10px;}
.big-workshop-item {}
.workshop-item {float: left; width: 16.66%;}
.workshop-item-inner {padding: 10px 10px 25px 10px;}
.workshop-item-title {font-weight: bold;}
.workshop-item-desc {font-size: 12px;}

#clear-workshop-6 {display: block;}
#clear-workshop-5, #clear-workshop-4, #clear-workshop-3, #clear-workshop-2 {display: none;}