.docContainer { width: calc( 100% + 10px + 10px); margin-left: -10px; display: inline-block; }
.docContainer .doc--element { width: 33.33%; float: left; display: inline-block; box-sizing: border-box; padding: 20px 10px; vertical-align: top; }
.docContainer .doc--element .doc--img { display: block; border: 1px solid #ddd; border-bottom: none; }
.docContainer .doc--element .doc--img img { width: 100%; }
.docContainer .doc--element .doc--title { width: 100%; text-decoration: none; text-align: center; display: block; padding: 10px 5px; color: black; box-sizing: border-box; min-height: 55px; border: 1px solid #ddd; }

.container-Jorn { width: 100%; display: inline-block; }
.container-Jorn .jorn--header { padding: 10px 0; font-size: 22px; font-weight: bold; text-align: center; color: #f84848; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.container-Jorn .jorn--block { width: 50%; float: left; padding: 20px 10px; display: inline-block; box-sizing: border-box; vertical-align: top; }
.container-Jorn .jorn--block .jorn--title { text-align: center; text-decoration: none; width: 100%; margin-bottom: 10px; display: block; }
.container-Jorn .jorn--block .jorn--img { display: block; text-align: center; border: 1px solid #ddd; border-bottom: none; }
.container-Jorn .jorn--block .jorn--img img { max-width: 80%; }
.container-Jorn .jorn--block .jorn--present { font-size: 14px; text-align: center; border: 1px solid #ddd; border-top: none; margin: 0; padding: 15px 0; line-height: 26px; min-height: 187px; }
.docContainer.report { display: flex; flex-wrap: wrap;}
.docContainer.report .doc--element { width: 33.333%; float: left;}
.docContainer.report .doc--header { padding: 10px 0; font-size: 22px; font-weight: bold; text-align: center; color: #f84848; border-bottom: 1px solid #ddd; margin-bottom: 20px; }

.Contact-container { width: calc(100% + 15px + 15px); margin-left: -15px; display: flex; flex-wrap: wrap; }
.Contact-container .cont--element { width: 33.33%; float: left; display: inline-block; vertical-align: top; text-align: center; padding: 15px; box-sizing: border-box; }
.Contact-container .cont--element .doc--img img { width: 100%; }
.Contact-container .cont--element .cont--title { padding: 10px; font-size: 12px; line-height: 20px; border: 1px solid #ddd; }

.city--list{ width: 33.33%; float: left; display: inline-block; vertical-align: top; box-sizing: border-box; line-height: 30px; padding: 0 15px 0 0!important; }

.city--container { width: calc(100% + 10px + 10px); display: flex; flex-wrap: wrap; margin-left: -10px; }
.city--container .city--block { width: 50%; float: left; display: inline-block; vertical-align: top; padding: 10px; box-sizing: border-box; }
.city--container .city--block .city--block--title { font-size: 17px; font-weight: bold; color: #336699; border-bottom: 1px solid rgba(51,102,153,1); padding-bottom: 10px; }

.block--pdf { width: 100%; display: inline-block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  }
.block--pdf .block--pdf--title { line-height: 32px; width: 100%;  }
.block--pdf .block--pdf--title .block--pdf--icon { float: right; }

.mob--list { padding: 0 0 0 25px; }
.mob--list li { line-height: 25px; }
.mob--list li a { padding:  0 0 0 15px; font-weight: bold; }

.containerParners { min-width: 460px; }
.containerParners .containerParners--block { background: #a9a6a6; padding: 25px 0; }
.containerParners .containerParners--block ul { width: calc( 100% + 40px + 40px); margin-left: -40px; max-width: 1300px; }
.containerParners .containerParners--block ul li { display: inline-block; width: 20%; box-sizing: border-box; padding: 0 40px; opacity: 0.8; transition: 0.2s; }
.containerParners .containerParners--block ul li:hover { opacity: 1; transform: scale(1.1); }

.libraryWrapper .libraryBlock { margin-bottom: 20px; position: relative; display: inline-block; width: 100%; }
.libraryWrapper .libraryBlock .libraryImgLeft { display: inline-block; width: 33.33%; float: left; vertical-align: middle; margin-right: 20px; }
.libraryWrapper .libraryBlock .libraryImgLeft img { max-width: 100%; }
.libraryWrapper .libraryBlock .libraryImgRight { vertical-align: middle; display: inline-block; width: 16%; text-align: center; float: right;}
.libraryWrapper .libraryBlock .libraryImgRight img { width: 120px; max-width: 100%;  }
.libraryWrapper .libraryBlock .libraryText { padding-top: 130px; display: inline-block; width: calc(50% - 40px); margin-right: 20px; vertical-align: middle; }
.libraryWrapper .libraryBlock .libraryText .libraryText--title { font-weight: 700; margin-bottom: 20px; font-size: 21px; }

.courseBlocks { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.courseBlocks .course { width: 50%; float: left; padding: 10px; box-sizing: border-box; text-align: center; }
.courseBlocks .course .courseText { margin-top: 20px; min-height: 38px; }
.courseBlocks .course .courseText a { color: #000; }


.mobileExhibition--wrapper { display: flex; flex-wrap: wrap; }
.mobileExhibition--wrapper .mobileExhibition--block { position: relative; width: calc(33.3333% - 20px); height: 180px; display: flex; align-items: flex-end; font-weight: 700; margin: 10px; background-size: cover; }
.mobileExhibition--wrapper .mobileExhibition--block:before { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 100%;  top: 0; background: linear-gradient(to top, #000 0%, transparent 100%);  }
.mobileExhibition--wrapper .mobileExhibition--block a { z-index: 999; display: flex; height: 100%; width: 100%; padding: 20px; box-sizing: border-box; align-items: flex-end;  }
.mobileExhibition--wrapper .mobileExhibition--block.bg1 { background-image: url("/uploads/admin/01_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg2 { background-image: url("/uploads/admin/02_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg3 { background-image: url("/uploads/admin/03_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg4 { background-image: url("/uploads/admin/04_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg5 { background-image: url("/uploads/admin/05_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg6 { background-image: url("/uploads/admin/06_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg7 { background-image: url("/uploads/admin/07_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg8 { background-image: url("/uploads/admin/08_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg9 { background-image: url("/uploads/admin/09_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg10 { background-image: url("/uploads/admin/10_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg11 { background-image: url("/uploads/admin/11_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg12 { background-image: url("/uploads/admin/12_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg13 { background-image: url("/uploads/admin/13_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg14 { background-image: url("/uploads/admin/14_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg15 { background-image: url("/uploads/admin/15_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg16 { background-image: url("/uploads/admin/16_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg17 { background-image: url("/uploads/admin/17_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg18 { background-image: url("/uploads/admin/18_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg19 { background-image: url("/uploads/admin/19_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg20 { background-image: url("/uploads/admin/20_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg21 { background-image: url("/uploads/admin/21_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg22 { background-image: url("/uploads/admin/22_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg23 { background-image: url("/uploads/admin/23_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg24 { background-image: url("/uploads/admin/24_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg25 { background-image: url("/uploads/admin/25_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg26 { background-image: url("/uploads/admin/26_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg27 { background-image: url("/uploads/admin/27_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg28 { background-image: url("/uploads/admin/29_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg29 { background-image: url("/uploads/admin/30_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg30 { background-image: url("/uploads/admin/31_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg31 { background-image: url("/uploads/admin/32_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg32 { background-image: url("/uploads/admin/33_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg33 { background-image: url("/uploads/admin/34_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg34 { background-image: url("/uploads/admin/35_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg35 { background-image: url("/uploads/admin/36_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg36 { background-image: url("/uploads/admin/37_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg37 { background-image: url("/uploads/admin/38_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg38 { background-image: url("/uploads/admin/39_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg39 { background-image: url("/uploads/admin/40_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg40 { background-image: url("/uploads/admin/41_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg41 { background-image: url("/uploads/admin/41.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg42 { background-image: url("/uploads/admin/42_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg43 { background-image: url("/uploads/admin/43_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg44 { background-image: url("/uploads/admin/44_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg45 { background-image: url("/uploads/admin/45_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg46 { background-image: url("/uploads/admin/46_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg47 { background-image: url("/uploads/admin/47_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg48 { background-image: url("/uploads/admin/48_mob.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg49 { background-image: url("/uploads/admin/imgg.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg50 { background-image: url("/uploads/admin/kuiv.sol.jpg") }
.mobileExhibition--wrapper .mobileExhibition--block.bg51 { background-image: url("/uploads/admin/war.jpg") }
.Exhibition--text {border: 1px solid #ddd; padding: 10px 20px;}

.mobileExhibition--wrapper .mobileExhibition--block .mobileExhibition--number { position: absolute; top: 10px; left: 10px; width: 40px; height: 40px; background-color: #fff; color: #1276b3; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; }
.mobileExhibition--wrapper .mobileExhibition--block .mobileExhibition--name { color: #fff; }

.musicBlock { width: 100%; position: relative; display: inline-block; border-bottom: 1px solid #cbcbcb; padding: 15px;}
.musicBlock .musicBlockElement { width: 80%; float: left; padding: 10px; box-sizing: border-box; }
.musicBlock .musicBlockElement audio {width: 100%;}
.musicBlock .donwloadBlock { width: 20%; box-sizing: border-box; float: left; opacity: 0.7; padding: 10px; margin-top: 15px;}
a.blueBtton { display: inline-block; padding: 20px; background: #126ba8; color: white; }

@media screen and (max-width: 1300px) {
    .containerParners .containerParners--block ul { margin-left: 0; width: 100%; }
    .containerParners .containerParners--block ul li { padding: 0 30px; }
}

@media screen and (max-width: 1200px) {
    .docContainer .doc--element { width: 50%; }
    .Contact-container .cont--element { width: 50%; }
}

@media screen and (max-width: 1000px) {
    .mobileExhibition--wrapper .mobileExhibition--block { width: calc(50% - 20px); }
    .docContainer.report .doc--element { width: 50%; float: left;}
}

@media screen and (max-width: 950px) {
    .city--list { width: 50%; padding-bottom: 20px!important; }
    .containerParners .containerParners--block ul li { padding: 0; }
    .docContainer .doc--element .doc--title { padding: 5px; font-size: 13px; }
    .docContainer .doc--element { padding: 10px; }



}

@media screen and (max-width: 700px) {
    .Contact-container .cont--element { width: 50%; padding: 10px; }
}

@media screen and (max-width: 550px) {
    .docContainer .doc--element { width: 100%; }
    .docContainer.report .doc--element { width: 100%; padding: 10px 5px; }
    .container-Jorn .jorn--block { width: 100%; }
    .docContainer .doc--element .doc--title { padding: 10px 2px; min-height: auto; }
    .Contact-container .cont--element .cont--title { font-size: 11px; padding: 5px; }
    .containerFooter .footerRight { height: 150px; position: relative; }
    .courseBlocks { flex-wrap: wrap; }
    .courseBlocks .course { width: 100%; }
    .mobileExhibition--wrapper .mobileExhibition--block { width: 100%; margin: 20px 0; height: 220px; }
    /*.mobileExhibition--wrapper .mobileExhibition--block { background-position: bottom;  }*/


}