Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/fcarmavi/domains/fcarmavir.ru/public_html/old2/textpattern/lib/constants.php on line 136
.bombardirs { margin: 0; margin-bottom:10px; } .news_excerpt p { margin:0; } @font-face { font-family: BaronNeue; /* Гарнитура шрифта */ src: url(/fonts/BaronMegacode.woff); /* Путь к файлу со шрифтом */ } @font-face { font-family: Myriad Pro; /* Гарнитура шрифта */ src: url(/fonts/MyriadPro-Regular.ttf); /* Путь к файлу со шрифтом */ } @import url('https://fonts.googleapis.com/css?family=Roboto'); body { font-family: "Myriad Pro", Roboto, sans-serif; background: url(/images/design/bg_.png) repeat-x 0 0; background-color: #170033; } .container{ /*border:1px solid #444;*/ max-width:100%; min-height: 600px; margin: 0 auto; padding: 0px; /*background-color: #bbb;*/ } header { /*position: fixed; width: 100%; z-index: 1; */ } .header_top { height: 17px; background-color: #f28321; } .header_middle{ height: 35px; margin: 0 auto; background-color:#f28321; } .header_top_wrapper{ max-width:1200px; margin: 0 auto; } .header_middle_wrapper{ max-width:1200px; position: relative; margin: 0 auto; } .logo { width:44%; height: 50px; /*border: 1px solid #fff;*/ position: relative; } .logo_img { position: absolute; width: 125px; top:-50px; z-index: 1; } .logo_img:hover { cursor: pointer; } #site-title{ position: absolute; /* top: 7px;*/ color:#fff; left: 50%; z-index: 98; width: 280px; height: 36px; background: url(../images/design/logo-title.png) no-repeat 0 0; margin-left: -140px; background-size: 100%; } #site-title-mobile { display:block; background: url(../images/design/site_title3.png) no-repeat 0 0; background-size:75%; width: 265px; height: 24px; } .link_fnl{ float: right; color: #fff; padding-top: 5px; } .social{ /*border: 1px solid #fff;*/ position: absolute; right: 0; top:0; height: 24px; } .social_icon { width: 25px; padding-left: 5px; } .header_bottom{ position: relative; height: 50px; background-color: #3C297A; box-shadow: 0px 0px 1px 1px; z-index: 1; } .header_bottom.fixed{ /* position: fixed;*/ top:0; z-index:200; width: 100%; } .block_hide_menu { display: none; } .logo_img_wrapper { position: absolute; width: 150px; height: 150px; top: -50px; z-index: 1; background: url('../images/logo_middle.png') no-repeat 10% 0; background-size: contain; cursor: pointer; } .logo_img_wrapper.fixed_logo{ position: fixed; width: 75px; height: 75px; top: 1px; z-index: 200; left: 63px; } .header_bottom_wrapper{ max-width: 1200px; margin: 0 auto; } .hide_menu { /*float:right;*/ overflow: hidden; overflow-y: hidden; } /*nav { margin-left:120px; } */ /*nav a{ color:#fff; text-decoration: none; text-transform: uppercase; font-family:BaronNeue; }*/ nav ul { /*position: absolute;*/ /*left:480px;*/ } /*nav ul li { list-style: none; display: inline-block; padding:14px; */ /*border-right: 2px solid #fff;*/ /*border-color: #fff;*/ /*transition: all .3s; margin-left: -3px; } nav ul li:hover { text-decoration: none; background-color: #f28321; cursor: pointer; }*/ .wrapper{ /*border:1px solid #444;*/ max-width:1200px; min-height: 968px; margin: 0 auto; padding: 0px; background-color: #fff; padding: 0 10px; } .banner { margin:0 -11px; margin-bottom:-6px; } .banner1 { display:block; } .banner2 { display:none; } .wrapper_1, .wrapper_2, .wrapper_news{ display: flex; flex-direction: row; /*height: 548px;*/ justify-content:space-between; /*margin-top:1px;*/ } .wrapper_news { margin-top:50px; } .slider_news { position: relative; overflow:hidden; flex: 2 1 800px; } .slider_article { height:unset; } .matches_news_slide{ display: flex; flex-direction: column; /*height: 100%; */ width:400px; } .older_match, .new_match , .older_match__slider,.match__item{ display: flex; flex-direction: column; background-color: #ddd; max-width:400px; height: 50%; color:#fff; font-size: 14px; background-color: #3C297A; border-top: 1px solid #fff; } .older_match{ border-top: 0; } .older_match__slider { //flex-direction: column-reverse; } .wrapper_1 { margin: 0 -10px; } .wrapper_2 { height: auto; display: flex; flex-direction: row; margin-top:10px; } .wrapper_notitle { height: auto; display: flex; flex-direction: row; margin-top:25px; } .news { display: flex; flex-direction: column; width: 100%; } .slider_news_excerpt { display: block; /*margin-top:10px;*/ } .flex-caption { width: inherit; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); font-size: 14px; line-height: 18px; display: block; position: absolute; min-height: 120px; } .flex-caption h3, .flex-caption-photo h3 { text-transform: uppercase; margin: 5px 15px; font-size: 2em; font-style: italic; line-height: 28px; } .flex-caption a, .flex-caption-photo a { color: #fff; text-decoration:none; } .flex-caption a:hover { text-decoration:underline; } .flex-caption-photo h3 { font-size: 16px; margin: 5px 10px; } .flex-caption-photo { min-height: 40px; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); font-size: 14px; line-height: 18px; display: block; position: absolute; min-height: 50px; width: 100%; } .slider_news_date, .slider_news_excerpt{ margin-left: 15px; } .slider_photo_date{ margin-left: 10px; } .news__item { display: flex; border-bottom: 1px solid #999; padding-top: 5px; margin-right: 10px; } .news__item:first-child{ padding-top: 0px; } .news_image img { max-width: 160px; height: auto; } .news_image img.article_image_t { max-width: 160px; height: auto; } .news_image { min-width: 160px; height: auto; margin-right: 10px; min-height:108px; background: url('/images/31882.png') no-repeat top center; background-size:contain; text-align: center; background-position: center; } .news_info { display: flex; flex-direction: column; justify-content: space-between; } .news_date { color: #6600a1; font-weight: 700; } .news_title { } a.news_title { font-size: 12px; text-decoration: none; text-transform: uppercase; color: #333; } a.news_title:hover { text-decoration: underline; } .news_categoties { color:#bbb; } .wrapper_2_r{ display: flex; flex-direction: column; width:75%; align-items: center; } .wrapper_2_r_banner{ cursor:pointer; width: fit-content; margin: 10px auto; } .table_title, .category_page_content table, .b-table table{ width: 100%; } .table_title { max-width:360px; } .category_page_content a {color: #333;} .category_page_content a h3 {color: #777;} caption.c_title, .stat-block__head { font-family:BaronNeue; background-color: #6600a1; color: #fff; text-transform: uppercase; padding: 10px 0; text-align: center; } .stat-block__date { font-weight:700; } .table_title tr td { /*text-transform: uppercase;*/ text-align: center; height: 30px; padding-top:5px; } td._pic img, span.stat-block__pic img{ width: 23px; } .cnk_ranking_table tr:nth-child(2) td:first-child, .cnk_ranking_table tr:nth-child(3) td:first-child { background-color: green; color:white; } .cnk_ranking_table tr:nth-child(4) td:first-child, .cnk_ranking_table tr:nth-child(5) td:first-child { background-color: lightgreen; color:white; } .cnk_ranking_table tr:nth-child(n+17) td:first-child { background-color: brown; color:white; } .wrap_cap { color: #6600a1; text-transform:uppercase; font-family: BaronNeue; font-size: 2em; } .wrap_cap h1, .wrap_cap h2 { font-size: 1em; font-weight: 100; margin: 0; } .wrap_cap a { text-decoration:none; color: #51328d; } .media_list_photo { display: flex; flex-direction: row; flex: 2 1 800px; /*max-height: 260px;*/ justify-content: space-between; flex-wrap:wrap; } .slider_photo {display:none;} .media_list_video { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .photo_item{ /*display: flex; width: 33%;*/ max-height: 222px; /*border: 1px solid #069;*/ flex:0 1 394px; /*margin-right: 10px;*/ position: relative; overflow: hidden; } .photo_item_list{ /*display: flex;*/ width: 33%; /*border: 1px solid #069;*/ flex: 1 1 33%; margin: 5px; position: relative; overflow: hidden; background: url(/images/31655.jpg) no-repeat top center; background-size:cover; max-height: 222px; min-height: 218px; } .history_image { float:right; width:300px; height:auto; } .photo_img { width: 100%; height: auto; } .photo_img:hover { transform: scale(1.1) translateZ(0px); transition: .4s; } .photo_item:last-child{ margin-right: 0px; } .video_item_title { width:66%; } .video_item_list { display: flex; /*flex: 1 1 400px;*/ flex-direction: column; justify-content: space-between; height:455px; /*margin: 0 10px;*/ } .relation { position: relative; background: url(/images/31655.jpg) no-repeat top center;; /*padding-right: 800px;*/ background-size:contain ; } iframe { width: 100%; border:none; /*max-height:560px;*/ } .relation_ratio { padding-top: 56.25%; height: 0; } .relation_content { position: absolute; width: 100%; height: 100%; top:0; left: 0; } .video_item_1, .video_item_2{ width: 100%; position: relative; margin-bottom: 10px; overflow:hidden; /*flex: 1;*/ /*height: 39.25%;*/ } .video_item_img:before { width: 44px; height: 31px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -22px; content: ""; z-index: 1; border-radius: 5px; background: url(../images/tr.png) no-repeat; background-position: 14px; background-color: #d92f24; /* transition-property: box-shadow; transition-timing-function: linear; transition-duration: .1s; transition-delay: 0;*/ } .video_item_img { display: flex; align-items: center; justify-content: center; width: inherit; } .video_img { /*position: absolute; top:0; left: 0;*/ max-width: 390px; height: auto; } .gallery { list-style: none; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .gallery a { text-decoration:none; } .gallery img { padding: 3px;} .gallery li { display: inline; } #content .gallery li a { text-decoration:none; } #content .gallery img a:hover { text-decoration:none;} .gallery li {padding:0px; margin:0px;} .pagination pagination-v2{ display:block; } .pagination { clear: both; margin-left: -40px; } .pagination ul { display: inline; list-style-type: none; } .pagination ul { display: inline; list-style-type: none; } .pagination li { list-style-type: none; display: inline; padding: 10px; margin-left: -6px; font-size: small; border: 1px solid #aaaaaa; line-height: 3; } .pagination a { text-decoration: none; padding: 10px; background-color: #efefef; margin: -10px; color: #777; } .pagination a:hover { text-decoration: none; color: #fff; background-color: #f28321; } .pagination li:first-child { margin-left: 0; border-right: none; } .pagination li:last-child { margin-right: 0; } .pagination span { padding: 9px; } .ind_article { max-width: 1200px; min-height: 1000px; display: flex; flex-direction: column; margin: 0 auto; } .ind_image{ position: relative; margin: 0 -10px; text-align:center; min-height: 112px; } .ind_title { position: absolute; width:100%; bottom: 0; text-transform: uppercase; font-size: 1em; font-style:italic; background: rgba(0,0,0,.5); /*opacity: 0.5;*/ margin-bottom: 6px; text-align:left; } .ind_title_h { opacity: 1; } .ind_title_h h1 { color: #fff; padding:15px; z-index: 1; margin:0; } .ind_title_video { position: inherit; } .article_image { width: 100%; height: auto; } .ind_text { margin: 0 100px; } .excerpt_ind{ font-size: 28px; font-weight: 700; font-style: italic; color: grey; } p.ind_excerpt__item { margin:0; } .ind_date { font-size:14px; color: #999; } .ind_body { margin-bottom:0; } .ind_body table { width:100%; } .ind_body table tr:nth-child(odd), .b-table table tr:nth-child(even) { background: #ececec; } .ind_body p { color: #333; line-height: 1.5em; text-align: justify; } .ind_body a { color:#777; } .ind_body p img { max-width: 100%; height: 100%; } footer { box-shadow: 5px 2px 5px 2px; background-color:#3C297A; padding-top:50px; /* position: absolute; bottom: 0; width: 100%;*/ } .wrapper_footer_container { max-width:1220px; margin: 0 auto; display:flex; justify-content: space-between; } .wrapper_footer { color: #fff; text-align: center; background-color:unset; display:flex; flex-direction:column; justify-content: center; /*-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;*/ text-align: left; margin-top: 10px; font-size: .8em; /*height: 100px;*/ flex: 1 1 30%; } .wrapper_footer_item { display:flex; justify-content: space-evenly; align-items: center; } .wrapper_footer a { filter: url(data:image/svg+xml;utf8, #grayscale); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .4s ease; -webkit-backface-visibility: hidden; } .wrapper_footer a:hover { filter: none; -webkit-filter: grayscale(0%); } .wrapper_footer_podval { display:flex; flex-wrap:nowrap; justify-content:space-between; max-width:1200px; margin:50px auto; color:#fff; margin-bottom:0; font-size: .9em; } .wrapper_footer_podval li { list-style-type:none; } .wrapper_footer_podval li a, .footer__link a { color: #ccd3f3; text-decoration:none; text-transform:uppercase; font-size:.9em; } .wrapper_footer_podval li a:hover, .footer__link a:hover { color:#fff; } .wrapper_podval ul { margin:0; padding:0; } .podval_title { text-transform:uppercase; font-weight:700; display:block; padding-bottom:5px; border-bottom:1px solid #ddd; } .copyright { color:#eee; max-width:1200px; margin:0 auto; font-size:.8em; margin-bottom:50px; } .counters { margin-top:5px; display: flex; } .counters__copyright{ flex-grow:1; } .counters__search { max-width:200px; } .developer {width:130px; float:left;} .wrapper_footer a,.developer a {color:#fff; text-decoration:none;}; .wrapper_footer a:hover, .developer a:hover { text-decoration:underline;} .match_info_1, .match_status, .match_info_2, .match_info_3{ width: 100%; display: flex; flex-direction: column; text-transform: uppercase; font-size: 18px; justify-content: space-around; align-self: flex-start; text-align: center; } .match_info_5, .match_info_6, .match_info_7 { display: flex; flex-direction: row; width: 100%; text-transform: uppercase; justify-content: space-between; text-align: center; } .goal_timeline { text-transform: initial; width: 18%; } .timeline1 {text-align:right;} .timeline2 {text-align:left;} .timeline_mobile {display:none;} .match_info_5 { position:relative; } .link_block { color:#fff; text-decoration:none; } .match_info_4, .match_info_6, .match_info_7 { min-height: 0; } .match_date_past,.match_place_future { text-transform:text-transform: initial; } .match_info_7 { height: 50px; padding-bottom: 10px; justify-content: space-around; text-transform:lowercase; } .match_link a { display: flex; flex-direction: column; width: 60px; align-items: center; } a.match_list_link { text-decoration: none; color: #333; } .match_link_icon { margin:0 10px; width: min-content; text-align: center; text-transform: lowercase; font-size: 14px; line-height: 10px; } .match_link_icon a {text-decoration:none; color:#777;} .match_icons { display:flex; margin-bottom: 3px; width:100%; justify-content:center; } .match_info_7 a {color: #fff; text-decoration: none;} .match_info_7 a:hover {color: #f28321;} .match_icon { width:32px; height: auto; cursor: pointer; } .match_info_left { justify-content: flex-start; } .match_icon_left { padding-left: 8px; } .match_date_past, .match_place_future,.match_ligue { margin:15px 0 10px 0; text-align: center; } .match_ligue, .match_date_past { width: 100%; } .match_ligue { text-transform:uppercase; } .team1_logo,.match_score, .team2_logo { align-items: center; display: flex; flex-direction: column; width: 23.333333%; align-items: center; } .match_title {margin-top:10px;} .match_title .team1_logo, .match_title .match_score, .match_title .team2_logo { width: 33.333333%; } .match_status { font-size: 14px; text-align: center; color:#f38222; } .match_date,.match_time,.match_place, .match_tur { width: 33%; } .match_date,.match_time, .match_place { height: 30px; } .match_score { display: flex; flex-direction: row; font-size: 72px; font-family: BaronNeue; /*border:1px solid #000;*/ justify-content: center; align-self: stretch; align-items: center; } .match_info_5{ margin-bottom: 5px; } .match_info_6 { min-height: 0; } .team1_name, .team2_name { font-family: BaronNeue; font-size: 18px; } .score1, .score2 { background-color: #999; width: 45px; height: 65px; margin: 0; padding:0; line-height: 44px; } span.count { vertical-align: middle; font-size: 64px; font-weight: bold; font-family: BaronNeue; text-transform: uppercase; display: flex; flex-wrap: nowrap; line-height: 0.89; } span.count strong { display: inline-block; height: 75px; width: 50px; background: #fff; box-shadow: 0 2px 4px #000; /*margin: 0 3px 0 2px;*/ color: #333; margin: 0 10px; text-align: center; /* display: flex; align-items: center; justify-content: center; */ } span.count strong:before { height: 0; /*border-bottom: 1px solid #cacaca;*/ display: block; background: #e5e5e5; content: ""; /*margin-top:15px;*/ } .wrapper_2_page { display:flex; /*flex-wrap: wrap;*/ padding-top: 10px; } .category_page_content_description p {padding:10px 0; } .category_page_content { display:flex; flex-wrap:wrap; flex:2 1 800px; text-align: justify; padding-right:10px; margin:0; } .separate {font-size: 14px; display:none;} .match_place_future { font-size: 14px; } .match_time_future { width: 33%; font-size: 40px; position: absolute; margin-top: 25px; left:50%; transform: translate(-50%, 0); } .match_date_future { font-size: 20px; text-transform: lowercase; } img.teamlogo { max-height:80px; } .table_title tr:nth-child(odd) {background-color:#f9f9f9;} .table_title tr:nth-child(even) {background-color:#e7e7e7;} tr.team_lead { background-color: #f28321 !important; } .table_title td.td_r{ text-align: right; padding-right: 10px; width: 40%; } .table_title td.td_l{ text-align: left; padding-left: 10px; width: 40%; } .match_players { display: flex; flex-wrap:wrap; /*justify-content: space-between;*/ } .match_players>input { display: none; } .radio_link { display:block; } .match_players>label.l2 { flex: 1 1 48%; color: #777; background: #fff; text-align: center; cursor: pointer; text-transform: uppercase; margin: 10px 0; padding: 10px 0; border: 1px solid #ddd; } .match_players_home, .match_players_away, .events { display:none; } #tab_2:checked ~ .match_players_home, #tab_2:checked ~ .match_players_away, #tab_6:checked ~ .events { display: block; text-align:left; } .l1{ display:none; } .match_players_home , .match_players_away { min-height: 500px; flex: 1 1 33%; margin:5px; border:3px solid #ddd; } .refereis{ margin-top:50px; } .events {flex: 2 1 100%; order:3} .match_players>input:checked + label.l2 { background-color: #6600a1; color: #fff; } .match_list .table td:nth-child(9), .match_list .table th:nth-child(9), .table_title .table td:nth-child(5), .table_title .table th:nth-child(5) { display: none; } .table-item__logo img { height:20px; width:auto; } td.result-table__item, .table_title td.result-table__item { text-align: left; text-transform:uppercase; vertical-align: baseline; } .wrapper_footer_mobile { display:none; } .paginat {padding:20px 0; clear:both; margin: 10px 0; } .paginat ul { display:flex; flex-wrap:nowrap; list-style-type: none; padding: 0; margin: 0;} .pagination ul {display:inline; list-style-type: none;} .paginat li { list-style-type: none; display:inline; border:1px solid #ddd; border-right:none; padding:15px; font-size:18px; } .paginat li:last-child { border-right:1px solid #ddd; } .paginat a { text-decoration:none; font-size:18px; padding: 14px; margin: -10px; color:#777; } .paginat li a:hover { text-decoration:underline; color:#000; } .paginat li.liselected { background: #eee; padding: 15px 20px; font-weight:700; } /* СТИЛИ МЕНЮ НАЧАЛО */ /* demo page styles */ .example { position:relative; width:670px; height:470px; /* border:1px #000 solid;*/ margin:20px auto; padding:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } /* main menu styles */ .menuholder { float:left; font:normal bold 11px/35px verdana, sans-serif; overflow:hidden; position:absolute; } .menuholder .shadow { -moz-box-shadow:0 0 20px rgba(0, 0, 0, 1); -o-box-shadow:0 0 20px rgba(0, 0, 0, 1); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 1); background:#888; box-shadow:0 0 20px rgba(0, 0, 0, 1); height:10px; left:5%; position:absolute; top:-9px; width:90%; z-index:100; } .menuholder .back { -moz-transition-duration:.1s; -o-transition-duration:.1s; -webkit-transition-duration:.1s; background-color:rgba(0, 0, 0, 0.8); height:0; width:100%; } .menuholder:hover div.back { height:170px; } ul.menu { display:block; float:left; list-style:none; margin:0; padding:0 120px; position:relative; } ul.menu li { float:left; margin:0 2px 0 0; } ul.menu li > a { -moz-border-radius:0 0 10px 10px; -moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9); -moz-transition:all 0.2s ease-in-out; -o-border-radius:0 0 4px 4px; -o-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9); -o-transition:all 0.2s ease-in-out; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9); -webkit-transition:all 0.4s ease-in-out; border-radius:0 0 4px 4px; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.9); color:#eee; display:block; padding:0 10px; text-decoration:none; transition:all 0.1s ease-in-out; text-transform: uppercase; font-size: 16px; font-family: BaronNeue; } ul.menu li a.orange { background:#f28321; color: #fefefe; font-weight: 100; } .menu li div.subs { left:150px; overflow:hidden; position:absolute; top:35px; width:0; } .menu li div.subs dl { -moz-transition-duration:.1s; -o-transition-duration:.1s; -webkit-transition-duration:.1s; float:left; margin:0px 30px 0 10px; overflow:hidden; padding:20px 50px 5% 2%; width:0; /*border: 1px solid #fff;*/ } .menu dt { color:#fc0; /*font-family:arial, sans-serif;*/ font-size:12px; font-weight:700; height:20px; line-height:20px; margin:0; padding:0 0 10px 10px; white-space:nowrap; } .menu dt { margin:0; text-align:left; } .menu dt a { background:transparent; color:#fff; font-size:16px; font-weight: 700; height:20px; line-height:20px; padding:0 0 10px 10px; text-align:left; white-space:nowrap; width:150px; text-transform: uppercase; text-decoration: none; font-family: Myriad Pro; } .menu dt a:hover { color:#f0e9ce; } .menu li:hover div.subs dl { /*-moz-transition-delay:0.2s; -o-transition-delay:0.2s; -webkit-transition-delay:0.2s;*/ margin-right:2%; width:25%; } ul.menu li:hover > a, ul.menu li > a:hover { background:#aaa; color:#fff; padding-top:15px ; } ul.menu li a.orange:hover, ul.menu li:hover a.orange { background:#ec9815; } .menu li:hover div.subs, .menu li a:hover div.subs { width:100%; } /* СТИЛЬ ДЛЯ УЗКОГО ЭКРАНА */ @media screen and (max-width: 1104px) { /* *СКРЫТОЕ МЕНю - НАЧАЛО */ .ind_title_h h1 {font-size: 1em;} header { /*position: fixed;*/ top: 0; } .wrapper { margin: 0px auto; } .block_hide_menu { display: block; position: relative; top: 0px; right: 0px; left: 0px; max-height: 100%; overflow: height; background-color:#3C297A; z-index: 0; /* box-shadow: 0px 0px 3px rgba(0,0,0,0.5);*/ } .menu_icon { float: right; position: relative; top: 0px; /*right: 10px;*/ z-index: 1; /*border-radius: 100px;*/ width: 50px; height: 50px; /*background-color: #3C297A ;*/ cursor: pointer; background-image: url(../images/menu.png); background-position: center; transition: 0.3s; /*box-shadow: 0px 0px 3px rgba(0,0,0,0.5);*/ background-repeat: no-repeat; } .active_h { background-image: url(../images/close.png); } .hide_menu { border-top: solid 1px rgba(255,255,255,0.3); /*position: relative;*/ display: none; clear: both; list-style: none; } .hide_menu * { color: white; font-size: 16px; } .hide_menu img { position: absolute; right: 10px; margin-top: 18px; transition: 0.3s; } .hide_menu div, .hide_menu li a { height: 40px; border-bottom: solid 1px rgba(255,255,255,0.3); line-height: 40px; padding-left: 30px; cursor: pointer; width: 100%; display: block; font-size:1.3em; /* margin: 5px 0;*/ } .hide_menu div:hover { background-color: #f28321; } .hide_menu ul { display: none; list-style: none; } .hide_menu li:first-child { /* padding-top: 50px;*/ } .hide_menu li li { padding-top: 0px!important; } .hide_menu ul li { margin-left: 15px; } .hide_menu ul li a { display: block; height: 35px; line-height: 35px; padding-left: 35px; border-bottom: solid 1px rgba(255,255,255,0.3); transition: 0.3s; text-decoration: none; font-size: 1em; } .hide_menu ul li a:hover { background-color: #f28321; } .content_hide_menu { /*width: 480px; margin: 0px auto;*/ } .content_hide_menu ul { clear: both; overflow: hidden; margin: 0; padding: 0; } } /* СТИЛИ МЕНЮ КОНЕЦ */ .logo_img_wrapper { background: url(../imagestitle/logo_middle.png) no-repeat 10% 0; background-size: contain; height:100px; } .matches_news_items_list { display: flex; border-bottom: 1px solid #999; padding-top: 5px; margin-right: 10px; } .matches_news_items_list:first-child { padding-top: 0px; } .wrap_cap_page{ /*margin-left: 158px; */ display: block; padding-top: 10px; } table.table{ border: 1px; text-align: center; /*margin: 0px auto;*/ width:100%; } ._big { text-transform:uppercase; } table.table tr:nth-child(odd), .category_page_content table tr:nth-child(even) { background: #eee; } ._big { text-align: left; } ._big a { text-transform: uppercase; color: #333; text-decoration: none; } ._big a:hover { text-decoration: underline; } ._tie, ._lose, ._win, ._no, ._over_win, ._over_lose { display: inline-block; width: 15px; height: 15px; border:1px solid #fff; } ._tie:hover, ._lose:hover, ._win:hover, ._no:hover, ._over_win:hover, ._over_lose:hover {border:1px solid #777; } ._tie { background: #f8c027; } ._lose { background:#d51d29; } ._win { background: #7ca541; } ._no { background: #dedede; } ._over_win { background: repeating-linear-gradient(45deg, #f8c027, #f8c027 15px, #7ca541 0, #7ca541 30px); } ._over_lose {background: repeating-linear-gradient(45deg, #f8c027, #f8c027 15px, #d51d29 0, #d51d29 30px);} .no { width: 15px; } ._outcome a{ text-decoration: none; } .stat-block-table { width: 100%; text-transform: uppercase; display: flex; flex-direction: column; } .stat-block-table a{ color: unset; text-decoration: none; } .stat-block-table a:hover { text-decoration: underline; } .stat-block-table__head, .stat-block-table__foot { border-bottom: 1px solid #d7d8dc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font: bold 12px/16px 'Roboto',sans-serif; } .stat-block-table__row { border-bottom: 1px dotted #d7d8dc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font: 12px/16px 'Roboto',sans-serif; } .stat-block-table__row:nth-child(odd) { background: #eee; } .highlight { background-color: #f6ceab !important; } .table ._color { background-color: #f6f6f6; padding: 0; width: 5px; } .stat-block__num._colored { border-right: 3px solid transparent; margin-right: 12px; } .stat-block__num._colored._up1, ._up1 { border-right:3px solid #7ca541; } .stat-block__num._colored._up2, ._up2 { border-right:3px solid #f8c027; } .stat-block__num._colored._down, ._down { border-right:3px solid #d51d29; } .stat-block__num { color: #94999f; -webkit-box-flex: 0; -webkit-flex: 0 0 41px; -ms-flex: 0 0 41px; flex: 0 0 41px; padding: 7px 0 5px; text-align: center; width: 41px; } .stat-block__name { flex-grow: 1; } .stat-block__name, .stat-block__games, .stat-block__points { color: #36393f; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 7px 12px 5px; overflow: hidden; text-overflow: ellipsis; font-family: Myriad Pro; font-size: 16px; } .stat-block__place, .stat-block__games, .stat-block__points { -webkit-box-flex: 0; -webkit-flex: 0 0 43px; -ms-flex: 0 0 43px; flex: 0 0 43px; padding: 7px 12px 5px 0; text-align: right; } .matches_news_list_page { display:flex; flex:2 1 800px; flex-direction:column; } .wrapper_2_r_page { display:flex; flex:1 1 430px; flex-direction: column; } .wrapper_2_r_page a { display:block; text-transform: uppercase; color:#333; padding:10px; background: #ddd; text-decoration: none; border-bottom: 1px dotted #333; font-weight:700; } .wrapper_2_r_page a:last-child { margin-bottom:10px; } .wrapper_2_r_page a.active_class, a.t_cats { background: #777; color:#fff; } aside nav a:hover { background: #51328d; color:#fff; transition: .5s; } a.link { display: block; text-align: center; text-decoration: none; text-transform: uppercase; color: #dedede; font-family: BaronNeue; font-size:22px; padding:20px 0; margin: 5px 0; border-bottom: 0; background: repeating-linear-gradient(315deg, #37007c 0, black 185px, #0a0425 130px, #022056 130px, black 230px); } a.link:hover { background:#51328d; color:#fff; transition: .5s; } .sport__table, .match_list { display:flex; flex-direction:column; /*flex: 2 1 800px;*/ margin: 10px 10px 10px 0; } .match_list { display:flex; flex-direction:column; margin: 10px 10px 10px 0; flex-grow: 1; } .match_list a { color:unset; text-decoration:none; } .match_list_item { display: flex; flex-direction: row; width: 100%; border-bottom:1px solid #ddd; text-transform: uppercase; justify-content: space-between; height:40px; align-items: center; } .match_list_item:hover { background-color: #eee; } .match_list_item_td { display: block; width: 100px; text-align: center; } .match_list_item_td__date { text-transform: lowercase; } .match_list_tur { width: 100px; text-align: center; text-transform: initial; font-size:12px; } .match_list_team_home, .match_list_team_away{ width: 150px; display: flex; align-items: center; } .match_list_team_home { justify-content: flex-end; text-align: right; } .match_list_team_away{ /*justify-content: start *;*/ } .match_list_team_count { display: flex; align-items: center; width: 370px; height:40px; justify-content: center; justify-content: center; } .match_list_count { font-size: 1.5em; font-weight: 700; width: 50px; text-align: center; } .wrapper_2_page img { /*max-width:800px;*/ } img.match_list_team_image { max-width: 27px; height:auto; margin: 0 15px; } .match_list_stad { width:20%; text-transform: initial; font-size:12px; } .stat-block-calendar__event { display:flex; border: 1px dotted #bbb; border-bottom:none; padding: 3px; } .stat-block-calendar__event:last-child { border-bottom: 1px dotted #bbb; } .stat-block__time { } .stat-block__teams { flex-grow: 1; text-align: center; font-size: 14px; text-transform: uppercase; } .result-left, .result-right { font-weight: bold; } span.js-statblock-content span.result-left, span.js-statblock-content span.result-right, #txt_2 span.result-left, #txt_2 span.result-right { color:green; } .tabs { width: 100%; padding: 0px; margin: 0 auto; text-align: center;} .tabs>input { display:none; } .tabs>div { display: none; /* padding: 12px;*/ /*border: 1px solid #C0C0C0;*/ background: #FFFFFF; } .tabs>label { display: inline-block; /* padding: 5px;*/ margin: 0; text-align: center; color: #666666; /*border: 1px solid #C0C0C0;*/ background: #E0E0E0; cursor: pointer; width: calc(90% / 2 - 0px) } label.t1 { background: #eee ; color:#000; margin: 5px; margin-left:0; padding: 6px; padding-right:0; border-radius: 10px 0 0 10px; } label.t2 { background: #eee ; color:#000; margin: 5px; margin-right:0; padding: 6px; padding-left:0; border-radius:0 10px 10px 0; } label.t2:hover,label.t1:hover { background: #f28321 ; } .tabs>input:checked + label { color: #fff; border: 2px solid #C0C0C0; background: #6600a1; cursor:default; } #tab_1:checked ~ #txt_1, #tab_2:checked ~ #txt_2{ display: block; max-height:500px; overflow-y: auto; margin-bottom: 20px; font-size:16px; } .wrapper_match{ /*border:1px solid #444;*/ max-width:980px; min-height: 600px; margin: 0 auto; padding: 0; background-color: #fff; padding: 5px 0; } .match_nav { display: flex; justify-content:space-between; } .match_nav_link,.news_nav_link{ display: flex; flex: 1 1 33%; background: #eee; margin: 3px; text-transform: uppercase; text-align:center; } .news_nav_link { flex:unset; text-transform: uppercase; width:33%; } .news_nav_link_div { display: block; width:33%; } .news_nav_link a { text-decoration:none; text-transform:uppercase; margin: 0 auto; display: block; padding:10px 0; width:100%; } .match_nav_link a, a.news_nav_link , .news_nav_link_div{ display: block; width:33%; background: #eee; margin: 0px auto; padding:10px 0; color: #777; text-decoration:none; text-align:center; } .match_nav_link a { width:100%; } .news_nav_link_div a { text-decoration:none; text-transform:uppercase; display: block; } .news_nav_link a:hover, .match_nav_link a:hover { background:#f28321; transition: .5s; } .match_tablo { border: 3px solid #bbb; padding-top: 25px; } .match_place_tablo, .match_date_tablo{ text-align: center; text-transform:initial; } .refferies{ color: #999; } .match_info_4_tablo { display: flex; flex-direction: row; justify-content: space-around; text-transform: uppercase; padding: 10px; } .match_place_tablo, .match_ligue_tablo , .match_date_tablo { flex: 1 1 33%; text-align: center; } .match_info_7_tablo { justify-content: flex-end; } .head_team { text-align: center; padding: 5px; background: #ddd; border-bottom: 1px dotted #777; } .event_item { min-height: 30px; } .event_minute { font-weight:700; } .match_players td img { height:14px; } .match_players td {padding: 5px} .match_players tr:nth-child(odd) {background: #eee;} img.match_list_team_ligue {height:18px;} @media (max-width: 750px) { .wrapper { margin:0 auto; min-height:730px; } .photo_item_list { display:block; flex:unset; width:100%; } .matches_news_items_list { font-size:.8em; } .news_image { min-width:80px; min-height:unset; display: flex; flex-direction: column; justify-content: space-around; } a.news_title { font-size:.6em; } .news_info { justify-content: flex-start; } .news_excerpt, .excerpt_ind { font-size: .8em; } .excerpt_ind { font-size: 16px;} img.article_image_t { width:80px; height:auto; } .slider_photo {display:block;} .media_list_photo, .media_list_video { display:none; } .older_match { border-right: 0; } .flex-caption h3 { font-size:1.5em; margin: 0; padding: 5px; line-height: 18px; min-height:unset; } /*.wrapper_footer {display:none;}*/ .wrapper_footer { display:block; width:unset; height:unset; text-align:center; } .wrapper_footer_mobile {display:block; color:#fff;} .match_list_item { display:block; height:100px; text-align: center; } .match_list_team_count, .match_list_item_td { width: 100%; } .wrapper_2_r { /*display:none;*/ } .ind_title_h h1 { font-size: 1em; margin:0; } td._outcome , .table th:last-child, .table td:nth-child(11), .table th:nth-child(8) { /*display: none;*/ } .sport__table, .match_list { margin:0; } .logo_img_wrapper { height:50px; } .banner1 { display:none; } .banner2 { display:block; margin-bottom: -10px; } footer { height:auto; padding:20px 0; } .wrapper_footer a { filter: none; -webkit-filter:none; -webkit-transition: none; -webkit-backface-visibility: none; } .category_page_content { display:flex; padding:0; } .category_page_content_description { width: 100%; display: flex; flex-direction: column; } .match_nav_link, .news_nav_link, .news_nav_link_div, .match_info_4_tablo { font-size: .7em; } .team1_name, .team2_name { font-size: 16px; } .category_page_content p { padding-bottom: 0; font-size: 12px; } .gallery { justify-content: space-evenly; } .history_image { width:100%; float:none; } } a.label.label-primary { display: inline-block; padding:5px; border:none; background:none; } a.label.label-primary:hover { color:#3C297A; background: #eee; } .social_links {display:none;} .widget_forabank { padding:10px; max-width:380px; margin: 0 auto; } .widget_forabank img { width: 100%; } .ir-ext-filesize, #ir-ext-ui, .ir-ext-dimensions { display:none; } .video1-fnl { min-height:560px; } .flexslider_matches.carousel_matches { position: relative; }