.ci1 {color: var(--I1);}
.ci2 {color: var(--I2);}
.cp1 {color: var(--P1);}
.cp2 {color: var(--P2);}
.bp1 {background-color: var(--P1);}
.bp2 {background-color: var(--P2);}
.bc1 {background-color: var(--C1);}
.bc2 {background-color: var(--C2);}

.news-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* margin-top: calc(-1 * var(--bs-gutter-y)); */
  /* margin-right: calc(-.5 * var(--bs-gutter-x)); */
  /* margin-left: calc(-.5 * var(--bs-gutter-x)); */

}
.news-row.row-cols-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);
}

.news-row.row-cols-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);

}

@media (min-width: 576px) {
  .news-row.row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);  
  }
}

@media (min-width: 768px) {
  .news-row.row-cols-md-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-md-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);    
  }
}

@media (min-width: 992px) {
  .news-row.row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);    
  }
}

@media (min-width: 1200px) {
  .news-row.row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: calc(33.33333333% - 0.5em);
  }
  .news-row.row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: calc(50% - 0.5em);    
  }
}

.news-row > * {
  max-width: 100%;
  box-sizing: border-box;
  /* margin-right: calc(var(--bs-gutter-x) * .5); */
  /* margin-left: calc(var(--bs-gutter-x) * .5); */
}


.emobar .emo {
  filter: grayscale(1);
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  cursor: pointer;
  user-select: none;
  padding: 0 4px;
}
.emobar .emo.emo-active {
  filter: grayscale(0);
  border: 1px solid hsl(var(--pback));
}
.emobar .emo:first-child {
  filter: grayscale(0);
}

.outline-none {
  outline: none;
}

.main-image-grad {
  background-image: linear-gradient(to top, hsla(from var(--P1) H S L / 0.5), transparent 80%);
  pointer-events: none;
  overflow: hidden;
}

.not-clickable {
  pointer-events: none;
}
.clickable {
  pointer-events: auto;
}

.ms-btn-ui {
    color: var(--P1);
    border-color: var(--P1);
    background-color: hsla(from var(--I1) H S L / 50);
    text-decoration: none;
}
.ms-btn-ui:hover {
    color: hsl(from var(--P1) H S calc(L - 10));
    border-color: hsl(from var(--P1) H S calc(L - 10));
    background-color: var(--I1)
}
.ms-btn-ui:active {
    color: var(--P1);
    border-color: var(--P1);
    background-color: var(--I1);
}

@media (prefers-color-scheme: dark) {
  .ms-btn-ui.adaptive,
  .ms-btn-ui.adaptive:hover,
  .ms-btn-ui.adaptive:active {
    /* background-color: hsl(from var(--I2) H S calc(L - 3)); */
    background-color: hsl(from var(--I2) H S calc(L - 3) /0.5);
    border-color: hsl(from var(--I1) H S calc(L - 1) /0.5);
  }
}

/* ADS */
.banner-container .banner_item.example img {
  border: 1px dashed #AAAAAA;
}

/* menu */
.main-menu menu {
  margin: 0;
}
.main-menu .nav-link, .main-menu .nav-link a, .main-menu .menu-item a {
  color: var(--I1);
  /* padding: 0; */
  /* width: 100%; */
}
.main-menu .navbar-nav .nav-link.show,
.main-menu .nav-link a.active,
.main-menu .nav-link.active,
.main-menu .menu-item a:hover{
  color: var(--P2);
}
.main-menu .edit-link {
  color: var(--I1);
}
.main-menu .logo {
  min-width: 8rem;
}
.main-menu .dropdown-item {
  padding: 0 .5rem;
}
.main-menu .dropdown-item:focus,
.main-menu .dropdown-item:hover {
  color: var(--P1);
  background-color: hsl(from var(--P1) H S calc(L - 1) /0.2);
  width: 100%;
}
.main-menu .navbar-nav-scroll {
  overflow-y: unset;
}
@media (max-width: 992px) {
/* .main-menu  .navbar-collapse.show > menu {} */
.main-menu.navbar-expand-lg menu {
  flex-direction: column;
}
.main-menu.navbar-expand-lg menu .menu-item {
  margin-bottom: 0.3rem;
}
}

/* buttons */
.ms-btn-primary,
.ms-btn-primary > a {
    color: var(--I1);
    background-color: var(--P1);
    border-color: var(--P1);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ms-btn-primary:hover,
.ms-btn-primary:hover > a {
    color: var(--P1);
    background-color: var(--I1);
    border-color: var(--P1);
}
.ms-btn-primary.reverse,
.ms-btn-primary.reverse > a {
    color: var(--P1);
    background-color: var(--I1);
}
.ms-btn-primary.reverse:hover,
.ms-btn-primary.reverse:hover > a {
    color: var(--I1);
    background-color: var(--P1);
}


.ms-btn-secondary,
.ms-btn-secondary > a {
    color: var(--I2);
    background-color: var(--P2);
    border-color: var(--P2);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ms-btn-secondary:hover,
.ms-btn-secondary:hover > a {
    color: var(--P2);
    background-color: var(--I2);
    border-color: var(--P2);
}
.ms-btn-secondary.reverse,
.ms-btn-secondary.reverse > a {
    color: var(--P2);
    background-color: var(--I2);
}
.ms-btn-secondary.reverse:hover,
.ms-btn-secondary.reverse:hover > a {
    color: var(--I2);
    background-color: var(--P2);
}


/* paginator */

.page-item .page-link {
    color: var(--P1);
}
.page-item .page-link:hover {
    color: hsl(from var(--P1) H S calc(L - 1) /0.8);
    background-color: hsl(from var(--P1) H S calc(L - 1) /0.1);
}

.page-item.active .page-link {
    color: var(--I1);
    background-color: var(--P1);
    border-color: var(--P1);
}


/* promo block */

.promo-old-school{
    position: -webkit-sticky;
    position: sticky;
    bottom: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    box-shadow: 0 -5px 1em -4px rgb(0 0 0 / 13%);
    border: 1px solid #858585;
    border-radius: 999px;
    z-index: 3;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* padding: 1.2rem 2.5rem; */
}
@media(max-width:836px) {
    .promo-old-school{
        display: none;
    }
}

.promo-old-school a{
    color: var(--P2);
}
.toast-body a{
    color: var(--P2);
}


.news_xs, .news_sm, .news_md, .news_lg, .news_xl {
  overflow: hidden;
}

/* advert */

.banner-container img {
    max-width: 100%;
    height: auto;
}

/* user */

address {
  margin-bottom: 0px;
}

/* .page-item {
    padding-top: 20px;
    padding-bottom: 0px;
}

.page-item.active .page-link {
    border-color: #457ade;
    background-color:#3f9ae6;
    color: #fff;
}

.page-item.active .page-link:hover {
    border-color: #457ade;
    background-color:#457ade;
}


.page-item .page-link:hover {
    background-color: #e1e9ec;
}

.page-item .page-link {
    color: #3f9ae6;
}

.page-link {
    text-align:center;
    color:#000;
    min-width: 3em;
    border: 0;
    opacity: .5;
}
.page-item.active .page-link {
    border:0;
    color: var(--I1);
    background-color: var(--P1);

}
.page-item .page-link:hover {
    background-color: transparent;
    color:#000000;
    text-decoration: underline;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
    border-radius: 0;
} */
    .user_md .status,
    .user_md .description,
    .user_md .contacts {
        color: #6c757d;
    }
    .user_md .user-name {
        font-size: 1.7rem;
        font-weight: 700;
    }
    .user_md .user-name, .user_md .user-name-link {
        color: #1c1c1c;
    }

    .user_md .description,
    .user_md .contacts {
        font-style: italic;
    }

    .user_md figure img {
        border: 5px solid transparent;
        box-shadow: 0 0 0 2px var(--P2), 0 5px 20px rgba(0, 122, 255, 0.2);
    }


    .post_feedback .form-check-input:checked {
        background-color: #457ade;
        border-color: #457ade;
    }
    .post_feedback .form-control::placeholder {
        color: #6c757d99;
    }


    .news_lg .subcategory {
        background-color: var(--P2);
    }
    .news_lg .subcategory a {
        color: var(--I2);
    }
    .news_lg time,
    .news_lg .view {
        color: #5e5e5e;
        line-height: 0.975rem;
        font-size: 0.875rem;
    }
    .news_lg .short{
        line-height: 1.625rem;
        color: #5e5e5e;
        margin-bottom: 1.625rem;
    }
    .news_lg {
        border-bottom: solid 1px rgba(94, 94, 94, 0.5);
    }





.news_sm {
    transition: background-color 0.2s ease-in-out;
    border-bottom: 1px solid hsl(from var(--P1) h s l / 0.1);
}

.news_sm:hover {
    background-color: hsl(from var(--P2) h s l / 0.05);
}
.news_sm .edit-link {
    color: hsl(from var(--P1) h s l / 0.5);
}
.news_sm .edit-link:hover {
    color: hsl(from var(--P1) h s l / 1);
}

.news_sm .headline {
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
    color: var(--P1);
}

.news_sm .published {
    font-weight: 500;
    color: hsl(from var(--P1) h s calc(l + 40) / 0.9);
    font-size: clamp(0.75rem, 0.7rem + 0.25vw, 0.85rem);
}

.news_sm .tags {
    display: flex;
    flex-wrap: wrap;
}

.news_sm .tags .keywords {
    background-color: hsl(from var(--P1) h s l / 0.1);
    color: hsl(from var(--P1) h s calc(l + 20) / 0.75);
    padding: 4px 10px;
    border-radius: 16px;
    font-weight: 500;
    font-size: clamp(0.6rem, 0.6rem + 0.2vw, 0.7rem);
    margin-bottom: 0.25rem;
    margin-right: 0.3rem;
}
.news_sm .tags .keywords a {
    color: var(--P1);
}

.news_sm:hover .headline {
    color: hsl(from var(--P2) h s calc(l - 10));
}


    .bg_vk {
        background-color: #45668e;
    }
    .color_vk {
        color: #45668e;
    }
    
    .bg_telegram {
        background-color: #38a6db;
    }
    .color_telegram {
        color: #38a6db;
    }
    
    .bg_facebook {
        background-color: #3b5998;
    }
    .color_facebook {
        color: #3b5998;
    }
    
    .bg_odnoklassniki {
        background-color: #ed812b;
    }
    
    .color_odnoklassniki {
        color: #ed812b;
    }
    
    .bg_twitter {
        background-color: #1da1f2;
    }
    .color_twitter {
        color: #1da1f2;
    }


    .user_sm a {
        font-size: 0.812rem;
    }
    .user_sm .edit-link {
        color: hsla(from var(--I1) H S L / 0.4);
    }    
    .user_sm .img-avatar {
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #E0E0E0;
    }
    .user_sm .dummy-avatar {
        color: #E0E0E0;
    }
    .user_sm span.name {
        color: #212121;
        font-weight: 600;
        color: var(--P1);
    }



    .news_xl .article-body a {
        color: var(--P2);
    }
    .news_xl .article-body figure {
        text-align: center;
        border: none;
        padding: 0;
        margin: 0;
        display: block
    }
    .news_xl .article-body img {
        width: 100%;
        height: auto;
        border-radius: 0.25rem;
        overflow: hidden
    }
    .news_xl .article-body blockquote {
        background-color: hsl(from var(--P2) h s 97%);
        color: color(srgb 0.195 0.105 0.105);
        border-radius: 12px;
        padding: 2.5rem 3rem;
        max-width: 600px;
        box-shadow: 0 10px 30px -10px hsla(0, 0%, 0%, 0.15);
        border-left: 5px solid var(--P2);
        position: relative;
        overflow: hidden;
        font-size: 1.25rem;
        line-height: 1.6;
        font-style: italic;
        margin: 0;
        z-index: 1;
        margin-bottom: 1rem;
    }
    .news_xl .article-body blockquote:before, 
    .news_xl .article-body blockquote:after {
        bottom: 0;
        right: 1rem;
        content: "»";
        position: absolute;
        font-size: 7rem;
        font-weight: 700;
        color: hsl(from var(--P2) h s 90%);
        z-index: -1;
        line-height: 1;
    }
    .news_xl .article-body blockquote:before {
        top: -1rem;
        left: 0;
        content: "«";
    }
     .news_xl .article-body blockquote p {
        margin: 0
     }

    .news_xl .article-body>* {
        margin-bottom: 1rem
    }
    .news_xl .article-body figcaption {
        font-size: 0.875rem;
        text-align: center;
        font-style: italic
    }
    .news_xl .article-body p code,
    .news_xl .article-body pre code {
        white-space: normal;
        color: #777777;
        font-size: 0.8rem;
    }

    .news_xl .keywords {
        background-color: #f1f1f1;
        color: #555;
        padding: 0.3rem 0.8rem;
        border-radius: 6px;
        font-size: clamp(0.6rem, 0.6rem + 0.2vw, 0.7rem);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }
    .news_xl .keywords.first {
        background-color: var(--P2);
        color: var(--I1);
    }

    .news_xl .keywords a {
        color: #555;
    }
    .news_xl .keywords.first a {
        color: var(--I1);
    }
    .news_xl .published {
        color: #888;
        font-size: 0.75rem;
        align-self: flex-start;
    }
    .news_xl .news-footer {
        border-bottom: 1px solid #E0E0E0;
    }
    .news_xl .edit-link {
    color: hsl(from var(--P1) h s l / 0.5);
    }
    .news_xl .edit-link:hover {
        color: hsl(from var(--P1) h s l / 1);
    }

    .news_xl .subcategory,
    .news_xl time,
    .news_xl .view {
        color: #5e5e5e;
    }
    .news_xl .author .user_sm a {
        font-size: 1rem;
        color: #6c757d;
    }
    .news_xl .img-description {
        color: #6c757d;
        font-style: italic;
        font-family: "Mulish", sans-serif;
    }
    .news_xl .img-description p {
        margin: 0.1rem 0;
    }    
    .news_xl .photo-author {
        color: #6c757d;
        font-style: italic;
        font-size: 0.8rem;
        font-family: "Mulish", sans-serif;
    }
    .news_xl .alternative-headline {
        font-style: italic;
        color: #343434;
        font-family: "Mulish", sans-serif;
    }

    .news_xl footer.blog-post .tags p{
        background-color: #f4f6f9;
        font-size: 0.875rem;
        padding: 6px 1.062rem;
        margin-right: 1em;
    }
    .news_xl footer.blog-post .tags a{
        color: #242424;
    }
    .news_xl .promo-old-school {
        font-size: 0.938rem;
        color: #696969;
        padding: 1.5rem 0;
    }


    .news_xs h3 {
        font-size: 1.1rem;
    }
    .news_xs time {
        font-size: 0.8rem;
        color: hsla(from var(--P1) H S L / 0.7);
    }
    .news_xs {
        border-bottom: 1px solid hsla(from var(--P2) H S L / 0.2);
        padding: 1rem 0;
        /* position: relative; */
        transition: background-color 0.2s ease-in-out;
    }
    .news_xs .edit-link {
        color: hsl(from var(--P1) h s l / 0.5);
    }
    .news_xs .edit-link:hover {
        color: hsl(from var(--P1) h s l / 1);
    }
        .right_news_top_count3 {
        color: var(--P1);
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0.125rem 1em;
        border-bottom: 0.188rem solid #e5e5e5;
        width: auto;
        display: inline-block;
        margin-top: 0.5em
       }

    .news_xs .top_count {
    /* counter-increment: news-counter; */
    /* content: number; */
    font-size: 3em;
    font-weight: 700;
    /* color: var(--number-color); */
    color: hsla(from var(--P2) H S L / 0.2); /* color: var(--P2); */
    min-width: 2.8125rem;
    /* margin-right: 15px; */
    /* line-height: 1; */
    /* text-align: right; */
    }


    .user_xl figure {
        margin: 0;
    }
    .user_xl .card-img-overlay {
        background: linear-gradient(0deg, #0000008a 10%, transparent);
    }
    .user_xl .card-text {
        background: #1d9bc2;
    }
    .user_xl img.card-img-top {
        object-fit: cover;
    }



    .news_lg .headline {
        color: var(--I1);
    }
    .news_lg .keywords a {
        color: var(--I1);
        font-size: clamp(0.775rem, 1vw, 1rem);
    }
    .news_lg time {
        color: var(--I1);
        font-size: clamp(0.875rem, 1.5vw, 1rem);
    }
    .news_lg .headline {
        font-size: clamp(1.5rem, 3vw, 2.5rem);
    }


    /* background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5); */


	footer.footer {
		background-color: hsl(from var(--P1) h s l / 1);
	}
	
	footer.footer p,footer.footer h6, footer.footer a  {
		color: hsl(from var(--I1) h s l / 0.7);
	}
	
	footer.footer a:hover {
		color: var(--I1);
		text-decoration-line: none;
	}



.news_md {
background-color: var(--card-background-color);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.news_md a {
    text-decoration: none;
}
.news_md .card-footer {
    border-top: initial;
    background-color: initial;
}

.news_md .text-header {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 1rem 0;
    color: #212529;
    transition: color 0.3s ease;
}

.news_md h1.text-header, .news_md h1 .text-header {
    font-size: clamp(2rem, 1rem + 5vw, 4rem);
}
.news_md h2.text-header, .news_md h2 .text-header {
    font-size: clamp(1.5rem, 1rem + 3vw, 2rem);
    line-height: clamp(1.7rem, 1.2rem + 3vw, 2.5rem);
}

.news_md h3.text-header, .news_md h3 .text-header {
    font-size: clamp(1.15rem, 1rem + 2vw, 1.25rem);
    line-height: clamp(1.4rem, 1.3rem + 2vw, 1.5rem);
}

.news_md a.text-header:hover {
    color: var(--P2);
}

    .news_md .short{
        line-height: 1.625rem;
        color: #5e5e5e;
        margin-bottom: 1.562rem;
    }
    .news_md .subcategory {
        font-size: .875em;
    }
    .news_md .subcategory a {
        color: var(--I2);
    }
    .news_md time,
    .news_md .view {
        color: #6c757d;
        /* line-height: 0.975rem; */
        font-size: .875rem;
    }



    .news_sm {
        transition: background-color 0.2s ease-in-out;
        border-bottom: 1px solid #e9ecef;
    }
    .news_sm .published{
        font-size: 0.85rem;
        font-weight: 500;
        color: #6c757d;
    }
    .news_sm:hover .headline{
        color: hsl(from var(--P2) H S calc(L - 10))
    }
    .news_sm:hover {
        background-color: hsl(from var(--P2) H S L / 0.05);
    }
    .tags {
        display: flex;
        flex-wrap: wrap;
        /* margin-left: -0.5rem; */
        /* margin-right: -0.5rem; */
    }
    .tags .tag {
       background-color: hsl(from var(--P1) H S L / 0.15);
        color: hsl(from var(--P1) H S L / 0.45);
        padding: 4px 10px;
        border-radius: 16px;
        font-size: 0.75em;
        font-weight: 500;
    }



    .user_lg {
        border-radius: 0.625rem;
    }
    .user_lg img {
        border-radius: 0.625rem 0.625rem 0 0 ;
    }



  .popover-ico[area-describedby], .popover-ico[aria-describedby] i {
    color: hsl(var(--pback));
}


    .news_sm1{
        padding: 1.5rem 0;
        border-bottom: 1px solid #d8d8d8;
    }
    div.col-12:last-child .news_sm1{
        border-bottom: 0;
        padding: 1.5rem 0;
    }
    .news_sm1 .text-header {
        font-size: 2rem;
        color: var(--I2);
    }
    .news_sm1 .subcategory {
        border: 1px solid #fff;
        padding: 3px 14px;
        border-radius: 2px;
        font-size: .875em;
    }
    .news_sm1 .subcategory a {
        color: var(--I2);
    }

    .news_sm1 time,
    .news_sm1 .view {
        line-height: 15.6px;
        font-size:14px;
    }


    .news_xl .subcategory,
    .news_xl time,
    .news_xl .view {
        color: #5e5e5e;
    }
    .news_xl .author .user_sm a {
        font-size: 1rem;
        color: #6c757d;
    }
    .news_xl .img-description {
        color: #6c757d;
        font-style: italic;
        font-family: "Mulish", sans-serif;
    }
    .news_xl .photo-author {
        color: #6c757d;
        font-style: italic;
        font-size: 0.8rem;
        font-family: "Mulish", sans-serif;
    }
    .news_xl .alternative-headline {
        font-style: italic;
        color: #343434;
        font-family: "Mulish", sans-serif;
    }
    .news_xl .article-body {
        color: #343434;
        font-family: "Mulish", sans-serif;
    }
    .news_xl .article-body figure{
        text-align: center;
    }
    .news_xl .article-body img {
        height: auto;
        max-width: 100%;
        margin: 1rem 0 0.5rem;
    }
    .news_xl .article-body a {
        color: var(--P2);
    }
    .news_xl .article-body p code,
    .news_xl .article-body pre code {
        white-space: normal;
        color: #777777;
        font-size: 0.938rem;
    }
    .news_xl .article-body blockquote {
        border-top: 0.25rem solid  hsl(var(--pback));
        background: #F9F9F9;
        padding: 1rem 1rem 1rem 2rem;
        color: #181823;
        font-family: "Oswald", sans-serif;
        font-weight: 500;
        font-size: 1.125rem;
    }
    .news_xl .article-body blockquote p {
        margin: 0;
    }
    .news_xl footer.blog-post .tags p{
        background-color: #f4f6f9;
        font-size: 0.875rem;
        padding: 6px 1.062rem;
        margin-right: 1em;
    }
    .news_xl footer.blog-post .tags a{
        color: #242424;
    }
    .news_xl .promo-old-school {
        font-size: 0.938rem;
        color: #696969;
        padding: 1.5rem 0;
    }



    nav.main-menu {
        background-color: var(--P1);
    }

    /* @media (max-width: 576px){
        .main-menu ul.w-100{
            width: auto!Important;
        }
    } */

    .main-menu menu>.menu-item {
        margin: 0 0.5rem;
    }

    .main-menu menu .edit-link {
        color: hsla(from var(--I1) H S L / 0.4);
    }

    .modal.search .modal-dialog {
        color: #ffffff;
        vertical-align: middle;
        top: 40%;
        background-color: rgba(0, 0, 0, 0);
    }

    .modal.search .modal-content {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0);
        border: 0;
    }

    .modal.search .modal-header {
        padding: 0;
        margin-bottom: 10px;
        background-color: rgba(0, 0, 0, 0);
    }

    .search_field {
        color: #ffffff;
        background: transparent;
        width: 90%;
        border: 0;
    }

    .search_field::placeholder {
        color: #fff;
    }

    .search_field:focus {
        outline: none;
    }

    /* clears the 'X' from Internet Explorer */
    input[type=search]::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

    input[type=search]::-ms-reveal {
        display: none;
        width: 0;
        height: 0;
    }

    /* clears the 'X' from Chrome */
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

    .search_btn:focus {
        outline: none;
    }

    .modal.search .modal-dialog form {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0);
        width: 100%;
        font-size: 2rem;
    }


    .navbar .dropdown-menu {
        z-index: 1030;
    }




    .user-header {
        color: rgb(187,187,187);
    }
    a.user-header:hover {
        color: #777;
    }



    .media_md {
        text-align: center;
    }
    .media_md figcaption h2 {
        font-size: 1rem;
        margin-top: 0.25rem;
        /* text-align: center;*/
    }