/* transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; */ body { margin:0 auto; font-family:Roboto, Arial, sans-serif; font-size:14px; background:#e6e6e6 url("../img/bg1.jpg") no-repeat top center; background-size: contain; } img { max-width: 100%; } .mainsite { max-width: 1159px; margin: 36px auto 0; border-top:4px #f7f7f7 solid; background-color:#FFF; } h3 { color:#3f4d4e; font-size:24px; line-height:24px; margin:15px 0; font-weight:900; } .main-header { } .logo { display: inline-block; vertical-align: top; margin: 22px 0px 19px 22px; } .search-form { margin: 70px 0 0 105px; } .top-partner { margin: 19px 0 0; font-weight: 300; } .top-partner .partners { } .top-partner .partners img { margin-top: 10px; vertical-align: bottom; } .top-partner .partners img:not(:last-of-type) { margin-left: -10px; margin-right: 46px; } .main-header input[type=text] { border:1px solid rgb(220, 224, 224); background-color:#FFF; box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.07); width: 304px; padding:15px; } .main-nav ul { background-color:#cf0a2c; list-style:none; text-align:center; margin:20px 0 20px; padding:0 0; } .main-nav ul li { display:inline-block; } .main-nav ul > li > a { display: block; font-size: 13px; font-weight: 900; text-align: center; padding: 13.5px 20px; color: #FFF; text-decoration: none; text-transform: uppercase; box-shadow: 0 0 0 0 #a70a25; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .main-nav ul > li:not(:last-of-type) { border-right:1px rgba(255,255,255,.15) solid; } .main-nav ul > li.current > a, .main-nav ul > li:hover > a { background-color:#a70a25; text-shadow:0px 2px 0 rgba(0,0,0,.1); box-shadow: 0 9px 0 0 #a70a25, 0 -9px 0 0 #a70a25; } .program ol li{ } .bignews { height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; } .bignews .desc { position:absolute; bottom:0; left:0; width:100%; padding:10px; background-color:rgba(0,0,0,.70); color:#FFF; } .bignews .desc a { color:#FFF; font-size:28px; font-weight:500; } .bignews .desc a:hover { color:#cdcdcd; text-decoration:none; } .bignews .desc p { color:#cdcdcd; font-size:12px; margin:2px 0; padding:0 0; } .middlenews { width:49%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; display:inline-block; margin:10px 0 0 0; } .middlenews.last { float: right; } .middlenews .desc { position:absolute; bottom:0; left:0; width:100%; padding:10px; background-color:rgba(0,0,0,.70); color:#FFF; } .middlenews .desc a { color:#FFF; font-size:24px; font-weight:500; } .middlenews .desc a:hover { color:#cdcdcd; text-decoration:none; } .smallnews { background-position: center center; background-repeat: no-repeat; background-size: cover; position:relative; display:block; margin:10px 0 0 0; border-bottom:1px #cdcdcd solid; padding:0 0 10px 0; } .smallnews.last { border-bottom:0; } .smallnews:after { content:""; clear:both; display:block; } .smallnews .picture { float:left; width:90px; height:90px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .smallnews .desc { margin-left:100px; } .smallnews .desc time { display: block; font-size: 11px; color: #a2adae; margin-bottom: 10px; } .smallnews .desc a { color:#3f4d4e; font-size:13px; font-weight:900; line-height:18px; } .smallnews .desc a:hover { color:#cf0a2c; text-decoration:none; } .smallnews .desc p { font-size:13px; } .smallnews .picture:hover { cursor:pointer; opacity:.9; } .sponsor-box { border-bottom: 5px #F5F5F5 solid; padding: 20px; background: #F6F6F6; margin: 18px 0 0; font-size: 20px; color: #3F4D4E; font-weight: bold; position: relative; } .sponsor-box h3 { margin-top: 5px; } .sponsor-box .partner-carousel { } .gallery-box { margin-bottom: 29px; } .gallery-box h3 { margin: 35px 0 17px; } .gallery-box h3 .button { float: right; } .gallery-box .owl-item { text-align: center; } .gallery-box .photo-carousel { overflow: hidden; height: 208px; } .photo-item { display: inline-block; vertical-align: top; width: 208px; font-size: 0; background: none no-repeat scroll center center rgba(0, 0, 0, 0); background-size: cover; } .photo-item span { padding: 0 0 100%; display: inline-block; } .button { height: 40px; line-height: 40px; display: inline-block; vertical-align: top; border: none; background: #cf0a2c; padding: 0 27px; text-transform: uppercase; font-size: 14px; font-weight: 900; color: #ffffff; text-decoration: none; border-radius: 5px; box-shadow: 0 5px 0 0 rgba(207, 10, 44, 0.75); transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button:hover { text-decoration: none; color: #fff; background-color: #a70a25; } .cb { clear: both; } .cb:before, .cb:after { content: ''; display: block; clear: both; } .zawodnicy-box { background-color: #DAE2E7; color: #3F4D4E; padding-bottom: 90px; } .zawodnicy-box h3, .zawodnicy-box h4 { text-align:center; color: #3f4d4e; line-height: 34px; margin: 0; } .zawodnicy-box h3 { font-size: 34px; margin-top: 20px; } .zawodnicy-box h4 { font-weight: 100; font-size: 24px; margin-bottom: 40px; } .players-cat { position: relative; text-align: center; color: inherit; font-size: 20px; margin-bottom: 20px; } .players-cat:hover { text-decoration: underline; color: inherit; } .players-cat:before { content: ''; display: block; width: 209px; height: 209px; margin: 0 auto 15px; border-radius: 100%; background: url(../../../!data/newsy/nophoto.jpg) no-repeat scroll center center; background-size: cover; } .player-info { margin-bottom: 20px; border: 0px #cdcdcd solid; padding: 20px; } /*.player-info:nth-of-type(2n-1) { clear: left; }*/ .player-info .picture { width:209px; height:209px; border-radius:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; float:left; } .player-info:after { content:""; clear:both; display:block; } .player-info .desc { margin: 0px 0 0 0; } .player-info .title { font-size: 22px; color: #3f4d4e; font-weight: bold; margin-bottom: 35px; display: inline-block; } .player-info .desc { font-weight: 100; } .player-info .desc th { font-weight: 100; text-decoration: underline; } .player-info table { } .player-info table td { position: relative; padding-left: 9px; } .player-info table td:before { content: '\2022'; position: absolute; left: 0; } .container.subpage { padding-bottom: 50px; } .gallery { margin-top: 35px; } .gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: url() no-repeat scroll center top transparent; max-width: 100%; width: 213px; height: 170px; background-size: cover; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; margin: 5px; border: 10px #FFFFFF solid; box-shadow: 0px 0px 5px rgba(0,0,0,.15); position: relative; } .gallery-item:hover { opacity: 0.7; } .gallery-item span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.55); padding: 4px 7px; color: #FFF; font-weight: 300; } .pagination { text-align: center; } .pagination a { display: inline-block; vertical-align: top; margin: 0 4px; width: 30px; height: 30px; line-height: 32px; color: inherit; border: 1px solid #D3D3D3; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .pagination a.current, .pagination a:hover { color: #323232; background: #D3D3D3; text-decoration: none; } table { max-width: 100%; width:100%; } .joinus-box { background:#454545 url(../img/bgstartwithus.jpg) no-repeat center center; padding:70px 0; background-size:cover; color:#FFF; text-align:center; font-size:32px; } .joinus-box h3 { font-size:40px; font-weight:300; color:#FFF; } .joinus-box a { color:#FFF; } .footer-links { background:transparent url(../img/bgfoot.jpg) no-repeat bottom center; min-height: 265px; padding: 13px 0 45px; color:#4a4a4a; } .footer-links h4 { color:#4a4a4a; font-size:14px; font-weight:500; margin-top:20px; } .footer-links a { color:#4a4a4a; text-decoration:none; font-weight:300; font-size:12px; } .footer-links { } .footer-links ul { margin: 0; padding: 0; list-style: none; } .footer-links li { position: relative; padding: 0 0 0 9px; font-size: 13px; line-height: 24px; } .footer-links li:before { content: '\2022'; position: absolute; left: 0; top: 1px; font-size: 12px; } .footer { color:#4a4a4a; margin:0 0 50px 0; padding:15px; font-size:11px; } .footer a { color:#3a3a3a; } .tright { text-align:right; } .tcenter { text-align:center; } form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; } form p.ajaxInfo.error { background-color: #690000; border-color: #F00; } form p.ajaxInfo.error_send { background-color: #690000; border-color: #F00; } form p.ajaxInfo.ok { background-color: #006900; border-color: #0F0; } form p.error { display: none; } form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; } form label.full { text-align: left; width: 100%; display: inline-block; } form label, form textarea, form input { width: 100%; box-sizing: border-box; } form button, form .button { display: inline-block; vertical-align: top; } textarea, select, input:not([type="checkbox"]):not([type="radio"]) { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; height: 44px; padding: 0 10px; font-size: 15px; font-family: inherit; } textarea { height: 120px; } select { } input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 8px; } textarea.error, select.error, input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; } :-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } ::-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } :-ms-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } ::-webkit-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } .news-item { margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #e6e6e6; } .news-item:last-of-type { border: none; } .news-item:before, .news-item:after { content: ''; clear: both; display: block; } .news-item img { float: left; margin: 0 15px 15px 0; max-width: 350px; } .news-item h2 { margin-bottom: 0; } .news-item h2 a { color: inherit; } .news-item .lead { font-size: 16px; } time { color: #A2ADAE; display: block; font-weight: 300; font-size: 12px; margin-bottom: 20px; } .m0 { margin-bottom: 0; } .right-title { font-weight: 700; font-size: 13px; } .program { font-size: 15px;; text-align:center; } #program { max-width:800px; padding: 15px; margin: 0 auto; } #program tr { border: 1px #dfdfdf solid; } #program tr:nth-of-type(even) { background-color: #f5f5f5; } #program tr:nth-of-type(odd) { background-color: #fff; } #program tr td { padding: 7px 10px; text-align:left; } #program tr td:nth-of-type(1) { background-color:#535353; color:#FFF; text-align:center; font-weight:300 !important; font-size:14px; } #program tr:hover { border-color:#999; background-color:#dfdfdf; } #program tr:hover td { } /* mobilne menu */ .mobile-nav { display: none; } .mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #cf0a2c; background-color: #fff; z-index: 1020; } .mobile-nav-toggle span { display: block; height: 3px; background: #cf0a2c; margin: 4px 8px; } .mobile-nav-toggle:active, .mobile-nav-toggle:focus, .mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; } /* /mobilne menu */ @media (max-width: 1021px) { .search-form { margin-left: 0; max-width: 100%; } .search-form input { max-width: 100%; } } @media (max-width: 797px) { .main-header { text-align: center; } .search-form { margin-top: 15px; } .main-nav ul > li > a, .main-nav ul > li.current > a, .main-nav ul > li:hover > a { box-shadow: none; } } @media (max-width: 410px) { .main-nav ul li { display: block; box-shadow: none; } .main-nav ul li { box-shadow: none; } .main-nav ul li:hover a, .main-nav ul li.current a, .main-nav ul li a:hover, .main-nav ul li a { box-shadow: none; } .main-nav { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #CF0A2C; padding: 80px 0 15px; overflow: auto; box-sizing: border-box; max-height: 100%; } .main-nav.show { display: block; } .mobile-nav { display: block; } .main-nav ul { margin: 0; } #contactFormSend .col-xs-4, #contactFormSend .col-xs-8 { width: 100%; } #contactFormSend label { text-align: left; } .container.subpage { margin-top: 15px; } } .bold { font-weight: 800; } #naglowek { margin: 20px; padding: 15px; }