/**************************************************************************************
          HTML ELEMENTS
**************************************************************************************/ 
@media only screen and (max-width: 600px) {
.sidepost {
  	display:none;
}

 .twothird {
  	width:100% !important;
  	float: left;
  }

#logo {
	display:none;
}
    #header-content {
  	width:100% !important;
  	margin:5%;
  }
  #header-tabs ul {
  	background:#222;
  	width:100%;
  	margin:0px;
  }
  #header-tabs ul li {
    float: none;
  }
  #header-tabs ul li a {
  	padding: 5px 3%;
  	line-height: 10px;
  	border-top: 1px solid #333;
  }
}

body {
	margin: 0; 	padding: 0;
	font: normal 1.0em Helvetica, Arial,sans-serif;
	text-align: center;		
	background: #E0E0DA; 
	color: #232D4B;
}

h1, h2, h3 { font: Helvetica, Myriad, Tahoma, Sans-serif; }

h1 { 	
	font-size: 2.0em;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #65944A;
}
h2 { 
	font-size: 1.6em; 
	margin-top: 5px;
	margin-bottom: 5px;
	color: #232D4B; 
	text-align: left;
}
h3 { 
	font-size: 1.4em;
	text-align: center;
	margin-top: 10px;
	margin-bottom:10px;
}

hr {
	color: #EEE;
}

p {
	line-height: 1.0;
	text-align: justify;
	margin-top:0px;
	margin-bottom:10px;
}

.pubTitle {
	margin-bottom:0px;
	line-height: 0.8em;
	font-weight:600;
}

.pubAuthor {
	margin-bottom:0px;
	line-height: 0.8em;
	color:#999;
}

.pubVenue{
	margin-bottom:0px;
	line-height: 0.8em;
	font-style: italic;
}

.pubDate{
	margin-bottom:0px;
	line-height: 0.8em;
}

.pubImpact{
	margin-bottom:0px;
	color:#999;
}

.pubEnd{
	margin-bottom:10px;
}


ul, ol {
	margin: 0;
	padding: 0 20px;	
	line-height: 2.0;
}

a { 
	background: inherit; 
	font-weight: bold;
	color: #65944A; 
	text-decoration: none; }
a:hover {
	color: #232D4B;
	text-decoration:none;
} 
a:visited {
	text-decoration: none;
}
 img {
 border: 0;
 }

/**************************************************************************************
          GENERAL ELEMENTS
**************************************************************************************/ 
#content, #header-content {
	width:90%;
	text-align: left;	
	padding: 0;
	margin: 0 auto;	
}

#main {
	float: left;
	width: 100%;	
	margin: 0 0 10px 0; padding: 0;	
}


.scrollTo_top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}

/* -------------- General div ---------------*/
.post {
	border-radius: 8px;
	background: #FFF ;
	border: 1px solid #CCCCCC;
	margin: 20px 0px 20px 20px;
	padding: 15px 40px 0px 40px;
	background: #FFF;  
}

.post h3 {
	font-size: bold 1.3em Myriad Pro, Sans-serif;
	color:#696969;
	text-align: center;
}

.post p {
	line-height: 1.7em;
}

/* --------------- Side Div -------------*/
.half {
	width: 50%;
	padding-left: 0px;
	padding-right: 0px;	
	text-align: justify;
	margin-bottom:20px;
	color: #666;
}
.half:hover {
	background: #FFF;
}

.twothird {
	width: 70%;
	display:block;
	margin-left: auto;
	margin-right: 25%;
	/* margin-right:440px; */
}  

.sidepost{
border-radius: 8px;
background: #E0E0DA; /* #EEE ; */
/* border: 1px solid #CCCCCC; */
float:right;
padding:0;
margin:0;
margin-top:20px;
margin-right:20px;
padding-bottom:10px;
width:20%;
max-width: 400px;
}

.sidepost h1 { 	
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left:20px;
}
.sidepost h2 { 
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}


.notice {
margin: 10px 0px 20px 0px; 
font-size: 1.0em;
text-align: justify;
color: #999;
}


/* -------------- Draw Line across ---------------*/
.line2 {
display: block;
background-image: url(dot.png);
background-repeat: repeat-x;
background-position: center;
height: 2px;
padding: 30px 10% 20px 10%;
}

.line {
height: 1px;
border: none;
background: #BBB;
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #E1E1E1), color-stop(0.1, #CCC), color-stop(0.9, #CCC), color-stop(1, #E1E1E1));
background-image: -moz-linear-gradient(left center, #E1E1E1 0%, #CCC 10%, #CCC 90%, #E1E1E1 100%);
background-image: -ms-linear-gradient(left center, #E1E1E1 0%, #CCC 10%, #CCC 90%, #E1E1E1 100%);
background-image: -o-linear-gradient(left center, #E1E1E1 0%, #CCC 10%, #CCC 90%, #E1E1E1 100%);
background-image: linear-gradient(left center, #E1E1E1 0%, #CCC 10%, #CCC 90%, #E1E1E1 100%);
display: block !important;
margin-top: 20px;
margin-bottom: 20px;
}
/* -------------- Clear both side ---------------*/
.clear {clear:both; height:0px; overflow:hidden;
}
 
 
/* --------------- Alignment classes -------------*/
.left  { float: left; }
.right { float: right;}
.align-left  { text-align: left; }
.align-right {	text-align: right; } 
.gray  { color: #65944A; }
.pubs { font-size: 1.0em; text-align: left;}
.center { margin: 0px auto; display: block; text-align: center;}
.invisible {display: none;}

/* --------------- Copy rights-------------*/
.copyright {
margin: 5px;
font-size: 1.0em;
text-align: center;
color: #999;
/*
 position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #EEE;
    height:50px;
  */
  

}
.copyright a {
color: #999;
text-decoration:none;
}
.copyright a:hover {
color: #72A545;
text-decoration:underline;
}

#downloadbox {
border-radius: 8px;
background: #FFF ;
border: 0px solid #CCCCCC;
padding:10;
margin:auto;
margin-top:10px;
margin-right:50px;
margin-bottom:50px;
padding-bottom:10px;
width:120px;
height:150px;
overflow:hidden;
float:left;
text-align: center;
}

#downloadbox h3 {
font-size: 0.9em;
margin:10px;
}
#downloadbox:hover {
	background: #EEE;
	color: #333;
}
.downloadphoto{
	padding: 0;
	margin: 0;
	height:100px;
}
/* ---------------Size div -------------*/


.networking {
margin:0 auto;
width: 100%;
display: block;
padding: 20px;
}

.networking a {
	padding:20px;
}

.peoplephoto {
	border-radius: 50%;
	width:100px;
	margin-right:20px;
}


/**************************************************************************************
          NAVIGATION PAGE
**************************************************************************************/ 

#header, #footer-content {
	width: 100%;
}

#header-content {	
	margin: 0 auto; padding: 0;	
	position: relative;
}

/* header */
#header {
	height: 50px;
	border-bottom: 3px solid #669933;
	text-align: left;
	background: #282828;
	/*
	position: fixed;
	right: 0; 
	left: 0;
	z-index: 999;
	*/
}

#header h1#logo {
	position: absolute;	
	font: 2.0em Myriad Pro, Sans-serif;
	text-decoration:none;
	letter-spacing: 0px; 
	color: #FFF;
	margin: 0; 
	padding: 0 0 0 20px;
	text-transform: uppercase;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 6px; left: 0px;
}

#header-right {
	float:right;
}
.boldgreen {
font: bold 1.0em Myriad Pro, Sans-serif;
color: #65944A; 
}

#header h1#logo a {
	text-decoration: none;
	color: #FFF;	
}

#header #header-tabs {
	position: relative;
	float: right;
	top: 0px;
	margin: 0 auto; 
	padding: 0;
	color: #EEE;
	height: 45px;
	font: bold 1.0em Myriad, Verdana, 'Trebuchet MS',  Sans-serif;  
} 
#header-tabs ul {		
	margin:0;
   padding:0;
   list-style:none;
}
#header-tabs li {
	display:inline;
   margin:0;
   padding:0;
}

#header-tabs li a {
float:left;
   margin:0;
   padding:0;
   text-decoration:none;
}
#header-tabs li a span {
	float:left;
	display:block;
	padding:10px 20px 10px 20px;
	color: #AAA;
}
#header-tabs li a img{
border: none;
margin: 0px;
padding: 0px;
}

#header-tabs a:hover span {	
    color:#FFF;
}




/**************************************************************************************
          HOME PAGE
**************************************************************************************/ 
.collapsible {
	background-color: #CCC;
	color: black;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	font-weight: bolder;
  }
  
  .active, .collapsible:hover {
	background-color: #BBB;
  }

  .content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #FFF;
  }

  
.profilephoto{
    border-radius: 50%;
	padding:0;
	margin:0 auto;
	border:0;
	width:100%;
	display: block;
	max-width: 400px;
}

span.newsdate {
background: url(icon_calendar.jpg) no-repeat;
color: #AAA;
padding-left: 20px;
font: 1.0em Myriad Pro, Verdana, Tahoma, Sans-serif;
}

div.semester {
background: url(icon_calendar.jpg) no-repeat;
color: #AAA;
padding-left: 20px;
padding-bottom:10px;
font: 1.0em Myriad Pro, Verdana, Tahoma, Sans-serif;
}

span.semester {
background: url(icon_calendar.jpg) no-repeat;
color: #AAA;
padding-left: 20px;
padding-bottom:10px;
font: 1.0em Myriad Pro, Verdana, Tahoma, Sans-serif;
}

div.enrollment {
background: url(icon_people.png) no-repeat;
color: #AAA;
padding-left: 20px;
padding-bottom:10px;
font: 1.0em Myriad Pro, Verdana, Tahoma, Sans-serif;
}

span.enrollment {
background: url(icon_people.png) no-repeat;
color: #AAA;
padding-left: 20px;
padding-bottom:10px;
font: 1.0em Myriad Pro, Verdana, Tahoma, Sans-serif;
}

span.newsevent {
background:	url('page.gif') no-repeat;
font: italic 1.0em Helvetica;
color: #AAA;
padding-left: 20px;
padding-bottom:10px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/**************************************************************************************
          RESEARCH PAGE
**************************************************************************************/ 
a.projectBox {
	font-weight: normal;
	color: #666;
	text-decoration:none;
}

a.projectBox:hover {
opacity:0.8;
filter:alpha(opacity=80);
}
.researchProject {
	background: #FFF;  
	padding: 0px 0px 30px 0px;
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}

.courseBox {
	background: #FFF;	  
	padding: 0px 0px 30px 0px;
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}


#PhotoFit {
	background: #FFF;	  
	padding: 0px 0px 30px 0px;
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}
#PhotoFit:hover{
	border-radius: 6px;
	background: #EEE url(icon_link.png) no-repeat right top;
	color:#333;
}
.divlink {
	border-radius: 4px;
	/* border: 1px solid #DADADA; */
	margin: 10px 20px 10px 20px;
	padding: 5px 0px 5px 0px;
	background: transparent;
}
.divlink:hover {
	background: #EEE url(chevron.png) no-repeat right center;
	color: #333;
}
.overviewphoto{
	padding: 0;
	margin: 0 auto;
	margin-bottom:10px;
	display: block;
	position: relative;
	width:100%;
	max-width:800px; 
}
#OverviewProject {
	/* width: 280px; 
	float: right; */
	padding: 0;
	margin:0;
}

div.actionBox {
	padding: 10px;
	background: #EEE;
	border-radius: 4px;
}



/**************************************************************************************
         TALKS PAGE
**************************************************************************************/ 
.talkphoto{
	border-radius: 6px;
	padding: 0;
	margin: 0;
	width:100%; 	
	border: 1px solid #C4C4C4;
}

/* FOR VIDEO BUTTON WRAPPER */
#videoButtonWrapper {
position:relative;
}

#videoButtonWrapper span {
position:absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100;
background: url(playbuttonpro.png) no-repeat center center;
}

#videoButtonWrapper span:hover {
cursor:pointer;text-decoration:none;
background: url(playbuttonprohover.png) no-repeat center center;
}

.course {
	background: #FFF;
	/* border: 1px solid #CCCCCC; */	  
	padding: 0px 0px 30px 0px;
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}

/**************************************************************************************
         SERVICE PAGE
**************************************************************************************/ 

.project {
	background: #FFF;
	/* border: 1px solid #CCCCCC; */	  
	padding: 0px 0px 30px 0px;
	margin:0;
	border-bottom: 1px solid #CCCCCC;
}


/**************************************************************************************
         PUBLICATION PAGE
**************************************************************************************/ 
a.date {
	background: url('clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 30px 0 5px;
}
a.comments {
	background: url('comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 30px 0 5px;
}
a.readmore {
	background: url('page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 30px 0 5px;
}

a.webpage {
	background: url('web.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 30px 0 5px;
}
a.poster{
	background: url('download.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 30px 0 5px;
}







/**************************************************************************************
          EACH PROJECT PAGE
**************************************************************************************/ 
/* --------------- Project Name -------------*/
h2#projectname{
margin: 10px auto 0px auto;
text-align: center;
font-size: 2.0em; color: #65944A;
text-decoration: none;
}
/* --------------- Project Slogan -------------*/
h2#slogan{
font-size: 1.2em; color: #000;
text-align: center;
}

/* --------------- Software Features -------------*/
.feature {
	border-radius: 8px;
	margin: 15px;
 	padding: 5px 32px 5px 32px;  	
  	background: #FAFAFA; 
	border: 1px solid #EAEAEA; 
	text-align: justify;
}
.feature  p{
text-align: justify;
margin: 10px 15px;
}

.feature h2 {

text-align: left;
font-size: 1.2em;
color: #696969;
margin: 0px;
}

.feature p {
padding-bottom: 10px;
margin: 0px;
text-align: left;

}

.Descriptions {
	padding: 0px 10px 5px 0px;
	display:block;
	line-height: 150%;
	text-align: justify;
}
.Statement {
	width: 640px;
	margin: 0px auto;
	display:block;	
	line-height: 120%;
	text-align: justify;
}

/* ICONS*/
#features ul li{
list-style:none;
list-style-position:outside;
padding:10px 0 25px 55px;
background-position:center left;
background-repeat:no-repeat;
}
#actions ul {
list-style:none;
list-style-position:outside;
padding:10px 0 25px 55px;
background-position:center left;
background-repeat:no-repeat;
}

.AlumCard {
	position: relative;
	border-radius: 8px;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
}
.AlumCard:hover {background: #CCC;}

.AlumPhoto {
	width: 100px;
	padding-top: 5px;
	border-radius: 50%;
}

.AlumName {
	font-size: 1.0em; color: #65944A; line-height: 120%; margin: 2px 0px; text-align: center;
}
.AlumTitle {
	font-size:0.8em; color: black; line-height: 80%; padding: 0; margin:0; text-align: center; font-weight: normal; 
}
.AlumCompany {
	font-size:0.8em; color: black; line-height:80%;text-align: center; font-style: italic;
}


/* ----PEOPLE CARD -----*/
.PeopleEntry {
border-radius: 6px;
margin-bottom:20px;
padding:20px;
width:420px; 
/* border:1px solid #AAA; */
display:block;}
.PeopleEntry:hover {background: #BBB;}
.PeopleInfo{width: 400px; margin-left:120px; padding-left:0px;}
.PeopleInfo span {display:block; margin-left: 10px;}
.PeopleName {font-size: 1.2em; font-weight:bold; color: #008000; line-height: 140%; margin-bottom:3px;}
.PeopleTitle {font-size:1.0em;color: black; line-height: 120%; padding: 0;}
.PeopleDept {font-size:1.0em; color:black; margin-bottom:5px;}
.PeopleSubLine {font-size:0.8em; line-height:130%;}



#refs {
    color: #000000;
    text-align: left;
 	padding: 5px 32px 5px 32px;  	
}


/* --NAVIGATION TAB FOR TALKS------------*/
.tabsContent {
	margin: 0px auto 15px auto;	
	width: 900px;
	overflow: hidden;
}	
.tab {
	display: none;
	text-align: center;
}
.tab h1 {
	font-size: 1.7em Myriad Pro, Sans-serif;
	color: #669933; 
	margin: 5px auto 5px 0px;
	padding-top:5px;
	text-align: center;
}	
.tab h2 {
	font-size: 1.5em Myriad Pro, Sans-serif;
	color: #696969; 
	margin: 5px auto 5px 0px;
	padding:0px;
	text-align: left;
}
.tab h3{
	font-size: bold 1.3em Myriad Pro, Sans-serif;
	color: #696969; 
	margin: 5px auto 5px 0px;
	padding:0px;
	text-align: left;
}



/**************************************************************************************
         NAVIGATION PANEL
**************************************************************************************/
.nav {
	margin: 0;
	margin: 10px 20px 10px 20px;
	padding: 7px 6px 0;
	line-height: 100%;
	border-radius: 1em;
 
	border-radius: 8px;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
 
	background: #282828; /* for non-css3 browsers */
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#282828'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#282828)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #666,  #282828); /* for firefox 3.6+ */
 
	border: solid 1px #6d6d6d;
}
.nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
#others {float: right; text-align: right;}
/* main level link */
.nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	border-radius: 8px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
.nav .current a  {
	background: #d1d1d1;  
	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2); 
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8); 
}

.nav li:hover >a {
background: #d1d1d1; /* for non-css3 browsers */
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
 
	border: none;
	color: #666;
	box-shadow: none;
}

.nav ul {
	background: #ddd; /* for non-css3 browsers */
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */
 
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}



.highlight {
	-moz-box-shadow:inset 2px 3px 11px 0px #caefab;
	-webkit-box-shadow:inset 2px 3px 11px 0px #caefab;
	box-shadow:inset 2px 3px 11px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	padding:2px 10px;
	margin:5px;
	text-decoration:none;
	
}.highlight:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.highlight:active {
	position:relative;
	top:1px;
}


/* clearfix */
.nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.nav {
	display: inline-block;
}

html[xmlns] .nav {
	display: block;
}
* html .nav {
	height: 1%;
}

/**************************************************************************************
         CHAPTER NAVIGATION 
**************************************************************************************/
.chapternav{background:transparent;padding:0;padding-top:8px;padding-bottom:8px;text-align:center;height:70px;z-index:9987;width:100%;position:relative;overflow:hidden}
.chapternav-wrapper{position:relative;height:100%;z-index:1}
.chapternav-items{margin:0 34px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;list-style:none;padding-bottom:50px;}
.chapternav-item{display:inline-block;vertical-align:top;margin:0 -.11765em;padding:0 20px}
.chapternav-item:first-child{margin-left:0;padding-left:4px}
.chapternav-item:last-child{margin-right:0;padding-right:4px}
.chapternav-link:focus{outline-offset:0}.chapternav-link.current{color:#1d1d1f;cursor:default;opacity:.6}.theme-dark .chapternav-link{color:#f5f5f7}.theme-dark .chapternav-link:hover{color:#2997ff}.theme-dark .chapternav-link.current{color:#f5f5f7}
.chapternav-icon{background:center bottom no-repeat;display:block;margin:0 auto  7px;height:54px}
.chapternav-label{font-size:12px;line-height:1.33337;font-weight:400;letter-spacing:-.01em;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;display:block;margin:0}
.chapternav-new{font-size:6px}
.chapternav-new{color:#f56300}
.chapternav-new{font-size:10px;line-height:0.75;font-weight:400;letter-spacing:-.008em;font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;color:#bf4800;display:block;position:absolute;top:100%;left:0;width:100%}