/* ---------------------------- */
html, body { font-family: 'PT Sans', sans-serif; background: #fff; font-size: 15px; color: #000; }
dl, li, dt, dd, pre, form, body, html, blockquote, input, textarea, select, button { margin: 0; padding: 0; outline: none; font-size: 16px; line-height: 26px; }
img { border: 0; vertical-align: top; } a { color: #1276b3; } a:hover { text-decoration: none; }

/* ---------------------------- */
.pageContainer--header {margin-top: 50%;}
.pageContainer--logo{background: url('/img/logo.png') center center no-repeat; height: 118px; width: 300px; display: block; opacity: 0.8;}
.backgroundContainer { position: fixed !important; top: 0; left: 0; width: 100%; height: 100% !important; margin: 0; padding: 0; box-sizing: border-box; background-size: cover !important; }
#pageContainer { max-width: 300px; margin: auto; position: absolute; top: 100px; right: 0; left: 0; bottom: 0; z-index: 100; }
.pageContainer--menu { margin-top: 45px;  }
.pageContainer--menu a {cursor: pointer; display: block; width: 100%; text-align: center; transition: all .3s; margin-bottom: 5px; color: #ffffffc4; font-size: 15px; font-weight: 100; padding: 10px 0; text-transform: uppercase; text-decoration: none; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.3); box-sizing: border-box; }
.pageContainer--menu a:hover { background: rgba(0,0,0,0.6); }
.pageContent {  max-width: 1200px; margin: auto; position: relative; top: 50px; right: 0; left: 0; bottom: 0; z-index: 400; color: #ffffffc4; font-size: 15px; padding: 40px;}
.pageContent--block {display: none; background: #0606064a; padding: 29px;}
.pageContent--block a {color: #ffffff; text-decoration: none;}
.closeWindow { display: none; float: right; margin: 7px 7px 7px 7px; opacity: 0.7;}
.pageGallery { width: 100%; display: inline-block;}
.pageGallery .pageImage { width: 33.333%; display: inline-block; float: left; padding: 10px; box-sizing: border-box;}
.pageGallery .pageImage img {width: 100%;}
.pageContent--block img { max-width: 100%;}

.pageContainer--social { text-align: center; padding-top: 10px;}
.pageContainer--social a {text-decoration: none; text-align: center; line-height: 38px; color: rgba(255,255,255,0.7); }
.pageContainer--social a i { font-size: 16px; font-weight: 400; }
.pageContact a {text-decoration: none; text-align: center; line-height: 8px; color: rgba(255,255,255,0.7); font-size: 16px; }
.pageContact i { font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.7); margin-right: 10px; }
.pageContact { text-align: center;}
.pageLiesens {vertical-align: middle; height: auto;}
.pageLiesens img {margin-right: 7px; opacity: 0.7;}
.pageLiesens a {vertical-align: -webkit-baseline-middle;}
.mainLang { text-align: center; padding-top: 15px; padding-bottom: 50px; }
.mainLang .pageLang--element { display: inline-block; color: #fff; border-radius: 0%; width: 32px; height: 32px; border: 1px solid #fff; text-align: center; line-height: 32px; text-decoration: none; margin-right: 10px; opacity: 0.7; }
.mainLang .pageLang--element:hover { opacity: 1; }
.seoText { position: fixed; z-index: 300; margin: auto; bottom: 0; max-width: 1200px; display: inline-block; right: 0; text-align: center; left: 0; font-size: 12px; color: #fbfbfb7d;}
.seoBlock { padding: 15px; line-height: 13px;}
.pageImage h3 {display: none;}
@media screen and (max-width: 815px){
    .seoText {display: none!important;}
}

@media screen and (max-width: 600px) {
    .pageContainer--header {margin-top: 10%;}
    #pageContainer {top: 20px; }
    .pageContent { top: 30px; padding: 0;}
    .pageContainer--menu { margin-top: 34px;}
    .pageGallery .pageImage {width: 100%;}
}

@media screen and (max-height: 805px) {
    .pageContainer--header {margin-top: 0;}
    #pageContainer {top: 50px; }
}