.publication ul li {
	margin: 0 10px!important;
	padding: 4px 0!important;
	-webkit-transition: all .3s ease-out;
	   -moz-transition: all .3s ease-out;
	    -ms-transition: all .3s ease-out;
	     -o-transition: all .3s ease-out;
	        transition: all .3s ease-out;
}
.publication ul li:hover {
    background: #003b64;
    color: #fff;
	margin: 0 !important;
	padding: 4px 10px !important;
}
.publication a:hover{
	color:#fff;
}
.center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.publication ul li p {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

@keyframes slidy {
    0%, 10%, 100%   { left: 0 }
    15%, 25%        { left: -100% }
    30%, 45%        { left: -200% }
    50%, 65%        { left: -300% }
    70%, 85%        { left: -400% }
}
figure { 
  margin: 0; 
  font-family: 
  Istok Web, sans-serif;
  font-weight: 100;
}
div #captioned-gallery { 
  width: 100%; 
  overflow: hidden; 
}
figure.slider { 
  position: relative; 
  width: 500%;
  font-size: 0; 
  animation: 30s slidy infinite; 
}
figure.slider figure { 
  width: 20%; 
  height: auto;
  display: inline-block;  
  position: inherit; 
}
figure.slider img { 
    height: auto; 
}
figure.slider figure figcaption { 
  position: absolute; 
  bottom: 0;
  background: rgba(0,0,0,0.4);
  color: #fff; 
  width: 100%;
  font-size: 0.9rem; 
  padding: 0.6rem 0; 
}
.dots_commands li {
    display:inline;
    padding:0; margin:0;
    list-style:none;
}
.dots_commands a {
    position: relative;
    display:inline-block;
    height:8px; width: 8px;
    margin: 0 5px;
    text-indent: -9999px;
    background: #fff;
    border-bottom:0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
    z-index:25;
}
.dots_commands li + li a {
    z-index:10;
}
@-moz-keyframes dotser {
    0%, 100%    { opacity: 1; left: 0;      }
    
    20%         { opacity: 1; left: 0;      }
    22%         { opacity: 0; left: 0;      }
    23%         { opacity: 0; left: 18px;   }
    25%         { opacity: 1; left: 18px;   }
    
    45%         { opacity: 1; left: 18px;   }
    47%         { opacity: 0; left: 18px;   }
    48%         { opacity: 0; left: 36px;   }
    50%         { opacity: 1; left: 36px;   }
    
    70%         { opacity: 1; left: 36px;   }
    72%         { opacity: 0; left: 36px;   }
    73%         { opacity: 0; left: 54px;   }
    75%         { opacity: 1; left: 54px;   }
    
    95%         { opacity: 1; left: 54px;   }
    97%         { opacity: 0; left: 54px;   }
    98%         { opacity: 0; left: 0;  }
}
@-webkit-keyframes dotser {
    0%, 100%    { opacity: 1; left: 0;      }
    
    20%         { opacity: 1; left: 0;      }
    22%         { opacity: 0; left: 0;      }
    23%         { opacity: 0; left: 18px;   }
    25%         { opacity: 1; left: 18px;   }
    
    45%         { opacity: 1; left: 18px;   }
    47%         { opacity: 0; left: 18px;   }
    48%         { opacity: 0; left: 36px;   }
    50%         { opacity: 1; left: 36px;   }
    
    70%         { opacity: 1; left: 36px;   }
    72%         { opacity: 0; left: 36px;   }
    73%         { opacity: 0; left: 54px;   }
    75%         { opacity: 1; left: 54px;   }
    
    95%         { opacity: 1; left: 54px;   }
    97%         { opacity: 0; left: 54px;   }
    98%         { opacity: 0; left: 0;  }
}
@keyframes dotser {
    0%, 100%    { opacity: 1; left: 0;      }
    
    20%         { opacity: 1; left: 0;      }
    22%         { opacity: 0; left: 0;      }
    23%         { opacity: 0; left: 18px;   }
    25%         { opacity: 1; left: 18px;   }
    
    45%         { opacity: 1; left: 18px;   }
    47%         { opacity: 0; left: 18px;   }
    48%         { opacity: 0; left: 36px;   }
    50%         { opacity: 1; left: 36px;   }
    
    70%         { opacity: 1; left: 36px;   }
    72%         { opacity: 0; left: 36px;   }
    73%         { opacity: 0; left: 54px;   }
    75%         { opacity: 1; left: 54px;   }
    
    95%         { opacity: 1; left: 54px;   }
    97%         { opacity: 0; left: 54px;   }
    98%         { opacity: 0; left: 0;  }
}
.dots_commands li:first-child a:after,
.dots_commands li:first-child a:before {
    position: absolute;
    top: 0; left: 0;
    content: " ";
    width: 8px; height: 8px;
    background: #bd9b83;
    z-index:20;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
}
.dots_commands li:first-child a:after {
    -webkit-animation: dotser 32s infinite; /* webkit can't animate pseudo-element =_= :L: */
    -moz-animation: dotser 32s infinite; /* thanks moz ! :D */
    animation: dotser 32s infinite;
}
.dots_commands li:first-child a:before {
    display:none;
}
.row + .row {
    margin-top: 10px;
}
.pu-border{    
    margin: 0px 15px;
    position: relative;
}
.pu-border > div{
    margin-top: 10px;
    margin-bottom: 10px;
}
.pu-border a{
    color: #ffffff;
    font-size: 24px;
    font: 400 26px/28px 'Roboto Slab', sans-serif;
    text-align: justify;
    text-decoration: none;
}
.pu-info{
    margin-top: 2px;
}
.pu-info p {
    color: #888888;
    font: 300 24px/12px 'Roboto Slab', sans-serif;
}
.pu-info span{           
    font-size: 14px;
    font-style: italic;
    margin: 0px !important;
}
.caption {
    display: table-cell;
    padding-right: 30px;
    padding-left: 40px;
    height: 280px;
    vertical-align: middle
}
.pu-infos p,
.pu-infos span{       
    color: #333;
    font-size: 12px;
    font-style: italic;
    margin: 0px !important;
}

@media screen and (max-width: 980px) {
    .pu-border {
        margin: 0px 15px !important;
        /*top: 50px !important;*/
    }
    .pu-border a {
        font-size: 20px !important;
    }
    .widgets-pub{
        padding: 50px 0px !important;
    }
}

@media screen and (max-width: 480px) {
    .row + .row {
        margin-top: 10px !important;
    }
    .pu-border {
        margin: 0px 10px !important; 
    }
    .pu-border a{
        font-size: 13px !important;
    }
    .pu-info{
        margin-top: 2px !important;
    }
    .pu-border > div {
        margin-bottom: 0px !important;
    }
    .pu-info p,
    .pu-info span{
        font-size: 12px !important;
    }
    .widgets-pub{
        margin-bottom: -30px !important;
    }
    .caption {        
        padding-right: 0px;
        padding-left: 0px;
        height: 120px;        
    }    
}
ol.carousel-indicators li{
    background: #d5d4d4 !important;
    border: 0px solid #fff !important;
}
ol.carousel-indicators .active{
    background-color: #818080 !important;
}