body{
    font-size: 20px;
     font-family: "Open Sans", sans-serif;
    line-height: 1.5;
    background-color: #fff;
}

small{
    font-size: 14px;
}

/* Header */
header .header-wrap {
    border-bottom: 1px solid #a9a9a9;
    border-top: 5px solid #ed1c24;
    padding: 15px 0;
    z-index: 99;
}

header{
    position: relative;
}

h3{ 
    font-size: 24px;
    font-weight: bold;
}

h4{
    font-size: 20px;
    font-weight: bold;
}

img{
    max-width: 100%;
}
p{
    margin-bottom: 0;
}
.content-page{
    overflow-x: hidden;
}

.article-container{
    overflow-x: hidden;
}

.main-title{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
}

.img-fluid {
    max-width: 70px;
    width: 100%;
    margin-right: 15px;
}

.flex-header-parts{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-shadow-all-left-right {
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 1, 0, 1);
    -moz-box-shadow: -2px 2px 5px 0px rgba(0,1,0,1);
    box-shadow: -2px 2px 5px 0px rgba(0, 1, 0, 1);
}

.box-shadow-light{
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), 
            0 4px 8px rgba(0,0,0,0.05);
}

.icons-block {
    margin-bottom: 2rem;
}
.mobile-but {
    display: block;
    /* top: -45px; */
    padding: 1rem;
}

.mobile-but .lines, .mobile-but .lines:after, .mobile-but .lines:before {
    height: 3px;
    width: 22px;
    /* background-color: #ed1c24; */
}
.mobile-but .lines, .mobile-but .lines:after, .mobile-but .lines:before {
    background: #ed1c24;
}
.mobile-but .lines:before {
    transform: translate(0px, -7px) rotate(0deg);
    -webkit-transform: translate(0px, -7px) rotate(0deg);
    -ms-transform: translate(0px, -7px) rotate(0deg);
    -moz-transform: translate(0px, -7px) rotate(0deg);
}
.mobile-but .lines:after {
    transform: translate(0px, 4px) rotate(0deg);
    -webkit-transform: translate(0px, 4px) rotate(0deg);
    -ms-transform: translate(0px, 4px) rotate(0deg);
    -moz-transform: translate(0px, 4px) rotate(0deg);
}

.mobile-but .lines:after, .mobile-but .lines:before {
    content: " ";
    display: block;
}


.mobile-but .lines {
    transform: translate(0px, 10px) rotate(0deg);
    -webkit-transform: translate(0px, 10px) rotate(0deg);
    -ms-transform: translate(0px, 10px) rotate(0deg);
    -moz-transform: translate(0px, 10px) rotate(0deg);
}

/* active */
.toggle-mobile-but.active .mobile-but .lines:before {
    transform: translate(0px, 1px) rotate(-45deg);
    -webkit-transform: translate(0px, 1px) rotate(-45deg);
    -ms-transform: translate(0px, 1px) rotate(-45deg);
    -moz-transform: translate(0px, 1px) rotate(-45deg);
}


.toggle-mobile-but.active .mobile-but .lines:after {
    transform: translate(0px, 0px) rotate(45deg);
    -webkit-transform: translate(0px, 0px) rotate(45deg);
    -ms-transform: translate(0px, 0px) rotate(45deg);
    -moz-transform: translate(0px, 0px) rotate(45deg);
}

/*  */

.menu-navigation{
    border-top: 5px solid #ed1c24;
    position: absolute;
    top:100%;
    right: 0;
    background: #fff;
    width: 35%;
    padding: 0;
    z-index: 2;
    display: none;
}
.menu-navigation ul{
    list-style-type: none;
    padding: 0.875rem 3.5rem;
}
.menu-navigation ul li{
    border-bottom: 1px solid #a9a9a9;
    text-transform: uppercase;
    padding: 15px 0;
}
.menu-navigation ul li a{
    color: #000;
    text-decoration: none;
}

.component-hemostasis-list li{
color:#a91b1f;
}
.component-hemostasis-list li span{
    color:#000;
}


/* Body */

.content{
    overflow-x: hidden;
}
/* .content p{
    margin: 0;
} */
.content img{
    max-width: 100%;
}

.four-angle-block{
    position: relative;
}

.four-angle {
    position: absolute;
}

.main-head-section{
    position: relative;
}

.burgundy{
    color: #6e0c0d;
}
.dark-red{
    color: #a91b1f;
}
.bg-dark-red{
    background-color: #a91b1f;
}

.bg-grey{
    background-color: #ededea;
}

.first-content-block h1 {
    color: #a91b1f;
}
.bg-burgundy{
    background-color: #6e0c0d;
}
.bg-light-grey{
    background-color: #efefef;
}

.left-top-angle {
    top: 3px;
    left: 3px;
}

.left-bottom-angle {
    bottom: 3px;
    left: 3px;
}
.right-top-angle {
    top: 3px;
    right: 3px;
}

.right-bottom-angle {
    bottom: 3px;
    right: 3px;
}

.four-angle-block-info {
    display: flex;
    align-items: center;
}

.four-angle-block-info p{
    margin-bottom: 0;
}
.four-angle-block {
    padding: 0.5rem 1rem;
    font-size: 16px;
    font-weight: bold;
     margin-bottom: 20px;
}
.link-block {
    color: #020202;
    text-decoration: none;
}
.hemophilia-types-section{
    padding: 20px 0 48px 0;
}

.big_letter{
    color: #a91b1f;
    opacity: 0.2;
    font-size: 75px;
    margin-right: 10px;
    font-weight: bolder;
    line-height: 75px;
}

.heading-article{
    background-image: url("../img/bg-head/lines-for-heading.webp"), url("../img/bg-head/lines-for-heading.webp");
    background-position: top center, bottom center;
    background-repeat: repeat-x, repeat-x;

}
.reversion-avk-two, .reversion-avk-one{
   background-image: url("../img/bg-head/lines-for-heading.webp"); 
   background-position: top center;
   background-repeat: repeat-x;
}
.reversion-avk-one{
    padding-bottom: 40px;
}
.mnv-block div img{
    display: block;
}
.mnv-block div p{
    width: 100%;
}

.mnv-block div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.heading-article h2{
    font-size: 30px;
}

.block-number-article{
    padding: 26px 0;
}

.number-article{
    color: #a91b1f;
    font-weight: bold;
    /* padding: 6px; */
    width: 56px;
    height: 56px;
    margin-right: 26px;
    text-align: center;
    line-height: 56px;
}

.number-content{
    font-size: 30px;
    font-weight: bold;
}
.flex-align-start-content-center{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.flex-align-center-content-start{
    display: flex;
    align-items: center;
    justify-content:flex-start;
}
.flex-align-center-start-center{
    display: flex;
    align-items: center;
    justify-content:center;
}
.literature{
    border-top: 2px solid #777777;
    padding-top: 40px;
}
.literature ol{
    padding-left: 1.25rem;
}
.img-blood-block{
    text-align: center;
    padding: 0 10px;
}
.literature-and-blood{
    padding-top: 22px;
}
.mechanism-kpk{
    padding-top: 28px;
    border-top: 2px solid #777777;
}
.video-block{
    position: relative;
    padding-bottom: 30px;
}
.video-circle-img{
    max-width: 250px;
    position: absolute;
    top:0;
    left: 0;
}
.mechanism-kpk {
    margin-bottom: 24px;
}
.points-mechanism {
    border-top: 2px dashed #d9d9d9;
    padding: 18px 0;
}
.dashed-bottom{
    border-bottom: 2px dashed #d9d9d9;
}
.points-mechanism p{
    margin-bottom: 0;
}
p.notes{
    font-size: 10px;
    padding-top: 5px;
}
.number-content {
    padding: 0 28px 0 20px;
}
.block-brick{
    text-align: center;
    padding: 16px 6px 16px 6px;
    color: #fff;
}
.vkorc{
    padding: 18px 0;
}
.bricks-wrapper:nth-child(1){
    margin-bottom: 22px;
}

.bricks-wrapper:nth-child(1) .block-brick:nth-child(2), .bricks-wrapper:nth-child(2) .block-brick:nth-child(1){
    color:#000;
}
.block-brick img{
    margin-bottom: 10px;
}
.bg-rose-color{
    background-color: #eedcdd;
}
.pd-rose-cell{
    padding: 12px 12px;
}
.markers-table tr th, .markers-table tr td, .szhp-kpk tr th, .szhp-kpk tr td.rose-cell{
    padding-left:  0;
}
.laboratory-correction{
    padding: 12px 0;
}
.laboratory-correction img{
    padding-left: 10px;
    margin-right: 5px;
}
.about-kpk{
    margin: 15px 0;
}
.points-mechanism-section{
    padding-bottom: 22px;
}
.factors-blocks{
    padding: 12px;
    border-bottom: 2px solid #8f0000;
}
.bg-light-white{
    background-color: #fcfcfc;
}
.factors-blocks{
    background-color: #ffffff;
}

.four-angle-block .four-angle-block-info{
    /* display: block; */
    padding-left: 30px;
    padding-top: 22px;
    padding-bottom: 22px;
}
.hemophilia-types-section .four-angle-block .four-angle-block-info{
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.commercially-available-kpk{
    padding-bottom: 14px;
}
.components-kpk{
    padding-left: 40px;
}
.three-four-component{
    padding: 40px 0;
}
.components-kpk img{
    margin-bottom: 14px;
}
.dark-red-list{
    list-style: url("../img/content/dark-red-li.png");
}
.dark-red-list ul li{
    list-style-type: disc;
    list-style-image: none;
}

.red-list{
    list-style: url("../img/content/red-li.png");
}
.nowrap{
    white-space: nowrap;
}

.structure-kpk .standartization-kpk{
    padding-top: 36px;
}
.structure-kpk .four-angle-block{
    padding: 0;
}

.structure-kpk .four-angle-block-info{
    display: block;
}
.structure-kpk  .four-angle-block ul li:not(:last-child){
    margin-bottom: 14px;
}
.structure-kpk  .four-angle-block ul li{
    font-weight: normal;
}

.types-kpk .four-angle-block-info{
    display: block;
}
.composition-kpk h2{
    position: relative;
}
.composition-kpk h2::before{
    content: url("/img/content/structure-kpk.png");
    position: absolute;
    top: -55px;
}
.literature-and-blood p{
    margin-bottom: 1rem;
}
/* menu burger */
.mobile-but.active .lines {
    background: transparent;
}

.mobile-but.active .lines:before {
    top: 50%;
    transform: translateY(40%) rotate(45deg);
}

.mobile-but.active .lines:after {
    top: 50%;
    transform: translateY(-45%) rotate(-45deg);
}
/* menu burger end */
.mnv-block{
    margin-bottom: 24px;
}
.relative-block{
    position: relative;
}
.abs-reversion-text{
    position: absolute;
}
.reversion-big-number{
    font-size: 60px;
    color: #6e0c0e;
    font-weight: bolder;
    line-height: 60px;
}

.heading-reversion{
    min-height: 63px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.before-reversion-blocks{
    padding-top: 40px;
    padding-bottom: 44px;
}
.grey-block-with-graphic{
    background-color: #f5f4f3;
    padding: 20px 26px;
}
.grey-block-with-blood{
    background-color: #f5f4f3;
}
.grey-block-with-blood .dark-red-list{
    padding-top: 20px;
}
.acute-myocardial{
    padding-top: 28px;
}
.markers-table tr th, .markers-table tr td, .szhp-kpk tr th, .szhp-kpk tr td{
    padding: 12px;
}
.table-t tr th:first-child, .table-t tr td:first-child, .table-t tr th:first-child, .table-t tr td:first-child{
    border-right: 2px dashed #a0a0a0;
}
.table-t tr:last-child, .table-t tr:last-child{
    border-bottom: 2px dashed #a0a0a0;
}
.szhp-info{
    background-image: url("/img/bg-head/szhp.png");
    min-height: 306px;
}
.szhp-info h2{
    padding-top: 40px;
    margin-bottom: 1rem;
}
.szhp-info .four-angle-block .four-angle-block-info{
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 50px;
}
.szhp-table{
    padding-top: 30px;
    padding-bottom: 50px;
}
.anticoagulant-therapy img, .anticoagulant-therapy p{
    margin-bottom: 1rem;
}
.anticoagulant-therapy{
    border-top: 20px solid #cececf;
    border-bottom: 6px solid #a91b1f;
    padding-left: 40px;
    padding-top: 15px;
    padding-right: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.anticoagulant-therapy-row{
    padding-bottom: 16px;
}
.reversion-avk-poak{
    padding-top: 46px;
    border-top: 2px solid #777777;
}
.reversion-avk-poak h2{
    padding-bottom: 24px;
}
.reversion-avk{
    padding-top: 32px;
    border-top: 2px solid #777777;
}
.reversion-avk h2{
    padding-bottom: 28px;
}

.white-block-shadow{
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.oac-heading h4{
    padding: 18px 0;
    margin-bottom: 0;
}
.reversion-avk-block{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 24px;
    border-right: 28px solid #a91b1f;
}
.reversion-avk-image-block{
    min-width: 78px;
}
.clinical-situations{
    padding-top: 36px;
}
.clinical-situations h2{
    padding-bottom: 44px;
}

.life-dangerous-rose-block, .urgent-operation-rose-block{
    padding: 15px 24px;
}
.clinical-situations{
    padding-bottom: 32px;
}
.urgent-operation{
    height: 100%;
}
.guide-to-use-reversal-agents img{
    margin-bottom: 10px;
}
.two-blocks-vertical{
    text-align: center;
    padding: 18px 20px;
}
.black-red-vertical-block{
    background-color: #d9aeae;
}
.grey-vertical-block{
    background-color: #efefef;
}
.guide-to-use-reversal-agents{
    padding-top: 40px;
}
.three-vertical-avk-poak-blocks{
    padding: 22px 12px;
}
.three-vertical-avk-poak-blocks p{
    margin-bottom: 1rem;
}
.avk-varfarin{
    padding-left: 30px;
}
.content-page{
    padding-bottom: 2rem;
}
/* scroll Top */
.scroll-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 45px;
    height: 45px;
    border: 1px solid #6e0c0d;
    /* border: none; */
    border-radius: 50%;
    background: #a91b1f;
    color: white;
    font-size: 36px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.scroll-top.show {
    opacity: 0.2;
    visibility: visible;
}

.scroll-top:hover {
    opacity: 1;
    background: #a91b1f;
}
/* lazy loading */
.lazy {
  opacity: 0;
  transform: translateY(40px);
}

.lazy.show {
  opacity: 1;
  transform: none;
  transition: all 0.6s ease;
}
/* lazy loading end */
.vitamin-k-in-gemostasis{
    padding-top: 36px;
}
.info-gemostasis{
    font-size: 16px;
}
.vitamin-k-in-gemostasis-description{
    padding-bottom: 16px;
}
.biochemikal-role-info{
    font-size: 18px;
}
.balance-and-coagulation p{
    font-size: 18px;
}
.dietic-vitamin-k-scheme{
    padding-top: 20px;
    padding-bottom: 27px;
}
.balance-and-coagulation{
    padding-top: 20px;
}
.balance-and-cagulation-info img{
    padding-bottom: 20px;
}
.early-coagulation{
    color: white;
    text-align: center;
    padding: 8px;
}
.difficulties-coagulation{
    background-color: #ededea;
    padding: 20px 16px;
}
.difficulties-coagulation:first-child{
    margin-bottom: 12px;
}
.difficulties-coagulation img{
    margin-right: 10px;
}
.balance-and-coagulation{
    padding-bottom: 27px;
}
.dietic-vitamin-k-scheme {
    border-top:1px solid black;
    border-bottom:1px solid black;
}
.abs-pch-header{
    position: absolute;
    margin-bottom: 0;
}
.big-brown-disc{
    list-style-type: none;
}
.big-brown-disc li{
    position: relative;
    padding-left: 2rem;
    margin-bottom: 20px;
}
.big-brown-disc li p::before {
    content: url("/img/content/vitamin-k-in-gemostasis/big-dark-red-li.png");
    display: inline-block;
    position: absolute;
    left: -40px;
    top: 5px;
    margin-top: -6px;
    margin-left: 6px;
}
/* .block-prolonagate-pch img{
    padding-top: 24px;
} */
 .coagulation-cascade{
    padding: 56px 0;
 }
.pathogenesis-musculoskeletal-disorders{
    border-top: 2px solid #777777;
    padding: 46px 0;
}
.coagulation-cascade h2, .coagulation-cascade h4{
    margin-bottom: 20px;
}
.vitamin-k-restoration{
    height: 100%;
}
.vitamin-k-restoration h3{
    margin-bottom: 0;
}
.vkor h2{
    margin-bottom: 0;
}
.vkor-heading-block{
    display: flex;
    align-items: center;
    justify-content: center;
}
.importance-vitamin-k h2{
    padding-top: 40px;
    padding-bottom: 30px;
}
.big-brown-disc ul {
    list-style-type: none;
    /* padding-left: 20px; */
}
.big-brown-disc ul li{
    padding-left: 0;
    list-style-position: outside;
}
.big-brown-disc ul li::before{
    content: "-";
    margin-right: 20px;
}
.laboratory-markers{
    border-bottom: 3px solid #8f0000;
    /* padding-left: 40px; */
    /* padding-top: 15px; */
    /* padding-right: 20px; */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.grey-up-block{
    background-color: #e0e0e0;
    padding: 24px 14px;
}
.grey-up-block h4{
    text-align: center;
}
.white-down-block{
    padding-left: 25px;
}
.white-down-block ul{
    margin-bottom: 11px;
}
.additional-laboratory-markers{
    padding-bottom: 44px;
}
.additional-laboratory-markers h2{
    margin-bottom: 0;
}
.diagnostics-inr {
    text-align: center;
}
.laboratory-phenotype-vitamin-k{
    margin-top: 60px;
}
.laboratory-phenotype ul li{
    margin-bottom: 1rem;
 }
.laboratory-phenotype-vitamin-k .four-angle-block-info{
    display: block;
}
.laboratory-phenotype-vitamin-k .four-angle-block-info img{
    margin-bottom: 32px;
}
.factor-seven .four-angle-block{
    font-size: 18px;
    font-weight: 400;
}

.thinking-algorithm{
    /* border-left: 12px solid #221714; */
    margin-bottom: 20px;
    padding: 5px;
}

.thinking-algorithm-section .thinking-algorithm::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -13px;
  width: 13px;
  height: 91px;
  background: black;
}

.thinking-algorithm .up-thinking{
    border-bottom: 4px solid #221714;
    color: #6e0c0d;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
}
.thinking-algorithm-section{
    padding-top: 30px;
    padding-bottom: 60px;
}
.thinking-algorithm-section h3{
    padding-bottom: 36px;
}
.mistakes{
    margin-bottom: 30px;
    min-height: 218px;
}
.mistakes-mnv ul{
    margin-bottom: 0;
}
.heading-inr-value{
    padding: 36px 0;
}
.inr-attention-block{
    display: flex;
    justify-content: flex-start;
    background-color: #e0b8ba;
}
.inr-attention-block img{
    padding: 0 14px;
}
.inr-value-block{
    border-top: 20px solid #cececf;
    border-bottom: 6px solid #a91b1f;
}
.inr-value-block ul{
    margin-bottom: 0;
}
.inr-value-block{
    padding: 24px 36px;
}
.inr-value-blocks:first-child .inr-value-block{
    margin-bottom: 9px;
}
.inr-value-blocks:first-child .inr-value-block ul li:not(:last-child){
 margin-bottom: 1rem;
}
.inr-value-blocks:nth-child(2) .inr-value-block p{
 margin-bottom: 1rem;
}
.inr-attention-block{
    line-height: 1.35;
}
.inr-value-section{
    padding-bottom: 40px;
    background-image: url(../img/bg-head/lines-for-heading.webp);
    background-position: bottom center;
    background-repeat: repeat-x;
} 
.clinical-block-mistakes-mnv{
    padding-top: 44px;
}
.laboratory-markers-vitamin-k{
    padding-bottom: 24px;
}
.differential-diagnosis{
    padding-top: 44px;
    border-top: 2px solid #767676;
    border-bottom: 2px solid #767676;
    padding-bottom: 44px;
}
.differential-diagnosis h3{
    padding-bottom: 36px;
}
.differential-diagnosis table tr td, .differential-diagnosis table tr th{
    text-align: center;
}
.differential-diagnosis table tr td:first-child, .differential-diagnosis table tr th:first-child{
    text-align: left;
}
.antigen-concentration{
    background-color: #a91b1f;
    color: white;
}
.antigen-concentration, .functional-defect{
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    padding-bottom: 24px;
    font-size: 18px;
}
.antigen-concentration img, .functional-defect img{
    margin-bottom: 26px;
}
.functional-defect{
    background-color: #ededea;
}
.biochemical-basis-laboratory-changes{
    padding-top: 36px;
}
.biochemical-basis img{
    margin-bottom: 1rem;
}
.biochemical-basis-laboratory-changes{
    padding-bottom: 36px;
    border-bottom: 2px solid #777777;
}
.place-inr-section{
    padding-top: 44px;
}
.inr-reflect p{
    margin-bottom: 1rem;
}
.right-bg-base{
    background-repeat: no-repeat;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-base-content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #ffffff;
    margin-top: 0px;
}
.right-base-content img{
    margin-right: 14px;
}
.deficiency-newborns-heading{
    background-color: #f8f9fa;
    padding: 22px 36px;
    text-align: center;
}
.deficiency-newborns-heading h3{
    margin-bottom: 0;
}
.deficiency-newborns-content{
    border-bottom: 6px solid #990007;
}
.newborns-section-heading{
    margin-bottom: 32px;
}
.newborns-section-heading h2{
    margin-bottom: 26px;
}
.newborns-img{
    display: flex;
    justify-content: center;
    padding-bottom: 32px;
}
.vitamin-k-deficiency-newborns-section{
    padding-top: 40px;
    border-top: 2px solid #777777;
    padding-bottom: 24px;
}
.bg-bloods-factors-first p
{
    direction: rtl;
}
.bg-bloods-factors-first{
    background: #FFFFFF;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(244, 230, 230, 1) 50%, rgba(233, 204, 204, 1) 100%);
}
.bg-bloods-factors-second{
    background: #E9CCCC;
    background: linear-gradient(90deg,rgba(233, 204, 204, 1) 0%, rgba(244, 230, 230, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
.bloods-factors-with-descriptions{
    border-top: 2px dashed #c4c4c4;
}
.bloods-factors-with-description{
    margin-top: 6px;
    padding: 20 24px;
    margin-bottom: 6px;
}
.liver-failure-section{
    padding-top: 34px;
    border-top: 2px solid #777777;
    /* padding-bottom: 64px; */
}
.liver-failure-section h2{
    padding-bottom: 26px;
}
.line-text-before::before {
    content: " ";
    display: block;
    height: 3px;
    background-color: #6e0c0d;
    width: 47px;
    margin-bottom: 1rem;
}
.drug-interactions-section{
    padding: 22px 0;
    border-top: 2px solid #868686;
}
.drug-interactions p{
    margin-bottom: 1rem;
}
.use-antogonists{
    padding-top: 24px;
    padding-bottom: 22px;
}

.abs-text-circle{
    position: absolute;
    top: 90px;
    font-size: 18px;
    line-height: 1.2;
    color: #6e0c0d;
    text-align: center;
    max-width: 190px;
}
.vkcfd{
    padding-top: 17px;
}
.vkcfd-info{
    padding-left: 30px;
}
.ggcx, .vkorc-one{
    padding: 46px 18px;
    text-align: center;
}
.ggcx h2, .vkorc-one h2{
    font-size: 60px;
}
.ggcx p, .vkorc-one p{
    font-size: 18px;
}
.ggcx{
    color: #ffffff;
}
.vkcfd-info-block{
    padding-top: 24px;
}
.vkorc-one{
    margin-top: 30px;
}
.congenital-disorders{
    margin-top: 23px;
}
.pivka-section{
    padding-top: 30px;
    padding-bottom: 24px;
    border-bottom: 2px solid #777777;
}

.sup-cyfras-block {
    border: 2px solid #f8f5f2;
    height: 200px;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 20% 10%;
    text-align: center;
}

.sup-ups-block {
    position: absolute;
    font-size: 72px;
    top: -45px;
    /* padding: 1rem; */
    width: 90px;
    height: 90px;
    background-color: #8f0000;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clinical-manifestations-procents{
    padding-top: 72px;
}
.clinical-manifestations-vkcfd h3{
    padding-top: 30px;
}
.clinical-manifestations-vkcfd h4{
    font-size: 36px;
}

.another-types-vkcfd{
    padding-top: 60px;
    padding-bottom: 20px;
    border-bottom: 2px solid #767676;
}

.another-types-vkcfd-block h4{
    font-size: 72px;
    color: #6e0c0d;
}
.another-types-vkcfd-block{
    border-bottom: 2px solid #8f0000;
}
.another-types-vkcfd-block .white-down-block{
    min-height: auto;
    padding: 14px 24px;
    text-align: center;
}
.non-hemostatic-manifestations-section{
    padding-top: 12px;
}
.keutel-pxe-like{
    border-top: 20px solid #cececf;
    border-bottom: 6px solid #a91b1f;
    padding: 10px 30px;
}
.keutel-pxe-like img{
    margin-bottom: 17px;
}
.keutel-pxe-like h3{
    margin-bottom: 30px;
}
.keutel-pxe-blocks{
    padding-top: 16px;
    padding-bottom: 56px;
}
.non-hemostatic-manifestations-heading{
    padding-bottom: 16px;
    background-image: url(../img/bg-head/lines-for-heading.webp);
    background-position: bottom center;
    background-repeat: repeat-x;
    margin-bottom: 24px;
}
.acquired-disorders-section{
    text-align: center;
}
.acquired-disorders-section img{
    padding-top: 13px;
    padding-bottom: 9px;
}
.cholestasis-and-malabsorption-section{
    padding-top: 50px;
    padding-bottom: 74px;
}

.white-block-with-image-and-header{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: white;
    padding: 2px;
}

.grey-block-with-img
{
    background-color: #cececf;
    width: 180px;
    text-align: center;
    padding: 12px 0;
    margin-right: 22px;
}

.cholestasis-and-malabsorption .white-block-with-image-and-header{
    margin-bottom: 36px;
}
.cascade-schedule-section{
    text-align: center;
}
.modern-accent-section{
    padding-top: 24px;
}
.modern-accent-description{
    padding-top: 8px;
    padding-bottom: 14px;
}
.clinical-thinking-algorithm .up-thinking, .clinical-thinking-algorithm .down-thinking{
    padding-left: 10px;
}
.clinical-thinking-algorithm .thinking-algorithm{
    border-left: 0;
}

.clinical-thinking-algorithm .thinking-algorithm::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -13px;
  width: 13px;
  height: 91px;
  background: black;
}

.clinical-thinking-algorithm .up-thinking{
    font-weight: bold;
    min-height: 72px;
    display: flex;
    align-items: flex-end;
}
.clinical-thinking-algorithm .up-thinking p{
    line-height: 1;
}
.clinical-thinking-algorithm .down-thinking{
    padding-top: 9px;
}
.noak{
    padding-top: 36px;
    padding-bottom: 41px;
    background-image: url(../img/bg-head/lines-for-heading.webp);
    background-position: bottom center;
    background-repeat: repeat-x;
}
.noak h4{
    color: #6e0c0d;
}
.conditions-requiring{
    border-top: 20px solid #cececf;
    border-bottom: 6px solid #a91b1f;
    margin-bottom: 29px;
    padding: 24px 44px;
}
.vs-red{
    color: #b6171a;
}
.oral-anticoagulants h3{
    margin-bottom: 0;
}

.box-shadow-big{
   box-shadow:
    -14px 0 20px -10px rgba(0,0,0,0.25),
     14px 0 20px -10px rgba(0,0,0,0.25);
}
.chronology-anticoagulant-development{
    margin-bottom: 18px;
}
.coaugulatians-vs-anticoaguliants{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.coaugulatians-vs-anticoaguliants h4{
    width: 100%;
}
.coaugulatians-vs-anticoaguliants-blocks{
    padding-bottom: 26px;
}

.effifacy-safety-section{
    background-image: url("/img/bg-head/bg-effifacy-safety.png");
    background-repeat: no-repeat;
    min-height: 371px;
    padding-top: 34px;
}
.effifacy-safety-section h2{
    margin-bottom: 24px;
}
.effifacy-safety h3{
    margin-bottom: 20px;
}
.effifacy-safety ul li{
    margin-bottom: 28px;
}
.coagulogram-changes-hereditary-hemophilia .row:not(:first-child){
    border-top: 2px dashed #a7a7a7;
}
.gradient-row  {
    background: #E9CCCC;
    background: linear-gradient(90deg,rgba(233, 204, 204, 1) 0%, rgba(244, 230, 230, 1) 50%, rgba(255, 255, 255, 1) 100%);
    padding: 10px 0;
    margin: 10px 0;
}
.coagulogram-changes-hereditary-hemophilia-section{
    padding-top: 50px;
    border-top: 2px solid #777777;
    padding-bottom: 24px;
}
.coagulogram-changes-hereditary-hemophilia-section h2{
    padding-bottom: 50px;
}
.footer_wrapper{
    font-size: 10px;
    color: #9d9d9d;
    border-top: 11px solid red;
    padding-bottom: 1rem;
}
.footer-information-block {
    padding-top: 2rem;
}
.footer_wrapper .info-brand img {
    display: block;
    margin: 0 auto;
}
.footer_wrapper .rules a {
    color: #9d9d9d;
    text-decoration: none;
    pointer-events: none;
}
.rules {
    border-left: 2px solid #9d9d9d;
}
.footer_wrapper .logo-in-text {
    width: 70px;
    margin-bottom: 0.5rem;
}
.modern-accent-block{
    padding-bottom: 1rem;
}
.chronology-section{
    padding-top: 30px;
    border-top: 2px solid #777777;
    padding-bottom: 16px;
}
.chronology-section h2{
    padding-bottom: 30px;
}
.coaugulatians-vs-anticoaguliants-section{
    padding-bottom: 16px;
}
.oral-anticoagulant-section{
    padding-top: 26px;
    border-top: 2px solid #777777;
}
.oral-anticoagulant-section{
    padding-bottom: 54px;
    padding-bottom: 32px;
}
.coagulation-cascade-schedule-section{
    padding-top: 38px;
    border-top: 2px solid #777777;
    padding-bottom: 20px;
}
.vitamin-k-dependent-proteins-hemostasis{
    padding-top: 20px;
    font-size: 18px;
}
.down-to-literature{
    margin-bottom: 1rem;
}
.laboratory-markers h4{
    margin-bottom: 0;
}
.laboratory-markers-vitamin-k .laboratory-markers .grey-up-block{
    display: flex;
    align-items: center;
}
.dose-protromlex h3{
    margin-bottom: 18px;
}


@media(min-width:1900px){
    .main-head-text{
        top: 150px;
        left: 130px;
    }
    .main-head-text h2{
        font-size: 50px;
    }
    .number-article{
        font-size: 57px;
    }
    /* .prothrombin-complex-concentrate .about-kpk{
         background-position: 40px 0;
    } */
    .facts-kpk{
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 35px;
    }
    .facts-kpk .red-list{
        padding-left: 70px;
    }
    .about-kpk{
        background-position-x: 30px;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: 90px 0;
    }
    .vkor{
        background-position-x: 0px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        left: -70px;
        background-repeat: repeat-x;
        max-width: 2099px;
    }
    .abs-blood-spiral{
        right: 100px;
        bottom: 0;
    }
}

@media(min-width:1669px) and (max-width:1899px){
    .main-head-text{
        top: 130px;
        left: 245px;
    }
    .facts-kpk{
        padding-right: 100px;
        padding-top: 10px;
        padding-bottom: 35px;
    }
    .about-kpk{
        background-position-x: -70px;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: 20px 0;
    }
    .vkor{
        background-position-x: -100px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        left: -60px;
    }
    .abs-blood-spiral{
        right: -20px;
        bottom: 0;
    }
}

@media(min-width:1600px) and (max-width:1668px){
    .main-head-text{
        top: 130px;
        left: 365px;
    }
    .about-kpk{
        background-position-x: -180px;
        padding: 10px 70px 0 0;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: -20px 0;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        left: -70px;
    }
    .acquired-disorders-section{
        background-position-x: -150px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        max-width: 1899px;
        left: -158px;
    }
    .facts-kpk{
        padding-right: 95px;
    }
}

@media(min-width:1600px){
    .header-blocks{
        padding: 0 114px;
    }
}

@media(min-width:1600px) and (max-width:1899px){
        .abs-blood-spiral{
        bottom: 0px;
         right: -64px;
        max-width: 240px;
    }
}

@media(min-width:1400px) and (max-width:1599px){
    .main-head-text{
        top: 130px;
        left: 365px;
    }
    .about-kpk{
        background-position-x: -200px;
    }
    .header-blocks{
        padding: 0 90px;
    }
    .facts-kpk{
        padding-right: 90px;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: -130px 0;
    }
    .thinking-algorithm-section{
        background-position-x: -200px;
    }
    .vkor{
        background-position-x: -200px;
    }
    .abs-text-circle{
        left: 5px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        left: -90px;
    }
    .abs-blood-spiral{
        bottom: 0px;
         right: -64px;
        max-width: 240px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        max-width: 1799px;
        left: -245px;
    }
    .acquired-disorders-section{
        background-position-x: -190px;
    }
}

@media(min-width:1500px) and (max-width: 1599px){
    .about-kpk {
        background-position-x: -200px;
    }
}

@media(min-width:1400px) and (max-width: 1499px){
    .about-kpk {
        background-position-x: -250px;
    }
}

@media(min-width:1400px){
    .main-head-text h2{
        font-size: 42px;
    }
    .number-article{
        font-size: 50px;
        min-width: 56px;
    }
    .brightcove-video{
        height: 729px;
    }
    .block-brick{
        width: 292px;
        min-height: 165px;
    }
    .factors-blocks{
        min-height: 86px;
    }
    .anticoagulant-therapy-blocks .col-lg-6:nth-child(1) .anticoagulant-therapy, .col-lg-6:nth-child(2) .anticoagulant-therapy{
        min-height: 353px;
    }
    .anticoagulant-therapy-blocks .col-lg-6:nth-child(3) .anticoagulant-therapy, .col-lg-6:nth-child(4) .anticoagulant-therapy{
        min-height: 500px;
    }
    .life-dangerous-rose-block, .urgent-operation-rose-block{
        min-height: 182px;
    }
    .degree-1c:nth-child(2){
        height: 188px;
    }
    .abs-biochemical-role-scheme{
        top: 0;
        left: -30px;
    }
    .biochemical-role-sheme-wrapper{
        min-height: 347px;
    }
    .abs-big-k-line-left{
        left:-535px;
    }
    .abs-big-k-line-right{
        right: -528px;
    }
    .abs-big-k-line-left, .abs-big-k-line-right{
        max-width: 550px;
        width: 550px;
    }
    .abs-left-line, .abs-right-line{
         max-width: 580px;
        width: 580px;
    }
    .abs-left-line{
        top: -7px;
        left: -550px;
    }
    .abs-right-line{
        top: -7px;
        right: -543px;
    }
    .vitamin-k-dependent-proteins-hemostasis{
        background: url("/img/bg-head/vitamin-k-dependent-proteins-hemostasis.png");
    }
    .white-down-block{
        min-height: 191px;
    }
    .thinking-algorithm .down-thinking{
        min-height: 60px;
    }
    .mistakes{
        background-size: 100%;
    }
    .mistakes-mnv{
        padding-left: 200px;
    }
    .inr-value-blocks{
        min-height: 407px;
    }
    .biochemical-two-right-blocks{
        min-height: 251px;
    }
    .right-base-content{
        max-width: 70%;
        margin-left: -65px;
    }
    .deficiency-newborns-heading{
        min-height: 130px;
    }
    .abs-left-dark-line{
        left: -270px;
     }
     
     .abs-right-black-line{
        right: -270px;
    }
    .abs-left-dark-line, .abs-right-black-line{
        max-width: 270px;
        width: 270px;
    }
    .congenital-disorders{
        background-image: url("/img/bg-head/bg-congenital-disorders.png");
        background-repeat: no-repeat;
        min-height: 355px;
    }
    .abs-blood-spiral{
        top: -80px
    }
    .hereditary-deficits .four-angle-block{
        margin-right: 32px;
    }
    .cholestasis-and-malabsorption{
        padding: 40px;
        margin-left: 90px;
    }
    .second-condition{
        min-height: 255px;
    }
    .third-condition{
        min-height: 594px;
    }
    .oral-anticoagulant-image{
        min-height: 398px;
    }
    .left-effifacy-line, .right-effifacy-line{
        min-width: 206px;
    }
    .left-effifacy-line{
        top: 15px;
        left: 175px;
    }
    .right-effifacy-line{
        top: 15px;
        right: 175px;
    }
    .oral-anticoagulants-header{
        min-height: 58px;
    }
    .oral-anticoagulant-image{
        padding-top: 58px;
    }
    .hemophilia-types-section .four-angle-block-info{
        min-height: 96px;
    }
}

@media(max-width:1399px){
    .vitamin-k-dependent-proteins-hemostasis {
        background-color: #f2f2f2;
    }
}

@media(min-width:1200px) and (max-width:1399px){
    .main-head-text{
        top: 90px;
        left: 365px;
    }
    .number-article {
        font-size: 42px;
        min-width: 42px;
    }
    .brightcove-video{
        height: 625px;
    }
    .hemophilia-types-section .four-angle-block-info{
        min-height: 96px;
    }
    .header-blocks{
        padding: 0 80px;
    }
    .life-dangerous-rose-block, .urgent-operation-rose-block{
        min-height: 212px;
    }
    .degree-1c:nth-child(2){
        height: 218px;
    }
    .abs-big-k-line-left{
        left: -459px;
    }
    .abs-big-k-line-right{
        right: -452px;
    }
    .abs-big-k-line-left, .abs-big-k-line-right{
        max-width: 470px;
        width: 470px;
    }
    .abs-left-line, .abs-right-line{
        max-width: 510px;
        width: 510px;
    }
    .abs-left-line{
        top: -7px;
        left: -470px;
    }
    .abs-right-line{
        top: -7px;
        right: -470px;
    }
    .white-down-block{
        min-height: 221px;
        padding-left:16px;
    }
    .thinking-algorithm-section{
        background-position-x: -200px;
    }
    .mistakes-mnv{
        padding-left: 180px;
    }
    .right-base-content{
        max-width: 85%;
        margin-left: 40px;
    }
    .deficiency-newborns-heading{
        min-height: 159px;
    }
    .abs-left-dark-line{
        left: -210px;
    }
     
    .abs-right-black-line{
        right: -210px;
    }
    .abs-left-dark-line, .abs-right-black-line{
        max-width: 210px;
        width: 210px;
    }
    .abs-text-circle{
        top: 75px;
        font-size: 16px;
        max-width: 142px;
        left: 11px;
    }
    .cholestasis-and-malabsorption{
        margin-left: 60px;
    }
    .second-condition{
        min-height: 285px;
    }
    .third-condition{
        min-height: 624px;
    }
    .oral-anticoagulant-image{
        min-height: 463px;
    }
    .left-effifacy-line, .right-effifacy-line{
        max-width: 132px;
    }
    .left-effifacy-line{
        top: 15px;
        left: 155px;
    }
    .right-effifacy-line{
        top: 15px;
        right: 155px;
    }
     .anticoagulant-therapy-blocks .col-lg-6:nth-child(1) .anticoagulant-therapy{
        min-height: 412px;
    }
    .anticoagulant-therapy-blocks .col-lg-6:nth-child(3) .anticoagulant-therapy{
        min-height: 589px;
    }
    .oral-anticoagulants-header{
        min-height: 70px;
        padding-bottom: 0px;
    }
    .oral-anticoagulant-image{
        height: 396px;
    }
    .left-and-right-anticoagulants{
        font-size: 18px;
    }
    .varfarin-kpk .about-kpk{
        margin-bottom: 38px;
    }
}

@media(min-width:1300px) and (max-width:1399px){
    .abs-blood-spiral{
        bottom: 0px;
        right: -105px;
        max-width: 220px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        max-width: 1599px;
        left: -158px;
    }
    .acquired-disorders-section{
        background-position-x: -250px;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: -230px 0;
    }
    .about-kpk{
        background-position-x: -200px;
    }
}

@media(min-width:1200px) and (max-width:1299px){
    .abs-blood-spiral{
        bottom: 0;
        max-width: 219px;
        right: -157px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        max-width: 1399px;
        left: -190px;
    }
    .acquired-disorders-section{
        background-position-x: -270px;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: -260px 0;
    }
    .about-kpk{
        background-position-x: -270px;
    }
}


@media(min-width:1200px){
    .main-head-text{
        font-size: 42px;
    }
    .main-head-text h2{
        font-size: 36px;
    }
    .prothrombin-complex-concentrate .about-kpk{
        background-image: url("/img/bg-head/bg-facts-kpk.png");
        background-repeat: no-repeat;
        min-height: 410px;
    }
    .three-vertical-avk-poak-blocks{
        min-height: 523px;
    }
    .abs-reversion-text{
        top: 85px;
        left: 100px;
        max-width: 180px;
    }
    .three-point{
        top: 100px;
    }
    .two-point{
        top: 100px;
    }
    .abs-pch-header{
        top: 80px;
        left: 70px;
        max-width: 460px;
    }
    .vkor-heading{
        max-width: 70%;
    }
    .grey-up-block{
        min-height: 128px;
    }
    .keutel-pxe-like{
        min-height: 320px;
    }
    .oral-anticoagulant-image {
        align-items: center;
    }
    .fixed-dose{
        padding-top: 65px;
    }
    .narrow-therapeutic-window{
        padding-top: 30px;
    }
}

@media(min-width: 1080px)  and (max-width:1199px){
    .about-kpk{
        background-position-x: -314px;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: -320px 0;
    }
}

@media(min-width: 992px) and (max-width: 1079px){
    .about-kpk{
        background-position-x: -370px;
    }
    .laboratory-phenotype-vitamin-k{
        background-position: -370px 0;
    }
}

@media(min-width:992px) and (max-width:1399px){
    .abs-biochemical-role-scheme{
        left: -20px;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    .main-head-section{
        background-position: -300px;
    }
     .main-head-text{
        top: 90px;
        left: 165px;
    }
    .main-head-text h2{
        font-size: 36px;
    }
    .number-article{
        font-size: 42px;
    }
    .number-article {
        font-size: 36px;
    }
    .brightcove-video{
        height: 530px;
    }
    .about-kpk{
        background-image: url("/img/bg-head/bg-facts-kpk-mobile.png");
        background-repeat: no-repeat;
        min-height: 410px;
    }
    .four-angle-block .four-angle-block-info{
        padding-left: 22px;
    }
    .header-blocks{
        padding: 0 60px;
    }
    .grey-block-with-graphic{
        padding: 20px 0;
    }
    .life-dangerous-rose-block, .urgent-operation-rose-block{
        min-height: 272px;
    }
    .degree-1c:nth-child(2){
        height: 278px;
    }
    .three-vertical-avk-poak-blocks{
        min-height: 618px;
    }
    .abs-big-k-line-left{
        left: -384px;
    }
    .abs-big-k-line-right{
        right: -379px;
    }
    .abs-big-k-line-left, .abs-big-k-line-right{
        max-width: 390px;
        width: 390px;
    }
    .abs-reversion-text{
        top: 65px;
        left: 78px;
        max-width: 180px;
        font-size: 18px;
    }
    .two-point, .three-point{
        top: 80px;
    }
    .abs-left-line, .abs-right-line{
        max-width: 390px;
        width: 390px;
    }
    .abs-left-line{
        top: -7px;
        left: -355px;
    }
    .abs-right-line{
        top: -7px;
        right: -355px;
    }
    .abs-pch-header{
        top: 60px;
        left: 70px;
        max-width: 460px;
    }
    .vkor-heading{
        max-width:85%;
    }
    .grey-up-block{
        min-height: 176px;
    }
    .white-down-block{
        padding-left:0px;
        min-height: 251px;
    }
    .thinking-algorithm-section{
        background-position-x: -360px;
    }
    .mistakes-mnv{
        padding-left: 180px;
    }
    .right-base-content{
        max-width: 85%;
        margin-left: 45px;
    }
    .deficiency-newborns-heading{
        min-height: 188px;
    }
    .abs-left-dark-line{
        left: -130px;
     }
     
     .abs-right-black-line{
        right: -130px;
    }
    .abs-left-dark-line, .abs-right-black-line{
        max-width: 130px;
        width: 130px;
    }
    .abs-text-circle{
        top: 62px;
        font-size: 14px;
        max-width: 124px;
        left: 7px;
    }
    .ggcx h2, .vkorc-one h2{
        font-size: 48px;
    }
    .ggcx, .vkorc-one {
        padding: 46px 8px;
    }
    .abs-blood-spiral{
        bottom: 0px;
        right: -105px;
        max-width: 190px;
    }
    .abs-long-blood-ribbon{
        bottom: 0;
        max-width: 1399px;
        left: -184px;
    }
    .keutel-pxe-like{
        min-height: 379px;
    }
    .acquired-disorders-section{
        background-position-x: -330px;
    }
    .congenital-disorders{
        font-size: 18px;
    }
    .another-types-vkcfd-block .white-down-block{
        min-height: 118px;
    }
    .cholestasis-and-malabsorption{
        margin-left: 40px;
    }
    .hemophilia-types-section .four-angle-block{
        min-height: 136px;
    }
    .second-condition{
        min-height: 315px;
    }
    .third-condition{
        min-height: 738px;
    }
    .oral-anticoagulant-image{
        min-height: 521px;
    }
    .oral-anticoagulants-header
    {
        min-height: 86px;
    }
    .oral-anticoagulant-image img{
        padding-top: 86px;
    }
    .oral-anticoagulant-image p:nth-child(1){
        padding-top: 20px;
    }
    .anticoagulant-therapy-blocks .col-lg-6:nth-child(3) .anticoagulant-therapy{
        min-height: 649px;
    }
    .left-effifacy-line, .right-effifacy-line{
        max-width: 60px;
    }
    .left-effifacy-line{
        top: 15px;
        left: 125px;
    }
    .right-effifacy-line{
        top: 15px;
        right: 125px;
    }
    .laboratory-phenotype-description ul{
        padding-left: 2.5rem;
    }
    .oral-anticoagulant-section p{
        font-size: 16px;
        line-height: 1.4;
    }
    .oral-anticoagulant-image{
        align-items: flex-start;
    }
    .fixed-dose{
        padding-top: 55px;
    }
    .narrow-therapeutic-window{
        padding-top:24px;
    }
    .bricks-wrapper .block-brick:nth-child(2), .bricks-wrapper .block-brick:nth-child(1){
        min-height: 195px;
    }
     .bricks-wrapper .block-brick:first-child{
        padding: 12px 6px 12px 6px;
    }
    .varfarin-kpk{
        display: flex;
        flex-wrap: wrap;
    }
}


@media(min-width: 992px){
    .main-head-section{
        background-image: url("/img/bg-head/coagulation-disorders-heading.webp");
        background-size: cover; 
        min-height: 416px;
    }
    .first-content-block h2{
        font-weight: 700;
    }
    .main-head-text{
        position: relative;
        max-width: 700px;
    }
    .desktop-right-text{
        text-align: right;
    }
    .img-blood-block{
        position: relative;
    }
    .abs-left-line, .abs-right-line{
        position: absolute;
    }
    .literature-block-blood{
        width: calc(50% - 67px);
    }
    .heading-article h2{
        max-width: 58%;
    }
    .bricks-wrapper{
        display: flex;
        align-items: center;
        /* flex-wrap: wrap; */
        font-size: 18px;
    }
    .bricks-wrapper:last-child{
        justify-content: flex-end;
    }
    .bricks-wrapper .block-brick:first-child{
        margin-right: 30px;
    }
    .about-varfarin{
        margin-bottom: 48px;
    }
    .about-kpk{
        margin-bottom: 52px;
    }
    .varfarin-kpk{
        position: relative;
        padding-left: 52px;
        padding-top: 42px;
    }
    .varfarin-kpk .about-kpk{
        background-image: none;
        min-height: auto;
    }
    .about-varfarin p{
        padding-top: 10px;
    }
    .varfarin-img-abs{
        position: absolute;
        top: 15px;
        left: 0
    }
    .laboratory-correction{
        max-width: 380px;
    }
    .factors-blocks{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .border-three-px-dashed{
        border-left: 3px dashed #6e6c6c;
    }
    .composition-kpk-side{
        display: flex;
        align-items: center;
    }
    .composition-kpk-side{
        background-image: url("/img/content/structure-ribbons.png");
        background-repeat: no-repeat;
        background-position-y: -20px;
    }
    .composition-kpk{
        padding-left: 30px;
    }
    .structure-kpk .four-angle-block, .structure-kpk .four-angle-block ul{
        margin-bottom: 0;
    }
    .types-kpk-block{
        display: flex;
        align-items: center;
        position: relative;
    }
    .big-rose-circle{
        position: absolute;
        top: 60px;
        right: 0px;
    }
    .mnv-block:nth-child(1),  .mnv-block:nth-child(2),  .mnv-block:nth-child(4){
        border-right: 2px solid black;
    }
    .reversion-blocks-row{
        margin-bottom: 44px;
    }
    .anticoagulant-therapy-blocks .col-lg-6:nth-child(1) .anticoagulant-therapy, .anticoagulant-therapy-blocks .col-lg-6:nth-child(2) .anticoagulant-therapy{
        margin-bottom: 14px;
    }
    .life-dangerous-and-bleeding{
        padding-right: 15px;
        border-right: 3px dashed #6e6c6c;
    }
    .life-dangerous-and-bleeding ul li, .urgent-operation ul li{
        margin-bottom: 10px;
    }
    .urgent-operation-rose-block, .life-dangerous-rose-block{
        display: flex;
        justify-content: flex-start;
    }
    .clinical-situations-img-block{
        min-width: 103px;
        display: flex;
        align-items: center;
        margin-right: 24px;
    }
    .urgent-operation{
        display: flex;
        flex-wrap: wrap;
    }
    .urgent-operation-rose-block, .life-dangerous-rose-block{
        align-self: flex-end;
   }
   .abs-long-ribbon{
        position: absolute;
        bottom: 35px;
        left: 50%;
   }
   .clinical-situations-description-block{
        display: flex;
        align-items: center;
   }
   .guide-to-use-wrapper{
        display: flex;
        align-items: center;
   }
    .three-vertical-avk-poak-blocks{
        display: flex;
        flex-wrap: wrap;
    }
    .vitamin-k-in-gemostasis-scheme{
        padding-top: 58px;
    }
    .abs-biochemical-role-scheme{
        position: absolute;
    }
    .biochemikal-role-info{
        padding-top: 32px;
    }
    .vitamin-k-dependent-proteins-hemostasis .right-align-list{
         direction: rtl;
    }
    .vitamin-k-dependent-proteins-hemostasis .right-align-list li:not(:last-child){
        margin-bottom: 1rem;
    }
    .abs-big-k-line-left, .abs-big-k-line-right{
        position: absolute;
        top: 5px;
    }
    .content-near-k{
        padding-top: 16px;
        font-size: 18px;
    }
    .content-near-k ul{
        margin-bottom: 0;
    }
    .content-near-k ul li:not(:last-child){
        margin-bottom: 18px;
    }
    .vkor{
        background-image: url("/img/content/vitamin-k-in-gemostasis/bg-vkor.png");
        min-height: 128px;
    }
    .vkor-heading{
        min-height: 118px;
        display: flex;
        align-items: center;
    }
    /* .diagnostics-inr-wrapper:nth-child(1), .diagnostics-inr-wrapper:nth-child(2){
        border-right: 2px solid #000;
    } */
     .diagnostics-inr-wrapper{
        position: relative;
     }
     .diagnostics-inr-wrapper:nth-child(1):after, .diagnostics-inr-wrapper:nth-child(2):after{
        content: "";
        position: absolute;
        right: 0;
        top: 15%;
        height: 70%;
        width: 2px;
        background: black;
    }
    .diagnostically-significant-inr{
        padding-bottom: 100px;
    }
    .factor-seven{
        background: url("/img/content/dependent-hemostasis-disorders/rose-circle.png");
        background-repeat: no-repeat;
        background-position: right;
    }
    .laboratory-phenotype-vitamin-k{
        background-image: url("/img/content/dependent-hemostasis-disorders/bg-phenotype.png");
        background-repeat: no-repeat;
    }
    .laboratory-phenotype{
        background: url("/img/content/dependent-hemostasis-disorders/vert-ribbon.png");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .laboratory-phenotype-description{
        padding-left: 70px;
        padding-right: 60px;
        padding-bottom: 20px;
    }
    .thinking-algorithm-section{
        background-image: url("/img/bg-head/bg-analysis.png");
        background-repeat: no-repeat;
        background-position-y: bottom;
    }
    .first-mistake{
        background-image: url("/img/content/dependent-hemostasis-disorders/1-liver.png");
        background-repeat: no-repeat;
    }
    .second-mistake{
        background-image: url("/img/content/dependent-hemostasis-disorders/2medicines.png");
        background-repeat: no-repeat;
    }
    .third-mistake{
         background-image: url("/img/content/dependent-hemostasis-disorders/3mnv-coagulopaty.png");
        background-repeat: no-repeat;
    }
    .fourth-mistake{
         background-image: url("/img/content/dependent-hemostasis-disorders/4plasma-transfusion.png");
        background-repeat: no-repeat;
    }
    .fifth-mistake{
        background-image: url("/img/content/dependent-hemostasis-disorders/5time-dynamics.png");
        background-repeat: no-repeat;
    }
    .mistakes-list-block{
        max-width: 50%;
    }
    .mistakes-lists-blocks{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .inr-value-blocks:nth-child(1) .inr-value-block{
        background-image: url("/img/content/dependent-hemostasis-disorders/bg-grey-yes.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .inr-value-blocks:nth-child(2){
        background-image: url("/img/content/dependent-hemostasis-disorders/bg-grey-no.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .differential-diagnosis table td, .differential-diagnosis table th{
        padding: 6px;
        border: 1px solid black;
    }
    .biochemical-basis h2{
        max-width: 400px;
    }
    .functional-defect{
        margin-top: 2rem;
    }
    .place-inr-heading-wrapper{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .place-inr-heading {
        max-width: 80%;
    }
    .place-inr-heading{
        margin-bottom: 40px;
    }
    .inr-first-flex-list{
        padding-right: 50px;
    }
    .right-bg-base{
        background-image: url("/img/content/dependent-hemostasis-disorders/right-bg-base.png");
    }
    .abs-rose-right{
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    .deficiency-newborns-heading{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .right-orientation-block-desktop {
        text-align: right;
    }
    .right-orientation-block-desktop ul{
        direction: rtl;
    }
    .abs-left-dark-line, .abs-right-black-line{
        position: absolute;
        top: 14px;
    }
    .hereditary-deficits .four-angle-block-info p{
        max-width: 404px;
    }
    .hereditary-deficits .four-angle-block-info img
    { 
        margin-right: 78px;
    }
    .abs-long-blood-ribbon, .abs-blood-spiral{
        position: absolute;
    }
    /* .abs-blood-spiral{
        max-height: 355px;
    } */
    .congenital-disorders{
        overflow-y: hidden;
        overflow-x: hidden;
        background-image: url("/img/bg-head/bg-congenital-disorders.png");
        background-repeat: no-repeat;
        min-height: 355px;
    }
    .pivka-block{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background-image: url("/img/content/types-coagulation-disorders/grey-spiral.png");
        background-repeat: no-repeat;
        background-position: right;
        padding: 24px 108px 24px 24px; 
    }
    .acquired-disorders-section{
        background-image: url("/img/bg-head/bg-acquired-disorders.png");
        background-repeat: no-repeat;
        min-height: 214px;
        background-size: cover;
    }
    .cholestasis-and-malabsorption{
        background-image: url("/img/content/types-coagulation-disorders/cholestasis-and-malabsorption.png");
        background-repeat: no-repeat;
        min-height: 310px;
    }
    .clinical-thinking-algorithm{
        background-image: url("/img/bg-head/bg-thromboembolism.png");
        background-color: #efefef;
        background-repeat: no-repeat;
        background-position-y: bottom;
    }
    .first-condition{
        background-image: url("/img/bg-head/1condition.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .second-condition{
        background-image: url("/img/bg-head/2condition.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .third-condition{
        background-image: url("/img/bg-head/3condition.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .fourth-condition{
        background-image: url("/img/bg-head/4condition.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .fifth-condition{
        background-image: url("/img/bg-head/5condition.png");
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .left-anticoagulants{
        text-align: right;
    }
    .padtop-20-desktop{
        padding-top: 20px;
    }
    .padtop-10-desktop{
        padding-top: 10px;
    }
    .oral-anticoagulant-image{
        display: flex;
        justify-content: center;
    }
    /* .oral-anticoagulant-image p{
        width: 100%;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    } */
    /* .coaugulatians-vs-anticoaguliants:nth-child(1), .coaugulatians-vs-anticoaguliants:nth-child(2), .coaugulatians-vs-anticoaguliants:nth-child(4), .coaugulatians-vs-anticoaguliants:nth-child(5){
        border-right: 2px solid #000000;
    } */
    .coaugulatians-vs-anticoaguliants-block:nth-child(1):after, .coaugulatians-vs-anticoaguliants-block:nth-child(2):after, .coaugulatians-vs-anticoaguliants-block:nth-child(4):after, .coaugulatians-vs-anticoaguliants-block:nth-child(5):after {
    content: "";
    position: absolute;
    top: 40px;
    right: -13px;
    width: 2px;
    height: 262px;
    background: black;
    }
    .coaugulatians-vs-anticoaguliants-block:nth-child(1), .coaugulatians-vs-anticoaguliants-block:nth-child(2), .coaugulatians-vs-anticoaguliants-block:nth-child(3){
        margin-bottom: 100px;
    }
    .coaugulatians-vs-anticoaguliants-block {
        line-height: 1.2;
    }
    .direct-oral-anticoagulants ul{
        direction: rtl;
    }
    .left-effifacy-line, .right-effifacy-line{
        position: absolute;
    }
    .direct-oral-anticoagulants{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .direct-oral-anticoagulants h3{
        max-width: 320px;
        text-align: right;
    }
    .direct-oral-anticoagulants ul{
        padding-right: 16px;
    }
    .avk-antagonist ul{
        padding-left: 16px;
    }
    .coaugulatians-vs-anticoaguliants-section{
        background-image: url("/img/content/current-therapeutic-aspects-vitamin-k/interblock-ribbon.png");
        background-repeat: no-repeat;
        background-position: 50% calc(50% - 40px);
    }
    .left-part-anticoagulants{
        text-align: right;
    }
    .oral-anticoagulants-header h3{
        margin-bottom: 0;
    }
    .rules {
        height: 110px;
    }
    .reversion-avk-block {
        min-height: 106px;
    }
    .abs-text-on-arrow-big{
        max-width: 200px;
        position: absolute;
        top: 20px;
        left: calc(50% - 100px);
    }
    .first-abs-text-on-arrow-big{
        left: calc(50% - 80px);
    }
}


@media(max-width: 991px){
    .content{
        text-align: center;
    }
    .content ul, .content ol{
        text-align: left;
    }
    .head-info-img {
        width: 100%;
        margin-bottom: 2rem;
    }
    h1, h2{
        text-align: center;
    }
    .main-head-text h2{
        font-size: 30px;
    }
    .number-article{
        font-size: 36px;
    }
    .img-blood-block, .big-k-block{
        order: 1;
    }
    .left-literature-text, .near-k-left{
        order: 2;
    }
    .right-literature-text, .near-k-right{
        order: 3;
    }
    .flex-align-start-content-center, .flex-align-center-content-start{
        flex-wrap: wrap;
    }
    .flex-align-start-content-center img{
        display: block;
        margin: 0 auto;
    }
    .img-blood-block{
        margin-bottom: 10px;
    }
    .literature-and-blood .abs-left-line, .literature-and-blood .abs-right-line, .abs-big-k-line-left, .abs-big-k-line-right{
        display: none;
    }
    .literature-block-blood{
        width: 100%;
    }
    .number-article {
        font-size: 30px;
        padding: 0 16px;
    }
    .block-number-article{
        justify-content: center;
    }
    .number-article{
        margin-bottom: 20px;
    }
    h2{
        text-align: center;
    }
    .mechanism-kpk {
        text-align: center;
    }
    .varfarin-kpk{
        text-align: center;
    }
    .vkorc .flex-align-center-content-start, .points-mechanism-section .flex-align-center-content-start{
        align-items: center;
        justify-content: center;
    }
    .laboratory-correction{
        max-width: auto;
        margin-bottom: 1rem;
    }
    .block-brick{
        margin-bottom: 1rem;
    }
    .factors-blocks, .types-kpk{
        text-align: center;
    }
    .about-kpk{
        background-image: url("/img/bg-head/bg-facts-kpk-mobile.png");
        background-repeat: no-repeat;
    }
    .composition-kpk h2{
        text-align: center;
    }
    .composition-kpk h2::before{
        position: static;
        display: block;
        padding-top: 10px;
    }
    .big-rose-circle{
        display: none;
    }
    .four-angle-block .four-angle-block-info{
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        padding-left: 0px;
    }
    .four-angle-block .four-angle-block-info ul{
        text-align: left;
    }
    .number-article{
        margin-right: 0;
    }
    .menu-navigation{
        width: 100%;
    }
    .menu-navigation ul{
        padding: 0.75rem 1.2rem;
    }
    .menu-navigation li{
        font-size: 16px;
    }
    .menu-navigation ul li{
        padding: 8px 0;
        text-transform: none;
    }
    header .header-wrap{
        padding: 8px 0;
    }
    .img-fluid{
        max-width: 40px;
    }
    .header-blocks{
        padding: 0 40px;
    }
    .abs-reversion-text{
        font-size: 16px;
        top: calc(50% - 30px);
        left: calc(50% - 55px);
        max-width: 160px;
    }
    .reversion-block{
        text-align: center;
        margin-bottom: 1rem;
    }
    .heading-reversion{
        justify-content: center;
    }
    .heading-reversion ul, .reversion-block ul{
        text-align: left;
    }
    .myocardial-block{
        text-align: center;
        margin-bottom: 1rem;
    }
    .grey-block-with-blood .bloods-ribbon-block{
        text-align: center;
    }
    .mnv-block{
        padding-bottom: 16px;
    }
    .mnv-block:not(:last-child){
        border-bottom: 2px solid black;
    }
    .clinical-situations-img-block, .clinical-situations-description-block, .anticoagulant-therapy{
        text-align: center;
    }
    .clinical-situations-img-block, .life-dangerous-rose-block{
        margin-bottom: 1rem;
    }
    .guide-to-use-block{
        text-align: center;
    }
    .mob-avk-poak-content:not(:last-child){
        margin-bottom: 2.5rem;
    }
    .three-vertical-avk-poak-blocks p{
        text-align: center;
    }
    .big-k-block{
        text-align: center;
    }
    .big-k-block img{
        margin-bottom: 1rem;
    }
    .big-k-block ul{
        text-align: left;
    }
    .abs-pch-header {
        position: absolute;
        top: 80px;
        left: calc(50% - 125px);
        max-width: 300px;
    }
    .vkor{
        background-color: #ecebee;
    }
    .dependent-hemostasis-disorders-block{
        text-align: center;
    }
        .diagnostics-inr-wrapper:nth-child(1), .diagnostics-inr-wrapper:nth-child(2){
        border-bottom: 2px solid #000;
    }
    .diagnostically-significant-inr{
        padding-bottom: 56px;
    }
     .laboratory-phenotype{
        background: url("/img/content/dependent-hemostasis-disorders/bg-phenotype.png");
    }
    .mistakes h4, .mistakes p{
        text-align: center;
    }
    .differential-diagnosis table td, .differential-diagnosis table th{
        padding: 2px;
        border: 1px solid black;
        font-size: 16px;
    }
    .right-base-content{
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .right-base-content ul{
        text-align: left;
    }
    .antigen-concentration{
        margin-bottom: 1rem;
    }
    .use-antogonists{
        text-align: center;
    }
    .use-antogonists ul{
        text-align: left;
    }
    .pills-in-circle{
        order: 1;
    }
    .mechanism-ction-AVK{
        order: 2;
    }
    .features-action-AVK{
        order: 3;
    }
    .abs-text-circle{
        top: 110px;
        left: calc(50% - 90px);
    }
    .hereditary-deficits .four-angle-block-info{
        max-width: 100%;
    }
    .congenital-disorders{
        background-color: #dedddc;
    }
    .pivka-block{
        padding: 24px;
    }
    .balance-and-cagulation-info, .early-coagulation{
        margin-bottom: 1rem;
    }
    .cholestasis-and-malabsorption{
        background-color: #d4d3d1;
        text-align: center;
    }
    .cholestasis-and-malabsorption .white-block-with-image-and-header {
        margin-bottom: 18px;
    }
    .cholestasis-and-malabsorption{
        margin-bottom: 20px;
    }
    .intestine-cholestasis-and-malabsorption {
        text-align: center;
    }
    .intestine-cholestasis-and-malabsorption ul, .keutel-pxe-like ul{
        text-align: left;
    }
    .white-block-with-image-and-header{
        flex-wrap: wrap;
        justify-content: center;
    }
    .cholestasis-and-malabsorption-section .grey-block-with-img{
        order: 2;
        background-color: #ffffff;
    }
    .white-block-with-image-and-header h2{
        order: 1;
    }
    .keutel-pxe-like{
        text-align: center;
    }
    .block-prolonagate-pch{
        text-align: center;
    }
    .scales{
        text-align: center;
        margin-bottom: 20px;
    }
    .effifacy-safety-section{
        background-color: #dbdbdb;
        background-image: none;
    }
    .noak{
        padding-top: 0;
    }
    .clinical-thinking-algorithm .up-thinking{
        justify-content: center;
    }
    .down-thinking h4{
        text-align: center;
    }
    .left-and-right-anticoagulants{
        text-align: center;
    }
    .left-and-right-anticoagulants h4{
        padding-top: 16px;
    }
    .oral-anticoagulant-section{
        padding-bottom: 24px;
    }
    .mob_notes-coaguliants{
        padding-bottom: 0;
    }
    .info-brand, .copyright {
        margin-bottom: 1.5rem;
    }
    .rules-block {
        display: flex;
        justify-content: center;
    }
    .copyright, .rules {
        text-align: center;
    }
    .rules {
        border-top: 2px solid #9d9d9d;
        border-left: none;
        max-width: 150px;
    }
    .rules_list {
        padding-left: 0;
        list-style-type: none;
    }
    .rules_list li {
        padding-top: 0.5rem;
    }
    .abs-text-on-arrow-big{
        max-width: 200px;
        position: absolute;
        top: 20px;
        left: calc(50% - 100px);
    }
    .first-abs-text-on-arrow-big{
        left: calc(50% - 80px);
    }
    .varfarin-kpk .about-kpk{
        background-image: none;
        background-color: #ffffff;
    }
}

@media(min-width:768px){
    .bloods-factors-with-description{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
}

@media(min-width:768px) and (max-width:991px){
     .brightcove-video{
        height: 400px;
    }
    .mnv-block:nth-child(1),  .mnv-block:nth-child(3),  .mnv-block:nth-child(5){
        border-right: 2px solid black;
    }
    .abs-pch-header{
        font-size: 20px;
    }
    .left-and-right-anticoagulants img{
        margin: 0 auto;
    }
    .up-thinking{
        text-align: center;
    }
    .effifacy-safety h3{
        text-align: center;
    }
    .anticoagulant-therapy{
        margin-bottom: 2rem;
    }
    .abs-reversion-text{
        font-size: 18px;
    }
    .two-point{
        left: calc(50% - 35px);
        top: calc(50% - 10px);
    }
    .three-point{
        left: calc(50% - 25px);
        top: calc(50% - 10px);
    }
    .sup-cyfras-block{
        /* padding: 10% 10%;
        margin-bottom: 65px; */
    }
    .clinical-manifestations-procents .col-md-6:nth-child(1), .clinical-manifestations-procents .col-md-6:nth-child(2){
        margin-bottom: 60px;
    }
    .another-types-vkcfd-wrapper:not(:last-child){
        margin-bottom: 2rem;
    }
    .keutel-pxe-like-wrapper:not(:last-child){
        margin-bottom: 2rem;
    }
    .deficiency-newborns-wrapper:not(:last-child){
        margin-bottom: 2rem;
    }
    .white-down-block{
        min-height: 210px;
    }
    .grey-up-block{
        min-height: 144px;
    }
    .white-down-block ul{
        margin-bottom: 0;
    }
    .laboratory-markers-wrapper:nth-child(1), .laboratory-markers-wrapper:nth-child(2){
        margin-bottom: 2rem;
    }
}

@media(max-width: 767px){
    .table-wrapper{
        overflow-x: scroll;
    }
    .abs-pch-header{
        font-size: 18px;
    }
    .bloods-factors-with-description{
        display: block;
        text-align: center;
    }
    .coagulogram-changes-hereditary-hemophilia{
        font-size: 14px;
    }
    .down-thinking p{
        text-align: center;
    }
    .abs-reversion-text{
        top: calc(50% - 15px);
    }
}

@media(min-width:451px) and (max-width:767px){
     .brightcove-video{
        height: 292px;
    }
}

@media(max-width:450px){
     .brightcove-video{
        height: 220px;
    }
    .two-point{
        top: calc(50% - 15px);
        left: calc(50% - 30px);
    }
    .three-point{
        top: calc(50% - 10px);
        left: calc(50% - 20px);
    }
}

@media(max-width:350px){
   .literature ol{
    word-wrap: break-word;
   }
}