body { font-family: 'Titillium Web', sans-serif; font-weight:300; color:#eee; line-height:1.6em; letter-spacing:1px;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 1.1;
color: #f9f9f9;
font-size:16px;
letter-spacing:0.01em;
}

h5, .h5 { text-transform:uppercase;}
h5 small, .h5 small { text-transform: none; display: block}

h1.logo { margin:0; font-size:16px; line-height:1.8em; padding:10px 0 0 0; font-weight:600; text-transform:uppercase;  }
h1.logo small{ color:#009999; font-weight:700; }

.hr2 { border-top: 1px solid #1B1B1B;}

.mgt0 { margin-top:0 !important;}
.pdt0 { padding-top:0 !important;}

a {
color: #009999;
text-decoration: underline;
}
a:hover,a:focus{color:#009999;text-decoration:none}

.badge {
display: inline-block;
min-width: 10px;
padding: 6px 14px;
font-size: 14px;
font-weight: 400;
color: #fff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #009999;
border-radius: 20px;
text-decoration:none;
}
a:hover.badge {
background-color: #006666;
}

#sb-site {
background-color: #1D2026;
}

h2.sb-widget-title { font-weight:700; margin-top:15px; color:#009999;}
h3.sb-widget-title { line-height:1em; margin:10px 0;}
h3.sb-widget-title small { color:#eee; font-size:75%;}

.carousel-caption {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
position: absolute;
z-index: 10;
padding-top: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.2);
left: 20%;
right: 20%;
padding-bottom: 10px;
background: rgba(29,32,38,.8);
bottom: 10px;
}

.carousel-indicators {
position: absolute;
bottom: 0;
}

@media screen and (min-width: 768px) {
.carousel-indicators {
bottom: 0;
}
}

.mTop30 { margin-top:30px;}

article h3 { margin-top:10px;}
article h3 small { font-style:italic; font-size:75%; color:#f1f1f1;}

article h2 { margin-top:10px;}
article h2 small { font-style:italic; font-size:75%; color:#f1f1f1;}

hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #009999;
}

.menulat { }
.menulat h2 { margin-top:0; }

.sb-submenu li {
width: 100%;
padding: 0;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: static;
}

#container_lat {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}

.noMg { padding:0;}
.Mg5px { padding-left: 5px; padding-right: 5px;}

.panel-default {
margin-bottom: 20px;
background-color: transparent;
border: none;
border-bottom: 0;
border-radius: 0px !important;
}
.panel-default>.panel-heading {
color: #fff;
background-color: transparent;
border-color:rgba(0,0,0,.1);
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
border: none;
}

.panel-default a { color:#fff; text-decoration:none;}
.panel-default a:hover, a:focus, a:active { color:#009999; text-decoration:none;}

.panel-default .list-group-item {
position: relative;
display: block;
padding: 5px 0;
margin-bottom: -1px;
background-color: transparent;
border: none;
/* border-bottom: #009999 1px solid; */
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.panel-title {
font-size: 16px;
color: inherit;
}

.panel-default a.active { color:#009999;}

.workitem { margin:4px; width:32% }
.workitem a { min-height:220px; background-color: rgba(255, 255, 255, 0.02);  }
.workitem h5 { padding:0 5px; }

@media (max-width: 992px) {
	.workitem { margin:4px; width:48% }
	}
	
	@media (max-width: 440px) {
	.workitem { margin:4px 0; width:100% }
	}

.mgTopWork { margin-top:48px; }