/* Fixed header
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

/* body { margin-top: 80px; background: #f0f3f9; background-image: url("/img/img_bg_pattern.png"); background-size: 10px 10px; } */

/* Page container for 1000px
-------------------------------------------------- */
.page-container { margin-left: auto; margin-right: auto; max-width: 1000px; }

/* Index section 1
-------------------------------------------------- */
.index-section-1 { margin-bottom: 0px; position: relative; }

@media screen and (max-width: 1024px) { .index-section-1 { width: 96%; } }

@media screen and (max-width: 767px) { .index-section-1 { width: 100%; margin-bottom: 0; } }

.index-section-1 .placeholder { position: absolute; top: 90px; left: 95px; font-size: 34px; color: #e4e5e7; background: transparent; display: none; pointer-events: none; width: 78%; }

.index-section-1 .placeholder:before { content: ""; display: inline-block; width: 3px; height: 40px; background-color: #53c3e8; position: absolute; left: -14px; top: 3px; }

@media screen and (max-width: 767px) { .index-section-1 .placeholder { top: 140px; left: 20px; font-size: 24px; width: 90%; } .index-section-1 .placeholder:before { top: 4px; left: -6px; height: 26px; } }

/* Other section 1
-------------------------------------------------- */
.img-circle{border-radius: 50%;}
.img-bordered-sm{border: 2px solid #adb5bd;padding: 2px;}
.profile-user-img{height: 120px;width: 120px;}
.user-block img{height: 40px;width: 40px;}
.border-radius{

}