* {box-sizing: border-box;}
html, body, div, p, ul, li, ol, table, th, tr, td, a, h1, h2, h3, h4, h5, h6, img {margin: 0; padding: 0; border: 0;}

html, body {height: 100%;}
body {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 15px; color: #1E1E1C; margin: 0 auto; padding: 0; text-align: center; line-height: 20px;}
body {background: #fff; background-position: top center;}
.clear {clear: both; height: 0px; overflow: hidden;}

h1 {font-size: 40px; line-height: 45px; color: #050712;}
h2 {font-size: 30px; line-height: 35px; color: #050712;}
h3 {font-size: 20px; line-height: 25px; color: #050712;}
h4 {font-size: 17px; line-height: 20px; color: #050712;}

input {font-family: 'Roboto Condensed', sans-serif;}
input[type="text"] {width: 300px; padding: 14px 12px; font-size: 15px; line-height: 30px; border: 1px solid #D6D6D6;}
input:focus,input:active, textarea:focus{outline: none; border: 1px solid rgba(50,125,255,1);}
input:hover, textarea:hover {border: 1px solid rgba(50,125,255,1);}
input[type="button"] {background-color: #fff; cursor: pointer; width: 262px; display: block; border: 1px solid #D8D8D8; padding: 17px 30px; text-align: left; text-transform: uppercase; font-weight: 600;}
input[type="button"]:hover {background-color: #03ADE0; text-decoration: none; color: #ffffff;}
textarea {width: 100%; border: 1px solid #D6D6D6; height: 130px; padding: 14px 12px; font-family: 'Roboto Condensed', sans-serif; font-size: 15px;}
select {width: 260px; border: 1px solid #D9DADE; height: 45px; padding: 12px; font-size: 15px; line-height: 24px; cursor: pointer; color: #A3A5AF; background-color: #fff;}

a {color: #0F4190; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

input[type="button"].link-button {background-image: url("../images/icon-arrow-yellow.png"); background-repeat: no-repeat; background-position: center right 23px; background-color: #0F4190; border: 0; color: #fff; text-decoration: none; padding: 17px 77px 17px 30px; text-transform: uppercase; font-weight: bold; display: inline-block;}
input[type="button"].link-button:hover {background-color: #0F2C58;}
button.link-button {background-image: url("../images/icon-arrow-yellow.png"); background-repeat: no-repeat; background-position: center right 23px; background-color: #0F4190; border: 0; color: #fff; text-decoration: none; padding: 17px 77px 17px 30px;; text-transform: uppercase; font-weight: bold; display: inline-block;}
button.link-button.link-button:hover {background-color: #0F2C58;}
a.link-button {background-image: url("../images/icon-arrow-yellow.png"); background-repeat: no-repeat; background-position: center right 23px; background-color: #0F4190; border: 0; color: #fff; text-decoration: none; padding: 17px 77px 17px 30px;; text-transform: uppercase; font-weight: bold; display: inline-block;}
a.link-button:hover {background-color: #0F2C58;}
input[type="button"].filter-reset-button {background: none; border: 0; color: #050712; width: auto;}
input[type="button"].filter-reset-button:hover {text-decoration: underline;}

img {max-width: 100%; max-height: 100%;}

iframe {max-width: 100%;}

.centered table {border-collapse: collapse;}
.centered table tr th:first-child {background-color: #23252E;}
.centered table tr th {background-color: #3C3E48; color: #FFFFFF; padding: 14px 30px; font-size: 18px; font-weight: bold;}
.centered table tr td {background-color: #FFFFFF; border: 1px solid #D9DADE; padding: 17px 30px;}
.centered table tr:nth-child(2n+1) td {background-color: #F7F7F7;}

ul {list-style-image: url("../images/icon-list-item-blue.png");}
ul li {font-size: 17px; line-height: 40px;}
body.blue ul {list-style-image: url("../images/icon-list-item-blue.png");}
body.red ul {list-style-image: url("../images/icon-list-item-red.png");}
body.green ul {list-style-image: url("../images/icon-list-item-green.png");}

strong {font-weight: 800;}
.strong {font-weight: 800;}
.enter {display: block;}
.center {margin: 0 auto; text-align: center;}

.centered-image {text-align: center; float: none; vertical-align: middle; display: table-cell; border: 0;}
.centered {width: 100%; max-width: 1680px; margin: 0 auto; position: relative;}

.map {width: 100%; height: 839px; border: 1px solid #D9DADE;}

#map { width: 100%; height: 839px; border: 1px solid #D9DADE;}

#top {display: block; width: 100%; height: 146px;}
.top-in {display: flex; flex-flow: row wrap; text-align: center; align-items: center; justify-content: center; margin-top: 17px;}
.top-in .logo {flex: 0 350px; text-align: left;}
.top-in .logo a:hover {text-decoration: none;}
.top-in .logo-img {display: inline-block; vertical-align: middle;}
.top-in .logo-text {display: inline-block; vertical-align: middle; color: #23232D; font-size: 20px; font-weight: bold; line-height: 24px; width: 170px; margin-left: 24px; text-transform: uppercase;}
.top-in .menu {flex: 0 1100px; text-align: right;}
.top-in .mobil-menu {display: none; position: absolute; top: 22px; right: 15px; width: 38px; height: 28px; background-image: url("../images/mobil-menu.png"); background-repeat: no-repeat; background-position: center; cursor: pointer;}
.top-in .search-theme {flex: 0 120px; border-left: 1px solid #D4D5DB; padding: 15px 0 15px 20px; margin-left: 20px;}
.search-theme-in {display: flex; flex-flow: row wrap; text-align: center; width: 120px; position: relative; align-items: center;}
.search-theme-in .search-soc {flex: 1 33.3%; text-align: left;}
.search-theme-in .theme {flex: 2 66.6%;}
.menu > ul > li {display: inline-block; position: relative; margin-right: -4px;}
.menu > ul > li > a {text-transform: uppercase; color: #9A9CA7; font-weight: bold; text-decoration: none; padding: 5px 18px 43px; font-size: 17px; line-height: 20px;}
.menu > ul > li:hover > a, .menu > ul > li.active > a {color: #0D4190;}
.menu > ul > li > ul {display: none; position: absolute; top: 60px; background-color: #fff; border: 1px solid #DFE1E0; padding: 20px 40px; z-index: 9; left: 50%; right: auto; text-align: center; transform: translate(-50%, 0);}
.menu > ul > li > ul:after {position: absolute; left: 50%; margin-left: -8px; top: -9px; width: 15px; height: 15px; content:''; border-top: 1px solid #DFE1E0; border-left: 1px solid #DFE1E0; transform: rotate(45deg); background-color: #fff;}
.menu > ul > li > ul > li {display: block; text-align: left;}
.menu > ul > li > ul > li > a {text-transform: uppercase; color: #9A9CA7; font-weight: bold; text-decoration: none; font-size: 17px; line-height: 20px; display: block; width: 265px; padding: 11px 0; border-bottom: 1px solid #DFE1E0;}
.menu > ul > li > ul > li:last-child > a {border-bottom: none;}
.menu > ul > li > ul > li a:hover, .menu > ul > li > ul > li.active > a {color: #0D4190;}
.menu > ul > li:hover > ul {display: block;}
.search-soc {}
.search-soc .search-item, .search-soc .social {display: inline-block; width: 26px; vertical-align: middle; margin-right: 12px;}
.search-soc .social {width: auto;}
.search-button {display: block; width: 26px; height: 26px; background-image: url("../images/icon-search.png"); cursor: pointer;}
.search-button:hover {opacity: 0.9;}
.search-text {position: absolute; top: 36px; display: none; left: -120px; z-index: 9;}
.search-text.active {display: block;}
.search-text input[type="text"] {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5px 50px 5px 10px;}
.search-text input[type="button"] {width: 26px; height: 26px; display: block; position: absolute; top: 8px; right: 9px; background-image: url("../images/icon-search.png"); background-position: center center; padding: 0; border: none;}
.search-text input[type="button"]:hover {background-color: transparent;}
.social a {display: inline-block; width: 33px; height: 33px;}
.social a.soc-facebook {background-image: url("../images/icon-facebook.png");}
.social a.soc-youtube {background-image: url("../images/icon-youtube.png");}
.social a:hover {opacity: 0.9;}

#crumbs {}
.crumbs-in {position: relative; text-align: left; text-transform: uppercase; color: #9A9CA7; border: 1px solid #D9DADE; font-size: 0;}
.crumbs-in a {font-weight: bold; padding-left: 7px; line-height: 22px; padding: 19px 20px; display: inline-block; border-right: 1px solid #D9DADE; color: #123263; background-color: #F5F5F5; font-size: 15px;}
.crumbs-in a:hover {text-decoration: underline;}
.crumbs-in span {color: #9A9CA7; font-weight: 400; padding-left: 15px; font-size: 15px;}

.site {}
.home-slider {}
.home-slider-in {}
.swiper {}
.swiper-wrapper {height: 550px;}
.swiper-slide {position: relative; width: 1680px; height: 550px;}
.slide {display: flex; padding-top: 15px;}
.slide-left {width: 718px; background-color: #123263; height: 520px; position: relative; z-index: 10; padding: 83px 53px 0px 133px; text-align: left; color: #fff;}
.slide-left:after {content: ''; width: 396px; height: 15px; background-color: #E8BD0A; position: absolute; bottom: -15px; left: 133px; z-index: 5;}
.slide-left-text span {color: #E8BD0A; font-size: 15px; font-weight: bold; line-height: 28px; text-transform: uppercase;}
.slide-left-text h1 {color: #fff; font-size: 70px; line-height: 70px; text-transform: uppercase;}
.slide-left-text p {margin: 13px 0;}
.slide-left-button {position: absolute; bottom: 97px; left: 133px;}
.slide-right {width: 962px; text-align: right; height: 520px; position: relative; z-index: 10;}
.slide-right img{z-index: 10; position: relative;}
.slide-right:before {content: ''; width: 674px; height: 535px; background-color: #E8BD0A; position: absolute; top: -15px; left: 0; z-index: 5;}
.swiper-pagination {position: absolute;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {left: 137px; bottom: 30px; width: auto;}
.swiper-pagination-bullet {width: 42px; height: 4px; border-radius: none; background-color: #A6B2C5; border-radius: initial; z-index: 99;}
.swiper-pagination-bullet-active {background-color: #E8BD0A;}
.swiper-button-next, .swiper-button-prev {color: #FFFFFF;}
.swiper-button-prev {left: 40px;}
.swiper-button-next {right: 40px;}
.home-news {z-index: 5; position: relative;}
.home-news-in { padding: 38px 40px;}
.home-news-in h3 {color: #050712; text-transform: uppercase; line-height: 25px; font-size: 30px; text-align: left;}
.home-news-items {display: flex; flex-flow: row wrap; text-align: center; min-height: 518px; width: 1600px; margin: 29px auto 0;}
.home-news-item {width: 511px;margin-right: 30px; border: 1px solid #D9DADE; background-color: #fff; position: relative; padding-bottom: 60px;}
.home-news-item:last-child {margin: 0;}
.h-n-item-img {height: 254px; width: 509px; vertical-align: middle; text-align: center; margin: 0 auto;}
.h-n-item-img .centered-image {height: 254px; width: 509px; vertical-align: middle; text-align: center;}
.h-n-item-text {padding: 28px 38px 28px 27px; text-align: left;}
.h-n-item-text span {font-size: 20px; font-weight: bold; line-height: 25px; color: #050712; display: block; margin-bottom: 20px;}
.h-n-item-text p {color: #9A9CA7;}
.h-n-item-share {position: absolute; bottom: 33px; left: 28px;}
.h-n-item-share a {color: #9A9CA7;}
.h-n-item-share a img {vertical-align: middle; margin-right: 15px;}
.h-n-item-date {position: absolute; bottom: 33px; right: 33px;}
.h-n-item-date span {color: #9A9CA7;}
.h-n-item-link {position: absolute; bottom: 33px; left: 27px;}
.h-n-item-link a {background-image: url("../images/icon-arrow-blue.png"); background-position: center right; background-repeat: no-repeat; padding: 0 43px 0 0;}

.left-menu {display: inline-block; width: 230px; text-align: left; vertical-align: top; margin-right: 10px; padding-bottom: 50px;}
.left-menu h3 {font-size: 20px; line-height: 53px; margin-left: 20px; text-transform: uppercase;}
.left-menu-items {margin-top: 29px;}
.left-menu-items > ul {background-color: #fff;}
.left-menu-items > ul > li {list-style-type: none; display: block; line-height: 20px; list-style-image: none; position: relative;}
.left-menu-items > ul > li > a {border: 1px solid #D9DADE; font-size: 16px; display: block; padding: 14px 20px; color: #9A9CA7; text-transform: uppercase; border-bottom: none;}
.left-menu-items > ul > li:last-child > a {border-bottom: 1px solid #D9DADE;}
.left-menu-items > ul > li:hover > a, .left-menu-items > ul > li.active > a {color: #FFFFFF; border: 1px solid #050712; background-color: #0F4190; text-decoration: none; border-bottom: none;}
.left-menu-items > ul > li:hover > a:after, .left-menu-items > ul > li.active > a:after {content: ''; width: 13px; position: absolute; top: 0; right: 0; height: 100%; background-color: #FCDC10; box-sizing: border-box;}
.left-menu-items > ul > li:last-child:hover > a, .left-menu-items > ul > li:last-child.active > a {border-bottom: 1px solid #050712;}
.left-menu-items > ul > li > ul {display: none; border: 1px solid #D9DADE; border-bottom: none; background-color: #F5F5F5; padding: 24px 20px;}
.left-menu-items > ul > li > ul.active {display: block;}
.left-menu-items > ul > li > ul > li {list-style-type: none; list-style-image: none; line-height: 20px;}
.left-menu-items > ul > li > ul > li > a {color: #888A96; font-size: 16px; line-height: 30px; text-transform: uppercase; display: block;}
.left-menu-items > ul > li > ul > li:hover > a, .left-menu-items > ul > li > ul > li.active > a {text-decoration: underline;}
.right-site {display: inline-block; width: 1430px; text-align: left; vertical-align: top; margin-left: 5px;}
.right-site h1 {font-size: 40px; line-height: 53px; text-transform: uppercase;}
.news-page {z-index: 5; position: relative;}
.news-page-in { padding: 38px 0;}
.news-page-in h3 {color: #050712; text-transform: uppercase; line-height: 53px;}
.news-page-items {display: flex; flex-flow: row wrap; text-align: center; min-height: 518px; width: 1430px; margin: 29px auto 0;}
.news-page-item {width: 457px;margin-right: 27px; border: 1px solid #D9DADE; background-color: #fff; position: relative; padding-bottom: 60px; margin-bottom: 30px;}
.news-page-item:nth-child(3n) {margin-right: 0;}
.n-p-item-img {height: 227px; width: 455px; vertical-align: middle; text-align: center; margin: 0 auto;}
.n-p-item-img .centered-image {height: 227px; width: 455px; vertical-align: middle; text-align: center;}
.n-p-item-text {padding: 28px 38px 28px 27px; text-align: left;}
.n-p-item-text span {font-size: 20px; font-weight: bold; line-height: 25px; color: #050712; display: block; margin-bottom: 20px;}
.n-p-item-text p {color: #9A9CA7;}
.n-p-item-share {position: absolute; bottom: 33px; left: 28px;}
.n-p-item-share a {color: #9A9CA7;}
.n-p-item-share a img {vertical-align: middle; margin-right: 15px;}
.n-p-item-date {position: absolute; bottom: 33px; right: 33px;}
.n-p-item-date span {color: #0F4190;}
.n-p-item-link {position: absolute; bottom: 33px; left: 27px;}
.n-p-item-link a {background-image: url("../images/icon-arrow-blue.png"); background-position: center right; background-repeat: no-repeat; padding: 0 43px 0 0;}

.clubs-page {z-index: 5; position: relative;}
.clubs-page-in {padding: 38px 0;}
.clubs-page-in h1 {font-size: 40px; line-height: 53px; text-transform: uppercase; text-align: left;}
.clubs-maps {text-align: center; width: 100%; margin: 0 auto 0;}
.clubs-maps-menu {}
.clubs-maps-menu ul {display: block; text-align: left; list-style-type: none; list-style-image: none; font-size: 0; border-bottom: 1px solid #D9DADE; margin-bottom: 22px; padding: 0 14px;}
.clubs-maps-menu ul li {display: inline-block; border-left: 1px solid #D9DADE; border-top: 1px solid #D9DADE; margin-bottom: -1px; background: #F5F5F5; list-style-image: none;}
.clubs-maps-menu ul li:last-child {border-right: 1px solid #D9DADE;}
.clubs-maps-menu ul li.active, .clubs-maps-menu ul li:hover {border-bottom: 1px solid #fff; background: #fff;}
.clubs-maps-menu ul li a {display: block; padding: 20px 30px; color: #A3A5AF; text-transform: uppercase; font-size: 15px; line-height: 18px;}
.clubs-maps-menu ul li.active a, .clubs-maps-menu ul li:hover a {color: #050712;}
.clubs-maps-menu ul li a:hover {text-decoration: none;}
.clubs-item-list {text-align: left;}
.clubs-item-maps {text-align: left; padding-bottom: 50px;}
.club-filter {display: block; padding: 18px 30px; background: #F5F5F5; border: 1px solid #D9DADE;}
.club-filter-in {display: flex; flex-flow: row wrap; text-align: center; align-items: center; position: relative;}
.club-filter-in span {font-size: 20px; font-weight: bold; text-transform: uppercase; margin-right: 50px;}
.club-filter-in label {font-size: 15px; font-weight: bold; text-transform: uppercase; margin-right: 23px;}
.club-filter-in select {text-transform: uppercase; margin-right: 60px;}
.club-filter-in input[type="text"] {height: 45px; width: 260px;}
.club-filter-in input[type="button"] {display: inline-block; vertical-align: bottom; height: 45px; width: auto; padding: 0 30px;}
.club-filter-in input[type="button"].filter-reset-button {position: absolute; top: 0; right: 0;}
.clubs-items {display: flex; flex-flow: row wrap; text-align: center; min-height: 257px; width: 1430px; margin: 40px auto 0; align-items: flex-start;}
.clubs-items p {color: #1E1E1C;}
.club-item {width: 460px; margin-right: 20px; margin-bottom: 30px; border: 1px solid #D9DADE; background-color: #fff; position: relative; min-height: 257px;}
.club-item:nth-child(3n) {margin-right: 0px;}
.club-item .left {display: inline-block; width: 166px; min-height: 257px; margin-right: -4px; vertical-align: top;}
.club-item-img {height: 253px; width: 162px; vertical-align: middle; text-align: center; margin: 0 auto;}
.club-item-img .centered-image {height: 253px; width: 162px; vertical-align: middle; text-align: center;}
.club-item .right {display: inline-block; width: 292px; min-height: 257px; text-align: left; vertical-align: top; border-left: 1px solid #D9DADE; padding: 15px 20px;}
.c-i-t-info h4 {font-size: 24px; font-weight: bold; line-height: 25px; margin-bottom: 5px;}
.c-i-t-info a {font-size: 18px; line-height: 25px; color: #9A9CA7;}
.c-i-t-address {margin-top: 10px;}
.c-i-t-address h4 {font-size: 18px; line-height: 25px;}
.c-i-t-address p {color: #9A9CA7; margin: 8px 0 10px;}
.c-i-t-address a {color: #0F4190;}
.c-i-t-contact {margin-top: 10px; position: relative;}
.c-i-t-contact a {font-weight: normal;}
.c-i-t-contact span {display: block;}
.club-map-in {position: relative;}
.map-select {position: absolute; top: 18px; left: 25px;}
.map-popup {display: none; position: absolute;}
.map-popup.active {display: block;}
.map-popup .club-item {width: 460px; height: 172px; margin: 0; border: none; min-height: 172px;}
.map-popup .club-item .left {display: inline-block; width: 150px; height: 170px; margin-right: -4px; vertical-align: top; min-height: 170px;}
.map-popup .club-item-img {height: 170px; width: 150px; vertical-align: middle; text-align: center; margin: 0 auto;}
.map-popup .club-item-img .centered-image {height: 170px; width: 150px; vertical-align: middle; text-align: center;}
.map-popup .club-item .right {display: inline-block; width: 300px; height: 170px; text-align: left; vertical-align: top; border-left: 1px solid #D9DADE; padding: 10px 20px; min-height: 170px;}
.map-popup .c-i-t-info h4 {font-size: 20px; font-weight: bold; line-height: 25px; margin-bottom: 5px;}
.map-popup .c-i-t-info a {font-size: 16px; line-height: 25px; color: #9A9CA7;}
.map-popup .c-i-t-address {margin-top: 25px;}
.map-popup .c-i-t-address h4 {font-size: 18px; line-height: 25px;}
.map-popup .c-i-t-address p {color: #9A9CA7; margin: 8px 0 10px;}
.map-popup .c-i-t-address a {color: #EC2040;}
.map-popup .c-i-t-contact {margin-top: 10px; position: relative;}
.map-popup .c-i-t-contact a {font-weight: normal;}
.map-popup .c-i-t-contact span {position: relative; display: block;}
.ofs-map .club-item {width: 300px; height: auto; min-height: 120px;}
.ofs-map .club-item .left {width: 110px; height: 120px; min-height: 120px;}
.ofs-map .club-item-img {height: 120px; width: 110px;}
.ofs-map .club-item-img .centered-image {height: 120px; width: 110px;}
.ofs-map .club-item .right {width: 190px; height: auto; min-height: 120px;}

.leaflet-container a.leaflet-popup-close-button {cursor: pointer; background: #23232D !important; width: 37px !important; height: 37px !important; padding: 12px !important; font-size: 18px !important; line-height: 10px !important;}

.maps-icons {}
.maps-icons-in {display: flex; flex-flow: row wrap; text-align: center; align-items: center; position: relative; border-left: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE; border-right: 1px solid #D9DADE;}
.maps-icons-in > span {text-transform: uppercase; border-right: 1px solid #D9DADE; padding: 21px 25px; height: 61px;}
.map-icon {padding: 18px 25px; border-right: 1px solid #D9DADE; height: 61px;}
.map-icon img {margin-right: 17px; vertical-align: middle;}
.map-icon span {color: #050712; font-size: 15px; line-height: 24px;}

.lead-items {display: flex; flex-flow: row wrap; text-align: center; min-height: 172px; width: 1430px; margin: 40px auto 0;}
.lead-item {width: 460px; margin-right: 20px; margin-bottom: 30px; border: 1px solid #D9DADE; background-color: #fff; position: relative; height: 172px;}
.lead-item:nth-child(3n) {margin-right: 0px;}
.lead-item .left {display: inline-block; width: 166px; height: 172px; margin-right: -4px; vertical-align: top;}
.lead-item-img {height: 168px; width: 162px; vertical-align: middle; text-align: center; margin: 0 auto;}
.lead-item-img .centered-image {height: 168px; width: 162px; vertical-align: middle; text-align: center;}
.lead-item-img .centered-image img {border-radius: 50%;}
.lead-item .right {display: inline-block; width: 292px; height: 172px; text-align: left; vertical-align: top; border-left: 1px solid #D9DADE; padding: 20px 20px;}


.article-page {z-index: 5; position: relative;}
.article-page-in {padding: 38px 0;}
.article-detail {width: 1000px; padding: 0 8px 20px; margin: 0 auto; text-align: center;}
.article-detail-in {text-align: left;}
.article-detail-in h2 {font-size: 40px; line-height: 48px; text-transform: uppercase; margin-bottom: 27px; text-align: center;}
.article-detail-in img {display: block; text-align: center; margin: 0 auto;}
.article-detail-in span {font-size: 17px; color: #050712; line-height: 24px; padding: 30px 0 11px; display: block;}
.article-detail-in span.article-author {font-size: 15px; color: #9A9CA7; line-height: 23px; padding: 0; display: block; font-weight: bold;}
.article-detail-in span.article-author-name {font-size: 15px; color: #050712; line-height: 23px; padding: 0; display: block;}
.article-detail-in span.article-date {font-size: 15px; color: #EC1F42;}
.article-detail-in p {font-size: 15px; color: #9A9CA7; line-height: 24px; padding: 11px 0;}
.article-detail-in ul {line-height: 30px; color: #9A9CA7;}
.article-detail-in ol {line-height: 30px; color: #9A9CA7;}

.article-contr {border-top: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE;padding: 20px 0;}
.article-contr-in {display: flex; flex-flow: row wrap; text-align: center; align-items: center; position: relative; justify-content: center;}
.contr-item {padding: 0 21px; border-left: 1px solid #CBCCD1;}
.contr-item-share {padding: 0 21px;}
.contr-item-share a {color: #9A9CA7;}
.contr-item-share a img {vertical-align: middle;}

.article-detail-gallery {text-align: left; padding: 35px 0 15px;}
.article-detail-gallery h3 {font-size: 20px; line-height: 25px; margin-bottom: 30px;}
.article-detail-gallery img {margin-right: 13px; margin-bottom: 18px;}
.article-detail-gallery a:nth-of-type(4n) img {margin-right: 0;}
.article-detail-docum {display: flex; flex-flow: row wrap;}
.article-detail-docum span {display: block; max-width: 130px;}

.contact-page-in {text-align: left; padding: 38px 40px;}
.contact-page-in h1 {text-transform: uppercase; margin-bottom: 38px;}
.contact-page-in h2 {text-transform: uppercase;}
.contact-page-in h3 {}
.contact-in {float: none;}
.contact-form {float: right; border: 1px solid #E3E3E3; width: 800px; padding: 49px 66px 53px 67px; background: #fff;}
.contact-form-in {}
.contact-form-in p {line-height: 26px; padding: 25px 0;}
.contact-form-in label {margin-left: 21px; margin-right: 37px; line-height: 26px; font-size: 14px; color: #2C3A4A;}
.contact-form-in select {width: 541px; height: 55px;}
.contact-form-in input[type="text"] {display: block; width: 100%; margin: 11px 0; height: 55px; color: #2C3A4A; font-size: 15px;}
.contact-form-in textarea {display: block; width: 100%; color: #2C3A4A; font-size: 15px; margin-bottom: 10px;}
.contact-form-in input[type="button"].link-button {width: auto; margin: 15px 0 5px; display: block;}  
.contact-form-in span {margin-left: 34px; color: #767676; font-size: 14px; font-weight: 300;}   
.contact-form-in span a {font-size: 14px;}
.contact-form-in .capt-img {display: inline-block; vertical-align: middle;}
.contact-form-in input[type="text"].capt-text {display: inline-block; width: 300px; vertical-align: middle;}
.contact-info {width: 640px; margin-bottom: 20px;}
.info-item {border-bottom: 1px dashed #707070; padding: 20px 0; line-height: 28px; color: #707071;}
.info-item .left {width: 280px; display: inline-block; vertical-align: top;}
.info-item .right {width: 350px; display: inline-block; vertical-align: top;}
.info-item-1 {padding: 20px 0 47px;}
.info-item-2 {}
.info-item-3 {}
.info-item-4 {border-bottom: none;}
.info-item-4 a {color: #333334;}
.contact-emplo {margin-top: 34px;}
.contact-emplo h2 {margin-bottom: 15px;}
.employees {}
.emplo-item {width: 390px; padding: 30px 30px 30px 10px; display: inline-block;}
.emplo-item .left {display: inline-block; width: 50px; height: 50px; vertical-align: top; text-align: center; margin: 0 auto;} 
.emplo-item .left .centered-image {width: 50px; height: 50px; vertical-align: middle; text-align: center;} 
.emplo-item .left .centered-image img {border-radius: 50%;}
.emplo-item .right {margin-left: 25px; display: inline-block; width: 270px; vertical-align: top; text-align: left; line-height: 28px;}
.emplo-item .right h4 {font-size: 18px; line-height: 28px;}
.emplo-item .right span {color: #4F5B68; margin-bottom: 19px; display: block;}
.emplo-item .right p {color: #4F5B68; line-height: 23px;}
.emplo-item .right a {line-height: 23px;}

.next-page-button {font-size: 18px; text-align: center;}
.next-page-button span {font-size: 18px; margin: 0 5px;}

.compet-page-in {padding: 50px 30px 120px;}
.compet-page-in h1 {text-align: left; text-transform: uppercase;}
.calendar {margin-top: 45px;}
div.calendar {border: 1px solid #DEE0DF !important;}
div.calendar div.header-date {height: 73px !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background-color: #F5F5F5 !important; border-bottom: 1px solid #DEE0DF !important;}
div.calendar div.header-date div {margin: 0 !important;}
div.calendar div.header-date div.title-container {margin-top: 18px !important; display: inline-block !important;}
div.calendar div.header-date div.title-container span {font-size: 30px; line-height: 35px; color: #050712 !important;}
.ib-arrow-left-full {background-image: url("../images/icon-arrow-calendar-prev.png"); background-repeat: no-repeat; background-position: center left 24px; width: 71px !important; height: 73px !important; background-color: #0D418F; border: 1px solid #DEE0DF !important; border-left: 0 !important; border-top: 0 !important; border-bottom: 1px solid #DEE0DF !important;}
.ib-arrow-right-full {background-image: url("../images/icon-arrow-calendar-next.png"); background-repeat: no-repeat; background-position: center right 24px;width: 71px !important; height: 73px !important; background-color: #0D418F; border: 1px solid #DEE0DF !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 1px solid #DEE0DF !important;}
div.calendar div.row {border-bottom: 1px solid #DEE0DF !important; background-color: #FFFFFF !important;}
div.calendar div.weekend-day {background-color: #FBF9F9 !important;}
div.calendar div.row div.cell {border-right: 1px solid #DEE0DF !important; text-align: left !important; padding: 29px 15px 20px 5px !important; color: #050712 !important; font-weight: bold !important;}
.compet-page-in div.calendar div.row div.cell div.event {background-color: transparent !important; border-left: 0 !important; font-size: 15px !important; color: #9A9CA7 !important; font-weight: 500 !important;}
div.calendar div.row div.cell span {font-size: 20px !important; margin-left: 20px !important;}
div.calendar div.row div.cell span.holiday {display: none !important;}
div.calendar div.full-day-view div.title-bar {background-color: #F5F5F5 !important; color: #050712 !important; font-size: 25px; line-height: 30px;}
.ib-pin {display: none !important;}
.ib-close::before, .ib-close::after {background-color: #000 !important;}
div.calendar div.full-day-view div.title-bar div.ib-arrow-left-full, div.calendar div.full-day-view div.title-bar div.ib-arrow-right-full {border: 0 !important;}

.partners-events {padding: 5px 0 80px;}
.partners-events-in {display: flex; padding: 20px 40px; text-align: left;}
.partners-events-in h3 {color: #050712; text-transform: uppercase; line-height: 25px; font-size: 30px; margin-bottom: 30px;}
.partners {width: 1055px;}
.partners-in {}
.partner-items {display: flex; align-items: center; padding: 0 26px; background-color: #EFEBEF; min-height: 132px; margin-bottom: 10px;}
.partner-items span {width: 162px; font-size: 15px; line-height: 25px; text-transform: uppercase; font-weight: bold; color: #9A9CA7;}
.main-partner .partner-items-in a {margin-right: 34px;}
.main-partner .partner-items-in {}
.main-partner .partner-items-in {}
.partner-items-in {display: flex; align-items: center;}
.partner-items-in a {margin-right: 20px;}
.partner-items-in a:last-child {margin-right: 0px;}
.events-home {width: 545px; padding: 0 0 0 30px;}
.events-home-in {}
.events-items {}
.events-item {display: flex; align-items: center;}
.events-item-date {width: 42px; height: 42px; font-size: 15px; line-height: 15px; background-color: #0F4190; color: #fff; font-weight: bold; padding: 6px 14px;}
.events-item-date span {text-align: center; width: 15px;}
.events-item-info {margin-left: 21px; display: block; border-bottom: 1px dashed #D9DADE; padding: 20px 0;}
.events-item:first-child.events-item-info {padding: 0 0 20px;}
.events-item:last-child .events-item-info {border-bottom: none;}
.events-button {margin-top: 30px;}


#footer {}
.footer-menu { width: 100%; color: #A5B1C4; position: relative;}
.footer-back-left {background: #0F2C58; position: absolute; width: calc(50% - 502px); z-index: 1; height: 100%; left: 0;}
.footer-back-right {background: #123263; position: absolute; width: calc(50% + 502px); z-index: 2; height: 100%; right: 0;}
.footer-menu-in {padding: 72px 40px; display: flex; z-index: 5; position: relative;}
.footer-menu-left {width: 300px;}
.footer-logo {text-align:center;}
.footer-logo-img {text-align: center; margin: 0 auto;}
.footer-logo-text {width: 170px; margin: 28px auto 10px;}
.footer-logo-text span {color: #FFFFFF; font-size: 20px; line-height: 24px; text-transform: uppercase;}
.footer-menu-right {width: 1300px; padding: 0 0 0 70px;}
.footer-menu-items {display: flex; flex-flow: row wrap; text-align: center; align-items: top; justify-content: center;}
.footer-menu-item {text-align: left;}
.footer-menu-item ul {display: flex; flex-direction: column; flex-wrap: wrap; height: 200px; list-style-image: none;}
.footer-menu-item ul li {list-style-type: none; line-height: 20px; list-style-image: none;}
.footer-menu-item li a {color: #A5B1C4; text-decoration: none; font-size: 16px; line-height: 35px;}
.footer-menu-item li a:hover, .footer-menu-item li.active a {color: #FFFFFF;}
.footer-menu-item span {font-size: 20px; font-weight: bold; line-height: 24px; text-transform: uppercase; color: #fff; display: block; margin-bottom: 45px;}
.footer-menu-item p {line-height: 26px; font-size: 16px;}
.footer-menu-item p strong {color: #fff;}
.footer-menu-item p.ico {display: block; padding: 26px 0;}
.footer-menu-item a {color: #E8BD0A; font-size: 16px;}
.footer-item-1 {flex:1 25%;}
.footer-item-2 {flex:1 35%;}
.footer-item-3 {flex:1 20%;}
.footer-item-4 {flex:1 20%;}
.footer-social {padding: 40px 0;}
.footer-social span {font-size: 16px; line-height: 26px; display: inline-block; margin: 0 0 5px 0;}
.footer-social a {display: inline-block; margin: 0;}
.footer-social a:hover {opacity: 0.8;}
.footer-social a img {vertical-align: middle; margin: 0 0 0 10px;}
.footer-links {}
.footer-links a {margin: 0 5px 5px 0;}
.footer-copy {width: 100%; text-align: left; color: #050712;}
.footer-copy-in {padding: 31px 40px;}
.top-button {position: absolute; bottom: -17px; right: 0; background-color: #E8BD0A; width: 66px; height: 66px; z-index: 10;}
.top-button img {display: block; vertical-align: middle; padding: 26px 20px; cursor: pointer;}


/*odkazy*/
body.kombinace a {color: var(--odkaz-barvy);}
body.kombinace .menu > ul > li:hover > a, body.kombinace .menu > ul > li.active > a {color: var(--odkaz-barvy);}
body.kombinace .menu > ul > li > ul > li a:hover, body.kombinace .menu > ul > li > ul > li.active > a {color: var(--odkaz-barvy);}
body.kombinace .crumbs-in a {color: var(--odkaz-barvy);}
body.kombinace .events-item-date {background-color: var(--pozadi-barvy-1);}
body.kombinace .left-menu-items > ul > li:hover > a, body.kombinace .left-menu-items > ul > li.active > a {background-color: var(--pozadi-barvy-1); border-color: var(--pozadi-barvy-1);}
body.kombinace .left-menu-items > ul > li:hover > a:after, body.kombinace .left-menu-items > ul > li.active > a:after {background-color: var(--pozadi-barvy-2);}
body.kombinace .h-n-item-date span {color: var(--pozadi-barvy-2);}
body.kombinace .n-p-item-date span {color: var(--pozadi-barvy-2);}
body.kombinace .article-detail-in span.article-date {color: var(--pozadi-barvy-2);}
/*šipky v tlačítkách*/
body.kombinace .h-n-item-link a {background-image: var(--url-sipky);}
body.kombinace .n-p-item-link a {background-image: var(--url-sipky);}
/*tlačítka*/
body.kombinace button.link-button {background-color: var(--pozadi-barvy-1); color: var(--barva-text-tlacitka);}
body.kombinace input[type="button"].link-button {background-color: var(--pozadi-barvy-1); color: var(--barva-text-tlacitka);}
body.kombinace a.link-button {background-color: var(--pozadi-barvy-1); color: var(--barva-text-tlacitka);}
body.kombinace input[type="button"].link-button:hover {background-color: var(--pozadi-tlacitka-hover);}
body.kombinace button.link-button.link-button:hover {background-color: var(--pozadi-tlacitka-hover);}
body.kombinace a.link-button:hover {background-color: var(--pozadi-tlacitka-hover);}
/*slider*/
body.kombinace .slide-left-text span {color: var(--pozadi-slider-1);}
body.kombinace .slide-left {background-color: var(--pozadi-slider-2);}
body.kombinace .slide-left:after {background-color: var(--pozadi-slider-1);}
body.kombinace .slide-right:before {background-color: var(--pozadi-slider-1);}
body.kombinace .slide-left-button button.link-button:hover {background-color: var(--pozadi-barvy-1); color: var(--barva-text-tlacitka); text-decoration: underline;}
body.kombinace .slide-left-button input[type="button"].link-button:hover {background-color: var(--pozadi-barvy-1); color: var(--barva-text-tlacitka); text-decoration: underline;}
body.kombinace .slide-left-button a.link-button:hover {background-color: var(--pozadi-barvy-1); color: var(--barva-text-tlacitka); text-decoration: underline;}
/*celková patička*/
body.kombinace .footer-menu-item a {color: var(--barva-footer-text);}
body.kombinace .footer-back-left {background: var(--pozadi-footer-leva);}
body.kombinace .footer-back-right {background: var(--pozadi-footer-leva); filter: brightness(120%);}
body.kombinace .footer-menu {background: var(--pozadi-footer-leva);}
body.kombinace .footer-menu-item li a {color: var(--barva-footer-text); opacity: 0.8;}
body.kombinace .footer-menu-item li a:hover, body.kombinace .footer-menu-item li.active a {opacity: 1;}
body.kombinace .top-button {background-color: var(--pozadi-footer-leva);}
body.kombinace .ib-arrow-left-full {background-color: var(--pozadi-footer-leva);}
body.kombinace .ib-arrow-right-full {background-color: var(--pozadi-footer-leva);}



@media screen and (max-width:1680px) {
	h1 {font-size: 40px; line-height: 45px;}
	h2 {font-size: 30px; line-height: 35px;}
	h3 {font-size: 20px; line-height: 25px;}
	h4 {font-size: 17px; line-height: 20px;}
	.top-in {display: block; height: auto;}
	.top-in .logo {display: inline-block; vertical-align: middle;}
	.top-in .menu {display: inline-block; vertical-align: middle;}
	.top-in .search-theme {display: block; width: 120px; margin: 0 auto; position: absolute; top: -7px; right: 20px; border-left: 0; padding: 0;}
	.tiles-top {display: block;}
	.tiles-slider {margin: 0 auto;}
	.tiles-right {width: 1120px; margin: 0 auto;}
	.tiles-items {display: block;}
	.tiles-item {display: inline-block; width: 560px;}
	.tiles-item.item-2 {margin-left: -4px;}
	.tiles-item.item-4 {margin-left: -4px;}
	.slide-left {width: 40%; padding: 83px 53px 0px 100px;}
	.slide-right {width: 60%; overflow: hidden;}
	.slide-right img {width: 947px; max-width: 947px;}
	.slide-left-button {left: 100px; bottom: 40px;}
	.top-button {left: 0; text-align: center; margin: 0 auto;}
	.left-menu {width: 230px;}
	.right-site {width: 970px;}
	.club-filter-in input[type="button"].filter-reset-button {position: relative;}
	.news-page-items {width: 970px;}
	.news-page-item:nth-child(2n) {margin-right: 0;}
	.news-page-item:nth-child(3n) {margin-right: 27px;}
	.clubs-maps {width: auto;}
	.clubs-items {width: auto; justify-content: center;}
	.club-item:nth-child(2n) {margin-right: 0;}
	.club-item:nth-child(3n) {margin-right: 20px;}
	.lead-items {width: auto;}
	.lead-item:nth-child(2n) {margin-right: 0;}
	.lead-item:nth-child(3n) {margin-right: 20px;}
	.home-news-items {width: 100%;}
	.home-news-item {margin-bottom: 10px;}
	.home-news-item:last-child {margin-bottom: 10px;}
	.footer-menu {background-color: #123263;}
	.footer-back-left {background-color: transparent;}
	.footer-back-right {background-color: transparent;}

/*transparentnost pro menší rozlišení u patičky*/
	body.kombinace .footer-back-left {background-color: transparent;}
	body.kombinace .footer-back-right {background-color: transparent;}
	}

@media screen and (max-width:1420px) {
	.home-news-items {width: auto; justify-content: center;}
	.home-news-item {margin-bottom: 15px;}
}

@media screen and (max-width:1300px) {
	.contact-page-in {padding: 38px 20px;}
	.contact-in {float: none;}
	.contact-form {float: none; display: block; padding: 0; border: 0; background-color: transparent;}
	.contact-form-in label {margin-left: 0px; margin-right: 10px;}
	.contact-form-in select {width: 100%;}
	.contact-form-in span {margin-left: 0;}
	.contact-form-in input[type="text"].capt-text {width: 150px;}
	.contact-info {width: 100%;}
	.info-item .left {width: 30%;}
	.info-item .right {width: 65%;}
	.emplo-item .right {width: 250px;}
}

@media screen and (max-width:1240px) {
	.left-menu {display: block; width: 100%;}
	.left-menu-items > ul {display: flex; flex-flow: row wrap; text-align: center; }
	.left-menu-items > ul > li {width: 230px; border: 1px solid #D9DADE; position: relative; margin-right: 1px; margin-bottom: 1px;}
	.left-menu-items > ul > li a {border: 0;}
	.left-menu-items > ul > li > a {height: 100%;}
	.left-menu-items > ul > li.subitem > a {height: auto;}
	.left-menu-items > ul > li:hover, .left-menu-items > ul > li.active {border: 1px solid #050712; background-color: #0F4190;}
	.left-menu-items > ul > li:hover > a, .left-menu-items > ul > li.active > a {border: 0; background-color: transparent;}
	.left-menu-items > ul > li > ul {position: absolute; width: 100%; z-index: 10; border-bottom: 1px solid #D9DADE;}
	.right-site {display: block; width: 100%; margin: 0;}
	.right-site h1 {padding: 0 20px;}
	.news-page-items {width: 100%; justify-content: center;}
	.partners-events-in {display: block;}
	.partners {display: block; width: 100%;}
	.events-home {display: block; width: 100%; padding-left: 0;}

	body.kombinace .left-menu-items > ul > li:hover, .left-menu-items > ul > li.active {border-color: var(--pozadi-barvy-1);}
}

@media screen and (max-width:1200px) {
	#top {display: block; width: 100%; height: 80px;}
	.top-in {display: block;}
	.top-in .logo {position: absolute; top: 8px; left: 15px; width: 350px;}
	.top-in .logo .logo-img {width: 44px;}
	.top-in .logo-text {font-size: 16px;}
	.top-in .menu {display: none; position: absolute; top: 70px; width: 400px; right: 0; z-index: 999; padding: 0; border-top: 1px solid #DFE1E0; border-bottom: 1px solid #DFE1E0; border-left: 1px solid #DFE1E0; background-color: #fff; text-align: left;}
	.top-in .mobil-menu {display: block; z-index: 99;}
	.top-in .search-theme {width: 150px; position: absolute; top: 19px; right: 80px;}
	.search-theme-in {width: 150px; display: block;}
	.search-theme-in .search-soc {width: 84px; display: inline-block; vertical-align: middle;}
	.menu > ul > li {display: block; margin-right: 0px;}
	.menu > ul > li > a {padding: 5px 18px 5px; display: block; line-height: 30px;}
	.menu > ul > li:hover > a, .menu > ul > li.active > a {background-image: none;}
	.menu > ul > li > ul {display: block; position: relative; top: 0px; background-color: #f9f9f9; padding: 10px 30px; left: 0; right: 0; transform: translate(0, 0); border-left: 0; border-right: 0;}
	.menu > ul > li > ul:after {left: 0; margin-left: 0; top: 0; width: 0; height: 0; border-top: none; border-left: none;}
	.menu > ul > li > ul > li > a {width: 100%; border-bottom: none;}
	.search-soc .search-item, .search-soc .social {margin-right: 8px;}
	.search-text {top: 36px; left: -75%; width: 300px;}
	.footer-menu-in {display: block; padding: 0;}
	.footer-menu-left {width: 100%; display: block; margin-bottom: 10px; background-color: #0F2C58; padding: 72px 40px 10px;}
	.footer-menu-right {width: 100%; display: block; padding: 10px 40px 72px;}


/*barva pod logem pro menší rozlišení*/
	body.kombinace .footer-menu-left {background-color: var(--pozadi-footer-leva);}
	body.kombinace .footer-menu-right {background-color: var(--pozadi-footer-leva); filter: brightness(120%);}
}

@media screen and (max-width:1120px) {
	.tiles-top {display: block;}
	.tiles-slider {width: 560px; display: block;}
	.slide {}
	.slide-left {width: 100%; padding: 60px 25px 60px 20px;}
	.slide-left-button {left: 20px;}
	.slide-right {display: none;}
	.swiper-wrapper {height: auto;}
	.swiper-button-prev {display: none;}
	.swiper-button-next {display: none;}
	.tiles-right {width:560px; display: block;}
	.tiles-item {display: block; width: 100%; height: 216px; padding: 29px 15px 21px; overflow: hidden;}
	.tiles-item a {position: absolute; bottom: 12px; padding: 5px 15px 5px 0;}
	.tiles-item h2 {width: 100%; font-size: 65px; line-height: 60px;}
	.tiles-item h3 {width: 100%; font-size: 30px; line-height: 35px;}
	.tiles-item p {font-size: 15px; line-height: 19px;}
	.tiles-item-left, .tiles-item-right {width: 60%;}
	.tiles-item-left h3 {width: 100%;}
	.tiles-item-right {margin-top: 0; width: 39%;}
	.tiles-items {display: inline-block; width: 560px;}
	.tiles-item.item-2 {margin-left: 0;}
	.tiles-item.item-3 {flex: 1; height: 300px; overflow: hidden;}
	.tiles-item.item-4 {flex: 2; height: 300px; overflow: hidden; margin-left: 0;}
	.tiles-item.item-5 {flex: 3; height: 300px; overflow: hidden;}
	.tiles-item-back {position: absolute; top: 0; left: 0; z-index: -5; height: 300px; width: 560px;}
	.home-news-items {display: block;}
	.home-news-item {display: block; width: 511px; margin: 0 auto 15px;}
	.home-news-item:last-child {margin: 0 auto 15px;}
	.article-detail {width: 100%;}
}

@media screen and (max-width: 1100px) {
	.footer-menu-items {display: block;}
	.footer-menu-item {margin-bottom: 30px;}
	.footer-item-1 {flex:1 32%;}
	.footer-item-2 {flex:1 21%;}
	.footer-item-3 {flex:1 20%;}
	.footer-item-4 {flex:1 25%;}
	.footer-social span {display: block;}
}

@media screen and (max-width: 1000px) {
	.news-page-items {display: block;}
	.news-page-item {display: block; margin: 0 auto 15px;}
	.news-page-item:nth-child(2n) {margin: 0 auto 15px;}
	.news-page-item:nth-child(3n) {margin: 0 auto 15px;}
	.clubs-items {display: block;}
	.club-item {display: block; margin: 0 auto 15px;}
	.club-item:nth-child(2n) {margin: 0 auto 15px;}
	.club-item:nth-child(3n) {margin: 0 auto 15px;}
	.lead-item {display: block; margin: 0 auto 15px;}
	.lead-item:nth-child(2n) {margin: 0 auto 15px;}
	.lead-item:nth-child(3n) {margin: 0 auto 15px;}
}

@media screen and (max-width: 850px) {
	.contact-form {width: 100%;}
}

@media screen and (max-width:600px) {
	.top-in .logo {width: 250px;}
	.slide-left-text h1 {font-size: 40px;}
	.home-news-item {width: 100%;}
	.h-n-item-img {width: 100%;}
	.h-n-item-img .centered-image {width: 100%;}
	.partner-items {display: block; text-align: center;}
	.partner-items-in {display: block;}
	.partner-items-in a {display: block; margin: 20px;}	
	.club-filter {border-left: 0; border-right: 0;}
	.club-filter-in {display: block; text-align: left;}
	.club-filter-in span {display: block;}
	.club-filter-in label {font-size: 15px; font-weight: bold; text-transform: uppercase; margin-right: 15px; width: 100px; display: inline-block;}
	.club-filter-in select {margin-right: 0; margin-bottom: 10px;}
	.club-filter-in input[type="button"].filter-reset-button {position: relative; padding: 0;}
}

@media screen and (max-width:560px) {
	.top-in .search-theme {width: 100px;}
	.tiles-slider {width: 100%;}
	.tiles-right {width:100%;}
	.tiles-items {display: block; width: 100%;}
	.emplo-item {width: 100%;}
}

@media screen and (max-width:450px) {

	input[type="text"] {width: 100%; padding: 14px 12px;}
	input[type="button"] {width: auto; padding: 17px 30px;}
	textarea {width: 100%; padding: 14px 12px;}
	select {width: 260px; height: 45px; padding: 12px;}
	
	input[type="button"].link-button {padding: 17px 77px 17px 30px;}
	button.link-button {padding: 17px 77px 17px 30px;}
	a.link-button {padding: 17px 77px 17px 30px;}

	ul li {font-size: 17px; line-height: 40px;}
	
	.map {height: 400px;}
	#map {height: 400px;}

	.top-in .logo {width: 44px;}	
	.top-in .logo-text {display: none;}
	.top-in .menu {width: 100%; left: 0; right: 0; border-left: 0;}
	
	#crumbs {}
	.crumbs-in {position: relative; text-align: left; padding: 0; background-color: #F5F5F5; text-transform: uppercase;}
	.crumbs-in a {font-weight: bold; padding-left: 7px; line-height: 22px;}
	.crumbs-in a:hover {text-decoration: underline;}
	.crumbs-in {color: #9A9CA7;}
	.crumbs-in span {color: #9A9CA7; font-weight: 400; padding-left: 7px;}

	.home-news-in {padding: 38px 0;}
	.home-news-in h3 {padding: 0 40px;}
	.home-news-items {min-height: 518px; width: 100%;}
	.home-news-item {width: 100%; border: 1px solid #D9DADE; border-left: 0; border-right: 0;}
	.h-n-item-img {width: 100%;;}
	.h-n-item-img .centered-image {width: 100%;}
	.h-n-item-img .centered-image img {width: 100%;}
	
	.partners-events-in {padding: 20px 0;}
	.partners-events-in h3 {padding: 0 40px;}
	.events-home {padding: 10px 40px;}
	.events-home h3 {padding: 0;}

	.left-menu {width: 100%; margin-right: 0; display: block;}
	.left-menu-items {margin-top: 0;}
	.left-menu-items > ul > li {width: 100%;}
	.left-menu-items > ul > li > a {border-left: 0; border-right: 0;}
	.left-menu-items > ul > li > ul {border-left: 0; border-right: 0;}
	.left-menu-items > ul > li:hover > a, .left-menu-items > ul > li.active > a {border-left: 0; border-right: 0;}
	.right-site {display: block; width: 100%; margin: 0;}
	.news-page-in {padding: 20px 0 38px;}
	.news-page-items { width: 100%;}
	.news-page-item {width: 100%; margin-right: 0; border-left: 0; border-right: 0; margin-bottom: 10px;}
	.n-p-item-img {width: 100%;}
	.n-p-item-img .centered-image {width: 100%;}
	.n-p-item-img .centered-image img {width: 100%;}

	.clubs-maps {width: 100%;}
	.clubs-maps-menu ul {display: block; text-align: left; list-style-type: none; list-style-image: none; font-size: 0; border-bottom: 1px solid #D9DADE; margin-bottom: 22px; padding: 0 14px;}
	.clubs-maps-menu ul li {display: inline-block; border-left: 1px solid #D9DADE; border-top: 1px solid #D9DADE; margin-bottom: -1px; background: #F5F5F5; list-style-image: none;}
	.clubs-maps-menu ul li:last-child {border-right: 1px solid #D9DADE;}
	.clubs-maps-menu ul li.active, .clubs-maps-menu ul li:hover {border-bottom: 1px solid #fff; background: #fff;}
	.clubs-maps-menu ul li a {display: block; padding: 20px 30px; color: #A3A5AF; text-transform: uppercase; font-size: 15px; line-height: 18px;}
	.clubs-maps-menu ul li.active a, .clubs-maps-menu ul li:hover a {color: #050712;}
	.clubs-maps-menu ul li a:hover {text-decoration: none;}
	.clubs-item-list {text-align: left;}
	.clubs-item-maps {text-align: left; padding-bottom: 50px;}
	
	.clubs-items {width: 100%;}
	.club-item {width: 100%; margin-right: 0; border-left: 0; border-right: 0; position: relative; min-height: 257px; height: auto;}
	.club-item .left {display: block; width: 92px; height: 117px; border: 1px solid #D9DADE; float: left; margin-left: 18px; margin-top: 25px; margin-right: 25px; min-height: 117px;}
	.club-item-img {height: 115px; width: 90px;}
	.club-item-img .centered-image {height: 115px; width: 90px; padding: 5px;}
	.club-item .right {display: block; width: 100%; min-height: 257px; border-left: 0; height: auto; padding: 10px 20px;}
	.club-item .c-i-t-info {position: absolute; top: 50px; left: 135px;}
	.club-item .c-i-t-address {margin-top: 140px;}
	.club-item .c-i-t-address h4 {font-size: 18px; line-height: 25px;}
	.club-item .c-i-t-contact span {position: relative; display: block;}	
	.c-i-t-info a {overflow-wrap: anywhere;}

	.map-popup .club-item {width: 350px; height: auto; min-height: 200px;}
	.map-popup .club-item .left {display: block; width: 92px; height: 117px; float: left; margin-left: 18px; margin-top: 25px; margin-right: 25px; min-height: 117px;}
	.map-popup .club-item-img {height: 115px; width: 90px;}
	.map-popup .club-item-img .centered-image {height: 115px; width: 90px; padding: 5px;}
	.map-popup .club-item .right {display: block; width: 100%; text-align: left; border-left: 0; height: auto; min-height: 200px;}
	.map-popup .club-item .c-i-t-info {position: absolute; top: 50px; left: 135px;}
	.map-popup .c-i-t-address {margin-top: 150px;}
	.ofs-map .club-item {min-height: 120px; width: 300px;}
	.ofs-map .club-item .left {margin-top: 0}
	.ofs-map .club-item .left {border: 0;}
	.ofs-map .club-item .right {width: 190px; height: auto; min-height: 120px;}
	.ofs-map .club-item .c-i-t-info {top: 27px;}
	
	.leaflet-container a.leaflet-popup-close-button {cursor: pointer; background: #23232D !important; width: 37px !important; height: 37px !important; padding: 12px !important; font-size: 18px !important; line-height: 10px !important;}
	
	.maps-icons {}
	.maps-icons-in {display: flex; flex-flow: row wrap; text-align: center; align-items: center; position: relative; justify-content: space-around; padding: 35px 0;}
	.map-icon img {margin-right: 17px; vertical-align: middle;}
	.map-icon span {color: #050712; font-size: 15px; line-height: 24px;}
	
	.lead-items {width: 100%;}
	.lead-item {width: 100%; margin-right: 0; height: auto; border-left: 0; border-right: 0;}
	.lead-item .left {display: block; width: 100%; border-bottom: 1px solid #D9DADE; height: 130px;}
	.lead-item-img {height: 130px;}
	.lead-item-img .centered-image {height: 130px; padding: 5px;}
	.lead-item .right {display: block; width: 100%; height: auto; border-left: 0;}
	
	.article-contr {border-top: 1px solid #D9DADE; border-bottom: 1px solid #D9DADE;padding: 20px 0;}
	.article-contr-in {display: flex; flex-flow: row wrap; text-align: center; align-items: center; position: relative; justify-content: center;}
	.contr-item {padding: 0 21px; border-left: 1px solid #CBCCD1;}
	.contr-item-share {padding: 0 21px;}
	.contr-item-share a {color: #9A9CA7;}
	.contr-item-share a img {vertical-align: middle;}
	
	.article-detail-gallery {text-align: center;}
	.article-detail-gallery img {margin-right: 0;}
	
	.next-page-button {font-size: 18px; text-align: center;}
	.next-page-button span {font-size: 18px; margin: 0 5px;}

	div.calendar div.header-date div.title-container span {font-size: 20px;}
	div.calendar div.row div.cell {padding: 15px 5px 10px 5px !important;}
	.compet-page-in div.calendar div.row div.cell div.event {background-color: #7f7f7f !important; color: #fff !important;}
	div.calendar div.row div.cell span {font-size: 20px !important; margin-left: 10px !important;}
	div.calendar div.row div.cell span.holiday {display: none !important;}
	div.calendar div.full-day-view div.title-bar {font-size: 20px;}
	div.calendar div.row div.cell:hover div.ib-arrow-expand-left-right-icon {display: block !important;}

}

@media screen and (max-width:410px) {
	.emplo-item .right {width: 230px;}
}

@media screen and (max-width:390px) {
	.emplo-item .right {width: 210px;}
}

@media screen and (max-width:380px) {
	.tiles-item-left, .tiles-item-right {width: 70%;}
	.tiles-item-right {margin-top: 8px; width: 27%;}
	.emplo-item .right {width: 190px;}
}

@media screen and (max-width:350px) {
	.emplo-item .right {width: 150px;}
}