footer {
    background: #d2d2d2;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    text-align: left;
    font-size: 11px;
    color: #533e30; 
}

.panel {
    margin-bottom: 25px;
    background-color: white;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; 
}

.panel-body {
    padding: 15px;
    position: relative;
    border: 1px solid #d9d9d9; 
}

.panel-heading {
    position: relative;
    padding: 12px 15px;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
}

.panel-heading .custom-icon {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #333333;
    font-size: 14px; 
}

.panel-heading .custom-text {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #333333;
    font-size: 12px; 
}

h4.panel-title {
    font-size: 15px;
    font-weight: 600;
    color: #4d4d4d; 
}

h4.panel-title .fa {
    margin-right: 4px;
    font-size: 14px;
    width: 20px; 
}

h3.panel-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333333; 
}

.panel-footer {
    padding: 0;
    border: 0;
    margin-top: -1px;
    background: transparent;
    border: 1px solid #737373;
    border-top: 0; 
}

.panel-default {
    border: 1px solid #e8e8e8; 
}

.panel-default > .panel-heading {
    color: #595959;
    border-color: #e8e8e8;
    background: #fcfcfc; 
}

.panel-default > .panel-footer {
    border-color: #e8e8e8;
    background: #f7f7f7; 
}

.panel-default > .panel-footer a {
    color: #666666; 
}

.panel-default > .panel-footer a:hover {
    color: #4d4d4d; 
}

.panel-primary {
    border: 1px solid #e0e0e0; 
}

.panel-primary > .panel-heading {
    color: #333333;
    background: #f2f2f2;
    border: 0;
    border-color: #e0e0e0; 
}

.panel-primary > .panel-body {
    border: 0; 
}

.panel-primary > .panel-footer {
    border-color: #e8e8e8;
    background: #f7f7f7; 
}

.panel-primary > .panel-footer a {
    color: #4d4d4d; 
}

.panel-primary > .panel-footer a:hover {
    color: #666666; 
}

.panel-success {
    border: 1px solid #baddd6; 
}

.panel-success > .panel-heading {
    color: #76bbad;
    background: #edf6f4;
    border: 0;
    border-color: #baddd6; 
}

.panel-success > .panel-body {
    border: 0; 
}

.panel-success > .panel-footer {
    color: #76bbad;
    background: #feffff;
    border-color: #dceeea; 
}

.panel-success > .panel-footer a {
    color: #98ccc1; 
}

.panel-success > .panel-footer a:hover {
    color: #baddd6; 
}

.panel-warning {
    border: 1px solid #ffe1ba; 
}

.panel-warning > .panel-heading {
    color: #ffaa3a;
    background-color: #ffecd3;
    border-color: #ffecd3;
    border: 0; 
}

.panel-warning > .panel-body {
    border: 0; 
}

.panel-warning > .panel-footer {
    color: #ffaa3a;
    background-color: white;
    border-color: #ffecd3; 
}

.panel-warning > .panel-footer a {
    color: #ffc06d; 
}

.panel-warning > .panel-footer a:hover {
    color: #ffd6a0; 
}

.panel-danger {
    border: 1px solid #f0c5c6; 
}

.panel-danger > .panel-heading {
    color: #d66061;
    background: #f5dada;
    border-color: #f0c5c6;
    border: 0; 
}

.panel-danger > .panel-body {
    border: 0; 
}

.panel-danger > .panel-footer {
    color: #d66061;
    background: #f3d2d2;
    border-color: #f0c5c6; 
}

.panel-danger > .panel-footer a {
    color: #e08989; 
}

.panel-danger > .panel-footer a:hover {
    color: #ebb1b2; 
}

.panel-info {
    border: 1px solid #b7cee3; 
}

.panel-info > .panel-heading {
    color: #335c81;
    border: 0;
    background-color: #eef3f8;
    border-color: #eef3f8; 
}

.panel-info > .panel-body {
    border: 0; 
}

.panel-info > .panel-footer {
    color: #335c81;
    background-color: white;
    border-color: #eef3f8; 
}

.panel-info > .panel-footer a {
    color: #80a9cd; 
}

.panel-info > .panel-footer a:hover {
    color: #a4c2dc; 
}

.panel-grey {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #4d4d4d;
    padding: 15px;
    color: #b3b3b3; 
}

.panel-grey h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #666666;
    margin-bottom: 15px; 
}

.panel-white {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #d9d9d9;
    padding: 15px;
    color: #666666; 
}

.panel-white h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 15px; 
}

.panel-orange {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #ffaa3a;
    padding: 15px;
    color: white; 
}

.panel-orange h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ffc06d;
    margin-bottom: 15px; 
}

.panel-blue {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #5b90bf;
    padding: 15px;
    color: white; 
}

.panel-blue h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #6d9cc6;
    margin-bottom: 15px; 
}

.panel-green {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #76bbad;
    padding: 15px;
    color: white; 
}

.panel-green h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #98ccc1;
    margin-bottom: 15px; 
}

.panel-red {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #d66061;
    padding: 15px;
    color: white; 
}

.panel-red h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #db7475;
    margin-bottom: 15px; 
}

.panel-linkedin {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #1a85bd;
    padding: 15px;
    color: white; 
}

.panel-linkedin h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #1d95d3;
    margin-bottom: 15px; 
}

.panel-twitter {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #00acee;
    padding: 15px;
    color: white; 
}

.panel-twitter h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #22c2ff;
    margin-bottom: 15px; 
}

.panel-fb {
    margin-bottom: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #4c66a4;
    padding: 15px;
    color: white; 
}

.panel-fb h4.heading {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #5872b2;
    margin-bottom: 15px; 
}

.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; 
}

.panel-group .panel-heading {
    border-bottom: 1px solid #d9d9d9; 
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 0; 
}

.blog {
    margin-bottom: 25px;
    background: #f9fbfc;
    position: relative; 
}

.blog:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 40;
    /*border-width: 0 12px 12px 0;*/
    /*border-style: solid;*/
    border-color: #a9bcd2 white #a9bcd2 #a9bcd2;
    background: transparent;
    display: block;
    width: 0; 
}

.blog-header {
    position: relative;
    padding: 12px 15px;
    border: 1px solid #dfe6ee;
    border-bottom: 0; 
}

.blog-header p.date-time {
    margin: 0;
    color: #666666;
    font-size: 11px; 
}

.blog-header p.date-time span {
    display: inline;
    margin-right: 10px; 
}

.blog-header p.date-time span i {
    margin-right: 2px;
    font-size: 12px; 
}

.blog-header img.blog-post-user {
    max-width: 48px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: right; 
}

h4.blog-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #5b90bf;
    margin-top: 0; 
}

h5.blog-title {
    font-size: 14px;
    font-weight: 600;
    color: #4e6f94;
    margin: 0; 
}

.blog-body {
    padding: 15px;
    position: relative;
	overflow: hidden;
    border: 1px solid #dfe6ee; 
}

.blog-body .blog-img {
    border: 2px solid #a9bcd2;
    min-height: 160px;
    margin-bottom: 10px; 
}

.blog-body .blog-content {
    font-size: 15px;
    line-height: 20px;
    color: #595959; 
}

@media (max-width: 767px) {
    .blog-body .blog-img {
        min-height: 60px; 
    }
    .blog-body .blog-content {
        font-size: 12px;
        line-height: 16px; 
    } 
}

.blog-footer {
    padding: 15px;
    border: 1px solid #e2e8f0;
    border-top: 0;
    border-bottom: 2px solid #e2e8f0;
    position: relative; 
}

.blog-footer:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 15px;
    z-index: 40;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: #e2e8f0 white #e2e8f0;
    background: transparent;
    display: block;
    width: 0; 
}

ul.blog-gallery {
    margin: 0;
    padding: 0;
    list-style-type: none; 
}

ul.blog-gallery li {
    width: 20%;
    float: left;
    height: auto; 
}

ul.blog-gallery li img {
    width: 100%; 
}

.blog-grey {
    background-color: gray; 
}

.blog-grey:before {
    border-color: #4d4d4d #fafafa #4d4d4d #4d4d4d; 
}

.blog-grey .blog-header {
    border: 1px solid gray; 
}

.blog-grey .blog-header h5.blog-title {
    color: white; 
}

.blog-grey .blog-body {
    border: 1px solid gray;
    background: white; 
}

.blog-light-grey {
    background-color: #d9d9d9; 
}

.blog-light-grey:before {
    border-color: #999999 #fafafa #999999 #999999; 
}

.blog-light-grey .blog-header {
    border: 1px solid #d9d9d9; 
}

.blog-light-grey .blog-header h5.blog-title {
    color: #4d4d4d; 
}

.blog-light-grey .blog-body {
    border: 1px solid #d9d9d9;
    background: white; 
}

.blog-warning {
    background-color: #ffaa3a; 
}

.blog-warning:before {
    border-color: #ff9407 #fafafa #ff9407 #ff9407; 
}

.blog-warning .blog-header {
    border: 1px solid #ffaa3a; 
}

.blog-warning .blog-header h5.blog-title {
    color: white; 
}

.blog-warning .blog-body {
    border: 1px solid #ffaa3a;
    background: white; 
}

.blog-success {
    background-color: #76bbad; 
}

.blog-success:before {
    border-color: #54aa98 #fafafa #54aa98 #54aa98; 
}

.blog-success .blog-header {
    border: 1px solid #76bbad; 
}

.blog-success .blog-header h5.blog-title {
    color: white; 
}

.blog-success .blog-body {
    border: 1px solid #76bbad;
    background: white; 
}

.blog-info {
    background-color: #dc6511; 
}

.blog-info:before {
    border-color: #dc6511 #fafafa #dc6511 #dc6511; 
}

.blog-info .blog-header {
    border: 1px solid #dc6511; 
}

.blog-info .blog-header h5.blog-title {
    color: white; 
}

.blog-info .blog-body {
    border: 1px solid #dc6511;
    background: white; 
}

.blog-danger {
    background-color: #d66061; 
}

.blog-danger:before {
    border-color: #ba3031 #fafafa #ba3031 #ba3031; 
}

.blog-danger .blog-header {
    border: 1px solid #d66061; 
}

.blog-danger .blog-header h5.blog-title {
    color: white; 
}

.blog-danger .blog-body {
    border: 1px solid #d66061;
    background: white; 
}