/*------------------------------------------------
#
# Desktop
#
--------------------------------------------------*/
@font-face {
  font-family: "ionicons";
  src: url("../fonts/ionicons.eot"); /* IE9 Compat Modes */
  src: url("../fonts/ionicons.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/ionicons.woff") format("woff"), /* Pretty Modern Browsers */
       url("../fonts/ionicons.ttf")  format("truetype"), /* Safari, Android, iOS */
       url("../fonts/ionicons.svg#svgFontName") format("svg"); /* Legacy iOS */
}

@font-face {
  font-family: "kmi-careers";
  src:url("../fonts/kmi-careers.eot");
  src:url("../fonts/kmi-careers.eot?#iefix") format("embedded-opentype"),
    url("../fonts/kmi-careers.woff") format("woff"),
    url("../fonts/kmi-careers.ttf") format("truetype"),
    url("../fonts/kmi-careers.svg#kmi-careers") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "kmi-careers" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "kmi-careers" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-visa:before {
  content: "\76";
}
.icon-training:before {
  content: "\74";
}
.icon-flexible:before {
  content: "\77";
}
.icon-family:before {
  content: "\66";
}
.icon-leave:before {
  content: "\68";
}
.icon-social:before {
  content: "\73";
}
.icon-parking:before {
  content: "\70";
}
.icon-sports:before {
  content: "\6c";
}*/

body{background:url(../images/background.png);color:#333;font-size:14px;font-size:0.9rem;font-family:Helvetica, Arial, sans-serif;margin:15px auto;line-height:1.6;}

h1,h2,h3,h4,h5,h6{font-family:"Open Sans", sans-serif;font-weight:bold;}
small{font-size:11px;font-size:0.7rem;margin:0 0 20px 0;font-weight:normal;}
h1 + small,h3 + small{display:block;margin:-10px 0 20px 0;}
p{font-size:15px;font-size:0.9rem;}
p.subsubsubnews{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #e6e6e6;}
p.embiggen{font-size:15px;font-size:1.0rem;}
p:empty{display:none;}
li:empty{display:none;}
p:target{background:#e6e6e6;padding:5px;}
.desktop{display:block;}
.hide,.mobile,.mobile-menu{display:none;}
.link-slideshare{display:none;}
.margin_right{margin-right:20px;}
.col_50{float:left;width:50%;}
.col_30{float:left;width:33.333333%;}
.col_50 .slideshareleft{margin:0 10px 0 0;}
.col_50 .slideshareright{margin:0 0 0 10px;}
img{height:auto;}

/*.opacity60{zoom:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}*/

/*------------------------------------------------
#
# Colours
#
--------------------------------------------------*/
.white{color:#fff !important;}
.whitebg{background-color:#fff !important;}
.black{color:#000 !important;}
.blackbg{background-color:#000 !important;}
.yellow{color:#d6d34e !important;}
.yellowbg{background-color:#d6d34e !important;}
.darkred{color:#811519 !important;}
.darkredbg{background-color:#811519 !important;}
.red{color:#ce363c !important;}
.redbg{background-color:#ce363c !important;}
.blue{color:#196c9b !important;}
.bluebg{background-color:#196c9b !important;}
.midblue{color:#1b5c81 !important;}
.midbluebg{background-color:#1b5c81 !important;}
.grey{color:#4f5353 !important;}
.greybg{background-color:#4f5353 !important;border-left:1px solid #4f5353;border-right:1px solid #4f5353;}
/*.lgreybg{background-color:#e6e6e6 !important;}*/
.lightgrey{color:#e6e6e6 !important;}
.lgreybg{background-color:#e6e6e6 !important;}
.lightgreybg{background-color:#e6e6e6 !important;border-left:1px solid #4f5353;border-right:1px solid #4f5353;border-bottom:1px solid #4f5353;}
.twitterwhitebg{background-color:#fff !important;border-left:1px solid #4f5353;border-right:1px solid #4f5353;border-bottom:1px solid #4f5353;}
.announcementbg{background-color:#005bbb !important;color:#fff;padding:0 0 20px 0;margin:0 20px 50px 20px;}
.announcementbg h3{margin:10px 20px 10px 20px;}
.announcementbg h4{margin:10px 20px 10px 20px;}
.announcementbg p{margin:20px;}
.announcementbg ul{margin:20px !important;}
.announcementbg ul li{}
.announcementbg a{color:#fff !important;border-bottom:2px solid #ffd500;}
.announcementbg a:hover{color:#fff !important;border-bottom:2px solid #fff;}
.announcementblackbg{background-color:#000 !important;color:#fff;padding:20px 0;margin:0 20px 50px 20px;}
.announcementblackbg h3{margin:10px 20px 10px 20px;}
.announcementblackbg h4{margin:10px 20px 10px 20px;}
.announcementblackbg p{margin:20px;}
.announcementblackbg a{color:#fff !important;border-bottom:2px solid #fefefe;}
.announcementblackbg a:hover{color:#fff !important;border-bottom:2px solid #fff;}


/*------------------------------------------------
#
# cookie popup
#
--------------------------------------------------*/
/* General styles for the cookie popup */
.cookie-banner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 400px;
  background-color: #fff;
  color: #333;
  border-radius: 0;
  padding: 20px;
  text-align: center;
  z-index: 99999;
  display: none; /* Initially hidden */
}

/* Title styling */
.cookie-banner h2 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #196c9b;
}

/* Paragraph styling */
.cookie-banner p {
  font-size: 14px;
  margin-bottom: 20px;
  color: #000;
}

/* Button container */
.cookie-banner .button-container {
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

/* Button styles */
.cookie-banner button {
  flex: 1;
  padding: 10px;
  border:1px solid #196c9b;
  border-radius: 0px;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Accept button styles */
.cookie-banner button#accept-cookies {
  background-color: #196c9b;
  color: white;
}

.cookie-banner button#accept-cookies:hover {
  background-color: #1b5c81;
}

/* Reject button styles */
.cookie-banner button#reject-cookies {
  background-color: #196c9b;
  color: white;
}

.cookie-banner button#reject-cookies:hover {
  background-color: #1b5c81;
}

/* Overlay background to dim the page */
.cookie-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none; /* Initially hidden */
}


/*------------------------------------------------
#
# SDG Colours
#
--------------------------------------------------*/
.sdg1{display:inline-block;margin-right:1px;border:1px solid #e5233d;border-left:10px solid #e5233d;padding:0px 5px;}
.sdg2{display:inline-block;margin-right:1px;border:1px solid #dda73b;border-left:10px solid #dda73b;padding:0px 5px;}
.sdg3{display:inline-block;margin-right:1px;border:1px solid #4ca146;border-left:10px solid #4ca146;padding:0px 5px;}
.sdg4{display:inline-block;margin-right:1px;border:1px solid #c72130;border-left:10px solid #c72130;padding:0px 5px;}
.sdg5{display:inline-block;margin-right:1px;border:1px solid #ef402d;border-left:10px solid #ef402d;padding:0px 5px;}
.sdg6{display:inline-block;margin-right:1px;border:1px solid #4bbfe6;border-left:10px solid #4bbfe6;padding:0px 5px;}
.sdg7{display:inline-block;margin-right:1px;border:1px solid #f7c414;border-left:10px solid #f7c414;padding:0px 5px;}
.sdg8{display:inline-block;margin-right:1px;border:1px solid #a31c44;border-left:10px solid #a31c44;padding:0px 5px;}
.sdg9{display:inline-block;margin-right:1px;border:1px solid #f26a2d;border-left:10px solid #f26a2d;padding:0px 5px;}
.sdg10{display:inline-block;margin-right:1px;border:1px solid #e01483;border-left:10px solid #e01483;padding:0px 5px;}
.sdg11{display:inline-block;margin-right:1px;border:1px solid #f59d29;border-left:10px solid #f59d29;padding:0px 5px;}
.sdg12{display:inline-block;margin-right:1px;border:1px solid #bf8d2b;border-left:10px solid #bf8d2b;padding:0px 5px;}
.sdg13{display:inline-block;margin-right:1px;border:1px solid #407f46;border-left:10px solid #407f46;padding:0px 5px;}
.sdg14{display:inline-block;margin-right:1px;border:1px solid #3f97d4;border-left:10px solid #3f97d4;padding:0px 5px;}
.sdg15{display:inline-block;margin-right:1px;border:1px solid #59ba46;border-left:10px solid #59ba46;padding:0px 5px;}
.sdg16{display:inline-block;margin-right:1px;border:1px solid #2b6a9f;border-left:10px solid #2b6a9f;padding:0px 5px;}
.sdg17{display:inline-block;margin-right:1px;border:1px solid #1b486b;border-left:10px solid #1b486b;padding:0px 5px;}

.sdg-icon{width:100px;height:auto;margin-right:10px;}


/*------------------------------------------------
#
# Effects
#
--------------------------------------------------*/
.light-rounded{border-radius:3px;}
.heavy-rounded{border-radius:8px;}
.full-rounded{border-radius:50%;}
/* site borders */
.lrborder{border-left:1px solid #4f5353;border-right:1px solid #4f5353;}
.lrpadding10{padding:0 10px;}
.border{border:1px solid #e6e6e6;}
.bordertop{border-top:1px solid #e6e6e6;padding-top:20px;}
/* transparancy */
.transparent{zoom:1;filter:alpha(opacity=50);opacity:0.5;}
/* inline element */
.inline{display:inline;}
.fullwidth{width:100%;}
.halfwidth{width:50%;float:left;}
.quarterwidth{width:25%;}
.thirdwidth{width:33.3333%;}
.alignright{float:right;width:100px;}
.alignrightnowidth{float:right;}
.text-center{text-align:center;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-right-10{margin-right:10px !important;}
.margin-right-20{margin-right:20px !important;}
.tlrpadding10{padding:10px 10px 1px 10px;}
.padding10{padding:10px;border-top:5px solid #fff;}
.padding-10{padding:10px 20px 1px 20px;border:1px solid #4f5355;}
.padding-10 .alignleft{margin-top:19px;}
.padding-3x5{display:inline-block;padding:2px 3px;margin:0 1px 5px 0;}
.padding-3x5:after{content:", ";}
.whitebg.padding-3x5:after{content:"" !important;}
.padding-3x5:last-child:after{content:".";}

.imageleft{float:left;margin:-4px 20px 20px 0;}
.alignleft{float:left;margin:5px 20px 20px 0;}
.imageright{float:right;margin:-4px 0 20px 20px;}
.aligncenter{display:block;margin:30px auto;}

.festival{position:absolute;top:20px;right:60px;}
.festival a{background:#ce363c;color:#fff !important;text-decoration:none !important;padding:10px 10px;}
.festival a:hover{background:#811519;}

#eventbrite{display:inline-block;border:none;background:#ce363c;color:#FFF;transition:all 300ms linear;cursor:pointer;padding:1em;margin:0 auto 20px auto;text-decoration:none;}
#eventbrite:hover{background:#811519;}

.letter-block{background:#ce363c;color:#fff;padding:2px 3px;}
.letter-block-white{background:#fff;padding:2px 3px;}
a:hover .letter-block{background:#1b5c81;}

a.morebutton{background:#ce363c;color:#fff !important;display:inline-block;text-decoration:none !important;overflow:hidden;vertical-align:top;/*-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px;*/-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%;margin-bottom:5px;}
a.morebutton:focus{outline:none;}
a.morebutton:hover span{background:#811519;-webkit-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );-moz-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );-ms-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );}
.morebutton span{display:block;position:relative;padding:10px 15px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;transition:all 400ms ease;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.morebutton span:after{content:attr(data-title);display:block;position:absolute;left:0;top:0;padding:10px 15px;color:#fff;background:#811519;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );-moz-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );-ms-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );}

.button{background:#ce363c;color:#fff !important;display:inline-block;text-decoration:none !important;padding:5px 10px;margin:20px 0 1px 0;}
.button:hover{background:#811519;}

.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.highlight{background:#d6d34e;padding:3px 5px;}


/*------------------------------------------------
#
# CSS Fade Loop
#
--------------------------------------------------*/
.image-loop{position:relative;min-height:180px;}
.image-loop p{margin:-10px 0 0 0;}
.image-loop a{white-space:normal;word-wrap:normal;word-spacing:normal;}
.fadein-loop div{position:absolute;top:0;
    -webkit-animation-name:fade-loop;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-duration:40s;
    animation-name:fade-loop;
    animation-iteration-count:infinite;
    animation-duration:40s;
}
@-webkit-keyframes fade-loop{
    0%{opacity:1;z-index:0;}
    17%{opacity:1;z-index:0;}
    25%{opacity:0;z-index:999;}
    92%{opacity:0;z-index:0;}
    100%{opacity:1;z-index:0;}
}
@keyframes fade-loop{
    0%{opacity:1;z-index:0;}
    17%{opacity:1;z-index:0;}
    25%{opacity:0;z-index:999;}
    92%{opacity:0;z-index:0;}
    100%{opacity:1;z-index:0;}
}
#challenge1{}
#challenge2{-webkit-animation-delay:-24s;}
#challenge3{-webkit-animation-delay:-16s;}
#challenge4{-webkit-animation-delay:-8s;}


#imageloop {position:relative;width:100%;height:160px;display:block;}
#imageloop ul{width:100% !important;list-style-type:none;margin:0;padding:0;position:absolute;}
#imageloop ul li{display:block;margin:0;padding:0;position:absolute;}
#imageloop ul li img{margin:0;padding:0;width:100% !important;height:auto;}
#imageloop ul li p{margin:-10px 0 0 0;padding:10px;}


#imageMelete {position:relative;width:100%;height:160px;display:block;}
#imageMelete ul{width:100% !important;list-style-type:none;margin:0;padding:0;position:absolute;}
#imageMelete ul li{display:block;margin:0;padding:0;position:absolute;}
#imageMelete ul li img{margin:0;padding:0;width:100% !important;height:auto;}
#imageMelete ul li p{margin:-10px 0 0 0;padding:10px;}

#imageMelete ul li p{background-color: #d8c351 !important; color:#633517 !important;}


/*------------------------------------------------
#
# Administration
#
--------------------------------------------------*/
#administration{background:#d6d34e;padding:0;margin:0 auto;color:#4f5353;border:1px solid #4f5353;border-bottom:none;}
#administration ul{margin:0;padding:5px 20px 5px 20px;text-align:right;}
#administration ul li{padding:0 10px;list-style:none;display:inline;overflow:hidden;font-size:13px;font-size:1.2rem;}
#administration ul li a{text-decoration:none;color:#4f5353;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
#administration ul li:hover a{border-bottom:2px solid #4f5353;}


/*------------------------------------------------
#
# Header
#
--------------------------------------------------*/
#header{background-color:#fff;padding-top:10px;border-left:1px solid #4f5353;border-right:1px solid #4f5353;}
#header .kmi-logo{margin:15px 0 20px 20px;max-height:80px;}
#header .site-search{text-align:right;margin:20px 20px 0 0;}
/* removed from site
#header .icons{text-align:right;margin-top:10px;}
#header .icons .search-icon{display:inline;margin:0 5px;vertical-align:bottom;}
#header .icons .email-icon{display:inline;margin:0 5px;vertical-align:bottom;}
#header .icons .rss-icon{display:inline;margin:0 5px;vertical-align:bottom;}
*/


/*------------------------------------------------
#
# Site Search
#
--------------------------------------------------*/
input#site-search{width:200px;padding:5px;margin:0;outline:none;border:1px solid #e6e6e6;color:#4f5859;font-size:11px;font-size:0.8rem;background:#fff;}
input#site-search:hover, input#site-search:focus{color:#4f5353;}


.search-page input#site-search{width:200px;padding:10px;margin:0 0 20px 0;outline:none;border:1px solid #e6e6e6;color:#4f5859;font-size:16px;font-size:1.0rem;background:#fff;}
.search-page input#site-search:hover, input#site-search:focus{color:#4f5353;}
.search-page input[type=submit]{background:#ce363c;padding:9px 10px;margin:0;outline:none;border:1px solid #ce363c;color:#fff;font-size:16px;font-size:1.0rem;-webkit-appearance:none}


/*------------------------------------------------
#
# Sub (Section) Search
#
--------------------------------------------------*/
.search-box{margin:20px 0 20px 20px;}
.search-box h1{color:#196c9b;font-size:16px;font-size:1.2rem;border-bottom:2px solid #ce363e;margin:0 0 20px 0;padding:0;font-weight:bold;text-transform:uppercase;}
input#search{width:93%;padding:5px;margin:0 0 20px 0;outline:none;border:1px solid #e6e6e6;color:#4f5859;font-size:11px;font-size:0.8rem;}
input#search:hover, input#search:focus{color:#4f5353;}
ul#results{right:0px;display:none;position:absolute;width:360px;margin-top:-10px;list-style:none;z-index:8000;background:#f7f7f7;}
ul#results li{padding:10px 8px;cursor:pointer;border-top:1px solid #e6e6e6;transition:background-color .3s ease-in-out;-moz-transition:background-color .3s ease-in-out;-webkit-transition:background-color .3s ease-in-out;list-style:none;margin:0;}
ul#results li:hover{background-color:#eee;}
ul#results li a:hover,ul#results a:hover{text-decoration:none;}
ul#results a img{background:#fff;display:inline;float:left;margin:0 10px 10px 0;}
ul#results li:first-child{border-top:none;}
ul#results li h3, ul#results li h4{transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;color:#616161;line-height:1.2em;}
ul#results li:hover h3, ul#results li:hover h4{color:#1b5c81;font-weight:bold;}
ul#results li .jobtitle, ul#results li .sub-title{font-size:10px;font-size:0.7rem;}
ul#results li .jobtitle:empty, ul#results li .sub-title:empty{display:none;}
ul#results li small{font-size:11px;font-size:0.7rem;text-transform:uppercase;background:#d6d34e;padding:3px;}
ul#results li small:empty{display:none;}
ul#results .searchcount a{display:block;color:#fff;background:#ce363c;padding:10px 8px;font-weight:bold;text-align:right;}
ul#results a .number, ul#results a:hover .number{background:#fff;color:#ce363c;padding:0 2px;text-decotation:none;}


/*------------------------------------------------
#
# Navigation
#
--------------------------------------------------*/
#navigation{background:#1b5c81;padding:0;margin:0 auto;color:#fff;height:38px;font-size:14px;font-size:0.9rem;line-height:1.4;font-weight:bold;border-left:1px solid #4f5353;border-right:1px solid #4f5353;}
#navigation ul{margin:2px 0 0 0;padding:8px 0 0 20px;}
#navigation ul li{margin:0 -4px 0 0;padding:0;list-style:none;display:inline;text-transform:uppercase;}
#navigation ul li a{padding:10px 10px 8px 10px;text-decoration:none;color:#fff;font-family:"Open Sans", sans-serif;-webkit-transition:.3s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
#navigation ul li.current-item a{padding:10px 10px 8px 10px;background:#811519;}
#navigation ul li:hover a{background:#811519;}


/*------------------------------------------------
#
# News
#
--------------------------------------------------*/
#news{height:300px;margin:0;padding:0;}
/* 7 news images */
#news .article-photo-1{background:url(../images/news/news-1.png) no-repeat center center #4f5353;position:relative;z-index:5000;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-1.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-1.png', sizingMethod='scale')";}
#news .article-photo-2{background:url(../images/news/news-2.png) no-repeat center center #4f5353;position:relative;z-index:5000;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-2.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-2.png', sizingMethod='scale')";}
#news .article-photo-3{background:url(../images/news/news-3.png) no-repeat center center #4f5353;position:relative;z-index:5000;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-3.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-3.png', sizingMethod='scale')";}
#news .article-photo-4{background:url(../images/news/news-4.png) no-repeat center center #4f5353;position:relative;z-index:5000;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-4.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-4.png', sizingMethod='scale')";}
#news .article-photo-5{background:url(../images/news/news-5.png) no-repeat center center #4f5353;position:relative;z-index:5000;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-5.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-5.png', sizingMethod='scale')";}
#news .article-photo-6{background:url(../images/news/news-6.png) no-repeat center center #4f5353;position:relative;z-index:5000;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-6.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-6.png', sizingMethod='scale')";}
#news .article-photo-7{background:url(../images/news/news-7.png) no-repeat center center #4f5353;position:relative;z-index:5000;width:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;height:300px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-7.png', sizingMethod='scale');-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news/news-7.png', sizingMethod='scale')";}
/* 7 news images ends */
#news #planet-highlight{position:absolute;background:#fff;margin:80px 20px 20px 20px;padding:10px;color:#4f5353;width:50%;z-index:6000;zoom:1;filter:alpha(opacity=85);opacity:0.85;border:1px solid #e6e6e6;}
#news #planet-highlight li{list-style:none;margin:0;}
#news #planet-highlight h1, #news #planet-highlight h1{font-size:24px;font-size:1.4rem;margin:0 0 10px 0;}
#news #planet-highlight p{font-size:14px;font-size:1.0rem;margin:0;line-height:1.2;}
#news #planet-highlight a{color:#ce363c;}
#news #planet-highlight p.more{color:#ce363c;font-size:13px;font-size:1.0rem;text-transform:uppercase;font-weight:bold;text-align:right;margin-top:10px;}


#introduction .listall{margin:0 20px 20px 0;border:1px solid #e6e6e6;width:150px;min-height:275px !important;float:left;}
#introduction .listall img.logo{display:block;margin:0 auto;padding:5px}
#introduction .listall img.photo{display:block;margin:0 auto;padding:5px 0}
#introduction .listall p{margin:0;padding:0 10px;text-align:left;}
#introduction .listall small{display:block;margin:0 0 3px 0;padding:0;text-align:left;}
#introduction .listall strong{display:block;margin:5px 0 0 0;}

#introduction a.annotate{background:#1b5c81;color:#fff;font-size:11px;font-size:0.7rem;padding:2px 3px;-webkit-transition:.3s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
#introduction a.annotate:hover{background:#811519;}

#introduction p.embiggen{margin:20px 0;}

#introduction blockquote{border-left:5px solid #1b5c81;padding-left:20px;color:#4f5353;}
#introduction blockquote small{font-size:13px;font-size:0.9rem;}

#introduction.athena img{padding:0px;margin-bottom:20px;}

#replay{background:#eee;border-top:1px solid #ccc;margin:20px 20px 0px 20px;padding:2px 0 0 0;}
#replay h2{background:#fff;border:1px solid #ccc;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#replay h3{margin:0 10px 15px 10px;}
#replay .vid{padding:0 10px;}
#replay p.textright{margin:0 10px;padding-bottom:20px;}
#replay a{background:#ce363c;color:#fff;display:inline-block;text-decoration:none;overflow:hidden;vertical-align:top;/*-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px;*/-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%;}
#replay a:focus{outline:none;}
#replay a:hover span{background:#811519;-webkit-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );-moz-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );-ms-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );}
#replay span{display:block;position:relative;padding:10px 15px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;transition:all 400ms ease;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
#replay span:after{content:attr(data-title);display:block;position:absolute;left:0;top:0;padding:10px 15px;color:#fff;background:#811519;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );-moz-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );-ms-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );}


#gallery20{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#gallery20 h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#gallery20 h3, #gallery20l h4{margin-top:0;}

#founders{background:#f4f2d8;border-top:1px solid #ccc;margin:20px 20px 45px 20px;padding:2px 0 0 0;}
#founders h2{background:#fff;border:1px solid #ccc;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#founders h3{margin-top:0;}
#founders blockquote{color:#1b5c81;padding:0;font-size:13px;font-size:0.9rem;}

#keynote{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#keynote h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#keynote h3{margin-top:0;}
#keynote blockquote{color:#1b5c81;padding:0;font-size:13px;font-size:0.9rem;}

#panel{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#panel h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#panel h3, #panel h4{margin-top:0;}

#agenda{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#agenda h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}

#displays{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#displays h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#displays .listall{margin:0 auto 20px auto;border:1px solid #e6e6e6;width:100%;float:left;}
#displays .listall img.logo{display:block;margin:0 auto;padding:0}
#displays .listall img.photo{display:block;margin:0 auto;padding:5px 0}
#displays .listall p{margin:0;padding:0 10px;text-align:left;}
#displays .listall small{display:block;margin:0 0 3px 0;padding:0 10px;text-align:left;}

#webcast{display:block;text-align:right;}
/*#webcast a{background:#ce363c;color:#fff;padding:10px 15px;text-decoration:none;-webkit-transition:.3s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
#webcast a:hover{background:#811519;}*/
#webcast i{font-size:18px;color:#fff;vertical-align:middle;margin-right:5px;}

#webcast a{background:#ce363c;color:#fff;display:inline-block;text-decoration:none;overflow:hidden;vertical-align:top;/*-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;perspective:600px;*/-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;perspective-origin:50% 50%;}
#webcast a:focus{outline:none;}
#webcast a:hover span{background:#811519;-webkit-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );-moz-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );-ms-transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );transform:translate3d( 0px, 0px, -30px ) rotateX( 90deg );}
#webcast span{display:block;position:relative;padding:10px 15px;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;transition:all 400ms ease;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
#webcast span:after{content:attr(data-title);display:block;position:absolute;left:0;top:0;padding:10px 15px;color:#fff;background:#811519;-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );-moz-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );-ms-transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );transform:translate3d( 0px, 105%, 0px ) rotateX( -90deg );}

/*------------------------------------------------
#
# Pagination
#
--------------------------------------------------*/
.pagination{text-align:right;font-size:11px;font-size:0.7rem;margin:20px 20px 5px 20px;}
.pagination-bottom{text-align:right;font-size:11px;font-size:0.7rem;margin:0 20px 35px 20px;}
.pagination .inactive,.pagination-bottom .inactive{display:none;}
.pagination a,.pagination-bottom a{color:#ce363c;background:#fff;padding:0 2px;text-decoration:none;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.pagination a.current,.pagination a:hover,.pagination-bottom a.current,.pagination-bottom a:hover{background:#ce363c;color:#fff;}


/*------------------------------------------------
#
# Sub Navigation
#
--------------------------------------------------*/
#subnavigation{padding:20px;margin:0;background:#4f5353;z-index:6000;}
#subnavigation h2{margin:0 0 10px 0;padding:0;font-size:16px;font-size:1.6rem;color:#004370;}
#subnavigation ul{margin:0 0 10px 0;padding:0;}
#subnavigation ul li{font-family:"Open Sans", sans-serif;margin:0;padding:5px 0;list-style:none;display:block;overflow:hidden;font-size:14px;font-size:0.9rem;text-transform:uppercase;font-weight:600;}
#subnavigation ul li.current-item a{padding:0;list-style:none;overflow:hidden;color:#d6d34e;}
#subnavigation ul li a i{font-size:12px;margin-left:5px;color:#d6d34e !important;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
#subnavigation ul li a{text-decoration:none;color:#fff;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
#subnavigation ul li:hover a, #subnavigation ul li:hover a i{color:#d6d34e;}
#subnavigation .count{background:#d6d34e;color:#4f5353;padding:1px 6px;font-weight:bold;margin:0 2px;}
#subnavigation a .count{text-shadow:none;font-size:13px;}


/*------------------------------------------------
#
# Content
#
--------------------------------------------------*/
#content{background:#fff;margin:0;padding:0;}
#content h5{margin-bottom:10px;}
#content ul{margin:0 0 10px 0;padding:0;}
#content ul li{list-style:square;font-size:15px;font-size:0.9rem;}
#content ol{counter-reset:item;margin:0 0 10px 0;padding:0;}
#content ol li{font-size:15px;font-size:0.9rem;}
/*#content ol li:before{content:counters(item, ".") " ";counter-increment:item;font-weight:bold;margin-right:5px;color:#1b5c81;}*/
#content p.description{color:#000;font-style:italic;margin-top:5px;}
#content .space-icon{margin-right:2px;}
#content .social-icons{margin:0;padding:0;}
#content img.no-border{border:none;}
#content .publication-icons{display:inline;margin:0;padding:0;}
#content .publication-icons img{display:inline;margin-left:5px;}
#content p.more a{background:#d6d34e;padding:5px;margin:0;float:right;color:#4f5353;font-weight:normal;}
#content p.more a:hover{background:#4f5353;text-decoration:none;color:#d6d34e;}
#content .social-buttons-large{height:40px;margin:20px 0;}
#content .social-buttons-small{height:20px;margin:20px 0 40px 0;text-align:right;}
#content .social-buttons-small-left{height:20px;margin:20px 0 40px 0;text-align:left;}
#content .social-buttons-small-pt{height:20px;margin:-10px 0 40px 0;text-align:left;}

#content .scholarship-projects{background:#e6e6e6;padding:20px 20px 1px 20px;margin-bottom:20px;}
#content .scholarship-projects hr{background:#4f5353;border:none;color:black;display:block;height:1px;margin-top:30px;width:100%;}


/*------------------------------------------------
#
# About Text
#
--------------------------------------------------*/
#about{background:#fff;/*padding:0;*/margin:0;padding:20px 0;}
#about p{margin:20px;}
#about p.founded{font-size:18px;font-size:1.4rem;line-height:1.4;margin:20px;}
#about p.textright{margin:0 20px 20px 20px;}
#about p.knowledge-media{font-size:13px;font-size:1.0rem;margin:0 20px 20px 20px;}
/*#about p.knowledge-media{font-size:18px;font-size:1.4rem;line-height:1.4;margin:20px;}*/


/*------------------------------------------------
#
# Athena SWAN
#
--------------------------------------------------*/
#athena{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#athena h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
.athena-quote-section{margin: 10px; height: 140px;}
#athena-highlight p{font-size:1.2rem;line-height:1.2;}
@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

    #athena-highlight p{font-size:1rem;line-height:1.2;}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 2 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(50%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
    }
}
.carousel-control-next-icon{
  margin-right: -70px;
}
.carousel-control-prev-icon{
  margin-left: -70px;
}

/*------------------------------------------------
#
# Projects / Technologies Highlights
#
--------------------------------------------------*/
#highlights{background:#fff;padding:0 0 20px 0;margin:0;}
.showcase{margin:0 20px 2px 20px;border-bottom:1px solid #e6e6e6;}
h2.projecthighlight{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0 20px;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
/* image caption */
.ptlogo-block{float:left;position:relative;overflow:hidden;width:150px;height:150px;margin:20px 0 20px 20px;background:#fff;border:1px solid #e6e6e6;}
.ptlogo-backdrop{position:absolute;top:0;height:100%;width:100%;background:#fff;}
.ptlogo-backdrop img{display:block;margin:25px auto 0 auto;}
a.ptlogo-overlay{text-decoration:none;}
.ptlogo-overlay{display:none;z-index:5;position:absolute;width:100%;height:100%;background:#d6d34e;}
.captionbar .ptlogo-overlay{bottom:-150px;height:150px;/*opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);*/}
/*.captionbar .ptlogo-overlay:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}*/
.pt-details{margin:10px;color:#4f5353;}	
.pt-details h4{font-size:14px;}
.pt-details p{font-size:11px;margin:0;line-height:12px;}
.pt-details a{text-decoration:none;color:#4f5353;}
.pt-details a:hover{text-decoration:none;color:#4f5353;}


/*------------------------------------------------
#
# Projects / Technologies Main Styles
#
--------------------------------------------------*/
.sort-alpha{text-align:right;font-size:11px;font-size:0.7rem;margin:20px 20px 5px 20px;}
.sort-alpha a{color:#ce363c;background:#fff;padding:0 2px;text-decoration:none;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.sort-alpha a.alpha-selected,.sort-alpha a:hover{background:#ce363c;color:#fff;}
.sort-alpha a.heatall{margin-left:10px; text-transform:capitalize;}
#projects{border-top:1px solid #e6e6e6;padding:2px 0 20px 0;}
#projects h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#projects h3.hot{background:url(../images/projects/heat/hot.png) no-repeat 0 6px;padding-left:16px;}
#projects h3.active{background:url(../images/projects/heat/active.png) no-repeat 0 6px;padding-left:16px;}
#projects h3.classic{background:url(../images/projects/heat/classic.png) no-repeat 0 6px;padding-left:16px;}
#projects h3{margin:0;}
#projects h3 a{text-decoration:none;color:#811519;}
#projects h3 small{background:#ce363c;color:#fff;padding:0 3px;font-size:10px;font-size:0.6rem;}
.project-publications, .project-title{display:block;margin:20px 0 0 0;border-top:1px solid #e6e6e6;padding-top:2px;}
#projects img{margin:3px 0 0 0;border:1px solid #e6e6e6;padding:5px 0}
#projects .selected-themes{margin:0;}
#projects .selected-themes a{color:#ce363c;margin-right:10px;font-size:0.7rem;text-decoration:underline;}
#projects .project-infobar a img{border:none;display:inline;margin:0;padding:0;line-height:1.4}
#projects .project-infobar a img.logo{border:1px solid #e6e6e6;margin-bottom:10px;}
#projects .project-infobar strong{display:block;padding-bottom:0px;margin:0;}
#projects .project-infobar small{display:block;padding:0;margin:0 0 3px 0;}
#projects .project-infobar p{margin:0 0 15px 0;}


/*------------------------------------------------
#
# People Main Styles
#
--------------------------------------------------*/
.sort-alpha{text-align:right;font-size:11px;font-size:0.7rem;margin:20px 20px 5px 20px;}
.sort-alpha a{color:#ce363c;background:#fff;padding:0 2px;text-decoration:none;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.sort-alpha a.alpha-selected,.sort-alpha a:hover{background:#ce363c;color:#fff;}
.sort-alpha a.heatall{margin-left:10px; text-transform:capitalize;}
#people{border-top:1px solid #e6e6e6;margin:0 20px 20px 20px;padding:2px 0 20px 0;}
#people h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#people h3{color:#333;font-size:16px;font-size:1.0rem;margin:0 0 10px 0;padding:0;font-weight:bold;text-transform:uppercase;}
#people h3 a{text-decoration:none;color:#811519;}
#people h3 small{background:#ce363c;color:#fff;padding:0 3px;font-size:11px;font-size:0.7rem;}
.people-publications, .people-title{display:block;margin:20px 0 0 0;border-top:1px solid #e6e6e6;padding-top:2px;}

#people .selected-themes{margin:0;}
#people .selected-themes a{color:#ce363c;margin-right:10px;font-size:0.7rem;text-decoration:underline;}
#people .project-infobar a img{border:none;display:inline;margin:0;padding:0;line-height:1.4}
#people .project-infobar a img.logo{border:1px solid #e6e6e6;margin-bottom:10px;}
#people .project-infobar strong{display:block;padding-bottom:0px;margin:0;}
#people .project-infobar small{display:block;padding:0;margin:0 0 3px 0;}
#people .project-infobar p{margin:0 0 15px 0;}
#people .ptlist p{margin-bottom:10px;}
#people .ptlist a{color:#ce363c;background:#fff;padding:0 2px;text-decoration:none;-webkit-transition:.1s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
#people .ptlist a:hover{background:#ce363c;color:#fff;}
#people .ptlist a.all{color:#ce363c;background:#fff;padding:0 2px;text-decoration:none;}
#people .ptlist a.all:hover{background:#fff;color:#ce363c;}


#people .listall{margin:0 auto 20px auto;border:1px solid #e6e6e6;width:150px;}
#people .listall img.photo{display:block;margin:0 auto;padding:5px 0}
#people .listall p{margin:0;padding:0 10px;text-align:left;}
#people .listall small{display:block;margin:0 0 3px 0;padding:0 10px;text-align:left;}

#people .photo{margin:5px 0 10px 0;}


/*------------------------------------------------
#
# Publications Main Styles
#
--------------------------------------------------*/
#pubtext, #scholartext{margin:20px;padding:0;}
#pubtext .imgtxt{position:absolute;top:120px;margin-left:40px;margin-right:40px;}
#pubtext .imgtxt p{display:inline;background:#e6e6e6;line-height:2.0;padding:5px;font-size:15px;font-size:1.0rem;}
#publications,#books{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#publications h2,#books h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#publications h3.hot{background:url(../images/projects/heat/hot.png) no-repeat 0 6px;padding-left:16px;}
#publications h3.active{background:url(../images/projects/heat/active.png) no-repeat 0 6px;padding-left:16px;}
#publications h3.classic{background:url(../images/projects/heat/classic.png) no-repeat 0 6px;padding-left:16px;}
#publications h3{margin:0;}
#publications h3 a{text-decoration:none;color:#811519;}
#publications h3 small{background:#ce363c;color:#fff;padding:0 3px;font-size:11px;font-size:0.7rem;}
.project-publications{display:block;margin:20px 0 0 0;border-top:1px solid #e6e6e6;padding-top:2px;}
#publications img{margin:3px 0 0 0;border:1px solid #e6e6e6;padding:5px 0;}
#publications .selected-themes{margin:0;}
#publications .selected-themes a{color:#ce363c;margin-right:10px;font-size:0.7rem;text-decoration:underline;}
#publications .project-infobar a img{border:none;display:inline;margin:0;padding:0;line-height:1.4}
#publications .project-infobar a img.logo{border:1px solid #e6e6e6;margin-bottom:10px;}
#publications .project-infobar strong{display:block;padding-bottom:0px;margin:0;}
#publications .project-infobar small{display:block;padding:0;margin:0 0 3px 0;}
#publications .project-infobar p{margin:0 0 15px 0;}
#publications .photo{margin:5px 0 10px 0;padding:0;}
#publications .firstReturn{background:#f7f7f7;padding:10px 0 0 10px;color:#666;margin-top:20px;margin-bottom:20px;border:1px solid #e6e6e6;}


/*------------------------------------------------
#
# Sidebar Navigation Filters
#
--------------------------------------------------*/
.view-by{margin:10px 0 40px 20px;}
.view-by h1{color:#196c9b;font-size:16px;font-size:1.1rem;border-bottom:2px solid #ce363e;margin:0 0 20px 0;padding:0;font-weight:bold;text-transform:uppercase;}
.view-by h2{font-size:13px;font-size:0.9rem;margin:20px 0 10px 0;padding:0;}
.view-by .count{background:#4f5353;color:#e6e6e6;padding:5px;margin:0;}
/* heat switches */
.view-by ul.heat{margin:15px 0 0 2px;padding:0;list-style:none;}
.view-by ul.heat li{display:inline;margin:0 5px 0 0;padding:0;}
.view-by ul.heat li a{background:#4f5353;color:#e6e6e6;padding:5px;text-decoration:none;}
.view-by ul.heat li a.hot{background:#d87c80;color:#e6e6e6;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.view-by ul.heat li.selected a.hot,.view-by ul.heat li a.hot:hover{background:#ce363c;color:#e6e6e6;opacity:1.0;}
.view-by ul.heat li a.active{background:#6c93a9;color:#e6e6e6;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.view-by ul.heat li.selected a.active,.view-by ul.heat li a.active:hover{background:#1b5c81;color:#e6e6e6;opacity:1.0;}
.view-by ul.heat li a.classic{background:#707070;color:#e6e6e6;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.view-by ul.heat li.selected a.classic,.view-by ul.heat li a.classic:hover{background:#222;color:#e6e6e6;opacity:1.0;}
/* theme links */
.view-by ul.sidebar-filter{margin:0;padding:0;list-style:none;}
.view-by ul.sidebar-filter li{margin:0 0 10px 0;padding:0;font-size:11px;font-size:0.8rem;}
.view-by ul.sidebar-filter li a{background:#d6d34e;padding:5px;text-decoration:none;color:#4f5353;-webkit-transition:.1s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
.view-by ul.sidebar-filter li.selected a,.view-by ul.sidebar-filter li a:hover{background:#4f5353;color:#d6d34e;}
/* other links */
.view-by ul.sidebar-other{margin:0;padding:0;list-style:none;}
.view-by ul.sidebar-other li{margin:0 0 10px 0;padding:0;font-size:11px;font-size:0.8rem;}
.view-by ul.sidebar-other li a{color:#ce363c;padding:5px;text-decoration:none;-webkit-transition:.1s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
.view-by ul.sidebar-other li.selected a,.view-by ul.sidebar-other li a:hover{background:#ce363c;color:#fff;}
.view-by ul.sidebar-other li.selected a .icon,.view-by ul.sidebar-other li a:hover > .icon{color:#fff !important;}


.view-by ul.sidebar-other li a.kiosk{background:url(../images/kiosk-view.png) 5px 4px no-repeat;vertical-align:top;padding:5px 5px 5px 30px;}
.view-by ul.sidebar-other li.selected a.kiosk,.view-by ul.sidebar-other li a.kiosk:hover{background:url(../images/kiosk-view-white.png) 5px 4px no-repeat no-repeat #ce363c;vertical-align:top;padding:5px 5px 5px 30px;}

.view-by input[type=button]{background:#ce363c;color:#fff !important;display:block;margin:20px 0 0 1px;cursor:pointer;border:none;}

select#categoryform,select#memberform,select#typeform,select#projectform,select#technologyform,select#relatedform{margin-top:20px;padding:5px;border:1px solid #e6e6e6;color:#4f5353;}
.col_3-sidebar label{/*text-transform:uppercase;*/font-weight:600;margin-top:20px;display:block;/*color:#4f5353;*/}
select#categoryform option,select#memberform option,select#projectform option,select#technologyform option,select#relatedform option{padding:0;}
select#newsform{margin-top:0px;padding:5px;border:1px solid #e6e6e6;color:#4f5353;}
select#newsform option{padding:0;}
select#authorform{margin-top:0px;padding:5px;border:1px solid #e6e6e6;color:#4f5353;}
select#authorform option{padding:0;}
#projects .publicationicons img{border:none;display:inline;margin-right:5px;}
#projects .publicationicons a{}


/*------------------------------------------------
#
# Publications Highlight
#
--------------------------------------------------*/
#publication-highlight{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#publication-highlight h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#publication-highlight p{margin-bottom:10px;padding:5px;font-size:13px;font-size:0.8rem;}
#publication-highlight img{margin-top:8px;}
#publication-highlight a{font-weight:normal;}
#publication-highlight p.more:hover{background:#fff;}
#publication-highlight p.more a{background:#d6d34e;padding:5px;float:right;color:#4f5353;font-weight:normal;}
#publication-highlight p.more a:hover{background:#4f5353;text-decoration:none;color:#d6d34e;}
.publicationicons{margin:0 0 10px 0;background:#f9f9f9;border-bottom:1px solid #e6e6e6;padding:5px;}


/*------------------------------------------------
#
# Staff Highlight
#
--------------------------------------------------*/
#staff-highlight{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#staff-highlight h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#staff-highlight p{margin-top:20px;font-size:13px;font-size:0.8rem;}
#staff-highlight img{margin:25px 20px 20px 0;float:left}
#staff-highlight p.more a{background:#d6d34e;padding:5px;float:right;color:#4f5353;font-weight:normal;}
#staff-highlight p.more a:hover{background:#4f5353;text-decoration:none;color:#d6d34e;}


/*------------------------------------------------
#
# Seminar Highlight
#
--------------------------------------------------*/
#seminar-highlight{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#seminar-highlight h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#seminar-highlight h3{font-size:16px;font-size:1.2rem;margin:20px 0 0 0;}
#seminar-highlight h6{font-size:10px;font-size:0.7rem;margin:0 0 20px 0;font-weight:normal;}
#seminar-highlight p{margin:10px 0;font-size:13px;font-size:0.8rem;}
#seminar-highlight img{margin-top:20px;}
#seminar-highlight p.more a{background:#d6d34e;padding:5px;float:right;color:#4f5353;font-weight:normal;}
#seminar-highlight p.more a:hover{background:#4f5353;text-decoration:none;color:#d6d34e;}
/* previous seminar highlights */
#previous-seminar-highlight{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#previous-seminar-highlight h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#previous-seminar-highlight small{font-size:11px;font-size:0.7rem;margin:0 0 20px 0;font-weight:normal;}
#previous-seminar-highlight p{margin:20px 0;font-size:13px;font-size:0.8rem;}
#previous-seminar-highlight img{margin-top:20px;}
.future-seminar{background:#c6d6df;padding:20px;}


/*------------------------------------------------
#
# Seminar Main Styles
#
--------------------------------------------------*/
#introduction{border-top:1px solid #e6e6e6;margin:20px 20px 35px 20px;padding:2px 0 0 0;}
#ptintro{border:none;margin:20px 20px 35px 20px;padding:2px 0 0 0;}
.recent-news, .other-media{border-top:1px solid #e6e6e6;margin:20px 0 10px 0;padding:2px 0 0 0;}
#introduction h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#introduction ol{margin-top:20px;list-style:decimal;}
#introduction ol ol{list-style:lower-alpha;}
#introduction li{font-size:13px;font-size:0.8rem;font-family:Helvetica, Arial, sans-serif;margin-bottom:15px;margin-left:20px;}
#introduction iframe{display:block;margin-bottom:15px;}
#seminars{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#seminars h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#seminars h3{margin:0 0 15px 0;padding:0;}
#seminars h3.single{margin:0;padding:0;}
#seminars small{margin:0 0 20px 0;padding:0;}
#seminars h4{margin:0 0 10px 0;padding:0;}
#seminars img{margin:5px 0 0 0;}
#seminars .previous-events{display:block;margin:20px 0 0 0;border-top:1px solid #e6e6e6;padding-top:2px;width:100%;}
#seminars p.more a{background:#d6d34e;padding:5px;margin:5px 0 20px 0;float:left;color:#4f5353;font-weight:normal;}
#seminars p.more a:hover{background:#4f5353;text-decoration:none;color:#d6d34e;}
#seminars p.more-right a{background:#d6d34e;padding:5px;margin:0;float:right;color:#4f5353;font-weight:normal;}
#seminars p.more-right a:hover{background:#4f5353;text-decoration:none;color:#d6d34e;}
/* heat switches */
.view-by ul.events{margin:15px 0 0 2px;padding:0;list-style:none;}
.view-by ul.events li{display:inline;margin:0 5px 0 0;padding:0;}
.view-by ul.events li a{background:#4f5353;color:#e6e6e6;padding:5px;text-decoration:none;}
.view-by ul.events li a.future{background:#d87c80;color:#e6e6e6;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.view-by ul.events li.selected a.future,.view-by ul.events li a.future:hover{background:#ce363c;color:#e6e6e6;opacity:1.0;}
.view-by ul.events li a.past{background:#6c93a9;color:#e6e6e6;-webkit-transition:.3s ease-out;-moz-transition:.3s linear;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s linear;}
.view-by ul.events li.selected a.past,.view-by ul.events li a.past:hover{background:#1b5c81;color:#e6e6e6;opacity:1.0;}


/*------------------------------------------------
#
# Careers
#
--------------------------------------------------*/
.careers-focusbg{background:#c6d6df;margin:0 20px 0 20px;padding:2px 0 0 0;}
section.career-focus{margin:20px 20px 35px 20px;}
#testimonials{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#testimonials h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#testimonials blockquote{color:#fff !important;font-family:"Open Sans", sans-serif;font-weight:300;font-size:18px;font-size:1.8rem;line-height:1.4;margin:15px 10px 0 10px;padding:0;}
#testimonials .listall p{margin:10px;font-size:13px;font-size:0.8rem;text-transform:uppercase;color:#fff;}
#testimonials .listall{position:relative;margin:0 0 20px 0;padding:20px 0;width:100%;float:left;}
#testimonials .yellowbg blockquote, #testimonials .lgreybg blockquote{color:#000 !important;}
#testimonials .yellowbg p, #testimonials .lgreybg p{color:#000 !important;}
#testimonials .listall small{position:absolute;background:#fff;top:0;right:0;border-left:1px solid #333;border-bottom:1px solid #333;padding:5px;text-transform:uppercase;font-size:11px;font-size:0.6rem;}


/*------------------------------------------------
#
# Jobs Main Styles
#
--------------------------------------------------*/
#jobs{border-top:1px solid #e6e6e6;margin:20px 20px 35px 20px;padding:2px 0 0 0;}
#jobs h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#jobs li{font-size:13px;font-size:0.8rem;font-family:Helvetica, Arial, sans-serif;margin-bottom:15px;margin-left:20px;}
#jobs ul br{display:none;}
#jobs br{display:block;margin:0;padding:0;}


/*------------------------------------------------
#
# Why Join
#
--------------------------------------------------*/
#whyjoin{/*background:#c6d6df;*/border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#whyjoin h2{background:#fff;border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#whyjoin h3{text-align:center;margin:-30px 20px 10px 20px;}
#whyjoin .icon{text-align:center;font-size:100px;color:#000}
#whyjoin .listall{border-bottom:1px solid #333;background:#e6e6e6;}
#whyjoin .listall p{margin:10px 20px;font-size:13px;font-size:0.8rem;text-transform:none;color:#000;}
#whyjoin .listall{margin:0 auto 20px auto;padding:20px 0;width:100%;float:left;}


/*------------------------------------------------
#
# Research
#
--------------------------------------------------*/
#research{/*background:#c6d6df;*/border-top:1px solid #e6e6e6;margin:20px 0;padding:2px 0 20px 0;}
#research h2{background:#fff;border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#research h3{text-align:center;margin:-30px 20px 10px 20px;}
#research .icon{text-align:center;font-size:100px;color:#000}
#research .listall{border-bottom:1px solid #333;background:#e6e6e6;}
#research .listall p{margin:10px 20px;font-size:13px;font-size:0.8rem;text-transform:none;color:#000;}
#research .listall{margin:0 auto 20px auto;padding:20px 0;width:100%;float:left;}


/*------------------------------------------------
#
# Culture
#
--------------------------------------------------*/
#culture{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#culture h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#culture h3{text-align:center;}
#culture img{width:40%;}


/*------------------------------------------------
#
# edi
#
--------------------------------------------------*/
#edi{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#edi h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#edi h3{text-align:center;}
#edi img{width:inherit;}


/*------------------------------------------------
#
# Media Main Styles
#
--------------------------------------------------*/
#media{border-top:1px solid #e6e6e6;margin:20px 20px 35px 20px;padding:2px 0 0 0;}
.recent-news, .other-media{border-top:1px solid #e6e6e6;margin:20px 0 10px 0;padding:2px 0 0 0;}
#media h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#media ol{margin-top:20px;}
#media li{margin-bottom:15px;}
#media iframe{display:block;margin-bottom:15px;}
#media small{margin:0;}
#media h3{margin:10px 0 10px 0;}
#media p{margin:0;}
#media .youtube{background:#fff;padding:0 10px 10px 10px;border:1px solid #e6e6e6;}
#media .press{background:#eee;padding:0 10px 10px 10px;border:1px solid #e6e6e6;}
/*#media .youtube:hover{background:#e6e6e6;}*/
.vimeoBadge{margin:0;padding:0;font:normal 11px verdana,sans-serif;}
.vimeoBadge img{border:0;}
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active{text-decoration:none;cursor:pointer;line-height:2.0;}
.vimeoBadge #vimeo_badge_logo{margin-top:10px;width:57px;height:16px;}
.vimeoBadge .clip{padding:0;float:left;margin:0 10px 10px 0;line-height:0;}
.vimeoBadge.vertical .clip{float:none;}
.vimeoBadge .caption{font:normal 11px verdana,sans-serif;overflow:hidden;width:auto;height:30px;}
.vimeoBadge .clear{display:block;clear:both;visibility:hidden;}
.vimeoBadge .s160{width:160px;margin:0 30px 20px 0;}
/* youtube */
.vwrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:10px;height:0;margin:0 0 20px 0;}
.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */
/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */
.youtubeWrapper, .vimeoWrapper, .instagramWrapper{position:relative;padding-top:0;height:0;overflow:hidden;margin-top:10px;}
/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper{padding-bottom:56.25%;}
/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper{padding-bottom:120%;}    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed{position:absolute;top:0;left:0;width:100%;height:100%;}

video{/* override other styles to make responsive */width:100% !important;height:auto !important;margin-bottom:40px;}


/*------------------------------------------------
#
# Review Main Styles
#
--------------------------------------------------*/
#review{border-top:1px solid #e6e6e6;margin:20px 20px 35px 20px;padding:2px 0 0 0;}
#review h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#review ol{margin-top:20px;}
#review li{margin-bottom:15px;}
#review small{margin:0;}
#review h3{margin:10px 0 10px 0;}
#review p{margin:0 0 20px 0;}
#review i{font-size:18px;font-weight:bold;color:#ce363c;}
#review .subscribe{background:#e6e6e6;padding:20px;border:1px solid #4f5353;}
#review .subscribe h1{margin:0 0 20px 0;font-weight:300;}
#review .subscribe input[type="submit"]{font-weight:300;}
#mc_embed_signup label{display:block;margin-left:2px;font-weight:700;}
#mc_embed_signup .mc-field-group{margin-bottom:20px;}


/*------------------------------------------------
#
# Email Styles
#
--------------------------------------------------*/
#message{border-top:1px solid #e6e6e6;margin:20px 20px 35px 20px;padding:2px 0 0 0;}
#message h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}
#message h3.sent{margin:10px 0 20px 0;padding:10px;background:#d6d34e;}


/*------------------------------------------------
#
# Registration Styles
#
--------------------------------------------------*/
#register{border-top:1px solid #e6e6e6;margin:20px;padding:2px 0 20px 0;}
#register h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}


/*------------------------------------------------
#
# Main Search Tabs
#
--------------------------------------------------*/
#search-results{border-top:1px solid #e6e6e6;margin:20px 20px 15px 20px;padding:2px 0 0 0;}
#search-results h2{border:1px solid #e6e6e6;border-top:none;font-size:10px;font-size:0.6rem;text-transform:uppercase;margin:0;padding:6px 4px 5px 4px;display:inline;color:#1b5c81;}

#tabs{padding:0 10px 10px 10px;margin:0 10px 35px 10px;}
#tabs h3{margin:0;}
#tabs .nav{overflow:hidden;margin:0 0 10px 0;border-bottom:2px solid #ce363c;}
#tabs .nav li{width:100px;float:left;margin:0;list-style:none;border:none;padding:0;}
#tabs .nav li:first-child,#tabs .nav li:last-child{border:none;}
#tabs .nav li.last{margin-right:0;}
#tabs .nav li a{display:block;padding:5px;margin:0 5px 0 0;background:#4f5353;color:#fff;text-align:center;border:0;text-decoration:none;}
#tabs .nav li a:hover,#tabs .nav li a.current{background-color:#ce363c;}
#tabs .list-wrap ul {list-style:none;margin:20px 0 0 0;padding:0;}
#tabs .list-wrap ul li{padding:5px 0 10px 0;margin:0 0 10px 0;list-style:none;border-bottom:1px solid #ccc;}
#tabs .list-wrap ul li:last-child{border-bottom:none;}
#tabs .list-wrap ul li:first-child{border-bottom:1px solid #ccc;}
#tabs .list-wrap ul li a {display:block;padding:4px 0;margin:0;}
#tabs .list-wrap ul li:last-child a{border:none;}


/*------------------------------------------------
#
# Forms
#
--------------------------------------------------*/
form{margin:0;}
label{font-size:14px;font-size:0.8rem;}
.form-item{padding:5px 0;margin:0;}
.form-required{color:#36c3ef;}
textarea{border:1px solid #ccc;padding:5px;width:98%;margin:0;font-family:"Lato",sans-serif;font-size:13px;font-size:1.0rem;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
textarea:focus{background:#f7f7f7;}
.drop-shadow.bottom{box-shadow:0 4px 2px -2px rgba(0,0,0,0.4);}
input{border:1px solid #ccc;padding:10px;margin:0;font-family:"Lato",sans-serif;font-size:13px;font-size:0.9rem;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
input[type=text]:focus{background:#f7f7f7;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;box-shadow: 0 0 0px 1000px white inset;}
input[type=submit]{background:#fff;padding:10px;cursor:pointer;color:#fff;-webkit-appearance:none;font-weight:bold;font-family:"Lato",sans-serif;font-size:15px;font-size:1.1rem;width:auto;}
#register input[type=submit]{padding:10px !important;cursor:pointer;color:#fff;-webkit-appearance:none;font-weight:bold;font-family:"Lato",sans-serif;font-size:15px;font-size:1.1rem !important;width:auto;}
input:focus,textarea:focus{outline:#f7f7f7;}
input, textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}
label.error{margin-left:10px;color:#c10031;font-size:13px;font-size:0.8rem;}


select{border:1px solid #e6e6e6;width:90%;background:url(../images/arrow.png) right no-repeat #fff;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}	


/*------------------------------------------------
#
# Home Main Styles
#
--------------------------------------------------*/
.view-standard{margin:10px 0 40px 20px;}
.view-standard h1{color:#196c9b;font-size:16px;font-size:1.1rem;border-bottom:2px solid #ce363e;margin:20px 0;padding:0;font-weight:bold;text-transform:uppercase;}
.view-standard h2{font-size:13px;font-size:0.9rem;margin:20px 0 10px 0;padding:0;}
/* heat switches */
.view-standard ul{margin:15px 0 0 2px;padding:0;list-style:none;}
.view-standard ul ul{margin:15px 0 20px 12px;padding:0;list-style:none;}
.view-standard ul li{display:block;margin:0 5px 10px 0;padding:0;}
.view-standard ul ul li{font-size:13px;font-size:0.8rem;}
.view-standard ul li a{background:#e6e6e6;color:#ce363c;padding:5px;text-decoration:none;margin-bottom:0;}
.view-standard ul li a:hover,.view-standard ul li.selected a{background:#ce363c;color:#fff;padding:5px;text-decoration:none;}
.view-standard .count{background:#d6d34e;color:#4f5353;padding:5px;margin:0;}


/*------------------------------------------------
#
# Bluesky
#
--------------------------------------------------*/
.bluesky{margin:0 20px 40px 20px;}
#embedbsky-com-timeline-embed .header{display:none !important;}
.bluesky h1, #bluesky h1 a{color:#196c9b;font-size:16px;font-size:1.2rem;border-bottom:2px solid #ce363e;font-weight:bold;text-transform:uppercase;}
#embedbsky-com-timeline-embed .postcontainer{padding:10px;background:transparent !important;}
#embedbsky-com-timeline-embed .postcontainer{margin-bottom:10px;}
#embedbsky-com-timeline-embed .postcontainer .postbox .col.avatar{width:100% !important;max-width:100% !important;}
#embedbsky-com-timeline-embed .postcontainer .postbox .col.avatar .avatar-img{float:right;}


#embedbsky-com-timeline-embed .postcontainer .postbox .col.text .textcopy{font-size:12px;}



/*------------------------------------------------
#
# Twitter
#
--------------------------------------------------*/
#twitter{background:#e6e6e6;margin:0;padding:0;z-index:10;}
#twitter .twitter-blue-icon{position:absolute;margin:-5px 0 0 20px;}
#twitter h1, #twitter h1 a{color:#196c9b;font-size:16px;font-size:1.2rem;border-bottom:2px solid #ce363e;margin:20px 0 20px 20px;padding:0 0 10px 50px;font-weight:bold;text-transform:uppercase;}
/* old styles
#twitter .js-tweet-text a{color:#811519;padding:1px 3px;text-decoration:none;line-height:28px;}
#twitter .js-tweet-text a:hover{background:#fff;color:#811519;padding:1px 3px;text-decoration:none;line-height:28px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
*/
#twitter a{color:#811519;text-decoration:none;}
#twitter a:hover{text-decoration:underline;}
#twitter p{font-size:14px;font-size:0.8rem;}
#twitter p.all-tweets{font-size:10px;font-size:0.7rem;text-transform:uppercase;text-align:right;margin-right:20px;}
#twitter p.all-tweets a{color:#0094f8;text-decoration:none;}
#twitter .tweet .tweetprofilelink a,#twitter .tweet .tweet-time a{background:#d6d34e;padding:5px;color:#4f5353;text-decoration:none;line-height:28px;-webkit-transition:.1s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
#twitter .tweet .tweetprofilelink a:hover,#twitter .tweet .tweet-time a:hover{background:#4f5353;color:#d6d34e;text-decoration:none;line-height:28px;}
#twitter .fullname{font-size:16px;}
#twitter .username{font-weight:normal;font-size:14px;}

.tweet .twitter-pic{float:left;margin:1px 10px 10px 0;}
.tweet .twitter-text a{text-decoration:none;}
.tweet .tweet-time{margin-left:5px;}
/* tweet slider */
#twitterslider{width:230px;height:180px;overflow:hidden;position:relative;margin-left:20px;background:#e6e6e6;}
#twitterslider>img,#twitterslide>div,#twitterslide>a{display:none;}
#twitterslider .tweet{background:#e6e6e6;}
div.orbit-wrapper{width:1px;height:1px;position:relative;}
div.orbit{width:1px;height:1px;position:relative;overflow:hidden}
div.orbit>img{position:absolute;top:0;left:0;display:none;}
div.orbit>a{border:none;position:absolute;top:0;left:0;line-height:0;display:none;width:230px;height:180px;word-wrap:break-word;}
.orbit>div{position:absolute;top:0;left:0;width:230px;height:180px;}
/* twitter timer
div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:1001;}	span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(../images/orbit/rotator-black.png) no-repeat;z-index:3;}
span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden;}
span.rotator.move{left:0;}
span.mask.move{width:40px;left:0;background:url(../images/orbit/timer-black.png) repeat 0 0;}
span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(../images/orbit/pause-black.png) no-repeat;z-index:4;opacity:0;}
span.pause.active{background:url(../images/orbit/pause-black.png) no-repeat 0 -40px;}
div.timer:hover span.pause,span.pause.active{opacity:1;} */
.orbit-wrapper .slider-nav{display:none;}

*, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#twitterwall{-moz-column-width:18em;-webkit-column-width:18em;column-width:18em;-moz-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;width:100% !important;}
#twitterwall .twitter-brand{border:1px solid #1b5c81;display:inline-block;padding:.25rem;width:100%;}
#twitterwall .twitter-brand img{display:block;width:100%;}
#twitterwall .twitter-article{background:#fff;border:1px solid #4f5353;display:inline-block;width:100%;margin-bottom:.5rem;opacity:0;}
#twitterwall .twitter-article:nth-child(odd){background:#e6e6e6;border:1px solid #4f5353;}
#twitterwall .item{display:block;padding:10px 15px 10px 10px;}
#twitterwall .twitter-pic{float:left;margin:10px 10px 0 10px;}
#twitterwall .twitter-text{margin:10px 10px 0 10px;line-height:1.8;}
#twitterwall .tweetprofilelink a.tweetuser{display:block;font-size:11px;font-size:0.7rem;}
#twitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}
#twitterwall .tweet-content{clear: both; width: 100%; float: left;}
#twitterwall .twitter-article:nth-child(even) .tweet-content a{background:#d6d34e;color:#181818;padding:2px 5px;}
#twitterwall .twitter-article:nth-child(odd) .tweet-content a{background:#fff;padding:2px 5px;}
#twitterwall .twitter-article:nth-child(odd) .tweet-content{color:#181818;}


#kmitwitterwall{-moz-column-width:18em;-webkit-column-width:18em;column-width:18em;-moz-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;width:100% !important;}
#kmitwitterwall a{outline:none;}
#kmitwitterwall .twitter-brand{border:1px solid #1b5c81;margin-bottom:.5rem;width:235px;height:110px;display:block;position:absolute;}
#kmitwitterwall .twitter-brand img{display:block;margin:20px auto;max-width:160px;}
#kmitwitterwall .twitter-article{background:#fff;border:1px solid #4f5353;width:235px;margin-bottom:.5rem;opacity:0;}
#kmitwitterwall .twitter-article .opacity60{background:#e6e6e6;border:1px solid #4f5353;}
#kmitwitterwall .item{display:block;padding:10px 15px 10px 10px;}
#kmitwitterwall .twitter-pic{float:left;margin:10px 10px 0 10px;}
#kmitwitterwall .twitter-text{margin:10px 10px 0 10px;line-height:1.8;}
#kmitwitterwall .tweetprofilelink a.tweetuser{display:block;font-size:11px;font-size:0.7rem;}
#kmitwitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}
#kmitwitterwall .tweet-content{clear: both; width: 100%; float: left;}
#kmitwitterwall .twitter-article.opacity100 .tweet-content a{background:#ce363e;color:#fff;padding:2px 5px;}
#kmitwitterwall .twitter-article.opacity50 .tweet-content a{background:#ccc;padding:2px 5px;color:#181818;}
#kmitwitterwall #retweet-indicator:after{font-family:"ionicons";color:#ce363c;font-size:21px;float:right;content:"\f201";}




/*------------------------------------------------
#
# Jobs Highlight
#
--------------------------------------------------*/
#job-highlight{margin-bottom:30px;}
#job-highlight h1, #job-highlight h1 a{color:#196c9b;font-size:16px;font-size:1.2rem;border-bottom:2px solid #ce363e;margin:20px 0 20px 20px;padding:0 0 5px 0;font-weight:bold;text-transform:uppercase;}
#job-highlight h4{font-size:14px;font-size:1.0rem;margin:10px 0 0 20px;}
#job-highlight p{font-size:11px;font-size:0.7rem;margin:10px 0 10px 20px;}


/*------------------------------------------------
#
# Studentships Highlight
#
--------------------------------------------------*/
#studentship-highlight{margin-bottom:30px;}
#studentship-highlight h1, #studentship-highlight h1 a{color:#196c9b;font-size:16px;font-size:1.2rem;border-bottom:2px solid #ce363e;margin:20px 0 20px 20px;padding:0 0 5px 0;font-weight:bold;text-transform:uppercase;}
#studentship-highlight h4{font-size:14px;font-size:1.0rem;margin:10px 0 0 20px;}
#studentship-highlight p{margin:10px 0 10px 20px;}
#content .studentshiplist h4{margin-top:0;}
#content .studentshiplist ul li{margin-bottom:0;}


/*------------------------------------------------
#
# Adverts
#
--------------------------------------------------*/
.advert h1, .advert h1 a{color:#196c9b;font-size:16px;font-size:1.2rem;border-bottom:2px solid #ce363e;margin:20px 0 20px 0;padding:0 0 5px 0;font-weight:bold;text-transform:uppercase;}
.advert{margin:20px 0 20px 20px;}
.advert .col_50 img.appstore{padding:0 5px 0 0;}
.advert .col_50 img.googleplay{padding:0 0 0 5px;}


/*------------------------------------------------
#
# Latest Seminar
#
--------------------------------------------------*/
.latest-seminar{position:relative;background:#196c9b;padding:10px 0;margin:20px 0 40px 20px;}
.latest-seminar a{white-space:normal;margin-right:10px;}
.latest-seminar img{width:100%;height:auto;margin-bottom:20px;}
.speaker-name, .speaker-org{display:inline-block;background:#4f5353;color:#d6d34e;padding:3px 5px;font-size:14px;font-size:0.9rem;font-weight:300;margin:0 10px;}
.latest-seminar h1, .latest-seminar h1 a{color:#fff;font-size:16px;font-size:1.2rem;border-bottom:none;font-weight:300;margin:10px 10px 5px 10px;}
.latest-seminar time{display:block;color:#fff;font-size:10px;font-size:0.7rem;font-weight:300;margin:10px 10px 30px 10px;}


/*------------------------------------------------
#
# Maven of the Month Advert
#
--------------------------------------------------*/
.motm{position:relative;background:#1b5c81;padding:10px;margin:20px 0 40px 20px;}
#seminars .motm{position:relative;background:#1b5c81;padding:10px;margin:10px 0 40px 0;}
.motm a{white-space:normal;}
.motm img{width:100%;height:auto;margin-bottom:0;}
.maven{display:inline-block;background:#4f5353;color:#d6d34e;padding:3px 5px;font-size:14px;font-size:0.9rem;font-weight:300;}
.motm h1, .motm h1 a{color:#fff;font-size:16px;font-size:1.2rem;border-bottom:none;font-weight:300;margin:10px 0 5px 0;}
.motm time{color:#fff;font-size:14px;font-size:0.9rem;font-weight:300;}


/*------------------------------------------------
#
# Links, Contact and Comments
#
--------------------------------------------------*/
#contact{background:rgb(255, 255, 255);/* Fall-back for browsers that don't support rgba */background:rgba(255, 255, 255, .4);border-right:1px solid #f7f7f7;padding:20px 0;}
#contact h3{margin:20px;color:#1b5c81;}
#contact p{font-size:12px;font-size:0.7rem;margin:0 20px;}
#contact a{font-weight:bold;}
#contact ul{margin:0 20px;padding:0;}
#contact ul li{list-style:none;margin:0;padding:0 0 5px 0;font-size:10px;font-size:0.7rem;}


/*------------------------------------------------
#
# Accessibility
#
--------------------------------------------------*/
blockquote#accessibility{background:#e6e6e6;color:#181818;border-left:3px solid #1b5c81;padding:10px;font-size:13px;font-size:0.9rem;}


/*------------------------------------------------
#
# Footer
#
--------------------------------------------------*/
#footer{background:#e6e6e6;border-right:1px solid #e6e6e6;padding:10px 0;color:#4f5353;}
#footer .imageflowleft{float:left;margin:0 20px;}
#footer p{margin:24px 0 0 0;font-size:10px;font-size:0.7rem;line-height:1.2;}
#footer a{color:#811519;}
#footer .ou-logo{float:right;margin:0 20px;}


/*------------------------------------------------
#
# Forms
#
--------------------------------------------------*/
label.element-invisible{display:none;}
input[type=submit]{background:#ce363c;padding:5px;margin:0;outline:none;border:1px solid #ce363c;color:#fff;font-size:11px;font-size:0.8rem;-webkit-appearance:none}

.topicSwitch{position:relative;display:inline-block;width:70px;height:28px;}
.topicSwitch input{display:none;}
.topicSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#196c9b;-webkit-transition:.4s;transition:.4s;}
.topicSlider:before {position:absolute;content:"";height:18px;width:18px;left:5px;bottom:5px;background-color:white;-webkit-transition:.4s;transition:.4s;}

input:checked + .topicSlider:before{-webkit-transform:translateX(43px);-ms-transform:translateX(43px);transform:translateX(43px);}
.topicOff{display:none;}

input:checked + .topicSlider.start .topicOff{display:block;}
input:checked + .topicSlider.start .topicOn{display:none;}
.topicSlider.round{border-radius:34px;}
.topicSlider.round:before{border-radius:50%;}

.topicSlider .wait{display:none;}
.topicSlider.wait:before {background-color:#196c9b;}

input:checked + .topicSlider.start{background-color:#ce363c;}
input:focus + .topicSlider.start{box-shadow:0 0 1px #d6d34e;}
.topicOn, .topicOff,.topicStart{color:white;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:10px;}

.keyPopUp{opacity: 1;height:auto;}
.keyPopUp.hideKey{ transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;}

/*------------------------------------------------
#
# tables
#
--------------------------------------------------*/
table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #e6e6e6;}	
table thead, table tfoot{background:#c3c3c3;}	
table thead{/*border-bottom:3px solid #181818;*/}
table thead tr th,table tfoot tr th,table tfoot tr td{font-size:14px;font-size:1.0rem;text-align:left;padding:5px 10px;color:#181818;border:1px solid #333;line-height:1.4;}
/*table thead tr th:first-child, table tfoot tr td:first-child{border-left:none;}
table thead tr th:last-child, table tfoot tr td:last-child{border-right:none;}*/
table tbody tr{background:#fff;}
table tbody tr:nth-child(even){font-size:14px;font-size:0.8rem;text-align:left;color:#181818;padding:10px;vertical-align:top;line-height:1.4;background-color:#eee;}
table tbody tr td{font-size:14px;font-size:0.8rem;text-align:left;color:#181818;padding:10px;vertical-align:top;line-height:1.4;}
/* table tbody tr td:hover{background:#2e6ea6;color:#fff;} */
table tbody tr td img{cursor:pointer;border:1px solid #fff;}
table tbody tr td img:hover{border:1px solid #000;}
/* recaptcha */
#recaptcha_div{margin:10px 0 20px 0;}
table#recaptcha_table tbody{border:none;}
table#recaptcha_table tbody tr td.recaptcha_image_cell{border:1px solid #c6c6c6;padding:5px;}
table#recaptcha_table #recaptcha_image{border:1px solid #c6c6c6;}
#recaptcha_response_field{}
.recaptcha_theme_white #recaptcha_response_field {padding:5px;border:1px solid #c6c6c6;}


/*------------------------------------------------
#
# Clear
#
--------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

/*------------------------------------------------
#
# Smartphones (portrait and landscape)
#
--------------------------------------------------*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	/*------------------------------------------------
	#
	# html
	#
	--------------------------------------------------*/
	.desktop{display:none;}
	.mobile{display:block;}
	body{margin:0 auto 0 auto;padding:0;}
	.lightgreybg{background-color:#fff;border-left:none;border-right:none;border-bottom:none;}
	.greybg{background-color:#4f5353;border-left:none;border-right:none;}
	.embed-slideshare{display:none;}
	.link-slideshare{display:block;}
	.halfwidth{width:100%;float:left;}
	.col_50{float:left;width:100%;}
    .row .col_12{padding-left:0 !important;padding-right:0 !important;}
    .row .col_12.lightgreybg{background-color:#fff !important;}
    
    #festivalbanner{width:100% !important;height:auto;}
    .festival{position:absolute;top:150px !important;right:90px !important;}
	/*------------------------------------------------
	#
	# Forms
	#
	--------------------------------------------------*/
	select{border:1px solid #e6e6e6;width:90%;background:url(../images/arrow.png) right no-repeat #fff;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}
	/*------------------------------------------------
	#
	# Administration
	#
	--------------------------------------------------*/
	#administration{border-top:none;border-left:none;border-right:none;}
	/*------------------------------------------------
	#
	# Header
	#
	--------------------------------------------------*/
	#header{border-left:none;border-right:none;}
	#header .kmi-logo{margin:15px 0 0 10px;}
	#header .site-search{margin:20px 0 0 10px;padding-bottom:30px;}
    #search-block-form{margin-right:5px;}
	/*------------------------------------------------
	#
	# Navigation
	#
	--------------------------------------------------*/
	#navigation{border-left:none;border-right:none;}
	#navigation ul{display:none;}
	#navigation img{padding:0;}
	/*------------------------------------------------
	#
	# Slide Menu
	#
	--------------------------------------------------*/
	#showMobileMenu{display:block;}
	.mobile-menu{display:block;}
	.mobile-menu{background:#4f5353;position:fixed;z-index:9000;}
	.mobile-menu h3{background:#811519;color:#fff;font-size:1.4rem;padding:0.6em;margin:0;font-weight:300;text-align:right;}
	.mobile-menu ul{display:block;margin:0;padding:0;}
	.mobile-menu ul li{margin:0;padding:10px 0 5px 0;list-style:none;}
	.mobile-menu ul ul li{margin:0 0 0 20px;padding:0;list-style:none;}
	.mobile-menu ul li img{display:none;}
	.mobile-menu ul li a{display:block;width:100%;color:#fff;font-size:0.9rem;font-weight:400;text-decoration:none;text-transform:uppercase;}
	.mobile-menu ul li.active a{background:#811519;}
	.mobile-menu ul li.active a{color:#fff !important;}
	.mobile-menu ul li a:hover{background:#811519;color:#fff !important;}
	.mobile-menu ul li a:active{background:#811519;color:#fff !important;}
	/* Orientation-dependent styles for the content of the menu */
	.mobile-menu-vertical{width:260px;height:100%;top:0;z-index:9999; overflow:auto;}
	.mobile-menu-vertical a{padding:0.6em 1em;}
	.mobile-menu-left{left:0px;}
	.mobile-menu-left.mobile-menu-open{left:-260px;}
	.mobile-menu-push{overflow-x:hidden;position:relative;left:0;}
	/* Transitions */
	.mobile-menu,.mobile-menu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
	#showMobileMenu{display:inline;float:left;margin:5px 0 0 20px;width:28px;height:28px;text-align:center;background:url("../images/menu-button.png") center center no-repeat #811519;border:1px solid #811519;color:#fff;cursor:pointer;}
	#closeLeft{margin:5px 0 0 0;width:30px;height:30px;text-align:center;background:url("../images/close-button.png") center center no-repeat #811519;border:1px solid #fff;cursor:pointer;}
	button:focus{outline:none;}
	/*------------------------------------------------
	#
	# News
	#
	--------------------------------------------------*/
	#news{height:300px;margin:0;padding:0;}
	/* 7 news images */
	#news .article-photo-1,#news .article-photo-2,#news .article-photo-3,#news .article-photo-4,#news .article-photo-5,#news .article-photo-6,#news .article-photo-7{display:none;}
	/* 7 news images ends */
	#news #planet-highlight{display:block;height:300px;background:#fff;margin:0 0 20px 0;padding:20px;color:#4f5353;width:100%;filter:alpha(opacity=85);opacity:0.85;border:none;}	
	#introduction .listall{margin:0 20px 20px 0;border:1px solid #e6e6e6;width:40%;float:left;padding-bottom:5px;}
	/*------------------------------------------------
	#
	# Sub Navigation
	#
	--------------------------------------------------*/
	#subnavigation{display:block;padding:1px 20px 15px 20px;margin:30px 0 0 0;background:#4f5353;z-index:6000;}
	/*------------------------------------------------
	#
	# Highlights
	#
	--------------------------------------------------*/
	#highlights{background:#fff;padding:0 0 0 0;margin:0 5px;}
    #highlights .ptlogo-block{width:300px;height:300px;margin:20px;}
    #highlights .ptlogo-backdrop{top:20%;}
    #highlights .ptlogo-backdrop img{width:80%;height:auto;margin:auto;}
	/*------------------------------------------------
	#
	# About
	#
	--------------------------------------------------*/
	#about p.founded{font-size:18px;font-size:1.2rem;line-height:1.4;margin:0 5px 20px 5px;}
	/*------------------------------------------------
	#
	# Research
	#
	--------------------------------------------------*/
	#research .listall{width:100% !important;clear:both !important;margin-bottom:60px;}	
	#research .listall h3{text-align:left;}
    #research .listall p{text-align:left;margin:10px;}
	/*------------------------------------------------
	#
	# Projects / Technologies Hightlight
	#
	--------------------------------------------------*/
	.showcase{margin:0 0 2px 0;}
	h2.projecthighlight{margin:0;}
	/*------------------------------------------------
	#
	# Staff Highlight
	#
	--------------------------------------------------*/
	#staff-highlight{margin:20px 5px;}
	#scholartext{margin:20px 10px;padding:0;}
	#scholartext img{max-width:100% !important;height:auto;}
	/*------------------------------------------------
	#
	# Testimonial Highlight
	#
	--------------------------------------------------*/
	#testimonials{margin:20px 5px;}
	/*------------------------------------------------
	#
	# Publications Highlight
	#
	--------------------------------------------------*/
	#publication-highlight{clear:both;margin:35px 5px;}
	#publication-highlight .publication-icons{display:block;border-bottom:1px solid #e6e6e6;padding-bottom:20px;}
    #pubtext .imgtxt{position:absolute;top:40px;margin-left:10px;margin-right:10px;}
    #pubtext .imgtxt p{display:inline;background:#e6e6e6;line-height:2.0;padding:5px;font-size:15px;font-size:1.0rem;}
	/*------------------------------------------------
	#
	# Seminar Highlight
	#
	--------------------------------------------------*/
	#seminar-highlight{margin:20px 5px;}
	#previous-seminar-highlight{margin:35px 5px;}	
	/*------------------------------------------------
	#
	# Twitter
	#
	--------------------------------------------------*/
	#twitter{background:#fff;margin:0 5px;padding:0;z-index:10;}
	#twitter .twitter-blue-icon{position:absolute;margin:-5px 0 0 0;}
	#twitter h1, #twitter h1 a{margin:20px 0;padding:0 0 10px 50px;}
	/* old styles
	#twitter .js-tweet-text a{color:#811519;padding:1px 3px;text-decoration:none;line-height:28px;}
	#twitter .js-tweet-text a:hover{background:#fff;color:#811519;padding:1px 3px;text-decoration:none;line-height:28px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
	*/
	#twitter a{color:#811519;text-decoration:none;}
	#twitter a:hover{text-decoration:underline;}
	#twitter p{font-size:14px;font-size:0.8rem;}
	#twitter p.all-tweets{font-size:10px;font-size:0.7rem;text-transform:uppercase;text-align:right;}
	#twitter p.all-tweets a{color:#0094f8;text-decoration:none;}
	#twitter .tweet .tweetprofilelink a,#twitter .tweet .tweet-time a{background:#d6d34e;padding:5px;color:#4f5353;text-decoration:none;line-height:28px;-webkit-transition:.1s ease-out;-moz-transition:.1s linear;-o-transition:.1s ease-out;-ms-transition:.1s ease-out;transition:.1s linear;}
	#twitter .tweet .tweetprofilelink a:hover,#twitter .tweet .tweet-time a:hover{background:#4f5353;color:#d6d34e;text-decoration:none;line-height:28px;}
	#twitter .fullname{font-size:16px;}
	#twitter .username{font-weight:normal;font-size:14px;}
	
	.tweet .twitter-pic{float:left;margin:1px 0 10px 0;}
	.tweet .twitter-text a{text-decoration:none;}
	.tweet .tweet-time{margin-left:5px;}
	/* tweet slider */
	#twitterslider{width:230px;height:180px;overflow:hidden;position:relative;margin-left:20px;background:#fff;}
	#twitterslider>img,#twitterslide>div,#twitterslide>a{display:none;}
	#twitterslider .tweet{background:#fff;}
	div.orbit-wrapper{width:1px;height:1px;position:relative;}
	div.orbit{width:1px;height:1px;position:relative;overflow:hidden}
	div.orbit>img{position:absolute;top:0;left:0;display:none;}
	div.orbit>a{border:none;position:absolute;top:0;left:0;line-height:0;display:none;width:230px;height:180px;word-wrap:break-word;}
	.orbit>div{position:absolute;top:0;left:0;width:230px;height:180px;}
	/* twitter timer
	div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:1001;}	span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(../images/orbit/rotator-black.png) no-repeat;z-index:3;}
	span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden;}
	span.rotator.move{left:0;}
	span.mask.move{width:40px;left:0;background:url(../images/orbit/timer-black.png) repeat 0 0;}
	span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(../images/orbit/pause-black.png) no-repeat;z-index:4;opacity:0;}
	span.pause.active{background:url(../images/orbit/pause-black.png) no-repeat 0 -40px;}
	div.timer:hover span.pause,span.pause.active{opacity:1;} */
	.orbit-wrapper .slider-nav{display:none;}
	/*------------------------------------------------
	#
	# Jobs Highlight
	#
	--------------------------------------------------*/
	#job-highlight{margin-bottom:30px;}
	#job-highlight h1, #job-highlight h1 a{margin:20px 0;}
	#job-highlight h4{font-size:14px;font-size:1.0rem;margin:10px 0;}
	#job-highlight p{font-size:11px;font-size:0.7rem;margin:10px 0;}	
	/*------------------------------------------------
	#
	# Sidebar
	#
	--------------------------------------------------*/
	.search-box{margin:40px 5px 20px 5px;}
	.view-by{margin:40px 5px;}
    
	/*------------------------------------------------
	#
	# Adverts
	#
	--------------------------------------------------*/
	.advert, #job-highlight{margin:20px 5px 0 5px;padding:0;}
    .advert img{width:100%;height:auto;}
	.advert h1, .advert h1 a{margin:20px 0;}
	.advert .col_50 img.appstore{padding:0 0 0 0;}
	.advert .col_50 img.googleplay{padding:0 0 0 0;}
	/*------------------------------------------------
	#
	# Content
	#
	--------------------------------------------------*/	
    .sort-alpha{margin:20px 40px 40px 40px;}
    .sort-alpha a{padding:0 5px;}
	#content{background:#fff;margin:0;padding:20px 0 0 0;}
	#introduction{border-top:1px solid #e6e6e6;margin:0 0 35px 0;padding:2px 5px 0 5px;}
	#projects{border-top:1px solid #e6e6e6;margin:0 5px 35px 5px;padding:2px 0 0 0;}
	/*#projects img{width:100%;height:auto;}*/
	#technologies{border-top:1px solid #e6e6e6;margin:0 5px 35px 5px;padding:2px 0 0 0;}
	#people{border-top:1px solid #e6e6e6;margin:0 5px 35px 5px;padding:2px 0 0 0;}
	#publications{border-top:1px solid #e6e6e6;margin:0 5px 35px 5px;padding:2px 0 0 0;}
	#seminars{border-top:1px solid #e6e6e6;margin:0 5px 35px 5px;padding:2px 0 0 0;}
	#media{border-top:1px solid #e6e6e6;margin:0 5px 35px 5px;padding:2px 0 0 0;}
	/*------------------------------------------------
	#
	# Search
	#
	--------------------------------------------------*/
	#tabs .nav li{width:100px;float:left;margin:0 0 10px 0;list-style:none;border:none;padding:0;}
	/*------------------------------------------------
	#
	# Links, Contact and Comments
	#
	--------------------------------------------------*/
	#contact{border-left:none;border-right:none;}
	/*------------------------------------------------
	#
	# Footer
	#
	--------------------------------------------------*/
	#footer{background:#e6e6e6;border-left:none;border-right:none;padding:10px 0 30px 0;color:#4f5353;}
	
	/*------------------------------------------------
	#
	# Twitterwall
	#
	--------------------------------------------------*/
	#twitterwall .twitter-article{background:#fff;margin:10px;border:1px solid #4f5353;width:94%;min-height:0px;float:left;}
	#twitterwall .twitter-brand{position:relative;margin:10px;border:1px solid #1b5c81;width:94%;min-height:180px;float:left;}
	#twitterwall .twitter-brand img{position:absolute;display:block;top:30%;left:25%;transform:translate(-50%, -50%);width:50% !important;}
	#twitterwall .twitter-text{margin:20px;line-height:1.8;}
	#twitterwall .twitter-pic{margin:20px 20px 0 20px;}
	#twitterwall .tweetprofilelink a.tweetuser{display:inline-block;font-size:11px;font-size:0.7rem;}
	#twitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}	
	
	#kmitwitterwall{-moz-column-width:18em;-webkit-column-width:18em;column-width:18em;-moz-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;width:100% !important;}
	#kmitwitterwall .twitter-brand{border:1px solid #1b5c81;width:96%;margin:.5rem;}	
	#kmitwitterwall .twitter-brand img{display:block;margin:20px auto 10px auto;}
	#kmitwitterwall .twitter-article{background:#fff;border:1px solid #4f5353;width:96%;margin:.5rem;opacity:0;}
	#kmitwitterwall .item{display:block;padding:10px 15px 10px 10px;}
	#kmitwitterwall .twitter-pic{float:left;margin:10px 10px 0 10px;}
	#kmitwitterwall .twitter-text{margin:10px 10px 0 10px;line-height:1.8;}
	#kmitwitterwall .tweetprofilelink a.tweetuser{display:block;font-size:11px;font-size:0.7rem;}
	#kmitwitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}
	#kmitwitterwall .tweet-content{clear: both; width: 100%; float: left;}
	
	/*------------------------------------------------
	#
	# Review
	#
	--------------------------------------------------*/
	#review #mc_embed_signup_scroll .col_30{display:block !important;width:100%;margin-bottom:20px;}
}


/*------------------------------------------------
#
# iPads (portrait)
#
--------------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	/*------------------------------------------------
	#
	# body
	#
	--------------------------------------------------*/
	.halfwidth{width:100%;float:left;}
	/*------------------------------------------------
	#
	# Navigation
	#
	--------------------------------------------------*/
	#navigation ul{display:none;}
	#navigation img{padding:0;}
	/*------------------------------------------------
	#
	# Slide Menu
	#
	--------------------------------------------------*/
	#showMobileMenu{display:block;}
	.mobile-menu{display:block;}
	.mobile-menu{background:#4f5353;position:fixed;z-index:9000;}
	.mobile-menu h3{background:#811519;color:#fff;font-size:1.4rem;padding:0.6em;margin:0;font-weight:300;text-align:right;}
	.mobile-menu ul{display:block;margin:0;padding:0;}
	.mobile-menu ul li{margin:0;padding:10px 0 5px 0;list-style:none;}
	.mobile-menu ul ul li{margin:0 0 0 20px;padding:0;list-style:none;}
	.mobile-menu ul li img{display:none;}
	.mobile-menu ul li a{display:block;width:100%;color:#fff;font-size:0.9rem;font-weight:400;text-decoration:none;text-transform:uppercase;}
	.mobile-menu ul li.active a{background:#811519;}
	.mobile-menu ul li.active a{color:#fff !important;}
	.mobile-menu ul li a:hover{background:#811519;color:#fff !important;}
	.mobile-menu ul li a:active{background:#811519;color:#fff !important;}
	/* Orientation-dependent styles for the content of the menu */
	.mobile-menu-vertical{width:260px;height:100%;top:0;z-index:9999; overflow:auto;}
	.mobile-menu-vertical a{padding:0.6em 1em;}
	.mobile-menu-left{left:0px;}
	.mobile-menu-left.mobile-menu-open{left:-260px;}
	.mobile-menu-push{overflow-x:hidden;position:relative;left:0;}
	/* Transitions */
	.mobile-menu,.mobile-menu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
	#showMobileMenu{display:inline;float:left;margin:5px 0 0 20px;width:28px;height:28px;text-align:center;background:url("../images/menu-button.png") center center no-repeat #811519;border:1px solid #811519;color:#fff;cursor:pointer;}
	#closeLeft{margin:5px 0 0 0;width:30px;height:30px;text-align:center;background:url("../images/close-button.png") center center no-repeat #811519;border:1px solid #fff;cursor:pointer;}
	button:focus{outline:none;}
	/*------------------------------------------------
	#
	# Forms
	#
	--------------------------------------------------*/
	select{border:1px solid #e6e6e6;width:90%;background:url(../images/arrow.png) right no-repeat #fff;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}
	/*------------------------------------------------
	#
	# Count
	#
	--------------------------------------------------*/
	.count{display:none;}
	/*------------------------------------------------
	#
	# News
	#
	--------------------------------------------------*/
	#news #planet-highlight{position:absolute;background:#fff;margin:30px 20px 20px 20px;padding:10px;color:#4f5353;width:50%;z-index:6000;zoom:1;filter:alpha(opacity=85);opacity:0.85;border:1px solid #e6e6e6;}
	#news #planet-highlight h1, #news #planet-highlight h1{font-size:22px;font-size:1.3rem;margin:0 0 10px 0;}
	#news #planet-highlight p.more{color:#ce363c;font-size:13px;font-size:0.9rem;text-transform:uppercase;font-weight:bold;text-align:right;margin-top:10px;}
	#introduction .listall{margin:0 20px 20px 0;border:1px solid #e6e6e6;width:140px;float:left;padding-bottom:5px;}
	#introduction .listall img.logo{display:block;margin:0 auto;padding:5px;width:90%;}
	#introduction .listall img.photo{display:block;margin:0 auto;padding:5px 0}
	
	/*------------------------------------------------
	#
	# Twitter
	#
	--------------------------------------------------*/
	#twitter{background:#e6e6e6;margin:40px 0 0 0;padding:0;z-index:10;}
	#twitter h1, #twitter h1 a{margin:20px 0 10px 20px;padding:0 0 10px 50px;font-weight:bold;text-transform:uppercase;}	
	.tweet .twitter-pic,.tweet .tweet-time{display:none;}
	#twitter .tweet .tweetprofilelink a,#twitter .tweet .tweet-time a{line-height:32px;}
	#twitter .tweet .tweetprofilelink a:hover,#twitter .tweet .tweet-time a:hover{line-height:32px;}	
	/* tweet slider */
	#twitterslider{width:140px;height:200px;overflow:hidden;position:relative;margin-left:25px;background:#e6e6e6;}
	div.orbit>a{border:none;position:absolute;top:0;left:0;line-height:0;display:none;width:140px;height:200px;word-wrap:break-word;}
	.orbit>div{position:absolute;top:0;left:0;width:140px;height:200px;}
	/*------------------------------------------------
	#
	# Projects / Technologies Highlight
	#
	--------------------------------------------------*/
	.ptlogo-block{float:left;position:relative;overflow:hidden;width:120px;height:120px;margin:20px 0 20px 20px;background:#fff;border:1px solid #e6e6e6;}
	.ptlogo-backdrop{position:absolute;top:0;height:90%;width:90%;background:#fff;}
	.ptlogo-backdrop img{margin:25px 0 0 5px;}
	a.ptlogo-overlay{text-decoration:none;}
	.ptlogo-overlay{display:none;z-index:5;position:absolute;width:100%;height:100%;background:#d6d34e;}
	.captionbar .ptlogo-overlay{bottom:-120px;height:120px;/*opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);*/}
	/*.captionbar .ptlogo-overlay:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}*/
	.pt-details{margin:10px;color:#4f5353;}	
	.pt-details h4{font-size:14px;}
	.pt-details p{font-size:11px;margin:0;line-height:12px;}
	.pt-details a{text-decoration:none;color:#4f5353;}
	.pt-details a:hover{text-decoration:none;color:#4f5353;}
	/*------------------------------------------------
	#
	# Sidebar
	#
	--------------------------------------------------*/
	.col_3-sidebar h1{font-size:16px;font-size:1.0rem;padding-bottom:5px;}		
	.view-by ul.heat li a{line-height:2.2;}
	.view-by ul.events li{display:inline-block;clear:both;line-height:2.2;}
	.view-by ul.events li a{line-height:2.2;}
	/*------------------------------------------------
	#
	# Search
	#
	--------------------------------------------------*/
	#tabs .nav li{width:100px;float:left;margin:0 0 10px 0;list-style:none;border:none;padding:0;}
	
	/*------------------------------------------------
	#
	# Twitterwall
	#
	--------------------------------------------------*/
	#twitterwall .twitter-article{background:#fff;margin:10px;border:1px solid #4f5353;width:46%;min-height:220px;float:left;}
	#twitterwall .twitter-article:nth-child(odd){background:#e6e6e6;margin:10px;border:1px solid #4f5353;width:46%;min-height:220px;float:left;}
	#twitterwall .twitter-brand{position:relative;margin:10px;border:1px solid #1b5c81;width:46%;min-height:220px;float:left;}
	#twitterwall .twitter-brand img{position:absolute;display:block;top:32%;left:20%;transform:translate(-50%, -50%);width:60% !important;}
	#twitterwall .twitter-text{margin:20px;line-height:1.8;}
	#twitterwall .twitter-pic{margin:20px 20px 0 20px;}
	#twitterwall .tweetprofilelink a.tweetuser{display:inline-block;font-size:11px;font-size:0.7rem;}
	#twitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}
	
	#kmitwitterwall{-moz-column-width:18em;-webkit-column-width:18em;column-width:18em;-moz-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;width:100% !important;}
	#kmitwitterwall .twitter-brand{position:absolute;border:1px solid #1b5c81;width:47%;margin:.5rem;}	
	#kmitwitterwall .twitter-brand img{display:block;margin:20px auto 10px auto;}
	#kmitwitterwall .twitter-article{background:#fff;border:1px solid #4f5353;width:47%;margin:.5rem;opacity:0;}
	#kmitwitterwall .item{display:block;padding:10px 15px 10px 10px;}
	#kmitwitterwall .twitter-pic{float:left;margin:10px 10px 0 10px;}
	#kmitwitterwall .twitter-text{margin:10px 10px 0 10px;line-height:1.8;}
	#kmitwitterwall .tweetprofilelink a.tweetuser{display:block;font-size:11px;font-size:0.7rem;}
	#kmitwitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}
	#kmitwitterwall .tweet-content{clear: both; width: 100%; float: left;}
}


/*------------------------------------------------
#
# iPads (landscape)
#
--------------------------------------------------*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	
	/*------------------------------------------------
	#
	# News
	#
	--------------------------------------------------*/
	#news #planet-highlight{margin:40px 20px 20px 20px;}	
	/*------------------------------------------------
	#
	# Forms
	#
	--------------------------------------------------*/
	select{border:1px solid #e6e6e6;width:90%;background:url(../images/arrow.png) right no-repeat #fff;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;}	
	/*------------------------------------------------
	#
	# Sidebar
	#
	--------------------------------------------------*/	
	.view-by ul.heat li a{line-height:2.2;}
	.view-by ul.events li a{line-height:2.2;}
	
	/*------------------------------------------------
	#
	# Twitterwall
	#
	--------------------------------------------------*/
	#twitterwall .twitter-brand img{position:absolute;display:block;top:40%;left:15%;transform:translate(-50%, -50%);width:70% !important;}
	#twitterwall .twitter-text{margin:20px;line-height:1.8;}
	#twitterwall .twitter-pic{margin:20px 20px 0 20px;}
	#twitterwall .tweetprofilelink a.tweetuser{display:inline-block;font-size:11px;font-size:0.7rem;}
	#twitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}
	
	#kmitwitterwall{-moz-column-width:18em;-webkit-column-width:18em;column-width:18em;-moz-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;width:100% !important;}
	#kmitwitterwall .twitter-brand{position:absolute;border:1px solid #1b5c81;width:31%;margin:.5rem;}	
	#kmitwitterwall .twitter-brand img{display:block;margin:20px auto 10px auto;}
	#kmitwitterwall .twitter-article{background:#fff;border:1px solid #4f5353;width:31%;margin:.5rem;opacity:0;}
	#kmitwitterwall .item{display:block;padding:10px 15px 10px 10px;}
	#kmitwitterwall .twitter-pic{float:left;margin:10px 10px 0 10px;}
	#kmitwitterwall .twitter-text{margin:10px 10px 0 10px;line-height:1.8;}
	#kmitwitterwall .tweetprofilelink a.tweetuser{display:block;font-size:11px;font-size:0.7rem;}
	#kmitwitterwall .tweet-time{display:block;font-size:11px;font-size:0.7rem;}
	#kmitwitterwall .tweet-content{clear: both; width: 100%; float: left;}
}