body { height: auto; margin: 10px auto; }
.logo-header-image img { width: 100%; height: auto; border-radius: 8px; }
.seo-headline h1, .seo-footer h1, .seo-headline .h1, .seo-footer .h1, .seo-headline h2, .seo-footer h2, .seo-headline .h2, .seo-footer .h2, .seo-headline h3, .seo-footer h3, .seo-headline .h3, .seo-footer .h3 {
 font-size: 250%; font-weight: bold; margin: 0; padding: 5px 0; line-height:20px; text-align: center; color: #8294B9; padding-bottom: 2px; height: auto; text-shadow: 1px 1px 4px #FF33FF; }
.infoblock .text .sidebar { display: block; width: 99%; margin: auto; height: auto; }
.infoblock .text .sidebar .menu { display: inline-block; width: 100%; overflow: visible; height: auto; margin-bottom: 10px; text-align: center; margin-right: auto; margin-left: auto; }
.infoblock .text .sidebar .menu li { display: inline-block; max-width: 135px; width: 100%; border: 1px none #000000; list-style-type: none; color: #9FADCA; margin: auto; text-decoration: none; height: auto; text-align: center; font-weight: bold; line-height: 35px; font-size: 12px; border-radius: 8px; background: #666666; box-shadow: 1px 1px 4px 0px #F3C; }
.infoblock .text .sidebar .menu li a { display: inline-block; width: 100%; color: #99A7C4; text-decoration: none; margin: 0px; background: #5994cc; background: -moz-linear-gradient(top, #9FADCA 0%, #000000 30%, #000000 70%, #9FADCA 100%); background: -webkit-linear-gradient(top, #9FADCA 0%, #000000 30%, #000000 70%, #9FADCA 100%); background: linear-gradient(to bottom, #9FADCA 0%, #000000 30%, #000000 70%, #9FADCA 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9FADCA', endColorstr='#9FADCA', GradientType=0 );
height: auto; border-radius: 8px; border: 1px solid 7D6632 }
.infoblock .text .sidebar .menu li a:hover { background: #545D6C; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -ms-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; color: #000000; border-radius: 8px; }
.infoblock .text .sidebar .menu li .active { color: #9FADCA; background: #666666; }
.grid-container { margin-bottom: 10px; margin-left: auto; margin-right: auto; max-width: 1500px; width: 100%; min-height: calc(100% - 45px); overflow: hidden; padding-left: 5px; padding-right: 5px; }
.thumbnails > div .name .motto { display: none; }
.thumbnails > div .name { padding-bottom: 0; font: italic bold 14px/22px "Times New Roman", Times, serif; }
.thumbnails > div .bottom-icons > div { line-height: 18px; }
.module-left { display: inline-block; float: none; max-width: 230px; }
.profile-infos .grid768-50 { display: inline-block; float: left; max-width: 50%; width: 100%; }
.shp-right .table-vertical { display: none; }
.pagination .left, .pagination .right { display: inline-block; height: 100%; position: absolute; text-align: center; top: 0; width: 20px; }
 @media screen and (min-width: 1280px) {
.grid-5 { float: left; width: 5%; }
.grid-10 { float: left; width: 10%; }
.grid-15 { float: left; width: 15%; }
.grid-20 { float: left; width: 20%; }
.grid-25 { float: left; width: 25%; }
.grid-30 { float: left; width: 30%; }
.grid-33 { float: left; width: 33.3333%; }
.grid-35 { float: left; width: 35%; }
.grid-40 { float: left; width: 40%; }
.grid-45 { float: left; width: 45%; }
.grid-50 { float: left; width: 50%; }
.grid-55 { float: left; width: 55%; }
.grid-60 { float: left; width: 60%; }
.grid-65 { float: left; width: 65%; }
.grid-66 { float: left; width: 66.6667%; }
.grid-70 { float: left; width: 70%; }
.grid-75 { float: left; width: 75%; }
.grid-80 { float: left; width: 80%; }
.grid-85 { float: left; width: 85%; }
.grid-90 { float: left; width: 90%; }
.grid-95 { float: left; width: 95%; }
.grid-100 { clear: both; width: 100%; }
.grid1024-100 { clear: none; }
}
@media screen and (min-width: 1024px) {
.grid1024-5 { float: left; width: 5%; }
.grid1024-10 { float: left; width: 10%; }
.grid1024-15 { float: left; width: 15%; }
.grid1024-16 { float: left; width: 16.666%; }
.grid1024-20 { float: left; width: 20%; }
.grid1024-25 { float: left; width: 25%; }
.grid1024-30 { float: left; width: 30%; }
.grid1024-33 { float: left; width: 25%; }
.grid1024-35 { float: left; width: 35%; }
.grid1024-40 { float: left; width: 40%; }
.grid1024-45 { float: left; width: 45%; }
.grid1024-50 { float: left; width: 50%; }
.grid1024-55 { float: left; width: 55%; }
.grid-60 { float: left; width: 60%; }
.grid1024-65 { float: left; width: 65%; }
.grid1024-66 { float: left; width: 66.6667%; }
.grid1024-70 { float: left; width: 70%; }
.grid1024-75 { float: left; width: 75%; }
.grid1024-80 { float: left; width: 80%; }
.grid1024-85 { float: left; width: 85%; }
.grid1024-90 { float: left; width: 90%; }
.grid1024-95 { float: left; width: 95%; }
.grid1024-100 { clear: both; width: 100%; }
.grid768-100 { clear: none; }
}
@media screen and (min-width: 768px) {
.grid768-5 { float: left; width: 5%; }
.grid768-10 { float: left; width: 10%; }
.grid768-14 { float: left; width: 14.285%; }
.grid768-15 { float: left; width: 15%; }
.grid768-16 { float: left; width: 16.666%; }
.grid768-20 { float: left; width: 20%; }
.grid768-25 { float: left; width: 25%; }
.grid768-30 { float: left; width: 30%; }
.grid768-33 { float: left; width: 33.3333%; }
.grid768-35 { float: left; width: 35%; }
.grid768-40 { float: left; width: 40%; }
.grid768-45 { float: left; width: 45%; }
.grid768-50 { float: left; width: 25%; }
.grid768-55 { float: left; width: 55%; }
.grid-60 { float: left; width: 60%; }
.grid768-65 { float: left; width: 65%; }
.grid768-66 { float: left; width: 66.6667%; }
.grid768-70 { float: left; width: 70%; }
.grid768-75 { float: left; width: 75%; }
.grid768-80 { float: left; width: 80%; }
.grid768-85 { float: left; width: 85%; }
.grid768-90 { float: left; width: 90%; }
.grid768-95 { float: left; width: 95%; }
.grid768-100 { clear: both; width: 100%; }
.profile-infos .grid768-50 { float: left; max-width: 50%; width: 100%; }
}
@media screen and (max-width: 767px) {
.mobile-grid-5 { float: left; width: 5%; }
.mobile-grid-10 { float: left; width: 10%; }
.mobile-grid-15 { float: left; width: 15%; }
.mobile-grid-20 { float: left; width: 20%; }
.mobile-grid-25 { float: left; width: 25%; }
.mobile-grid-30 { float: left; width: 30%; }
.mobile-grid-33 { float: left; width: 33.3333%; }
.mobile-grid-35 { float: left; width: 35%; }
.mobile-grid-40 { float: left; width: 40%; }
.mobile-grid-45 { float: left; width: 45%; }
.mobile-grid-50 { float: left; width: 33, 3333%; }
.mobile-grid-55 { float: left; width: 55%; }
.mobile-grid-60 { float: left; width: 60%; }
.mobile-grid-65 { float: left; width: 65%; }
.mobile-grid-66 { float: left; width: 66.6667%; }
.mobile-grid-70 { float: left; width: 70%; }
.mobile-grid-75 { float: left; width: 75%; }
.mobile-grid-80 { float: left; width: 80%; }
.mobile-grid-85 { float: left; width: 85%; }
.mobile-grid-90 { float: left; width: 90%; }
.mobile-grid-95 { float: left; width: 95%; }
.mobile-grid-100 { clear: none; width: 50%; float: left; }
.shp-right .mobile-grid-100 { float: none; width: 100%; position: relative; }
}
@media screen and (max-width: 500px) {
.mobile-grid-5 { float: left; width: 5%; }
.mobile-grid-10 { float: left; width: 10%; }
.mobile-grid-15 { float: left; width: 15%; }
.mobile-grid-20 { float: left; width: 20%; }
.mobile-grid-25 { float: left; width: 25%; }
.mobile-grid-30 { float: left; width: 30%; }
.mobile-grid-33 { float: left; width: 33.3333%; }
.mobile-grid-35 { float: left; width: 35%; }
.mobile-grid-40 { float: left; width: 40%; }
.mobile-grid-45 { float: left; width: 45%; }
.mobile-grid-50 { float: left; width: 33, 3333%; }
.mobile-grid-55 { float: left; width: 55%; }
.mobile-grid-60 { float: left; width: 60%; }
.mobile-grid-65 { float: left; width: 65%; }
.mobile-grid-66 { float: left; width: 66.6667%; }
.mobile-grid-70 { float: left; width: 70%; }
.mobile-grid-75 { float: left; width: 75%; }
.mobile-grid-80 { float: left; width: 80%; }
.mobile-grid-85 { float: left; width: 85%; }
.mobile-grid-90 { float: left; width: 90%; }
.mobile-grid-95 { float: left; width: 95%; }
.mobile-grid-100 { clear: both; width: 100%; }
.profile-infos .grid768-50 { float: left; width: 100%; }
}
