/* Minification failed. Returning unminified contents.
(318,28): run-time error CSS1035: Expected colon, found ';'
 */
@charset "utf-8";
/* CSS Document */
#home .controls {position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block; width:100%; display:inline-block}
/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h3{font-weight:700;color:#525252;}
section.module h3 span, section.module h1 span{font-weight:300; color:#4dbcd8;}
section.module h1 {font-weight:700;color:#525252; text-transform:uppercase;}
section.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}
section.module p {
/*  margin-bottom: 40px;*/
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 100px 0;
}
.screen1 {padding:0 0 10px 0 !important;}
section.module.parallax {
  min-height: 250px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
 padding:1%;
  border-top:10px solid #f7f7f7;
  border-bottom:10px solid #f7f7f7;
   margin-bottom:-50px;
}
section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  text-align: center;
  text-transform:  none;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding:1%;

}
section.module.parallax-1 {
  background-image: url("../images/1.jpg");
}
section.module.parallax-2 {
  background-image: url("../images/2.jpg");
}
section.module.parallax-3 {
  background-image: url("../images/3.jpg");
}
section.module.parallax-4 {
  background-image: url("../images/4.jpg");
}


@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
 
  section.module p {
   /* font-size: 20px;*/
  }
  section.module.parallax h1 {
    font-size: 35px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 40px;
  }
}
@media (max-width: 764px) { 
section.module h1 {
    font-size: 27px;
  }
     section.module.parallax h1 {
    font-size: 24px;
  }
  }
  section.module.parallax-1 h1 {line-height:1;}
.born-digital .img-thumbnail{ padding:4px; background-color: rgba(255,255,255,0.75)}
#Carousel-digital  .carousel-inner{ min-height:160px;}
#Carousel-digital .carousel-indicators {BOTTOM:0PX; display:block}
.agenda {position:relative;}
.agenda .thumbnail {padding:0px; border:0px; text-align:center; box-shadow:0 0 0px rgba(50, 50, 50, 0.1); margin-bottom:10px;}
.agenda .thumbnail img {border-radius:5px;}
.agenda .item{margin-left:10px;}
.agenda .controls {position:absolute; z-index:99; top:125px; width:100%; }
.well .flaticon-webcast, .well .fa-file-text {font-weight:300}

.titles div {float:left; font-size:14px; width:60px; text-align:center; margin:0 0px 0px 22px; padding:2px; color:#4dbcd8;  line-height: 1; font-weight: 400;}
.icon-left, .icon-right { width:40px; height:40px; position:absolute;top:50%; z-index:666}
/************************visitors *******************/
.opening-hours {font-weight:400; line-height:1; text-transform:none; }
.opening-hours .caret {  color:#fff; position:absolute; top:22px; left:-9px; transform:rotate(90deg)} 
.tours { padding:10px 0;  }
.tours a { margin:0px 8px; padding:3px;}
.tours a i {color:#848494;font-size:28px}

.visitors .nav-tabs.nav-justified > li {  color:#fff; font-weight:400; background-color:#4dbcd8; border-right: 1px solid #ddd;}
.visitors .nav-tabs.nav-justified > li a { color:#fff;border-top:0px; border-radius:0px; background-color:#4dbcd8; padding:10px 5px;  border-bottom:0px; height:98px;}
.visitors .nav-tabs.nav-justified > li.active {border:0px; }
.visitors .nav-tabs.nav-justified > li.active a {color:#d1144c; border-top:0px;background-color:#4F4F4F ;}
.visitors .nav-tabs.nav-justified > li span {font-size:12px; display:inline-block}
.visitors .nav-tabs.nav-justified > li a div {font-size: 12px;color: grey; display:none;}
.visitors .nav-tabs.nav-justified > li.active div {display:block; font-weight:700}
.visitors a { transition: all .2s ease-in-out; }
/* ------------------- Carousel inside tab Styling ------------------- */
.visitors .tab-pane {padding:0px;} 
.visitors .carousel-inner {
  border-radius: 0px;
}
.visitors .carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 10px 0 10px 25px;
  color: #fff;
  text-align: left;
}
.visitors .carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}.visitors .carousel-control.left,
.visitors .carousel-control.right {
  background-image: none;
}
.visitors .carousel-caption h2 { color:#fff; margin-bottom:0px; font-size:20px}
.visitors .carousel-indicators li {
width: 15px;
height: 15px;
margin: 1px;
background-color: #000 \9;
background-color: rgba(50, 50, 50, 0.53);
border: 3px solid #fff;
border-radius: 10px;
}
.visitors .carousel-indicators li.active {background-color:#d42357;}

.days {padding:15px 10px; margin:20px 0px 5px 0px }
.days a { transition: all .2s ease-in-out;color:#848494;}
.days a:hover {color:#d42357;}
.days div {text-align:center; line-height:1; margin:0px 13px; }
.days span { display:block; }
.days .active a {font-weight:700; color:#d42357; }
.visitors .side-title a {color:#848494;}
.visitors .side-title a:hover {color:#4dbcd8;}

.visitors .links i {display:block; font-size:25px } 
.visitors .links a { margin:0 6px; min-width:130px;min-height: 80px;}

@media (max-width:740px){
	.visitors .tours {padding:0px;}
	.visitors .tours a { width:100% !important; display:inline-block; border:1px solid #f2f2f2; margin:4px inherit;}
	.opening-hours i {margin-right:0px;}
	.days{padding:0px;}
	.days div {border:1px solid #f2f2f2; width:80px; margin:2px 2px;background: #fff; padding:5px inherit;}
	.visitors .links a {display:block; width:100%; margin-bottom:4px;}
	
	}
/****************************** children*****************************/
.children a , .readers a{ transition: all .2s ease-in-out; }
.children h1, .readers h1 {margin-bottom:0px; padding-bottom:0px;}
.children-bg { background:transparent url(../images/children-bg.png) repeat-x center 80px;}
.children  .carousel {position:relative; }
/*.children .carousel-inner{height:300px;}*/
.children .controls { position:absolute;top:40%;  width:100%; z-index:666 }
.children .controls a {transition: all .2s ease-in-out;} 
.children .controls a:hover { transform:scale(1.2) }
.children .controls .left {float:left; margin-left:0px}
.children .controls .right {float:right;margin-right:0px}
.children .carousel-indicators {bottom:-45px}
.children  .carousel-indicators li {border:2px solid #4dbcd8; width:20px; height:20px;}
.children  .carousel-indicators .active { background:#d1144c;}
.children .carousel .date {background:rgba(209, 20, 76, 0.5); color:#fff;  display:inline-block; padding:10px}
.children .carousel .desc {background:rgba(50, 50, 50, 0.7); color:#fff; padding:10px }
.children  .carousel-caption { /*width:100%;*/ background:rgba(50, 50, 50, 0.8);/*left:0px; bottom:0px;*/ color:#fff; text-align:left; padding:0 2%; bottom:0; left:0; right:0; }
.children .image-overlay {box-shadow:0px 0px 0px rgba(51, 51, 51, 0.3);}

.ch-lib {width:140px; height:140px; border-radius:50%; background-color:rgba(209, 20, 76, 0.69) ; margin:auto 10px; font-weight:400; display:inline-block; border:4px solid #f84278; padding:35px 16px;line-height:1.2; text-align:center; color:#fff}
.ch-lib:hover {background-color:rgba(209, 20, 76, 0.0); color:#4dbcd8; border-color:#4dbcd8;}

.ch-project {width:140px; height:140px; border-radius:50%; background-color:rgba(77, 188, 216, 0.69) ; margin:auto 10px; font-weight:400; display:inline-block; border:4px solid #4dbcd8 ; padding:35px 16px;line-height:1.2; text-align:center; color:#fff}
.ch-project:hover {background-color:rgba(209, 20, 76, 0.0); color:#4dbcd8; border-color:#4dbcd8;}

.children .btn-default { background:#f4f4f4; border:#f4f4f4; margin-top:10px;border-radius:0px;}
.children .btn-default:hover {color:rgba(209, 20, 76, 1);}
.children h4 {font-weight:700; font-size:30px}
.filtered-cal {text-align:right}
@media (max-width:440px) {
	
	.children .carousel-caption .desc, .children .carousel-caption  p, .children .carousel-caption .date { padding:4px; font-size:12px;}	
	.children .controls {top:1%; /*width:23%*/}
	
    
	.children .carousel-indicators{display:none;}
	.filtered-cal {text-align:left}
    .children .margin-top40{margin-top:10px !important;}
    .children .btn-block {font-size:12px; padding:10px 5px;}
	
}
@media (max-width:764px) {
	.children .carousel-indicators{bottom:0;}
	.children .carousel-caption h3 {margin:0; font-size:18px; }
    .children .carousel-caption p {margin:4px; padding:4px;}
    
	
}

/***************readers**********************/

.readers h3 i {display:block; color:#4dbcd8; margin-bottom:1px; font-size:50px; font-weight:300}
.readers h3 { font-size: 20px;}
.readers .nav-tabs {margin-top:10px;}
.readers .nav-tabs > li { border:0 !important; text-transform:uppercase;width:auto !important; font-size:14px;}
.readers .nav-tabs > li:last-child  {margin-right:-2px}
.readers .nav-tabs > li a { color:#939393;border-top:0px; border-radius:0px; background-color:#e1e1e1; padding:4px;}
.readers .nav-tabs > li.active {border:0px; }
.readers .nav-tabs > li.active a {color:#ffffff; border:0px;background-color:#d1144c ;}
.readers .nav-tabs > li > a:hover, .readers .nav-tabs > li.active > a:hover,.readers .nav-tabs > li.active > a:focus {border-top:1px solid #f4f4f4;}
.readers .tab-pane {background:#f4f4f4;margin-top:-2px; padding:0px;} 
.readers .thumbnail {padding:2px;}
/*.readers .controls {position:absolute; top:50px; width:100%}
.readers .controls .right{float:right}*/
.readers .carousel-inner{margin-top:15px}
.readers .carousel-indicators {bottom:-15px}
.readers .carousel-indicators li { background-color:#FFF; border-color:#d42357 }
.readers .carousel-indicators li.active  {background-color:#d42357;}
.book-search {display:block; background:#4dbcd8; padding:35px 15px;}
.book-search input[type="text"]{  border:0; background-color:#fff;color:#777; }
.book-search button[type="submit"] {border:0; background:#f7f7f7; color:#555;}
.book-search button:focus , .book-search button:hover  {background:#71d6ef; color:#fff;border:0;}
.book-search input[type="text"]:focus ,.book-search input[type="text"]:hover , .book-search input[type="text"].focus { border:0; background-color:#f2f2f2}
@-moz-document url-prefix() { 
   .readers .tabs {float:left !important;}
    .readers .nav-tabs {
    position: relative;
    top: -40px;
  }
} 
@media (max-width:767px) {
	.book-search {padding:20px;}
	.readers  h3 i {display:inline; margin:10px !important; font-size:24px;}
	.readers .padding-none{padding:15px !important}
	.readers  .text-right{text-align:left !important;}
	.readers .border-bottom{ border-bottom:0px !important;}
	.readers .nav-tabs .pull-left {float:none !important}
	.nomargin  .margin-top30 {margin-top:0px !important}
}
.readers h3 .go-link i {font-size:14px; color:#777; display:inline}
.readers h3 a { color:#777;}
.readers h3 a:hover {color:#d42357}
/************************academic****************************/

.blue-wrap {background:#4dbcd8 ;}
.container-fluid.blue-wrap  {padding:0px;}
.small-wrap  {
    background-image: linear-gradient(left, transparent 66%,rgba(247,247,247,1) 300px, rgba(247,247,247,1) 100%);
    background-image: -webkit-linear-gradient(left, transparent 66%,rgba(247,247,247,1) 300px, rgba(247,247,247,1) 100%);
    background-image: -moz-linear-gradient(left, transparent 66%,rgba(247,247,247,1) 300px, rgba(247,247,247,1) 100%);
    background-image: -ms-linear-gradient(left, transparent 66%,rgba(247,247,247,1) 300px, rgba(247,247,247,1) 100%);
    background-image: -o-linear-gradient(left, transparent 66%,rgba(247,247,247,1) 300px, rgba(247,247,247,1) 100%);
    width: 100%;
   
}
.academic .resources-color {background:#f7f7f7; min-height:622px}
.academic .col-md-8 {margin-left:-15px;}
.academic .tabs { margin:0px;  }
.academic .tab-pane {background:#fff; border:0;min-height:592px} 
.academic .nav-tabs > li a { color:#fff;border-top:0px; border:0; border-radius:0px; margin:0px; background-color:transparent; padding:10px 5px; font-size:14px; min-height:50px}
.academic .nav-tabs > li .active a:hover, .academic .nav-tabs > li .active {border:0 !important; color:#4dbcd8!important}
.academic .nav-tabs > li a:hover {color:#777 !important}
.academic .nav-tabs > li.active a {color:#626060; border:0 !important;background-color:#ffffff !important;}
.academic .nav-tabs > li.active {border:0!important }
.tabs-left .nav-tabs {float: left;border: none; max-width:270px;}
.tabs-left .nav-tabs > li {float: none;margin-bottom: 2px;margin-right: -1px;}
.tabs-left .tab-content {overflow: auto;}
.academic h4 {color:#525252; font-weight:700; padding-left:10px;}
.academic h4 span {color:#4dbcd8; font-weight:300;}
.academic .col-md-4{padding:10px 30px;}
.academic .fa-ul{/*padding:0px;*/}
.academic .resources  .fa-ul{padding:0px;margin-left:0px; line-height:1.5}
.academic .resources li  { margin-left:0px; font-size:14px;}
.academic .resources i { font-size:16px; margin-left:10px !important; margin-bottom:5px; border:1px solid #4dbcd8; background:#fff; padding:6px 7px; border-radius:50%; width:35px; height:35px; display:inline-block}
.academic .resources i:before , .academic .resources i:after {margin-left:0px;}
.academic .light a{ font-size:15px; /*color:#525252*/}

@media (max-width:767px) {
	.blue-wrap {background:transparent ;}
	.small-wrap {background-image:none !important}
	.academic .resources-color {background:#f7f7f7; margin-top:-10px; padding:10px 0px;}	
	.academic  .filtered-cal, .filtered-cal  {text-align:left !important;}
	.academic .tabs-left .tab-content {overflow: visible !important }
	.academic .tab-pane {height:auto !important;}
	.tabs-left .nav-tabs {none; max-width:auto !important;}
	.academic .nav-tabs li a { color:#4dbcd8; border-bottom:1px solid #f7f7f7;}
   .academic  .resources-color { min-height: inherit !important}
}
@media (max-width:992px) {
		
	/*.blue-wrap {background:transparent ;}*/
	.small-wrap {background-image:none !important} 
	.small-wrap .container {background:#4dbcd8;}
	.academic .resources-color {background:#f7f7f7;}
	
}

.end .light-bg {padding:40px;}
.contact h2 {font-weight:700;}
.contact p {line-height:1.4}
.contact input[type=text], .contact textarea  {padding:5px 10px; border:1px solid #f2f2f2; background:#fff; margin:20px 0px; }
.contact input[type=text]:focus , .contact textarea:focus{ border-color:#4dbcd8; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.53);
-moz-box-shadow:    0px 0px 4px 0px rgba(50, 50, 50, 0.53);
box-shadow:         0px 0px 4px 0px rgba(50, 50, 50, 0.53);}

.eu-project {font-size:12px;}
.eu-project  img {margin-right:5px !important;}
.eu-project span {padding-left:5px; margin-bottom:8px; display:block}
.eu-project .color-dark {font-size:12px; display:block}
/************************** dot navigation ***************************/

#dot-nav{    
	left: 15px;
	top: 65%;
	/*margin-top: -50px;*/
	height: 100px;
	z-index: 666;
}

#dot-nav ul {
	list-style: none;
	margin:0;
	padding: 0;
}
#dot-nav li {
	position: relative;
	cursor: pointer;
	vertical-align:bottom;
}
#dot-nav li .icon-full-round {background-color:rgba(0, 0, 0, 0.2)}
    #dot-nav li.active .icon-full-round, #dot-nav li .icon-full-round:hover { background-color:#d1144c }  


#dot-nav a {
	outline: 0;
	vertical-align:top;
	margin: 0;
	position: relative;
	top:-5px;
}


@media (max-width:740px) {
    #dot-nav {display:none;}

    
}
.pad-all {
    padding-left: 10px  !important;
    padding-right:10px !important;
}
.home-slider {height:380px; position:relative; margin-top:109px;}
.slider {
/*	position: absolute;*/
	top: 0;
	width: 100%;
	right: 0;
	height:400px !important;
}
.slider {
	/*height: 100%;*/
/*	position: relative;*/
	overflow: hidden;
	width: 100%;
	-webkit-transition: 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	        transition: 0.5s cubic-bezier(0.5, 0, 0.5, 1);
	cursor: -webkit-grab;
	cursor: grab;
}

.slider > .arrow {
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	width: 8%;
	min-width: 80px;
	max-width: 200px;
	text-align: center;
	overflow: hidden;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	font-family: Arial;
	font-size: 150px;
	cursor: pointer;
	-webkit-transition: 0.4s;
	        transition: 0.4s;
}

.slider > .arrow:hover::after {
	opacity: 0.9;
	font-size: 1.2em;
	line-height: 0.8;
}

.slider > .arrow:active {
	opacity: 0.6;
	text-shadow: 0 0 10px #FFF;
	-webkit-transition: 0s;
	        transition: 0s;
}

.slider > .arrow::after {
	opacity: 0.5;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 1;
	height: 180px;
	margin: auto;
	color: transparent;
	-webkit-transition: 0.25s cubic-bezier(0.5, 0, 0.5, 1);
	        transition: 0.25s cubic-bezier(0.5, 0, 0.5, 1);
}

.slider > .arrow.prev {
	left: 0;
}

.slider > .arrow.prev::after {
	content: '\2039';
	text-shadow: 60px 0px transparent, 0 0 #FFF;
}

.slider > .arrow.prev:hover::after {
	text-shadow: 0 0px #FFF, -60px 0 transparent;
}

.slider > .arrow.next {
	right: 0;
}

.slider > .arrow.next::after {
	content: '\203A';
	text-shadow: -60px 0px transparent, 0 0 #FFF;
}

.slider > .arrow.next:hover::after {
	text-shadow: 0 0px #FFF, 60px 0 transparent;
}

.slider.start > .arrow.prev {
	-webkit-transform: translatex(-100%);
	    -ms-transform: translatex(-100%);
	        transform: translatex(-100%);
	width: 0;
}

.slider.end > .arrow.next {
	-webkit-transform: translatex(100%);
	    -ms-transform: translatex(100%);
	        transform: translatex(100%);
	width: 0;
}

.slider > .indicators {
	position: absolute;
	bottom: 3%;
	width: 95%;
	text-align: center;
	z-index: 2;
}

.slider > .indicators > .wrap {
	display: inline-block;
	position: relative;
}

.slider > .indicators > .wrap > i,
.slider > .indicators > .wrap b {
	display: inline-block;
	margin: 0 6px;
	border-radius: 50%;
	width: 0;
	height: 0;
	padding: 11px;
	border: 2px solid rgba(255, 255, 255, 0.5);
}

.slider > .indicators > .wrap > i {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 8px rgba(0, 0, 0, 0.2) inset;
	cursor: pointer;
	-webkit-transition: 0.1s ease-out;
	        transition: 0.1s ease-out;
}

.slider > .indicators > .wrap > i:hover {
	border-color: #FFF;
}

.slider > .indicators > .wrap > b {
	position: absolute;
	background: #FFF;
	margin: 3px 9px;
	padding: 8px;
	left: 0;
	top: 0;
	opacity: 1;
	-webkit-transition: 0.8s cubic-bezier(0.5, 0, 0.5, 1);
	        transition: 0.8s cubic-bezier(0.5, 0, 0.5, 1);
}

.slider.prevSlide ul > li {
	left: auto;
	right: 0;
}

.slider.prevSlide ul > li.active {
	left: 0;
	right: auto;
}

.slider.dragging {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.slider.dragging > ul > li {
	-webkit-transition: 0s;
	        transition: 0s;
}

.slider ul {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	white-space: nowrap;
	font-size: 0;
}

.slider ul > li {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.9);
	display: inline-block;
	overflow: hidden;
	width: 0;
	height: 100%;
	vertical-align: top;
	-webkit-transition: width 0.8s cubic-bezier(0.5, 0, 0.5, 1);
	        transition: width 0.8s cubic-bezier(0.5, 0, 0.5, 1);
}

.slider ul > li.active {
	width: 100%;
	z-index: 2;
	left: auto;
	right: 0;
	-webkit-transform: translateZ(0);
	        transform: translateZ(0);
	/*box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);*/
	border-bottom:5px solid #f2f2f2;
}

.slider ul > li.active > .content > h1 {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	-webkit-transition: 0.4s 0.8s cubic-bezier(0, 0.83, 0.45, 1);
	        transition: 0.4s 0.8s cubic-bezier(0, 0.83, 0.45, 1);
}

.slider ul > li.active > .content > .by {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	-webkit-transition: 0.5s 1s cubic-bezier(0, 0.83, 0.45, 1);
	        transition: 0.5s 1s cubic-bezier(0, 0.83, 0.45, 1);
}

.slider ul > li > img {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100vw;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.slider ul > li.portrait > img {
	width: auto;
	height: 100vh;
}

.slider ul > li > .content {
	position: absolute;
	left: 8%;
	bottom: 20%;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	z-index: 3;
	color: #FFF;
	font-size: 1.5rem;
}

.slider ul > li > .content > h1 {
	font: 2 em 'lato';
	margin: 0;
	color:#fff;
	font-weight:500;
			background-color: rgba(57, 187, 217, 0.7);
			padding:15px;
			 /*text-transform: uppercase;*/
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
     
			   opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.slider ul > li.active .content > h1 {
	 opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;   
}

.slider ul > li > .content > .by {
	-webkit-transform: translateY(140px);
	    -ms-transform: translateY(140px);
	        transform: translateY(140px);
	-webkit-transition: 0.2s ease-in;
	        transition: 0.2s ease-in;
            background:rgba(0, 0, 0, 0.5);
             padding:0.5em;
}

.slider ul > li > .content > .by > span {
	display: inline-block;
	line-height: 1;
	padding-right: 0.8em;
	margin-right: 0.5em;
	border-right: 6px solid rgba(244, 51, 86, 0.5);
   
}

.slider ul > li > .content > .by > a {
	padding: 1px 5px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	border-radius: 6px;
	-webkit-transition: 0.1s;
	        transition: 0.1s;
}

.slider ul > li > .content > .by > a::after {
	display: inline-block;
	opacity: 0;
	/*content: 'Photo Contests';*/
	font-size: 0.8em;
	max-width: 0;
	line-height: 0.9;
	overflow: hidden;
	-webkit-transition: 0.3s ease-out;
	        transition: 0.3s ease-out;
}

.slider ul > li > .content > .by > a:hover {
	color: #FFF;
	background: rgba(0, 0, 0, 0.2);
	text-shadow: 0 0 6px #000;
}

.slider ul > li > .content > .by > a:hover::after {
	max-width: 140px;
	margin-left: 0.5em;
	opacity: 0.6;
}

@media screen and (max-width: 600px) {

.slider > .arrow {
	min-width: 40px;
	font-size: 80px;
}

.slider > .arrow::after {
	/*height: 100px;*/
}

.slider > .indicators > .wrap > i,
.slider > .indicators > .wrap b {
	margin: 0 4px;
	padding: 6px;
}

.slider > .indicators > .wrap > b {
	margin: 6px 4px;
	/*padding: 8px;*/
}

.slider ul > li > .content {
	font-size: 1rem;
	/*bottom: 16%;*/
	white-space: normal;
}

}
@media screen and (max-width: 764px) { 
	.slider ul > li > .content > h1 {font-size:1.8em}
     .slider ul > li.portrait > img {height:auto;}
    .home-slider {
        height: 300px;
    }
}
@media screen and (max-width: 400px) { 
 .slider ul > li.portrait > img {top:30% }
 .slider ul > li > .content {bottom:10%}

}