@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&family=PT+Sans+Caption:wght@400;700&display=swap');

@media (min-width: 1200px) {.container {max-width: 1224px;}}

i.fa.fa-angle-up {background: url('/images/icons/angle-up-solid.svg') no-repeat center; width: 100%; height: 100%; z-index: 100;}

body {overflow: hidden; font-family: 'EB Garamond', serif; font-size: 20px; line-height: 120%; color: #000000; font-weight: 400 !important;}

a {color: #000000; transition: .3s;}
a:hover {text-decoration: none;}
a.btn:focus {box-shadow: none;}

div[aria-label="Breadcrumbs"] {color: #B0B0B0; font-family: 'PT Sans Caption', sans-serif; font-size: 16px !important; line-height: 120% !important; font-weight: 400 !important; background: transparent; position: absolute; z-index: 10;}
.breadcrumb {background: transparent;}
div[aria-label="Breadcrumbs"] a {color: #B0B0B0;}
div[aria-label="Breadcrumbs"] a:hover {color: #B0B0B0;}

textarea {overflow: hidden; resize: none; min-height: 118px !important; width: 100%; font-family: 'PT Sans Caption', sans-serif; color: #000 !important; font-size: 16px !important; line-height: 120% !important; font-weight: 400 !important; border: 1px solid #000000 !important; border-radius: 0 !important; padding-top: 21px; padding-left: 25px;}
textarea:focus {border: 1px solid #000 !important; outline: none;}
textarea::placeholder {font-family: 'PT Sans Caption', sans-serif; color: #C8C8C8 !important; font-size: 16px !important; line-height: 120% !important; font-weight: 400 !important;}

main .blog .item a:hover {color: #000;}

input[type="text"],input[type="email"] {font-family: 'PT Sans Caption', sans-serif; color: #000 !important; font-size: 16px !important; line-height: 120% !important; font-weight: 400 !important; border: 1px solid #000000 !important; border-radius: 0 !important; padding-top: 17px; padding-left: 25px; padding-bottom: 19px;}
input[type="text"]:focus, input[type="email"]:focus {box-shadow: none !important;}
input[type="text"]::placeholder,input[type="email"]::placeholder {font-family: 'PT Sans Caption', sans-serif; color: #C8C8C8 !important; font-size: 16px !important; line-height: 120% !important; font-weight: 400 !important;}

h1, .h1 {font-size: 120px; line-height: 100%; font-weight: 400 !important; }
h2, .h2 {font-weight: 500 !important; font-size: 90px; line-height: 100%;}
h3, .h3 {font-weight: 500 !important; font-size: 48px; line-height: 100%;}
.h3-s1  {font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 44px; line-height: 120%;}
h4, .h4 {font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 24px;}
h5, .h5 {font-size: 24px; font-weight: 400 !important;}
.h5-s1  {font-weight: 500 !important; font-size: 24px;}
h6, .h6 {font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 16px;}
.p-s1   {font-weight: 700 !important;}

div[itemprop="articleBody"] {margin-bottom: 4rem;}
div[itemprop="articleBody"] h1,
div[itemprop="articleBody"] .h1 {font-family: 'EB Garamond', serif; font-weight: 500 !important; font-size: 48px; line-height: 100%; margin-bottom: 35px;}
div[itemprop="articleBody"] h2,
div[itemprop="articleBody"] .h2 {font-family: 'EB Garamond', serif; font-weight: 700 !important; font-size: 28px; line-height: 120%;}
div[itemprop="articleBody"] h3,
div[itemprop="articleBody"] .h3 {font-family: 'EB Garamond', serif;font-weight: 700 !important; font-size: 26px; line-height: 120%;}
div[itemprop="articleBody"] h4,
div[itemprop="articleBody"] .h4 {font-family: 'EB Garamond', serif; font-weight: 700 !important; font-size: 24px; line-height: 120%;}
div[itemprop="articleBody"] h5,
div[itemprop="articleBody"] .h5 {font-family: 'EB Garamond', serif; font-weight: 700 !important; font-size: 22px; line-height: 120%;}
div[itemprop="articleBody"] h6,
div[itemprop="articleBody"] .h6 {font-family: 'EB Garamond', serif; font-weight: 700 !important; font-size: 20px; line-height: 120%;}

.text-grey {color: #393939;}
.text-grey-s1 a {color: #828282;}
.text-grey-s2 {color: #C4C4C4;}
.text-lightgrey {color: #E9E9E9;}
.text-gold {color: #DDD5BB;}
.text-black {color: #000;}

.bg-grey {background: #393939;}
.bg-lightgrey {background: #E9E9E9;}
.bg-gold {background: #DDD5BB;}

.border-grey {border-color: #393939;}
.border-grey-s1 a {border-color: #828282 !important;}
.border-lightgrey {border-color: #E9E9E9;}
.border-gold {border-color: #DDD5BB;}

.btn {background: #000000; border: 1px solid #000000; padding: 18px 48px; color: #fff !important; border-radius: 0; font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 16px; white-space: break-spaces;}
.btn:hover {background: #393939; color: #fff !important;}

.btn-secondar {background: #fff; padding: 17px 83px 18px 33px !important; border: 0; position: relative; display: inline-block; color: #000 !important; white-space: nowrap;}
.btn-secondar:hover {color: #000 !important; background: #fff;}
.btn-secondar::before {content: ''; position: absolute; background: url('/images/icons/ar-01.png') center no-repeat; z-index: 1; height: 100%; width: 100%; top: 0; right: -37%;}
.btn-secondar:hover::before {background: url('/images/icons/ar-02.png') center no-repeat;}

.btn-success {background: transparent; padding: 18px 29px !important; color: #000 !important; white-space: nowrap;}
.btn-success:hover {background: #fff; color: #000 !important;}
/* .btn-success::before {content: ''; position: absolute; background: url('/images/icons/ar-03.png') center no-repeat; z-index: 1; height: 100%; width: 100%; top: 0; right: -35%;} */

.btn-success-two {background: transparent; padding: 18px 48px 18px 67px !important; color: #000 !important; white-space: nowrap;}
.btn-success-two:hover {background: #fff; color: #000 !important;}
.btn-success-two::before {content: ''; position: absolute; background: url('/images/icons/ar-08.png') center no-repeat; z-index: 1; height: 100%; width: 100%; top: 0; right: 30%;}

/* .btn-text {background: transparent; padding: 7px 12px 6px 12px !important; color: #000 !important; white-space: nowrap;}
.btn-text:hover {background: #393939; color: #fff !important;} */

.btn-number {font-family: 'EB Garamond', serif; font-size: 20px !important; line-height: 120%; color: #000000 !important; background: transparent; padding: 6px 13px 7px 13px !important; white-space: nowrap;}
.btn-number:hover {background: #393939; color: #fff !important;}

.btn-arrow {background: transparent; border: 1px solid #fff; padding: 17px 16px 18px 63px !important; color: #fff !important; white-space: nowrap;}
.btn-arrow:hover {background: #fff; color: #000 !important;}
.btn-arrow::before {content: ''; position: absolute; background: url('/images/icons/ar-04.png') center no-repeat; z-index: 1; height: 100%; width: 100%; top: 0; right: 33%;}
.btn-arrow:hover::before {background: url('/images/icons/ar-05.png') center no-repeat;}

.text-main {background: linear-gradient(to right, #fff 23%, #fff 23.5%, #000 22%, #000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.text-quotes-one::before {content: ''; background: url('/images/modules/quotes/p-001.png') center no-repeat; position: absolute; top: -27%; left: -47%; z-index: -1; height: 100%; width: 100%;}
.text-quotes-two::before {content: ''; background: url('/images/modules/quotes/p-002.png') center no-repeat; position: absolute; left: 46%; z-index: -1; height: 100%; width: 100%;  top: -8%;}

/* .text-decorate a{text-decoration: underline !important; border: 0 !important;}
.text-decorate a:hover{text-decoration: underline !important; border: 0 !important;} */

.transform-text-left-capture {top: 5rem; transform: translateX(19.55rem);}

.text-decorate a{border-bottom: 2px solid #000 ;}
.text-decorate a:hover{border-bottom: 2px solid #000 ;}

.text-60 {font-size: 60px;}

.back {top: 0%; right: 0;}

.ourfamily {border: 1px solid #000;}
.ourfamily a {background: transparent; padding: 7px 12px 6px 12px !important; color: #000 !important; white-space: nowrap; border: 1px solid #000000; font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 16px;}
.ourfamily a:hover {background: #393939; color: #fff !important;}

.block-list img {width: 7px; height: 11px;}

.line-bottom-black::before {content: ''; border-bottom: 3px solid #000; padding-bottom: 16px; position: absolute; width: 79%; top: 70%;}
.line-bottom-grey::before {content: ''; border-bottom: 3px solid #C4C4C4; padding-bottom: 16px; position: absolute; width: 79%; top: 70%;}

.image-qoutes-one::before {content: ''; background: url('/images/modules/quotes/003.jpg') center no-repeat; position: absolute; top: -23%; left: 23%; z-index: -1; height: 100%; width: 100%; opacity: 0.5;}

.image-holy::before {content: ''; background: url('/images/modules/holy/002.jpg') left no-repeat; position: absolute; top: -50%; left: -37%; z-index: -1; height: 100%; width: 100%;opacity: 0.2;}

.image-fam::before {content: ''; background: url('/images/modules/family_two/002.jpg') center no-repeat; position: absolute; top: -14%; left: 23%; z-index: -1; height: 100%; width: 100%; opacity: 0.5;}
.image-fam2 {top: 72%;}

.button {top: 38%; right: 17%;}

.photo {filter: brightness(1.2);}
.photo:hover {filter: none;}

.arrow {transform: translateY(2px);-webkit-transform: translateY(2px);}

.modal-dialog {max-width: 600px;}
/* .modal-header {background: url('/images/modules/comment/001.png');} */
.modal-body {background: url('/images/modules/comment/001.png');}

#jc {position: relative; margin-bottom: 100px;}
#jc::before {content: ''; display: flex; position: absolute; z-index: -100; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; background: #E9E9E9;}
#jc h4 {color: #000; border-bottom: none; margin-bottom: 1.5rem; padding-top: 1.5rem;}
#jc #comments-form {padding-bottom: 3rem; width: 50%;}
#jc #comments-form > p,
#jc #comments-form > div {margin-left: 0 !important;}
#jc #comments-form > p > span {display: flex; flex-direction: column; margin-bottom: 1.5rem;}
#jc #comments-form > p > span > label {font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 16px; color: #000; margin-bottom: .5rem;}
#jc #comments-form > p > span > br {display: none;}
#jc #comments-form > p > span > input,
#jc #comments-form > p > span > textarea {width: 100%; max-width: unset !important; padding: 1rem 1.5rem !important; height: auto;}
#jc #comments-form > p > span > .grippie {display: none;}
#jc #comments-form > p > span > span.captcha {font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 16px; color: #000;}
#jc #comments-form #comments-form-buttons .btn a {background: #000000; border: 1px solid #000000; padding: 18px 48px; color: #fff !important; border-radius: 0; font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 16px; white-space: break-spaces; display: block; height: auto;}
#jc #comments-form #comments-form-buttons .btn a:hover {background: #393939; color: #fff !important;}
#jc #comments-form .btn div, #comments-report-form .btn div {padding: 0;}

#jc #comments {position: relative; padding-top: 3rem;}
#jc #comments::before {content: ''; display: flex; position: absolute; z-index: -100; top: 0; bottom: 0; left: 50%; margin-left: -50vw; width: 100vw; background: #fff;}
#jc #comments > h4 > a {display: none;}
#jc #comments #comments-list {width: 60%; margin-left: 0;}
#jc #comments #comments-list .even,
#jc #comments #comments-list .odd {position: relative; margin-bottom: 3rem;}
#jc #comments #comments-list .even::before,
#jc #comments #comments-list .odd::before {content: ''; position: absolute; border-bottom: 1px solid #000; top: 108%; left: 0; width: 50%;}
#jc #comments #comments-list .rbox {border: none;}
#jc #comments #comments-list .rbox .comment-anchor {display: none;}
#jc #comments #comments-list .rbox .comment-author {font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 16px; color: #000; padding-bottom: 1rem; display: block;}
#jc #comments #comments-list .rbox .comment-body {color: #000; line-height: 120%;}
#jc #comments #comments-list .rbox .comment-date {display: none;}
#jc #comments #comments-list-footer {display: none;}
#jc #comments #nav-bottom {background: none; text-align: left; width: 60%;}
#jc #comments #nav-bottom > span {font-family: 'EB Garamond', serif; font-size: 20px !important; font-weight: bold; line-height: 120%; color: #000 !important; background: transparent; border: 1px solid #000000; padding: 6px 13px 7px 13px !important; white-space: nowrap; height: auto; margin-right: 1rem; margin-bottom: 1rem;}
#jc #comments #nav-bottom > span.activepage {color: #fff !important; background: #393939;}
#jc #comments-footer {display: none;}

header #top_menu a {color: #404040; border-bottom: 1px solid transparent;}
header #top_menu a:hover {color: #000000; border-bottom: 1px solid #000;}
header #top_menu li.active {border-bottom: 1px solid #000;}
header #top_menu li.active a {color: #000;}
header #top_menu li ul {display: none;}

/* #right ul {list-style: square;}
#right ul a {color: #404040; border-bottom: 1px solid transparent;}
#right ul a:hover {color: #000000; border-bottom: 1px solid #000;}
#right ul a:active {color: #000000; border-bottom: 1px solid #000;}
#right ul ul {list-style: none;} */

footer {font-family: 'PT Sans Caption', sans-serif !important; font-weight: 400; font-size: 16px;}
footer::before {background: #E9E9E9 !important;}
footer a {border-bottom: 1px solid transparent;}
footer a:hover {color: #000000; border-bottom: 1px solid #000;}
footer span a:hover {color: #828282;}

.mod_top_slider::before {background: #E9E9E9;}
.mod_top_slider img {width: auto !important;}
.mod_top_slider .text {margin-left: 33%; left: 0; top: 38%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.mod_holy .text {margin-left: 33%; left: 112px; top: 34%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.mod_comment::before {background: url('/images/modules/comment/001.png') center no-repeat;}

.mod_false::before {background: #000;}

.mod_footer a {display: inline-block;}
.mod_footer a.mail {display: inline-block;position: relative;}
.mod_footer a.mail:hover {border-bottom: 1px solid transparent;}
.mod_footer a.mail:hover::before {content: ''; position: absolute; height: 100%; width: 100%; background: url('/images/modules/top_menu/mail2.png') center no-repeat; background-size: contain; cursor: pointer;}

.mod_search_family::before {background: #E9E9E9;}
.mod_search_family a:hover {color: #000;}
.mod_family_two::before {background: #E9E9E9;}

.mod_grey {top: -102px;}
.mod_grey::before {margin-bottom: -44%; background: #E9E9E9;}

.mod_offen_false .bg-color::before {background: #E9E9E9; margin-bottom: -17%;}

.mod_our_comment::before {background: #E9E9E9;}

.mod_books a:hover {color: #000;}
.mod_books a img {border: 2px solid transparent;}
.mod_books a:hover img {border: 2px solid #000;}

.mod_holy_two .img::before {content: ''; background: linear-gradient(0deg, rgba(208, 198, 162, 0.1), rgba(208, 198, 162, 0.1));position: absolute; top: 0; right: 15px; bottom: 0; width: 480px;}
.mod_holy_two::before {background: #E9E9E9;}

.mod_others_version::before {background: #E9E9E9;}
.mod_others_version .img {top: 0; left: -32%;}
.mod_others_version .img::before {content: ''; background: #1B1B1B; height: 100%; width: 100%; opacity: 0.6; position: absolute;}

.mod_aliases .text {top: 15%; right: 21.3%;}

.mod_facts .text {top: 15%; right: 11.8%;}

.mod_anecdotes .text {top: 15%; right: 33.5%;}

.mod_choose_alias a:hover {color: #000;}
.mod_choose_alias .text-decorate a {display: inline-block;}

.mod_family a:hover {color: #393939;}

.mod_mail a {border: 0 !important;}
.mod_mail a:hover {border: 0 !important; cursor: pointer;}
.mod_mail a {display: inline-block;position: relative;}
.mod_mail a:hover::before {content: ''; position: absolute; height: 100%; width: 100%; background: url('/images/modules/top_menu/mail2.png') center no-repeat;}

.mod_user_comment .comment::before {content: ''; position: absolute; border-bottom: 1px solid #000; top: 108%; left: 0; width: 50%;}
/* 
.mod_content a:hover {color: #000; text-decoration: underline;}
.mod_content ul {padding-left: 0;}
.mod_content ul li {list-style: none; font-family: 'PT Sans Caption', sans-serif; font-weight: 700 !important; font-size: 24px; color: #C4C4C4; position: relative; padding-bottom: 8px; margin-bottom: 24px;}
.mod_content ul li span {position: relative; cursor: pointer;}
.mod_content ul li span::before {content: ''; border-bottom: 3px solid #C4C4C4; padding-bottom: 16px; position: absolute; width: 280px; bottom: -10px;}
.mod_content ul li span:hover {color: #000;}
.mod_content ul li span:hover:before {border-bottom: 3px solid #000;}
.mod_content ul li span.active {color: #000;}
.mod_content ul li span.active:before {border-bottom: 3px solid #000;}
.mod_content ul li > ul {padding-left: 24px; margin-top: 24px;}
.mod_content ul li > ul li {font-size: 16px; list-style: square; color: #000; margin-bottom: 16px;}
.mod_content ul li > ul li span::before {content: unset;}
.mod_content ul li > ul li > ul {margin-top: 16px; padding-left: 0;}
.mod_content ul li > ul li > ul:last-child li:last-child {margin-bottom: 0 !important;}
.mod_content ul li > ul li > ul li {margin-bottom: 16px; list-style: none;}
.mod_content ul li > ul li > ul li a.active {text-decoration: underline;} */

.mod_content .contents > p {font-family: 'PT Sans Caption', sans-serif; font-size: 16px; font-weight: 700 !important;}
.mod_content .contents > p:hover {cursor: pointer; color: #C4C4C4;}
.mod_content .contents .c-h1 {font-family: 'PT Sans Caption', sans-serif; font-size: 24px; font-weight: 700 !important; position: relative; padding-bottom: 8px; margin-bottom: 24px;}
.mod_content .contents .c-h1::before {content: ''; border-bottom: 3px solid #000; position: absolute; width: 80%; bottom: -10px;}
.mod_content .contents .c-h1:hover::before {border-bottom: 3px solid #C4C4C4;}


body.interesnoe #top {position: relative;}
body.moya-kniga ul {list-style: none;}
body.moya-kniga ul.book li {position: relative; padding-bottom: 16px;}
body.moya-kniga ul.book li::after{content:'⁓';position: absolute; top: 0; left: -15px;}
body.home div[aria-label="Breadcrumbs"] {display: none;}
body.interesnoe div[aria-label="Breadcrumbs"] {top: -13%}
body.bibliografiya #top {position: relative;}
/* body.bibliografiya div[aria-label="Breadcrumbs"] {top: -7%;} */
body.interesnoe .back {top: -13%;}
body.proiskhozhdenie-familij .item-page {margin-top: 100px; padding-top: 100px;}
body.oshibki-i-zabluzhdeniya #center main {overflow: visible;}


@media (max-width: 1199px) {

  body.interesnoe div[aria-label="Breadcrumbs"] {position: unset !important;}
  body.bibliografiya div[aria-label="Breadcrumbs"] {position: unset !important;}

  h1, .h1 {font-size: 38px; font-weight: 700 !important;}
  h2, .h2 {font-size: 26px; font-weight: 700 !important;}
  h3, .h3 {font-size: 24px; font-weight: 700 !important;}
  .h3-s1 {font-size: 24px; font-weight: 700 !important; }
  h4, .h4 {font-size: 23px;}
  h5, .h5 {font-size: 23px;}
  .h5-s1  {font-size: 23px;}

  .btn {font-size: 14px; padding: 12px 28px;}

  .btn-success {padding: 8px 63px 8px 28px !important;}
  .btn-success-two {padding: 8px 28px 8px 63px !important;}

  .text-quotes-one::before {content: unset;}
  .text-quotes-two::before {content: unset;}
  
  .back {display: none;}

  .text-60 {font-size: 20px;}

  .image-qoutes-one::before {content: unset;}

  .image-holy::before {content: unset;}
  .text-main-btn {font-size: 12px !important;}

  #jc #comments-form {width: 100%;}
  #jc #comments #comments-list {width: 100%;}
  #jc #comments #nav-bottom {width: 100%;}
  
  header #top_menu ul {flex-direction: column;}
  /* header #top_menu ul li {padding: .5rem 0; border-bottom: 1px solid #dee2e6; margin-bottom: 0;} */
  header #top_menu ul li {display:block; position: relative;}
  header #top_menu > ul > li a {padding: 1rem 0.5rem; display: block;}
  header #logo {width: 52%;}
  header .mod_mail {flex-direction: column;}

 
  .mod_top_slider .text {position: unset !important; transform: none; margin-left: 5%;}
  .mod_top_slider .text-main {color: #000 !important; background: none; -webkit-background-clip: unset; -webkit-text-fill-color: unset;}

  .mod_holy .text {position: unset !important; transform: none; margin-left: 5%;}

  .mod_footer .row .mr-100 {margin-right: 0 !important;}

  .mod_search_family .h5-s1 a {display: inline-block;}

  .mod_others_version .img {display: none;}
  .mod_others_version .button {display: none;}

  .mod_family_two .image-fam::before {content: unset;}
  .mod_family_two .image-fam2 {display: none;}
  .mod_family_two p {position: unset !important; margin-left: 5%;}

  .mod_grey {display: none;}

  .mod_aliases .text {position: unset !important;}

  .mod_facts .text {position: unset !important;}

  .mod_anecdotes .text {position: unset !important;}

  .mod_offen_false .bg-color::before {content: unset;}

  .mod_holy_two .img::before {content: unset;}

  body.proiskhozhdenie-familij .item-page {margin-top: 0; padding-top: 0;}
}  

@media (min-width: 768px) and (max-width: 1199px) {
  .mod_top_slider .text {margin-left: 2%;}

  .mod_holy .text {margin-left: 2%;}

  .mod_others_version .img::before {content: unset;}
  .mod_others_version .button {display: none;}

  .mod_family_two p {margin-left: 2%;}

  .mod_holy_two .row div.mt-3 {margin-top: 0 !important;}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mod_family .d-flex img {width: 57%;}
}