body,
html {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
}

hr {
  max-width: 60px;
  border-width: 3px;
  border-color: #943634;
}

hr.light {
  border-color: #fff;
}

a {
  color: #943634;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

a:hover {
  color: #943634;
}

h1,
h2,
h3,
h4,
h5,
h6 {
/*   font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; */
}

.bg-primary {
  background-color: #943634 !important;
}
.bg-dark {
  background-color: #212529 !important;
}
.bg-grey {
  background-color: #F0F0F0 !important;
}

.text-faded {
  color: rgba(255, 255, 255, 0.7);
}

section {
  padding: 4rem 0;
}

.section-heading {
  margin-top: 0;
/*  font-style:italic; */
}

::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}

img::selection {
  color: #fff;
  background: transparent;
}

img::-moz-selection {
  color: #fff;
  background: transparent;
}

#mainNav {
  border-bottom: 1px solid rgba(33, 37, 41, 0.1);
  background-color: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

#mainNav .navbar-brand {
  font-weight: 700;
  text-transform: uppercase;
  color: #943634;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #943634;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #212529;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
  color: #943634;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
  color: #943634 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
  background-color: transparent;
}

@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: #ffffff;
	font-size: 1.6rem;
  }
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #fff;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link {
    padding: 0.5rem 0.5rem;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    color: #ffffff;
	font-size: 0.98rem;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #c13835;
  }
  #mainNav.navbar-shrink {
    border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    background-color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #943634;
	font-size: 1.25rem;
  }
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
    color: #943634;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
    color: #212529;
	font-size: .9rem;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #943634;
  }
}

#submit_paper {
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
  background-image:url("../img/submit.jpg");
      padding-top: 100px;
    padding-bottom: 80px;
}
#call_for_papers {
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
  background-image:url("../img/submit.jpg");
      padding-top: 100px;
    padding-bottom: 80px;
}
#submit_paper p.submit {width: 100%;text-align: center;}
#call_for_papers p.submit {width: 100%;text-align: center;}
	
	
#submit_paper .submit a:hover {text-decoration:none;}
#call_for_papers .submit a:hover {text-decoration:none;}
#submit_paper .submit a {
	background: #943634;
    color: #fff;
    padding: 12px 20px;
	font-size:1.5rem;
}
#call_for_papers .submit a {
	background: #943634;
    color: #fff;
    padding: 12px 20px;
	font-size:1.5rem;
}

#committees {
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
  background-image:none;
  padding-top: 60px;
  padding-bottom: 40px;
  /* background-image:url("../img/committee.jpg"); 
      padding-top: 100px;
    padding-bottom: 80px;*/
}
#committees p.committee {width: 100%;text-align: center;}
	
	
#committees .committee a:hover {text-decoration:none;}
#committees .committee a {
	background: #943634;
    color: #fff;
    padding: 12px 20px;
	font-size:1.5rem;
}

#register-now {
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
  background-image:url("../img/register.jpg");
      padding-top: 100px;
    padding-bottom: 80px;
}
#register-now p.submit {width: 100%;text-align: center;}
	
	
#register-now .submit a:hover {text-decoration:none;}
#register-now .submit a {
	background: #943634;
    color: #fff;
    padding: 12px 20px;
	font-size:1.5rem;
}

#videos {
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* background-attachment:fixed;
  background-image:url("../img/videos.jpg"); */
      padding-top: 80px;
    padding-bottom: 60px;
	background:#000;
}
#videos p.submit {width: 100%;text-align: center;}
	
	
#videos .submit a:hover {text-decoration:none;}
#videos .submit a {
	background: #943634;
    color: #fff;
    padding: 12px 20px;
	font-size:1.5rem;
}

header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-image:url("../img/header_new.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
}

header.masthead2 {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-image:url("../img/header_news.jpg");
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
}
header#bg1.masthead {background-image:url("../img/header.jpg");}
header#bg1.masthead2 {background-image:url("../img/header.jpg");}
header#bg2.masthead {background-image:url("../img/header2.jpg");}
header#bg2.masthead2 {background-image:url("../img/header2.jpg");}
header.masthead hr {margin-top: 30px;margin-bottom: 30px;}
header.masthead2 hr {margin-top: 30px;margin-bottom: 30px;}
header.masthead h1 {font-size: 2rem;}
header.masthead2 h1 {font-size: 2rem;}
header.masthead p {font-weight: 300;}
header.masthead2 p {font-weight: 300;}
.service-box {
  max-width: 400px;
}

.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
}

.portfolio-box .portfolio-box-caption {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  color: #fff;
  background: rgba(240, 95, 64, 0.9);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  padding: 0 15px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}

.portfolio-box:focus {
  outline: none;
}
.text-primary {
  color: #943634 !important;
}

.btn {
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 300px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.btn-xl {
  padding: 1rem 2rem;
}

.btn-primary {
  background-color: #943634;
  border-color: #943634;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
  background-color: #ee4b28 !important;
}

.btn-primary:active, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
}
#mainNav .navbar-brand img.logo {width:auto;height:40px;}
#mainNav.navbar-shrink .navbar-brand img.logo {width:auto;height:30px;}
#about .row p {text-align:justify;color:#fff !important;font-size:1.1rem;}
#topics ul.topics li {text-align:left;padding-bottom:6px;list-style-type: square;}
#topics table.topics_table td {vertical-align:top;}
#topics ul.topics {font-size:1.1rem;}
#authors_guidelines .row p {text-align:justify;}
#authors_guidelines li {list-style-type: square;font-size:1.4rem !important;}
#authors_guidelines li a {font-size:1rem !important;}
#committees p.committee-heading {margin-bottom: 30px;color:#943634;font-weight: bold;font-size: 1.3rem;}
#committees p.scientific {margin-top: 30px;}
#committees p.name {font-weight:bold;margin-bottom: 8px !important;}
#committees p.desc {font-size:.8rem;margin-bottom:10px !important;}
#committees p.type-memb {margin-top:24px;margin-bottom:14px;color:#943634;}
#committees p.type-pre {color:#943634;}
#committees .btn {white-space: normal;border-radius: 0px;margin-bottom: 14px;margin-top: 8px;margin-right:10px;text-align:left;}
#committees .btn-info {background-color: #943634;}
#committees .btn-info:focus {box-shadow:none;}
#registration table.registration-fees {border-left:0px;border-top:0px;font-size: 1.1rem;width: 100%;}
#registration table.registration-fees td {padding:8px 4px;}
#registration table.registration-fees td p {margin-bottom:0px;}
#registration table.registration-fees td.bg-fees {background:#943634;color:#fff;}
#registration div.details {margin-top:30px;text-align:left;}
#registration div.details sup {color: #943634;font-weight:bold;}
#mainNav li.dropdown .dropdown-item {color: #212529;font-size: .9rem;font-weight:bold;text-align:left;padding:.25rem 1.5rem;}
#mainNav li.dropdown .dropdown-item.active {color: #943634 !important;background-color: transparent;}
#mainNav li.dropdown .dropdown-item:focus {border:0px;background-color: transparent;}
#mainNav li.dropdown .dropdown-item:hover {color: #943634;border:0px;background-color: transparent;}
#organisation p.header {margin:30px 0 10px 0 !important;color:#943634;font-weight: bold;font-size: 1.3rem;}
#news p.header {margin:30px 0 10px 0 !important;color:#943634;font-weight: bold;font-size: 1.3rem;}
#authors_guidelines p.header {text-align: center;margin-top:50px;margin-bottom: 16px !important;color:#943634;font-weight: bold;font-size: 1.3rem;}
#organisation .col-lg-12 p.header {margin-bottom: 20px !important;}
#news .col-lg-12 p.header {margin-bottom: 20px !important;}
#organisation p.sub-header {color:#943634;font-weight: bold;font-size: 1.1rem;}
#news p.sub-header {color:#943634;font-weight: bold;font-size: 1.1rem;}
#organisation ul li {text-align: left;}
#news ul li {text-align: left;}
div.hotels p {text-align: justify !important;}
#organisation .cooper ul li {padding-bottom: 10px;}
#organisation .top-org ul li {text-align: center;}
#organisation ul {list-style-type: none;padding-left: 0px;}
#organisation .sub-header-block {margin-top: 10px !important;}
#call p {text-align:justify;}
#call p strong {color:#943634;}
#footer {padding: 2rem 0;}
#footer p {text-align:center;font-weight:bold;margin-bottom:0px;}
#showcase div.title {background-color: rgba(0,0,0,0.6);}
header.masthead .container  div.title{color:#EBDAC0  ;max-width: 100%;flex: none;}
header.masthead2 .container  div.title{color:#EBDAC0  ;max-width: 100%;flex: none;}
#showcase div.title{max-width: 1000px;flex: none;margin-left: auto;margin-right: auto;width: max-content;}
#showcase div.title a.pr_programm{background: #943634;color:#fff;padding: 5px 7px;margin-top: 10px;font-size: 1.4rem;}
#showcase div.title a.pr_programm:hover{text-decoration: none;background:#000;color:#EBDAC0}
#showcase div.title p.sec-title {display: inline-block;color:#fff;padding:0 0 10px 0;font-weight:bold;margin-bottom: 0px !important;text-align:center;}
#showcase div.title p.sub-title {display: inline-block;color:#EBDAC0;padding:0 0 10px 0;font-weight:bold;margin-bottom: 0px !important;text-align:center;}
#showcase div.title p.location {color:#EBDAC0;padding:10px 0 0 0;font-weight:bold;margin-bottom: 0px !important;}
#showcase div.title p.location .loc-header {text-align:center;color:#EBDAC0;}
#showcase div.title p.location date {color:#c13835;}
#showcase div.title p.location span {display:block;color:#fff;font-size:96%;}
#showcase div.title p.progr {font-weight:bold;text-align:center;padding-top: 30px;padding-bottom: 34px;}
#key_dates table.key_dates td {width:100%;}
#key_dates table.key_dates .key-item p.item {font-size: 1.3rem;color:#EBDAC0;margin-bottom:6px;}
#key_dates table.key_dates .key-item p.date {font-size: 1.1rem;}
#key_dates table.key_dates .key-item div.footer {width:40px;border-bottom:2px solid #c13835;}
#key_dates h2.section-heading {color:#EBDAC0;}
#organisedby img {padding-bottom:10px;}
#preliminary_program table.pr_prog td {padding:20px;font-size: 1.4rem !important;}
#publications table.pr_prog td {padding:0px;font-size: 1.4rem !important;}
#publications table.pr_prog_bf td ul.preliminary {padding-top:4px !important;}
#publications table.pr_prog_bf td {padding:0px;font-size: 1.4rem !important;}
#preliminary_program table.pr_prog td date{color:#c13835;font-size:90%;font-weight:bold;padding-right:10px;}
#preliminary_program table.pr_prog_bf td date{color:#c13835;font-size:90%;font-weight:bold;padding-right:10px;}
#publications table.pr_prog td date{color:#c13835;font-size:110%;font-weight:bold;padding-right:10px;}
#publications table.pr_prog_bf td date{color:#c13835;font-size:110%;font-weight:bold;padding-right:10px;}
#preliminary_program table.pr_prog td p{font-size:85%;}
#preliminary_program table.pr_prog_bf td p{font-size:85%;}
#publications table.pr_prog td p{font-size:1rem;}
#publications table.pr_prog_bf td p{font-size:1rem;}
#preliminary_program table.proceedings img {max-width:180px;}
#publications table.proceedings img {max-width:180px;}
#preliminary_program div.proceedings-inner {max-width:900px;}
#publications div.proceedings-inner {max-width:900px;}
#preliminary_program table.proceedings td ul.preliminary li p {font-size: 70% !important;;}
#publications table.proceedings td ul.preliminary li p {font-size: 70% !important;;}
#preliminary_program table.proceedings td a {color: #212529 !important;}
#publications table.proceedings td a {color: #212529 !important;}
#preliminary_program table.proceedings td a:hover {color:#943634 !important; text-decoration: none !important;}
#publications table.proceedings td a:hover {color:#943634 !important; text-decoration: none !important;}
#preliminary_program table.proceedings td date{font-size:80% !important;}
#publications table.proceedings td date{font-size:80% !important;}
#publications li {list-style-type: square;}
#venue a.venue-title {color:#fff !important;padding-top:20px;font-size:1.6rem;}
#venue p.venue-desc {color:#fff !important;text-align: justify;}
#venue p.venue-desc a {color:#fff !important;font-size:1.2rem;}
#venue img {max-width:100%;}
#showcase div.title p.location tm {color:#fff;}
ul.preliminary {list-style-type: none;padding-top:18px;padding-left: 30px;}
/* ul.preliminary > li:before {content: "-";text-indent: -5px;position: absolute;margin-left: -20px;} */
ul.preliminary li p {margin-bottom: 10px;}
div.exhibition {width: 100%;background: #212529 ;text-align: center;margin-top: 20px;padding: 10px 3px 9px 3px;}
div.exhibition a {color: #fff;font-weight: bold;font-size:1.2rem;}
div.exhibition a:hover {text-decoration:none !important;color: #943634 ;}
table.ch td.img {width:25%;}
table.ch td.img img {width:100%;padding-right:20px;}
table.ch td.text {width:75%;text-align:justify;}
#news h2.section-heading date {color: #943634;}
#news .text-center .rm-button {font-size: 1.2rem;}
div.article-box .date {color: #943634;}
div.article-box .card-title {font-size: 1.8rem;}
div.article-box .card-title a {color: #212529;}
div.article-box .card-title a:hover {color: #943634;text-decoration:none;}
div.article-box .rm-button {margin-top:4px;}
div.article-box .rm-button a {font-weight:bold;border:1px solid #943634; background:#943634;color:#fff;padding:3px 4px;text-decoration:none;}
div.article-box .rm-button a:hover {background:#fff;color:#943634;}
div.article-full {width: 100% !important}
div.article-full div.article-img{text-align: center;}
div.article-full div.article-img img {max-width: 100%;max-height: 100%;display: block;padding:20px;}
div.article-full div.article-box .date {color: #943634;font-size: 1.2rem;}
div.article-full div.article-box p {font-size: 1.1rem;}
div.article-full div.article-box {padding: 10px 20px;}
div.article-full .card {padding-top: 15px;}
#submit_paper h2.section-heading {
    color: #EBDAC0;
}
#submit_paper .light_color {color:#EBDAC0;}
.news-article img {max-width: 100%;}
div.news-article {background: #fff;padding-top: 15px;padding-bottom: 1px;}

/*=========================================================
	EVENTS
===========================================================*/
#key_dates div.event-content div.footer {width:40px;border-bottom:2px solid #943634;}
#key_dates div.event-content h3.event-title {font-size: 1.3rem;color: #EBDAC0;margin-bottom: 6px;text-align: left;padding-top: 10px;}
#key_dates div.event-content p.date {font-size: 1.1rem;text-align: left;}
#key_dates div.events-inner {max-width:570px;}
.event {position: relative;}
.event+.event {margin-top: 40px;}
.event:after {
  content: "";
  position: absolute;
  left: 45px;
  top: 0px;
  bottom: 0px;
  width: 4px;
  background-color: #943634;
}
.event:last-child:after {height: 60px;}
.event+.event:before {
  content: "";
  position: absolute;
  left: 45px;
  height: 60px;
  top: -60px;
  width: 4px;
  background-color: #943634;
}
.event .event-day {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #943634;
  z-index: 10;
}
.event .event-day>div {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.event .event-day .day {display: block;color: #FFF;text-transform: uppercase;font-weight: 700;font-size: 32px;line-height: 32px;}
.event .event-day .year {color: #FFF;text-transform: uppercase;font-size: 14px;}
.event .event-content {padding-left: 130px;min-height: 90px;}
.article-box hr {max-width: 100%; border-width: 1px; border-color: #212529;}
#publications table.journal_logos td.logo {width:200px;vertical-align:top;padding-left:0px;}

/*-----live----*/
div.ondemand_item button {font-size: 1.20rem;margin-top: 0px;color: #0056b3;text-align: center;font-weight: bold;background: none;border: 0px;}
div.ondemand_item button.close-modal {font-size: 1.00rem;color:#ffffff;background:#943634;}
div.ondemand_item button:visited {border: 0px !important;box-shadow:none;}
div.ondemand_item button:hover {border: 0px !important;box-shadow:none;}
div.ondemand_item button:focus {border: 0px !important;box-shadow:none;}
div.ondemand_item div.comp-header {padding: 10px 0 10px 0;}
div.ondemand_item .modal-dialog {max-width: 711px !important;width:100% !important;}
div.ondemand_item .modal-body {padding:0px;background:#000;}
div.ondemand_item .modal-body div.logo img.logo {width: 200px;margin-top:-40px;}
div.ondemand_item .modal-body div.logo {padding:0px 14px 0px 30px;text-align:left;width: 34%; display: inline-block;}
div.ondemand_item .modal-body div.logo2 {padding:4px;text-align:center;width: 65%; display: inline-block;color:#fff}
div.ondemand_item .modal-body div.logo2 p {margin-bottom:0px;padding-top: 10px;font-size:86%;padding-bottom: 10px;}
div.ondemand_item .modal-body div.logo2 strong {color: #EBDAC0;}
div.vplayer {height:400px;}
div.ondemand_item div.modal-header {padding:0px;border:0px;}
div.ondemand_item div.modal-footer {border:0px;}
div.ondemand_item div.modal-footer p {margin-right: auto;margin-top: auto;margin-bottom: auto;color: #943634;font-weight: bold;}
div.ondemand_item a.ondemand-item-title {font-size: 1.20rem;margin-top: 0px;text-align: center;font-weight: bold;}
div.ondemand_item div.thumb {float:left;padding:0px;overflow:hidden;width:100%;}
div.ondemand_item div.teamlinks {float:left;padding:0px;}
div.ondemand_item div.teamlinks .ondemand-header {padding:10px 16px;border-bottom: 0px solid rgba(0,0,0,.125);}
div.ondemand_item div.ondemand-header {background: #fff;padding: 10px 0 6px 0;text-align: left;}
.middle_day div.ondemand_item div.ondemand-header {background: #F0F0F0;}
div.ondemand_item div.ondemand-body {background-color:#F8F9FA;height: 72px;padding-left:16px;padding-top: 10px;font-weight: bold;color: #0056b3;}
div.ondemand_item div.ondemand-body div.social {padding-top: 6px;}
div.ondemand_item div.ondemand-body a.webpage {margin-right: 10px;margin-left: -4px;}
div.ondemand_item div.ondemand-body a {color: #0056b3 !important;}
div.ondemand_item {border: 0px solid rgba(0,0,0,.125);margin-top: 40px; padding:0px !important;margin-left: 10px;margin-right: 10px;}
div.ondemand_item img.ytthumb {width:100%;margin-top: -36px;margin-bottom: -36px;}
div.ondemand_item p.time {padding:3px 4px 4px 4px;margin-top: 10px;margin-bottom: 8px;text-align:center;max-width:120px;background:#943634;font-weight:normal;color:#fff;}
#video_session {padding:10px 0 20px 0;}
.modal-footer .btn {border-radius: 0px !important;}
.modal-footer .btn-primary:hover, .modal-footer .btn-primary:focus, .modal-footer .btn-primary:active {background-color: #943634 !important;}
div.jfiles a img {padding-right:15px;}
div.jfiles {padding-left:20px;}
#publications table.journal_logos {margin-bottom: 20px;}
#publications table.journal_logos td {padding-bottom:0px !important;vertical-align: top;}
#publications table.journal_logos td.logo {padding-right:20px !important;}
#topics div.ssession-inner {max-width:850px;}
#topics div.ssession-inner img {width:100px;padding-right:20px;}
table.home_news tr {border-bottom: 1px dotted #943634;}
table.home_news td {padding: 6px 0;vertical-align:top;}
table.home_news p.home_news_date {padding-right:14px;font-size: 1.1rem;color: #EBDAC0;margin-bottom: 0px;}
table.home_news p.home_news_item {font-weight:bold;font-size: 1.1rem;color: #ffffff;margin-bottom: 0px;text-align:left;}
table.home_news p.home_news_item a {font-weight:bold;font-size: 1.1rem;color: #ffffff;}
table.home_news p.home_news_item a:hover {color: #943634;}
table.home_news {width: 100%;}
hr.latestnews {border-color: #943634 !important;}
.section-heading date {color:#943634;}
.modal-footer .close-modal {text-transform: none !important;}
#gallery_selecttion {padding-top: 16px;padding-bottom: 16px;}
h2.abstract-title {padding-bottom:0px;}
p.abstract-session {color:#943634;padding-bottom:20px;}
p.abstract-authors {padding-bottom:20px;}
#results hr {margin-bottom: 30px !important;}
a.abstract-pdf {font-weight: bold;color: #fff;background: #943634;padding: 4px 8px;}
.selecton_gallery select,
    .selecton_gallery input,
    .selecton_gallery button {
      height: 30px;          /* Όρισε ένα σταθερό ύψος  */
      line-height: 1.2;      /* Ύψος γραμμής για να κεντράρεται το κείμενο */
      font-size: 15px;       /* Ρύθμισε το font-size κατά βούληση */
      box-sizing: border-box; /* Για να συμπεριφέρεται σωστά το padding */
    }
#session {
               /* Προσαρμόζεις το πλάτος που επιθυμείς */
      /* Για να μη κόβεται το κείμενο:
         Μπορείς να βάλεις white-space: nowrap και overflow-x: auto,
         ώστε να φαίνεται scrollbar αν είναι πολύ μεγάλο το κείμενο. 
         Εναλλακτικά, μπορείς να αφήσεις το κείμενο να κάνει wrap. */
      white-space: nowrap;
      overflow-x: auto;
    }
#paper {width: 180px;}
img.item_img {padding-bottom: 12px;}

#gallery_selection .card {
    transition: all 0.3s ease-in-out;
	background: #943634 !important;
	color:#ffffff;
	height: 110px;
}

#gallery_selection .card:hover {
    transform: scale(1.02);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

#gallery_selection .form-select, .form-control {
    border-radius: 8px !important;
	padding:6px 6px;
}

#gallery_selection .btn-primary {
    background-color: #ff0000;
    margin-left: 10px;
}

#gallery_selection #search_result {
    font-size: 0.9rem;
    color: #555;
}






/*--------- Responsive ----------*/

@media (min-width: 1100px) {

}
@media (min-width: 992px) {  
  header.masthead .container {max-width: 960px;;bottom: 50px !important;} 
  header.masthead2 .container {max-width: 960px;;bottom: 50px !important;} 
  header.masthead h1 strong {font-size: 2.2rem !important;} 
  header.masthead2 h1 strong {font-size: 2.2rem !important;} 
  #showcase div.title p.sec-title {font-size: 2.0rem !important;}
  #showcase div.title p.sub-title {font-size: 1.7rem !important;}
  #showcase div.title  div.sec-title p.location {font-size: 1.5rem !important;}
  #showcase div.title  div.sub-title p.location {font-size: 1.5rem !important;}
  #showcase div.title p.location .loc-header {font-size: 1.7rem !important;}
  #key_dates table.key_dates {width:80% !important;}
  
}
@media (min-width: 800px) {
  header.masthead {height: 100vh;min-height: 650px;padding-top:0px;padding-bottom: 0;}
  header.masthead2 {height: 260px;padding-top:0px;padding-bottom: 0;}
  header.masthead h1 {margin-bottom: 0px; } 
  header.masthead2 h1 {margin-bottom: 0px; } 
  header.masthead h1 strong{text-align:left;padding:20px 0 10px 0;display:inline-block;} 
  header.masthead .container {position: absolute;bottom: 0px;left: 0;right: 0;padding-right: 5px;padding-left: 5px;text-align: center;}
  header.masthead2 .container {padding-right: 5px;padding-left: 5px;text-align: center;margin-top:auto;margin-bottom:auto;}
  header.masthead .container .row {width:80%;margin-right: auto;margin-left: auto;}  
  header.masthead2 .container .row {width:80%;margin-right: auto;margin-left: auto;}  
  table.topics_table td {width:50%;} 
  #key_dates table.key_dates td div.key-item {display:block;}
  #key_dates table.key_dates {width:100%;}
  #key_dates table.key_dates div.key-item p {text-align:left;}
  #key_dates table.key_dates td {padding:6px 0px;}
  #key_dates table.key_dates td.key1 div.key-item {margin-right:auto;width:290px;}
  #key_dates table.key_dates td.key2 div.key-item {margin-left:auto;width:340px;}
  #key_dates table.key_dates td.key3 div.key-item {margin-right:auto;width:290px;}
  #key_dates table.key_dates td.key4 div.key-item {margin-left:200px;margin-right:auto;width:410px;}
  #key_dates table.key_dates td.key5 div.key-item {margin-left:auto;width:340px;margin-right: 180px;}
  #key_dates table.key_dates td.key6 div.key-item {margin-left:auto;width:340px;}
  #key_dates table.key_dates td.key7 div.key-item {margin-right:auto;width:290px;}
  #key_dates table.key_dates td.key8 div.key-item {margin-left:auto;width:340px;}
  #key_dates table.key_dates td.key9 div.key-item {margin-left:200px;margin-right:auto;width:410px;}
  #key_dates table.key_dates td.key10 div.key-item {margin-left:auto;width:340px;margin-right: 180px;}
  #key_dates table.key_dates td.key11 div.key-item {margin-left:auto;width:340px;}
  #key_dates table.key_dates td.key12 div.key-item {margin-left:auto;width:340px;margin-right: 180px;}
}
@media (max-width: 799px) {
  p.home_news_item {text-align:center !important;}
  table.topics_table td {width:100%;float:left;}
  #topics ul.topics {margin-bottom:0px;}
  header.masthead {height: 100vh;min-height: 650px;padding-top:0px;padding-bottom: 0;}
  header.masthead2 {height: 100vh;min-height: 650px;padding-top:0px;padding-bottom: 0;}
  header.masthead h1 {margin-bottom: 0px; } 
  header.masthead2 h1 {margin-bottom: 0px; } 
  header.masthead h1 strong{padding:10px;display:inline-block;font-size: 1.4rem;} 
  header.masthead2 h1 strong{padding:10px;display:inline-block;font-size: 1.4rem;} 
  header.masthead .container {position: absolute;bottom: 0px;left: 0;right: 0;max-width: 90%;padding-right: 5px;padding-left: 5px;text-align: center;}
  header.masthead2 .container {position: absolute;bottom: 0px;left: 0;right: 0;max-width: 90%;padding-right: 5px;padding-left: 5px;text-align: center;}
  header.masthead .container .row {width:90%;margin-right: auto;margin-left: auto;}
  header.masthead2 .container .row {width:90%;margin-right: auto;margin-left: auto;}
  header.masthead .container  div.title{color:#EBDAC0  ;max-width: 100%;flex: none;}
  header.masthead2 .container  div.title{color:#EBDAC0  ;max-width: 100%;flex: none;}
  #showcase .container  div.title a.pr_programm {font-size: 1rem;}
  #showcase div.title{max-width: 100%;flex: none;}
  #showcase div.title p.sec-title {font-size: 1.4rem;}
  #showcase div.title p.sub-title {font-size: 1.2rem;}
  #showcase div.title p.location {font-size: 1.1rem;}
  #key_dates table.key_dates td div.key-item {width:100%;display:block;}
  #key_dates table.key_dates {width:100%;}
  #key_dates table.key_dates div.key-item p {text-align:center;}
  #key_dates table.key_dates .key-item div.footer {margin-left: auto;margin-right: auto;margin-bottom: 10px;}
  #preliminary_program table.pr_prog td {width:100%;float: left;text-align: center;}
  #publications table.pr_prog td {width:100%;float: left;text-align: center;}
  #venue p.venue {padding-top:20px;}
  #venue img {width: 100%;}
  
}
@media (max-width: 992px) {
	#topics .container {max-width: 100%;}
	div.selecton_gallery {text-align:center !important;padding-bottom:16px;}
  #gallery_selecttion {padding-bottom: 0px !important;}
  #gallery_selection .card {margin-bottom: 20px !important;}
	
}
@media (max-width: 599px) {
  #committees .btn {display: inherit;}
  header.masthead h1 strong{font-size: 1.3rem;padding:6px;}
  header.masthead2 h1 strong{font-size: 1.3rem;padding:6px;}
  header.masthead .container {max-width: 96% !important;}
  header.masthead2 .container {max-width: 96% !important;}
  #showcase div.title p.sec-title {font-size: 1.3rem;}
  #showcase div.title p.sub-title {font-size: 1.1rem;}
  #showcase div.title p.location {font-size: 1.1rem;}
  div.article td.image {width:100% !important;}
  div.article td.content {width:100% !important;}
  #publications table.journal_logos td.logo {width:100% !important;text-align:center !important;padding-right:0px;}
  
}
@media (max-width: 767px) {  
  #Cultural_Heritage table.ch td.img {width:100%;display: block;}
  #Cultural_Heritage table.ch td.img img {max-width:350px;padding-right:0px;}
  #Cultural_Heritage table.ch  {display: block;}
  #Cultural_Heritage table.ch tbody {display: block;}
  #Cultural_Heritage table.ch tr {display: block;}
  div.article-box .date {padding-top: 15px;padding-bottom: 5px;}
  table.home_news td {width: 100% !important;float: left;padding:10px !important;}
@media (max-width: 400px) {
  header.masthead .container {max-width: 100% !important;padding:4px;}
  header.masthead2 .container {max-width: 100% !important;padding:4px;}
  #key_dates .event .event-day {width: 70px;height: 70px;}
  #key_dates .event+.event:before {left: 35px;}
  #key_dates .event:after {left: 35px;}
  #key_dates .event .event-content {padding-left: 86px}
  #key_dates div.event-content h3.event-title {padding-top: 0px !important;}
  #key_dates .event .event-day .year {font-size: 12px !important;}
  #showcase div.title p.progr {margin-bottom: -4px !important;}
  
}
@media (min-width: 700px) and (max-width: 991px) {
  header.masthead h1 strong{font-size: 1.6rem;}
  header.masthead2 h1 strong{font-size: 1.6rem;}
  header.masthead .container {max-width: 80% !important;}
  header.masthead2 .container {max-width: 80% !important;}
  #showcase div.title p.sec-title {font-size: 1.5rem;}
  #showcase div.title p.sub-title {font-size: 1.3rem;}
  #showcase div.title p.location {font-size: 1.3rem;}
}

    

