/*header*/

body {
  font-family: 'Arsenal', serif;
  font-weight: 400;
}

/*--nav*/
#navbarNavDropdown {
  padding-top: 25px;
}

/*main*/
main .row{
  /*border-bottom: 1px solid #e4e4e4;*/
}
/*--article*/


article h1 {
    line-height: 1;
    font-family: 'Lora', serif;
    color: #cb0000;
    font-style: italic;

}

article h4, article h3, article h2 {
    font-family: 'Lora', serif;
    font-style: italic;


}

.art-content {
  font-size: 1.3rem;
  font-family: 'Arsenal', sans-serif;
}

.art-content h3::before, .art-content h2::before {
    content: "";
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
    transform: translate(-35px,-35px);
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" standalone="no"%3F%3E%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23e5f2ea" d="M34.2,-31.1C45.1,-23.2,55.4,-11.6,54.9,-0.5C54.5,10.7,43.2,21.3,32.3,30.5C21.3,39.7,10.7,47.3,-3.2,50.5C-17.2,53.8,-34.3,52.6,-40.9,43.5C-47.5,34.3,-43.5,17.2,-41,2.5C-38.4,-12.1,-37.3,-24.2,-30.8,-32.1C-24.2,-40,-12.1,-43.7,-0.2,-43.4C11.6,-43.2,23.2,-39,34.2,-31.1Z" transform="translate(100 100)" /%3E%3C/svg%3E');
}
.art-content blockquote {
    font-style: italic;
    color: #444;
    margin: 20px 0 20px 45px;
    border-left: 5px solid #e6e6e6;
    padding-left: 30px;
    line-height: 1.4em;
    position: relative;
}

.art-content blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
.art-content blockquote:before  {
    content: "\f10e";
    font-family: FontAwesome;
    position: absolute;
    left: -45px;
    top: 10px;
    color: #e6e6e6;
    font-size: 25px;
    font-weight: 600;
}

.art-content img.artimg, 
.art-content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.art-content iframe {
    max-width: 640px;
}
.art-content p.art-in-text {
    /* text-align: right; */
    /* float: right; */
    /* width: 300px; */
    margin-left: 10px;
    /* margin-right: -160px; */
    padding: 6px 8px 6px 45px;
    border-left: 4px solid #5f5f5f;
    background: #f7f9fa;
    font-size_: 14px;
    position: relative;
}
.art-content p.art-in-text::before {
    content: "\f05a";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    /* display: block; */
    color: #5f5f5f;
    padding_: 4px 13px 5px 0;
    font-size: 1.6rem;
    text-decoration: inherit;
    left: 10px;
    top: 3px;
    position: absolute;
}
/*footer*/
footer nav a.nav-link {
  padding: 0;
  color: #616161 !important;
}
footer nav a.nav-link:hover {
  padding: 0;
  color: #313131 !important;
  text-decoration: underline;
}




/* 2 колонки на sm */
@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 2;
        column-count: 2
    }
}
/* 3 колонки на md */
@media (min-width: 768px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3
    }
}
/* 4 колонки на lg и xl */
@media (min-width: 992px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3
    }
} 




footer {
  padding: 7em 0; }

.footer {
  padding-top: 0 !important;
  background: #302939;
  position: relative;
  overflow: hidden;
  z-index: 0; }
  .footer:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .2;
    z-index: -1;
    background: #d7b8ff;
    background: -moz-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #d7b8ff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(center, ellipse, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, #d7b8ff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7b8ff', endColorstr='#ffffff', GradientType=1 ); }
  .footer .subheading {
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    letter-spacing: 2px; }
  .footer .heading-section {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase; }
  .footer .footer-heading {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px; }
    .footer .footer-heading .logo {
      color: #fff; }
  .footer p {
    color: rgba(255, 255, 255, 0.3); }
  .footer a {
    color: #fff; }
  .footer .list-unstyled li a {
    color: rgba(255, 255, 255, 0.5); }
  .footer .subscribe-form {
    border-radius: 40px;
    background: #fff;
    padding: 3px; }
    .footer .subscribe-form .form-group {
      position: relative;
      margin-bottom: 0;
      border-radius: 0; }
      .footer .subscribe-form .form-group input {
        background: transparent !important;
        border: none !important;
        outline: none !important;
        color: rgba(0, 0, 0, 0.3) !important;
        font-size: 16px;
        height: 56px;
        border-radius: 0; }
        .footer .subscribe-form .form-group input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          color: rgba(0, 0, 0, 0.3) !important; }
        .footer .subscribe-form .form-group input::-moz-placeholder {
          /* Firefox 19+ */
          color: rgba(0, 0, 0, 0.3) !important; }
        .footer .subscribe-form .form-group input:-ms-input-placeholder {
          /* IE 10+ */
          color: rgba(0, 0, 0, 0.3) !important; }
        .footer .subscribe-form .form-group input:-moz-placeholder {
          /* Firefox 18- */
          color: rgba(0, 0, 0, 0.3) !important; }
        .footer .subscribe-form .form-group input:focus {
          outline: none !important;
          -webkit-box-shadow: none;
          box-shadow: none; }
      .footer .subscribe-form .form-group .submit {
        color: #fff !important;
        display: block;
        width: 150px;
        height: 56px;
        font-size: 14px;
        background: #352d3f !important;
        border: none;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-radius: 40px; }
        .footer .subscribe-form .form-group .submit:hover, .footer .subscribe-form .form-group .submit:focus {
          text-decoration: none !important;
          outline: none !important; }
  .footer .aside-stretch {
    background: #322b3c; }
    .footer .aside-stretch:after {
      background: #322b3c; }
  .footer .aside-stretch-right {
    background: #372f42; }
    .footer .aside-stretch-right:after {
      background: #372f42; }


/* bootstrap */
.breadcrumb {background-color: inherit;}