.error-500 .pagewrapper {
    background: #faf2e9;
    background-position: right 150px !important;
    background-size: 13% !important;
    background-repeat: no-repeat
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .error-500 .pagewrapper {
        background-position: right 100px !important;
        background-size: 30% !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .error-500 .pagewrapper {
        background-position: right 286px !important;
        background-size: 20% !important;
        background-repeat: no-repeat
    }
}

.error-500 .pagewrapper .error-section {
    padding: 25px 0 50px !important
}

.error .pagewrapper {
    background-size: 13%;
    background-position: right 129px
}

@media only screen and (max-width: 1400px) {
    .error .pagewrapper {
        background-position: right 148px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .error .pagewrapper {
        background-position: right 100px !important;
        background-size: 30%
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .error .pagewrapper {
        background-position: right 150px !important
    }
}

@media only screen and (max-width: 767px) {
    .error .pagewrapper {
        background-position: right 210px;
        background-size: 30%
    }
}

.error .pagewrapper .error-section {
    padding: 25px 0 80px;
    margin: 0 auto;
    text-align: center
}

.error .pagewrapper .error-section p {
    font-size: 24px;
    line-height: 30px;
    font-family: 'Roboto-Bold';
    padding: 30px 0 5px 0;
    margin: 0;
    color: #464646
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .error .pagewrapper .error-section p {
        font-size: 22px
    }
}

.error .pagewrapper .error-section p.second-p {
    color: #ababab;
    padding-top: 0;
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 28px
}

.error .pagewrapper .error-section a {
    font-size: 18px;
    line-height: 28px;
    font-family: 'Roboto';
    color: #f35c5c;
    text-decoration: underline
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .error .pagewrapper .error-section a {
        font-size: 16px
    }
}

.dim-light {
    color: #ababab !important
}

.red {
    background-color: #f35c5c !important
}

.red:hover {
    background-color: #f57d7d !important
}

.green {
    background-color: #3d9e4e !important
}

.green:hover {
    background-color: #64b171 !important
}

.blue {
    background-color: #495394 !important
}

.blue:hover {
    background-color: #6d75a9 !important
}

.gray {
    background-color: #464646 !important
}

.gray:hover {
    background-color: #4e4f5a !important
}

@font-face {
    font-family: "BebasNeueRegular";
    src: url('/-/media/9463012205d147f5a8891a27c6ec16ca.ashx');
    src: url('/-/media/98b13b5e336c46958f2f3642907db8a2.ashx') format('embedded-opentype'), url('/-/media/7aea6c1ef47b4d92972708039a8b32f1.ashx') format('woff'), url("/-/media/2d83ebfe2d6f4b5799a4fc99b5ab58f3.ashx") format("truetype");
    font-style: normal
}

@font-face {
    font-family: "DINRoundPro";
    src: url('/-/media/fedee813612e4677932775ab678d7e55.ashx');
    src: url('/-/media/fedee813612e4677932775ab678d7e55.ashx@') format('embedded-opentype'), url('/-/media/0ae2ce81fb9c42d2ae50043940f29b78.ashx') format('woff'), url("/-/media/c91b23e3a96748f5bf21a3091c658b67.ashx") format("truetype");
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Black';
    src: url('/-/media/fc68263aead84d9fb5ac479f3de00f2a.ashx');
    src: url('/-/media/fc68263aead84d9fb5ac479f3de00f2a.ashx@') format('embedded-opentype'), url('/-/media/d15bedbf882143829ee0cf565ab35e87.ashx') format('woff'), url("/-/media/65e3bffe41db44aea2fc89f9513c6f74.ashx") format("truetype");
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('/-/media/276a578ec7d2487ea525c06bad3fdbe5.ashx');
    src: url('/-/media/276a578ec7d2487ea525c06bad3fdbe5.ashx@') format('embedded-opentype'), url('/-/media/63475f23d6244d77860c3dda0a280553.ashx') format('woff'), url("/-/media/1a8a5d9c17a040a6a577195102ab255a.ashx") format("truetype");
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url('/-/media/2920077e7c3049a18547d6e33aedc275.ashx');
    src: url('/-/media/2920077e7c3049a18547d6e33aedc275.ashx@') format('embedded-opentype'), url('/-/media/b7cfd3b544694376a16e4339d192e14a.ashx') format('woff'), url("/-/media/83566369e1de4f48afa1c27a92515423.ashx") format("truetype");
    font-style: normal
}

*, body, html {
    font-family: "Roboto"
}

.para {
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #7c7c7c
}

.menu {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal
}

html, body {
    width: 100% !important;
    height: 100%;
    background-color: white;
    font-family: Roboto
}

*, p, h1, h2, h3, h4, h5, h6, h7 {
    padding: 0;
    margin: 0
}

ul, li {
    padding: 0;
    margin: 0
}

a, button, li {
    outline: 0
}

a:hover, button:hover, li:hover, a:focus, button:focus, li:focus, a:active, button:active, li:active {
    outline: 0
}

.pageWrapper {
    max-width: 1440px;
    margin: 0 auto;
    background-color: white
}

h1, .h1 {
    font-family: DINRoundPro;
    font-size: 44px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: -1px;
    text-align: center;
    color: #464646
}

h2, .h2 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #f35c5c
}

.articletitle {
    font-family: Roboto;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: white
}

.articletag {
    opacity: .6;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 3px;
    color: white
}

.articlesubtxt {
    opacity: .6;
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: white
}

.articledate {
    opacity: .6;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white
}

h3, .h3 {
    font-family: "Roboto";
    font-size: 24px
}

p {
    font-family: "Roboto";
    font-size: 16px;
    padding-bottom: 15px;
    color: #7c7c7c
}

a {
    font-family: "Roboto";
    font-size: 16px;
    padding-bottom: 15px;
    color: #7c7c7c
}

.mx-clearfix::after {
    display: block;
    content: "";
    clear: both
}

.no-space {
    padding-bottom: 0
}

.demi {
    font-family: "Roboto"
}

.fL {
    float: left
}

.fR {
    float: right
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-20 {
    padding-left: 20px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.desktop {
    display: flex !important
}

@media only screen and (max-width: 767px) {
    .desktop {
        display: none !important
    }
}

.mobile {
    display: none !important
}

@media only screen and (max-width: 767px) {
    .mobile {
        display: block !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container .score-page {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .container .score-page {
        margin: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container .score-page .score-main {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .container .score-page .score-main {
        padding: 0
    }
}

.pageWrapper .container {
    width: 100%;
    padding: 0
}

@media only screen and (min-width: 1400px) {
    .pageWrapper .container {
        width: 1400px;
        max-width: 1400px
    }
}

.pageWrapper .container .score-page {
    margin: 0
}

.pageWrapper .container .score-page .score-main {
    padding: 0
}

.pageWrapper .container .score-structural {
    margin: 0
}

.pageWrapper .container .score-structural .score-center {
    padding: 0
}

sup {
    text-decoration: none !important
}

a {
    color: #525ca3
}

a:hover {
    color: #525ca3
}

.modal-backdrop.in {
    opacity: .6;
    filter: alpha(opacity=60)
}

ol.references {
    padding: 0 0 15px 15px;
    margin: 0;
    color: gray
}

ol.references li {
    font-size: 11px
}

.pagewrapper .bc-player-r1ZrEp7sx_default .vjs-big-play-button {
    width: 60px;
    height: 60px
}

.pagewrapper .vjs-icon-play:before, .pagewrapper .video-js .vjs-play-control:before {
    content: url("/-/media/ems/conditions/dcv/brands/rodnaya-krov-ru/icons/play-arrow-2.png");
    left: 4px;
    top: 2px
}

.pagewrapper .video-js .vjs-big-play-button:before {
    content: url("/-/media/ems/conditions/dcv/brands/rodnaya-krov-ru/icons/play-arrow-2.png");
    left: 4px;
    top: -32px
}

.pagewrapper .vjs-dock-text .vjs-dock-title {
    display: none
}

.wr {
    height: 70px;
    overflow: hidden;
    width: 80%
}

.wr .txt1 {
    margin: 0;
    padding: 10px !important
}

.what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1) .carousel-item, .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1) .carousel-item {
    padding-right: 65px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1) .carousel-item, .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1) .carousel-item {
        padding-right: 15px !important
    }
}

.what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(2) .carousel-item, .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(2) .carousel-item {
    padding-left: 15px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(2) .carousel-item, .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(2) .carousel-item {
        padding-left: 0 !important
    }
}

.what-to-do-in-such-a-situation .articles .article-section .row.bottom-section .col-md-6:nth-of-type(1), .how-to-deal-with-the-disease .articles .article-section .row.bottom-section .col-md-6:nth-of-type(1) {
    padding-right: 65px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .articles .article-section .row.bottom-section .col-md-6:nth-of-type(1), .how-to-deal-with-the-disease .articles .article-section .row.bottom-section .col-md-6:nth-of-type(1) {
        padding-right: 15px !important
    }
}

.what-to-do-in-such-a-situation .articles .article-section .row.bottom-section .col-md-6:nth-of-type(2), .how-to-deal-with-the-disease .articles .article-section .row.bottom-section .col-md-6:nth-of-type(2) {
    padding-right: 65px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .articles .article-section .row.bottom-section .col-md-6:nth-of-type(2), .how-to-deal-with-the-disease .articles .article-section .row.bottom-section .col-md-6:nth-of-type(2) {
        padding-right: 15px !important
    }
}

.what-to-do-in-such-a-situation .read-book-2 .col-md-6.mr-2, .how-to-deal-with-the-disease .read-book-2 .col-md-6.mr-2 {
    padding-right: 45px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .read-book-2 .col-md-6.mr-2, .how-to-deal-with-the-disease .read-book-2 .col-md-6.mr-2 {
        padding-right: 15px !important
    }
}

.what-to-do-in-such-a-situation .p50, .how-to-deal-with-the-disease .p50 {
    padding-top: 45px !important
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .p50, .how-to-deal-with-the-disease .p50 {
        padding-top: 30px !important
    }
}

.what-to-do-in-such-a-situation .main > .col-lg-12, .how-to-deal-with-the-disease .main > .col-lg-12 {
    margin-bottom: 50px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .main > .col-lg-12, .how-to-deal-with-the-disease .main > .col-lg-12 {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .main > .col-lg-12, .how-to-deal-with-the-disease .main > .col-lg-12 {
        padding-left: 15px;
        padding-right: 15px
    }
}

.what-to-do-in-such-a-situation .col-lg-12, .how-to-deal-with-the-disease .col-lg-12 {
    background: white;
    margin-bottom: 0
}

.what-to-do-in-such-a-situation .col-lg-12 .alina-section, .how-to-deal-with-the-disease .col-lg-12 .alina-section, .what-to-do-in-such-a-situation .col-lg-12 .kidney, .how-to-deal-with-the-disease .col-lg-12 .kidney, .what-to-do-in-such-a-situation .col-lg-12 .articles, .how-to-deal-with-the-disease .col-lg-12 .articles, .what-to-do-in-such-a-situation .col-lg-12 .read-book, .how-to-deal-with-the-disease .col-lg-12 .read-book, .what-to-do-in-such-a-situation .col-lg-12 .reviews, .how-to-deal-with-the-disease .col-lg-12 .reviews {
    padding-left: 82px;
    padding-right: 25px;
    margin: 0 !important
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .col-lg-12 .alina-section, .how-to-deal-with-the-disease .col-lg-12 .alina-section, .what-to-do-in-such-a-situation .col-lg-12 .kidney, .how-to-deal-with-the-disease .col-lg-12 .kidney, .what-to-do-in-such-a-situation .col-lg-12 .articles, .how-to-deal-with-the-disease .col-lg-12 .articles, .what-to-do-in-such-a-situation .col-lg-12 .read-book, .how-to-deal-with-the-disease .col-lg-12 .read-book, .what-to-do-in-such-a-situation .col-lg-12 .reviews, .how-to-deal-with-the-disease .col-lg-12 .reviews {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .col-lg-12 .alina-section, .how-to-deal-with-the-disease .col-lg-12 .alina-section, .what-to-do-in-such-a-situation .col-lg-12 .kidney, .how-to-deal-with-the-disease .col-lg-12 .kidney, .what-to-do-in-such-a-situation .col-lg-12 .articles, .how-to-deal-with-the-disease .col-lg-12 .articles, .what-to-do-in-such-a-situation .col-lg-12 .read-book, .how-to-deal-with-the-disease .col-lg-12 .read-book, .what-to-do-in-such-a-situation .col-lg-12 .reviews, .how-to-deal-with-the-disease .col-lg-12 .reviews {
        padding-left: 30px;
        padding-right: 30px
    }
}

.what-to-do-in-such-a-situation .col-lg-12 .alina-section .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .alina-section .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .kidney .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .kidney .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .articles .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .articles .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .read-book .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .read-book .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .reviews .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .reviews .gray-dim {
    font-size: 16px;
    color: #ababab;
    font-family: 'Roboto';
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 5px;
    display: inline-block
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .col-lg-12 .alina-section .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .alina-section .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .kidney .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .kidney .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .articles .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .articles .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .read-book .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .read-book .gray-dim, .what-to-do-in-such-a-situation .col-lg-12 .reviews .gray-dim, .how-to-deal-with-the-disease .col-lg-12 .reviews .gray-dim {
        font-size: 12px !important
    }
}

.what-to-do-in-such-a-situation .alina-section, .how-to-deal-with-the-disease .alina-section {
    padding-top: 25px !important
}

.what-to-do-in-such-a-situation .alina-section .close-section, .how-to-deal-with-the-disease .alina-section .close-section {
    margin: 0
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .alina-section .close-section, .how-to-deal-with-the-disease .alina-section .close-section {
        padding-bottom: 0
    }
}

.what-to-do-in-such-a-situation .alina-section .close-section .float-left, .how-to-deal-with-the-disease .alina-section .close-section .float-left, .what-to-do-in-such-a-situation .alina-section .close-section .float-right, .how-to-deal-with-the-disease .alina-section .close-section .float-right {
    width: 50%
}

.what-to-do-in-such-a-situation .alina-section .gray-dim, .how-to-deal-with-the-disease .alina-section .gray-dim {
    font-size: 14px !important
}

.what-to-do-in-such-a-situation .video-section .col-lg-12, .how-to-deal-with-the-disease .video-section .col-lg-12 {
    background: #faf2e9
}

.what-to-do-in-such-a-situation .video-section .carousel-item, .how-to-deal-with-the-disease .video-section .carousel-item {
    background: #faf2e9;
    padding: 40px 0 20px;
    text-align: center
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .video-section .carousel-item, .how-to-deal-with-the-disease .video-section .carousel-item {
        padding: 40px 15px 15px
    }
}

.what-to-do-in-such-a-situation .video-section .carousel-item h1, .how-to-deal-with-the-disease .video-section .carousel-item h1 {
    color: #464646
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .video-section .carousel-item h1, .how-to-deal-with-the-disease .video-section .carousel-item h1 {
        font-size: 24px;
        line-height: 30px;
        text-align: left
    }
}

.what-to-do-in-such-a-situation .video-section .carousel-item p, .how-to-deal-with-the-disease .video-section .carousel-item p {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    padding-top: 15px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .video-section .carousel-item p, .how-to-deal-with-the-disease .video-section .carousel-item p {
        text-align: left
    }
}

.what-to-do-in-such-a-situation .kidney-section .mobile, .how-to-deal-with-the-disease .kidney-section .mobile {
    font-family: 'Roboto-Bold';
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    padding-top: 20px;
    color: #464646
}

.what-to-do-in-such-a-situation .kidney-section .kidney, .how-to-deal-with-the-disease .kidney-section .kidney {
    padding-top: 45px !important
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .kidney-section .kidney, .how-to-deal-with-the-disease .kidney-section .kidney {
        padding-top: 15px !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .kidney-section .kidney h2, .how-to-deal-with-the-disease .kidney-section .kidney h2 {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6 .below-p, .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6 .below-p {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1), .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1) {
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1), .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6:nth-of-type(1) {
        order: 1
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .kidney-section .kidney .col-lg-6.col-sm-6 .carousel-item p, .how-to-deal-with-the-disease .kidney-section .kidney .col-lg-6.col-sm-6 .carousel-item p {
        padding-top: 10px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .read-book, .how-to-deal-with-the-disease .read-book {
        padding-top: 20px !important
    }
}

.what-to-do-in-such-a-situation .read-book h2, .how-to-deal-with-the-disease .read-book h2 {
    color: #f35c5c !important;
    margin-bottom: 30px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .read-book h2, .how-to-deal-with-the-disease .read-book h2 {
        font-size: 18px !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .read-book h2, .how-to-deal-with-the-disease .read-book h2 {
        margin-bottom: 20px
    }
}

.what-to-do-in-such-a-situation .read-book p .circle, .how-to-deal-with-the-disease .read-book p .circle {
    float: left;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #faf2e9;
    position: absolute;
    padding-left: 26px;
    padding-top: 20px;
    color: #f35c5c;
    font-family: 'Roboto-Bold';
    font-size: 24px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .read-book p .circle, .how-to-deal-with-the-disease .read-book p .circle {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .read-book p .circle, .how-to-deal-with-the-disease .read-book p .circle {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #faf2e9;
        position: absolute;
        padding-left: 13px;
        padding-top: 6px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .read-book p .circle, .how-to-deal-with-the-disease .read-book p .circle {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #faf2e9;
        position: absolute;
        padding-left: 15px;
        padding-top: 10px
    }
}

.what-to-do-in-such-a-situation .read-book p .circle-text, .how-to-deal-with-the-disease .read-book p .circle-text {
    float: right;
    padding-left: 100px;
    position: relative;
    padding-top: 10px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .read-book p .circle-text, .how-to-deal-with-the-disease .read-book p .circle-text {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .read-book p .circle-text, .how-to-deal-with-the-disease .read-book p .circle-text {
        left: 0;
        padding-left: 60px;
        padding-top: 0
    }
}

.what-to-do-in-such-a-situation .read-book p:nth-of-type(3), .how-to-deal-with-the-disease .read-book p:nth-of-type(3) {
    padding: 0;
    margin: 0
}

.what-to-do-in-such-a-situation .article-section, .how-to-deal-with-the-disease .article-section {
    width: unset !important
}

.what-to-do-in-such-a-situation .article-section .article-section, .how-to-deal-with-the-disease .article-section .article-section {
    max-width: 750px
}

@media only screen and (max-width: 767px) {
    .what-to-do-in-such-a-situation .article-section .article-section, .how-to-deal-with-the-disease .article-section .article-section {
        max-width: 100%
    }
}

.what-to-do-in-such-a-situation .article-section h3, .how-to-deal-with-the-disease .article-section h3 {
    font-size: 24px;
    line-height: 30px
}

.what-to-do-in-such-a-situation .article-section .p15, .how-to-deal-with-the-disease .article-section .p15 {
    padding-top: 15px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .small-font h3, .how-to-deal-with-the-disease .article-section .small-font h3 {
        font-size: 16px !important;
        line-height: 22px !important
    }
}

.what-to-do-in-such-a-situation .article-section .read-book-2 #vjs_video_3, .how-to-deal-with-the-disease .article-section .read-book-2 #vjs_video_3 {
    width: 749px;
    height: 421px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .read-book-2 #vjs_video_3, .how-to-deal-with-the-disease .article-section .read-book-2 #vjs_video_3 {
        width: 100%;
        height: 220px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .article-section .read-book-2 #vjs_video_3, .how-to-deal-with-the-disease .article-section .read-book-2 #vjs_video_3 {
        width: 100%;
        height: 421px
    }
}

.what-to-do-in-such-a-situation .article-section .p50, .how-to-deal-with-the-disease .article-section .p50 {
    padding-top: 45px !important
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .p50, .how-to-deal-with-the-disease .article-section .p50 {
        padding-top: 20px !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .p50 .col-md-6:nth-of-type(1), .how-to-deal-with-the-disease .article-section .p50 .col-md-6:nth-of-type(1) {
        order: 1
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .p50 .col-md-6:nth-of-type(2), .how-to-deal-with-the-disease .article-section .p50 .col-md-6:nth-of-type(2) {
        order: 2
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .p50 .small-font h3, .how-to-deal-with-the-disease .article-section .p50 .small-font h3 {
        font-size: 16px !important;
        line-height: 22px !important
    }
}

.what-to-do-in-such-a-situation .article-section .p50 .small-font p, .how-to-deal-with-the-disease .article-section .p50 .small-font p {
    padding-top: 0
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .p50 .small-font p, .how-to-deal-with-the-disease .article-section .p50 .small-font p {
        font-size: 16px !important;
        line-height: 22px !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section h2, .how-to-deal-with-the-disease .article-section h2 {
        font-size: 18px !important;
        line-height: 26px !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .row.bottom-section, .how-to-deal-with-the-disease .article-section .row.bottom-section {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .article-section .row.bottom-section, .how-to-deal-with-the-disease .article-section .row.bottom-section {
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .article-section .row.bottom-section .col-md-6, .how-to-deal-with-the-disease .article-section .row.bottom-section .col-md-6 {
        max-width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .article-section .row.bottom-section .col-md-6:nth-of-type(1), .how-to-deal-with-the-disease .article-section .row.bottom-section .col-md-6:nth-of-type(1) {
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .row.bottom-section .col-md-6:nth-of-type(1), .how-to-deal-with-the-disease .article-section .row.bottom-section .col-md-6:nth-of-type(1) {
        order: 2
    }
}

.what-to-do-in-such-a-situation .article-section .small-font h3, .how-to-deal-with-the-disease .article-section .small-font h3 {
    font-size: 16px;
    line-height: 22px;
    color: #464646
}

.what-to-do-in-such-a-situation .article-section .small-font h3:before, .how-to-deal-with-the-disease .article-section .small-font h3:before {
    content: "";
    border-bottom: 2px solid #f35c5c;
    width: 56px;
    position: absolute;
    top: 50px
}

.what-to-do-in-such-a-situation .article-section .small-font p, .how-to-deal-with-the-disease .article-section .small-font p {
    font-size: 16px;
    line-height: 22px;
    padding-top: 20px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .article-section .small-font p, .how-to-deal-with-the-disease .article-section .small-font p {
        margin-bottom: 0
    }
}

.what-to-do-in-such-a-situation .reviews, .how-to-deal-with-the-disease .reviews {
    padding-top: 45px !important
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews, .how-to-deal-with-the-disease .reviews {
        padding-top: 0 !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews, .how-to-deal-with-the-disease .reviews {
        padding-top: 45px !important
    }
}

.what-to-do-in-such-a-situation .reviews .terms, .how-to-deal-with-the-disease .reviews .terms {
    display: block;
    padding-top: 45px !important;
    padding-bottom: 50px !important
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .terms, .how-to-deal-with-the-disease .reviews .terms {
        padding-top: 0 !important;
        padding-bottom: 20px !important
    }
}

.what-to-do-in-such-a-situation .reviews .terms h2, .how-to-deal-with-the-disease .reviews .terms h2 {
    margin-bottom: 10px !important
}

.what-to-do-in-such-a-situation .reviews .terms h2, .how-to-deal-with-the-disease .reviews .terms h2, .what-to-do-in-such-a-situation .reviews .terms p, .how-to-deal-with-the-disease .reviews .terms p {
    color: #464646 !important;
    font-size: 16px;
    line-height: 22px
}

.what-to-do-in-such-a-situation .reviews .terms a, .how-to-deal-with-the-disease .reviews .terms a {
    font-size: 16px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews .terms, .how-to-deal-with-the-disease .reviews .terms {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.what-to-do-in-such-a-situation .reviews a, .how-to-deal-with-the-disease .reviews a {
    font-size: 18px
}

.what-to-do-in-such-a-situation .carousel-item, .how-to-deal-with-the-disease .carousel-item {
    display: block
}

.what-to-do-in-such-a-situation .video-section > .col-lg-12, .how-to-deal-with-the-disease .video-section > .col-lg-12 {
    padding: 0
}

.what-to-do-in-such-a-situation .video-section .carousel-item, .how-to-deal-with-the-disease .video-section .carousel-item {
    display: block
}

.what-to-do-in-such-a-situation .video-section .carousel-item img, .how-to-deal-with-the-disease .video-section .carousel-item img {
    width: 100%
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .video-section .carousel-item p, .how-to-deal-with-the-disease .video-section .carousel-item p {
        font-size: 16px !important;
        line-height: 26px !important
    }
}

.what-to-do-in-such-a-situation .alina-section, .how-to-deal-with-the-disease .alina-section, .what-to-do-in-such-a-situation .kidney, .how-to-deal-with-the-disease .kidney, .what-to-do-in-such-a-situation .articles, .how-to-deal-with-the-disease .articles, .what-to-do-in-such-a-situation .read-book, .how-to-deal-with-the-disease .read-book, .what-to-do-in-such-a-situation .reviews, .how-to-deal-with-the-disease .reviews {
    margin: 0 97px;
    padding-top: 35px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .alina-section p, .how-to-deal-with-the-disease .alina-section p, .what-to-do-in-such-a-situation .kidney p, .how-to-deal-with-the-disease .kidney p, .what-to-do-in-such-a-situation .articles p, .how-to-deal-with-the-disease .articles p, .what-to-do-in-such-a-situation .read-book p, .how-to-deal-with-the-disease .read-book p, .what-to-do-in-such-a-situation .reviews p, .how-to-deal-with-the-disease .reviews p {
        font-size: 16px !important;
        line-height: 26px !important;
        margin-bottom: 20px !important
    }
}

.what-to-do-in-such-a-situation .alina-section a, .how-to-deal-with-the-disease .alina-section a, .what-to-do-in-such-a-situation .kidney a, .how-to-deal-with-the-disease .kidney a, .what-to-do-in-such-a-situation .articles a, .how-to-deal-with-the-disease .articles a, .what-to-do-in-such-a-situation .read-book a, .how-to-deal-with-the-disease .read-book a, .what-to-do-in-such-a-situation .reviews a, .how-to-deal-with-the-disease .reviews a {
    font-size: 18px
}

.what-to-do-in-such-a-situation .alina-section > .col-lg-12, .how-to-deal-with-the-disease .alina-section > .col-lg-12, .what-to-do-in-such-a-situation .kidney > .col-lg-12, .how-to-deal-with-the-disease .kidney > .col-lg-12, .what-to-do-in-such-a-situation .articles > .col-lg-12, .how-to-deal-with-the-disease .articles > .col-lg-12, .what-to-do-in-such-a-situation .read-book > .col-lg-12, .how-to-deal-with-the-disease .read-book > .col-lg-12, .what-to-do-in-such-a-situation .reviews > .col-lg-12, .how-to-deal-with-the-disease .reviews > .col-lg-12 {
    padding: 0
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .alina-section > .col-lg-12, .how-to-deal-with-the-disease .alina-section > .col-lg-12, .what-to-do-in-such-a-situation .kidney > .col-lg-12, .how-to-deal-with-the-disease .kidney > .col-lg-12, .what-to-do-in-such-a-situation .articles > .col-lg-12, .how-to-deal-with-the-disease .articles > .col-lg-12, .what-to-do-in-such-a-situation .read-book > .col-lg-12, .how-to-deal-with-the-disease .read-book > .col-lg-12, .what-to-do-in-such-a-situation .reviews > .col-lg-12, .how-to-deal-with-the-disease .reviews > .col-lg-12 {
        padding-left: 36px;
        padding-right: 36px
    }
}

.what-to-do-in-such-a-situation .alina-section .gray-dim, .how-to-deal-with-the-disease .alina-section .gray-dim, .what-to-do-in-such-a-situation .kidney .gray-dim, .how-to-deal-with-the-disease .kidney .gray-dim, .what-to-do-in-such-a-situation .articles .gray-dim, .how-to-deal-with-the-disease .articles .gray-dim, .what-to-do-in-such-a-situation .read-book .gray-dim, .how-to-deal-with-the-disease .read-book .gray-dim, .what-to-do-in-such-a-situation .reviews .gray-dim, .how-to-deal-with-the-disease .reviews .gray-dim {
    font-size: 16px;
    color: #ababab;
    font-family: 'Roboto';
    margin-top: 5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    display: inline-block
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .alina-section, .how-to-deal-with-the-disease .alina-section, .what-to-do-in-such-a-situation .kidney, .how-to-deal-with-the-disease .kidney, .what-to-do-in-such-a-situation .articles, .how-to-deal-with-the-disease .articles, .what-to-do-in-such-a-situation .read-book, .how-to-deal-with-the-disease .read-book, .what-to-do-in-such-a-situation .reviews, .how-to-deal-with-the-disease .reviews {
        margin: 0;
        padding-top: 0
    }
}

.what-to-do-in-such-a-situation .alina-section .col-lg-12, .how-to-deal-with-the-disease .alina-section .col-lg-12, .what-to-do-in-such-a-situation .kidney .col-lg-12, .how-to-deal-with-the-disease .kidney .col-lg-12, .what-to-do-in-such-a-situation .articles .col-lg-12, .how-to-deal-with-the-disease .articles .col-lg-12, .what-to-do-in-such-a-situation .read-book .col-lg-12, .how-to-deal-with-the-disease .read-book .col-lg-12, .what-to-do-in-such-a-situation .reviews .col-lg-12, .how-to-deal-with-the-disease .reviews .col-lg-12, .what-to-do-in-such-a-situation .alina-section .col-lg-6, .how-to-deal-with-the-disease .alina-section .col-lg-6, .what-to-do-in-such-a-situation .kidney .col-lg-6, .how-to-deal-with-the-disease .kidney .col-lg-6, .what-to-do-in-such-a-situation .articles .col-lg-6, .how-to-deal-with-the-disease .articles .col-lg-6, .what-to-do-in-such-a-situation .read-book .col-lg-6, .how-to-deal-with-the-disease .read-book .col-lg-6, .what-to-do-in-such-a-situation .reviews .col-lg-6, .how-to-deal-with-the-disease .reviews .col-lg-6, .what-to-do-in-such-a-situation .alina-section .col-sm-6, .how-to-deal-with-the-disease .alina-section .col-sm-6, .what-to-do-in-such-a-situation .kidney .col-sm-6, .how-to-deal-with-the-disease .kidney .col-sm-6, .what-to-do-in-such-a-situation .articles .col-sm-6, .how-to-deal-with-the-disease .articles .col-sm-6, .what-to-do-in-such-a-situation .read-book .col-sm-6, .how-to-deal-with-the-disease .read-book .col-sm-6, .what-to-do-in-such-a-situation .reviews .col-sm-6, .how-to-deal-with-the-disease .reviews .col-sm-6 {
    padding: 0
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .alina-section .col-lg-12, .how-to-deal-with-the-disease .alina-section .col-lg-12, .what-to-do-in-such-a-situation .kidney .col-lg-12, .how-to-deal-with-the-disease .kidney .col-lg-12, .what-to-do-in-such-a-situation .articles .col-lg-12, .how-to-deal-with-the-disease .articles .col-lg-12, .what-to-do-in-such-a-situation .read-book .col-lg-12, .how-to-deal-with-the-disease .read-book .col-lg-12, .what-to-do-in-such-a-situation .reviews .col-lg-12, .how-to-deal-with-the-disease .reviews .col-lg-12, .what-to-do-in-such-a-situation .alina-section .col-lg-6, .how-to-deal-with-the-disease .alina-section .col-lg-6, .what-to-do-in-such-a-situation .kidney .col-lg-6, .how-to-deal-with-the-disease .kidney .col-lg-6, .what-to-do-in-such-a-situation .articles .col-lg-6, .how-to-deal-with-the-disease .articles .col-lg-6, .what-to-do-in-such-a-situation .read-book .col-lg-6, .how-to-deal-with-the-disease .read-book .col-lg-6, .what-to-do-in-such-a-situation .reviews .col-lg-6, .how-to-deal-with-the-disease .reviews .col-lg-6, .what-to-do-in-such-a-situation .alina-section .col-sm-6, .how-to-deal-with-the-disease .alina-section .col-sm-6, .what-to-do-in-such-a-situation .kidney .col-sm-6, .how-to-deal-with-the-disease .kidney .col-sm-6, .what-to-do-in-such-a-situation .articles .col-sm-6, .how-to-deal-with-the-disease .articles .col-sm-6, .what-to-do-in-such-a-situation .read-book .col-sm-6, .how-to-deal-with-the-disease .read-book .col-sm-6, .what-to-do-in-such-a-situation .reviews .col-sm-6, .how-to-deal-with-the-disease .reviews .col-sm-6 {
        padding: 0
    }
}

.what-to-do-in-such-a-situation .alina-section h2, .how-to-deal-with-the-disease .alina-section h2, .what-to-do-in-such-a-situation .kidney h2, .how-to-deal-with-the-disease .kidney h2, .what-to-do-in-such-a-situation .articles h2, .how-to-deal-with-the-disease .articles h2, .what-to-do-in-such-a-situation .read-book h2, .how-to-deal-with-the-disease .read-book h2, .what-to-do-in-such-a-situation .reviews h2, .how-to-deal-with-the-disease .reviews h2 {
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    color: #464646;
    font-family: 'Roboto-Bold';
    margin-bottom: 20px
}

.what-to-do-in-such-a-situation .alina-section h3, .how-to-deal-with-the-disease .alina-section h3, .what-to-do-in-such-a-situation .kidney h3, .how-to-deal-with-the-disease .kidney h3, .what-to-do-in-such-a-situation .articles h3, .how-to-deal-with-the-disease .articles h3, .what-to-do-in-such-a-situation .read-book h3, .how-to-deal-with-the-disease .read-book h3, .what-to-do-in-such-a-situation .reviews h3, .how-to-deal-with-the-disease .reviews h3 {
    color: #464646;
    font-family: 'Roboto-Bold'
}

.what-to-do-in-such-a-situation .alina-section p, .how-to-deal-with-the-disease .alina-section p, .what-to-do-in-such-a-situation .kidney p, .how-to-deal-with-the-disease .kidney p, .what-to-do-in-such-a-situation .articles p, .how-to-deal-with-the-disease .articles p, .what-to-do-in-such-a-situation .read-book p, .how-to-deal-with-the-disease .read-book p, .what-to-do-in-such-a-situation .reviews p, .how-to-deal-with-the-disease .reviews p {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 0;
    display: inline-block
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .alina-section p, .how-to-deal-with-the-disease .alina-section p, .what-to-do-in-such-a-situation .kidney p, .how-to-deal-with-the-disease .kidney p, .what-to-do-in-such-a-situation .articles p, .how-to-deal-with-the-disease .articles p, .what-to-do-in-such-a-situation .read-book p, .how-to-deal-with-the-disease .read-book p, .what-to-do-in-such-a-situation .reviews p, .how-to-deal-with-the-disease .reviews p {
        margin: 0
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .alina-section .carousel-item img, .how-to-deal-with-the-disease .alina-section .carousel-item img, .what-to-do-in-such-a-situation .kidney .carousel-item img, .how-to-deal-with-the-disease .kidney .carousel-item img, .what-to-do-in-such-a-situation .articles .carousel-item img, .how-to-deal-with-the-disease .articles .carousel-item img, .what-to-do-in-such-a-situation .read-book .carousel-item img, .how-to-deal-with-the-disease .read-book .carousel-item img, .what-to-do-in-such-a-situation .reviews .carousel-item img, .how-to-deal-with-the-disease .reviews .carousel-item img {
        width: 100%
    }
}

.what-to-do-in-such-a-situation .alina-section, .how-to-deal-with-the-disease .alina-section {
    padding-top: 40px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .alina-section, .how-to-deal-with-the-disease .alina-section {
        padding-top: 20px !important
    }
}

.what-to-do-in-such-a-situation .alina-section h1, .how-to-deal-with-the-disease .alina-section h1 {
    color: #464646;
    text-align: left;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .alina-section h1, .how-to-deal-with-the-disease .alina-section h1 {
        font-size: 24px;
        line-height: 30px
    }
}

.what-to-do-in-such-a-situation .kidney .carousel-item, .how-to-deal-with-the-disease .kidney .carousel-item {
    padding-right: 30px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .kidney .carousel-item, .how-to-deal-with-the-disease .kidney .carousel-item {
        padding: 0
    }
}

.what-to-do-in-such-a-situation .kidney .carousel-item .gray-dim, .how-to-deal-with-the-disease .kidney .carousel-item .gray-dim {
    font-size: 16px;
    color: #ababab
}

.what-to-do-in-such-a-situation .articles, .how-to-deal-with-the-disease .articles {
    padding-top: 20px !important
}

.what-to-do-in-such-a-situation .articles .article-section, .how-to-deal-with-the-disease .articles .article-section {
    width: 750px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .articles .article-section, .how-to-deal-with-the-disease .articles .article-section {
        width: 100%
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .articles .article-section .gray-dim, .how-to-deal-with-the-disease .articles .article-section .gray-dim {
        font-size: 16px !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .articles .article-section h3, .how-to-deal-with-the-disease .articles .article-section h3 {
        font-size: 18px;
        line-height: 26px
    }
}

.what-to-do-in-such-a-situation .articles .article-section hr, .how-to-deal-with-the-disease .articles .article-section hr {
    height: 2px;
    border-top: 1px solid #c8c8c8;
    max-width: 750px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .articles .article-section hr, .how-to-deal-with-the-disease .articles .article-section hr {
        margin: 10px 0
    }
}

.what-to-do-in-such-a-situation .articles .article-section h2, .how-to-deal-with-the-disease .articles .article-section h2 {
    padding-right: 30px;
    margin: 25px 0 25px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .articles .article-section h2, .how-to-deal-with-the-disease .articles .article-section h2 {
        font-size: 18px !important;
        line-height: 26px !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .articles .article-section h2, .how-to-deal-with-the-disease .articles .article-section h2 {
        margin: 0
    }
}

.what-to-do-in-such-a-situation .articles .article-section h2 span, .how-to-deal-with-the-disease .articles .article-section h2 span {
    color: #f35c5c
}

.what-to-do-in-such-a-situation .articles .bottom-section, .how-to-deal-with-the-disease .articles .bottom-section {
    padding-top: 23px;
    padding-bottom: 30px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .articles .bottom-section, .how-to-deal-with-the-disease .articles .bottom-section {
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .articles .bottom-section .col-md-6.mr-2 p, .how-to-deal-with-the-disease .articles .bottom-section .col-md-6.mr-2 p {
        margin-bottom: 0 !important
    }
}

.what-to-do-in-such-a-situation .articles .bottom-section .small-font h3, .how-to-deal-with-the-disease .articles .bottom-section .small-font h3, .what-to-do-in-such-a-situation .articles .bottom-section .small-font p, .how-to-deal-with-the-disease .articles .bottom-section .small-font p {
    font-size: 16px !important;
    line-height: 22px !important
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .articles .bottom-section .small-font h3, .how-to-deal-with-the-disease .articles .bottom-section .small-font h3, .what-to-do-in-such-a-situation .articles .bottom-section .small-font p, .how-to-deal-with-the-disease .articles .bottom-section .small-font p {
        font-size: 16px !important;
        line-height: 22px !important
    }
}

.what-to-do-in-such-a-situation .articles .bottom-section .small-font h3.dim-light, .how-to-deal-with-the-disease .articles .bottom-section .small-font h3.dim-light, .what-to-do-in-such-a-situation .articles .bottom-section .small-font p.dim-light, .how-to-deal-with-the-disease .articles .bottom-section .small-font p.dim-light {
    color: #ababab
}

.what-to-do-in-such-a-situation .articles .bottom-section .right-col p, .how-to-deal-with-the-disease .articles .bottom-section .right-col p {
    border-left: 2px solid #f35c5c;
    padding-left: 25px;
    color: #ababab;
    padding-right: 40px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .articles .bottom-section .right-col p, .how-to-deal-with-the-disease .articles .bottom-section .right-col p {
        padding-left: 10px;
        margin-bottom: 20px;
        padding-bottom: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .articles .bottom-section .right-col p, .how-to-deal-with-the-disease .articles .bottom-section .right-col p {
        padding-left: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-right: 0
    }
}

.what-to-do-in-such-a-situation .read-book p.below-img, .how-to-deal-with-the-disease .read-book p.below-img {
    padding-top: 45px;
    width: 82%
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .read-book p.below-img, .how-to-deal-with-the-disease .read-book p.below-img {
        padding-top: 20px;
        width: 100%
    }
}

.what-to-do-in-such-a-situation .read-book .bottom-section, .how-to-deal-with-the-disease .read-book .bottom-section {
    padding-top: 40px;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .what-to-do-in-such-a-situation .read-book .bottom-section, .how-to-deal-with-the-disease .read-book .bottom-section {
        padding-top: 0;
        display: -webkit-flex;
        display: flex
    }
}

.what-to-do-in-such-a-situation .read-book .bottom-section .wrap, .how-to-deal-with-the-disease .read-book .bottom-section .wrap {
    max-width: 750px
}

.what-to-do-in-such-a-situation .read-book .bottom-section .wrap .mb-4:last-child, .how-to-deal-with-the-disease .read-book .bottom-section .wrap .mb-4:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width: 767px) {
    .what-to-do-in-such-a-situation .read-book .bottom-section .wrap, .how-to-deal-with-the-disease .read-book .bottom-section .wrap {
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .what-to-do-in-such-a-situation .read-book .bottom-section .col-md-7, .how-to-deal-with-the-disease .read-book .bottom-section .col-md-7, .what-to-do-in-such-a-situation .read-book .bottom-section .col-md-4, .how-to-deal-with-the-disease .read-book .bottom-section .col-md-4 {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .what-to-do-in-such-a-situation .read-book .bottom-section .col-md-7, .how-to-deal-with-the-disease .read-book .bottom-section .col-md-7 {
        order: 2
    }
}

@media only screen and (max-width: 767px) {
    .what-to-do-in-such-a-situation .read-book .bottom-section .col-md-4, .how-to-deal-with-the-disease .read-book .bottom-section .col-md-4 {
        order: 1
    }
}

.what-to-do-in-such-a-situation .read-book .small-font h3, .how-to-deal-with-the-disease .read-book .small-font h3 {
    font-size: 16px;
    line-height: 22px;
    color: #464646
}

.what-to-do-in-such-a-situation .read-book .small-font h3:before, .how-to-deal-with-the-disease .read-book .small-font h3:before {
    content: "";
    border-bottom: 2px solid #f35c5c;
    width: 56px;
    position: absolute;
    top: 50px
}

.what-to-do-in-such-a-situation .read-book .small-font p, .how-to-deal-with-the-disease .read-book .small-font p {
    font-size: 16px;
    line-height: 22px;
    padding-top: 20px;
    color: #ababab;
    width: 84%
}

@media only screen and (max-width: 767px) {
    .what-to-do-in-such-a-situation .read-book .small-font p, .how-to-deal-with-the-disease .read-book .small-font p {
        width: 100%
    }
}

.what-to-do-in-such-a-situation .reviews, .how-to-deal-with-the-disease .reviews {
    width: 67%
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews, .how-to-deal-with-the-disease .reviews {
        width: 100%
    }
}

.what-to-do-in-such-a-situation .reviews .mb-4:last-child, .how-to-deal-with-the-disease .reviews .mb-4:last-child {
    margin-bottom: 0 !important
}

.what-to-do-in-such-a-situation .reviews .sidebar, .how-to-deal-with-the-disease .reviews .sidebar {
    border-left: 2px solid #f35c5c;
    padding-left: 20px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews .sidebar, .how-to-deal-with-the-disease .reviews .sidebar {
        padding-left: 10px
    }
}

.what-to-do-in-such-a-situation .reviews .sidebar p, .how-to-deal-with-the-disease .reviews .sidebar p {
    color: #464646;
    font-family: 'Roboto-Bold';
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    display: inline-block
}

.what-to-do-in-such-a-situation .reviews .sidebar p.dim-light, .how-to-deal-with-the-disease .reviews .sidebar p.dim-light {
    color: #ababab;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    margin-bottom: 0 !important
}

.what-to-do-in-such-a-situation .reviews .sidebar h3, .how-to-deal-with-the-disease .reviews .sidebar h3 {
    font-size: 16px;
    line-height: 22px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .sidebar .col-md-1, .how-to-deal-with-the-disease .reviews .sidebar .col-md-1 {
        float: left;
        width: 10% !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews .sidebar .col-md-1 img, .how-to-deal-with-the-disease .reviews .sidebar .col-md-1 img {
        width: unset
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .sidebar .col-md-10, .how-to-deal-with-the-disease .reviews .sidebar .col-md-10 {
        float: right;
        width: 72% !important
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .sidebar .col-md-10 h3, .how-to-deal-with-the-disease .reviews .sidebar .col-md-10 h3 {
        margin-bottom: 0
    }
}

.what-to-do-in-such-a-situation .reviews .sidebar .col-md-10 p, .how-to-deal-with-the-disease .reviews .sidebar .col-md-10 p {
    font-family: "Roboto";
    font-size: 16px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    color: #ababab
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .sidebar .col-md-10 p, .how-to-deal-with-the-disease .reviews .sidebar .col-md-10 p {
        font-size: 14px !important
    }
}

.what-to-do-in-such-a-situation .reviews .bottom-section, .how-to-deal-with-the-disease .reviews .bottom-section {
    padding-top: 50px;
    margin: 0
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews .bottom-section, .how-to-deal-with-the-disease .reviews .bottom-section {
        padding: 20px 0
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .bottom-section, .how-to-deal-with-the-disease .reviews .bottom-section {
        padding: 20px 15px
    }
}

.what-to-do-in-such-a-situation .reviews .bottom-section h2, .how-to-deal-with-the-disease .reviews .bottom-section h2 {
    color: #f35c5c;
    margin-bottom: 30px
}

.what-to-do-in-such-a-situation .reviews .bottom-section p .circle, .how-to-deal-with-the-disease .reviews .bottom-section p .circle {
    float: left;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: white;
    position: absolute;
    padding-left: 26px;
    padding-top: 20px;
    color: #f35c5c;
    font-family: 'Roboto-Bold';
    font-size: 24px
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews .bottom-section p .circle, .how-to-deal-with-the-disease .reviews .bottom-section p .circle {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: white;
        position: absolute;
        padding-left: 14px;
        padding-top: 7px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .bottom-section p .circle, .how-to-deal-with-the-disease .reviews .bottom-section p .circle {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: white;
        position: absolute;
        padding-left: 15px;
        padding-top: 9px
    }
}

.what-to-do-in-such-a-situation .reviews .bottom-section p .circle-text, .how-to-deal-with-the-disease .reviews .bottom-section p .circle-text {
    float: right;
    padding-left: 100px;
    position: relative;
    padding-top: 10px
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .what-to-do-in-such-a-situation .reviews .bottom-section p .circle-text, .how-to-deal-with-the-disease .reviews .bottom-section p .circle-text {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .what-to-do-in-such-a-situation .reviews .bottom-section p .circle-text, .how-to-deal-with-the-disease .reviews .bottom-section p .circle-text {
        left: 0;
        padding-left: 60px;
        padding-top: 0
    }
}

.what-to-do-in-such-a-situation .reviews .bottom-section p:nth-of-type(3), .how-to-deal-with-the-disease .reviews .bottom-section p:nth-of-type(3) {
    padding: 0;
    margin: 0
}

.what-to-do-in-such-a-situation .reviews .terms, .how-to-deal-with-the-disease .reviews .terms {
    padding-bottom: 50px;
    margin: 0
}

.what-to-do-in-such-a-situation .reviews .terms h2, .how-to-deal-with-the-disease .reviews .terms h2 {
    color: #464646 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 10px !important
}

.what-to-do-in-such-a-situation .reviews .terms p, .how-to-deal-with-the-disease .reviews .terms p {
    color: #ababab !important;
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 0;
    margin: 0
}

.video-section .video-js.vjs-fluid {
    min-height: 662px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-section .video-js.vjs-fluid {
        min-height: 450px
    }
}

@media only screen and (max-width: 767px) {
    .video-section .video-js.vjs-fluid {
        min-height: 200px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .video-section .video-js.vjs-fluid {
        min-height: 520px
    }
}

.video-section .carousel-item {
    text-align: center
}

.stories .carousel-item {
    display: block !important
}

@media only screen and (max-width: 767px) {
    .stories .carousel-item {
        margin-bottom: 20px
    }
}

.stories .desktop-layout {
    display: none
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1024px), only screen and (min-width: 1200px) {
    .stories .desktop-layout {
        display: flex
    }
}

.stories .mobile-layout {
    display: none
}

@media only screen and (max-width: 767px) {
    .stories .mobile-layout {
        display: block
    }
}

.stories .pagewrapper .container .col-lg-12 h1.h1 {
    font-family: DINRoundPro;
    font-size: 44px;
    font-weight: bold;
    line-height: 1.09;
    margin-top: 50px;
    color: #464646
}

@media only screen and (max-width: 767px) {
    .stories .pagewrapper .container .col-lg-12 h1.h1 {
        color: #464646;
        font-size: 24px;
        text-align: left;
        margin-top: 30px;
        line-height: 1.25
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stories .pagewrapper .container .col-lg-12 h1.h1 {
        text-align: center;
        color: #464646;
        font-size: 24px;
        margin-top: 30px;
        line-height: 1.25
    }
}

.stories .pagewrapper .container .col-lg-12 p.para {
    width: 42%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .stories .pagewrapper .container .col-lg-12 p.para {
        width: 100%;
        margin: 10px 0;
        text-align: left;
        font-size: 16px;
        line-height: 1.63
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stories .pagewrapper .container .col-lg-12 p.para {
        text-align: center;
        width: 100%;
        margin: 10px 0;
        font-size: 16px;
        line-height: 1.63
    }
}

.stories .pagewrapper .container .col-lg-12 p.padding50 {
    margin: 50px 0;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .stories .pagewrapper .container .col-lg-12 p.padding50 {
        margin: 20px 0
    }
}

@media only screen and (max-width: 767px), only screen and (max-width: 767px) and (orientation: landscape) {
    .stories .pagewrapper .container .col-lg-12 p.padding50 {
        text-align: left !important
    }
}

.stories .pagewrapper .container .video-section {
    padding: 0 0 50px
}

.stories .pagewrapper .container .video-section .col-lg-12 {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .stories .pagewrapper .container .video-section .col-lg-12 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stories .pagewrapper .container .video-section .col-lg-12 {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .read-book-2 .row.bottom-section .col-md-6 {
        order: 1 !important
    }

    .read-book-2 .row.bottom-section .col-md-5 {
        order: 2 !important;
        padding-top: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .read-treatment-article .alina-section {
        padding-bottom: 20px !important
    }
}

.img-in-content {
    width: 45%;
    margin-right: 5%;
    margin-bottom: 10px
}

.img-in-content--left {
    float: left
}

.img-in-content--right {
    float: right
}