body {background: #ddd;margin:0;}
header {
	position: fixed;
	z-index:9999;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: url('images/background-1.jpg') no-repeat;
margin:0;
padding:10px 0;

}
.jumpto {margin:0 auto;width:60%;font-size:14px;font-family:'Open Sans',sans-serif,arial;color:#333;border:1px solid #ddd;padding:10px;display: block;margin-bottom:15px}
.small {font-size: 12px !important;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif !important;
    position: relative;
    top: 6px;}
    footer .wrapper {padding-bottom:22px !important;}
.SandboxRoot {font-family: 'Open Sans',sans-serif,arial !important;}
a.gohome:hover .pagetitle h1{color:#ccc;}
a.gohome:hover .pagetitle span{color:#999;}
footer {background: url('images/background-1.jpg') no-repeat;clear:both;}
footer .wrapper {padding:15px 10px;}
.pagetitle {margin-top:-4px;float:left;margin-left:20px;}

h1,.page h2,h3,h4 {font-size: 30px;font-weight:400;
color: #333;font-family:'Bree Serif',sans-serif;color:#fff;margin-bottom:1px;}
.article h1 {color:#333;}
h4 {font-size:16px;}
.page h2 {color: #333;
margin-bottom: 19px;
font-size: 30px;
margin-top: 6px;}
.page h3 {font-size:18px;color:#333;}
.pagetitle span {font-size:15px;font-family:'Open Sans',sans-serif,arial;color:#ddd;line-height:1.8;}
#content .wrapper,.page {width: 60%;
height: 100%;
margin: 0 auto;}
.article {float:left;width:65%;}
.sidebar {float:right;width:33%;}
/*.sidebar .overlay span {display:none;}*/
.page p,.page ul li {font-family:'Open Sans',sans-serif,arial;font-size:17px;line-height:1.7;color:#333;}
.page ul li {line-height:1.9;}
.page p a,.page p a:visited,.page ul li a,.page ul li a:visited {color:#27345c;text-decoration: none;border-bottom:1px solid #27345c;}
.page p a:hover,.page p a:visited:hover,.page ul li a:hover,.page ul li a:visited:hover {border-bottom:none;}
.page ul {list-style: square;}
.page img.full {width:100%;}
header .logo {margin:0;}
header .logo img {width:109px; }
header .wrapper,footer .wrapper {width:960px;margin:0 auto;}
footer .wrapper span {font-family: 'Bree Serif', sans-serif, Arial;color:#fff;font-size:16px;font-weight:400;}
footer .wrapper span a {color:#fff;text-decoration: none;border-bottom:1px dotted #fff;}
footer .wrapper span a:hover {border-bottom:none;}
#wrapper {
	margin: 27px auto -15px;
    width:75%;
}
#social {text-align:right;margin-right:5px;position:relative;top:7px;}
.time-h {font-family:'Open Sans',sans-serif,arial;font-size:14px;color:#fff;position: relative;top:-7px;right:14px;display: inline;}
.time-stamp {font-family:'Orbitron',sans-serif,arial;font-size:19px;position:relative;top:2px;margin-left:5px;}
ul.menu {float:right;list-style:none;margin:18px 0 0 !important;background:rgba(255,255,255,0.1);
-webkit-padding-start: 0 !important}
ul.menu li {float:left;padding:5px 0;border-right: 2px solid rgba(0, 0, 0, 0.9);}
ul.menu li.last {border-right:none;}
ul.menu li a {font-family: 'Bree Serif',sans-serif,arial;color:#fff;padding:5px 9px;font-size:18px;text-decoration:none;}
ul.menu li a:hover {background:#fff;color:#333;}
.programme {width:80%;margin:0 auto;}
.programme h2,.programme h3,.programme h4 {text-align:center;}
.programme table {
    margin: 1em 0 2em;
    width: 100%;
}
.programme p {margin:14px 0 9px !important;}
.programme table th, .programme table td {
    padding: 3px 4px 7px 3px;
    text-align: left;
    vertical-align: top;
}
.programme table td[nowrap="nowrap"] {
padding-right:40px;
    }
.programme table th {
    border-top:none;border-bottom:1px solid #ddd;border-left:none;border-right:none;
    color: #AD4303;
}
.programme table td {
    border-top:none;border-bottom:1px solid #ddd;border-left:none;border-right:none;
}
.programme table caption {
    color: #222222;
    display: block;
    font-weight: bold;
    padding: 3px 5px 7px 3px;
    text-align: left;
}
.programme tr[align="right"] td, .programme td[align="right"] {
    text-align: right !important;
}
.programme dl {
    margin: 0;
    padding: 0 0 0 2em;
}
.programme dt {
    font-weight: bold;
    padding: 0.2em 0 0 0.2em;
}
.programme dd {
    border-bottom: 1px dotted #D5D3D1;
    padding: 0 0 0.2em 0.2em;
}
.programme .highlightwithinheader {
    color: #AD4303;
}
.eurochrie-sponsors {width:90%;margin:0 auto;}
.eurochrie-sponsors h3 {text-align:center;color:#fff;padding:10px 0;clear:both;margin-top:20px;}
.eurochrie-sponsors {}
.eurochrie-sponsors h3.gold {background-color: #cc9900;}
.eurochrie-sponsors h3.silver {background-color: #c0c0c0;}
.eurochrie-sponsors h3.bronze {background-color: #cd7f32;}
.eurochrie-sponsors h3.pink {background-color: #dd277c!important; }
.eurochrie-sponsors .sponsors a {
    float: left;
    margin: 20px 0 0 0;
}
.eurochrie-sponsors .sponsors img {
    width: auto;
    height: auto;
    vertical-align: middle;
    background-color: #000;
    display:inline-block;
    margin:0 30px 30px 0;
}
header .logo img,ul.menu,.pagetitle,header h1,.pagetitle span,header nav select,header {-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
   }
header.smaller {height: 68px;}
header.smaller .logo img {width:75px;}
header.smaller ul.menu {margin:14px 0 0 !important;}
header.smaller h1 {font-size:22px;margin-top:16px;}
header.smaller .pagetitle span {font-size:14px;}
header.smaller .pagetitle {margin-top:-6px;}

.logo {float:left}
#content {margin:125px 10px 0}
#content .media {width:97%;margin:103px auto 20px;}
#columns {padding-bottom:15px;}
#columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 5px;
	-webkit-column-fill: 5px;
	-moz-column-count: 3;
	-moz-column-gap: 5px;
	-moz-column-fill: 5px;
	column-count: 3;
	column-gap: 5px;
	column-fill: 5px;
}
.sidebar h2 {clear:both;}

.pin {
	display: inline-block;
	position:relative;
	background: #fff;
	margin: 0;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
    margin-bottom:2px;
}
.inpage .pin img {border: 8px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;}
.pin .date,.time,.dates {position: absolute;
left: 2px;
top: 0;
background: #999;
color: #fff;
text-transform: uppercase;
padding: 0px 13px 3px 16px;
font-family: 'Bree Serif',sans-serif,arial;
margin-left: -2px;
font-size: 15px;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);
}
.time,.dates {right:0;left:auto;text-transform: capitalize;font-size:33px;font-family: 'Orbitron',sans-serif,arial;padding: 7px 8px 7px 10px;background:none;top:25px;right:10px;}
.dates {font-family:'Open Sans',sans-serif,arial;font-size:13px;top:10px;}
.date .day {font-size: 33px;
margin-bottom: -7px;}
.date .th {font-size: 10px;
position:relative;top:-14px;}
.date .month {font-size:15px; display:block;padding-bottom:6px;margin-top:-5px;font-family:'Open Sans',sans-serif,arial;}
.pin .image {overflow:hidden;}
.pin .image img {
	width:165%;
    height: 100%;
}
.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}
.inpage .pin {
		box-shadow:none;border:none;background:none;margin-right: 13px;margin-left:0;width:100%;
	}
	.inpage .nomarright {  
  margin-right:0;
}

	.inpage .pin img {margin-bottom:10px;width:23%;float:left;}
	#columns,#columns.inpage {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
#columns.inpage {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}

    .twitter-tweet {opacity:1;-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;}
/*#columns:hover .pin:not(:hover),#columns:hover .twitter-tweet:not(:hover) {
	opacity: 0.4;
}*/
ul.profile{list-style:none;display:block;margin:0 auto;padding-left:0;}
ul.profile{display:inline-block;}
.reviewlist ul,.award,ul.profile {width:75%;margin:0 auto;}
ul.profile{width:100%;}
ul.profile li a {border-bottom:none;}
ul.profile li p {margin-top:0;}

.reviewlist li,.profile li {width:33%;float:left;}
.profile li {width:25%;}
.project .image {float:right;width:50%;overflow:hidden;margin-bottom:-4px;}
.project .overlay .inner {padding:20px;}
.mobview {display:none;}
.pin:hover {cursor:pointer;}
.pin h2 {border-bottom: 3px solid #ccc;padding-bottom:7px;margin-bottom:7px;}
a .pin {color:#333 !important;}
.overlay h2 {margin-top:0;margin-bottom:13px;font-size:24px;line-height:1.2;font-family:'Bree Serif',sans-serif;text-transform: uppercase;}
.overlay span,.details a span {font-family:'Open Sans',sans-serif,arial;font-size:15px;line-height:1.5;}
.overlay span.underline,.details a span.underline,.highlight a {text-decoration: none;
background: #27345c;
padding: 9px 14px;
color: #fff;
margin-top: 7px;
position: relative;
top: 5px;
}

.overlay {float:left;width:50%;}
.pin a {text-decoration:none;color:#333;display:block;}
.project .image {max-height:300px;overflow:hidden;}
.nav-up {margin-top:-121px;}
.sidebar .pin .image {max-height:117px;}
.sidebar .project .overlay .inner {padding:0;}
.pin .image img {width:127%;}
.sidebar .image img {width:100%;}
.sidebar .image {margin-bottom:10px;}
.sidebar .pin {margin-bottom:20px;}
.project .full img {width:100% !important;}
.page {background: #fff;overflow:auto;padding:20px;margin-top:-15px;}
.article h1 {margin-top:0;}
@media (min-width: 320px) {
	#columns,#columns.inpage {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
    #wrapper {width:100%;}
        .overlay {
    float: none;
    width: 100%;
    clear: both;
}
.project .image {
    float: none;
    width: 100%;
    clear:both;
    margin-bottom: -4px;
    max-height:150px;
}
.nav-up{margin-top:-143px;}
.pin .image img {width:100%;}
.hide h2 {top:10px;height:20px;}
.overlay .full {width:94% !important;}
.page {width:98%;}

}
    .profile {float:left;clear:none;width:68%;margin-left:2%;}
@media (min-width: 490px) {
	#columns,#columns.inpage {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;

	}
    #wrapper {width:100%;}
    .project .image {max-height:175px;}
.pin .image img {width:100%;}
.nav-up{margin-top:-143px;}
.overlay .full {width:94% !important;}
.page {width:97%;}
    .overlay h2 {margin-top:15px;font-size:20px;}
    #columns h2 {margin-top:0;}

}
@media (min-width:1000px) {

#wrapper {width:100%;}
.project .image {max-height:270px;overflow:hidden;}
.pin .image img {width:100%;}
#columns,#columns.inpage {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .overlay .full {width:94% !important;}
    .page {width:90%;}
    .overlay h2 {margin-top:15px;font-size:22px;}
    #columns h2 {margin-top:0;}
    .pin {margin-bottom: 5px;}

}

@media (min-width:1200px) {
	#columns,#columns.inpage {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
    #wrapper {width:85%;}
    .project .image {max-height:275px;overflow:hidden;}
.pin .image img {width:100%;}
.page {width:85%;}
.pin {margin-bottom: 5px;}
}

@media (min-width: 1400px) {
	#columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
.project .image {max-height:300px;overflow:hidden;float:right;width:50%;clear:none;}
.project .overlay{ float:left;width:50%;clear:none;}
.project .full,.project .full,.sidebar .pin .image,.sidebar .pin .overlay{clear:both !important;width:100% !important;float:none !important;}
.page {width:73%;}
.pin {margin-bottom: 1px;}
}


@media (min-width: 1600px) {
    .page {width:56%;}
    
}

@media (min-width: 1700px) {
    .page {width:63%;}
    

}
/*
@media (min-width: 2000px) {
    #columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
.project .image {max-height:600px;overflow:hidden;}
.pin .image img {width:100%;}

}*/


@media (max-width: 1029px) {
    ul.profile li p span {font-size:12px !Important;}
	ul.menu {display:none;}
	header .wrapper,footer .wrapper {width:auto !important;}
	.logo {width:auto !important;margin-left:24px !important;}
}

nav select {
  display: none;
}
.highlight a{font-family:'Arial',sans-serif;font-weight:400 !important;margin-bottom:20px !important;font-size:13px;}
.highlight {display:block;margin-bottom:20px;}
.article h2 {clear:both;}
@media (max-width: 1029px) {
  nav ul     { display: none; }
  nav select { display: inline-block;width:300px;font-size:15px;font-family:'Bree Serif',sans-serif;margin:20px 20px 0 0;float:right;padding:10px 15px; }
  nav select option {padding:10px 0;}
  .content-wrapper {padding:0 16px 0 16px;}
  header.smaller nav select {margin-top:13px;}
  .page {width:98%;}
  footer .wrapper {width:auto;}
  #social {margin-right:20px;}
}
.bio {margin-right:30px !important;}

    p.desc {font-family:'Open Sans',sans-serif,arial;text-align:center;font-size:16px;width: 82%;
margin: 21px auto;}
@media (max-width: 800px) {

    .reviewlist ul,.award,ul.profile {width:95%;}
        .reviewlist li,ul.profile li {width:50%;}
img.reviewlist ul,.award,ul.profile {width:95%;}
        .reviewlist li,ul.profile li {width:50%;}.bannerlogo {width:100%;margin:0 auto;}
    .floatright {margin-top:-45px !important}
    .hide {display: none;}
    .floatright{margin-top:-68px;}
    #social {position:relative;top:-4px;}
    .programme {width:93%;}
p.desc{width:85%;}
	h1 {font-size:20px;margin-top:12px;}
	.pagetitle {margin-left:10px;}
	.article,.sidebar {width:auto;}
	.sidebar .pin {float:left;width:48%;padding:1%;}
  nav select { display: block;float:none;position:relative;top:20px;clear:both;width:97%;margin:15px 0 15px 10px;padding:8px 10px;text-align:center;font-size:17px;font-family:'Bree Serif',sans-serif; }
  .logo {
margin-left: 17px !important;}
#content {margin:103px 0 20px;width:100%;}
.content-wrapper {padding:28px 10px 0 10px;}
.page {width:97%;    padding-top: 56px;}
.page img.full {width:98%;}
header {height: 68px;}
header .logo img {width:75px;}
header ul.menu {margin:14px 0 0 !important;}
header h1 {font-size:22px;}
header .pagetitle span {font-size:14px;}
header .pagetitle {margin-top:-5px;}
header .pagetitle span {position: relative;top:-4px;}
}

@media (max-width: 600px) {
    .jumpto {width:99%;}
    .time-h {font-size:13px;}
.reviewlist li {font-size:14px !important;}
    ul.menu span {display:none;}
    p.desc {width:99%;}
	.bio {margin-right:0 !important;}
    span.contact a,span.contact {font-size:12px !important;}
.overlay2col{float:left;width:54%;}
	nav select {width:96%;}
	.page p {font-size:15px;}
	.sidebar .pin {float:none;width:auto;}
.article,.sidebar {float:none;}
.inpage .pin {width:92%;}
.inpage .pin img {float:left;width:38%;margin-right:10px;}

.overlay span.underline,.highlight a {font-size:13px;padding:5px 8px !important;}
.overlay h2 {font-size:18px !important;}
}

@media (max-width: 580px) {
.localtime {display:none;}

    }
@media (max-width: 540px) {
    .time-h {display:none;}

    }

    @media (max-width: 480px) {

ul.profile li {width:50%;}
ul.profile img {width:auto;}
    #social img {max-width:20px !important;}
	body {overflow-x: hidden;}
	nav select {width:96%;}
.overlay2col{float:left;width:55%;}
.inpage .pin img {float:left;width:35%;margin-right:10px;}
	span.name {font-size:15px !important;}
    .sidebar .overlay {margin-top:20px;}
}
@media (max-width: 400px) {
#social img.home {display:none;}
}

@media (max-width: 380px) {
.floatright {
    margin-top: -18px !important;
}
    #social {display:none;}
}
.view,.dl {    float:left;width: 56px;
    height: 56px;   margin-bottom:16px;
    background: url('viewproject.png') no-repeat 0 0;clear:both;margin-top:12px;}
    .dl {background-image: url('download.png');}
    .project:hover .dl {background-image: url('download_over.png');}
.project:hover .view {background: url('viewproject_over.png') no-repeat 0 0;}
.pin a:hover span.underline,.details span a:hover,.highlight a:hover {text-decoration: none;border-bottom:none;background:#42507b;}

.pin a:hover h2 {text-decoration:underline;}


@media (max-width: 320px) {
    .mobview{display:block;}
	header h1,header.smaller h1 {font-size:16px;margin-top:20px;}
	header .pagetitle span,header.smaller .pagetitle span {
font-size: 11px;
}
header.smaller .logo img {
width: 59px;
}
header.smaller h1 {margin-top:15px;}
header.smaller {
height: 53px;
}

}

@media (max-width: 240px) {
header .logo img {width:30px;}
	
}

.member img {float:left;
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
margin: 0 10px 15px 0;
padding: 8px;
}
.member .details {float:left;}

.member,span.details {color:#333;}
span.details{font-size:15px;}
span.contact,span.name {font-weight:700;color:#444;}
span.name{font-size:16px;line-height:1.9;}
span.contact{display:block;padding: 14px 0;
line-height: 1.8;font-size:11px;}
span.contact a {font-weight:700;color:#333;text-decoration: underline;font-size:15px;}
span.contact a:hover {text-decoration: none;}
.inpage img {width:100%;}
span.contact,span.contact a,span.details{color:#555;}

.clearleft {clear:left;}

.thm-dark {color:#333 !important;}
iframe#twitter-widget-0 {font-family: Arial;}
h3.sub {margin-top:-15px;color:#666;margin-bottom:20px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom:20px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loading-container {
    padding:16px 0px 16px 0px;
    text-align:center;  
}
  
#twitter-feed {
    width:258px;
    margin:auto;
    font-family: Arial, Helvetica, sans-serif;
    margin-top:60px;
    padding:8px 10px 5px 10px;
    border-radius:12px;
    background-color:#FFF;
    color:#333;
    overflow:auto;
}
  
#twitter-feed h1 {
    color:#5F5F5F;
    margin:0px;
    padding:9px 0px 9px 0px;
    font-size:18px;
    font-weight:lighter;    
}
  
.twitter-article, #loading-container {
    width:100%;
    border-top:1px dotted #CCC;
    float:left; 
    padding:8px 0px 8px 0px;
    position:relative;
} 
.twitter-pic {
    position:absolute;
}
  
.twitter-pic img {
    float:left;
    border-radius:7px;  
    border:none;
      
}
  
/* -------- TEXT STYLING ------*/
.twitter-text {
    width:100%;
    float:left;
    font-size:11px;
    padding-left:52px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.twitter-text p {
    margin:0px;
    line-height:15px;   
}
.twitter-text a,  h1 a {
    color: #00acee;
    text-decoration: none;
}
.twitter-text a:hover,  h1 a:hover {
    text-decoration: underline;
    color: #00acee;
}
  
.tweet-time {
    font-size:10px;
    color:#878787;
    float:right;
}
.tweet-time a, .tweet-time a:hover {
    color:#878787;
}
  
.tweetprofilelink a {
    color:#444;
}
.tweetprofilelink a:hover {
    color:#444;
}
  
/* -------- FEED  ACTIONS ------*/
#twitter-actions {
    width:75px;
    float:right;
    margin-right:5px;   
    margin-top:3px;
        display:none;
}
.intent {
    width:25px;
    height:16px;
    float:left; 
}
.intent a{
    width:25px;
    height:16px;
    display:block;
    background-image:url(../images/tweet-actions.png);
    float:left; 
} 
.intent a:hover{
    background-position:-25px 0px;
} 
  
#intent-retweet a{
    background-position:0px -17px;
} 
#intent-retweet a:hover{
    background-position:-25px -17px;
} 
#intent-fave a{
    background-position:0px -36px;
} 
#intent-fave a:hover{
    background-position:-25px -36px;
} 
  
/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
    width:14px;
    height:10px;
    background-image:url(../images/tweet-actions.png);
    background-position:-5px -54px;
    margin-top:3px;
    float:left;
}

.ext {background:url(../images/external-website.png) #27345c no-repeat 96% 50% !important;width:9px;height:9px;}
.ext:hover {background:url(../images/external-website.png) #42507b no-repeat 96% 50% !important;}

/*a .pin:hover h2 {border-bottom:1px dotted #333;}*/
.video {width:100%;margin-bottom:-4px;}

.weather {margin-top: -58px;
    margin-bottom: -94px;
    width: 100%;}
    .full {width:100%;}

    .project .image {

    z-index: 9998;
}
.fe-title {display:none !important;}

.hide {
    width:95%;
    height:38px;
    margin-bottom: -24px;
    margin-top: 43px;
    z-index: 9998;
    background: #fff !important;
    display: block;

}

iframe#forecast_embed {overflow:hidden;width: 87%;
    margin-left: 15px;
    margin-top: 2px;}

    .pin-left .image {float:left;}
    .pin-left .overlay {float:right;}


.arrow-left {
    position: absolute;
    left: 47%;
    top: 33px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #fff;
}
.arrow-right {
    position: absolute;
    right: 47%;
    top: 33px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
}
.gap {margin-bottom:5px;}

#twitter-widget-0 {margin:0 0 10px !important;max-width:auto !important;}

.photo-img img {max-width:100%;}
.posted {float:right;font-size:15px;text-align:right;font-family: 'Open Sans', sans-serif,Arial;margin-top:18px;}
.nomar {margin:0;}

/*HINT*/
.floatright{float:right;margin-top:3px;}
.hint, [data-hint] {
  position: relative;
  display: inline-block;
  font-family: 'Open Sans',sans-serif,arial;
  /**
   * tooltip arrow
   */
  /**
   * tooltip body
   */ }
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; }
  .hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1; }
  .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms; }
  .hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  .hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #fff;
    color: #111;
    padding: 8px 10px;
    font-size: 12px;
    font-weight:700;
    line-height: 12px;
    white-space: nowrap; }

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 *  1) hint--top
 *  2) hint--bottom
 *  3) hint--left
 *  4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
  border-top-color: #fff; }

.hint--bottom:before {
  border-bottom-color: #fff; }

.hint--left:before {
  border-left-color: #fff; }

.hint--right:before {
  border-right-color: #fff; }

/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -12px; }
.hint--top:after {
  margin-left: -18px; }
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%; }
.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -12px; }
.hint--bottom:after {
  margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 30%; }
.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px; }
.hint--right:after {
  margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }
.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px; }
.hint--left:after {
  margin-bottom: -14px; }
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%; }
.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }

/**
 * source: hint-theme.scss
 *
 * Defines basic theme for tooltips.
 *
 */
.hint, [data-hint] {
  /**
   * tooltip body
   */ }
  .hint:after, [data-hint]:after {

    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 *  1) hint--error
 *  2) hint--warning
 *  3) hint--info
 *  4) hint--success
 *
 */
/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #592726; }
.hint--error.hint--top:before {
  border-top-color: #b34e4d; }
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d; }
.hint--error.hint--left:before {
  border-left-color: #b34e4d; }
.hint--error.hint--right:before {
  border-right-color: #b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328; }
.hint--warning.hint--top:before {
  border-top-color: #c09854; }
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854; }
.hint--warning.hint--left:before {
  border-left-color: #c09854; }
.hint--warning.hint--right:before {
  border-right-color: #c09854; }

/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #193b4d; }
.hint--info.hint--top:before {
  border-top-color: #3986ac; }
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac; }
.hint--info.hint--left:before {
  border-left-color: #3986ac; }
.hint--info.hint--right:before {
  border-right-color: #3986ac; }

/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a321a; }
.hint--success.hint--top:before {
  border-top-color: #458746; }
.hint--success.hint--bottom:before {
  border-bottom-color: #458746; }
.hint--success.hint--left:before {
  border-left-color: #458746; }
.hint--success.hint--right:before {
  border-right-color: #458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 *  1) hint--always
 *
 */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px); }
.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px); }
.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 *  1) hint--rounded
 *
 */
.hint--rounded:after {
  border-radius: 4px; }

/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 *  1) hint--no-animate
 *  2) hint--bounce
 *
 */
.hint--no-animate:before, .hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  transition-duration: 0ms; }

.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); }

.project {margin-bottom:5px;}



ul.countdown li { display: inline-block; }

.countdown span {font-size:22px;font-family: 'Bree Serif',sans-serif,arial}

.sidebar .project {margin-bottom:10px;}
#accordion h3 {border-bottom:1px solid #ccc;padding:10px;margin:1px 0;}
#accordion h3:hover {cursor:pointer;background:#ccc;}
.ui-accordion-content h3:hover,table td h3:hover {background:none !important;cursor: default !important;}
#accordion h3.ui-state-active {background:#ccc;}
.dropit {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 200px;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.menu-adjust {left:-122px !important;}
ul.menu-adjust-1 {left:-227px !important;}
.dropit .dropit-open .dropit-submenu { display: block; }
.menu ul { display: none; } /* Hide before plugin loads */
.menu ul.dropit-submenu {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 0;
    margin: 3px 0 0 1px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
            box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}          
.menu ul.dropit-submenu a {
    display: block;
    font-size: 14px;
    color: #333;
    padding: 8px 18px;
    font-family: 'Open Sans',sans-serif,arial;
    border-bottom:1px solid #999;
}
.menu ul.dropit-submenu a:hover {
    background: #248fc1;
    color: #fff;
    text-decoration: none;
}
.dropit-submenu li {border-right:none !important;float:none !important;padding:0 !important;}

.sidebar h2 {font-size:25px;margin-bottom:10px;}
.sidebar .overlay h2 {font-size:19px;text-transform: capitalize;}