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: #ea7c00; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
a:hover {color: #0085B2;}

li, p {line-height: 1.5em;}

#content {overflow: hidden;}

.pit-2021-button a {color: #FFF;}
.pit-2021-button {text-transform: uppercase !important; font-size: 25px !important; font-family: 'ProximaNova-Extrabld' !important; text-align: center; color: #FFF;}
.pit-2021-button-inner {background-color: #ea7c00; 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: #ea7c00; height: 130px; position: fixed; width: 100%; z-index: 1000;}
#header .inline-container {width: auto; height: 100%; max-width: unset; padding-left: 5%; padding-right: 5%;}

ul#navigation{padding-left: 0; list-style: none; display: flex; flex-wrap: nowrap; height: 100%; margin-top: 3px; align-items: center;}
ul#navigation li img {}
ul#navigation li{line-height: 130px; flex: 1; font-size: 14px; margin-left: auto; font-family: 'Proxima-nova-bold'; color: #FFF; text-align:center;}
ul#navigation li.left {line-height: unset;}
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 {text-align: left; 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;}
.menu-lang {font-family: 'Proxima-nova-regular' !important;}

.header-logo-mobile-container {display: 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: 130px; left: 0; background: #ea7c00; 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; color: #FFF;}
.submenu-mobile {display: none; padding: 0 !important;}
.submenu-mobile li {padding: 10px 30px !important;}

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

#main {overflow:auto; padding-bottom: 400px; padding-top: 130px;}
.white-page #main {padding-bottom: 0; padding-top: 160px;}

.front-top-section {height: 700px; text-align: center; position: relative; z-index: 1; border: 0; margin-bottom: 0; overflow: hidden;}
.front-top-section ul, .front-top-section li {height: 100%;}
.front-top-section img {visibility: hidden; height: 100% !important;}
.front-top-section .slide-image {overflow: hidden; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: top center;}
.logo-pit2021 {padding-top: 6%; margin: 0 auto; margin-bottom: 3%; max-width: 300px;}
.pit-title {
	width: 60%; margin-left: -30%; left: 50%; font-family: 'Proxima-nova-bold'; font-size: 45px; position: absolute; color: #FFF; top: 80px; display: inline-block; background: url('../img/black-opa-bg.png') repeat 0 0; z-index: 5; line-height: 1.0em;
	-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.pit-title-inner {padding: 5%;}
.pit-date {font-family: 'Proxima-nova-bold'; font-size: 28px; margin-top: 30px; color: #FFF}
.pit-subtitle {
	width: 60%; margin-left: -30%; position: absolute; bottom: 150px; left: 50%; background: url('../img/orange-opa-bg.png') repeat 0 0; font-size: 28px; color: #FFF; font-family: 'Proxima-nova-bold'; z-index: 5; line-height: 1.0em;
	-webkit-border-radius: 45px; 
	-moz-border-radius: 45px; 
	border-radius: 45px;
}
.pit-subtitle-inner {padding: 15px 20px;}
#pit-countdown {width: 60%; position: absolute; left: 50%; bottom: 0; background: url('../img/blue-opa-bg.png') repeat 0 0; font-family: 'Proxima-nova-bold'; margin-left: -30%; padding-top: 35px; padding-bottom: 15px; z-index: 5;}
.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-2021-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: 2.0em;}
.main-info-address {font-family: 'Proxima-nova-bold'; margin-bottom: 30px;}
.main-info-address a:hover {color: #000;}
.find-location-button {background-color: #EEE; font-family: 'Proxima-nova-bold'; display: inline-block; padding-right: 10px;}
.find-location-button img {vertical-align: middle; margin-right: 10px;}
.main-info-price table {width: 100%; margin-bottom: 30px; border-spacing: 0; border-collapse: collapse;}
.main-info-price td {padding: 10px 20px;}
.info-price-title {background: #EEE; font-size: 25px; color: #000; font-family: 'Proxima-nova-semibold';}
.info-price-odd {background: #f6f7f9; color: #ea6537; font-size: 25px;}
.info-price-even {background: #EEE; color: #ea6537; font-size: 25px;}
.info-price-condition {color: #444; font-size: 12px;}
.info-price-reg-button {background: #e55a1d; font-family: 'ProximaNova-Extrabld'; color: #FFF; text-align: center; font-size: 25px;}
.info-price-reg-button td {padding: 0;}
.info-price-reg-button a {color:#FFF; display: block; padding: 10px 20px;}
.info-price-reg-button a:hover {color:#FFF;}
#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: #39a2a0;}
.column-left li.active {background: url(../img/active-page-corner.png) no-repeat center right #ea7c00; 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: 40px 60px;}

.page-title {font-size: 24px; color: #39A2A0; 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('../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('../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: "Proxima-nova-bold"; font-size: 16px; text-align: center; text-transform: uppercase; color: #FFF !important; background-color: #ea7c00; -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%; position: relative;}
.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%;}
.table-schedule td {vertical-align: top;}
.table-schedule td:first-child {width: 85px;}
.table-schedule p {margin-top: 0;}
.item-program-blue {color: #4472c4; font-weight: bold;}
.writer-container {float: left; width: 49%; margin-right: 1%;}
.institution-container {float: left; width: 50%;}

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 {padding-top: 70px; position: relative; margin-top: -400px; height: 400px; clear:both; text-align: center; color: #555; background-color: #EEE;}
.logo-container {margin-bottom: 40px;}
.logo-container img {margin-left: 20px; margin-right: 20px;}
.footer-address {padding-bottom: 75px; font-family: 'Proxima-nova-semibold'; line-height: 1.5em;}
.footer-address a:hover {color: #ea7c00;}
.copyright {font-family: 'Proxima-nova-bold'; color: #555555;}

/*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: #39A2A0;}
.question-item {margin-bottom: 20px;}
.question-text {font-weight: bold; margin-bottom: 10px;}

.big-workshop-item-date {background-color: #39a2a0; color: #FFF; font-size: 25px; padding: 5px 10px;}
.big-workshop-item-time {background-color: #EEE; color: #39a2a0; 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;}

.intro-left {float: left; width: 200px; margin-right: 30px; }
.intro-right {overflow: hidden;}

.clear-4 {clear: both;}
.clear-3, .clear-2 {display: none; clear: both;}
.committee-category-title {color: #39a3a0; font-family: 'Proxima-nova-bold'; font-size: 18px; margin-bottom: 20px;}
.committee-people {width: 25%; float: left; text-align: center; font-size: 14px; color: #000;}
.committee-people-inner {padding: 20px;}
.committee-photo {margin-bottom: 10px;}
.committee-photo img {border-radius: 50%; max-height: 180px;}
.committee-people-container2 .committee-photo img {max-height: 137px;}
.committee-name {font-family: 'Proxima-nova-bold'; margin-bottom: 5px;}
.committee-subcategory {float: left; width: 150px; padding-right: 20px; font-family: 'Proxima-nova-bold'; line-height: 1.7em; padding-top: 70px;}
.committee-people-container2 {overflow: hidden;}
.committee-no-photo {margin-bottom: 10px;}
.committee-no-photo img {width: 100%;}

.programme-container {margin-bottom: 30px;}
.programme-container td {background-color: #f5f5f5; padding-left: 20px; padding-right: 20px; vertical-align: top;}
.programme-date {font-family: 'Proxima-nova-bold'; font-size: 20px; color: #39a3a0; margin-bottom: 10px;}
.programme-time {background-color: #EEE !important; white-space: nowrap; font-weight: bold; text-align: center;}

.extra-registration1 {margin-top: 30px; background-color: #fef8f2; margin-left: -60px; margin-right: -60px; padding: 20px 60px 30px 60px;}
.extra-registration1 .bold {font-family: 'Proxima-nova-bold'; font-size: 18px; color: #000;}
.extra-registration2 {background-color: #f6f6f6; margin-left: -60px; margin-right: -60px; padding: 20px 60px 30px 60px;}
.extra-registration1 .radio, .extra-registration2 .radio {margin-right: 20px;}

.yourhost-logo {float: left; width: 33.33%;}
.yourhost-inner {padding: 5px;}
.yourhost-logo img {max-height: 120px; max-width: 200px;}

.accommodation-left {float: left; width: 50%;}
.accommodation-right {float: right; width: 48%; margin-left: 2%;}
.form-button .form-label {width: 50%;}
.form-button .form-input {width: 48%;}
.form-button input[type=submit] {white-space: normal;}
.accommodation-other-hotel {background-color: #EEE; color: #e67e00; font-family: 'Proxima-nova-semibold'; font-size: 22px; display: inline-block; width: auto; padding: 10px 20px;}
.hotel-item {background-color: #fef8f1; margin-bottom: 20px;}
.hotel-item-inner {padding: 15px 25px;}
.hotel-name {font-family: 'Proxima-nova-bold'; font-size: 18px; margin-bottom: 5px;}
.hotel-address {line-height: 1.5em; margin-bottom: 10px;}
.accordion-container {margin-top: 10px;}
.accordion-item {}
.accordion-header {background: url('../img/right-caret.png') no-repeat left center; padding: 10px 10px 10px 10px; color: #e67e00; cursor: pointer;}
.accordion-content {display: none; margin-bottom: 10px;}
.room-item {margin-bottom: 5px; font-weight: bold;}
.room-info {font-weight: bold; font-size: 12px;}

.table-tour {width: 100%;}
.table-tour td {padding: 5px;}
.col-tour-time {width: 20%;}
.col-tour-desc {width: 80%;}

.aboutevent-left {float: left; padding-right: 20px;}
.aboutevent-right {overflow: hidden;}
.aboutevent-right h3 {margin-top: 0;}

.delete-writer {width: 38px; height: 38px; background: url('../img/delete-writer.png') no-repeat center center; cursor: pointer; position: absolute; top: 0; right: 0;}
.more-writer input[type='text'] {padding-right: 45px;}
.loading-icon {height: 39px; vertical-align: middle; display: none;}
.upload-fullpaper-container {display: none;}

#choose-workshop-login-form {margin-bottom: 20px;}

.no-webinar-selected {margin-bottom: 20px;}
.webinar-selection-note {margin-bottom: 30px;}

.date-tab-container {border-bottom: 1px solid #CCC;}
.date-tab-item {border: 1px solid #CCC; float: left; padding: 10px 15px; border-bottom: 0; cursor: pointer;}
.date-tab-item:hover {background-color: #EEE;}
.date-tab-item.active {background-color: #EEE;}
.date-tab-icon {float: left; margin-right: 10px;}
.date-tab-date {float: left;}

.date-content-item {padding: 20px 2%;}
.workshop-choice-item-time {float: left; width: 20%;}
.workshop-choice-item-choices {float: left; width: 80%;}
.workshop-choice-item-radio {float: left; width: 30px;}
.workshop-choice-item-desc {overflow: hidden;}
.remaining-quota {color: #de7d00; font-weight: bold;}

.registered-webinar-container {background-color: #fefaf5; padding: 20px 3%; margin-bottom: 30px; margin-top: 20px;}
.registered-day {font-weight: bold; color: #4ea5a1; margin-bottom: 10px;}
.registered-item {margin-bottom: 20px;}
.registered-time {float: left; width: 18%; padding-right: 2%;}
.registered-desc {float: left; width: 80%;}

.webinar-note {font-size: 12px; color: #FF0000; font-weight: bold;}
.button-logout-webinar {display: inline-block; padding: 5px 10px; font-size: 14px;}