html { position: relative; min-height: 100%; }
body{ font-family: 'Roboto', sans-serif; font-size:14px; margin-bottom: 60px; }

nav.breadcrumbs{ background:#e9ecef;  }
h3.title{ font-size:17px; font-weight:bold; text-transform:uppercase; text-align:center; }
h3.title:after {
content: "";
  border-bottom:1px solid grey;
  width:60%;
  display:block;
  margin:0 auto;
}
.noborder{border:0 !important;}
.noborder a{border:0 !important;}

.top{background:#00a6a1;}
.top .t-nav{float:right;}
.top .t-nav ul{list-style:none;padding:0;margin:0;}
.top .t-nav ul li{float: left;font-size: 13px; line-height:20px; padding: 2px 0px 4px 10px;}
.top .t-nav ul li a{color:#fff; border-right:1px solid #318c88; padding-right: 10px;}
.top .t-nav ul li.active{background: #383838;}
.top .facebook{float:right;background:#343a40; }
.top .facebook a{display: block;padding: 1px 8px 0px 8px;font-size: 19px;color:#fff;}

.logo{ max-width:250px !important; }

.socialbar{ display:table; }
.social{  display:table-cell; width:25%; margin:0; font-size:20px; text-align:center; float:left; }
.social a{ margin-left:5px; color:#666; transition:all .3s ease; }
.social a.facebook:hover{ color:#3b5998 !important; }
.social a.twitter:hover{ color:#55acee !important; }
.social a.instagram:hover{ color:#cd486b !important; }
.social a.pinterest:hover{ color:#cb2027 !important; }
.social a.flickr:hover{ color:#ff0084 !important; }
.social a.youtube:hover{ color:#ff0000 !important; }
.social a.foursquare:hover{ color:#f94877 !important; }

.sidebar{ }
.sidebar p{ margin-bottom:15px; }
.sidebar a{ color:#318c88; }
.widget{ margin-bottom:25px; }
.widget .widget_title{ background:#eee; height:15px; width:100%; line-height:15px; margin-bottom:15px; }
.widget .widget_title h3, .widget .widget_title h1 { font-weight:400; padding-right:10px; font-size:18px; height:15px; line-height:15px; background:#fff; display:inline-block; margin:0; }
.widget .widget_body{  }

.content{ }

ul.pagination{ margin-top:20px; }
ul.pagination li{ }
ul.pagination li a, ul.pagination li.active span, ul.pagination li.disabled span{ border:1px solid #e2e2e2; padding:5px 13px; margin-right:4px; }
ul.pagination li a:hover{ text-decoration:none; }

.footer { position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; background-color: #f5f5f5; font-size:.9em; }

a, a:hover, a:focus, a:active{ color:#318c88; }

img{ max-width:100%; }