@charset "UTF-8";
/* CSS Document for TC MEDIA-THEQUE*/
@font-face {
  font-family: 'ConduitITCStd-Bold';
  src: url('../fonts/ConduitITCStd-Bold.eot');/* IE9 Compat Modes */
  src: url('../fonts/ConduitITCStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/ConduitITCStd-Bold.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/ConduitITCStd-Bold.ttf')  format('truetype') /* Safari, Android, iOS */
}
@font-face {
  font-family: 'ConduitITCStd-Light';
  src: url('../fonts/ConduitITCStd-Light.eot');/* IE9 Compat Modes */
  src: url('../fonts/ConduitITCStd-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/ConduitITCStd-Light.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/ConduitITCStd-Light.ttf')  format('truetype') /* Safari, Android, iOS */
}
/* GENERAL DEFINITION */
body {
	font-family: 'ConduitITCStd-Light', Helvetica, Arial;
	color: #000;
	font-size: 14px;
	font-weight: 300;
	background: #fff;
}
a {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
a, a:visited, a:hover {
	text-decoration: none;
}
a:hover, a:focus {
	color: #1d89c9;
}
.btn-default.submit {
	background: #012e46;
	color: #fff;
	border-radius:0px;
	border: none;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	text-transform:uppercase;
}
.btn-default.submit:hover, .btn-default.submit:focus, .btn-default.submit:active {
	background: #04466a;
	color: #fff;
}
span.bold {
	font-family: 'ConduitITCStd-Bold', Helvetica, Arial;
}
h3.msg, h3.msg a {
	color: #000;
}
h3.msg a {
	text-decoration: underline;
}
/* NAVIGATION */
.logo {
	max-width: 175px;
}
.navbar {
	margin-bottom:0;
}
.project-name img {
	float:right;
}
.project-name p {
	margin:0;
}
.navbar-default {
	background:#fff;
	border:none;
	padding:20px 0;
}
/* FOOTER */
.footer {
	background: #012e46;
	color:#fff;
	padding: 35px 0px;
}
.container.credits {
 margin: 15px auto 0;
}
.credits .links ul {
	padding:0;
	 display: inline-block;
}
.credits .links li {
	list-style-type:none;
	font-size:15px;
	float:left;
	margin-right:20px;
}
.credits .links li a {
	color:#9daab1;
}
.credits .copyright {
	float:right;
	text-align:right;
	color:#9daab1;
	font-size:15px;
}
.credits .copyright a {
	color:#9daab1;
}
/*SEARCH FORM */
.container-fluid.search {
	background:#1690d2;
	height:auto;
	color:#fff;
}
.container-fluid.search .description {
	text-transform:uppercase;
	font-size:18px;
	line-height:20px;
	margin-top:14px;
}
.container-fluid.search .container {
	background:url(../images/right-arrow.png) 145px 0 no-repeat;
	padding:28px 15px;
	position:relative;
	background-position-y: 50%;
}
.container-fluid.search .reset .glyphicon.glyphicon-triangle-right {
	color:#1690d2;
	margin-right:3px;
	font-size:10px;
}
.container-fluid.search .reset a {
		color:#9daab1;
		font-size:15px;
		position:absolute;
	right:15px;
	bottom:-30px;
}
.bootstrap-select .dropdown-menu {
	overflow:visible !important;
	padding:0;
	border:0;
	margin:0;
	/*top:17px;*/
	border-radius:0px;
	width:100%;
}
.bootstrap-select .dropdown-menu > li > a {
	padding:3px 13px;
	cursor:pointer;
}
.bootstrap-select ul.dropdown-menu {
	width: auto;
	overflow-y: scroll !important;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
	background-color:#fff;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default:hover {
	background-color:#fff;
}
.btn-group.bootstrap-select {
	width:100% !important;
}
.btn-group.bootstrap-select span.caret {
	position:absolute;
	right:10px;
	top:14px;
}
.bootstrap-select span.glyphicon {
	display:none;
}
.btn.selectpicker {
	border-radius:0px;
	background:#1690d2;
	color:#fff;
	border:1px solid #fff;
	width:100% !important;
	overflow: hidden;
}
form.search {
	margin-top:15px;
}
form.search .form-control {
	border-radius:0px;
	background:#1690d2;
	color:#fff;
	border:1px solid #fff;
	border-right:0;
	box-shadow:none !important;
}

form.search .input-group-addon  {
	border:1px solid #fff;
	border-left:0;
	background:#1690d2;
	border-radius:0;
	color:#fff;
	padding:6px 15px;
}
	::-webkit-input-placeholder { color:#fff !important; }
::-moz-placeholder { color:#fff !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#fff !important; } /* ie */
input:-moz-placeholder { color:#fff !important; }

form.search span.icon-calendar {
	background:url(../images/icon-calendar.png) no-repeat;
	width:18px;
	height:20px;
	background-size:contain;
	position:absolute;
	right:12px;
	top:7px;
}
.lt-ie9 form.search span.icon-calendar {
	background:url(../images/icon-calendar-ie.png) no-repeat;
	width:18px;
	height:20px;
	position:absolute;
	right:12px;
	top:7px;
}
.lt-ie9 select.selectpicker {
	display:block !important;
	width:100% !important;
	color:#000!important;
}
form.search .btn-default.submit {
	width:100%;
}
/*HOME: INTRO*/
.container.intro {
	color:#9daab1;
	margin:40px auto 0;
}
.intro h1 {
	text-transform:uppercase;
	font-size:25px;
	border-bottom:1px solid #9daab1;
	padding-bottom:5px;
	margin-bottom:15px;
}
.intro p, .page p {
	font-size:16px;
}
.intro p.error {
	color: #000;
	font-size: 20px;
}
/*HOME: category*/
.container.category {
	color:#000;
	margin-bottom:20px;
}
.container.category h2 {
	text-transform:uppercase;
	font-size:30px;
	font-family: 'ConduitITCStd-Bold', Helvetica, Arial;
	border-bottom:1px solid #000;
	padding-bottom:5px;
	margin-bottom:20px;
	position:relative;
}
.container.category h2 > span {
	text-transform: initial;
	font-size: 25px;
}
.category .glyphicon.glyphicon-triangle-right {
	color:#1690d2;
	margin-right:3px;
	font-size:10px;
}
.title .more a {
    bottom: 25px;
    position: absolute;
    right: 15px;
		color:#9daab1;
		font-size:15px;
}
.publication-image {
	position:relative;
}
.publication-wrapper {
	margin-bottom:10px;
}
.lt-ie9 .publication-wrapper .effect {
	 background: rgb(22, 144, 210);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.lt-ie9 .publication-wrapper.match {
	max-height:315px!important;
}
.publication-wrapper .effect {
    background: rgba(22, 144, 210, 0.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
		opacity:0;
			-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.publication-wrapper .effect:hover, .publication-wrapper .effect:focus {
		opacity:1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.lt-ie9 .effect span .img-responsive {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.lt-ie9 .effect:hover span .img-responsive, .lt-ie9 .effect:focus span .img-responsive {
	display:block !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index:100;
}
.publication-image img.img-responsive {
	width:100%;
}
.effect span .img-responsive {
	width:auto;
	position:absolute;
	top:34%;
	left:30%;
}
.publication-wrapper p.name {
	color:#012e46;
	margin-top:10px;
	font-size:22px;
	line-height:24px;
}
.publication-wrapper p.date {
	color:#9daab1;
	margin-top:5px;
	font-size:15px;
	text-transform:uppercase;
}
.form-control {
	-moz-box-shadow:none !important;
  -webkit-box-shadow:none !important;
	-webkit-transition: none !important;
	box-shadow:none !important;
	-moz-transition: none !important;
	-ms-transition:none !important;
	-o-transition: none !important;
	transition: none !important;
}
/*RESULTS*/
body.results .intro .title {
	position:relative;
}
body.results .count  {
	bottom: 20px;
  position: absolute;
  right: 15px;
	font-size:15px;
}
.container.results {
	margin-bottom:40px;
}
.top-results-navigation {
	display: block;
	padding: 0;
	float:right;
}
.top-results-navigation .pagination {
	width: auto;
	margin: 0px auto;
}
.bottom-results-navigation .pagination {
	width: auto;
	margin: 20px auto;
}
.bottom-results-navigation {
	display: block;
	padding: 0;
	text-align: center;
	border-top:1px solid #9daab1;
}
.pagination li.previous, .pagination li.next {
	border:none;
}
.pagination > li > a, .pagination > li > span {
	background-color: #fff;
	border: 1px solid #9daab1;
	border-radius: 50% !important;
	height: 34px;
	width: 34px;
	color: #9daab1;
	font-size: 16px;
	line-height: 20px;
	margin-left: 5px;
	text-align: center;
	padding: 8px 0 4px 0;
}
.pagination > li.next > a, .pagination > li.next > span, .pagination > li.previous > a, .pagination > li.previous > span {
	height: 30px;
}
.mac-os .pagination > li > a, .mac-os .pagination > li > span {
	/*padding:8px 12px 4px 12px;*/
	padding: 8px 0 4px 0;
}
.pagination li a:hover, .pagination li a:focus {
	background: #59bff6;
	color:#fff;
	border:1px solid #59bff6;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #1690d2;
	border:1px solid #1690d2;
}
.pagination > li > span.dots, .pagination > li > span.dots:hover {
	cursor: default;
	background-color: #fff;
	border: 1px solid #9daab1;
}
.pagination > li.next > a, .pagination > li.next > span, .pagination > li.previous > a, .pagination > li.previous > span {
	border-radius: 0px;
	border:0px;
}
.pagination li.previous a {
	background: url("../images/carets.png") no-repeat 8px -18px;
}
.pagination li.previous.inactive a {
	background: url("../images/carets.png") no-repeat 8px 7px;
}
.pagination li.next a {
	background: url("../images/carets.png") no-repeat -26px -18px;
}
.pagination li.next.inactive a {
	background: url("../images/carets.png") no-repeat -26px 7px;
}
/* MEDIA QUERIES */
 @media all and (max-width: 1200px) {
.effect span .img-responsive {
	left:35%;
}
.container-fluid.search .container {
	padding: 4px 15px;
}
.container-fluid.search .description > p {
	margin-top: 22px;
}
}
 @media all and (max-width: 991px) and (min-width: 768px) {
.effect span .img-responsive {
	left:30%;
}
}
 @media all and (max-width: 991px) {
 .container-fluid.search .container {
	padding:3px 15px;
}
.container-fluid.search .description {
    margin-top: 38px;
}
.container-fluid.search .reset a {
	bottom:-30px;
}
}
 @media all and (max-width: 767px) {
.effect span .img-responsive {
	left:33%;
}
.title .more a {
	padding-left:15px;
	position:relative;
	bottom:15px;
}
body.results .count  {
	padding-left:15px;
	bottom: 10px;
  position: relative;
}
.top-results-navigation {
	text-align:center;
	float:none;
	margin-top:10px;
}
.container-fluid.search .description {
	padding:0;
}
.container-fluid.search .form{
	padding:0;
}
.container-fluid.search .container {
	background:url(../images/right-arrow.png) 116px 0 no-repeat;
}
.container-fluid.search .reset a {
  right: 0;
}
}
@media all and (max-width: 600px) {
.container-fluid.search .description > p > br {
	display: inline-block;
	content: ' ';
	width: 3px;
}
.credits .copyright {
	float:left;
	text-align:left;
}
.publication-wrapper p.name {
	font-size:18px;
	line-height:20px;
}
.publication-wrapper p.date {
	font-size:16px;
}
.effect span .img-responsive {
	left:30%;
}
.project-name img {
    margin-top: 8px;
}
.navbar-default a .img-responsive {
	max-width:85%;
}
.container-fluid.search .form {
	width:100%;
}
.container-fluid.search .description {
	width:100%;
}
.container-fluid.search .container {
	background:none;
}
.container-fluid.search .description {
    margin-top: 25px;
}
form.search {
    margin: 10px auto;
}
}
 @media all and (max-width: 600px) and (min-width: 481px) {
.effect span .img-responsive {
	left:29%;
}
}
 @media all and (max-width: 480px){
.container.intro {
  margin: 40px auto 20px;
}
.credits .copyright {
	width:100%;
}
.credits .links ul {
	margin-bottom:10px;
}
.publication-wrapper {
	width:50%;
}
.publication-wrapper p.name {
	font-size:16px;
	line-height:18px;
}
.publication-wrapper p.date {
	font-size:15px;
}
.effect span .img-responsive {
	left:33%;
}
.project-name img {
    margin-top: 8px;
}
form.search .form-group {
	width:100%;
}
.container-fluid.search .reset a {
   left:0;
}
}
 @media all and (max-width: 450px) and (min-width:401px) {
.effect span .img-responsive {
	top:32%;
	left:32%;
}
}
 @media all and (max-width: 400px) {
.effect span .img-responsive {
	top:32%;
	left:26%;
}
}