/*
    Use this stylesheet to modify the layout of your
    conference.
*/

/* ----------- Styles for the conference header ----------- */

.conf {
  width: 100%;
  border: none;
  margin: auto;
  background: lightblue url("https://indico.if.us.edu.pl/event/20/attachments/477/585/49zfpB2vlow.jpg") no-repeat;
  background-size: cover;
center
}

.confTitleBox {
  background: lightblue url("https://indico.if.us.edu.pl/event/20/attachments/477/586/49zfpB2.jpg") no-repeat !important;
  background-size: cover !important;
}

.conference-page {
 background: white;
}

.confTitle span[itemprop="title"]{
 display: none !important; 
}

/*
The wrapper of the whole conference page.
*/
/*.conf {
  width: 100%;
  border: none;
  margin: auto;
}
*/
/*
Wraps around the upper part of the conference header.
*/
.confTitleBox {
  color: white;
  min-height: 90px;
  border-top: 3px solid #234173;
  border-bottom: 1px solid #0f4c80;
  background: #1a64a0;
}

/*
Sets the width of the upper part of the conference header.
Is set to 950px and centered by default.
*/
.confTitle {
  width: 950px;
  margin: 0 auto;
}

/*
The box containing the logo. By the default the logo is placed
on the left of the conference title.
*/
.confLogoBox {
  float: left;
  padding-right: 10px;
}

/*
The style for the title text.
*/
.conference-title-link {
  font-size: 22pt;
  display: block;
  padding: 25px 0;
  color: white;
}

/*
Wrapper around the bottom part of the conference header
*/
.confSubTitleBox {
  background: #f5faff;
  border-bottom: 1px solid #d5e4f1;
  border-top: 1px solid #d5e4f1;
  padding: 0.5rem 0;
}

/*
The content of the lower part of the header. Is by default
centered and has a fixed width.
*/
.confSubTitleContent {
  width: 950px;
  margin: 0 auto;
  font-size: 11pt;
  color: #24425a;
}

/*
Style for links in the lower part of the header
*/
.confSubTitle a {
  font-size: 11pt;
}

/*
Styles for the date and place information.
*/
.datePlace {
  font-size: 12pt;
}

/*
Announcement styles
*/
.simpleTextAnnouncement {
  background: #f5faff url(/images/conf/sprites_blue.png) repeat-x scroll 0 -400px;
  border-top: 1px solid #c2d6e7;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
  color: #0f283d;
  padding: 8px 0;
}

/* ----------- Styles for the main content ----------- */

/*
The wrapper around the menu and the page content.
By default centered with a fix width.
*/
#confSectionsBox {
  width: 950px;
  margin: 0 auto;
  margin-top: 30px;
}

/* ----------- Styles for the menu ----------- */

/* Styles for all menu Items */

/*
Wrapper around the menu
*/
.conf_leftMenu {
  float: left;
  width: 200px;
}

/*
Styles for the menu box
*/
#outer {
  border: 1px solid #ccc;
  background: #f6f6f6;
}

/*
The menu item
*/
#outer li a {
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
}

/*
The menu item when doing mouseover
*/
#outer li a:hover {
  background: #e0e0e0;
}

/*
A non selected menu item
*/
.menuConfTitle {
  text-align: left;
}

.menuConfTitle a {
  color: #275c86;
  padding: 7px 12px;
}

/*
A selected menu item
*/

.menuConfTitle.selected > a,
.menuConfMiddleCell.selected > a {
  color: #bd891a;
  background: #dadada;
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
}

/*
sub menu item
*/
li ul.inner li a {
  padding: 3px 12px 3px 30px;
  background: transparent url(/images/conf/left_menu_bullet.png) scroll no-repeat 15px center;
}

/*
Support box
*/

.support_box {
  background: #f6f6f6;
  border: 1px solid #ccc;
}

.support_box > h3 {
  color: #f3f3f3;
  background: #1a64a0;
}

/* ----------- Styles for the page content ----------- */

/*
Wrapper around the content
*/
.confBodyBox {
  margin-left: 230px;
}

@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
 }
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  line-height: 1em;
}
.container {
    position: relative;
    top: 50%;
  width: 80%;
  transform: translateY(-50%);
}
img {
  display:block;
}

.carousel-nine-images{
	position: relative;
  top: 1em;
  left: 15%;
      top: 50%;
  transform: translateY(-50%);
      margin: auto 0
  /* Can be anything, but must be defined */
}
/*
.carousel-eight-images img {
  width: 400px;
  height: 400px;
}*/
.carousel-nine-images .changing {
	position:absolute;
	opacity:0;
	top:70px;
	left:0;
    right:0;
	bottom:0;
    margin: auto;
}
.carousel-nine-images .one{
	animation:animate-nine-one 15s infinite forwards linear;
}
.carousel-nine-images .two{
	animation:animate-nine-two 15s infinite forwards linear;
}
.carousel-nine-images .three{
	animation:animate-nine-three 15s infinite forwards linear;
}
.carousel-nine-images .four{
	animation:animate-nine-four 15s infinite forwards linear;
}
.carousel-nine-images .five{
	animation:animate-nine-five 15s infinite forwards linear;
}
.carousel-nine-images .six{
	animation:animate-nine-six 15s infinite forwards linear;
}
.carousel-nine-images .seven{
	animation:animate-nine-seven 15s infinite forwards linear;
}
.carousel-nine-images .eight{
	animation:animate-nine-eight 15s infinite forwards linear;
}
.carousel-nine-images .nine{
	animation:animate-nine-nine 15s infinite forwards linear;
}


@keyframes animate-nine-one
{
    0%	{opacity:0;}
    1.5%{opacity:1;}
    9.6% {opacity:1;}
    12.6% {opacity:0;}
}

@keyframes animate-nine-two
{
    0%	{opacity:0;}
    9.6% {opacity:0;}
    12.6% {opacity:1;}
    20.7% {opacity:1;}
    23.7% {opacity:0;}
}
@keyframes animate-nine-three
{
    0% {opacity:0;}
    20.7% {opacity:0;}
    23.7% {opacity:1;}
    31.8% {opacity:1;}
    34.8% {opacity:0;}
}
@keyframes animate-nine-four
{
    0% {opacity:0;}
    31.8% {opacity:0;}
    34.8% {opacity:1;}
    42.9% {opacity:1;}
    45.9% {opacity:0;}
}
@keyframes animate-nine-five
{
    0% {opacity:0;}
    42.9% {opacity:0;}
    45.9% {opacity:1;}
    54.1% {opacity:1;}
    57.1% {opacity:0;}
}

@keyframes animate-nine-six
{
    0% {opacity:0;}
    54.1% {opacity:0;}
    57.1% {opacity:1;}
    65.2% {opacity:1;}
    68.2% {opacity:0;}
}
@keyframes animate-nine-seven
{
    0% {opacity:0;}
    65.2% {opacity:0;}
    68.2% {opacity:1;}
    76.3% {opacity:1;}
    79.3% {opacity:0;}
}
@keyframes animate-nine-eight
{
    0% {opacity:0;}
    76.3% {opacity:0;}
    79.3% {opacity:1;}
    87.4% {opacity:1;}
    90.4% {opacity:0;}
}
@keyframes animate-nine-nine
{
    0% {opacity:0.5;}
    1.5% {opacity:0;}
    87.4% {opacity:0;}
    90.4% {opacity:1;}
    98.5% {opacity:1;}
    100% {opacity:0.5;}
}