![]() Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/public_html/css-min/ |
@charset "UTF-8"; /*! * Bootstrap v3.3.7 (http: //getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%} body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%} sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print { *, : after, :before { color: #000!important; text-shadow: none!important; background: 0 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"} abbr[title]:after { content: " (" attr(title) ")"} a[href^="#"]:after, a[href^="javascript:"]:after { content: ""} blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100%!important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000!important; } .label { border: 1px solid #000; } .table { border-collapse: collapse!important; } .table td, .table th { background-color: #fff!important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd!important; } }@font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.html) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular-2.html) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"} .glyphicon-plus:before { content: "\002b"} .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac"} .glyphicon-minus:before { content: "\2212"} .glyphicon-cloud:before { content: "\2601"} .glyphicon-envelope:before { content: "\2709"} .glyphicon-pencil:before { content: "\270f"} .glyphicon-glass:before { content: "\e001"} .glyphicon-music:before { content: "\e002"} .glyphicon-search:before { content: "\e003"} .glyphicon-heart:before { content: "\e005"} .glyphicon-star:before { content: "\e006"} .glyphicon-star-empty:before { content: "\e007"} .glyphicon-user:before { content: "\e008"} .glyphicon-film:before { content: "\e009"} .glyphicon-th-large:before { content: "\e010"} .glyphicon-th:before { content: "\e011"} .glyphicon-th-list:before { content: "\e012"} .glyphicon-ok:before { content: "\e013"} .glyphicon-remove:before { content: "\e014"} .glyphicon-zoom-in:before { content: "\e015"} .glyphicon-zoom-out:before { content: "\e016"} .glyphicon-off:before { content: "\e017"} .glyphicon-signal:before { content: "\e018"} .glyphicon-cog:before { content: "\e019"} .glyphicon-trash:before { content: "\e020"} .glyphicon-home:before { content: "\e021"} .glyphicon-file:before { content: "\e022"} .glyphicon-time:before { content: "\e023"} .glyphicon-road:before { content: "\e024"} .glyphicon-download-alt:before { content: "\e025"} .glyphicon-download:before { content: "\e026"} .glyphicon-upload:before { content: "\e027"} .glyphicon-inbox:before { content: "\e028"} .glyphicon-play-circle:before { content: "\e029"} .glyphicon-repeat:before { content: "\e030"} .glyphicon-refresh:before { content: "\e031"} .glyphicon-list-alt:before { content: "\e032"} .glyphicon-lock:before { content: "\e033"} .glyphicon-flag:before { content: "\e034"} .glyphicon-headphones:before { content: "\e035"} .glyphicon-volume-off:before { content: "\e036"} .glyphicon-volume-down:before { content: "\e037"} .glyphicon-volume-up:before { content: "\e038"} .glyphicon-qrcode:before { content: "\e039"} .glyphicon-barcode:before { content: "\e040"} .glyphicon-tag:before { content: "\e041"} .glyphicon-tags:before { content: "\e042"} .glyphicon-book:before { content: "\e043"} .glyphicon-bookmark:before { content: "\e044"} .glyphicon-print:before { content: "\e045"} .glyphicon-camera:before { content: "\e046"} .glyphicon-font:before { content: "\e047"} .glyphicon-bold:before { content: "\e048"} .glyphicon-italic:before { content: "\e049"} .glyphicon-text-height:before { content: "\e050"} .glyphicon-text-width:before { content: "\e051"} .glyphicon-align-left:before { content: "\e052"} .glyphicon-align-center:before { content: "\e053"} .glyphicon-align-right:before { content: "\e054"} .glyphicon-align-justify:before { content: "\e055"} .glyphicon-list:before { content: "\e056"} .glyphicon-indent-left:before { content: "\e057"} .glyphicon-indent-right:before { content: "\e058"} .glyphicon-facetime-video:before { content: "\e059"} .glyphicon-picture:before { content: "\e060"} .glyphicon-map-marker:before { content: "\e062"} .glyphicon-adjust:before { content: "\e063"} .glyphicon-tint:before { content: "\e064"} .glyphicon-edit:before { content: "\e065"} .glyphicon-share:before { content: "\e066"} .glyphicon-check:before { content: "\e067"} .glyphicon-move:before { content: "\e068"} .glyphicon-step-backward:before { content: "\e069"} .glyphicon-fast-backward:before { content: "\e070"} .glyphicon-backward:before { content: "\e071"} .glyphicon-play:before { content: "\e072"} .glyphicon-pause:before { content: "\e073"} .glyphicon-stop:before { content: "\e074"} .glyphicon-forward:before { content: "\e075"} .glyphicon-fast-forward:before { content: "\e076"} .glyphicon-step-forward:before { content: "\e077"} .glyphicon-eject:before { content: "\e078"} .glyphicon-chevron-left:before { content: "\e079"} .glyphicon-chevron-right:before { content: "\e080"} .glyphicon-plus-sign:before { content: "\e081"} .glyphicon-minus-sign:before { content: "\e082"} .glyphicon-remove-sign:before { content: "\e083"} .glyphicon-ok-sign:before { content: "\e084"} .glyphicon-question-sign:before { content: "\e085"} .glyphicon-info-sign:before { content: "\e086"} .glyphicon-screenshot:before { content: "\e087"} .glyphicon-remove-circle:before { content: "\e088"} .glyphicon-ok-circle:before { content: "\e089"} .glyphicon-ban-circle:before { content: "\e090"} .glyphicon-arrow-left:before { content: "\e091"} .glyphicon-arrow-right:before { content: "\e092"} .glyphicon-arrow-up:before { content: "\e093"} .glyphicon-arrow-down:before { content: "\e094"} .glyphicon-share-alt:before { content: "\e095"} .glyphicon-resize-full:before { content: "\e096"} .glyphicon-resize-small:before { content: "\e097"} .glyphicon-exclamation-sign:before { content: "\e101"} .glyphicon-gift:before { content: "\e102"} .glyphicon-leaf:before { content: "\e103"} .glyphicon-fire:before { content: "\e104"} .glyphicon-eye-open:before { content: "\e105"} .glyphicon-eye-close:before { content: "\e106"} .glyphicon-warning-sign:before { content: "\e107"} .glyphicon-plane:before { content: "\e108"} .glyphicon-calendar:before { content: "\e109"} .glyphicon-random:before { content: "\e110"} .glyphicon-comment:before { content: "\e111"} .glyphicon-magnet:before { content: "\e112"} .glyphicon-chevron-up:before { content: "\e113"} .glyphicon-chevron-down:before { content: "\e114"} .glyphicon-retweet:before { content: "\e115"} .glyphicon-shopping-cart:before { content: "\e116"} .glyphicon-folder-close:before { content: "\e117"} .glyphicon-folder-open:before { content: "\e118"} .glyphicon-resize-vertical:before { content: "\e119"} .glyphicon-resize-horizontal:before { content: "\e120"} .glyphicon-hdd:before { content: "\e121"} .glyphicon-bullhorn:before { content: "\e122"} .glyphicon-bell:before { content: "\e123"} .glyphicon-certificate:before { content: "\e124"} .glyphicon-thumbs-up:before { content: "\e125"} .glyphicon-thumbs-down:before { content: "\e126"} .glyphicon-hand-right:before { content: "\e127"} .glyphicon-hand-left:before { content: "\e128"} .glyphicon-hand-up:before { content: "\e129"} .glyphicon-hand-down:before { content: "\e130"} .glyphicon-circle-arrow-right:before { content: "\e131"} .glyphicon-circle-arrow-left:before { content: "\e132"} .glyphicon-circle-arrow-up:before { content: "\e133"} .glyphicon-circle-arrow-down:before { content: "\e134"} .glyphicon-globe:before { content: "\e135"} .glyphicon-wrench:before { content: "\e136"} .glyphicon-tasks:before { content: "\e137"} .glyphicon-filter:before { content: "\e138"} .glyphicon-briefcase:before { content: "\e139"} .glyphicon-fullscreen:before { content: "\e140"} .glyphicon-dashboard:before { content: "\e141"} .glyphicon-paperclip:before { content: "\e142"} .glyphicon-heart-empty:before { content: "\e143"} .glyphicon-link:before { content: "\e144"} .glyphicon-phone:before { content: "\e145"} .glyphicon-pushpin:before { content: "\e146"} .glyphicon-usd:before { content: "\e148"} .glyphicon-gbp:before { content: "\e149"} .glyphicon-sort:before { content: "\e150"} .glyphicon-sort-by-alphabet:before { content: "\e151"} .glyphicon-sort-by-alphabet-alt:before { content: "\e152"} .glyphicon-sort-by-order:before { content: "\e153"} .glyphicon-sort-by-order-alt:before { content: "\e154"} .glyphicon-sort-by-attributes:before { content: "\e155"} .glyphicon-sort-by-attributes-alt:before { content: "\e156"} .glyphicon-unchecked:before { content: "\e157"} .glyphicon-expand:before { content: "\e158"} .glyphicon-collapse-down:before { content: "\e159"} .glyphicon-collapse-up:before { content: "\e160"} .glyphicon-log-in:before { content: "\e161"} .glyphicon-flash:before { content: "\e162"} .glyphicon-log-out:before { content: "\e163"} .glyphicon-new-window:before { content: "\e164"} .glyphicon-record:before { content: "\e165"} .glyphicon-save:before { content: "\e166"} .glyphicon-open:before { content: "\e167"} .glyphicon-saved:before { content: "\e168"} .glyphicon-import:before { content: "\e169"} .glyphicon-export:before { content: "\e170"} .glyphicon-send:before { content: "\e171"} .glyphicon-floppy-disk:before { content: "\e172"} .glyphicon-floppy-saved:before { content: "\e173"} .glyphicon-floppy-remove:before { content: "\e174"} .glyphicon-floppy-save:before { content: "\e175"} .glyphicon-floppy-open:before { content: "\e176"} .glyphicon-credit-card:before { content: "\e177"} .glyphicon-transfer:before { content: "\e178"} .glyphicon-cutlery:before { content: "\e179"} .glyphicon-header:before { content: "\e180"} .glyphicon-compressed:before { content: "\e181"} .glyphicon-earphone:before { content: "\e182"} .glyphicon-phone-alt:before { content: "\e183"} .glyphicon-tower:before { content: "\e184"} .glyphicon-stats:before { content: "\e185"} .glyphicon-sd-video:before { content: "\e186"} .glyphicon-hd-video:before { content: "\e187"} .glyphicon-subtitles:before { content: "\e188"} .glyphicon-sound-stereo:before { content: "\e189"} .glyphicon-sound-dolby:before { content: "\e190"} .glyphicon-sound-5-1:before { content: "\e191"} .glyphicon-sound-6-1:before { content: "\e192"} .glyphicon-sound-7-1:before { content: "\e193"} .glyphicon-copyright-mark:before { content: "\e194"} .glyphicon-registration-mark:before { content: "\e195"} .glyphicon-cloud-download:before { content: "\e197"} .glyphicon-cloud-upload:before { content: "\e198"} .glyphicon-tree-conifer:before { content: "\e199"} .glyphicon-tree-deciduous:before { content: "\e200"} .glyphicon-cd:before { content: "\e201"} .glyphicon-save-file:before { content: "\e202"} .glyphicon-open-file:before { content: "\e203"} .glyphicon-level-up:before { content: "\e204"} .glyphicon-copy:before { content: "\e205"} .glyphicon-paste:before { content: "\e206"} .glyphicon-alert:before { content: "\e209"} .glyphicon-equalizer:before { content: "\e210"} .glyphicon-king:before { content: "\e211"} .glyphicon-queen:before { content: "\e212"} .glyphicon-pawn:before { content: "\e213"} .glyphicon-bishop:before { content: "\e214"} .glyphicon-knight:before { content: "\e215"} .glyphicon-baby-formula:before { content: "\e216"} .glyphicon-tent:before { content: "\26fa"} .glyphicon-blackboard:before { content: "\e218"} .glyphicon-bed:before { content: "\e219"} .glyphicon-apple:before { content: "\f8ff"} .glyphicon-erase:before { content: "\e221"} .glyphicon-hourglass:before { content: "\231b"} .glyphicon-lamp:before { content: "\e223"} .glyphicon-duplicate:before { content: "\e224"} .glyphicon-piggy-bank:before { content: "\e225"} .glyphicon-scissors:before { content: "\e226"} .glyphicon-bitcoin:before { content: "\e227"} .glyphicon-btc:before { content: "\e227"} .glyphicon-xbt:before { content: "\e227"} .glyphicon-yen:before { content: "\00a5"} .glyphicon-jpy:before { content: "\00a5"} .glyphicon-ruble:before { content: "\20bd"} .glyphicon-rub:before { content: "\20bd"} .glyphicon-scale:before { content: "\e230"} .glyphicon-ice-lolly:before { content: "\e231"} .glyphicon-ice-lolly-tasted:before { content: "\e232"} .glyphicon-education:before { content: "\e233"} .glyphicon-option-horizontal:before { content: "\e234"} .glyphicon-option-vertical:before { content: "\e235"} .glyphicon-menu-hamburger:before { content: "\e236"} .glyphicon-modal-window:before { content: "\e237"} .glyphicon-oil:before { content: "\e238"} .glyphicon-grain:before { content: "\e239"} .glyphicon-sunglasses:before { content: "\e240"} .glyphicon-text-size:before { content: "\e241"} .glyphicon-text-color:before { content: "\e242"} .glyphicon-text-background:before { content: "\e243"} .glyphicon-object-align-top:before { content: "\e244"} .glyphicon-object-align-bottom:before { content: "\e245"} .glyphicon-object-align-horizontal:before { content: "\e246"} .glyphicon-object-align-left:before { content: "\e247"} .glyphicon-object-align-vertical:before { content: "\e248"} .glyphicon-object-align-right:before { content: "\e249"} .glyphicon-triangle-right:before { content: "\e250"} .glyphicon-triangle-left:before { content: "\e251"} .glyphicon-triangle-bottom:before { content: "\e252"} .glyphicon-triangle-top:before { content: "\e253"} .glyphicon-console:before { content: "\e254"} .glyphicon-superscript:before { content: "\e255"} .glyphicon-subscript:before { content: "\e256"} .glyphicon-menu-left:before { content: "\e257"} .glyphicon-menu-right:before { content: "\e258"} .glyphicon-menu-down:before { content: "\e259"} .glyphicon-menu-up:before { content: "\e260"} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8f9fa; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; height: 200p; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%} hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%} .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%} .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width:768px) { .lead { font-size: 21px; } }.small, small { font-size: 85%} .mark, mark { padding: .2em; background-color: #410F0Ff8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #410F0Ff8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } }abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0'} .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ''} .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014'} address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width:768px) { .container { width: 750px; } }@media (min-width:992px) { .container { width: 970px; } }@media (min-width:1200px) { .container { width: 1170px; } }.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%} .col-xs-11 { width: 91.66666667%} .col-xs-10 { width: 83.33333333%} .col-xs-9 { width: 75%} .col-xs-8 { width: 66.66666667%} .col-xs-7 { width: 58.33333333%} .col-xs-6 { width: 50%} .col-xs-5 { width: 41.66666667%} .col-xs-4 { width: 4%} .col-xs-3 { width: 25%} .col-xs-2 { width: 16.66666667%} .col-xs-1 { width: 8.33333333%} .col-xs-pull-12 { right: 100%} .col-xs-pull-11 { right: 91.66666667%} .col-xs-pull-10 { right: 83.33333333%} .col-xs-pull-9 { right: 75%} .col-xs-pull-8 { right: 66.66666667%} .col-xs-pull-7 { right: 58.33333333%} .col-xs-pull-6 { right: 50%} .col-xs-pull-5 { right: 41.66666667%} .col-xs-pull-4 { right: 33.33333333%} .col-xs-pull-3 { right: 25%} .col-xs-pull-2 { right: 16.66666667%} .col-xs-pull-1 { right: 8.33333333%} .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%} .col-xs-push-11 { left: 91.66666667%} .col-xs-push-10 { left: 83.33333333%} .col-xs-push-9 { left: 75%} .col-xs-push-8 { left: 66.66666667%} .col-xs-push-7 { left: 58.33333333%} .col-xs-push-6 { left: 50%} .col-xs-push-5 { left: 41.66666667%} .col-xs-push-4 { left: 33.33333333%} .col-xs-push-3 { left: 25%} .col-xs-push-2 { left: 16.66666667%} .col-xs-push-1 { left: 8.33333333%} .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%} .col-xs-offset-11 { margin-left: 91.66666667%} .col-xs-offset-10 { margin-left: 83.33333333%} .col-xs-offset-9 { margin-left: 75%} .col-xs-offset-8 { margin-left: 66.66666667%} .col-xs-offset-7 { margin-left: 58.33333333%} .col-xs-offset-6 { margin-left: 50%} .col-xs-offset-5 { margin-left: 41.66666667%} .col-xs-offset-4 { margin-left: 33.33333333%} .col-xs-offset-3 { margin-left: 25%} .col-xs-offset-2 { margin-left: 16.66666667%} .col-xs-offset-1 { margin-left: 8.33333333%} .col-xs-offset-0 { margin-left: 0; } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%} .col-sm-11 { width: 91.66666667%} .col-sm-10 { width: 83.33333333%} .col-sm-9 { width: 75%} .col-sm-8 { width: 66.66666667%} .col-sm-7 { width: 58.33333333%} .col-sm-6 { width: 50%} .col-sm-5 { width: 41.66666667%} .col-sm-4 { width: 33.33333333%} .col-sm-3 { width: 25%} .col-sm-2 { width: 16.66666667%} .col-sm-1 { width: 8.33333333%} .col-sm-pull-12 { right: 100%} .col-sm-pull-11 { right: 91.66666667%} .col-sm-pull-10 { right: 83.33333333%} .col-sm-pull-9 { right: 75%} .col-sm-pull-8 { right: 66.66666667%} .col-sm-pull-7 { right: 58.33333333%} .col-sm-pull-6 { right: 50%} .col-sm-pull-5 { right: 41.66666667%} .col-sm-pull-4 { right: 33.33333333%} .col-sm-pull-3 { right: 25%} .col-sm-pull-2 { right: 16.66666667%} .col-sm-pull-1 { right: 8.33333333%} .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%} .col-sm-push-11 { left: 91.66666667%} .col-sm-push-10 { left: 83.33333333%} .col-sm-push-9 { left: 75%} .col-sm-push-8 { left: 66.66666667%} .col-sm-push-7 { left: 58.33333333%} .col-sm-push-6 { left: 50%} .col-sm-push-5 { left: 41.66666667%} .col-sm-push-4 { left: 33.33333333%} .col-sm-push-3 { left: 25%} .col-sm-push-2 { left: 16.66666667%} .col-sm-push-1 { left: 8.33333333%} .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%} .col-sm-offset-11 { margin-left: 91.66666667%} .col-sm-offset-10 { margin-left: 83.33333333%} .col-sm-offset-9 { margin-left: 75%} .col-sm-offset-8 { margin-left: 66.66666667%} .col-sm-offset-7 { margin-left: 58.33333333%} .col-sm-offset-6 { margin-left: 50%} .col-sm-offset-5 { margin-left: 41.66666667%} .col-sm-offset-4 { margin-left: 33.33333333%} .col-sm-offset-3 { margin-left: 25%} .col-sm-offset-2 { margin-left: 16.66666667%} .col-sm-offset-1 { margin-left: 8.33333333%} .col-sm-offset-0 { margin-left: 0; } }@media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%} .col-md-11 { width: 91.66666667%} .col-md-10 { width: 83.33333333%} .col-md-9 { width: 75%} .col-md-8 { width: 66.66666667%} .col-md-7 { width: 58.33333333%} .col-md-6 { width: 50%} .col-md-5 { width: 41.66666667%} .col-md-4 { width: 33.33333333%} .col-md-3 { width: 25%} .col-md-2 { width: 16.66666667%} .col-md-1 { width: 8.33333333%} .col-md-pull-12 { right: 100%} .col-md-pull-11 { right: 91.66666667%} .col-md-pull-10 { right: 83.33333333%} .col-md-pull-9 { right: 75%} .col-md-pull-8 { right: 66.66666667%} .col-md-pull-7 { right: 58.33333333%} .col-md-pull-6 { right: 50%} .col-md-pull-5 { right: 41.66666667%} .col-md-pull-4 { right: 33.33333333%} .col-md-pull-3 { right: 25%} .col-md-pull-2 { right: 16.66666667%} .col-md-pull-1 { right: 8.33333333%} .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%} .col-md-push-11 { left: 91.66666667%} .col-md-push-10 { left: 83.33333333%} .col-md-push-9 { left: 75%} .col-md-push-8 { left: 66.66666667%} .col-md-push-7 { left: 58.33333333%} .col-md-push-6 { left: 50%} .col-md-push-5 { left: 41.66666667%} .col-md-push-4 { left: 33.33333333%} .col-md-push-3 { left: 25%} .col-md-push-2 { left: 16.66666667%} .col-md-push-1 { left: 8.33333333%} .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%} .col-md-offset-11 { margin-left: 91.66666667%} .col-md-offset-10 { margin-left: 83.33333333%} .col-md-offset-9 { margin-left: 75%} .col-md-offset-8 { margin-left: 66.66666667%} .col-md-offset-7 { margin-left: 58.33333333%} .col-md-offset-6 { margin-left: 50%} .col-md-offset-5 { margin-left: 41.66666667%} .col-md-offset-4 { margin-left: 33.33333333%} .col-md-offset-3 { margin-left: 25%} .col-md-offset-2 { margin-left: 16.66666667%} .col-md-offset-1 { margin-left: 8.33333333%} .col-md-offset-0 { margin-left: 0; } }@media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%} .col-lg-11 { width: 91.66666667%} .col-lg-10 { width: 83.33333333%} .col-lg-9 { width: 75%} .col-lg-8 { width: 66.66666667%} .col-lg-7 { width: 58.33333333%} .col-lg-6 { width: 50%} .col-lg-5 { width: 41.66666667%} .col-lg-4 { width: 33.33333333%} .col-lg-3 { width: 25%} .col-lg-2 { width: 16.66666667%} .col-lg-1 { width: 8.33333333%} .col-lg-pull-12 { right: 100%} .col-lg-pull-11 { right: 91.66666667%} .col-lg-pull-10 { right: 83.33333333%} .col-lg-pull-9 { right: 75%} .col-lg-pull-8 { right: 66.66666667%} .col-lg-pull-7 { right: 58.33333333%} .col-lg-pull-6 { right: 50%} .col-lg-pull-5 { right: 41.66666667%} .col-lg-pull-4 { right: 33.33333333%} .col-lg-pull-3 { right: 25%} .col-lg-pull-2 { right: 16.66666667%} .col-lg-pull-1 { right: 8.33333333%} .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%} .col-lg-push-11 { left: 91.66666667%} .col-lg-push-10 { left: 83.33333333%} .col-lg-push-9 { left: 75%} .col-lg-push-8 { left: 66.66666667%} .col-lg-push-7 { left: 58.33333333%} .col-lg-push-6 { left: 50%} .col-lg-push-5 { left: 41.66666667%} .col-lg-push-4 { left: 33.33333333%} .col-lg-push-3 { left: 25%} .col-lg-push-2 { left: 16.66666667%} .col-lg-push-1 { left: 8.33333333%} .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%} .col-lg-offset-11 { margin-left: 91.66666667%} .col-lg-offset-10 { margin-left: 83.33333333%} .col-lg-offset-9 { margin-left: 75%} .col-lg-offset-8 { margin-left: 66.66666667%} .col-lg-offset-7 { margin-left: 58.33333333%} .col-lg-offset-6 { margin-left: 50%} .col-lg-offset-5 { margin-left: 41.66666667%} .col-lg-offset-4 { margin-left: 33.33333333%} .col-lg-offset-3 { margin-left: 25%} .col-lg-offset-2 { margin-left: 16.66666667%} .col-lg-offset-1 { margin-left: 8.33333333%} .col-lg-offset-0 { margin-left: 0; } }table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top: 0; } .table>tbody+tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd; } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover>tbody>tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; display: table-column; float: none; } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none; } .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #f5f5f5; } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #e8e8e8; } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #dff0d8; } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #d0e9c6; } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color: #d9edf7; } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3; } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fcf8e3; } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc; } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #f2dede; } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive>.table { margin-bottom: 0; } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap; } .table-responsive>.table-bordered { border: 0; } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0; } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0; } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0; } }fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=checkbox], input[type=radio] { margin: 4px 0 0; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%} select[multiple], select[size] { height: auto; } input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { line-height: 34px; } .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm { line-height: 30px; } .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg { line-height: 46px; } }.form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; } .checkbox+.checkbox, .radio+.radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed; } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label~.form-control-feedback { top: 25px; } .has-feedback label.sr-only~.form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: 250px; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group>.form-control { width: 100%} .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } }.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width:768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } }.form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } }@media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; } .btn-group-lg>.btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-xs>.btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%} .btn-block+.btn-block { margin-top: 5px; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%} .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color: #777; } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .open>.dropdown-menu { display: block; } .open>a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right>.dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } }.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; float: left; } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 2; } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px; } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group>.btn:first-child { margin-left: 0; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group>.btn-group { float: left; } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0; } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group>.btn+.dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group>.btn-lg+.dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn { display: block; float: none; width: 100%; max-width: 100%} .btn-group-vertical>.btn-group>.btn { float: none; } .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical>.btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical>.btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0; } .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified>.btn, .btn-group-justified>.btn-group { display: table-cell; float: none; width: 1%} .btn-group-justified>.btn-group .btn { width: 100%} .btn-group-justified>.btn-group .dropdown-menu { left: auto; } [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 46px; line-height: 46px; } select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.input-group-lg>.input-group-btn>.btn { height: auto; } .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 30px; line-height: 30px; } select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn>.btn { position: relative; } .input-group-btn>.btn+.btn { margin-left: -1px; } .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index: 2; } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right: -1px; } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav>li { position: relative; display: block; } .nav>li>a { position: relative; display: block; padding: 10px 15px; } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee; } .nav>li.disabled>a { color: #777; } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav>li>a>img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs>li { float: left; margin-bottom: -1px; } .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs>li>a:hover { border-color: #eee #eee #ddd; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified>li { float: none; } .nav-tabs.nav-justified>li>a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1%} .nav-tabs.nav-justified>li>a { margin-bottom: 0; } }.nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd; } @media (min-width:768px) { .nav-tabs.nav-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #fff; } }.nav-pills>li { float: left; } .nav-pills>li>a { border-radius: 4px; } .nav-pills>li+li { margin-left: 2px; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #337ab7; } .nav-stacked>li { float: none; } .nav-stacked>li+li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%} .nav-justified>li { float: none; } .nav-justified>li>a { margin-bottom: 5px; text-align: center; } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1%} .nav-justified>li>a { margin-bottom: 0; } }.nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified>li>a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border: 1px solid #ddd; } @media (min-width:768px) { .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color: #fff; } }.tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width:768px) { .navbar { border-radius: 4px; } }@media (min-width:768px) { .navbar-header { float: left; } }.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width:768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } }.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } }.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width:768px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0; } }.navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width:768px) { .navbar-static-top { border-radius: 0; } }.navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0; } }.navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand>img { display: block; } @media (min-width:768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px; } }.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } @media (min-width:768px) { .navbar-toggle { display: none; } }.navbar-nav { margin: 7.5px -15px; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px; } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image: none; } }@media (min-width:768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav>li { float: left; } .navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px; } }.navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group>.form-control { width: 100%} .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } }@media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } }@media (min-width:768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } }.navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width:768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } }@media (min-width:768px) { .navbar-left { float: left!important; } .navbar-right { float: right!important; margin-right: -15px; } .navbar-right~.navbar-right { margin-right: 0; } }.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav>li>a { color: #777; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: #e7e7e7; } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent; } }.navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav>li>a { color: #9d9d9d; } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #fff; background-color: #080808; } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent; } }.navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb>li { display: inline-block; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0"} .breadcrumb>.active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination>li { display: inline; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li>a:focus, .pager li>a:hover { text-decoration: none; background-color: #eee; } .pager .next>a, .pager .next>span { float: right; } .pager .previous>a, .pager .previous>span { float: left; } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs>.btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #337ab7; background-color: #fff; } .list-group-item>.badge { float: right; } .list-group-item>.badge+.badge { margin-right: 5px; } .nav-pills>li>a>.badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron>hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%} @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } }.thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail a>img, .thumbnail>img { margin-right: auto; margin-left: auto; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert>p, .alert>ul { margin-bottom: 0; } .alert>p+p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }@-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }@keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } }.progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media>.pull-right { padding-left: 10px; } .media-left, .media>.pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading>.dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel>.list-group, .panel>.panel-collapse>.list-group { margin-bottom: 0; } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0; } .list-group+.panel-footer { border-top-width: 0; } .panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom: 0; } .panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-right: 15px; padding-left: 15px; } .panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 3px; } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 3px; } .panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd; } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 0; } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0; } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0; } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0; } .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0; } .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0; } .panel>.table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel+.panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd; } .panel-default>.panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary>.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #337ab7; } .panel-primary>.panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d6e9c6; } .panel-success>.panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1; } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning>.panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #faebcc; } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger>.panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ebccd1; } .panel-danger>.panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%} .embed-responsive-4by3 { padding-bottom: 75%} .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: .5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn+.btn { margin-left: -1px; } .modal-footer .btn-block+.btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } }@media (min-width:992px) { .modal-lg { width: 900px; } }.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; opacity: 0; line-break: auto; } .tooltip.in { opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover>.arrow { border-width: 11px; } .popover>.arrow:after { content: ""; border-width: 10px; } .popover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top>.arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right>.arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom>.arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left>.arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner>.item.active.right, .carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block; } .carousel-inner>.active { left: 0; } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100%} .carousel-inner>.next { left: 100%} .carousel-inner>.prev { left: -100%} .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0; } .carousel-inner>.active.left { left: -100%} .carousel-inner>.active.right { left: 100%} .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'} .carousel-control .icon-next:before { content: '\203a'} .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } }.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " "} .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right!important; } .pull-left { float: left!important; } .hide { display: none!important; } .show { display: block!important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none!important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none!important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important; } @media (max-width:767px) { .visible-xs { display: block!important; } table.visible-xs { display: table!important; } tr.visible-xs { display: table-row!important; } td.visible-xs, th.visible-xs { display: table-cell!important; } }@media (max-width:767px) { .visible-xs-block { display: block!important; } }@media (max-width:767px) { .visible-xs-inline { display: inline!important; } }@media (max-width:767px) { .visible-xs-inline-block { display: inline-block!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important; } table.visible-sm { display: table!important; } tr.visible-sm { display: table-row!important; } td.visible-sm, th.visible-sm { display: table-cell!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm-block { display: block!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important; } table.visible-md { display: table!important; } tr.visible-md { display: table-row!important; } td.visible-md, th.visible-md { display: table-cell!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md-block { display: block!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block!important; } }@media (min-width:1200px) { .visible-lg { display: block!important; } table.visible-lg { display: table!important; } tr.visible-lg { display: table-row!important; } td.visible-lg, th.visible-lg { display: table-cell!important; } }@media (min-width:1200px) { .visible-lg-block { display: block!important; } }@media (min-width:1200px) { .visible-lg-inline { display: inline!important; } }@media (min-width:1200px) { .visible-lg-inline-block { display: inline-block!important; } }@media (max-width:767px) { .hidden-xs { display: none!important; } }@media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important; } }@media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important; } }@media (min-width:1200px) { .hidden-lg { display: none!important; } }.visible-print { display: none!important; } @media print { .visible-print { display: block!important; } table.visible-print { display: table!important; } tr.visible-print { display: table-row!important; } td.visible-print, th.visible-print { display: table-cell!important; } }.visible-print-block { display: none!important; } @media print { .visible-print-block { display: block!important; } }.visible-print-inline { display: none!important; } @media print { .visible-print-inline { display: inline!important; } }.visible-print-inline-block { display: none!important; } @media print { .visible-print-inline-block { display: inline-block!important; } }@media print { .hidden-print { display: none!important; } }.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }.owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.html) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%} div.jQBracket { font-family: Arial; font-size: 14px; position: relative; } div.jQBracket .tools { position: absolute; top: 0; color: #fff; } div.jQBracket .tools span { cursor: pointer; margin: 5px; display: block; text-align: center; width: 18px; height: 18px; background-color: #666; } div.jQBracket .tools span:hover { background-color: #999; } div.jQBracket .finals { float: right; right: 0; clear: right; position: relative; } div.jQBracket .bracket { float: right; clear: left; } div.jQBracket .loserBracket { float: right; clear: left; position: relative; } div.jQBracket .round { position: relative; float: left; } div.jQBracket .match { position: relative; } div.jQBracket .editable { cursor: pointer; } div.jQBracket .team { position: relative; z-index: 1; float: left; background-color: #eee; cursor: default; } div.jQBracket .team:first-child { border-bottom: 1px solid #999; } div.jQBracket .team input { font-size: 14px; padding: 0; width: 100%; border: 0; margin: 0; outline: 0; } div.jQBracket .team div.label { padding: 3px; position: absolute; height: 22px; white-space: nowrap; overflow: hidden; box-sizing: border-box; } div.jQBracket .team div.label[disabled] { cursor: default; } div.jQBracket .team div.score { float: right; padding: 3px; background-color: rgba(255, 255, 255, .3); text-align: center; box-sizing: border-box; } div.jQBracket .team div.score input { text-align: center; } div.jQBracket .team div.score[disabled] { color: #999; cursor: default; } div.jQBracket .team div.label input.error, div.jQBracket .team div.score input.error { background-color: #fcc; } div.jQBracket .team.np { background-color: #666; color: #eee; } div.jQBracket .team.na { background-color: #999; color: #ccc; } div.jQBracket .team.win { color: #333; } div.jQBracket .team.win div.score { color: #060; } div.jQBracket .team.lose div.score { color: #900; } div.jQBracket .team.lose { background-color: #ddd; color: #999; } div.jQBracket .team.tie div.score { color: #00f; } div.jQBracket .team.highlightWinner { background-color: #da0; color: #000; } div.jQBracket .team.highlightLoser { background-color: #ccc; color: #000; } div.jQBracket .team.highlight { background-color: #3c0; color: #000; } div.jQBracket .team.bye { background-color: #999; color: #ccc; } div.jQBracket .teamContainer { z-index: 1; position: relative; float: left; } div.jQBracket .connector { border: 2px solid #666; border-left-style: none; position: absolute; z-index: 1; } div.jQBracket .connector div.connector { border: 0; border-bottom: 2px solid #666; height: 0; position: absolute; } div.jQBracket .connector div.connector.highlightWinner, div.jQBracket .connector.highlightWinner { border-color: #da0; } div.jQBracket .connector div.connector.highlightLoser, div.jQBracket .connector.highlightLoser { border-color: #ccc; } div.jQBracket .connector div.connector.highlight, div.jQBracket .connector.highlight { border-color: #0c0; } div.jQBracket .np .connector, div.jQBracket .np .connector div.connector { border-color: #999; } div.jQBracket .bubble { height: 22px; line-height: 22px; width: 30px; right: -35px; position: absolute; text-align: center; font-size: 11px; } div.jQBracket .bubble:after { content: ''; position: absolute; top: 6px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; } div.jQBracket .bubble:after { left: -5px; border-left: 0; } div.jQBracket .win .bubble { background-color: #da0; color: #960; } div.jQBracket .win .bubble:after { border-right-color: #da0; } div.jQBracket .win .bubble.third { background-color: #963; color: #d95; } div.jQBracket .win .bubble.third:after { border-right: 6px solid #963; } div.jQBracket .lose .bubble { background-color: #ccc; color: #333; } div.jQBracket .lose .bubble:after { border-right-color: #ccc; } div.jQBracket .lose .bubble.fourth { background-color: #678; color: #ccd; } div.jQBracket .lose .bubble.fourth:after { border-right: 6px solid #678; } div.jQBracket.rl .finals { float: left; left: 0; clear: left; } div.jQBracket.rl .bracket { float: left; clear: right; } div.jQBracket.rl .loserBracket { float: left; clear: right; } div.jQBracket.rl .round { margin-right: 0; float: right; } div.jQBracket.rl .team { float: right; } div.jQBracket.rl .team div.label { right: 0; } div.jQBracket.rl .team div.score { float: left; } div.jQBracket.rl .teamContainer { float: right; } div.jQBracket.rl .connector { border-left-style: solid; border-right-style: none; border-width: 2px; } div.jQBracket.rl .connector div.connector.highlightWinner, div.jQBracket.rl .connector.highlightWinner { border-color: #da0; } div.jQBracket.rl .connector div.connector.highlightLoser, div.jQBracket.rl .connector.highlightLoser { border-color: #ccc; } div.jQBracket.rl .connector div.connector.highlight, div.jQBracket.rl .connector.highlight { border-color: #0c0; } div.jQBracket.rl .bubble { left: -35px; } div.jQBracket.rl .bubble.third { background-color: #963; color: #310; } div.jQBracket.rl .bubble.fourth { background-color: #678; color: #ccd; } div.jQBracket.rl .bubble:after { left: auto; right: -5px; border-left: 5px solid transparent; border-right: 0; } div.jQBracket.rl .bubble.third:after { border-right: 0; border-left: 6px solid #963; } div.jQBracket.rl .bubble.fourth:after { border-right: 0; border-left: 6px solid #678; } div.jQBracket.rl .highlightWinner .bubble:after { border-left-color: #da0; } div.jQBracket.rl .highlightLoser .bubble:after { border-left-color: #ccc; } .ct-label { fill: rgba(0, 0, 0, .4); color: rgba(0, 0, 0, .4); font-size: .75rem; line-height: 1; } .ct-chart-bar .ct-label, .ct-chart-line .ct-label { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ct-chart-donut .ct-label, .ct-chart-pie .ct-label { dominant-baseline: central; } .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; } .ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; } .ct-grid { stroke: rgba(0, 0, 0, .2); stroke-width: 1px; stroke-dasharray: 2px; } .ct-grid-background { fill: none; } .ct-point { stroke-width: 10px; stroke-linecap: round; } .ct-line { fill: none; stroke-width: 4px; } .ct-area { stroke: none; fill-opacity: .1; } .ct-bar { fill: none; stroke-width: 10px; } .ct-slice-donut { fill: none; stroke-width: 60px; } .ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke: #d70206; } .ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie { fill: #d70206; } .ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut { stroke: #f05b4f; } .ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie { fill: #f05b4f; } .ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut { stroke: #f4c63d; } .ct-series-c .ct-area, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-slice-pie { fill: #f4c63d; } .ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut { stroke: #d17905; } .ct-series-d .ct-area, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-slice-pie { fill: #d17905; } .ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut { stroke: #453d3f; } .ct-series-e .ct-area, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-slice-pie { fill: #453d3f; } .ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut { stroke: #59922b; } .ct-series-f .ct-area, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-slice-pie { fill: #59922b; } .ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut { stroke: #0544d3; } .ct-series-g .ct-area, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-slice-pie { fill: #0544d3; } .ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut { stroke: #6b0392; } .ct-series-h .ct-area, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-slice-pie { fill: #6b0392; } .ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut { stroke: #f05b4f; } .ct-series-i .ct-area, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-slice-pie { fill: #f05b4f; } .ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut { stroke: #dda458; } .ct-series-j .ct-area, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-slice-pie { fill: #dda458; } .ct-series-k .ct-bar, .ct-series-k .ct-line, .ct-series-k .ct-point, .ct-series-k .ct-slice-donut { stroke: #eacf7d; } .ct-series-k .ct-area, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-slice-pie { fill: #eacf7d; } .ct-series-l .ct-bar, .ct-series-l .ct-line, .ct-series-l .ct-point, .ct-series-l .ct-slice-donut { stroke: #86797d; } .ct-series-l .ct-area, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-slice-pie { fill: #86797d; } .ct-series-m .ct-bar, .ct-series-m .ct-line, .ct-series-m .ct-point, .ct-series-m .ct-slice-donut { stroke: #b2c326; } .ct-series-m .ct-area, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-slice-pie { fill: #b2c326; } .ct-series-n .ct-bar, .ct-series-n .ct-line, .ct-series-n .ct-point, .ct-series-n .ct-slice-donut { stroke: #6188e2; } .ct-series-n .ct-area, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-slice-pie { fill: #6188e2; } .ct-series-o .ct-bar, .ct-series-o .ct-line, .ct-series-o .ct-point, .ct-series-o .ct-slice-donut { stroke: #a748ca; } .ct-series-o .ct-area, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-slice-pie { fill: #a748ca; } .ct-square { display: block; position: relative; width: 100%} .ct-square:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 100%} .ct-square:after { content: ""; display: table; clear: both; } .ct-square>svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-second { display: block; position: relative; width: 100%} .ct-minor-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 93.75%} .ct-minor-second:after { content: ""; display: table; clear: both; } .ct-minor-second>svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-second { display: block; position: relative; width: 100%} .ct-major-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 88.8888888889%} .ct-major-second:after { content: ""; display: table; clear: both; } .ct-major-second>svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-third { display: block; position: relative; width: 100%} .ct-minor-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 83.3333333333%} .ct-minor-third:after { content: ""; display: table; clear: both; } .ct-minor-third>svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-third { display: block; position: relative; width: 100%} .ct-major-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 80%} .ct-major-third:after { content: ""; display: table; clear: both; } .ct-major-third>svg { display: block; position: absolute; top: 0; left: 0; } .ct-perfect-fourth { display: block; position: relative; width: 100%} .ct-perfect-fourth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 75%} .ct-perfect-fourth:after { content: ""; display: table; clear: both; } .ct-perfect-fourth>svg { display: block; position: absolute; top: 0; left: 0; } .ct-perfect-fifth { display: block; position: relative; width: 100%} .ct-perfect-fifth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 66.6666666667%} .ct-perfect-fifth:after { content: ""; display: table; clear: both; } .ct-perfect-fifth>svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-sixth { display: block; position: relative; width: 100%} .ct-minor-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 62.5%} .ct-minor-sixth:after { content: ""; display: table; clear: both; } .ct-minor-sixth>svg { display: block; position: absolute; top: 0; left: 0; } .ct-golden-section { display: block; position: relative; width: 100%} .ct-golden-section:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 61.804697157%} .ct-golden-section:after { content: ""; display: table; clear: both; } .ct-golden-section>svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-sixth { display: block; position: relative; width: 100%} .ct-major-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 60%} .ct-major-sixth:after { content: ""; display: table; clear: both; } .ct-major-sixth>svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-seventh { display: block; position: relative; width: 100%} .ct-minor-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 56.25%} .ct-minor-seventh:after { content: ""; display: table; clear: both; } .ct-minor-seventh>svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-seventh { display: block; position: relative; width: 100%} .ct-major-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 53.3333333333%} .ct-major-seventh:after { content: ""; display: table; clear: both; } .ct-major-seventh>svg { display: block; position: absolute; top: 0; left: 0; } .ct-octave { display: block; position: relative; width: 100%} .ct-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 50%} .ct-octave:after { content: ""; display: table; clear: both; } .ct-octave>svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-tenth { display: block; position: relative; width: 100%} .ct-major-tenth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 40%} .ct-major-tenth:after { content: ""; display: table; clear: both; } .ct-major-tenth>svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-eleventh { display: block; position: relative; width: 100%} .ct-major-eleventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 37.5%} .ct-major-eleventh:after { content: ""; display: table; clear: both; } .ct-major-eleventh>svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-twelfth { display: block; position: relative; width: 100%} .ct-major-twelfth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 33.3333333333%} .ct-major-twelfth:after { content: ""; display: table; clear: both; } .ct-major-twelfth>svg { display: block; position: absolute; top: 0; left: 0; } .ct-double-octave { display: block; position: relative; width: 100%} .ct-double-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 25%} .ct-double-octave:after { content: ""; display: table; clear: both; } .ct-double-octave>svg { display: block; position: absolute; top: 0; left: 0; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face { font-family: FontAwesome; src: url(../fonts/fontawesome-webfont3e6e.eot?v=4.7.0); src: url(../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont3e6e.html?v=4.7.0) format('woff2'), url(../fonts/fontawesome-webfont3e6e.woff?v=4.7.0) format('woff'), url(../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0) format('truetype'), url(../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%} .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul>li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }@keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }.fa-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"} .fa-music:before { content: "\f001"} .fa-search:before { content: "\f002"} .fa-envelope-o:before { content: "\f003"} .fa-heart:before { content: "\f004"} .fa-star:before { content: "\f005"} .fa-star-o:before { content: "\f006"} .fa-user:before { content: "\f007"} .fa-film:before { content: "\f008"} .fa-th-large:before { content: "\f009"} .fa-th:before { content: "\f00a"} .fa-th-list:before { content: "\f00b"} .fa-check:before { content: "\f00c"} .fa-close:before, .fa-remove:before, .fa-times:before { content: "\f00d"} .fa-search-plus:before { content: "\f00e"} .fa-search-minus:before { content: "\f010"} .fa-power-off:before { content: "\f011"} .fa-signal:before { content: "\f012"} .fa-cog:before, .fa-gear:before { content: "\f013"} .fa-trash-o:before { content: "\f014"} .fa-home:before { content: "\f015"} .fa-file-o:before { content: "\f016"} .fa-clock-o:before { content: "\f017"} .fa-road:before { content: "\f018"} .fa-download:before { content: "\f019"} .fa-arrow-circle-o-down:before { content: "\f01a"} .fa-arrow-circle-o-up:before { content: "\f01b"} .fa-inbox:before { content: "\f01c"} .fa-play-circle-o:before { content: "\f01d"} .fa-repeat:before, .fa-rotate-right:before { content: "\f01e"} .fa-refresh:before { content: "\f021"} .fa-list-alt:before { content: "\f022"} .fa-lock:before { content: "\f023"} .fa-flag:before { content: "\f024"} .fa-headphones:before { content: "\f025"} .fa-volume-off:before { content: "\f026"} .fa-volume-down:before { content: "\f027"} .fa-volume-up:before { content: "\f028"} .fa-qrcode:before { content: "\f029"} .fa-barcode:before { content: "\f02a"} .fa-tag:before { content: "\f02b"} .fa-tags:before { content: "\f02c"} .fa-book:before { content: "\f02d"} .fa-bookmark:before { content: "\f02e"} .fa-print:before { content: "\f02f"} .fa-camera:before { content: "\f030"} .fa-font:before { content: "\f031"} .fa-bold:before { content: "\f032"} .fa-italic:before { content: "\f033"} .fa-text-height:before { content: "\f034"} .fa-text-width:before { content: "\f035"} .fa-align-left:before { content: "\f036"} .fa-align-center:before { content: "\f037"} .fa-align-right:before { content: "\f038"} .fa-align-justify:before { content: "\f039"} .fa-list:before { content: "\f03a"} .fa-dedent:before, .fa-outdent:before { content: "\f03b"} .fa-indent:before { content: "\f03c"} .fa-video-camera:before { content: "\f03d"} .fa-image:before, .fa-photo:before, .fa-picture-o:before { content: "\f03e"} .fa-pencil:before { content: "\f040"} .fa-map-marker:before { content: "\f041"} .fa-adjust:before { content: "\f042"} .fa-tint:before { content: "\f043"} .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"} .fa-share-square-o:before { content: "\f045"} .fa-check-square-o:before { content: "\f046"} .fa-arrows:before { content: "\f047"} .fa-step-backward:before { content: "\f048"} .fa-fast-backward:before { content: "\f049"} .fa-backward:before { content: "\f04a"} .fa-play:before { content: "\f04b"} .fa-pause:before { content: "\f04c"} .fa-stop:before { content: "\f04d"} .fa-forward:before { content: "\f04e"} .fa-fast-forward:before { content: "\f050"} .fa-step-forward:before { content: "\f051"} .fa-eject:before { content: "\f052"} .fa-chevron-left:before { content: "\f053"} .fa-chevron-right:before { content: "\f054"} .fa-plus-circle:before { content: "\f055"} .fa-minus-circle:before { content: "\f056"} .fa-times-circle:before { content: "\f057"} .fa-check-circle:before { content: "\f058"} .fa-question-circle:before { content: "\f059"} .fa-info-circle:before { content: "\f05a"} .fa-crosshairs:before { content: "\f05b"} .fa-times-circle-o:before { content: "\f05c"} .fa-check-circle-o:before { content: "\f05d"} .fa-ban:before { content: "\f05e"} .fa-arrow-left:before { content: "\f060"} .fa-arrow-right:before { content: "\f061"} .fa-arrow-up:before { content: "\f062"} .fa-arrow-down:before { content: "\f063"} .fa-mail-forward:before, .fa-share:before { content: "\f064"} .fa-expand:before { content: "\f065"} .fa-compress:before { content: "\f066"} .fa-plus:before { content: "\f067"} .fa-minus:before { content: "\f068"} .fa-asterisk:before { content: "\f069"} .fa-exclamation-circle:before { content: "\f06a"} .fa-gift:before { content: "\f06b"} .fa-leaf:before { content: "\f06c"} .fa-fire:before { content: "\f06d"} .fa-eye:before { content: "\f06e"} .fa-eye-slash:before { content: "\f070"} .fa-exclamation-triangle:before, .fa-warning:before { content: "\f071"} .fa-plane:before { content: "\f072"} .fa-calendar:before { content: "\f073"} .fa-random:before { content: "\f074"} .fa-comment:before { content: "\f075"} .fa-magnet:before { content: "\f076"} .fa-chevron-up:before { content: "\f077"} .fa-chevron-down:before { content: "\f078"} .fa-retweet:before { content: "\f079"} .fa-shopping-cart:before { content: "\f07a"} .fa-folder:before { content: "\f07b"} .fa-folder-open:before { content: "\f07c"} .fa-arrows-v:before { content: "\f07d"} .fa-arrows-h:before { content: "\f07e"} .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"} .fa-twitter-square:before { content: "\f081"} .fa-facebook-square:before { content: "\f082"} .fa-camera-retro:before { content: "\f083"} .fa-key:before { content: "\f084"} .fa-cogs:before, .fa-gears:before { content: "\f085"} .fa-comments:before { content: "\f086"} .fa-thumbs-o-up:before { content: "\f087"} .fa-thumbs-o-down:before { content: "\f088"} .fa-star-half:before { content: "\f089"} .fa-heart-o:before { content: "\f08a"} .fa-sign-out:before { content: "\f08b"} .fa-linkedin-square:before { content: "\f08c"} .fa-thumb-tack:before { content: "\f08d"} .fa-external-link:before { content: "\f08e"} .fa-sign-in:before { content: "\f090"} .fa-trophy:before { content: "\f091"} .fa-github-square:before { content: "\f092"} .fa-upload:before { content: "\f093"} .fa-lemon-o:before { content: "\f094"} .fa-phone:before { content: "\f095"} .fa-square-o:before { content: "\f096"} .fa-bookmark-o:before { content: "\f097"} .fa-phone-square:before { content: "\f098"} .fa-twitter:before { content: "\f099"} .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"} .fa-github:before { content: "\f09b"} .fa-unlock:before { content: "\f09c"} .fa-credit-card:before { content: "\f09d"} .fa-feed:before, .fa-rss:before { content: "\f09e"} .fa-hdd-o:before { content: "\f0a0"} .fa-bullhorn:before { content: "\f0a1"} .fa-bell:before { content: "\f0f3"} .fa-certificate:before { content: "\f0a3"} .fa-hand-o-right:before { content: "\f0a4"} .fa-hand-o-left:before { content: "\f0a5"} .fa-hand-o-up:before { content: "\f0a6"} .fa-hand-o-down:before { content: "\f0a7"} .fa-arrow-circle-left:before { content: "\f0a8"} .fa-arrow-circle-right:before { content: "\f0a9"} .fa-arrow-circle-up:before { content: "\f0aa"} .fa-arrow-circle-down:before { content: "\f0ab"} .fa-globe:before { content: "\f0ac"} .fa-wrench:before { content: "\f0ad"} .fa-tasks:before { content: "\f0ae"} .fa-filter:before { content: "\f0b0"} .fa-briefcase:before { content: "\f0b1"} .fa-arrows-alt:before { content: "\f0b2"} .fa-group:before, .fa-users:before { content: "\f0c0"} .fa-chain:before, .fa-link:before { content: "\f0c1"} .fa-cloud:before { content: "\f0c2"} .fa-flask:before { content: "\f0c3"} .fa-cut:before, .fa-scissors:before { content: "\f0c4"} .fa-copy:before, .fa-files-o:before { content: "\f0c5"} .fa-paperclip:before { content: "\f0c6"} .fa-floppy-o:before, .fa-save:before { content: "\f0c7"} .fa-square:before { content: "\f0c8"} .fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: "\f0c9"} .fa-list-ul:before { content: "\f0ca"} .fa-list-ol:before { content: "\f0cb"} .fa-strikethrough:before { content: "\f0cc"} .fa-underline:before { content: "\f0cd"} .fa-table:before { content: "\f0ce"} .fa-magic:before { content: "\f0d0"} .fa-truck:before { content: "\f0d1"} .fa-pinterest:before { content: "\f0d2"} .fa-pinterest-square:before { content: "\f0d3"} .fa-google-plus-square:before { content: "\f0d4"} .fa-google-plus:before { content: "\f0d5"} .fa-money:before { content: "\f0d6"} .fa-caret-down:before { content: "\f0d7"} .fa-caret-up:before { content: "\f0d8"} .fa-caret-left:before { content: "\f0d9"} .fa-caret-right:before { content: "\f0da"} .fa-columns:before { content: "\f0db"} .fa-sort:before, .fa-unsorted:before { content: "\f0dc"} .fa-sort-desc:before, .fa-sort-down:before { content: "\f0dd"} .fa-sort-asc:before, .fa-sort-up:before { content: "\f0de"} .fa-envelope:before { content: "\f0e0"} .fa-linkedin:before { content: "\f0e1"} .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"} .fa-gavel:before, .fa-legal:before { content: "\f0e3"} .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"} .fa-comment-o:before { content: "\f0e5"} .fa-comments-o:before { content: "\f0e6"} .fa-bolt:before, .fa-flash:before { content: "\f0e7"} .fa-sitemap:before { content: "\f0e8"} .fa-umbrella:before { content: "\f0e9"} .fa-clipboard:before, .fa-paste:before { content: "\f0ea"} .fa-lightbulb-o:before { content: "\f0eb"} .fa-exchange:before { content: "\f0ec"} .fa-cloud-download:before { content: "\f0ed"} .fa-cloud-upload:before { content: "\f0ee"} .fa-user-md:before { content: "\f0f0"} .fa-stethoscope:before { content: "\f0f1"} .fa-suitcase:before { content: "\f0f2"} .fa-bell-o:before { content: "\f0a2"} .fa-coffee:before { content: "\f0f4"} .fa-cutlery:before { content: "\f0f5"} .fa-file-text-o:before { content: "\f0f6"} .fa-building-o:before { content: "\f0f7"} .fa-hospital-o:before { content: "\f0f8"} .fa-ambulance:before { content: "\f0f9"} .fa-medkit:before { content: "\f0fa"} .fa-fighter-jet:before { content: "\f0fb"} .fa-beer:before { content: "\f0fc"} .fa-h-square:before { content: "\f0fd"} .fa-plus-square:before { content: "\f0fe"} .fa-angle-double-left:before { content: "\f100"} .fa-angle-double-right:before { content: "\f101"} .fa-angle-double-up:before { content: "\f102"} .fa-angle-double-down:before { content: "\f103"} .fa-angle-left:before { content: "\f104"} .fa-angle-right:before { content: "\f105"} .fa-angle-up:before { content: "\f106"} .fa-angle-down:before { content: "\f107"} .fa-desktop:before { content: "\f108"} .fa-laptop:before { content: "\f109"} .fa-tablet:before { content: "\f10a"} .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"} .fa-circle-o:before { content: "\f10c"} .fa-quote-left:before { content: "\f10d"} .fa-quote-right:before { content: "\f10e"} .fa-spinner:before { content: "\f110"} .fa-circle:before { content: "\f111"} .fa-mail-reply:before, .fa-reply:before { content: "\f112"} .fa-github-alt:before { content: "\f113"} .fa-folder-o:before { content: "\f114"} .fa-folder-open-o:before { content: "\f115"} .fa-smile-o:before { content: "\f118"} .fa-frown-o:before { content: "\f119"} .fa-meh-o:before { content: "\f11a"} .fa-gamepad:before { content: "\f11b"} .fa-keyboard-o:before { content: "\f11c"} .fa-flag-o:before { content: "\f11d"} .fa-flag-checkered:before { content: "\f11e"} .fa-terminal:before { content: "\f120"} .fa-code:before { content: "\f121"} .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"} .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"} .fa-location-arrow:before { content: "\f124"} .fa-crop:before { content: "\f125"} .fa-code-fork:before { content: "\f126"} .fa-chain-broken:before, .fa-unlink:before { content: "\f127"} .fa-question:before { content: "\f128"} .fa-info:before { content: "\f129"} .fa-exclamation:before { content: "\f12a"} .fa-superscript:before { content: "\f12b"} .fa-subscript:before { content: "\f12c"} .fa-eraser:before { content: "\f12d"} .fa-puzzle-piece:before { content: "\f12e"} .fa-microphone:before { content: "\f130"} .fa-microphone-slash:before { content: "\f131"} .fa-shield:before { content: "\f132"} .fa-calendar-o:before { content: "\f133"} .fa-fire-extinguisher:before { content: "\f134"} .fa-rocket:before { content: "\f135"} .fa-maxcdn:before { content: "\f136"} .fa-chevron-circle-left:before { content: "\f137"} .fa-chevron-circle-right:before { content: "\f138"} .fa-chevron-circle-up:before { content: "\f139"} .fa-chevron-circle-down:before { content: "\f13a"} .fa-html5:before { content: "\f13b"} .fa-css3:before { content: "\f13c"} .fa-anchor:before { content: "\f13d"} .fa-unlock-alt:before { content: "\f13e"} .fa-bullseye:before { content: "\f140"} .fa-ellipsis-h:before { content: "\f141"} .fa-ellipsis-v:before { content: "\f142"} .fa-rss-square:before { content: "\f143"} .fa-play-circle:before { content: "\f144"} .fa-ticket:before { content: "\f145"} .fa-minus-square:before { content: "\f146"} .fa-minus-square-o:before { content: "\f147"} .fa-level-up:before { content: "\f148"} .fa-level-down:before { content: "\f149"} .fa-check-square:before { content: "\f14a"} .fa-pencil-square:before { content: "\f14b"} .fa-external-link-square:before { content: "\f14c"} .fa-share-square:before { content: "\f14d"} .fa-compass:before { content: "\f14e"} .fa-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150"} .fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151"} .fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152"} .fa-eur:before, .fa-euro:before { content: "\f153"} .fa-gbp:before { content: "\f154"} .fa-dollar:before, .fa-usd:before { content: "\f155"} .fa-inr:before, .fa-rupee:before { content: "\f156"} .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157"} .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158"} .fa-krw:before, .fa-won:before { content: "\f159"} .fa-bitcoin:before, .fa-btc:before { content: "\f15a"} .fa-file:before { content: "\f15b"} .fa-file-text:before { content: "\f15c"} .fa-sort-alpha-asc:before { content: "\f15d"} .fa-sort-alpha-desc:before { content: "\f15e"} .fa-sort-amount-asc:before { content: "\f160"} .fa-sort-amount-desc:before { content: "\f161"} .fa-sort-numeric-asc:before { content: "\f162"} .fa-sort-numeric-desc:before { content: "\f163"} .fa-thumbs-up:before { content: "\f164"} .fa-thumbs-down:before { content: "\f165"} .fa-youtube-square:before { content: "\f166"} .fa-youtube:before { content: "\f167"} .fa-xing:before { content: "\f168"} .fa-xing-square:before { content: "\f169"} .fa-youtube-play:before { content: "\f16a"} .fa-dropbox:before { content: "\f16b"} .fa-stack-overflow:before { content: "\f16c"} .fa-instagram:before { content: "\f16d"} .fa-flickr:before { content: "\f16e"} .fa-adn:before { content: "\f170"} .fa-bitbucket:before { content: "\f171"} .fa-bitbucket-square:before { content: "\f172"} .fa-tumblr:before { content: "\f173"} .fa-tumblr-square:before { content: "\f174"} .fa-long-arrow-down:before { content: "\f175"} .fa-long-arrow-up:before { content: "\f176"} .fa-long-arrow-left:before { content: "\f177"} .fa-long-arrow-right:before { content: "\f178"} .fa-apple:before { content: "\f179"} .fa-windows:before { content: "\f17a"} .fa-android:before { content: "\f17b"} .fa-linux:before { content: "\f17c"} .fa-dribbble:before { content: "\f17d"} .fa-skype:before { content: "\f17e"} .fa-foursquare:before { content: "\f180"} .fa-trello:before { content: "\f181"} .fa-female:before { content: "\f182"} .fa-male:before { content: "\f183"} .fa-gittip:before, .fa-gratipay:before { content: "\f184"} .fa-sun-o:before { content: "\f185"} .fa-moon-o:before { content: "\f186"} .fa-archive:before { content: "\f187"} .fa-bug:before { content: "\f188"} .fa-vk:before { content: "\f189"} .fa-weibo:before { content: "\f18a"} .fa-renren:before { content: "\f18b"} .fa-pagelines:before { content: "\f18c"} .fa-stack-exchange:before { content: "\f18d"} .fa-arrow-circle-o-right:before { content: "\f18e"} .fa-arrow-circle-o-left:before { content: "\f190"} .fa-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191"} .fa-dot-circle-o:before { content: "\f192"} .fa-wheelchair:before { content: "\f193"} .fa-vimeo-square:before { content: "\f194"} .fa-try:before, .fa-turkish-lira:before { content: "\f195"} .fa-plus-square-o:before { content: "\f196"} .fa-space-shuttle:before { content: "\f197"} .fa-slack:before { content: "\f198"} .fa-envelope-square:before { content: "\f199"} .fa-wordpress:before { content: "\f19a"} .fa-openid:before { content: "\f19b"} .fa-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c"} .fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d"} .fa-yahoo:before { content: "\f19e"} .fa-google:before { content: "\f1a0"} .fa-reddit:before { content: "\f1a1"} .fa-reddit-square:before { content: "\f1a2"} .fa-stumbleupon-circle:before { content: "\f1a3"} .fa-stumbleupon:before { content: "\f1a4"} .fa-delicious:before { content: "\f1a5"} .fa-digg:before { content: "\f1a6"} .fa-pied-piper-pp:before { content: "\f1a7"} .fa-pied-piper-alt:before { content: "\f1a8"} .fa-drupal:before { content: "\f1a9"} .fa-joomla:before { content: "\f1aa"} .fa-language:before { content: "\f1ab"} .fa-fax:before { content: "\f1ac"} .fa-building:before { content: "\f1ad"} .fa-child:before { content: "\f1ae"} .fa-paw:before { content: "\f1b0"} .fa-spoon:before { content: "\f1b1"} .fa-cube:before { content: "\f1b2"} .fa-cubes:before { content: "\f1b3"} .fa-behance:before { content: "\f1b4"} .fa-behance-square:before { content: "\f1b5"} .fa-steam:before { content: "\f1b6"} .fa-steam-square:before { content: "\f1b7"} .fa-recycle:before { content: "\f1b8"} .fa-automobile:before, .fa-car:before { content: "\f1b9"} .fa-cab:before, .fa-taxi:before { content: "\f1ba"} .fa-tree:before { content: "\f1bb"} .fa-spotify:before { content: "\f1bc"} .fa-deviantart:before { content: "\f1bd"} .fa-soundcloud:before { content: "\f1be"} .fa-database:before { content: "\f1c0"} .fa-file-pdf-o:before { content: "\f1c1"} .fa-file-word-o:before { content: "\f1c2"} .fa-file-excel-o:before { content: "\f1c3"} .fa-file-powerpoint-o:before { content: "\f1c4"} .fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before { content: "\f1c5"} .fa-file-archive-o:before, .fa-file-zip-o:before { content: "\f1c6"} .fa-file-audio-o:before, .fa-file-sound-o:before { content: "\f1c7"} .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"} .fa-file-code-o:before { content: "\f1c9"} .fa-vine:before { content: "\f1ca"} .fa-codepen:before { content: "\f1cb"} .fa-jsfiddle:before { content: "\f1cc"} .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before { content: "\f1cd"} .fa-circle-o-notch:before { content: "\f1ce"} .fa-ra:before, .fa-rebel:before, .fa-resistance:before { content: "\f1d0"} .fa-empire:before, .fa-ge:before { content: "\f1d1"} .fa-git-square:before { content: "\f1d2"} .fa-git:before { content: "\f1d3"} .fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before { content: "\f1d4"} .fa-tencent-weibo:before { content: "\f1d5"} .fa-qq:before { content: "\f1d6"} .fa-wechat:before, .fa-weixin:before { content: "\f1d7"} .fa-paper-plane:before, .fa-send:before { content: "\f1d8"} .fa-paper-plane-o:before, .fa-send-o:before { content: "\f1d9"} .fa-history:before { content: "\f1da"} .fa-circle-thin:before { content: "\f1db"} .fa-header:before { content: "\f1dc"} .fa-paragraph:before { content: "\f1dd"} .fa-sliders:before { content: "\f1de"} .fa-share-alt:before { content: "\f1e0"} .fa-share-alt-square:before { content: "\f1e1"} .fa-bomb:before { content: "\f1e2"} .fa-futbol-o:before, .fa-soccer-ball-o:before { content: "\f1e3"} .fa-tty:before { content: "\f1e4"} .fa-binoculars:before { content: "\f1e5"} .fa-plug:before { content: "\f1e6"} .fa-slideshare:before { content: "\f1e7"} .fa-twitch:before { content: "\f1e8"} .fa-yelp:before { content: "\f1e9"} .fa-newspaper-o:before { content: "\f1ea"} .fa-wifi:before { content: "\f1eb"} .fa-calculator:before { content: "\f1ec"} .fa-paypal:before { content: "\f1ed"} .fa-google-wallet:before { content: "\f1ee"} .fa-cc-visa:before { content: "\f1f0"} .fa-cc-mastercard:before { content: "\f1f1"} .fa-cc-discover:before { content: "\f1f2"} .fa-cc-amex:before { content: "\f1f3"} .fa-cc-paypal:before { content: "\f1f4"} .fa-cc-stripe:before { content: "\f1f5"} .fa-bell-slash:before { content: "\f1f6"} .fa-bell-slash-o:before { content: "\f1f7"} .fa-trash:before { content: "\f1f8"} .fa-copyright:before { content: "\f1f9"} .fa-at:before { content: "\f1fa"} .fa-eyedropper:before { content: "\f1fb"} .fa-paint-brush:before { content: "\f1fc"} .fa-birthday-cake:before { content: "\f1fd"} .fa-area-chart:before { content: "\f1fe"} .fa-pie-chart:before { content: "\f200"} .fa-line-chart:before { content: "\f201"} .fa-lastfm:before { content: "\f202"} .fa-lastfm-square:before { content: "\f203"} .fa-toggle-off:before { content: "\f204"} .fa-toggle-on:before { content: "\f205"} .fa-bicycle:before { content: "\f206"} .fa-bus:before { content: "\f207"} .fa-ioxhost:before { content: "\f208"} .fa-angellist:before { content: "\f209"} .fa-cc:before { content: "\f20a"} .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: "\f20b"} .fa-meanpath:before { content: "\f20c"} .fa-buysellads:before { content: "\f20d"} .fa-connectdevelop:before { content: "\f20e"} .fa-dashcube:before { content: "\f210"} .fa-forumbee:before { content: "\f211"} .fa-leanpub:before { content: "\f212"} .fa-sellsy:before { content: "\f213"} .fa-shirtsinbulk:before { content: "\f214"} .fa-simplybuilt:before { content: "\f215"} .fa-skyatlas:before { content: "\f216"} .fa-cart-plus:before { content: "\f217"} .fa-cart-arrow-down:before { content: "\f218"} .fa-diamond:before { content: "\f219"} .fa-ship:before { content: "\f21a"} .fa-user-secret:before { content: "\f21b"} .fa-motorcycle:before { content: "\f21c"} .fa-street-view:before { content: "\f21d"} .fa-heartbeat:before { content: "\f21e"} .fa-venus:before { content: "\f221"} .fa-mars:before { content: "\f222"} .fa-mercury:before { content: "\f223"} .fa-intersex:before, .fa-transgender:before { content: "\f224"} .fa-transgender-alt:before { content: "\f225"} .fa-venus-double:before { content: "\f226"} .fa-mars-double:before { content: "\f227"} .fa-venus-mars:before { content: "\f228"} .fa-mars-stroke:before { content: "\f229"} .fa-mars-stroke-v:before { content: "\f22a"} .fa-mars-stroke-h:before { content: "\f22b"} .fa-neuter:before { content: "\f22c"} .fa-genderless:before { content: "\f22d"} .fa-facebook-official:before { content: "\f230"} .fa-pinterest-p:before { content: "\f231"} .fa-whatsapp:before { content: "\f232"} .fa-server:before { content: "\f233"} .fa-user-plus:before { content: "\f234"} .fa-user-times:before { content: "\f235"} .fa-bed:before, .fa-hotel:before { content: "\f236"} .fa-viacoin:before { content: "\f237"} .fa-train:before { content: "\f238"} .fa-subway:before { content: "\f239"} .fa-medium:before { content: "\f23a"} .fa-y-combinator:before, .fa-yc:before { content: "\f23b"} .fa-optin-monster:before { content: "\f23c"} .fa-opencart:before { content: "\f23d"} .fa-expeditedssl:before { content: "\f23e"} .fa-battery-4:before, .fa-battery-full:before, .fa-battery:before { content: "\f240"} .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"} .fa-battery-2:before, .fa-battery-half:before { content: "\f242"} .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"} .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"} .fa-mouse-pointer:before { content: "\f245"} .fa-i-cursor:before { content: "\f246"} .fa-object-group:before { content: "\f247"} .fa-object-ungroup:before { content: "\f248"} .fa-sticky-note:before { content: "\f249"} .fa-sticky-note-o:before { content: "\f24a"} .fa-cc-jcb:before { content: "\f24b"} .fa-cc-diners-club:before { content: "\f24c"} .fa-clone:before { content: "\f24d"} .fa-balance-scale:before { content: "\f24e"} .fa-hourglass-o:before { content: "\f250"} .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"} .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"} .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"} .fa-hourglass:before { content: "\f254"} .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"} .fa-hand-paper-o:before, .fa-hand-stop-o:before { content: "\f256"} .fa-hand-scissors-o:before { content: "\f257"} .fa-hand-lizard-o:before { content: "\f258"} .fa-hand-spock-o:before { content: "\f259"} .fa-hand-pointer-o:before { content: "\f25a"} .fa-hand-peace-o:before { content: "\f25b"} .fa-trademark:before { content: "\f25c"} .fa-registered:before { content: "\f25d"} .fa-creative-commons:before { content: "\f25e"} .fa-gg:before { content: "\f260"} .fa-gg-circle:before { content: "\f261"} .fa-tripadvisor:before { content: "\f262"} .fa-odnoklassniki:before { content: "\f263"} .fa-odnoklassniki-square:before { content: "\f264"} .fa-get-pocket:before { content: "\f265"} .fa-wikipedia-w:before { content: "\f266"} .fa-safari:before { content: "\f267"} .fa-chrome:before { content: "\f268"} .fa-firefox:before { content: "\f269"} .fa-opera:before { content: "\f26a"} .fa-internet-explorer:before { content: "\f26b"} .fa-television:before, .fa-tv:before { content: "\f26c"} .fa-contao:before { content: "\f26d"} .fa-500px:before { content: "\f26e"} .fa-amazon:before { content: "\f270"} .fa-calendar-plus-o:before { content: "\f271"} .fa-calendar-minus-o:before { content: "\f272"} .fa-calendar-times-o:before { content: "\f273"} .fa-calendar-check-o:before { content: "\f274"} .fa-industry:before { content: "\f275"} .fa-map-pin:before { content: "\f276"} .fa-map-signs:before { content: "\f277"} .fa-map-o:before { content: "\f278"} .fa-map:before { content: "\f279"} .fa-commenting:before { content: "\f27a"} .fa-commenting-o:before { content: "\f27b"} .fa-houzz:before { content: "\f27c"} .fa-vimeo:before { content: "\f27d"} .fa-black-tie:before { content: "\f27e"} .fa-fonticons:before { content: "\f280"} .fa-reddit-alien:before { content: "\f281"} .fa-edge:before { content: "\f282"} .fa-credit-card-alt:before { content: "\f283"} .fa-codiepie:before { content: "\f284"} .fa-modx:before { content: "\f285"} .fa-fort-awesome:before { content: "\f286"} .fa-usb:before { content: "\f287"} .fa-product-hunt:before { content: "\f288"} .fa-mixcloud:before { content: "\f289"} .fa-scribd:before { content: "\f28a"} .fa-pause-circle:before { content: "\f28b"} .fa-pause-circle-o:before { content: "\f28c"} .fa-stop-circle:before { content: "\f28d"} .fa-stop-circle-o:before { content: "\f28e"} .fa-shopping-bag:before { content: "\f290"} .fa-shopping-basket:before { content: "\f291"} .fa-hashtag:before { content: "\f292"} .fa-bluetooth:before { content: "\f293"} .fa-bluetooth-b:before { content: "\f294"} .fa-percent:before { content: "\f295"} .fa-gitlab:before { content: "\f296"} .fa-wpbeginner:before { content: "\f297"} .fa-wpforms:before { content: "\f298"} .fa-envira:before { content: "\f299"} .fa-universal-access:before { content: "\f29a"} .fa-wheelchair-alt:before { content: "\f29b"} .fa-question-circle-o:before { content: "\f29c"} .fa-blind:before { content: "\f29d"} .fa-audio-description:before { content: "\f29e"} .fa-volume-control-phone:before { content: "\f2a0"} .fa-braille:before { content: "\f2a1"} .fa-assistive-listening-systems:before { content: "\f2a2"} .fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before { content: "\f2a3"} .fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before { content: "\f2a4"} .fa-glide:before { content: "\f2a5"} .fa-glide-g:before { content: "\f2a6"} .fa-sign-language:before, .fa-signing:before { content: "\f2a7"} .fa-low-vision:before { content: "\f2a8"} .fa-viadeo:before { content: "\f2a9"} .fa-viadeo-square:before { content: "\f2aa"} .fa-snapchat:before { content: "\f2ab"} .fa-snapchat-ghost:before { content: "\f2ac"} .fa-snapchat-square:before { content: "\f2ad"} .fa-pied-piper:before { content: "\f2ae"} .fa-first-order:before { content: "\f2b0"} .fa-yoast:before { content: "\f2b1"} .fa-themeisle:before { content: "\f2b2"} .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"} .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"} .fa-handshake-o:before { content: "\f2b5"} .fa-envelope-open:before { content: "\f2b6"} .fa-envelope-open-o:before { content: "\f2b7"} .fa-linode:before { content: "\f2b8"} .fa-address-book:before { content: "\f2b9"} .fa-address-book-o:before { content: "\f2ba"} .fa-address-card:before, .fa-vcard:before { content: "\f2bb"} .fa-address-card-o:before, .fa-vcard-o:before { content: "\f2bc"} .fa-user-circle:before { content: "\f2bd"} .fa-user-circle-o:before { content: "\f2be"} .fa-user-o:before { content: "\f2c0"} .fa-id-badge:before { content: "\f2c1"} .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"} .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"} .fa-quora:before { content: "\f2c4"} .fa-free-code-camp:before { content: "\f2c5"} .fa-telegram:before { content: "\f2c6"} .fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before { content: "\f2c7"} .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"} .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"} .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"} .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"} .fa-shower:before { content: "\f2cc"} .fa-bath:before, .fa-bathtub:before, .fa-s15:before { content: "\f2cd"} .fa-podcast:before { content: "\f2ce"} .fa-window-maximize:before { content: "\f2d0"} .fa-window-minimize:before { content: "\f2d1"} .fa-window-restore:before { content: "\f2d2"} .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"} .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"} .fa-bandcamp:before { content: "\f2d5"} .fa-grav:before { content: "\f2d6"} .fa-etsy:before { content: "\f2d7"} .fa-imdb:before { content: "\f2d8"} .fa-ravelry:before { content: "\f2d9"} .fa-eercast:before { content: "\f2da"} .fa-microchip:before { content: "\f2db"} .fa-snowflake-o:before { content: "\f2dc"} .fa-superpowers:before { content: "\f2dd"} .fa-wpexplorer:before { content: "\f2de"} .fa-meetup:before { content: "\f2e0"} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } div.fancy-select { position: relative; font-weight: 700; text-transform: uppercase; font-size: 13px; color: #46565d; } div.fancy-select.disabled { opacity: .5; } div.fancy-select select:focus+div.trigger { box-shadow: 0 0 0 2px #4b5468; } div.fancy-select select:focus+div.trigger.open { box-shadow: none; } div.fancy-select div.trigger { border-radius: 4px; cursor: pointer; padding: 10px 24px 9px 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: #99a5be; border: 1px solid #99a5be; border-top-color: #a5b2cb; color: #4b5468; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); width: 200px; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; } div.fancy-select div.trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #4b5468; top: 20px; right: 9px; } div.fancy-select div.trigger.open { background: #4a5368; border: 1px solid #475062; color: #7a8498; box-shadow: none; } div.fancy-select div.trigger.open:after { border-top-color: #7a8498; } div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; background: #62c8bf; border-radius: 4px; border-top: 1px solid #7dd8d2; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); min-width: 200px; transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -webkit-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -moz-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -ms-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -o-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; } div.fancy-select ul.options.open { visibility: visible; top: 50px; opacity: 1; transition: opacity .3s ease-out, top .3s ease-out; -webkit-transition: opacity .3s ease-out, top .3s ease-out; -moz-transition: opacity .3s ease-out, top .3s ease-out; -ms-transition: opacity .3s ease-out, top .3s ease-out; -o-transition: opacity .3s ease-out, top .3s ease-out; } div.fancy-select ul.options.overflowing { top: auto; bottom: 40px; transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out; -webkit-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out; -moz-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out; -ms-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out; -o-transition: opacity .3s ease-out, bottom .3s ease-out, visibility .3s ease-out; } div.fancy-select ul.options.overflowing.open { top: auto; bottom: 50px; transition: opacity .3s ease-out, bottom .3s ease-out; -webkit-transition: opacity .3s ease-out, bottom .3s ease-out; -moz-transition: opacity .3s ease-out, bottom .3s ease-out; -ms-transition: opacity .3s ease-out, bottom .3s ease-out; -o-transition: opacity .3s ease-out, bottom .3s ease-out; } div.fancy-select ul.options li { padding: 8px 12px; color: #2b8686; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; } div.fancy-select ul.options li.selected { background: rgba(43, 134, 134, .3); color: rgba(255, 255, 255, .75); } div.fancy-select ul.options li.hover { color: #fff; } @-webkit-keyframes hey { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-filter: blur(20px); filter: blur(20px); } 90% { -webkit-filter: blur(40px); filter: blur(40px); } 100% { -webkit-transform: none; transform: none; -webkit-filter: none; filter: none; } }@keyframes hey { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-filter: blur(20px); filter: blur(20px); } 90% { -webkit-filter: blur(40px); filter: blur(40px); } 100% { -webkit-transform: none; transform: none; -webkit-filter: none; filter: none; } }.checkbox-hey:checked { -webkit-animation: hey .8s linear; animation: hey .8s linear; } @-webkit-keyframes omg { 59% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 60% { -webkit-transform: translateX(-8px) translateY(12px); transform: translateX(-8px) translateY(12px); } 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 80% { -webkit-transform: translateX(8px); transform: translateX(8px); } 90% { -webkit-transform: scale(.4); transform: scale(.4); } 100% { -webkit-transform: none; transform: none; } }@keyframes omg { 59% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 60% { -webkit-transform: translateX(-8px) translateY(12px); transform: translateX(-8px) translateY(12px); } 70% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 80% { -webkit-transform: translateX(8px); transform: translateX(8px); } 90% { -webkit-transform: scale(.4); transform: scale(.4); } 100% { -webkit-transform: none; transform: none; } }.checkbox-omg:checked { -webkit-animation: omg .5s linear; animation: omg .5s linear; } .checkbox-splash:active { -webkit-transform: scale(2); transform: scale(2); -webkit-transition: all .15s linear; transition: all .15s linear; } .checkbox-roll:checked { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); -webkit-transition: all .15s linear; transition: all .15s linear; } .checkbox-rotate:checked { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all .2s linear; transition: all .2s linear; } .checkbox-down { -webkit-transition: all .15s linear; transition: all .15s linear; } .checkbox-up, .checkbox-yo { -webkit-transition: all .15s linear; } .checkbox-down:checked { -webkit-transform: translateY(10px); transform: translateY(10px); } .checkbox-up { transition: all .15s linear; } .checkbox-up:checked { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .checkbox-yo { transition: all .15s linear; } .checkbox-yo:checked { -webkit-transform: rotate(-45deg) translateZ(0); transform: rotate(-45deg) translateZ(0); } @-webkit-keyframes inout { 30% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(.3); transform: scale(.3); } 90% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: none; transform: none; } }@keyframes inout { 30% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(.3); transform: scale(.3); } 90% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: none; transform: none; } }.checkbox-inout:checked { -webkit-animation: inout .5s linear; animation: inout .5s linear; } .checkbox-away { -webkit-transition: all .15s linear; transition: all .15s linear; } .checkbox-away:checked { -webkit-transform: translateX(-10px); transform: translateX(-10px); } @-webkit-keyframes jump { 50% { -webkit-transform: scale(.6) translateY(-10px); transform: scale(.6) translateY(-10px); } 70% { -webkit-transform: scale(.8) translateY(-5px); transform: scale(.8) translateY(-5px); } 90% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 100% { -webkit-transform: none; transform: none; } }@keyframes jump { 50% { -webkit-transform: scale(.6) translateY(-10px); transform: scale(.6) translateY(-10px); } 70% { -webkit-transform: scale(.8) translateY(-5px); transform: scale(.8) translateY(-5px); } 90% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 100% { -webkit-transform: none; transform: none; } }.checkbox-jump:checked { -webkit-animation: jump .35s linear; animation: jump .35s linear; } @-webkit-keyframes tv { 50% { -webkit-transform: scale(.6) rotateY(100deg) skew(45deg); transform: scale(.6) rotateY(100deg) skew(45deg); } 70% { -webkit-transform: scale(.8) rotateY(200deg) skew(70deg); transform: scale(.8) rotateY(200deg) skew(70deg); } 90% { -webkit-transform: scale(1) rotateY(500deg) skew(20deg); transform: scale(1) rotateY(500deg) skew(20deg); } 100% { -webkit-transform: none; transform: none; } }@keyframes tv { 50% { -webkit-transform: scale(.6) rotateY(100deg) skew(45deg); transform: scale(.6) rotateY(100deg) skew(45deg); } 70% { -webkit-transform: scale(.8) rotateY(200deg) skew(70deg); transform: scale(.8) rotateY(200deg) skew(70deg); } 90% { -webkit-transform: scale(1) rotateY(500deg) skew(20deg); transform: scale(1) rotateY(500deg) skew(20deg); } 100% { -webkit-transform: none; transform: none; } }.checkbox-tv:checked { -webkit-animation: tv .3s linear; animation: tv .3s linear; } /*! * jQuery UI Slider 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/slider/#theming */.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%} .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%} .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }@keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } }.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 50%, from, to { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { 50%, from, to { opacity: 1; } 25%, 75% { opacity: 0; } }.flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }.shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } }.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } }@keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } }.wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } }@keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } }.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }@keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } }.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } }.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } }.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }@keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } }.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } }.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } }.flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } }@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } }.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } }.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } }.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } }.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } }.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } }.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } }.hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }@keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } }.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } }@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } }.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } }.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } }.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } }.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } }.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } }.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .am-football, .baseball, .basketball, .csgo, .dota, .hockey, .live-match-stat.am-football { display: none; } .success-story-cybersport { display: none; } .dark-football>.main-club-stuff { display: none; } .dark-football>.main-players-stat.bg-cover { display: none; } .soccer-h4 { color: #fff; } .main-club-stuff.amateurs-club-stuff { background: #fff; } body, html { margin: 0; padding: 0; width: 100%} body { background: #f7f7f7; } a { color: #410F0F; text-decoration: none; outline: 0; transition: all .4s; } a:hover { color: #141414; text-decoration: none; } a:focus { color: #141414; text-decoration: none; } input { margin: 0; padding: 0; vertical-align: middle; } textarea { resize: vertical; } div { margin: 0; padding: 0; font-family: "Open Sans", sans-serif; font-size: 16px; color: #3d3d3d; line-height: 26px; } ul { margin: 0; padding: 0; list-style: none; width: 100%} .post-content ul { padding: 0 20px; list-style-type: square; } .post-content ol { padding: 0 20px; } .post-content tr th a { color: #ccc; } li { margin: 0; padding: 0; line-height: normal; } h1, h2, h3, h4, h5, h6 { font-family: Raleway, sans-serif; font-weight: 900; text-transform: uppercase; color: #141414; } h1 { padding-top: 20px; padding-bottom: 26px; font-size: 40px; } h2 { padding-top: 20px; padding-bottom: 26px; font-size: 32px; } h3 { padding-top: 20px; padding-bottom: 21px; font-size: 28px; } h4 { padding-top: 20px; padding-bottom: 19px; font-size: 24px; } h5 { padding-top: 20px; padding-bottom: 15px; font-size: 20px; } h6 { padding-top: 20px; padding-bottom: 14px; font-size: 18px; } .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: #fff; } iframe { border: 0; } .overflow-scroll { overflow-x: auto; } body.page .comments-wrap { padding: 0; } @media (max-width:768px) { h6.text-center { text-align: center!important; } }.lading-sport-shedule-section { padding: 55px 0 80px 0; } .lading-sport-store-section { padding-top: 75px; padding-bottom: 105px; } h5.landing-sport-header { font-size: 16px; text-transform: uppercase; font-family: Raleway; font-weight: 700; color: #1f1f1f; line-height: 1; padding-top: 40px; padding-bottom: 28px; margin: 0; } h5.esport-landing-header { font-size: 16px; text-transform: uppercase; font-family: Raleway; font-weight: 700; color: #fff; line-height: 1; padding-top: 40px; padding-bottom: 28px; margin: 0; } .sport-cmapionship-shedule-section { padding-top: 40px; padding-bottom: 100px; } .sport-cmapionship-timline-section { padding-top: 40px; padding-bottom: 75px; } .sport-cmapionship-news-section { padding-bottom: 100px; } .esport-black { background: #000; } .esport_champoinship_shedule_section { padding-top: 40px; padding-bottom: 65px; } .esport_champoinship_ofthepast_section { padding-top: 40px; padding-bottom: 100px; } .esport-championship-store-section { padding-top: 40px; padding-bottom: 55px; } .esport-landing-next-event-section { padding-bottom: 80px; padding-top: 50px; } .esport-team-landing-players-sllider-section { background: url(../images/common/esport-team-landing-players-slider-background.jpg), no-repeat; background-size: cover; padding-bottom: 73px; padding-top: 35px; } .esport-landing-latest-videos-section { padding-bottom: 100px; } .esport-landing-big-section { padding-top: 40px; padding-bottom: 65px; } .cart-drop { position: absolute; top: 100%; right: 0; width: 430px; background: #fff; z-index: 4; display: none; } .cart-drop table { margin-bottom: 0; } .cart-drop table td.delete { position: relative; width: 30%} .cart-drop table td.delete a { width: 100%; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; font-size: 12px; line-height: 160px; color: #7a7a7a; overflow: hidden; padding: 0; } .cart-drop table .delete a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -20px; right: 20px; background: #f0f0f0; transform: skew(-6deg); } .cart-drop table .delete a i:after { display: none; } .cart-drop table .delete a:hover i { color: #000; } .cart-drop table .delete a:hover:before { background: #410F0F; } .cart-drop table td.info { width: 70%} .cart-drop table td { text-align: left; padding-left: 0; padding-right: 0; height: 160px; border-bottom: 1px solid #e0e0e0; } .cart-drop .wrap { overflow: hidden; padding: 0 30px; } .cart-drop tr img { height: 70%; width: 30%; object-fit: cover; } .cart-drop .info a { padding-left: 5px; } .cart-drop .btn-wrap { padding: 30px; border-top: 1px solid #e0e0e0; } .cart-drop .wrap a.btn { padding: 15px 24px 13px 24px; color: #141414; } .cart-drop .wrap a.btn.view { float: left; } .cart-drop .wrap a.btn.check { float: right; } .cart-drop .wrap a.btn:hover { color: #fff; } .cart-drop .total-text { width: 50%; font-size: 12px; font-family: Montserrat, sans-serif; height: 68px; text-transform: uppercase; line-height: 68px; float: left; text-align: left; } .cart-drop .total-digit { width: 50%; text-align: right; font-size: 14px; font-weight: 700; height: 68px; line-height: 68px; float: right; } .cart-drop tr td { background-color: #fff; } .cart-drop table tr:hover td i { color: #fff; } .cart-drop table td em { padding-left: 15px; font-size: 14px; color: #3d3d3d; font-weight: 700; font-style: normal; display: inline-block; width: 60%} .cart-drop table td em.price { padding-left: 0; font-size: 12px; color: #666; font-weight: 400; font-style: normal; } .cart-drop table tr:hover td { background: #fff; } .btn { padding: 15px 24px 13px 24px; border-radius: 9px; border: none; background: #f7f7f7; font-size: 16px; color: #981b21; text-transform: uppercase; font-family: Montserrat, sans-serif; } .btn:hover { color: #fff; background: #131313; } .btn.small { font-size: 12px; } .clear { clear: both; } .bg-cover { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .no-gutter>[class*=col-] { padding-right: 0; padding-left: 0; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .position-relative { position: relative; } input[type=text] { padding: 15px 10px; border: 1px solid transparent; width: 100%; background: #fff; font-size: 14px; color: #666; line-height: normal; outline: 0; } input[type=text][disabled] { background: #ededed; } input[type=text].error { border-color: red; color: red; } input[type=email] { padding: 15px 10px; border: 1px solid transparent; width: 100%; background: #fff; font-size: 14px; color: #666; line-height: normal; outline: 0; margin-left: 5px; text-align: center; } input[type=email][disabled] { background: #ededed; } textarea { padding: 15px 10px; width: 100%; height: 180px; background: #fff; border: none; font-size: 14px; color: #666; line-height: normal; } .main-match-shedule { padding: 30px 0 90px 0; } .amateurs-main-match { padding: 67px 50px 67px 50px; font-size: 0; background: url(../images/soccer/placar-ultimoresultado-bg.png) 50% 50% no-repeat; background-size: cover; } .club-top-info { min-height: 300px; background: url(../images/soccer/clube-top-bg.png) 50% 50% no-repeat; background-size: cover; position: relative; } .match-live-info-bg { padding: 35px 0 26px 0; background: url(../images/soccer/placar-ultimoresultado-bg.png) 50% 50% no-repeat; background-size: cover; } .club-staff-top { padding-top: 65px; padding-bottom: 63px; } .main-menu-wrap { background: #f7f7f7; width: 100%; height: 54px; position: relative; z-index: 100; } .is-sticky .main-menu-wrap { z-index: 100!important; } body.admin-bar .is-sticky .main-menu-wrap { top: 32px!important; } .main-menu-wrap .logo { padding: 20px 0; display: block; } .main-menu-wrap .navbar { margin-bottom: 0; } .main-menu-wrap .navbar-collapse { padding-right: 0; padding-left: 0; } .main-menu-wrap .custom-logo-link { height: 54px; display: flex; float: left; position: relative; } .main-menu-wrap .custom-logo-link img { margin: auto 0; } .main-menu { text-align: right; height: 54px; } .main-menu>li { display: inline-block; } .main-menu>li:hover>a { background: 0 0; color: #410F0F; } .main-menu>li a:focus { background: 0 0; } .main-menu>li a { padding: 0 17px; font-family: Montserrat, sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; } .main-menu>li>a>span { padding: 25px 0; position: relative; display: block; font-size: 11px; } .main-menu>li>a>span:before { content: ''; width: 100%; height: 2px!important; background: #410F0F; bottom: 58px; left: 0; position: absolute; opacity: 0; transition: all .4s; } .main-menu>li.active a span:before { opacity: 1; height: 2px; } .main-menu>li a:hover span:before { opacity: 1; height: 2px; } .main-menu>li.cart a { padding-right: 0; } .main-menu>li.cart a i { position: relative; } .main-menu>li.cart a i:after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #410F0F; position: absolute; top: -2px; right: -3px; opacity: 0; } .main-menu>li.cart.full a i:after { opacity: 1; } .main-menu>li>ul { min-width: 250px; padding: 0; margin: 0; background: #000; border-radius: 0; border: none; position: absolute; left: 0; top: 100%; z-index: 10; display: none; } .main-menu>li:hover>ul { display: block; } .main-menu>li>ul li { border-left: 2px solid #410F0F; margin: 0; display: block; position: relative; text-align: left; } .main-menu>li>ul li a { padding-top: 11px; padding-bottom: 10px; padding-right: 40px; padding-left: 18px; font-size: 11px; display: block; color: #fff; } .main-menu>li>ul>li:hover { background: #410F0F; border-left: 2px solid #000; } .main-menu>li>ul>li:hover>a { color: #000; } .main-menu>li>ul li a i { position: absolute; right: 20px; } .main-menu>li>ul>li>ul { background: #000; min-width: 250px; position: absolute; left: 100%; top: 0; display: none; } .main-menu>li>ul>li:hover>ul { display: block; } .main-menu>li>ul>li>ul li:hover { background: #410F0F; border-left: 2px solid #000; } .main-menu>li>ul>li>ul li:hover a { color: #000; } .main-menu-wrap .custom-logo-link:before { content: ''; background-color: #f7f7f7; top: 0; bottom: 0; right: -75%; left: -10000%; position: absolute; transform: skew(-10deg); z-index: 0; } .main-menu-wrap .custom-logo-link img { margin: auto 0; position: relative; } .main-players-stat { padding: 44px 0 100px 0; background-size: cover; background-image: url(../images/soccer/player-stat-bg.jpg); } .main-players-stat h4 { padding-bottom: 0; color: #f2f2f2; } .success-story { padding: 44px 0 0 0; background: url(../images/soccer/about-bg.jpg) 100% 0 no-repeat #f7f7f7; background-size: cover; } .success-story .title { padding: 8px 0 16px 0; font-family: Raleway, sans-serif; font-weight: 900; font-size: 16px; text-transform: uppercase; color: #141414; } .success-story .icon { padding-top: 19px; } .success-story .booking { margin-top: 65px; padding: 9px 26px 8px 26px; display: inline-block; background: #410F0F; border-radius: 9px; color: #141414; font-size: 16px; font-family: Montserrat, sans-serif; text-transform: uppercase; } .success-story .booking:hover { color: #fff; background: #141414; } .success-story .coach-quote { padding-left: 56px; position: absolute; bottom: 11%; left: 0; border: none; } .success-story .coach-quote:before { content: '\201c'; position: absolute; left: 0; font-weight: 700; top: 4px; font-size: 200px; line-height: 120px; z-index: 0; color: #141414; font-family: "Open Sans", sans-serif; } .success-story .coach-quote p { margin: 0; font-size: 24px; position: relative; line-height: 32px; font-weight: 800; color: #fff; font-family: Raleway, sans-serif; } .success-story .coach-quote p.name { padding-top: 9px; font-size: 12px; text-transform: uppercase; line-height: normal; font-weight: 400; color: #666; font-family: Montserrat, sans-serif; } .success-story-cybersport { padding: 44px 0 0 0; background: url(../images/soccer/about-bg.jpg) 100% 0 no-repeat #f7f7f7; background-size: cover; } .success-story-cybersport .title { padding: 8px 0 16px 0; font-family: Raleway, sans-serif; font-weight: 900; font-size: 16px; text-transform: uppercase; color: #141414; } .success-story-cybersport .icon { padding-top: 19px; } .success-story-cybersport .booking { margin-top: 65px; padding: 9px 26px 8px 26px; display: inline-block; background: #410F0F; border-radius: 9px; color: #141414; font-size: 16px; font-family: Montserrat, sans-serif; text-transform: uppercase; } .success-story-cybersport .booking:hover { color: #fff; background: #141414; } .success-story-cybersport .coach-quote { padding-left: 56px; position: absolute; bottom: 8%; left: 0; border: none; } .success-story-cybersport .coach-quote:before { content: '\201c'; position: absolute; left: 0; font-weight: 700; top: 4px; font-size: 200px; line-height: 120px; z-index: 0; color: #141414; font-family: "Open Sans", sans-serif; } .success-story-cybersport .coach-quote p { margin: 0; font-size: 24px; position: relative; line-height: 32px; font-weight: 800; color: #fff; font-family: Raleway, sans-serif; } .success-story-cybersport .coach-quote p.name { padding-top: 9px; font-size: 12px; text-transform: uppercase; line-height: normal; font-weight: 400; color: #666; font-family: Montserrat, sans-serif; } .cybersport-slogan { padding-top: 12%; width: 100%; position: absolute; top: 0; bottom: 0; text-align: right; } .cybersport-slogan>.title { padding: 0; line-height: normal; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-size: 40px; font-weight: 900; } .cybersport-slogan>.big-title { line-height: 40px; text-transform: uppercase; color: #e6e6e6; font-family: Raleway, sans-serif; font-size: 48px; font-weight: 900; padding-top: 10px; padding-bottom: 10px; } .cybersport-slogan>p { text-align: right; font-size: 16px; color: #e5e5e5; line-height: 26px; } .amateurs-success-slogan { padding-top: 12%; width: 100%; text-align: right; } .amateurs-success-story { padding-bottom: 100px; background: url(../images/soccer/success-section-bg1.jpg) 100% 0 no-repeat #f7f7f7; background-size: cover; } .amateurs-success-slogan>.title { padding: 0; line-height: normal; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-size: 40px; font-weight: 900; } .amateurs-success-slogan>.big-title { line-height: 40px; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-size: 48px; font-weight: 900; } .amateurs-success-slogan>.btn { float: right; margin-top: 37%} .am-sponsor-box { height: 480px; padding: 80px 0 80px 0; background: url(../images/soccer/sponsor-bg.jpg) 50% 50% no-repeat; background-size: cover; } .am-sponsor-box .text { padding-bottom: 50px; } .main-club-stuff { padding: 56px 0 100px 0; background: url(../ondjoweb/admin/galeriafotos/clube-plantel-bg.png) 50% 50% no-repeat; background-size: cover; } .main-club-stuff .staff-text { padding-top: 30px; } .call-to-action { padding: 10px 0; background: url(../ondjoweb/admin/galeriafotos/call-toaction.png) no-repeat; background-size: cover; border-radius: 6px; } .call-to-action .text { padding-top: 9px; font-size: 24px; line-height: normal; font-weight: 900; color: #410F0F !important; font-family: Raleway, sans-serif; text-transform: uppercase; } .call-to-action .join { padding: 9px 31px 10px 31px; display: inline-block; background: #141414; border-radius: 9px; color: #410F0F !important; font-size: 16px; font-family: Montserrat, sans-serif; text-transform: uppercase; } .call-to-action .join:hover { color: #410F0F; background: #141414; } .main-team-store .player-filters { padding-bottom: 34px; } .main-team-store ul li a { color: #141414; } #show-all-link { color: #141414; text-transform: uppercase; } #show-all-link:hover { color: #410F0F; } .store-list-item>div { max-width: 320px; margin: auto; } .main-team-store { padding-top: 55px; } .store-wrap { padding-top: 47px; } .store-wrap .store-list-item { margin-bottom: 35px; } .store-list-item>div { padding-bottom: 75px; display: block; position: relative; overflow: hidden; } .store-list-item img { width: 100%} .store-list-item>div .info { padding: 15px 24px 17px 24px; position: absolute; left: 0; right: 0; bottom: -35px; display: block; z-index: 2; transition: all .4s; } .store-list-item>div .info:before { content: ''; position: absolute; left: -20px; right: 0; bottom: -50px; height: 200%; transform: rotate(4deg); transition: all .4s; top: -10px; background: #fff; z-index: 1; } .store-list-item>div .info:after { content: ''; position: absolute; left: -40px; right: 0; bottom: -50px; height: 200%; transform: rotate(9deg); transition: all .4s; top: 100%; background: #410F0F; z-index: 0; } .store-list-item>div:hover .name { color: #fff; } .store-list-item>div:hover .price { color: #fff; } .store-list-item>div:hover .info { bottom: 0; } .store-list-item>div:hover .info:before { background: #141414; } .store-list-item>div:hover .info:after { top: -40px; } .store-list-item .name { font-size: 14px; color: #292929; line-height: 20px; font-weight: 700; display: block; z-index: 1; position: relative; } .store-list-item .price { display: block; font-size: 20px; color: #666; z-index: 1; position: relative; } .store-list-item .btn-wrap { transform: scale(0); position: relative; z-index: 2; overflow: hidden; transition: all .4s; } .store-list-item .btn { margin-top: 10px; padding: 8px 18px 5px 18px; line-height: normal; font-size: 12px; color: #141414; float: left; background: #410F0F; } .store-list-item .btn:last-child { float: right; } .store-list-item .btn:hover { background: #fff; color: #141414; } .store-list-item>div:hover .btn-wrap { transform: scale(1); } .store-badge { padding: 0 10px 0 10px; line-height: 26px; height: 26px; display: inline-block; position: absolute; top: 24px; left: 24px; font-size: 10px; text-transform: uppercase; color: #fff; font-family: Montserrat, sans-serif; z-index: 5; border-radius: 6px; } .store-badge:before { content: ''; position: absolute; top: 0; bottom: 0; width: 8px; right: -4px; transform: skew(-10deg); } .store-badge.hot { padding-left: 23px; background: url(../ondjoweb/admin/galeriafotos/hot-bg.png) 9px 8px no-repeat #d32f2f; } .store-badge.hot:before { background: #d32f2f; } .store-badge.new { background: #06a5e7; border-radius: 6px; } .store-badge.new:before { background: #06a5e7; } .store-banner { height: 460px; background: 50% 50% no-repeat; } .store-banner-info { text-align: right; position: absolute; bottom: 66px; left: 0; right: 0; } .store-banner-info .title { font-size: 40px; text-transform: uppercase; line-height: normal; font-family: Raleway, sans-serif; font-weight: 900; color: #141414; } .store-banner-info .title span { font-size: 60px; display: block; line-height: 62px; } .store-banner-info .btn { margin-top: 38px; } .store-wrap .pagination-wrap .pagination { margin: 5px 0 80px 0; } .main-sponsor-slider-background { padding: 2px 0 2px 0; } .footer { padding: 0 0 0; background: url(../ondjoweb/admin/galeriafotos/esport-team-landing-players-slider-background.jpg) 50% 50% no-repeat; overflow: hidden; background-size: cover; } .footer .footer-left { padding: 80px 0 0 0; color: #292929; position: relative; } .footer .footer-left .wrap { position: relative; } .footer .footer-left:before { content: ''; margin-bottom: -100%; background-color: rgba(255, 204, 0, .7); top: 0; bottom: 0; right: -30px; left: -1000%; position: absolute; transform: skew(-10deg); } .footer .footer-left .foot-logo { margin-bottom: 27px; display: inline-block; } .footer .footer-left p { color: #292929; } .wrapper-overfllow { overflow: hidden; margin-bottom: 30px; } .footer h4 { color: #fff; } .footer .foot-left-menu { padding: 21px 0 94px 0; overflow: hidden; } .footer .foot-left-menu li { padding-bottom: 11px; width: 50%; float: left; color: #ccc; } .footer .foot-left-menu li a { padding: 0 0 0 20px; position: relative; display: block; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #141414; } .footer .foot-left-menu li a:hover { color: #fff; } .footer .foot-left-menu li a:before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #141414; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .footer .foot-news { padding-top: 59px; } .footer .foot-news .item span { transition: all .4s; } .footer .foot-news .item .name { padding-top: 20px; padding-bottom: 5px; font-weight: 700; line-height: 24px; color: #fff; display: block; } .footer .foot-news .item .name:hover { color: #410F0F; } .footer .foot-news .item .date { font-size: 12px; text-transform: uppercase; color: #999; font-family: Montserrat, sans-serif; } .footer .foot-news .item .date:hover { color: #fff; } .footer .foot-news .item .separator { font-size: 12px; text-transform: uppercase; color: #999; font-family: Montserrat, sans-serif; } .footer .foot-news .item .category { font-size: 12px; text-transform: uppercase; color: #999; font-family: Montserrat, sans-serif; } .footer .foot-news .item .category:hover { color: #fff; } .footer .foot-contact { padding-top: 59px; } .footer .contact-list li { padding: 0 0 5px 33px; position: relative; } .footer .contact-list li i { position: absolute; left: 0; top: 4px; color: #999; } .footer .contact-list li span { color: #999; display: inline-block; } .footer .contact-list li a { margin-bottom: 6px; display: block; color: #999; } .footer .contact-list li a:hover { color: #fff; } .footer .contact-list li.phone span { font-size: 24px; color: #999; font-weight: 700; font-family: Montserrat, sans-serif; } .footer-menu-wrap .foot-up:before { content: ''; background-color: #0a0a0a; top: 0; bottom: 20px; right: -1000%; left: 82%; right: 8%; position: absolute; transform: skew(50deg); z-index: 0; } .footer-menu-wrap { background: #141414; height: 60px; } .footer-menu { float: left; } .footer-menu li { display: inline-block; } .footer-menu li:hover a { background: 0 0; } .footer-menu li a:focus { background: 0 0; } .footer-menu li a:first-child { padding-left: 0; } .footer-menu li a { padding: 0 17px; font-family: Montserrat, sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; display: inline-block; } .footer-menu li a span { padding: 38px 0; position: relative; display: block; top: -18px; } .footer-menu li a span:before { content: ''; width: 100%; height: 2px!important; background: #410F0F; bottom: 30px; left: 0; position: absolute; opacity: 0; transition: all .4s; } .footer-menu li.active a span:before { opacity: 1; height: 6px; } .footer-menu li a:hover span:before { opacity: 1; height: 6px; } .footer .foot-up { padding: 0 0 0 17px; float: right; font-family: Montserrat, sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; } .footer .foot-up span { padding: 12px 0; display: block; position: relative; left: -120px; } .footer .foot-up span i { margin-left: 7px; } .footer-bottom { padding: 2px 0 2px 0; background: #f7f7f7; } .footer-bottom .copyrights { padding-bottom: 9px; font-size: 10px; text-transform: uppercase; color: grey; } .footer-bottom .created { text-align: right; padding-bottom: 10px; } .footer-bottom .created img { width: 20px; height: 20px; } .footer-bottom .created a { font-size: 9px; text-transform: uppercase; color: grey; } .player-filters { padding-bottom: 34px; } .amateurs-match-shedule { padding-top: 10px; padding-bottom: 80px; background: url(../ondjoweb/admin/galeriafotos/resultados-body-bg.png) no-repeat; background-size: cover; } .main-match-shedule.amateurs-match-shedule ul.player-filters { padding-bottom: 34px; } .main-match-shedule.amateurs-match-shedule>ul.player-filters li a { color: #141414; } .main-match-shedule.amateurs-match-shedule>ul.player-filters li a:before { background: #410F0F; } .image-header { min-height: 300px; background: url(../ondjoweb/admin/galeriafotos/resultados-header-bg.png) no-repeat right; background-size: cover; overflow: hidden; clear: both; } .image-header h1 { padding-top: 5px; margin-top: 0; color: #141414; } .image-header .info { padding-top: 136px; padding-bottom: 55px; position: relative; } .image-header .info .wrap { position: relative; } .image-header .info:before { content: ''; margin-bottom: -100%; background-color: rgba(255, 204, 0, .7); top: 0; bottom: 0; right: -30px; left: -1000%; position: absolute; transform: skew(-10deg); } .breadcrumbs li { display: inline-block; font-size: 12px; color: #141414; text-transform: uppercase; } .breadcrumbs li a { padding-right: 4px; font-size: 12px; color: #141414; text-transform: uppercase; } .match-live-date { padding: 59px 0 29px 0; } .match-live-date .date { font-size: 12px; color: #141414; text-transform: uppercase; font-family: Montserrat, sans-serif; } .match-live-date .date span { color: #666; } .match-live-date .event { text-align: right; font-size: 12px; color: #141414; text-transform: uppercase; font-family: Montserrat, sans-serif; } .team .avatar img { height: 60px; width: 60px; border: 1px solid #ddd; border-radius: 60px; padding: 6px; background: #fff; } .match-page-top { padding: 80px 0 26px 0; } .match-page-slider .item { position: relative; overflow: hidden; display: block; } .match-page-slider .item:hover .info { left: 0; } .match-page-slider .item img { width: 100%; display: block; } .match-page-slider .item .info { padding: 24px 0 10px 30px; transition: all .4s; width: 45%; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: -100%; display: block; z-index: 1; } .match-page-slider .item .info>* { font-size: 16px; line-height: 24px; color: #fff; font-family: Montserrat, sans-serif; display: block; position: relative; } .match-page-slider .item .info:before { content: ''; position: absolute; top: 0; bottom: 0; left: -60px; right: -25px; background-color: rgba(0, 0, 0, .8); transform: skew(-10deg); } .match-page-slider .item .info .date { padding-bottom: 8px; line-height: normal; } .arena img { max-width: 100%} .arena .img-wrap { position: relative; } .arena .title { position: absolute; left: 30px; top: 20px; font-size: 16px; color: #fff; font-family: Montserrat, sans-serif; } .arena .arena-info { padding: 16px 20px 15px 20px; background: #fcfcfc; } .arena .name { padding-bottom: 6px; font-size: 16px; font-weight: 700; color: #3d3d3d; line-height: normal; } .arena .date { padding-bottom: 4px; font-size: 14px; color: #3d3d3d; line-height: normal; } .live-details { padding: 10px 20px 14px 20px; background: #fcfcfc; } .gallery-slider .item a { position: relative; display: block; overflow: hidden; } .gallery-slider .item a:hover .info { left: 0; } .gallery-slider .item .info { padding: 24px 10px 10px 30px; transition: all .4s; width: 40%; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: -100%; display: block; z-index: 1; } .gallery-slider .item .info>* { font-size: 16px; line-height: 24px; color: #fff; font-family: Montserrat, sans-serif; display: block; position: relative; } .gallery-slider .item .info:before { content: ''; position: absolute; top: 0; bottom: 0; left: -30px; right: -25px; background-color: rgba(0, 0, 0, .8); transform: skew(-10deg); } .gallery-slider .item .info .then { padding-bottom: 8px; line-height: normal; } ul.team-legend { padding: 0; } .categories-list>li { overflow: hidden; transition: all .4s; } .categories-list>li:hover a { background: #141414; color: #fff; } .categories-list>li>a { margin-bottom: 2px; font-size: 14px; color: #141414; display: block; position: relative; z-index: 2; background: linear-gradient(to right, #f0f0f0, #f7f7f7); } .categories-list>li>a .count { padding: 11px 0 10px 0; width: 40px; display: inline-block; text-align: center; color: #3d3d3d; position: relative; font-size: 12px; font-family: Montserrat, sans-serif; transition: all .4s; } .categories-list>li>a .count:before { content: ''; width: 2px; position: absolute; top: 0; bottom: 0; left: 0; background: #410F0F; transition: all .4s; z-index: -1; } .categories-list>li:hover>a .count { margin-right: 9px; color: #141414; } .categories-list>li:hover>a .count:before { width: 110%; transform: skew(-10deg); left: -10%} .categories-list>li ul { max-height: 0; width: 100%; transition: all .6s; margin-top: 0; border: solid c; border-width: 0 0 0 2px; position: relative; background: #141414; border-radius: 0; } .categories-list>li ul li:first-child { padding-top: 13px; } .categories-list>li ul li:last-child { padding-bottom: 11px; } .categories-list>li ul li a { padding: 5px 10px 4px 0; font-size: 13px; color: #f7f7f7; display: block; } .categories-list>li ul li a .count { width: 47px; text-align: center; display: inline-block; font-size: 12px; font-family: Montserrat, sans-serif; } .categories-list>li.open>a { background: #141414; color: #fff; } .categories-list>li.open>a .count { margin-right: 9px; color: #141414; } .categories-list>li.open>a .count:before { width: 110%; transform: skew(-10deg); left: -10%} .categories-list>li ul li:hover a { color: #410F0F; } .categories-list>li:hover>ul { max-height: 250px; } .broadcast-wrap { padding-top: 45px; padding-bottom: 75px; background: url(../ondjoweb/admin/galeriafotos/broadcast-bg.jpg) 50% 100% no-repeat; background-size: contain; } .sidebar-search-wrap .wrap { border: 1px solid #e0e0e0; position: relative; } .sidebar-search-wrap input[type=text] { width: 100%; box-sizing: border-box; padding: 0 40px 0 20px; height: 48px; line-height: 56px; font-size: 14px; color: #8f8f8f; background: 0 0; border: none; } .sidebar-search-wrap button { position: absolute; font-size: 13px; color: #999; top: 50%; transform: translateY(-50%); right: 20px; background: 0 0; border: none; } .sidebar-calendar h6 { margin-bottom: 0; padding-bottom: 0; } #wp-calendar { width: 100%} #wp-calendar caption { font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; } #wp-calendar th { background: #141414; font-size: 10px; text-transform: uppercase; color: #ccc; height: 32px; text-align: center; } #wp-calendar tr:hover { background: inherit; } #wp-calendar tr { cursor: default; } #wp-calendar tr td { padding: 0; width: 40px; height: 40px; border: 1px solid #e0e0e0; font-size: 12px; color: #666; } #wp-calendar tr td a { display: block; height: 39px; line-height: 39px; background: #410F0F; color: #141414; } #wp-calendar tr td:first-child { text-align: center; } #wp-calendar tr td:last-child { font-weight: 400; } #wp-calendar .pad { font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; } .recent-news .item { padding-bottom: 25px; } .recent-news .item:last-child { padding-bottom: 0; } .recent-news .item .date { font-size: 12px; text-transform: uppercase; color: #999; font-family: Montserrat, sans-serif; line-height: normal; } .recent-news .item .date a { font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; line-height: normal; } .recent-news .item .date a:hover { color: #410F0F; } .recent-news .item .name { font-size: 18px; color: #141414; font-weight: 700; line-height: 24px; display: block; } .recent-news .item .name:hover { color: #410F0F; } .content { padding: 5px 0 0; } .tags { font-size: 0; } .tags a { margin: 0 10px 10px 0; padding: 12px 16px 10px 16px; display: inline-block; color: #141414; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; border: 1px solid #e0e0e0; line-height: normal; } .tags a:hover { background: #410F0F; border-color: #410F0F; } .news-list .item { margin-top: 35px; overflow: hidden; } .news-list .item .img-wrap { position: relative; } .news-list .item .img-wrap .bage { padding: 6px 10px 6px 10px; top: 30px; left: 30px; position: absolute; font-size: 10px; line-height: normal; text-transform: uppercase; color: #fff; background: #337ab7; } .news-list .item .img-wrap .bage:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; right: -5px; transform: skew(-10deg); background: inherit; } .news-list .item .img-wrap .bage a { font-size: 10px; color: #fff; } .news-list .item .img-wrap img { width: 100%; border-radius: 6px; } .news-list .item .info>p>img { width: 100%} .news-list .item .info { padding: 10px 30px 26px 30px; background: #fff; transition: background .3s; position: relative; transition-timing-function: ease-in; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .news-list .item .info>* { position: relative; z-index: 1; } .news-list .item .info:before { content: ''; height: 300px; position: absolute; top: 50px; left: 0; right: 0; opacity: 0; background: #141414; transform: skewY(2deg); z-index: 1; transition: all .3s; transition-delay: 50ms; } .news-list .item .info:after { content: ''; height: 300px; position: absolute; top: 50px; left: 0; right: 0; opacity: 0; background: #410F0F; transform: skewY(4deg); z-index: 0; transition: all .3s; transition-delay: 150ms; } .news-list .item .info>p { padding-top: 20px; font-size: 16px; color: #141414; line-height: 26px; } .news-list .item .info .name { padding-top: 12px; display: block; font-size: 84%; font-weight: 700; color: #3e3e3e; line-height: normal; } .news-list .item .info .wrap { padding-top: 2px; float: left; color: #999; text-transform: uppercase; font-size: 12px; line-height: normal; font-family: Montserrat, sans-serif; } .news-list .item .info .wrap>* { color: #999; text-transform: uppercase; font-size: 12px; } .news-list .item .info .wrap a { color: #141414; font-family: Montserrat, sans-serif; } .news-list .item.img-top:hover .info .name { color: #fff; } .news-list .item.img-top:hover .info { background: #141414; } .news-list .item.img-top:hover .info:before { opacity: 1; top: -20px; } .news-list .item.img-top:hover .info:after { opacity: 1; top: -30px; } .news-list .item.img-top:hover .info .wrap a { color: #fff; } .news-list .item .info .continue { color: #141414; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; } .news-list .item .info .continue:hover { color: #410F0F; } .news-list .item .info .comment-quantity { float: right; text-align: right; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; line-height: 18px; color: #141414; } .news-list .item.quote .info { padding-top: 27px; padding-left: 90px; } .news-list .item.quote .info .name { position: relative; } .news-list .item.quote .info .name:before { content: '\201c'; position: absolute; left: -70px; font-weight: 700; top: 4px; font-size: 200px; line-height: 120px; z-index: -1; color: #e6e6e6; font-family: "Open Sans", sans-serif; } .news-list .item.status .info { padding-left: 60px; } .news-list .item.status .info .name { position: relative; } .news-list .item.status .info .name:before { content: '\f0e7'; font-family: FontAwesome; font-size: 20px; color: inherit; position: absolute; left: -30px; top: 16px; } .sidebar-btn { background: #410F0F; font-size: 12px; text-transform: uppercase; color: #141414; } .champ-navigation { background: #fff; } .champ-nav-list { font-size: 0; } .champ-nav-list li { display: inline-block; } .champ-nav-list li a { padding: 27px 30px 26px 30px; display: inline-block; font-size: 12px; color: #141414; text-transform: uppercase; font-family: Montserrat, sans-serif; } .champ-nav-list li a:hover { background: #410F0F; color: #141414; } .champ-nav-list li.active a { background: #141414; color: #fff; } .pagination-wrap .pagination { margin: 40px 0 100px 0; width: 100%; text-align: center; font-size: 0; } .pagination-wrap .pagination li { float: none; display: inline-block; font-size: 12px; vertical-align: top; } .pagination-wrap .pagination li:first-child { float: left; } .pagination-wrap .pagination li:last-child { float: right; } .pagination-wrap .pagination li a { padding: 0; margin: 1px; width: 50px; height: 50px; background: #fff; border-radius: 0; border: none; text-align: center; line-height: 48px; font-size: 12px; color: #666; } .pagination-wrap .pagination li a:hover { color: #fff; background: #141414; } .pagination-wrap .pagination li.active a { color: #fff; background: #141414; } .news-single { background: #f7f7f7; } .news-single .item .top-info { padding: 34px 30px 18px 30px; overflow: hidden; } .news-single .item .top-info .date { float: left; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #666; } .news-single .item .top-info .date a { color: #141414; display: inline-block; } .news-single .item .top-info .date a:hover { color: #410F0F; } .news-single .item .top-info .comment-quantity { float: right; text-align: right; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #141414; } .news-single .item .img-wrap { position: relative; } .news-single .item .img-wrap .bage { padding: 6px 10px 6px 10px; top: 30px; left: 30px; position: absolute; font-size: 10px; line-height: normal; text-transform: uppercase; color: #fff; } .news-single .item .img-wrap .bage.highlight { background: #d32f2f; border-radius: 6px; } .news-single .item .img-wrap .bage.interview { background: #689f38; } .news-single .item .img-wrap .bage:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; right: -5px; transform: skew(-10deg); background: inherit; } .news-single .item .img-wrap img { width: 100%} .news-single .item .post-text { padding: 30px 30px 10px 30px; } .news-single .item .tags { margin-top: 17px; } .news-single .item .share-buttons-wrapper { margin-top: 17px; } .news-single .item .share-buttons-wrapper .team-share-button { float: right; } .news-single .item .share-buttons-wrapper li a { font-size: 24px; } .news-single .item .share-buttons-wrapper li.facebook a { color: #3b5998; } .news-single .item .share-buttons-wrapper li.twitter a { color: #1da1f2; } .news-single .item .share-buttons-wrapper li.google a { color: #dd4b39; } .news-single .item .share-buttons-wrapper li.linkedin a { color: #007bb6; } .news-single .item .share-buttons-wrapper li.pinterest a { color: #cb2027; } .news-single .item .share-buttons-wrapper li.tumbler a { color: #32506d; } .news-single .item .share-buttons-wrapper li.dribbble a { color: #ea4c89; } .news-single .item .share-buttons-wrapper li.vk a { color: #45668e; } .news-single .item .share-buttons-wrapper li.digg a { color: #005be2; } .news-single .item .share-buttons-wrapper li.reddit a { color: #005be2; } .news-single .item .share-buttons-wrapper li.StumbleUpon a { color: #eb4924; } .instagram ul { font-size: 0; } .instagram ul li { width: 50%; display: inline-block; } .instagram ul li a img { max-width: 100%} blockquote { padding-left: 56px; border: none; position: relative; } blockquote:before { content: "\201c"; position: absolute; left: 0; font-weight: 700; top: 4px; font-size: 200px; line-height: 120px; z-index: 0; color: #e6e6e6; font-family: "Open Sans"} blockquote p { margin: 0; font-size: 24px; position: relative; line-height: 32px; font-weight: 800; color: #141414; font-family: Raleway, sans-serif; } blockquote p.name { padding-top: 9px; font-size: 12px; text-transform: uppercase; line-height: normal; font-weight: 400; color: #666; font-family: Montserrat, sans-serif; } .share-bar { text-align: right; margin-top: 25px; } .share-bar li { padding-left: 25px; display: inline-block; } .share-bar li a { font-size: 18px; } .share-bar li.facebook a { color: #3b5998; } .share-bar li.twitter a { color: #1da1f2; } .share-bar li.google a { color: #dd4b39; } .author-box { padding-bottom: 5px; } .author-box .top { margin-top: 30px; margin-bottom: 2px; padding: 30px; background: #fcfcfc; overflow: hidden; } .author-box .top>* { float: left; } .author-box .top .avatar { width: 60px; } .author-box .top .avatar img { max-width: 100%; height: 60px; } .author-box .top .info { padding: 4px 0 0 90px; float: none; } .author-box .top .name { font-size: 17px; color: #141414; font-weight: 900; text-transform: uppercase; line-height: normal; font-family: Raleway, sans-serif; } .author-box .top .info p { font-size: 16px; line-height: 26px; color: #3d3d3d; } .author-box .share-box { padding: 0; } .share-box { padding: 50px 0 100px 0; } .share-box .item { background: #fcfcfc; } .share-box .item .title { padding: 20px 0 10px 30px; color: #666; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; } .share-box .share-socials { padding: 12px 18px 12px 5px; display: inline-block; background: #141414; position: relative; } .share-box .share-socials:before { content: ''; position: absolute; top: 0; bottom: 0; left: -30px; transform: skew(-10deg); background: #141414; width: 100%} .share-box .share-socials li { padding: 10px 12px 10px 12px; display: inline-block; position: relative; } .share-box .share-socials li a { color: #e5e5e5; font-size: 14px; } .share-box .share-socials li a:hover { color: #410F0F; } .comments-wrap { padding: 0 30px; } .comment-item { overflow: hidden; padding-bottom: 28px; } .comment-item.answer { padding-left: 90px; } .comment-item .avatar { width: 60px; float: left; } .comment-item .avatar img { height: 60px; max-width: 100%} .comment-item .info { padding: 4px 0 0 90px; } .comment-item .info .date { padding-bottom: 8px; font-size: 12px; position: relative; text-transform: uppercase; color: #999; font-family: Montserrat, sans-serif; line-height: normal; } .comment-item .info .date a { font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #141414; line-height: normal; } .comment-item .info .date a:hover { color: #410F0F; } .comment-item .info .date .quote { position: absolute; right: 0; font-size: 12px; color: #ccc; } .comment-item .rating { margin-top: 12px; margin-bottom: 12px; } .comment-item .info p { margin-bottom: 4px; font-size: 16px; line-height: 26px; color: #3d3d3d; } .comment-item .reply { font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; } .leave-comment-wrap { padding-bottom: 100px; } .leave-comment-wrap h4 { padding-top: 0; margin-top: 0; } .leave-comment-wrap .item { padding-bottom: 20px; } .leave-comment-wrap .item label { cursor: pointer; display: block; font-weight: 400; } .leave-comment-wrap .item span { padding-bottom: 7px; display: block; font-size: 14px; color: #666; line-height: normal; font-weight: 400; } .leave-comment-wrap .item span i { font-style: normal; color: #d32f2f; } .leave-comment-wrap .item input[type=text] { padding: 15px 10px; width: 100%; background: #fff; border: 1px solid #fff; font-size: 14px; color: #666; line-height: normal; } .leave-comment-wrap .item input[type=email] { padding: 15px 10px; width: 100%; background: #fff; border: 1px solid #fff; font-size: 14px; color: #666; line-height: normal; } .leave-comment-wrap .item textarea { padding: 15px 10px; width: 100%; height: 180px; background: #fff; border: 1px solid #fff; font-size: 14px; color: #666; line-height: normal; } .leave-comment-wrap .comment-submit { padding: 18px 30px 16px 30px; border-radius: 9px; background: #410F0F; border: none; font-size: 12px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; transition: all .4s; } .leave-comment-wrap .comment-submit:hover { color: #fff; background: #141414; } .broadcast-sponsors { padding-top: 220px; } .broadcast-sponsors .list { background-color: rgba(255, 255, 255, .2); } .trophey-room { padding: 45px 0 0; } .trophey-room .trophey-media { padding: 30px 0 30px 0; } .trophey-room .trophey-media img { width: 100%} .done-list li { padding: 0 0 8px 30px; position: relative; } .done-list li:before { content: "\f05d"; font-family: FontAwesome; position: absolute; font-size: 16px; color: #141414; top: 6px; left: 0; } .main-award-box.trophey-awards { background: 50% 100% no-repeat; } .main-award-box { background: url(../ondjoweb/admin/galeriafotos/main-awards-bg.jpg) 50% 50% no-repeat; background-size: cover; } .club-top-btn { position: relative; top: 50%; transform: translateY(-50%); float: right; } .club-champ .club-top-btn { margin-top: 32px; transform: translateY(0); position: static; } .club-wrap { padding-top: 45px; } .club-main-stat { padding-bottom: 80px; } .club-main-stat .last-match { padding: 30px; background: #fcfcfc; border-bottom: 1px solid #e0e0e0; font-size: 0; } .club-main-stat .last-match>* { display: inline-block; } .club-main-stat .last-match .team { width: 45%} .club-main-stat .last-match .team.right { text-align: right; } .club-main-stat .last-match .team .name { padding: 0 15px; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; color: #141414; } .club-main-stat .last-match .score { text-align: center; width: 10%; font-size: 18px; font-weight: 700; color: #141414; } .club-main-stat .last-match .score span { margin: 0 0 0 8px; width: 40%; padding: 0 4px; text-align: center; font-size: 18px; font-weight: 700; color: #fff; background: #141414; height: 32px; line-height: 30px; border-radius: 9px; display: inline-block; } .club-main-stat .last-match .score span:first-child { margin: 0 8px 0 0; } table { margin-bottom: 30px; width: 100%} table tr { cursor: pointer; } table tr th { background: #141414; font-size: 10px; text-transform: uppercase; color: #ccc; height: 32px; text-align: center; } table tr th:first-child { padding-left: 20px; text-align: left; } table tr td { padding: 0 20px; height: 50px; line-height: normal; border-bottom: 1px solid #e6e6e6; font-size: 12px; color: #141414; text-align: center; white-space: nowrap; } table tr td>* { vertical-align: middle; } table tr td:first-child { text-transform: uppercase; font-family: Montserrat, sans-serif; text-align: left; } table tr td:last-child { font-weight: 700; } table tr td:first-child i { margin-right: 8px; font-size: 16px; } table tr td:first-child span { line-height: 29px; } table tr td.up i { color: #4caf50; } table tr td.down i { color: #f44336; } table tr td.none i { color: #999; font-size: 10px; } table tr td:last-child span { width: 40px; height: 30px; line-height: 28px; border-radius: 9px; background: #141414; display: inline-block; color: #fff; } table tr td .team { padding: 0 15px 0 0; } table tr:hover { background: #f2f2f2; } table tr:hover td i { color: #fff; } .captain-bage { display: inline-block; font-size: 10px; text-transform: uppercase; color: #fff; font-family: Montserrat, sans-serif; } .player-single-wrap { padding-top: 45px; padding-bottom: 70px; } .player-single-wrap .player-info .player-info-title { margin-top: 0; padding-top: 0; } .player-single-wrap .player-info table tr th { padding: 0 10px; border-bottom: 1px solid #f7f7f7; font-size: 10px; font-family: Montserrat, sans-serif; color: #fff; background: #141414; } .player-single-wrap .player-info table tr td { padding: 0 10px; background: #fcfcfc; } .player-single-wrap .player-info table tr td:first-child { font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; } ul.player-trophey { padding: 0; } .player-single-wrap .player-trophey li { margin-right: 10px; display: inline-block; position: relative; } .player-single-wrap .player-trophey li .year { padding: 0 10px; height: 30px; line-height: 28px; background: #141414; border-radius: 9px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 12px; color: #fff; } .standing-table-wrap { padding: 45px 0 70px 0; } .standing-cup { padding-top: 45px; } .standing-cup .player-filters { padding-bottom: 9px; } .contact-bar { padding-top: 10px; } .contact-bar li { padding-right: 25px; display: inline-block; } .contact-bar li a { font-size: 16px; color: #999; } .contact-bar li.facebook:hover a { color: #3b5998; } .contact-bar li.twitter:hover a { color: #1da1f2; } .contact-bar li.google:hover a { color: #dd4b39; } .contact-bar li.pinterest:hover a { color: #bd081c; } .club-champ { padding-top: 45px; } .club-champ h4 { padding-bottom: 0; } .champ-date { padding-bottom: 49px; font-size: 14px; color: #666; font-family: Montserrat, sans-serif; text-transform: uppercase; } .champ-date i { margin-right: 10px; font-size: 14px; color: #999; } .champ-tab-wrap { padding-top: 50px; } .champ-tab-wrap .main-lates-matches .item { position: relative; } .champ-tab-wrap .news-list .item { margin-top: 0; margin-bottom: 35px; } #circle-bar2, #circle-bar3 { width: 42px; height: 42px; position: relative; } .wrapper-circle { display: inline-flex; width: 100%} td a { color: #141414; } .player-hockey-wrap .circle-item { display: inline-block; width: 100%} .player-hockey-wrap .circle-item path { stroke: #410F0F; } .player-hockey-wrap .circle-item>.text { color: #666; } #circle-bar2 .progressbar-text, #circle-bar3 .progressbar-text { font-size: 12px; color: #410F0F; font-family: Montserrat; } .player-hockey-wrap { background-color: #fcfcfc; width: 100%; position: relative; } .player-hockey-wrap .border { background-color: #fff; height: 100%; position: absolute; left: -30px; padding: 30px; width: 195px; } .player-hockey-wrap>div p { margin-bottom: 20px; } .player-hockey-wrap .circle-item { float: none; } .player-hockey-wrap .stats { position: relative; padding: 30px; } .canvas { position: relative; margin: 10px; margin-top: 20px; color: #410F0F; } .canvas-minutes { padding-top: 20px; margin-bottom: 20px; background: #fcfcfc; } .background-section { background: #fcfcfc; padding: 35px 20px 37px; } .player-hockey-wrap .border:before { content: ''; width: 80px; position: absolute; top: 0; bottom: 0; right: -40px; background: #fff; transform: skew(-10deg); } .player-hockey-wrap .number { color: #410F0F; font-size: 40px; font-family: Montserrat; } .player-hockey-wrap .name { font-family: Montserrat; color: #141414; font-size: 24px; text-transform: uppercase; } .player-hockey-wrap .country { font-size: 10px; font-family: Montserrat; color: #3d3d3d; } .player-hockey-wrap .country img { margin-right: 10px; } .summary-hockey { background: #fcfcfc; padding: 20px; } .filter-wrap .filter-slider { padding-bottom: 12px; } .filter-wrap .top { padding-bottom: 22px; overflow: hidden; } .filter-wrap label { float: left; font-weight: 400; font-size: 14px; color: #141414; font-family: Montserrat, sans-serif; text-transform: uppercase; } .filter-wrap #amount { float: right; text-align: right; width: inherit; padding: 3px; border: none; background: 0 0; font-size: 14px; color: #141414; font-family: Montserrat, sans-serif; } .filter-wrap .ui-slider { border-radius: 0; border: none; background: #ccc; height: 4px; } .filter-wrap .ui-widget-header { background: #410F0F; } .filter-wrap .ui-slider .ui-slider-handle { margin-top: -3px; width: 20px; height: 20px; border: none; cursor: pointer; border-radius: 50%; background: #410F0F; } .filter-wrap .filter-title { padding: 15px 0 0 0; background: 0 0; border: none; border-radius: 0; font-size: 14px; color: #141414; font-family: Montserrat, sans-serif; text-transform: uppercase; position: relative; cursor: pointer; } .filter-item { border: none; background: 0 0; border-radius: 0; padding: 0; } .filter-item ul { padding-top: 7px; } .filter-item ul li { padding-bottom: 7px; display: block; overflow: hidden; } .filter-item ul li label { font-size: 14px; color: #666; text-transform: none; font-weight: 400; } .filter-items-wrap .filter-title:before { content: '-'; font-size: 14px; color: #141414; font-family: Montserrat, sans-serif; position: absolute; right: 0; top: 15px; } .filter-items-wrap .filter-title.active:before { content: "+"} .color-check { width: 26px; height: 26px; cursor: pointer; position: relative; } .color-check .check { margin: -6px 0 0 -5px; position: absolute; top: 50%; left: 50%; font-size: 10px; opacity: 0; transform: scale(0); transition: all .4s; color: #fff; text-shadow: 1px 0 1px #000; } .color-check input[type=checkbox]:checked+span.check { opacity: 1; transform: scale(1); } .color-check input[type=checkbox] { position: absolute; left: -9999px; } .color-check.green { background: #7bba3c; } .color-check.black { background: #000; } .color-check.purple { background: #8d429f; } .color-check.blue { background: #1790c8; } .color-check.gray { background: #777878; } .color-check.red { background: #e7352b; } .color-check.white { background: #fff; } .color-filter-item ul { font-size: 0; } .color-filter-item ul li { padding-left: 21px; display: inline-block; } .color-filter-item ul li label { float: none; margin-bottom: 0; } .color-filter-item ul li:first-child { padding-left: 0; } .size-filter-item { padding-bottom: 20px; } .size-filter-item ul { overflow: hidden; font-size: 0; border: solid #e0e0e0; border-width: 1px 0 0 1px; line-height: 0; } .size-filter-item ul li { width: 20%; display: inline-block; } .size-check { width: 100%; position: relative; margin-bottom: 0; border: solid #e0e0e0; border-width: 0 1px 1px 0; cursor: pointer; } .size-check .size { width: 100%; height: 50px; font-size: 14px; color: #666; text-align: center; line-height: 50px; display: block; text-transform: uppercase; } .size-check input[type=checkbox]:checked+span.size { background: #141414; opacity: 1; color: #fff; } .size-check input[type=checkbox] { position: absolute; left: -9999px; } .product-single { padding-top: 45px; } .product-single .comments-wrap { padding: 0; } .product-right-info .size-filter-item { padding-bottom: 0; } .product-right-info .color-check { width: 50px; height: 50px; } .product-right-info .color-filter-item ul li { padding-left: 1px; } .product-right-info .rating-wrap { padding: 10px 0 20px 0; } .product-right-info .rating-wrap>* { display: inline-block; vertical-align: middle; } .rating { margin-right: 15px; width: 95px; height: 15px; background: url(../ondjoweb/admin/galeriafotos/rating-star.png); } .rating.one { background-position: 0 -15px; } .rating.two { background-position: 0 -30px; } .rating.three { background-position: 0 -45px; } .rating.four { background-position: 0 -60px; } .rating.five { background-position: 0 -75px; } .product-right-info .price { padding-bottom: 15px; font-weight: 700; text-transform: uppercase; color: #141414; font-size: 40px; } .product-right-info .title { padding: 15px 0 10px 0; background: 0 0; border: none; border-radius: 0; font-size: 14px; color: #141414; font-family: Montserrat, sans-serif; text-transform: uppercase; position: relative; } .product-right-info .size-filter-item ul { display: inline-block; } .product-right-info .size-filter-item ul li { width: 50px; } .product-right-info input[type=number] { margin-right: 5px; width: 76px; padding: 7px 15px 6px 20px; background: #e6e6e6; font-size: 12px; color: #141414; border-radius: 8px; border: none; } .product-right-info .details { padding-top: 13px; padding-bottom: 38px; border-bottom: 1px solid #e0e0e0; } .product-right-info .details ul li { padding-bottom: 3px; color: #410F0F; } .product-right-info .details ul li span { color: #666; } .product-right-info .details ul li a { font-size: 16px; color: #410F0F; } .product-right-info .socials { padding-top: 29px; } .socials img { width: 32px; } .socials img:hover { transform: rotate(5deg); filter: opacity(50%); } .product-tab-wrap { padding: 50px 0 0; } .product-tab-wrap .tab-top { background: #fff; } .product-tab-wrap .tab-top ul li { display: inline-block; } .product-tab-wrap .tab-top ul li a { padding: 26px 30px 26px 30px; display: block; font-size: 12px; color: #141414; text-transform: uppercase; font-family: Montserrat, sans-serif; } .product-tab-wrap .tab-top ul li a:hover { background: #f7f7f7; } .product-tab-wrap .tab-top ul li.active a { background: #f7f7f7; } .featured-products { padding-top: 46px; padding-bottom: 93px; } .featured-navigation { padding-top: 30px; } .featured-navigation a:first-child { margin-left: 0; } .feat-show-all { margin-top: 21px; display: inline-block; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } .feat-show-all:hover { color: #410F0F; } [type=checkbox].filter-check:checked, [type=checkbox].filter-check:not(:checked) { position: absolute; left: -9999px; } [type=checkbox].filter-check:checked+label, [type=checkbox].filter-check:not(:checked)+label { position: relative; padding-left: 1.95em; cursor: pointer; } [type=checkbox].filter-check:checked+label:before, [type=checkbox].filter-check:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 2px solid #ccc; border-radius: 0; } [type=checkbox].filter-check:checked+label:after, [type=checkbox].filter-check:not(:checked)+label:after { content: ''; position: absolute; width: 18px; height: 18px; top: 0; left: 0; background: #000; transition: all .4s; } [type=checkbox].filter-check:not(:checked)+label:after { opacity: 0; transform: scale(0); } [type=checkbox].filter-check:checked+label:after { opacity: 1; transform: scale(1); } [type=checkbox].filter-check:disabled:checked+label:before, [type=checkbox].filter-check:disabled:not(:checked)+label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type=checkbox].filter-check:disabled:checked+label:after { color: #999; } [type=checkbox].filter-check:disabled+label { color: #aaa; } [type=checkbox].filter-check:checked:focus+label:before, [type=checkbox].filter-check:not(:checked):focus+label:before { border: 2px solid #ccc; } label:hover:before { border: 2px solid #141414!important; } .post-password-form { color: #141414; padding: 10px; background: #fcfcfc; } .post-password-form p { margin-bottom: 15px; } .post-password-form label { font-family: "Open Sans", sans-serif; } .post-password-form input[type=password] { border: 1px solid grey!important; font-size: 16px; line-height: 16px; padding: 6px 7px; border: none; margin-right: 10px; margin-left: 5px; } .post-password-form input[type=submit] { border-radius: 3px; font-size: 16px; background-color: #410F0F; color: #141414; font-family: "Open Sans", sans-serif; font-weight: 400; border: none; padding: .618em 1em; margin: 0; line-height: 1; cursor: pointer; position: relative; } .post-password-form input[type=submit]:hover { background: #141414; color: #fff; } .cart-wrap { padding-top: 45px; padding-bottom: 100px; } .cart-table tr { z-index: 1; position: relative; } .cart-table tr th { padding: 0 20px; height: 68px; color: #fff; font-family: Montserrat, sans-serif; background: #141414; } .cart-table tr td { height: 160px; background: #fcfcfc; } .cart-table .product-image { margin-right: 30px; } .cart-table .name a:last-child { display: inline-block; } .cart-table .delete { position: relative; width: 110px; } .cart-table .delete a { width: 100%; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; font-size: 12px; line-height: 160px; color: #7a7a7a; overflow: hidden; } .cart-table .delete a:before { content: ""; position: absolute; top: 0; bottom: 0; left: -20px; right: 20px; background: #f0f0f0; transform: skew(-6deg); } .cart-table .delete a i { position: relative; } .cart-table th.product { text-align: left; } .cart-table td.name { width: 560px; text-align: left; font-size: 14px; font-weight: 700; color: #000; } .cart-table .cost { font-size: 14px; color: #000; } .cart-table td.total { padding-right: 30px; text-align: right; color: #000; font-size: 20px; } .cart-table th.total { padding-right: 30px; text-align: right; } .cart-table .quantity input[type=number] { margin-right: 5px; width: 50px; padding: 7px 8px 6px 12px; background: #e6e6e6; font-size: 12px; color: #141414; border-radius: 8px; border: none; outline: 0; } .cart-table tr:hover { background: #fff; z-index: 2; box-shadow: 0 0 10px 0 #ccc; } .cart-table tr:hover .delete a:before { background: #410F0F; } .cart-table tr:hover .delete a i { color: #292929; } .coupon { position: relative; overflow-x: hidden; } .coupon input[type=text] { padding: 0 20px; width: 100%; height: 50px; line-height: 50px; background: #fff; border: none; } .coupon button { padding: 0 18px; height: 50px; line-height: 50px; position: absolute; top: 0; right: 0; font-size: 12px; text-transform: uppercase; color: #141414; transition: all .4s; font-family: Montserrat, sans-serif; border: none; background: 0 0; } .coupon button span { position: relative; } .coupon button:before { content: ""; position: absolute; top: 0; bottom: 0; right: -30px; left: 0; background: #410F0F; transform: skew(-6deg); transition: all .4s; } .coupon button:hover { color: #fff; } .coupon button:hover:before { background: #141414; } .update-wrap { text-align: right; } .update-wrap .update { padding: 0 20px; height: 50px; line-height: 50px; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; background: #410F0F; border: none; color: #141414; } .update-wrap .update:hover { background: #141414; color: #fff; } .update-wrap .update[disabled] { background: #e0e0e0; color: #666; } .cart-offer { padding-top: 17px; } .cart-offer .offer { position: relative; } .cart-offer .offer>img { width: 100%} .cart-offer .offer .title { text-align: right; position: absolute; bottom: 40px; left: 0; right: 40px; font-size: 24px; text-transform: uppercase; line-height: normal; font-family: Raleway, sans-serif; font-weight: 900; color: #141414; } .cart-offer .offer .title span { font-size: 48px; display: block; line-height: 43px; } .cart-total { padding-top: 17px; } .delivery-list .item { margin-bottom: 0; padding: 19px 28px 23px 28px; background: #f2f2f2; display: block; cursor: pointer; border-top: 1px solid #ccc; } .delivery-list .item:first-child { border-top: none; } .delivery-list .item:hover { background: #fff; } .delivery-list .item p { margin-top: 20px; font-size: 14px; line-height: 22px; color: #666; font-weight: 400; } .delivery-list .item input[type=radio] { margin-right: 20px; margin-top: 0; } .delivery-list .item .name { font-size: 14px; font-weight: 400; color: #292929; } .delivery-list .item .delivery-text { display: block; margin-top: 20px; font-size: 14px; line-height: 22px; color: #666; font-weight: 400; } .delivery-list .item .price { font-size: 14px; font-weight: 400; color: #292929; float: right; } .cart-total-info { padding: 19px 28px 16px 28px; border-top: 1px solid #e0e0e0; font-size: 0; background: #fff; } .cart-total-info .title { width: 50%; display: inline-block; font-size: 17px; text-transform: uppercase; color: #292929; font-family: Raleway, sans-serif; font-weight: 900; } .cart-total-info .price { width: 50%; text-align: right; display: inline-block; font-size: 17px; text-transform: uppercase; color: #292929; font-family: "Open Sans", sans-serif; font-weight: 700; } .cart-total .proceed { margin-top: 40px; position: relative; padding: 13px 28px 11px 28px; font-size: 12px; text-transform: uppercase; color: #141414; transition: all .4s; font-family: Montserrat, sans-serif; background: #410F0F; border-radius: 8px; border: none; width: 100%; text-align: left; } .cart-total .proceed i { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); font-size: 12px; transition: all .4s; } .cart-total .proceed:hover { color: #fff; background: #141414; } .cart-total .proceed:hover i { right: 15px; } .checkout-wrap { padding-top: 45px; padding-bottom: 80px; } .team-alert { padding: 21px 70px 22px 30px; position: relative; background: #fcfcfc; border-radius: 0; overflow-x: hidden; border: solid #410F0F; border-width: 0 0 0 5px; } .team-alert .close { width: 60px; height: 100%; position: absolute; right: 0; top: 0; opacity: 1; } .team-alert .close span { position: relative; font-size: 12px; color: #666; line-height: 32px; } .team-alert .close:before { content: ""; background: #f0f0f0; position: absolute; top: 0; bottom: 0; left: 0; right: -40px; transform: skew(-6deg); transition: all .4s; } .team-alert .close:hover:before { background: #410F0F; } .team-alert .close:hover span { color: #141414; } .customer-info .item { padding-bottom: 15px; } .customer-info .item label { margin-bottom: 10px; cursor: pointer; display: block; font-weight: 400; } .customer-info .item span { padding-bottom: 7px; display: block; font-size: 14px; color: #666; line-height: normal; font-weight: 400; } .customer-info .item span i { font-style: normal; color: #d32f2f; } .checkout-wrap .cart-table { margin-bottom: 0; } .checkout-wrap .cart-table tr td { padding-top: 30px; padding-bottom: 30px; font-size: 14px; height: auto; text-transform: none; background: #fcfcfc; } .checkout-wrap .cart-table tr td:firt-child { text-transform: none; } .checkout-wrap .cart-total { padding-top: 0; } .checkout-wrap .cart-total .proceed { font-size: 16px; padding: 18px 28px 16px 28px; } .search-wrapper { padding-top: 45px; padding-bottom: 100px; } .search-field { margin-bottom: 40px; } .search-field .wrap { border: 1px solid #e0e0e0; position: relative; } .search-field input[type=text] { width: 100%; box-sizing: border-box; padding: 0 40px 0 20px; height: 48px; line-height: 56px; font-size: 14px; color: #8f8f8f; background: 0 0; border: none; } .search-field button { position: absolute; font-size: 13px; color: #999; top: 50%; transform: translateY(-50%); right: 20px; background: 0 0; border: none; } .search-item { margin-bottom: 10px; background: #fff; } .search-item .info { padding-top: 24px; padding-right: 20px; } .search-item .info .name { font-size: 22px; font-weight: 700; color: #141414; } .search-item .info .name:hover { color: #410F0F; } .search-item .info .wrap { padding-top: 5px; padding-bottom: 8px; color: #999; text-transform: uppercase; font-size: 12px; line-height: normal; } .search-item .info .wrap>* { color: #999; text-transform: uppercase; font-size: 12px; font-family: Montserrat, sans-serif; } .search-item .info .wrap a { color: #141414; font-family: Montserrat, sans-serif; } .search-item .info>p span { padding: 0 2px; background: #410F0F; } .search-item .info .name span { padding: 0 2px; background: #410F0F; } .search-item .info .read-more { margin-top: 10px; display: inline-block; font-size: 12px; text-transform: uppercase; color: #410F0F; font-family: Montserrat, sans-serif; } .search-item .info .read-more:hover { color: #141414; } .timeline-bar { padding-top: 125px; padding-bottom: 70px; } .timeline-bar .bar { border-bottom: 2px dashed #ccc; position: relative; width: 84%} .timeline-bar .date { padding-bottom: 41px; cursor: pointer; font-size: 12px; line-height: 12px; color: #666; position: absolute; top: -45px; } .timeline-bar .date.date-1 { left: 10%} .timeline-bar .date.date-2 { left: 40%} .timeline-bar .date.date-3 { left: 45%} .timeline-bar .date.date-4 { left: 55%} .timeline-bar .date.date-5 { left: 65%} .timeline-bar .date.date-6 { left: 85%} .timeline-bar .date.date-1:before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #ccc; position: absolute; bottom: 0; right: 0; } .timeline-bar .date.date-2:before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #ccc; position: absolute; bottom: 0; right: 0; } .timeline-bar .date.date-3:before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #ccc; position: absolute; bottom: 0; right: 0; } .timeline-bar .date.date-4:before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #ccc; position: absolute; bottom: 0; right: 0; } .timeline-bar .date.date-5:before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #ccc; position: absolute; bottom: 0; right: 0; } .timeline-bar .date.date-6:before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #ccc; position: absolute; bottom: 0; right: 0; } .timeline-bar .date.active { color: #141414; } .timeline-bar .date.active:before { background: #141414; } .timeline-bar .date:hover { color: #141414; } .timeline-bar .date:hover:before { background: #141414; } .amateurs-news-list>.container>.row>.col-md-4>.item>a>img { width: 100%} .live-match-stat .tactic.csgo { background: #292929; } .standings-table .standing-full { white-space: nowrap; } overflow-scroll.table tr td { white-space: nowrap; } @media (max-width:1600px) { .main-news-list .item>img { width: auto; } .main-club-stuff { padding: 0; } }@media (max-width:1200px) { .socials li { padding-left: 5px; } .navbar-header { float: none; } .navbar-left, .navbar-right { float: none!important; } .navbar-toggle { margin: 33px 0 0 0; display: block; z-index: 1; background: #410F0F; } .navbar-toggle .icon-bar { background: #141414; } .navbar-fixed-top { top: 0; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; } .navbar-nav>li { float: none; } .collapse.in { display: block!important; } .main-menu-wrap .navbar { padding-top: 20px; clear: both; border: none; min-height: auto; } .main-menu-wrap .navbar-collapse { border: none; box-shadow: none; } .main-menu { text-align: left; padding-left: 10%; height: 54px; } .main-menu li { padding: 0; display: block; clear: both; } .main-menu li a { padding: 0; z-index: 1; } .main-menu li a span { padding: 10px 0; display: inline-block; } .main-menu li ul { position: relative; background: 0 0; display: block; width: 100%} .main-menu>li>ul>li>ul { background: 0 0; } .main-menu>li>ul li { border-left: none; } .main-menu>li>ul>li>ul { position: relative; left: 0; display: block; } .main-menu>li>ul>li>ul li { border-left: none; } .main-menu>li>ul>li:hover { background: 0 0; border-left: none; } .main-menu>li>ul>li>ul li:hover { background: 0 0; border-left: none; } .main-menu>li>ul>li>ul li:hover>a { color: #410F0F; } .main-menu>li>ul>li:hover>a { color: #410F0F; } .main-menu>li>a>span:before { bottom: 5px; } .main-menu>li>ul li a i { display: none; } .main-menu>li>ul li a { color: #fff; padding-top: 0; padding-bottom: 0; } .main-menu>li.cart.full { display: none; } .main-news-list .item .caption .name { display: block; line-height: 16px; } .live-match-stat .field { margin: 0 auto; width: 509px; } .isotope-grid .grid-item { height: 205px; } .isotope-grid .grid-item.height2 { height: 330px; } .footer .footer-left:before { right: 10px; } .store-list-item { margin-bottom: 20px; } .club-main-stat .last-match .team { width: 40%} .club-main-stat .last-match .score { width: 20%} .color-filter-item ul li { padding-left: 11px; } .main-menu.nav.cart-none { display: none; } .upcomig-match-info .team { width: 35%} .upcoming-match-info .counter { width: 30%; text-align: center; } .upcoming-match-info .team.right { width: 35%} .upcoming-match-info .team { width: 35%} .main-menu-wrap .custom-logo-link:before { display: none; } }@media (max-width:992px) { .footer .footer-left: before { transform: skew(0); right: -1000%; margin-bottom: 0; } .foot-contact .socials { padding-bottom: 30px; } .foot-contact .socials li { padding-right: 30px; } .foot-contact .socials li { padding-left: 0; } .foot-contact .socials li a { font-size: 40px; } .footer-menu { display: none; } .timeline .first { width: 100%; padding-right: 0; } .timeline .second { width: 100%; padding-left: 0; } .row-offcanvas { position: relative; transition: all .25s ease-out; } .row-offcanvas-right { right: 0; } .row-offcanvas-left { left: 0; } .row-offcanvas-right .sidebar-offcanvas { right: -55%} .row-offcanvas-left .sidebar-offcanvas { left: -65%} .row-offcanvas-right.active { right: 55%} .row-offcanvas-left.active { left: 70%} .sidebar-offcanvas { position: absolute; top: 0; width: 50%} .main-players-stat { background-size: cover; } .isotope-grid .grid-item { height: 145px; } .club-top-info .club-stat { overflow-x: hidden; padding-bottom: 30px; } .club-main-stat .last-match .team { width: 40%} .club-main-stat .last-match .score { width: 20%} .club-top-btn { margin-top: 0; margin-bottom: 20px; float: none; position: static; transform: translateY(0); } .club-champ .club-top-btn { margin-top: 0; } .search-item .info { padding-left: 20px; } .search-item .image { text-align: center; } .search-item .image img { display: inline-block; } .standing-full tr td.form { padding: 0; } .player-hockey-wrap .border { left: initial; } .footer .foot-up { position: relative; } .footer-menu-wrap .foot-up:before { left: -10%} .upcoming-match-info .team.right .avatar { width: 100%} .upcoming-match-info .team .avatar { width: 100%} .upcoming-match-info .team.right { text-align: center; } .upcoming-match-info .team.right .text { text-align: center; padding-left: 0; padding-right: 0; } .upcoming-match-info .counter ul { text-align: center; } .upcoming-match-info .counter { width: 100%} .upcoming-match-info .team { padding: 15px 0; width: 100%; text-align: center; } .upcoming-match-info .team.right { padding: 15px 0; width: 100%; text-align: center; } .upcoming-match-info .team .avatar { width: 100%} .upcoming-match-info .team .text { padding-left: 0; } .amateurs-success-slogan, .amateurs-success-story { text-align: center; } .amateurs-success-slogan>.btn { margin-top: 10%; float: none; } .main-club-stuff { padding: 0; } .champ-nav-list { text-align: center; } .club-top-btn { display: none; } }@media (max-width:767px) { .no-gutter>[class*=col-] { padding-right: 15px; padding-left: 15px; } .call-to-action .text { padding-top: 0; } .call-to-action { background-size: cover; } .image-header .info:before { right: -100%} .isotope-grid .grid-item a img { max-width: 100%} .isotope-grid .grid-item { overflow: hidden; margin-bottom: 10px; } .isotope-grid .grid-item { width: 100%; height: 200px; } .isotope-grid .grid-item.height2 { height: 200px; } .isotope-grid .grid-item a .info:before { left: -100%} .coupon { padding-bottom: 20px; } .match-live-date .event { text-align: left; } .club-main-stat .last-match .team { text-align: center; width: 100%} .club-main-stat .last-match .team.right { text-align: center; } .club-main-stat .last-match .score { width: 100%} .club-main-stat .last-match .score span { width: 40px; } .club-main-stat .last-match a { display: block; text-align: center; } .comments-wrap, .news-single .item .post-text, .news-single .item .top-info { padding-left: 0; padding-right: 0; } .champ-nav-list li { display: block; text-align: center; } .image-width { width: 90%} }@media (max-width:700px) { .connected-carousels .navigation { display: none; } .connected-carousels .carousel-stage { margin: 0 auto; width: 460px; } .connected-carousels .stage { padding: 0!important; margin-bottom: 30px; } .connected-carousels .carousel li img { width: 460px; display: block; margin: auto; object-fit: cover; } .standing-full tr td.form span { margin-bottom: 5px; } }@media (max-width:600px) { .player-stat-slider .item .top-info .number { display: block; } }@media (max-width:545px) { .connected-carousels .carousel-stage { margin: 0 auto; width: 350px; } .connected-carousels .carousel li img { width: 100%; max-width: 350px; } .live-match-stat .field { margin: 0 auto; width: 100%} .broadcast-item .info { padding-top: 15px; padding-left: 0; } .cart-table td.name { padding-top: 5px; padding-bottom: 5px; } .cart-table .delete a:before { background: 0 0; } .cart-table tr:hover .delete a:before { background: 0 0; } }@media (max-width:400px) { .error-wrap .offline-title .small-text { font-size: 25px; line-height: normal; } .error-wrap .offline-title .big-text { font-size: 40px; line-height: normal; } }@media (max-width:767px) { .share-box .item .title { padding-left: 0; text-align: center; } .share-box .share-socials { display: block; text-align: center; width: 100%; position: absolute; left: 0; } .share-box .share-socials:before { display: none; } .share-box .share-socials li a { font-size: 18px; } }.sticky-wrapper { position: relative!important; } @media (max-width:980px) { .cybersport-slogan { padding-top: 12%; width: 100%; position: relative; top: 0; bottom: 0; text-align: right; } }@media (max-width:425px) { .top-bar { display: none; } .timeline-bar .date { font-size: 10px; } }.top-bar { padding: 2px 0; background: #410F0F; height: 42px; } .top-contacts .socials { padding-bottom: 16px; vertical-align: top; border-right: 1px solid #e0e0e0; } .socials { padding: 14px 40px 12px 0; display: inline-block; } .socials li { padding-left: 23px; display: inline-block; } .socials li:first-child { padding-left: 0; } .top-bar .socials li a { color: #999; } .socials li a { font-size: 16px; color: #999; } .socials li a:hover { color: #410F0F; } .top-contacts .contacts { padding: 20px 0 4px 0; display: inline-block; } .top-contacts .contacts li { padding-left: 24px; vertical-align: top; display: inline-block; font-family: Montserrat, sans-serif; font-size: 12px; } .top-contacts .contacts li .fa { margin-right: 9px; color: #999; font-size: 16px; transition: all .4s; vertical-align: middle; } .top-contacts .contacts li a { text-transform: uppercase; color: #999; } .top-contacts .contacts li a:hover { color: #410F0F; } .top-contacts .contacts li a:hover .fa { color: #410F0F; } .top-search { position: relative; float: right; width: 100%} .top-search input[type=text] { width: 100%; box-sizing: border-box; padding: 0 8px; height: 38px; line-height: 46px; font-size: 11px; color: #777; background: 0 0; border: none; } .top-search button { position: absolute; font-size: 13px; color: #999; top: 50%; transform: translateY(-50%); right: 29px; background: 0 0; border: none; } .top-language { width: 90px; float: right; } .top-language .list { padding: 15px 0 15px 30px; } .top-language .list li a { padding-right: 23px; background: url(../ondjoweb/admin/galeriafotos/lang-arrow.png) 100% 4px no-repeat; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; color: #666; } .top-language .list li a img { margin-right: 7px; } .top-language .dropdown-menu { min-width: 80px; max-width: 80px; left: -20px; border: none; border-radius: 0; } .top-language .dropdown-menu li a { background: 0 0; } .main-slider-section { background: url(../ondjoweb/admin/galeriafotos/main-slider.jpg) no-repeat; background-size: cover; } #main-slider { position: relative; min-height: 600px; } .main-slider .carousel-inner { position: absolute; height: 100%} .main-slider .carousel-control.left { background-image: none; } .main-slider .carousel-control.right { background-image: none; } .main-slider ul { padding: 0; } .main-slider .nav-arrow { width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; font-size: 12px; background: #141414; } .main-slider .nav-arrow.left-arrow { padding-left: 36px; left: 0; text-align: left; } .main-slider .nav-arrow.left-arrow:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #141414; transition: all .4s; } .main-slider .nav-arrow.right-arrow:before { content: ''; position: absolute; top: 0; left: -5px; bottom: 0; width: 12px; transform: skew(-10deg); background: #141414; transition: all .4s; } .main-slider .nav-arrow.right-arrow { padding-right: 36px; right: 0; text-align: right; } .main-slider .nav-arrow:hover { background: #410F0F; color: #000; } .main-slider .nav-arrow.left-arrow:hover:before { background: #410F0F; } .main-slider .nav-arrow.right-arrow:hover:before { background: #410F0F; } .main-slider .carousel-indicators { padding-left: 15px; padding-right: 15px; width: auto; margin-left: -15px; position: static; left: 0; } .main-slider-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; color: #141414; } .main-slider-caption .match-date { padding-bottom: 2px; padding-left: 100px; font-size: 16px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #fff; } .main-slider-caption .team .big-count { padding: 0 20px; text-align: center; display: inline-block; font-size: 32px; color: #fff; line-height: 60px; border-radius: 10px; background: #141414; } .main-slider-caption .match-role { font-size: 64px; text-transform: uppercase; font-family: Raleway, sans-serif; color: #141414; font-weight: 900; line-height: normal; } .main-slider-caption .counter { padding-top: 24px; } .main-slider-caption .counter ul li { margin-right: 30px; text-align: center; display: inline-block; } .main-slider-caption .counter .digit { padding: 0 10px; box-sizing: border-box; border-radius: 8px; min-width: 80px; text-align: center; font-size: 32px; color: #141414; font-weight: 700; background: #fff; height: 80px; line-height: 80px; font-family: "Open Sans", sans-serif; } .main-slider-caption .counter .descr { font-size: 12px; text-transform: uppercase; font-family: Raleway, sans-serif; font-weight: 900; color: #fff; } .main-slider-caption .booking { padding-top: 35px; padding-left: 100px; } .main-slider-caption .booking a { padding: 15px 24px 15px 24px; background: #410F0F; overflow: hidden; border-radius: 23px; color: #141414; font-size: 16px; font-family: Montserrat, sans-serif; text-transform: uppercase; } .main-slider-caption .booking a:hover { border-radius: 9px; background: #410F0F; } .main-slider-caption .title { line-height: normal; color: #141414; font-family: Raleway, sans-serif; font-size: 32px; font-weight: 900; text-transform: uppercase; } .main-slider-caption .title span { color: #fff; } .main-slider-caption .big-title { line-height: normal; color: #141414; font-family: Raleway, sans-serif; font-size: 88px; font-weight: 900; text-transform: uppercase; } .main-slider-caption .sub-title { padding-bottom: 35px; line-height: normal; color: #141414; text-transform: uppercase; font-size: 16px; } .main-slider-caption .btn { margin-right: 16px; } .event-nav { position: absolute; left: 0; right: 0; bottom: 44px; } .event-nav .nav-item { padding: 15px 30px 15px 30px; display: block; background-color: rgba(0, 0, 0, .5); box-sizing: border-box; position: relative; } .event-nav .nav-item:before { content: ''; height: 6px; width: 0; left: 0; position: absolute; bottom: -6px; background: #410F0F; transition: all .4s; } .event-nav .nav-item:hover:before { width: 100%} .event-nav .active { width: 33.33333333%; height: auto; background: 0 0; } .event-nav .active .nav-item:before { width: 100%} .event-nav .nav-item .championship { padding-bottom: 4px; font-size: 10px; color: #ccc; line-height: normal; font-family: Montserrat, sans-serif; display: block; text-transform: uppercase; text-align: center; } .event-nav .nav-item .teams-wrap { width: 100%; display: inline-block; font-size: 0; } .event-nav .nav-item .teams-wrap>* { vertical-align: middle; } .event-nav .nav-item .team { width: 15%; display: inline-block; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; color: #141414; } .event-nav .nav-item .team img { width: 40px; height: 40px; margin-right: 10px; } .event-nav .nav-item .team span { display: inline-block; vertical-align: middle; line-height: normal; } .event-nav .nav-item .team1 span { display: inline-block; vertical-align: middle; line-height: normal; } .event-nav .nav-item .team1 span:first-child { width: 100%} .event-nav .nav-item .team1 { width: 15%; display: inline-block; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; color: #141414; text-align: right; } .event-nav .nav-item .team1 img { width: 40px; height: 40px; margin-left: 10px; } .event-nav .nav-item .score { width: 70%; display: inline-block; text-align: center; } .event-nav .nav-item .score span { margin: 0 10px; min-width: 35px; padding: 0 10px; box-sizing: border-box; display: inline-block; background: #141414; color: #fff; font-size: 14px; font-weight: 700; line-height: 30px; border-radius: 10px; position: relative; } .event-nav .nav-item .game-result { font-size: 10px; color: #ccc; line-height: normal; font-family: Montserrat, sans-serif; display: block; text-transform: uppercase; text-align: center; } .event-nav .nav-item .score span:before { content: ':'; position: absolute; top: 0; line-height: 27px; height: 30px; right: -12px; font-size: 14px; font-weight: 700; color: #aaa; } .event-nav .nav-item .score span:last-child { margin-right: 0; } .event-nav .nav-item .score span:last-child:before { display: none; } .am-main-slider .main-slider-caption .big-title { color: #fff; } .am-main-slider .main-slider-caption .title { color: #fff; } @media (max-width:1200px) { .event-nav .nav-item .teams-wrap { display: none; } }@media (max-width:767px) { .event-nav { display: none; } .main-slider .nav-arrow { top: 100%; transform: translateY(-100%); } }.broadcast-tabs-wrapper ul { background-color: #f7f7f7; padding: 0; } .broadcast-tabs-wrapper li { background-color: #fff; padding-left: 1px; } .broadcast-tabs-wrapper li:first-child { padding: 0; } .nav-tabs { border: none; } .nav-tabs>li { margin: 0; } .broadcast-tabs-wrapper li a { padding: 17px 20px; font-size: 12px; color: #141414; text-transform: uppercase; font-family: Montserrat, sans-serif; width: 100%; font-weight: 700; border: none; border-radius: 0; background-color: #f7f7f7; } .broadcast-tabs-wrapper li .info { padding-left: 15px; display: inline-block; vertical-align: middle; } .broadcast-tabs-wrapper li a:hover { background-color: #141414; } .broadcast-tabs-wrapper a:hover .title { color: #fff; } .broadcast-tabs-wrapper .info .title { color: #141414; font-size: 14px; line-height: normal; display: block; font-family: Montserrat, sans-serif; text-transform: uppercase; } .broadcast-tabs-wrapper .info .language { color: #666; font-size: 10px; line-height: normal; display: block; font-family: Montserrat, sans-serif; } .mathc-live-broadcasts .background { position: relative; display: block; background-color: #fcfcfc; padding: 20px; } .mathc-live-broadcasts .comment { padding: 20px 80px 0 0; display: inline-flex; } .comment-info { text-transform: uppercase; font-family: Montserrat, sans-serif; display: block; } .mathc-live-broadcasts .comment .avatar { width: 60px; height: 60px; float: left; border-radius: 50%; border: 2px solid #e6e6e6; overflow: hidden; } .mathc-live-broadcasts .comment .comment-info { display: inline-block; padding-left: 20px; color: #141414; font-size: 14px; } .mathc-live-broadcasts .video { min-height: 500px; height: 100%; width: 100%} .mathc-live-broadcasts .comment .country { color: #666; font-size: 10px; line-height: normal; display: block; font-family: Montserrat, sans-serif; } .mathc-live-broadcasts .comment .avatar img { width: 100%; height: 100%} .mathc-live-broadcasts li.active>a, .mathc-live-broadcasts li.active>a:focus, .mathc-live-broadcasts li.active>a:hover { background-color: #141414; border: none; } .mathc-live-broadcasts li.active a .title { color: #fff; } .mathc-live-broadcasts li.active a .language { color: #666; } .mathc-live-broadcasts li a:hover .language { color: #666; } .broadcast-tabs-wrapper li a img { width: 33px; height: 33px; } @media (max-width:565px) { .mathc-live-broadcasts li.active { width: 100%} .mathc-live-broadcasts .nav-tabs>li { width: 100%} }.main-news-list .item { position: relative; display: block; overflow: hidden; } .main-news-list .item .caption { padding: 16px 0 0 30px; position: absolute; width: 40%; top: 0; bottom: 0; left: 0; display: block; box-sizing: border-box; } .main-news-list .item .caption:before { content: ''; width: 200%; transform: skew(-10deg); position: absolute; top: 0; bottom: 0; right: -20px; background-color: rgba(20, 20, 20, .9); transition: all .4s; } .main-news-list .item .caption .date { display: block; font-size: 12px; text-transform: uppercase; color: #ccc; font-family: Montserrat, sans-serif; position: relative; } .main-news-list .item .caption .name { font-size: 16px; line-height: 24px; color: #fff; font-family: Montserrat, sans-serif; position: relative; } .main-news-list .item:hover .caption .date { color: #3d3d3d; } .main-news-list .item:hover .caption .name { color: #141414; } .main-news-list .item:hover .caption:before { background-color: rgba(255, 204, 0, .9); } .main-news-list .item>img { width: 100%} .match-page-gallery .custom-navigation { padding-top: 26px; } .custom-navigation { padding-top: 44px; } .custom-navigation a { margin-left: 16px; cursor: pointer; color: #999; } .custom-navigation a:hover { color: #141414; } @media (max-width:1200px) { .main-news-list .item .caption { width: 100%; top: 45%} }@media (max-width:991px) { .main-news-list .item .caption { padding-right: 20px; padding-left: 20px; } }@media (max-width:767px) { .main-news-list .item .caption { width: 40%; top: 0; } }@media (max-width:460px) { .main-news-list .item .caption { top: 50%; width: 100%} }@media (max-width:380px) { .main-news-list .item .caption { width: 100%; top: 0; } }.main-next-match { position: relative; } .main-next-match.bg-cover { background-size: 50% 50%} .main-next-match .wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .main-next-match .champ-image { opacity: 0; visibility: hidden; max-width: 100%} .main-next-match .place { padding-top: 36px; text-align: center; font-size: 12px; line-height: normal; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .main-next-match .date { padding-top: 4px; text-align: center; font-size: 12px; line-height: normal; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .main-next-match .teams-wrap { padding: 0 20px; text-align: center; width: 100%; box-sizing: border-box; position: absolute; top: 50%; transform: translateY(-50%); } .main-next-match .teams-wrap>* { display: inline-block; vertical-align: middle; } .main-next-match .teams-wrap .vs { padding: 0 15px; font-size: 12px; line-height: normal; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .main-next-match .teams-wrap .team { font-size: 12px; line-height: normal; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .main-next-match .teams-wrap .team img { margin-left: 10px; width: 40px; height: 40px; } .main-next-match .teams-wrap .team1 { font-size: 12px; line-height: normal; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .main-next-match .teams-wrap .team1 img { margin-right: 10px; width: 40px; height: 40px; } .main-next-match .teams-wrap .team span { display: table-cell; vertical-align: middle; } .main-next-match .teams-wrap .team1 span { display: table-cell; vertical-align: middle; } .main-next-match .booking { padding: 0 15px 0 15px; display: inline-block; background: #410F0F; border-radius: 9px; color: #141414; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); } .main-next-match .booking:hover { color: #fff; background: #141414; } .main-next-match .next-match-background-img { width: 100%; height: 500px; object-fit: cover; } .main-lates-matches .item { padding: 5px 10px 5px 10px; border-bottom: 1px solid #f7f7f7; display: block; background: #fff; box-sizing: border-box; } .main-lates-matches .item:hover { border-bottom: 1px solid #410F0F; transition: all .5s; } .main-lates-matches .item:last-child { border-bottom: none; } .main-lates-matches .item .championship { padding-bottom: 4px; clear: both; font-size: 10px; color: #999; line-height: normal; font-family: Montserrat, sans-serif; display: block; text-transform: uppercase; text-align: center; } .main-lates-matches .item .teams-wrap { width: 100%; display: inline-block; font-size: 0; } .main-lates-matches .item .teams-wrap>* { vertical-align: middle; } .main-lates-matches .item .team { width: 40%; display: inline-block; font-size: 10px; font-family: Montserrat, sans-serif; text-transform: uppercase; color: #141414; } .main-lates-matches .item .team span { display: inline-block; vertical-align: middle; line-height: normal; } .main-lates-matches .item .team1 span { display: inline-block; vertical-align: middle; line-height: normal; } .main-lates-matches .item .team1 { width: 40%; display: inline-block; font-size: 10px; font-family: Montserrat, sans-serif; text-transform: uppercase; color: #141414; text-align: right; } .main-lates-matches .item .score { width: 20%; display: inline-block; text-align: center; } .main-lates-matches .item .score span { min-width: 50px; padding: 0 20px; box-sizing: border-box; display: inline-block; background: #141414; color: #fff; font-size: 14px; font-weight: 700; line-height: 30px; border-radius: 4px; } .main-lates-matches .item .game-result { font-size: 10px; color: #999; line-height: normal; font-family: Montserrat, sans-serif; display: block; text-transform: uppercase; text-align: center; } @media (max-width:650px) { .main-lates-matches .item .score, .main-lates-matches .item .team, .main-lates-matches .item .team1 { width: 100%} .main-lates-matches .item .team span, .main-lates-matches .item .team1 span { width: 100%; text-align: center; } .main-lates-matches .item .team img, .main-lates-matches .item .team1 img { display: block; margin: 0 auto; } }.players_statistic_slider ul { padding-bottom: 34px; padding-left: 0; } .players_statistic_slider .player-filters li { padding-right: 30px; display: inline-block; } .players_statistic_slider .player-filters li:last-child { padding-right: 0; } .players_statistic_slider .player-filters li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .players_statistic_slider .player-filters li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #410F0F; transition: all .4s; } .players_statistic_slider .player-filters li a:hover:before { width: 100%} .players_statistic_slider .player-filters li.active a:before { width: 100%} .players_statistic_slider .player-stat-slider { overflow: hidden; } .players_statistic_slider .player-stat-slider .wrap { font-size: 0; background: #fff; box-sizing: border-box; position: relative; overflow: hidden; } .players_statistic_slider .player-stat-slider .item .stat { padding: 30px 60px 50px 40px; width: 50%; display: inline-block; vertical-align: top; box-sizing: border-box; background: #f2f2f2; position: absolute; top: 0; bottom: 0; left: 0; } .players_statistic_slider .player-stat-slider .item .stat:before { content: ''; width: 80px; position: absolute; top: 0; bottom: 0; right: -40px; transform: skew(-10deg); background: linear-gradient(to right, #f2f2f2, #f2f2f2); } .players_statistic_slider .player-stat-slider .item .image { width: inherit; display: inline-block; float: right; } .players_statistic_slider .player-stat-slider .item .image img { width: 100%; height: 350px; object-fit: cover; } .players_statistic_slider .player-stat-slider .item .top-info { display: table; width: 100%} .players_statistic_slider .player-stat-slider .item .top-info>* { vertical-align: middle; display: table-cell; } .players_statistic_slider .player-stat-slider .item .top-info .number { width: 40px; height: 40px; text-align: center; line-height: 40px; background: #292929; color: #f2f2f2; font-size: 20px; font-family: Montserrat, sans-serif; display: block; } .players_statistic_slider .player-stat-slider .item .top-info .name { font-size: 18px; line-height: 18px; color: #141414; font-family: Montserrat, sans-serif; } .players_statistic_slider .player-stat-slider .item .top-info.with_number .name { padding-left: 16px; } .players_statistic_slider .player-stat-slider .item .position { padding-top: 9px; color: #141414; font-size: 14px; text-transform: uppercase; font-family: Montserrat, sans-serif; } .players_statistic_slider .player-stat-slider .item .progress-wrap { padding-top: 18px; } .players_statistic_slider .player-stat-slider .item .progress-item { padding-bottom: 19px; } .players_statistic_slider .player-stat-slider .item .bar-label { font-family: Montserrat, sans-serif; font-size: 0; } .players_statistic_slider .player-stat-slider .item .bar-label .achievement { width: 80%; vertical-align: top; display: inline-block; font-size: 12px; text-transform: uppercase; color: #666; } .players_statistic_slider .player-stat-slider .item .bar-label .score { width: 20%; vertical-align: top; display: inline-block; font-size: 12px; text-transform: uppercase; color: #141414; text-align: right; } .players_statistic_slider .player-stat-slider .item .progress-line { height: 4px; background: #ccc; position: relative; } .players_statistic_slider .player-stat-slider .item .progress-line .bar { position: absolute; top: 0; bottom: 0; left: 0; background: #410F0F; } .players_statistic_slider .player-stat-slider .item .progress-line .bar.bar-1 { width: 80%} .players_statistic_slider .player-stat-slider .item .progress-line .bar.bar-2 { width: 20%} .players_statistic_slider .player-stat-slider .item .progress-line .bar.bar-3 { width: 90%} .players_statistic_slider .player-stat-slider .item .progress-line .bar.bar-4 { width: 88%} .players_statistic_slider .player-stat-slider .item .progress-line .bar.bar-5 { width: 54%} .players_statistic_slider .player-stat-slider .item .progress-line .bar.bar-6 { width: 95%} .players_statistic_slider .player-stat-slider .arrow-wrap { width: 40px; position: absolute; left: 40px; bottom: 30px; } .players_statistic_slider .player-stat-slider .arrow-wrap a { color: #999; } .players_statistic_slider .player-stat-slider .arrow-wrap a:hover { color: #141414; } .players_statistic_slider .player-stat-slider .arrow-wrap .left-arrow { padding-right: 10px; } .players_statistic_slider .player-stat-slider .arrow-wrap .right-arrow { padding-left: 10px; } @media (max-width:1200px) { .players_statistic_slider .player-stat-slider .item .stat: before { display: none; } }@media (max-width:992px) { .players_statistic_slider .player-stat-slider .item .position { line-height: normal; } .players_statistic_slider .player-stat-slider .item .top-info.with_number .name { padding: 0; } .players_statistic_slider .player-stat-slider .arrow-wrap { left: 10px; } .players_statistic_slider .player-stat-slider .item .stat:before { display: none; } .players_statistic_slider .player-stat-slider .item .top-info .number { display: none; } .players_statistic_slider .player-stat-slider .item .stat { padding: 20px 10px 40px 10px; width: 40%} .players_statistic_slider .player-stat-slider .item .top-info .name { padding-left: 0; } }.team-best-player ul { padding-bottom: 34px; padding-left: 0; padding-right: 0; } .team-best-player .player-filters { padding-bottom: 34px; } .team-best-player .player-filters li { padding-right: 30px; display: inline-block; } .team-best-player .player-filters li:last-child { padding-right: 0; } .team-best-player .player-filters li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .team-best-player .player-filters li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #410F0F; transition: all .4s; } .team-best-player .player-filters li a:hover:before { width: 100%} .team-best-player .player-filters li.active a:before { width: 100%} .best-players-list .item { margin-bottom: 3px; padding: 9px 77px 9px 77px; font-size: 14px; color: #f2f2f2; display: block; position: relative; background: #141414; font-family: Montserrat, sans-serif; border-left: 2px solid #141414; } .best-players-list .number { width: 50px; z-index: 1; font-family: "Open Sans", sans-serif; line-height: 50px; text-align: center; position: absolute; top: 0; bottom: 0; left: 1px; background: #262626; color: #f2f2f2; } .best-players-list .number:before { content: ''; position: absolute; width: 20px; top: 0; right: -5px; bottom: 0; transform: skew(-10deg); background: #262626; z-index: -1; } .best-players-list .achievement { background: #141414; color: #ccc; z-index: 1; width: 50px; line-height: 50px; text-align: center; position: absolute; top: 0; bottom: 0; right: 0; } .best-players-list .item:first-child .achievement { color: #141414; background: #410F0F; } .best-players-list .item:first-child .achievement:before { content: ''; position: absolute; width: 20px; top: 0; left: -5px; bottom: 0; transform: skew(-10deg); z-index: -1; background: #410F0F; } .best-players-list .item .achievement:before { content: ''; position: absolute; background: #141414; width: 20px; top: 0; left: -5px; bottom: 0; transform: skew(-10deg); z-index: -1; } .best-players-list .item:first-child { margin-bottom: 5px; background: #141414; } .number img { position: absolute; left: -1px; top: 0; bottom: 0; width: 50px; height: 44px; object-fit: cover; } .amateurs-award-box { background: #fff; } .amateurs-award-box { padding: 110px 0; } .amateurs-award-box .text .title { font-size: 32px; font-family: Raleway, sans-serif; color: #141414; text-transform: uppercase; font-weight: 900; line-height: normal; } .amateurs-award-box .text .big-title { padding-bottom: 18px; font-size: 48px; font-family: Raleway, sans-serif; color: #141414; text-transform: uppercase; font-weight: 900; line-height: 40px; } .amateurs-award-box .btn { margin-top: 59px; } .am-trophey .item { text-align: center; } .am-trophey .item .name { padding-top: 21px; font-size: 16px; color: #666; text-transform: uppercase; font-family: Montserrat, sans-serif; line-height: normal; } .am-trophey .item .year { color: #666; font-size: 12px; line-height: normal; } .main-award-slider { padding-bottom: 110px; } .main-award-slider .award img { margin: auto; width: 30px; height: 30px; } .main-award-slider .award .name { padding-top: 30px; font-size: 16px; line-height: normal; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; } .main-award-slider .award .year { font-size: 12px; color: #666; line-height: normal; } .main-award-slider .nav-arrow { width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; background: #141414; color: #fff; position: absolute; top: 20%; transform: translateY(-50%); } .main-award-slider .nav-arrow:hover { background: #410F0F; color: #141414; } .main-award-slider .left-arrow { left: 5%} .main-award-slider .right-arrow { right: 5%} @media (max-width:992px) { .amateurs-award-box { padding: 50px 0; } .amateurs-award-box .btn { margin-top: 20px; } .am-trophey { padding-top: 20px; } .amateurs-award-box .text { text-align: center; } }.main-club-stuff .player-filters { padding-bottom: 34px; } .staff-item { position: relative; overflow: hidden; } .staff-item .info { padding: 26px 0 10px 30px; width: 75px; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: 0; background: #f2f2f2; } .staff-item .info:before { content: ''; width: 120px; background: #f2f2f2; position: absolute; right: -40px; top: 0; bottom: 0; transform: skew(-10deg); z-index: 0; } .staff-item .info .position { padding-top: 9px; font-size: 10px; text-transform: uppercase; line-height: normal; color: #666; display: block; font-family: Montserrat, sans-serif; z-index: 1; position: relative; } .staff-item .info .number { width: 75px; color: #999; font-size: 24px; position: absolute; text-align: center; left: 0; bottom: 23px; } .staff-item .info .ball { width: 24px; height: 25px; position: absolute; left: 28px; bottom: 26px; } .staff-item>a img { object-fit: cover; } .main-stuff-slider .nav-arrow { width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #000; font-size: 12px; background: #410F0F; } .main-stuff-slider .nav-arrow.left-arrow { padding-left: 36px; left: 0; text-align: left; } .main-stuff-slider .nav-arrow.left-arrow:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #410F0F; transition: all .4s; } .main-stuff-slider .nav-arrow.right-arrow:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #410F0F; transition: all .4s; } .main-stuff-slider .nav-arrow.right-arrow { padding-right: 36px; right: 0; text-align: right; } .main-stuff-slider .nav-arrow:hover { background: #141414; color: #fff; } .main-stuff-slider .nav-arrow.left-arrow:hover:before { background: #141414; } .main-stuff-slider .nav-arrow.right-arrow:hover:before { background: #141414; } .players-slider ul { padding-bottom: 34px; padding-left: 0; padding-right: 0; } .player-filters li { padding-right: 30px; display: inline-block; } .player-filters li:last-child { padding-right: 0; } .player-filters li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .player-filters li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #410F0F; transition: all .4s; } .player-filters li a:hover:before { width: 100%} .player-filters li.active a:before { width: 100%} @media (max-width:1200px) { .staff-item { overflow: hidden; } .staff-item .info .name { font-size: 14px; } }@media (max-width:992px) { .staff-item { max-width: 353px; margin: 0 auto 30px; } .staff-item .info { left: -200%; transition: all .4s; } .staff-item:hover .info { left: 0; } }.main-sponsor-slider .nav-arrow { width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; background: #141414; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); } .main-sponsor-slider .left-arrow { left: 5%} .main-breaking-news { overflow: hidden; background: #f1f1f1; padding: 2px; border-radius: 6px; } .main-breaking-news .break-title { padding: 10px 0 8px 0; position: relative; font-size: 16px; font-weight: 700; text-transform: uppercase; background: #761b1b; color: #292929; font-family: Montserrat, sans-serif; z-index: 1; } .main-breaking-news .break-title span { position: relative; z-index: 2; color: #fff; } .main-breaking-news .break-title:before { content: ''; position: absolute; left: -10000%; top: 0; bottom: 0; background: #761B1B; right: 0; z-index: 0; } .main-breaking-news .break-title:after { content: ''; position: absolute; top: 0; bottom: 0; width: 40px; background: #761B1B; right: -20px; z-index: 1; transform: skew(-10deg); } .main-breaking-news .break-title.dark { color: #fff; background: #000; } .main-breaking-news .break-title.dark:before { background: #000; } .main-breaking-news .break-title.dark:after { background: #000; } .main-breaking-list { padding: 10px 0 0 0; z-index: 0; } .main-breaking-list .item { padding-left: 25px; font-size: 14px; } .main-breaking-list .item>* { display: inline-block; font-size: 14px; } .main-breaking-list .date { color: #292929; } .main-breaking-list .date span { padding: 0 15px; color: #a3a3a3; display: inline-block; } .main-breaking-list .news { color: #292929; } .main-breaking-list .news>img { margin-right: 9px; vertical-align: middle; } .main-breaking-list .arrow-wrap { width: 40px; position: absolute; right: 0; top: 10px; } .main-breaking-list .arrow-wrap a { color: #999; } .main-breaking-list .arrow-wrap a:hover { color: #141414; } .main-breaking-list .arrow-wrap .left-arrow { padding-right: 10px; } .main-breaking-list .arrow-wrap .right-arrow { padding-left: 10px; } @media (max-width:767px) { .main-breaking-list { padding-top: 20px; padding-bottom: 20px; } .main-breaking-list .item { padding-left: 0; } .main-breaking-list .item a { white-space: nowrap; } .main-breaking-list .arrow-wrap { display: none; } }.amateurs-main-match { overflow: hidden; } .amateurs-main-match .title { text-align: center; font-size: 12px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; } .amateurs-main-match .team { width: 40%; display: inline-block; } .amateurs-main-match .team.guest { text-align: right; } .amateurs-main-match .team.guest .info { padding-left: 0; padding-right: 30px; } .amateurs-main-match .team>* { display: inline-block; vertical-align: middle; } .amateurs-main-match .team .info { padding-left: 30px; } .amateurs-main-match .team .name { font-size: 16px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; display: block; line-height: normal; } .amateurs-main-match .team .city { font-size: 12px; text-transform: uppercase; color: #141414; display: block; line-height: normal; } .amateurs-main-match .score { padding: 35px 0 33px 0; width: 20%; display: inline-block; text-align: center; vertical-align: middle; } .amateurs-main-match .score span { padding: 6px 25px 4px 25px; font-size: 32px; line-height: normal; color: #fff; font-weight: 700; text-transform: uppercase; background: #141414; border-radius: 9px; } .amateurs-main-match .team>.image>img { height: 60px; width: 60px; } @media (max-width:1200px) { .amateurs-main-match .team { width: 35%} .amateurs-main-match .counter { width: 30%} }@media (max-width:992px) { .amateurs-main-match .counter { width: 100%} .amateurs-main-match .counter ul { text-align: center; } .amateurs-main-match>* { display: block; } .amateurs-main-match .team { padding: 15px 0; width: 100%; text-align: center; } .amateurs-main-match .score { margin: 0 auto; width: 100%; font-size: 20px; } .amateurs-main-match .team.guest { text-align: center; } .amateurs-main-match .team .avatar { width: 100%} .amateurs-main-match .team .text { padding: 10px 0 10px 0; } .amateurs-main-match .team.quest { text-align: center; } .amateurs-main-match .team.guest .avatar { width: 100%} .amateurs-main-match .team.guest .text { text-align: center; padding: 10px 0 10px 0; } .amateurs-main-match .team>* { display: block; text-align: center; } .amateurs-main-match .team .info { padding-left: 0; } .amateurs-main-match .team.guest .info { padding-right: 0; } .amateurs-main-match .team .info .name { padding: 10px 0 10px 0; } .amateurs-main-match .team .info .city { padding-bottom: 10px; } }.organisation-header-wrapper { min-height: 300px; position: relative; } .organisation-header-wrapper:before { content: ''; background: #f7f7f7; position: absolute; top: 30px; bottom: 30px; left: -100px; width: 55%; transform: skew(-10deg); } .org-club-info { padding-top: 55px; } .org-club-info p { font-size: 14px; color: #141414; } .org-club-info .item { padding-bottom: 23px; font-size: 14px; color: #000; font-family: Montserrat, sans-serif; line-height: 19px; } .org-club-info .item span { color: #666; } .org-club-info .country img { margin-right: 10px; } .org-club-stat { padding: 28px 0 0; } .org-club-stat .title { padding: 21px 0 3px 0; font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; } .org-club-stat .next>* { display: table-cell; vertical-align: middle; } .org-club-stat .next .avatar { padding-right: 20px; } .org-club-stat .next .name { font-size: 16px; color: #141414; line-height: normal; text-transform: uppercase; font-family: Montserrat, sans-serif; } .org-club-stat .next .date { color: #666; font-size: 12px; text-transform: uppercase; line-height: normal; } #circle_3>svg>path { stroke: #337ab7; } #circle_4>svg>path { stroke: #e63c39; } #circle_5>svg>path { stroke: #410F0F; } #circle_6>svg>path { stroke: #410F0F; } #circle_3>div.progressbar-text { color: #141414!important; } #circle_4>div.progressbar-text { color: #141414!important; } #circle_5>div.progressbar-text { color: #141414!important; } #circle_6>div.progressbar-text { color: #141414!important; } .organisation-header-wrapper .circle-item { width: 50%; float: left; } .organisation-header-wrapper .circle-item .circle-bar { width: 42px; height: 42px; } .organisation-header-wrapper .circle-item .circle-bar { width: 42px; height: 42px; } .organisation-header-wrapper .circle-item>* { display: inline-block; vertical-align: middle; } .organisation-header-wrapper .circle-item .text { padding-left: 6px; font-size: 12px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } .organisation-header-wrapper .circle-item>#circle_4 { position: relative; } @media (max-width:992px) { .org-club-stat { overflow-x: hidden; padding-bottom: 30px; } }@media (max-width:346px) { .organisation-header-wrapper .circle-item .text { padding-left: 6px; font-size: 10px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } }.match-page-info { padding-bottom: 39px; overflow: hidden; } .match-live-info { padding: 35px 0 26px 0; } .match-live-info .title { padding: 9px 0; text-align: center; display: block; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } .match-live-info-bg .title { padding: 9px 0; text-align: center; display: block; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } .match-info { font-size: 0; } .match-info>* { display: inline-block; vertical-align: middle; } .match-info .team>* { display: inline-block; vertical-align: middle; } .match-info .team { width: 45%; font-size: 17px; text-transform: uppercase; } .match-info .team .text>span { font-size: 12px; color: #666; line-height: normal; font-family: Montserrat, sans-serif; display: block; } .match-info .team .text { padding-left: 24px; color: #141414; line-height: normal; font-family: Montserrat, sans-serif; } .match-info .score { background: #141414; border-radius: 10px; font-weight: 700; color: #fff; text-align: center; line-height: 60px; width: 10%; font-size: 32px; } .match-info .team.right { text-align: right; } .match-info .team.right .text { text-align: right; padding-right: 24px; padding-left: 0; } .match-page-info .latest-title { padding-top: 27px; padding-bottom: 7px; font-size: 10px; text-transform: uppercase; color: #999; font-family: Montserrat, sans-serif; line-height: normal; } .match-page-info .latest span { margin: 0 2px; width: 30px; height: 30px; text-transform: uppercase; border-radius: 50%; display: inline-block; font-size: 12px; color: #666; text-align: center; line-height: 30px; } .match-page-info .latest span.win { background: #4caf50; color: #fff; } .match-page-info .latest span.drawn { background: #999; color: #fff; } .match-page-info .latest span.lose { background: #f44336; color: #fff; } .match-page-info { overflow: hidden; } .match-page-info>* { display: block; float: left; } .match-page-info .team>* { vertical-align: top; } .match-page-info .team { width: 40%} .match-page-info .counter { width: 20%} .match-page-info .counter ul li { margin-right: 19px; text-align: center; display: inline-block; position: relative; } .match-page-info .counter ul li:before { content: ':'; position: absolute; top: 0; line-height: 53px; height: 60px; right: -17px; font-size: 32px; font-weight: 700; color: #141414; } .match-page-info .counter ul li:last-child { margin-right: 0; } .match-page-info .counter ul li:last-child:before { display: none; } .match-page-info .counter .digit { padding: 0 10px; box-sizing: border-box; border-radius: 8px; min-width: 60px; text-align: center; font-size: 32px; color: #fff; font-weight: 700; background: #141414; height: 60px; line-height: 60px; font-family: "Open Sans", sans-serif; } .match-page-info .counter .descr { font-size: 12px; text-transform: uppercase; font-family: Raleway, sans-serif; font-weight: 900; color: #141414; } .match-page-info .counter ul { padding: 0; } @media (max-width:1200px) { .match-page-info .team { width: 35%} .match-page-info .counter { width: 30%} }@media (max-width:992px) { .match-page-info .counter { width: 100%} .match-page-info .counter ul { text-align: center; } .match-info>* { display: block; } .match-info .team { padding: 15px 0; width: 100%; text-align: center; } .match-info .score { margin: 0 auto; width: 20%; font-size: 20px; } .match-info .team.right { text-align: center; } .match-info .team .avatar { width: 100%} .match-info .team .text { padding: 10px 0 10px 0; } .match-info .team.right { text-align: center; } .match-info .team.right .avatar { width: 100%} .match-info .team.right .text { text-align: center; padding: 10px 0 10px 0; } }.live-timeline .timeline-wrap { padding: 13px 20px 13px 20px; background: #fcfcfc; font-family: Montserrat, sans-serif; } .live-timeline .timeline-wrap .team { font-size: 12px; color: #3d3d3d; } .live-timeline .timeline-wrap .team img { margin-right: 10px; width: 20px; height: 20px; } .timeline { padding: 11px 0 7px 0; font-size: 0; } .timeline .period { position: relative; background: #ccc; height: 2px; font-size: 10px; } .timeline .first { width: 50%; display: inline-block; padding-right: 7px; } .timeline .second { width: 50%; display: inline-block; padding-left: 7px; } .timeline .period .line { position: absolute; left: 0; top: 0; bottom: 0; background: #85953b; } .timeline .period .line.line-1 { width: 100%} .timeline .period .line.line-2 { width: 60%} .timeline .period .line .event { cursor: pointer; position: absolute; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid #85953b; } .timeline .period .line.line-1 .event.event-1 { left: 0; } .timeline .period .line.line-1 .event.event-2 { left: 10%} .timeline .period .line.line-2 .event.event-3 { left: 22%} .timeline .period .line.line-2 .event.event-4 { left: 35%} .timeline .period .line .goal { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; } .timeline .period .line.line-1 .goal.goal-1 { left: 30%} .timeline .period .line.line-2 .goal.goal-2 { left: 30%} .timeline .period .line .goal img { vertical-align: top; } .timeline .period .tooltip-inner { border-radius: 10px; font-size: 10px; font-weight: 700; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .timeline .period .line .current-time { position: absolute; top: -14px; right: 0; width: 30px; height: 30px; font-size: 10px; font-family: Montserrat, sans-serif; line-height: 28px; text-align: center; border-radius: 50%; background: #fff; border: 2px solid #85953b; } .timeline .period .end { position: absolute; top: -4px; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid #ccc; } .match-stat-table .item { padding: 17px 20px 20px 20px; background: #fcfcfc; border-bottom: 1px solid #eaeaea; } .match-stat-table .item .name { font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; line-height: normal; } .match-stat-table .item .percent { padding: 3px 0 6px 0; width: 50%; float: left; font-size: 12px; line-height: normal; color: #141414; font-family: Montserrat, sans-serif; } .match-stat-table .item .percent.right { float: right; text-align: right; } .match-stat-table .item .percent-bar { height: 4px; background: #0078dc; position: relative; clear: both; } .match-stat-table .item .percent-bar .bar { position: absolute; top: 0; left: 0; bottom: 0; background: #410F0F; } .match-stat-table .item .percent-bar .bar.bar-1 { width: 50%} .match-stat-table .item .percent-bar .bar.bar-2 { width: 48%} .match-stat-table .item .percent-bar .bar.bar-3 { width: 53%} .match-stat-table .item .percent-bar .bar.bar-4 { width: 58%} .match-stat-table .item .percent-bar .bar.bar-5 { width: 66%} .match-stat-table .item .percent-bar .bar.bar-6 { width: 57%} .live-championship .border { background-color: #fcfcfc; padding: 20px; padding-bottom: 10px; } .live-championship .header { background-color: #000; color: #fff; display: inline-block; padding: 18px 19px 14px 19px; width: 100%; font-family: Montserrat, sans-serif; font-weight: 700; } .live-championship .text { margin-bottom: 10px; } .live-championship .flag, .live-championship .text { display: block; color: #000; font-family: Montserrat, sans-serif; margin-bottom: 10px; } .live-championship .img-champ img { max-width: 100%} .live-championship dt { float: left; color: #737373; margin-bottom: 10px; margin-right: 5px; font-family: Montserrat, sans-serif; width: auto; } .live-championship dd { margin-bottom: 10px; color: #000; font-family: Montserrat, sans-serif; } .match-lineup { overflow: hidden; background: #fcfcfc; } .match-lineup .head { padding: 10px 20px 10px 20px; overflow: hidden; background: #000; } .match-lineup .head .name { text-transform: uppercase; font-size: 12px; color: #fff; font-family: Montserrat, sans-serif; } .match-lineup .head .name.right { text-align: right; } .match-lineup .member { padding: 20px 0 0; overflow: hidden; } .match-lineup .member .avatar:before { content: ''; margin-left: -1px; width: 2px; height: 200%; background: #e6e6e6; left: 50%; top: -200%; position: absolute; } .match-lineup .team-wrap { padding: 0 0 15px 20px; background: #fcfcfc; } .match-lineup .team-wrap .member:first-child .avatar:before { display: none; } .match-lineup .member .avatar { width: 56px; height: 56px; position: relative; border-radius: 50%; border: 2px solid #e6e6e6; box-sizing: border-box; display: inline-block; vertical-align: middle; } .match-lineup .member .avatar img { width: 52px; height: 52px; border-radius: 50%; display: block; max-width: 100%} .match-lineup .member .info { max-width: 75%; box-sizing: border-box; padding-left: 16px; display: inline-block; vertical-align: middle; } .match-lineup .member .info .wrap { padding-bottom: 7px; line-height: 20px; } .match-lineup .member .name { padding: 0 10px 0 0; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; } .match-lineup .member .country { font-size: 10px; color: #666; font-family: Montserrat, sans-serif; text-transform: uppercase; line-height: 12px; } .match-lineup .member .country img { margin-right: 7px; } .match-lineup .member .card { margin-right: 5px; width: 10px; height: 13px; border-radius: 2px; display: inline-block; vertical-align: middle; } .match-lineup .member .card.yellow { background: #410F0F; } .match-lineup .member .card.red { background: #c80b0b; } .match-lineup .member .goal { margin-right: 5px; width: 12px; height: 12px; vertical-align: middle; display: inline-block; } .match-lineup .member .goal img { vertical-align: top; } .match-lineup .member .tooltip-inner { border-radius: 10px; font-size: 10px; white-space: nowrap; font-weight: 700; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .match-lineup .team-wrap.right { padding: 0 20px 15px 0; } .match-lineup .team-wrap.right .member { text-align: right; } .match-lineup .team-wrap.right .member .info { padding-left: 0; padding-right: 16px; } .match-lineup .team-wrap.right .member .name { padding: 0 0 0 10px; } .match-lineup .team-wrap.right .member .card { margin-right: 0; margin-left: 5px; } .match-lineup .team-wrap.right .member .goal { margin-right: 0; margin-left: 5px; } @media (max-width:767px) { .match-lineup .no-gutter>[class*=col-] { padding-right: 0; padding-left: 0; } .match-lineup .head .name.right { text-align: left; } .match-lineup .team-wrap.right { padding: 0 0 15px 20px; } .match-lineup .member .avatar { float: left; } .match-lineup .member .country img { float: left; } .match-lineup .team-wrap.right .member .country img { margin-right: 7px; margin-left: 0; } .match-lineup .member .name { float: left; } .match-lineup .member .card { vertical-align: top; } .match-lineup .member .goal { vertical-align: top; } .match-lineup .team-wrap.right .member .name { padding: 0 10px 0 0; } .match-lineup .team-wrap.right .member { text-align: left; } .match-lineup .team-wrap.right .member .info { padding-left: 16px; padding-right: 0; } .match-lineup .member { text-align: left; } .match-lineup .member .info { text-align: left; } .match-lineup .member .avatar:before { display: none; } }.live-match-weather { padding: 20px; background: #fcfcfc; } .live-match-weather .icon { display: inline-block; vertical-align: middle; } .live-match-weather .info { padding-left: 14px; display: inline-block; vertical-align: middle; } .live-match-weather .info .degree { font-size: 24px; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; } .live-match-weather .info .text { font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; line-height: normal; } .share-box { padding: 50px 0 100px 0; } .share-box .item { background: #fcfcfc; } .share-box .item .title { padding: 20px 0 10px 30px; color: #666; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; } .share-box .share-socials { padding: 12px 18px 12px 5px; display: inline-block; background: #141414; position: relative; } .share-box .share-socials:before { content: ''; position: absolute; top: 0; bottom: 0; left: -30px; transform: skew(-10deg); background: #141414; width: 100%} .share-box .share-socials li { padding: 10px 12px 10px 12px; display: inline-block; position: relative; } .share-box .share-socials li a { color: #999; font-size: 14px; } .share-box .share-socials li a:hover { color: #410F0F; } @media (max-width:767px) { .share-box .item .title { padding-left: 0; text-align: center; } .share-box .share-socials { display: block; text-align: center; width: 100%; position: absolute; left: 0; } .share-box .share-socials:before { display: none; } .share-box .share-socials li a { font-size: 18px; } .share-box .share-socials li { padding: 4px 12px 4px 12px; display: inline-block; position: relative; } }.broadcast-list { padding-top: 20px; } .broadcast-item { background: #fff; overflow: hidden; margin-bottom: 20px; position: relative; z-index: 10; } .broadcast-item .arrow { padding-left: 40px; width: 100%; height: 100px; display: block; line-height: 100px; color: #999; position: relative; } .broadcast-item .arrow i { position: relative; } .broadcast-item .arrow:before { content: ''; position: absolute; top: 0; bottom: 0; right: -25px; left: -50px; background: #ebebeb; transform: skew(-10deg); transition: all .4s; } .broadcast-item .item-head-body { padding: 30px 85px 30px 50px; position: relative; transition: all .4s; } .broadcast-item .item-head-body>a>img { width: 40px; height: 40px; object-fit: contain; } .broadcast-item .marker { padding: 0 14px; border-radius: 9px; font-size: 12px; text-transform: uppercase; background: #4caf50; line-height: 30px; color: #fff; display: inline-block; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .broadcast-item .vs { padding: 0 20px; font-size: 12px; text-transform: uppercase; color: #666; font-weight: 700; transition: all .4s; } .broadcast-item .info { padding-left: 35px; display: inline-block; vertical-align: middle; } .broadcast-item .info .what { transition: all .4s; color: #999; font-size: 10px; text-transform: uppercase; line-height: normal; display: block; font-family: Montserrat, sans-serif; } .broadcast-item .info .then { color: #666; font-size: 14px; text-transform: uppercase; line-height: normal; display: block; font-family: Montserrat, sans-serif; transition: all .4s; } .broadcast-item .channel { padding: 30px; position: relative; } .broadcast-item .channel:before { content: ''; margin-bottom: -100%; position: absolute; top: 0; bottom: 0; right: -55px; left: -20px; background: #ebebeb; transform: skew(-10deg); transition: all .4s; } .broadcast-item .channel>* { position: relative; } .broadcast-item .channel img { width: 33px; height: 33px; } .broadcast-item .channel .info { padding-left: 18px; padding-top: 5px; } .broadcast-item .item-body { padding: 25px 40px 40px 40px; background: #fff; transition: all .4s; } .broadcast-item .item-body .title { padding: 5px 0 10px 0; font-size: 17px; font-family: Raleway, sans-serif; font-weight: 900; text-transform: uppercase; color: #141414; } .broadcast-item .img-wrap img { width: 100%; height: calc(99%); } .broadcast-item .live-match-weather { padding: 0; } .broadcast-item .live-match-weather .info { padding-left: 20px; } .broadcast-item .item-body .btn { margin-top: 30px; font-size: 12px; } .broadcast-item .item-body .btn:hover { background: #131313; color: #fff; } .broadcast-item .lineup-list .item { margin-bottom: 2px; overflow: hidden; background: linear-gradient(to right, #f7f7f7 0, #fbfbfb 50%, #f7f7f7 100%); } .broadcast-item .lineup-list .left { width: 50%; float: left; } .broadcast-item .lineup-list .left>* { display: inline-block; } .broadcast-item .lineup-list .right { width: 50%; float: right; text-align: right; } .broadcast-item .lineup-list .number img { z-index: 5; position: absolute; left: -1px; top: 0; bottom: 0; width: 50px; height: 47px; object-fit: cover; } .broadcast-item .lineup-list .right .number img { left: -10px; } .broadcast-item .lineup-list .right>* { display: inline-block; } .broadcast-item .lineup-list .number { width: 40px; height: 40px; text-align: center; position: relative; font-size: 14px; color: #3d3d3d; font-family: Montserrat, sans-serif; } .broadcast-item .lineup-list .number:before { content: ''; position: absolute; top: 0; bottom: 0; left: -5px; right: -5px; background: #ebebeb; transform: skew(-10deg); } .broadcast-item .lineup-list .number span { position: relative; line-height: 40px; color: #3d3d3d; } .broadcast-item .lineup-list .name { padding-left: 18px; font-size: 14px; color: #262626; } .broadcast-item .lineup-list .right .name { padding-right: 18px; padding-left: 0; } .broadcast-item .item-header { border-bottom: 1px solid #e0e0e0; transition: all .4s; position: relative; overflow: hidden; } .broadcast-item.active .item-header { background: #141414; border-bottom: 1px solid #000; } .broadcast-item.active .arrow { color: #fff; } .broadcast-item.active .arrow:before { background: #292929; } .broadcast-item.active .vs { color: #fff; } .broadcast-item.active .info .then { color: #fff; } .broadcast-item.active .info .what { color: #fff; } .broadcast-item.active .channel:before { background: #292929; } .match-lineup .member { padding: 20px 0 0; overflow: hidden; } .match-lineup .member .avatar:before { content: ''; margin-left: -1px; width: 2px; height: 200%; background: #e6e6e6; left: 50%; top: -200%; position: absolute; } .match-lineup .member .avatar { width: 56px; height: 56px; position: relative; border-radius: 50%; border: 2px solid #e6e6e6; box-sizing: border-box; display: inline-block; vertical-align: middle; } .match-lineup .member .avatar img { width: 52px; height: 52px; border-radius: 50%; display: block; max-width: 100%} .match-lineup .member .info { max-width: 75%; box-sizing: border-box; padding-left: 16px; display: inline-block; vertical-align: middle; } .match-lineup .member .info .wrap { padding-bottom: 7px; line-height: 20px; } .match-lineup .member .name { padding: 0 10px 0 0; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; } .match-lineup .member .country { font-size: 10px; color: #666; font-family: Montserrat, sans-serif; text-transform: uppercase; line-height: 12px; } .match-lineup .member .country img { margin-right: 7px; } .live-match-weather { padding: 20px; background: #fcfcfc; } .live-match-weather .icon { display: inline-block; vertical-align: middle; } .live-match-weather .info { padding-left: 14px; display: inline-block; vertical-align: middle; } .live-match-weather .info .degree { font-size: 24px; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; } .live-match-weather .info .text { font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; line-height: normal; } .part-list .item { margin-bottom: 30px; padding: 54px 10px 28px 10px; text-align: center; background: #fff; border-radius: 9px; display: block; } .part-list .item:hover { box-shadow: 0 0 10px 10px #d2d2d2; } .part-list .item .logo { display: block; } .part-list .item .name { padding-top: 13px; display: block; font-size: 60%; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } @media (max-width:992px) { .broadcast-item .channel: before { margin-bottom: 0; } }@media (max-width:767px) { .broadcast-item .item-head-body { padding-left: 40px; } .broadcast-item .channel { padding-left: 40px; } }@media (max-width:450px) { .broadcast-item .info { padding-left: 0; } }.championship-list { background: #fff; overflow: hidden; margin-bottom: 20px; position: relative; z-index: 10; } .championship-list .arrow { padding-left: 40px; width: 100%; height: 100px; display: block; line-height: 100px; color: #999; position: relative; } .championship-list .arrow i { position: relative; } .championship-list .arrow:before { content: ''; position: absolute; top: 0; bottom: 0; right: -25px; left: -50px; background: #ebebeb; transform: skew(-10deg); transition: all .4s; } .championship-list .item-head-body { padding: 30px 85px 30px 50px; position: relative; transition: all .4s; } .championship-list .marker { padding: 0 14px; border-radius: 9px; font-size: 12px; text-transform: uppercase; background: #4caf50; line-height: 30px; color: #fff; display: inline-block; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .championship-list .vs { padding: 0 20px; font-size: 12px; text-transform: uppercase; color: #141414; font-weight: 700; transition: all .4s; } .championship-list .info { padding-left: 35px; display: inline-block; vertical-align: middle; } .championship-list .info .what { transition: all .4s; color: #999; font-size: 10px; text-transform: uppercase; line-height: normal; display: block; font-family: Montserrat, sans-serif; } .championship-list .info .then { color: #666; font-size: 14px; text-transform: uppercase; line-height: normal; display: block; font-family: Montserrat, sans-serif; transition: all .4s; } .championship-list .item-body { padding: 25px 40px 40px 40px; background: #fff; transition: all .4s; } .championship-list .item-body .title { padding: 5px 0 10px 0; font-size: 17px; font-family: Raleway, sans-serif; font-weight: 900; text-transform: uppercase; color: #141414; } .championship-list .item-body .btn { margin-top: 30px; font-size: 12px; } .championship-list .item-body .btn:hover { background: #131313; color: #fff; } .championship-list .item-header { border-bottom: 1px solid #e0e0e0; transition: all .4s; position: relative; overflow: hidden; } .championship-list.active .item-header { background: #141414; border-bottom: 1px solid #000; } .championship-list.active .arrow { color: #fff; } .championship-list.active .arrow:before { background: #292929; } .championship-list.active .vs { color: #fff; } .championship-list.active .info .then { color: #fff; } .championship-list.active .info .what { color: #fff; } .part-list .item { margin-bottom: 30px; padding: 54px 10px 28px 10px; text-align: center; background: #fff; border-radius: 9px; display: block; } .part-list .item:hover { box-shadow: 0 0 10px 10px #d2d2d2; } .part-list .item .logo { display: block; } .part-list .item .logo img { width: 80px; height: 80px; object-fit: contain; } .part-list .item .name { padding-top: 13px; display: block; font-size: 12px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } @media (max-width:991px) { .championship-list .item-head-body { padding-left: 40px; } }@media (max-width:410px) { .championship-list .info { padding-left: 0; padding-top: 5px; } }.championship-header-wrapper { min-height: 300px; background: url(../ondjoweb/admin/galeriafotos/champ-title-bg.jpg) 50% 50% no-repeat; background-size: cover; position: relative; } .championship-header-wrapper:before { content: ''; background: #f7f7f7; position: absolute; top: 30px; bottom: 30px; left: -100px; width: 55%; transform: skew(-10deg); } .club-info { padding-top: 55px; } .club-info p { font-size: 14px; color: #141414; } .club-info .item { padding-bottom: 23px; font-size: 14px; color: #000; font-family: Montserrat, sans-serif; line-height: 19px; } .club-info .item span { color: #666; } .club-info .country img { margin-right: 10px; } .club-stat { padding: 28px 0 0; } .club-stat .title { padding: 21px 0 3px 0; font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; } .club-stat .next>* { display: table-cell; vertical-align: middle; } .club-stat .next .avatar { padding-right: 20px; } .club-stat .next .name { font-size: 16px; color: #141414; line-height: normal; text-transform: uppercase; font-family: Montserrat, sans-serif; } .club-stat .next .date { color: #666; font-size: 12px; text-transform: uppercase; line-height: normal; } .staff-box h4 { padding-top: 0; } .staff-box .item { margin-bottom: 40px; position: relative; display: block; overflow: hidden; transition: all .4s; height: 360px; width: 100%} .staff-box .item img { width: 100%; height: 100%; object-fit: cover; } .staff-box .item:hover { box-shadow: 0 0 17px -6px #000; } .staff-box .item:hover .info:before { background: #410F0F; right: -50px; } .staff-box .item:hover .info>* { color: #141414; } .staff-box .info { padding: 10px 0 10px 29px; width: 30%; position: absolute; top: 0; left: 0; bottom: -1px; display: block; } .staff-box .info:before { content: ''; height: 100%; position: absolute; top: 0; bottom: 0; left: -100%; right: -20px; background: #f2f2f2; transform: skew(-10deg); transition: all .4s; } .staff-box .info .name { padding: 16px 0 0; font-size: 16px; line-height: 19px; color: #141414; text-transform: uppercase; font-family: Montserrat, sans-serif; display: block; position: relative; } .staff-box .info .position { padding-top: 3px; color: #999; font-size: 10px; text-transform: uppercase; font-family: Montserrat, sans-serif; display: block; line-height: normal; position: relative; transition: all .4s; } .staff-box .info .number { position: absolute; left: 30px; bottom: 23px; font-size: 24px; color: #999; display: block; transition: all .4s; } .staff-box .info .role { padding: 4px 9px 4px 10px; font-size: 10px; line-height: normal; text-transform: uppercase; color: #fff; font-family: Montserrat, sans-serif; background: #410F0F; position: relative; } .staff-box .info .role span { position: relative; } .staff-box .info .role:before { content: ''; width: 100%; background: #410F0F; transform: skew(-10deg); position: absolute; top: 0; bottom: 0; right: -7px; } .staff-box .item:hover .info .role { color: #fff; } @media (max-width:767px) { .staff-box .item { margin: 0 auto 40px; max-width: 360px; } }.captain-bage { display: inline-block; font-size: 10px; text-transform: uppercase; color: #fff; font-family: Montserrat, sans-serif; } .captain-bage { margin: 30px 20px 29px 0; padding: 0 0 0 10px; height: 26px; position: relative; vertical-align: top; line-height: 24px; display: inline-block; font-size: 10px; text-transform: uppercase; color: #fff; font-family: Montserrat, sans-serif; background: #410F0F; } .captain-bage:before { content: ''; width: 100%; position: absolute; top: 0; bottom: 0; right: -10px; transform: skew(-10deg); background: #410F0F; z-index: -1; } .player-name { display: inline-block; } .player-photo { margin-bottom: 25px; position: relative; overflow: hidden; } .player-photo .number { width: 80px; padding: 28px 0 0; text-align: center; position: absolute; font-size: 40px; font-weight: 700; color: #141414; background: #410F0F; top: 0; bottom: 0; left: 0; } .player-photo .number:before { content: ''; background: #f0f0f0; position: absolute; left: 0; top: 0; bottom: 0; transform: skew(-10deg); width: 250%; z-index: -1; } .cup-body { padding: 0 0 100px 0; } .cup-body div.jQBracket .bracket { float: left; } .cup-body div.jQBracket .team { padding: 25px 0; } .cup-body div.jQBracket .team div.label { padding: 0 0 0 30px; text-align: left; position: relative; font-size: 12px; font-weight: 700; color: #141414; text-transform: uppercase; } .cup-body div.jQBracket .team { border-bottom: 1px solid #e0e0e0; } .cup-body div.jQBracket .team.lose { background-color: #f0f0f0; } .cup-body div.jQBracket .team.lose>.label { color: #141414; } .cup-body div.jQBracket .team.win { background-color: #fff; } .cup-body div.jQBracket .team.win>.label { color: #141414; } .cup-body div.jQBracket .team div.score { padding: 0; width: 40px; height: 30px; line-height: 30px; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; font-size: 12px; font-weight: 700; color: #fff; background: #141414; border-radius: 9px; } .cup-body div.jQBracket .bubble { display: none; } .cup-body div.jQBracket .connector.highlightWinner, div.jQBracket .connector div.connector.highlightWinner { border-color: #e0e0e0; } .cup-body div.bracket div:last-child { margin-right: 0!important; } .standing-full { margin-bottom: 25px; width: 100%} .standing-full tr th { height: 68px; font-size: 10px; color: #fff; background: #141414; } .standing-full tr td { background: #fff; height: 80px; border-bottom: 1px solid #e9e9e9; } .standing-full tr td:first-child i { margin-right: 8px; font-size: 16px; } .standing-full tr td.up i { color: #4caf50; } .standing-full tr td.down i { color: #f44336; } .standing-full tr td.none i { color: #999; font-size: 10px; } .standing-full tr td .team { padding: 0 15px 0 10px; } .standing-full tr td.points span { width: 40px; height: 30px; line-height: 30px; border-radius: 9px; background: #141414; display: inline-block; color: #fff; } .standing-full tr td.form { border: solid #e9e9e9; border-width: 0 1px 1px 1px; } .standing-full tr td.form span { margin: 0 3px; width: 30px; height: 30px; text-transform: uppercase; border-radius: 50%; display: inline-block; font-size: 12px; color: #fff; text-align: center; line-height: 30px; } .standing-full tr td.form span.win { background: #4caf50; } .standing-full tr td.form span.drawn { background: #999; } .standing-full tr td.form span.lose { background: #f44336; } .standing-full tr:hover td { background: #f2f2f2; } .standing-full tr:hover td.form { border-left-color: #e9e9e9; border-right-color: #e9e9e9; } .standing-full td .team, .standing-full td .team-name { margin: auto; } .standing-full td img { height: 30px; width: 30px; object-fit: contain; } table tr td:first-child span { line-height: normal; } .standing-full tr td a { display: inline-flex; } .team-timeline { position: relative; } .team-timeline:before { content: ''; width: 2px; top: 30px; bottom: 0; position: absolute; left: 60px; background: #e6e6e6; } .team-timeline .item-wrap { margin-top: 30px; padding: 0 0 0 110px; position: relative; } .team-timeline .item-wrap:first-child { margin-top: 0; } .team-timeline .item-info { position: absolute; top: 30px; left: 0; width: 110px; } .team-timeline .item-info .time { width: 55px; font-size: 12px; color: #666; line-height: 2px; } .team-timeline .item-info .point { margin-top: -18px; margin-left: -18px; width: 36px; height: 36px; border-radius: 50%; position: absolute; left: 60px; top: 0; } .team-timeline .item-info .point.event { border: 2px solid #e6e6e6; background: #f7f7f7; text-align: center; line-height: 30px; } .team-timeline .item-info .point.event img { vertical-align: middle; } .team-timeline .item-info .point.event:before { display: none; } .team-timeline .item-info .point:before { content: ''; margin-left: -3px; margin-top: -4px; width: 8px; height: 8px; background: #e6e6e6; border-radius: 50%; position: absolute; left: 50%; top: 50%} .team-timeline .item { padding: 30px 40px 40px 30px; position: relative; background: #fff; } .team-timeline .item:before { content: ''; position: absolute; top: 24px; left: -11px; border: 6px solid transparent; border-right: 5px solid #fff; } .team-timeline .item .avatar { width: 36px; height: 36px; float: left; border-radius: 50%; border: 2px solid #e6e6e6; overflow: hidden; } .team-timeline .item .avatar img { max-width: 100%} .team-timeline .item .info { padding: 0 0 0 60px; } .team-timeline .item .info .name { padding: 5px 0 14px 0; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } .team-timeline .item .info p { color: #3d3d3d; } .store-banner { height: 460px; background: url(../ondjoweb/admin/galeriafotos/store-banner-bg.jpg) 50% 50% no-repeat; background-size: cover; } .store-banner-info { text-align: right; position: absolute; bottom: 66px; left: 0; right: 0; } .store-banner-info .title { font-size: 40px; text-transform: uppercase; line-height: normal; font-family: Raleway, sans-serif; font-weight: 900; color: #141414; } .store-banner-info .title span { font-size: 60px; display: block; line-height: 62px; } .store-banner-info .btn { margin-top: 38px; } .store-banner-info { text-align: right; position: absolute; bottom: 66px; left: 0; right: 0; } .store-banner-info .title { font-size: 40px; text-transform: uppercase; line-height: normal; font-family: Raleway, sans-serif; font-weight: 900; color: #141414; } .store-banner-info .title span { font-size: 60px; display: block; line-height: 62px; } .store-banner-info .btn { margin-top: 38px; } .donations-wrap { padding-top: 55px; } .donation-item { margin-top: 40px; overflow: hidden; } .donation-item .info { position: absolute; top: 0; right: 0; bottom: 0; left: -60px; } .donation-item .info:before { content: ''; transform: skew(-10deg); background: #fff; position: absolute; top: 0; right: -100px; left: -30px; bottom: 0; z-index: 2; transition: all .4s; } .donation-item .info:after { content: ''; background: #410F0F; transform: skew(-13deg); position: absolute; top: 0; right: -100px; left: -10px; bottom: 0; z-index: 1; transition: all .4s; } .donation-item .info .wrap { padding: 0 40px 0 30px; position: relative; z-index: 3; } .donation-item .info .title { padding: 32px 0 6px 0; font-size: 22px; line-height: normal; color: #141414; font-weight: 700; } .donation-item .info .progress-wrap { padding-bottom: 14px; position: relative; } .donation-item .info .details { padding-bottom: 7px; } .donation-item .info .details li { padding-left: 6px; display: inline-block; font-size: 14px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; } .donation-item .info .details li:first-child { padding-left: 0; } .donation-item .info .details li span { padding-right: 10px; color: #141414; } .donation-item .info .progress-line { position: relative; height: 10px; background: #e6e6e6; } .donation-item .info .progress-line .bar { position: absolute; left: 0; top: 0; bottom: 0; background: #410F0F; width: 20%} .donation-item .info .progress-line .bar-1 { position: absolute; left: 0; top: 0; bottom: 0; background: #410F0F; width: 30%} .donation-item .info .progress-line .bar-2 { position: absolute; left: 0; top: 0; bottom: 0; background: #410F0F; width: 40%} .donation-item .info .progress-line .bar-3 { position: absolute; left: 0; top: 0; bottom: 0; background: #410F0F; width: 50%} .donation-item .info .progress-line .bar:before { content: ''; width: 4px; background: #410F0F; transform: skew(-10deg); position: absolute; top: 0; bottom: 0; right: -3px; } .donation-item .info .btn { margin: 13px 15px 0 0; } .donation-item:hover .info .title { color: #fff; } .donation-item:hover .info:before { background: #141414; } .donation-item:hover .details li span { color: #fff; } .donation-item:hover .info p { color: #ccc; } .donation-item:hover .info:after { left: -50px; } .donation-item>.no-gutter>[class*=col-] { padding-right: 0; padding-left: 0; height: 330px; } @media (max-width:992px) { .donation-item .info { padding-bottom: 30px; position: relative; left: auto; background: #fff; } .donation-item .img-wrap img { width: 100%} .donation-item>.no-gutter>[class*=col-] { height: auto; } }.ct-perfect-fourth:before { padding-bottom: 35%} .ct-chart-line { background-color: #fcfcfc; } .ct-series-a .ct-line, .ct-series-a .ct-point { stroke: #410F0F; } .ct-series-b .ct-line, .ct-series-b .ct-point { stroke: #0051ad; } .ct-label { color: #3d3d3d; font-size: 12px; margin-top: 8px; } @media (max-width:767px) { .ct-label { font-size: 8px; } }.contacts-wrap { padding: 45px 0 0 0; } .contact-office-img { padding-top: 15px; } .contacts-wrap .contact-list { padding: 22px 0 0; } .contacts-wrap .contact-list li { padding: 0 0 5px 33px; position: relative; } .contacts-wrap .contact-list li i { position: absolute; left: 0; top: 4px; color: #999; } .contacts-wrap .contact-list li span { color: #141414; display: inline-block; } .contacts-wrap .contact-list li a { margin-bottom: 6px; display: block; color: #141414; } .contacts-wrap .contact-list li a:hover { color: #410F0F; } .contacts-wrap .contact-list li.phone span { font-size: 16px; color: #141414; font-family: Montserrat, sans-serif; } .main-club-gallery { padding-top: 35px; } .isotope-grid { clear: both; } .isotope-grid .grid-item { height: 262px; } .isotope-grid .grid-item { margin-bottom: 30px; } .isotope-grid .grid-sizer { height: 262px; } .isotope-grid .grid-item.height2 { height: 554px; } .isotope-grid .grid-item a { position: relative; overflow: hidden; display: block; } .isotope-grid .grid-item a:hover .info { left: 0; } .isotope-grid .grid-item a img { width: 100%; display: block; } .isotope-grid .grid-item a .info { padding: 24px 0 10px 30px; transition: all .4s; width: 60%; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: -100%; display: block; z-index: 1; } .isotope-grid .grid-item a .info>* { font-size: 16px; line-height: 24px; color: #fff; font-family: Montserrat, sans-serif; display: block; position: relative; } .isotope-grid .grid-item a .info:before { content: ''; position: absolute; top: 0; bottom: 0; left: -60px; right: -25px; background-color: rgba(0, 0, 0, .8); transform: skew(-10deg); } .isotope-grid .grid-item a .info .date { padding-bottom: 8px; line-height: normal; } #circle-bar, #circle-bar1 { width: 42px; height: 42px; position: relative; } .wrapper-circle { display: inline-flex; width: 100%} td a { color: #141414; } .player-hockey-wrap .circle-item { display: inline-block; width: 100%} .player-hockey-wrap .circle-item>.text { color: #666; } #circle-bar .progressbar-text, #circle-bar1 .progressbar-text { font-size: 12px; color: #410F0F; font-family: Montserrat; } .player-hockey-wrap { background-color: #fcfcfc; width: 100%; position: relative; overflow: hidden; } .player-hockey-wrap>div p { margin-bottom: 20px; } .player-hockey-wrap .circle-item { float: none; } .player-hockey-wrap .stats { position: relative; padding: 30px; } .player-hockey-wrap:before { position: absolute; content: ""; background-color: #fff; top: 0; bottom: 0; left: -100%; right: 75%; transform: skew(-10deg); } .canvas { position: relative; margin: 10px; margin-top: 20px; } .canvas-minutes { padding-top: 20px; margin-bottom: 20px; background: #fcfcfc; } .background-section { background: #fcfcfc; padding: 35px 20px 37px; } .player-hockey-wrap .number { color: #410F0F; font-size: 40px; font-family: Montserrat; } .player-hockey-wrap .name { font-family: Montserrat; color: #141414; font-size: 24px; text-transform: uppercase; } .player-hockey-wrap .country { font-size: 10px; font-family: Montserrat; color: #3d3d3d; } .player-hockey-wrap .country img { margin-right: 10px; } .summary-hockey { background: #fcfcfc; padding: 20px; } .checkout-wrap { padding-top: 45px; padding-bottom: 80px; } .team-alert { padding: 21px 70px 22px 30px; position: relative; background: #fcfcfc; border-radius: 0; overflow-x: hidden; border: solid #410F0F; border-width: 0 0 0 5px; } .team-alert .close { width: 60px; height: 100%; position: absolute; right: 0; top: 0; opacity: 1; } .team-alert .close span { position: relative; font-size: 12px; color: #666; line-height: 32px; } .team-alert .close:before { content: ""; background: #f0f0f0; position: absolute; top: 0; bottom: 0; left: 0; right: -40px; transform: skew(-6deg); transition: all .4s; } .team-alert .close:hover:before { background: #410F0F; } .team-alert .close:hover span { color: #141414; } .customer-info .item { padding-bottom: 15px; } .customer-info .item label { margin-bottom: 10px; cursor: pointer; display: block; font-weight: 400; } .customer-info .item span { padding-bottom: 7px; display: block; font-size: 14px; color: #666; line-height: normal; font-weight: 400; } .customer-info .item span i { font-style: normal; color: #d32f2f; } .checkout-wrap .cart-table { margin-bottom: 0; } .checkout-wrap .cart-table tr td { padding-top: 30px; padding-bottom: 30px; font-size: 14px; height: auto; text-transform: none; background: #fcfcfc; } .checkout-wrap .cart-table tr td:firt-child { text-transform: none; } .checkout-wrap .cart-total { padding-top: 0; } .checkout-wrap .cart-total .proceed { font-size: 16px; padding: 18px 28px 16px 28px; } .amateurs-news-list { padding: 65px 0 50px 0; } .amateurs-news-list .item { padding-bottom: 30px; } .amateurs-news-list .item .img-wrap { display: block; } .amateurs-news-list .item .name { padding: 23px 0 10px 0; display: block; font-size: 22px; line-height: 27px; color: #141414; font-weight: 700; } .amateurs-news-list .item .name:hover { color: #410F0F; } .amateurs-news-list .item .date { padding-bottom: 13px; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #999; line-height: normal; } .amateurs-news-list .item .date a { font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #141414; } .amateurs-news-list .item .date a:hover { color: #410F0F; } .amateurs-news-list .item a>img { height: 100%; width: 100%} .sidebar-btn { background: #410F0F; font-size: 12px; text-transform: uppercase; color: #141414; } .slider-dots-wrap { padding: 0; margin: 0; position: absolute; left: 0; right: 0; bottom: 70px; z-index: 2; } .main-slider-dots { padding: 0; margin: 0; } .main-slider-dots li { margin-right: 6px; width: 10px; height: 10px; display: inline-block; background: #410F0F; cursor: pointer; } .main-slider-dots li.active { background: #fff; } .main-slider .progress-line { position: absolute; left: 0; right: 0; bottom: 10px; height: 10px; background: #000; } .main-slider .progress-line .bar { position: absolute; left: 0; top: 0; bottom: 0; background: #410F0F; } .main-slider .progress-line .bar:before { content: ''; width: 4px; background: #410F0F; transform: skew(-10deg); position: absolute; top: 0; bottom: 0; right: -3px; } td a { color: #141414; } .player-hockey-wrap .circle-item { display: inline-block; width: 100%} .player-hockey-wrap .circle-item>.text { color: #666; } .player-hockey-wrap { background-color: #fcfcfc; width: 100%; position: relative; overflow: hidden; } .player-hockey-wrap>div p { margin-bottom: 20px; } .player-hockey-wrap .circle-item { float: none; } .player-hockey-wrap .stats { position: relative; padding: 30px; } .player-hockey-wrap:before { position: absolute; content: ""; background-color: #fff; top: 0; bottom: 0; left: -100%; right: 75%; transform: skew(-10deg); } .canvas { position: relative; margin: 10px; margin-top: 20px; } .canvas-minutes { padding-top: 20px; margin-bottom: 20px; background: #fcfcfc; } .background-section { background: #fcfcfc; padding: 35px 20px 37px; } .player-hockey-wrap .number { color: #410F0F; font-size: 40px; font-family: Montserrat; } .player-hockey-wrap .name { font-family: Montserrat; color: #141414; font-size: 24px; text-transform: uppercase; } .player-hockey-wrap .country { font-size: 10px; font-family: Montserrat; color: #3d3d3d; } .player-hockey-wrap .country img { margin-right: 10px; } .summary-hockey { background: #fcfcfc; padding: 20px; } player-hockey-wrap .wrapper-circle { display: inline-flex; width: 100%} .player-hockey-wrap .circle-item { width: 50%; float: left; } .player-hockey-wrap .circle-item .circle-bar { width: 42px; height: 42px; position: relative; } .player-hockey-wrap .circle-item>* { display: inline-block; vertical-align: middle; } .player-hockey-wrap .circle-item .text { padding-left: 6px; font-size: 12px; text-transform: uppercase; color: #666; font-family: Montserrat, sans-serif; } .player-hockey-wrap .circle-item .progressbar-text { font-size: 12px; font-family: Montserrat; color: #666!important; } .player-single-wrap .captain-bage { margin: 30px 20px 29px 0; padding: 0 0 0 10px; height: 26px; position: relative; vertical-align: top; line-height: 24px; display: inline-block; font-size: 10px; text-transform: uppercase; color: #fcfcfc; font-family: Montserrat, sans-serif; background: #410F0F; } .player-single-wrap .captain-bage:before { content: ''; width: 100%; position: absolute; top: 0; bottom: 0; right: -10px; transform: skew(-10deg); background: #410F0F; z-index: -1; } .player-single-wrap .player-name { display: inline-block; } .ct-perfect-fourth:before { padding-bottom: 35%} .ct-chart-line { background-color: #fcfcfc; } .ct-series-a .ct-line, .ct-series-a .ct-point { stroke: #410F0F; } .ct-series-b .ct-line, .ct-series-b .ct-point { stroke: #0051ad; } .ct-label { color: #3d3d3d; font-size: 12px; margin-top: 8px; } .ct-label img { margin-bottom: 5px; } .ct-label img:first-child { margin-right: 3px; } .ct-label img:last-child { margin-left: 3px; } @media (max-width:767px) { .ct-label { font-size: 8px; } }.ct-perfect-fourth:before { padding-bottom: 35%} .ct-chart-line { background-color: #fcfcfc; } .ct-series-a .ct-line, .ct-series-a .ct-point { stroke: #410F0F; } .ct-series-b .ct-line, .ct-series-b .ct-point { stroke: #0051ad; } .ct-label { color: #3d3d3d; font-size: 12px; margin-top: 8px; } .ct-label img { margin-bottom: 5px; } .ct-label img:first-child { margin-right: 3px; } .ct-label img:last-child { margin-left: 3px; } @media (max-width:767px) { .ct-label { font-size: 8px; } }table th.club { width: 60%; text-align: left; } table td.club { width: 60%; text-align: left; font-size: 12px; text-transform: uppercase; font-family: Montserrat, sans-serif; } table .club img { margin-right: 16px; } table { margin-bottom: 30px; width: 100%} table tr { cursor: pointer; } table tr th { background: #141414; font-size: 10px; text-transform: uppercase; color: #fff; height: 32px; text-align: center; } table tr th:first-child { padding-left: 20px; text-align: left; } table tr td { padding: 0 20px; height: 50px; line-height: normal; border-bottom: 1px solid #e6e6e6; font-size: 12px; color: #141414; text-align: center; background: #fcfcfc; } table tr td>* { vertical-align: middle; } table tr td:first-child { text-transform: uppercase; font-family: Montserrat, sans-serif; text-align: left; } table tr td:last-child { font-weight: 700; } table tr td:first-child i { margin-right: 8px; font-size: 16px; } table tr td:first-child span { line-height: 29px; } table tr td.up i { color: #4caf50; } table tr td.down i { color: #f44336; } table tr td.none i { color: #999; font-size: 10px; } table tr td:last-child span { width: 40px; height: 30px; line-height: 28px; border-radius: 9px; background: #141414; display: inline-block; color: #fff; } table tr td .team { padding: 0 15px 0 0; } table tr:hover td { background: #f2f2f2; } table tr:hover td i { color: #fff; } .standing-full { margin-bottom: 25px; width: 100%} .standing-full tr th { height: 68px; font-size: 10px; color: #fff; background: #141414; } .standing-full tr td { background: #fff; height: 80px; border-bottom: 1px solid #e9e9e9; } .standing-full tr td:first-child i { margin-right: 8px; font-size: 16px; } .standing-full tr td.up i { color: #4caf50; } .standing-full tr td.down i { color: #f44336; } .standing-full tr td.none i { color: #999; font-size: 10px; } .standing-full tr td .team { padding: 0 15px 0 10px; } .standing-full tr td.points span { width: 40px; height: 30px; line-height: 30px; border-radius: 9px; background: #141414; display: inline-block; color: #fff; } .standing-full tr td.form { border: solid #e9e9e9; border-width: 0 1px 1px 1px; } .standing-full tr td.form span { margin: 0 3px; width: 30px; height: 30px; text-transform: uppercase; border-radius: 50%; display: inline-block; font-size: 12px; color: #fff; text-align: center; line-height: 30px; } .standing-full tr td.form span.win { background: #4caf50; } .standing-full tr td.form span.drawn { background: #999; } .standing-full tr td.form span.lose { background: #f44336; } .standing-full tr:hover td { background: #f2f2f2; } .standing-full tr:hover td.form { border-left-color: #e9e9e9; border-right-color: #e9e9e9; } .standing-full td .team, .standing-full td .team-name { margin: auto; } .standing-full td img { height: 30px; width: 30px; object-fit: contain; } table tr td:first-child span { line-height: normal; } .standing-full tr td a { display: inline-flex; } table tr td:first-child span { margin: auto; } table tr td .organisation-name { margin: auto; } .match-lineup { overflow: hidden; } .match-lineup .head { padding: 10px 20px 10px 20px; overflow: hidden; background: #000; } .match-lineup .head .name { text-transform: uppercase; font-size: 12px; color: #fff; font-family: Montserrat, sans-serif; } .match-lineup .head .name.right { text-align: right; } .match-lineup .member { padding: 20px 0 0; overflow: hidden; } .match-lineup .member .avatar:before { content: ''; margin-left: -1px; width: 2px; height: 200%; background: #e6e6e6; left: 50%; top: -200%; position: absolute; } .match-lineup .team-wrap { padding: 0 0 15px 20px; background: #fcfcfc; } .match-lineup .team-wrap .member:first-child .avatar:before { display: none; } .match-lineup .member .avatar { width: 56px; height: 56px; position: relative; border-radius: 50%; border: 2px solid #e6e6e6; box-sizing: border-box; display: inline-block; vertical-align: middle; } .match-lineup .member .avatar img { width: 52px; height: 52px; border-radius: 50%; display: block; max-width: 100%} .match-lineup .member .info { max-width: 75%; box-sizing: border-box; padding-left: 16px; display: inline-block; vertical-align: middle; } .match-lineup .member .info .wrap { padding-bottom: 7px; line-height: 20px; } .match-lineup .member .name { padding: 0 10px 0 0; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; } .match-lineup .member .country { font-size: 10px; color: #666; font-family: Montserrat, sans-serif; text-transform: uppercase; line-height: 12px; } .match-lineup .member .country img { margin-right: 7px; } .match-lineup .member .card { margin-right: 5px; width: 10px; height: 13px; border-radius: 2px; display: inline-block; vertical-align: middle; } .match-lineup .member .card.yellow { background: #410F0F; } .match-lineup .member .card.red { background: #c80b0b; } .match-lineup .member .goal { margin-right: 5px; width: 12px; height: 12px; vertical-align: middle; display: inline-block; } .match-lineup .member .goal img { vertical-align: top; } .match-lineup .member .tooltip-inner { border-radius: 10px; font-size: 10px; white-space: nowrap; font-weight: 700; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .match-lineup .team-wrap.right { padding: 0 20px 15px 0; } .match-lineup .team-wrap.right .member { text-align: right; } .match-lineup .team-wrap.right .member .info { padding-left: 0; padding-right: 16px; } .match-lineup .team-wrap.right .member .name { padding: 0 0 0 10px; } .match-lineup .team-wrap.right .member .card { margin-right: 0; margin-left: 5px; } .match-lineup .team-wrap.right .member .goal { margin-right: 0; margin-left: 5px; } @media (max-width:767px) { .match-lineup .no-gutter>[class*=col-] { padding-right: 0; padding-left: 0; } .match-lineup .head .name.right { text-align: left; } .match-lineup .team-wrap.right { padding: 0 0 15px 20px; } .match-lineup .member .avatar { float: left; } .match-lineup .member .country img { float: left; } .match-lineup .team-wrap.right .member .country img { margin-right: 7px; margin-left: 0; } .match-lineup .member .name { float: left; } .match-lineup .member .card { vertical-align: top; } .match-lineup .member .goal { vertical-align: top; } .match-lineup .team-wrap.right .member .name { padding: 0 10px 0 0; } .match-lineup .team-wrap.right .member { text-align: left; } .match-lineup .team-wrap.right .member .info { padding-left: 16px; padding-right: 0; } .match-lineup .member { text-align: left; } .match-lineup .member .info { text-align: left; } .match-lineup .member .avatar:before { display: none; } }.connected-carousels { overflow: hidden; } .connected-carousels .stage { padding: 0 0 0 120px; position: relative; margin-bottom: 30px; } .connected-carousels .photo-credits { position: absolute; right: 15px; bottom: 0; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, .85); opacity: .66; } .connected-carousels .photo-credits a { color: #fff; } .connected-carousels .navigation { width: 110px; float: left; margin: 0; position: relative; z-index: 4; } .connected-carousels .navigation:before { content: ''; position: absolute; left: 0; bottom: 0; height: 40px; right: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .8) 100%); z-index: 3; } .connected-carousels .carousel { overflow: hidden; position: relative; } .connected-carousels .carousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .connected-carousels .carousel li { float: left; } .connected-carousels .carousel-navigation li { cursor: pointer; position: relative; } .connected-carousels .carousel-navigation li img { display: block; } .connected-carousels .carousel-navigation li:before { content: ''; position: absolute; right: 0; height: 0; width: 2px; background: #410F0F; transition: all .4s; } .connected-carousels .carousel-navigation li.active:before { height: 100%} .connected-carousels .next-stage, .connected-carousels .prev-stage { display: block; position: absolute; top: 0; width: 50%; height: 100%; color: #fff; } .connected-carousels .prev-stage { left: 0; } .connected-carousels .next-stage { right: 0; } .connected-carousels .next-stage.inactive, .connected-carousels .prev-stage.inactive { display: none; } .connected-carousels .next-stage span, .connected-carousels .prev-stage span { display: none; position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: #141414; color: #fff; text-align: center; line-height: 30px; } .connected-carousels .prev-stage span { left: 20px; } .connected-carousels .next-stage span { right: 20px; } .connected-carousels .next-stage:hover span, .connected-carousels .prev-stage:hover span { display: block; } .connected-carousels .next-navigation, .connected-carousels .prev-navigation { display: block; position: absolute; width: 30px; height: 30px; background: #141414; color: #fff; text-decoration: none; margin-left: -15px; z-index: 4; text-align: center; line-height: 30px; } .connected-carousels .prev-navigation { left: 50%; top: 0; } .connected-carousels .next-navigation { left: 50%; bottom: 0; } .connected-carousels .next-navigation.inactive, .connected-carousels .prev-navigation.inactive { opacity: .5; cursor: default; } .jcarousel-skin-default .jcarousel-vertical, .jcarousel-skin-default .ver-ti-cal { position: relative; overflow: hidden; width: 110px; height: 620px; } .jcarousel-skin-default .jcarousel-vertical ul, .jcarousel-skin-default .ver-ti-cal ul { width: 100%; height: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel-skin-default .jcarousel-vertical li, .jcarousel-skin-default .ver-ti-cal li { height: 160px; margin: 0 0 10px 0; padding: 0; } .jcarousel-skin-default li img { border: 0; display: block; } .msp_post_slider img { width: 100%; height: 100%; object-fit: cover; } .msp_post_slider .big-title, .msp_post_slider .descr, .msp_post_slider .match-date, .msp_post_slider .team, .msp_post_slider .title, .msp_post_slider .title span { color: #fff; } .msp_post_slider { position: relative; overflow: hidden; } .msp_post_slider .owl-dots { padding: 0; margin: 0; position: absolute; left: 50%; margin-left: -570px; bottom: 70px; z-index: 10; width: 1140px; } .msp_post_slider .owl-dot span { display: none!important; } .msp_post_slider .owl-dot { margin-right: 6px; width: 10px; height: 10px; display: inline-block; background: #410F0F; cursor: pointer; float: left; } .msp_post_slider .owl-dot.active { background: #fff; } .msp_post_slider .progress-line { z-index: 10; position: absolute; left: 0; right: 0; bottom: 10px; height: 10px; background: #000; } .msp_post_slider .progress-line .bar { position: absolute; left: 0; top: 0; bottom: 0; background: #410F0F; width: 10%} .msp_post_slider .progress-line .bar:before { content: ''; width: 4px; background: #410F0F; transform: skew(-10deg); position: absolute; top: 0; bottom: 0; right: -3px; } .msp_post_slider .nav-arrow { z-index: 10; width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #000; font-size: 12px; background: #410F0F; } .msp_post_slider .nav-arrow.left-arrow { padding-left: 36px; left: 0; text-align: left; } .msp_post_slider .nav-arrow.left-arrow:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #410F0F; transition: all .4s; } .msp_post_slider .nav-arrow.right-arrow:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #410F0F; transition: all .4s; } .msp_post_slider .nav-arrow.right-arrow { padding-right: 36px; right: 0; text-align: right; } .msp_post_slider .nav-arrow:hover { background: #141414; color: #fff; } .msp_post_slider .nav-arrow.left-arrow:hover:before { background: #141414; } .msp_post_slider .nav-arrow.right-arrow:hover:before { background: #141414; } .msp_post_slider .msp_post_slide.slide-1 { background: url(../ondjoweb/admin/galeriafotos/main-slider.jpg) no-repeat; background-size: cover; } .msp_post_slider .msp_post_slide.slide-2 { background: url(../ondjoweb/admin/galeriafotos/main-slider.jpg) no-repeat; background-size: cover; } .msp_post_slider .msp_post_slide.slide-3 { background: url(../ondjoweb/admin/galeriafotos/main-slider.jpg) no-repeat; background-size: cover; } .msp_post_slider .msp_post_slide .slider-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; color: #141414; } .msp_post_slider .msp_post_slide .slider-caption .match-date { padding-bottom: 2px; font-size: 16px; text-transform: uppercase; font-family: Montserrat, sans-serif; color: #fff; } .msp_post_slider .msp_post_slide .slider-caption .team { font-size: 40px; text-transform: uppercase; font-family: Raleway, sans-serif; color: #fff; font-weight: 800; line-height: normal; } .msp_post_slider .msp_post_slide .slider-caption .team .big-count { padding: 0 20px; text-align: center; display: inline-block; font-size: 32px; color: #fff; line-height: 60px; border-radius: 10px; background: #141414; } .msp_post_slider .msp_post_slide .slider-caption .match-role { font-size: 64px; text-transform: uppercase; font-family: Raleway, sans-serif; color: #141414; font-weight: 900; line-height: normal; } .msp_post_slider .msp_post_slide .slider-caption .counter { padding-top: 24px; } .msp_post_slider .msp_post_slide .slider-caption .counter ul li { margin-right: 30px; text-align: center; display: inline-block; } .msp_post_slider .msp_post_slide .slider-caption .counter .digit { padding: 0 10px; box-sizing: border-box; border-radius: 8px; min-width: 80px; text-align: center; font-size: 32px; color: #141414; font-weight: 700; background: #fff; height: 80px; line-height: 80px; font-family: "Open Sans", sans-serif; } .msp_post_slider .msp_post_slide .slider-caption .counter .descr { font-size: 12px; text-transform: uppercase; font-family: Raleway, sans-serif; font-weight: 900; color: #fff; } .msp_post_slider .msp_post_slide .slider-caption .booking { padding-top: 35px; } .msp_post_slider .msp_post_slide .slider-caption .booking a { padding: 15px 24px 15px 24px; background: #410F0F; overflow: hidden; border-radius: 23px; color: #141414; font-size: 16px; font-family: Montserrat, sans-serif; text-transform: uppercase; } .msp_post_slider .msp_post_slide .slider-caption .booking a:hover { border-radius: 9px; background: #410F0F; } .msp_post_slider .msp_post_slide .slider-caption .title { line-height: normal; color: #fff; font-family: Raleway, sans-serif; font-size: 32px; font-weight: 900; text-transform: uppercase; } .msp_post_slider .msp_post_slide .slider-caption .title span { color: #fff; } .msp_post_slider .msp_post_slide .slider-caption .big-title { line-height: normal; color: #141414; font-family: Raleway, sans-serif; font-size: 88px; font-weight: 900; text-transform: uppercase; } .msp_post_slider .msp_post_slide .slider-caption .sub-title { padding-bottom: 35px; line-height: normal; color: #fff; text-transform: uppercase; font-size: 16px; } .msp_post_slider .msp_post_slide .slider-caption .btn { margin-right: 16px; } @media (max-width:930px) { .msp_post_slider .progress-line { top: 0; } .msp_post_slider .nav-arrow { top: 100%; transform: translateY(-100%); } }.tab-filters { padding-bottom: 34px; } .tab-filters li { padding-right: 30px; display: inline-block; } .tab-filters li:last-child { padding-right: 0; } .tab-filters li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #141414; font-family: Montserrat, sans-serif; text-transform: uppercase; } .tab-filters #showall-li { margin-left: 58%} .tab-filters li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #410F0F; transition: all .4s; } .tab-filters li a:hover:before { width: 100%} .tab-filters li.active a:before { width: 100%} .preloader-wrapper { position: fixed; width: 100%; height: 100%; z-index: 1000; background: #fff; } .preloader-wrapper .motion-line { height: 80%; top: 10%; display: flex; position: absolute; transform: skew(-10deg); margin: 0 10%} .preloader-wrapper .dark-big { display: flex; background: #410F0F; width: 90%; z-index: 1; opacity: .9; left: -200%} .preloader-wrapper .dark-small { display: flex; background: #410F0F; width: 35%; z-index: 2; left: -200%} .preloader-wrapper .yellow-big { height: 85%; top: 7%; display: flex; width: 13%; z-index: 5; background-color: #410F0F; right: -200%} .preloader-wrapper .yellow-normal { height: 85%; top: 7%; display: flex; width: 4%; z-index: 3; background-color: #410F0F; right: -200%} .preloader-wrapper .yellow-small1 { height: 85%; top: 7%; display: flex; width: 1%; z-index: 3; background-color: #ff9e01; right: -200%} .preloader-wrapper .yellow-small2 { height: 85%; top: 7%; display: flex; width: 1%; z-index: 3; background-color: #ff9e01; right: -200%} .upcoming-match-info { font-size: 0; } .upcoming-match-info>* { display: inline-block; vertical-align: middle; } .upcoming-match-info .team>* { display: inline-block; vertical-align: middle; } .upcoming-match-info .team { width: 45%; font-size: 17px; text-transform: uppercase; } .upcoming-match-info .team .text>span { font-size: 12px; color: #141414; line-height: normal; font-family: Montserrat, sans-serif; display: block; } .upcoming-match-info .team .text { padding-left: 24px; color: #141414; line-height: normal; font-family: Montserrat, sans-serif; } .upcoming-match-info .score { background: #141414; border-radius: 10px; font-weight: 700; color: #fff; text-align: center; line-height: 60px; width: 10%; font-size: 32px; } .upcoming-match-info .team.right { text-align: right; } .upcoming-match-info .team.right .text { text-align: right; padding-right: 24px; padding-left: 0; } .upcoming-match-info .latest-title { padding-top: 27px; padding-bottom: 7px; font-size: 10px; text-transform: uppercase; color: #999; font-family: Montserrat, sans-serif; line-height: normal; } .upcoming-match-info .latest span { margin: 0 2px; width: 30px; height: 30px; text-transform: uppercase; border-radius: 50%; display: inline-block; font-size: 12px; color: #141414; text-align: center; line-height: 30px; } .upcoming-match-info .latest span.win { background: #4caf50; color: #fff; } .upcoming-match-info .latest span.drawn { background: #999; color: #fff; } .upcoming-match-info .latest span.lose { background: #f44336; color: #fff; } .upcoming-match-info { overflow: hidden; } .upcoming-match-info>* { display: block; float: left; } .upcoming-match-info .team>* { vertical-align: top; } .upcoming-match-info .team { width: 40%} .upcoming-match-info .counter { width: 20%} .upcoming-match-info .counter ul li { margin-right: 19px; text-align: center; display: inline-block; position: relative; } .upcoming-match-info .counter ul li:before { content: ':'; position: absolute; top: 0; line-height: 53px; height: 60px; right: -17px; font-size: 32px; font-weight: 700; color: #141414; } .upcoming-match-info .counter ul li:last-child { margin-right: 0; } .upcoming-match-info .counter ul li:last-child:before { display: none; } .upcoming-match-info .counter .digit { padding: 0 10px; box-sizing: border-box; border-radius: 8px; min-width: 60px; text-align: center; font-size: 32px; color: #fff; font-weight: 700; background: #141414; height: 60px; line-height: 60px; font-family: "Open Sans", sans-serif; } .upcoming-match-info .counter .descr { font-size: 12px; text-transform: uppercase; font-family: Raleway, sans-serif; font-weight: 900; color: #141414; } .upcoming-match-info .counter ul { padding: 0; } @media (max-width:992px) { .upcoming-match-info .team.right .avatar { width: 100%} .upcoming-match-info .team .avatar { width: 100%} .upcoming-match-info .team.right { text-align: center; } .upcoming-match-info .team.right .text { text-align: center; padding-left: 0; padding-right: 0; } .upcoming-match-info .counter ul { text-align: center; } .upcoming-match-info .counter { width: 100%} .upcoming-match-info .team { padding: 15px 0; width: 100%; text-align: center; } .upcoming-match-info .team.right { padding: 15px 0; width: 100%; text-align: center; } .upcoming-match-info .team.right .avatar { margin-top: 10px; } .upcoming-match-info .team .avatar { width: 100%} .upcoming-match-info .team .text { padding-left: 0; } }.comm-wrap .item { cursor: pointer; margin-bottom: 2px; padding: 20px; background: #fcfcfc; border-radius: 8px; z-index: 0; position: relative; } .comm-wrap .item:hover { background: #410F0F; z-index: 1; } .comm-wrap .item:hover .name { color: #141414; } .comm-wrap .item:hover .country { color: #666; } .comm-wrap .item .avatar { width: 60px; height: 60px; float: left; border-radius: 50%; border: 2px solid #e6e6e6; overflow: hidden; } .comm-wrap .item .info { padding: 0 0 0 80px; } .comm-wrap .item .name { padding-top: 12px; font-size: 14px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; line-height: normal; } .comm-wrap .item .country { padding-top: 5px; font-size: 10px; color: #666; font-family: Montserrat, sans-serif; line-height: normal; text-transform: uppercase; } .clear { clear: both; } .live-match-stat .tactic.dota { padding: 20px; background: #292929; } .live-match-stat .field { position: relative; } .live-match-stat .field .player { width: 40px; height: 40px; display: block; border-radius: 50%; line-height: 40px; text-align: center; position: absolute; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; } .live-match-stat .field .player.top { background: #c80b0b; } .live-match-stat .field .player.bottom { background: #141414; } .live-match-stat .field .player>img { margin: -30px 0 0 -30px; width: 56px; height: 56px; transform: scale(0); border: 2px solid #e6e6e6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all .4s; } .live-match-stat .field .player:hover>img { transform: scale(1); } .live-match-stat .field .player.top.mid.dota { top: 43%; right: 42%} .live-match-stat .field div.top.mid a:nth-child(2) { margin-right: -50px; } .live-match-stat .field div.top.mid a:nth-child(3) { margin-top: -50px; } .live-match-stat .field .player.top.hard.dota { top: 50%; right: 7%} .live-match-stat .field div.top.hard a:nth-child(2) { margin-top: 50px; } .live-match-stat .field div.top.hard a:nth-child(3) { margin-top: -50px; } .live-match-stat .field .player.top.ease.dota { left: 12%; top: 10%} .live-match-stat .field div.top.ease a:nth-child(2) { margin-left: 50px; } .live-match-stat .field div.top.ease a:nth-child(3) { margin-left: -50px; } .live-match-stat .field .player.top.jungle.dota { top: 23%; left: 39%} .live-match-stat .field div.top.jungle a:nth-child(2) { margin-left: -50px; } .live-match-stat .field div.top.jungle a:nth-child(3) { margin-left: -100px; } .live-match-stat .field .player.bottom.mid.dota { bottom: 39%; right: 56%} .live-match-stat .field div.bottom.mid a:nth-child(2) { margin-right: -40px; } .live-match-stat .field div.bottom.mid a:nth-child(3) { margin-bottom: -50px; margin-right: 10px; } .live-match-stat .field .player.bottom.hard.dota { bottom: 50%; left: 8%} .live-match-stat .field div.bottom.hard a:nth-child(2) { margin-bottom: 50px; } .live-match-stat .field div.bottom.hard a:nth-child(3) { margin-bottom: -50px; } .live-match-stat .field .player.bottom.ease.dota { right: 13%; bottom: 9%} .live-match-stat .field div.bottom.ease a:nth-child(2) { margin-right: 50px; } .live-match-stat .field div.bottom.ease a:nth-child(3) { margin-right: -50px; } .live-match-stat .field .player.bottom.jungle.dota { bottom: 19%; left: 54%} .live-match-stat .field div.bottom.jungle a:nth-child(2) { margin-left: 50px; } .live-match-stat .field div.bottom.jungle a:nth-child(3) { margin-left: -50px; } .live-match-stat .field .player.dota>img { opacity: 0; z-index: 2; } .live-match-stat .field .player.dota>img.hero { border: none; transform: scale(1); width: 32px; height: 32px; margin: 0; left: 4px; top: 4px; display: block; opacity: 1; z-index: 1; } .live-match-stat .field .player.dota:hover>img { opacity: 1; } .live-match-stat .field .player.top.dota { background: 0 0; } .live-match-stat .field .player.bottom.dota { background: 0 0; } .live-match-stat .tactic { padding: 20px; background: #fcfcfc; } .live-match-stat .field { position: relative; } .live-match-stat .field .player { width: 40px; height: 40px; display: block; border-radius: 50%; line-height: 40px; text-align: center; position: absolute; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; } .live-match-stat .field .player.top { background: #c80b0b; } .live-match-stat .field .player.bottom { background: #141414; } .live-match-stat .field .player>img { margin: -30px 0 0 -30px; width: 56px; height: 56px; transform: scale(0); border: 2px solid #e6e6e6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all .4s; } .live-match-stat .field .player:hover>img { transform: scale(1); } .live-match-stat .team-legend li a { color: inherit; } .live-match-stat .field .player.pos-c.baseball { left: 10%; bottom: 8%} .live-match-stat .field .player.pos-p.baseball { left: 37%; bottom: 28.5%} .live-match-stat .field .player.pos-3b.baseball { left: 15%; bottom: 47%} .live-match-stat .field .player.pos-1b.baseball { left: 59%; bottom: 12%} .live-match-stat .field .player.pos-ss.baseball { left: 42%; bottom: 54%} .live-match-stat .field .player.pos-2b.baseball { left: 69%; bottom: 34%} .live-match-stat .field .player.pos-cf.baseball { left: 78%; bottom: 60%} .live-match-stat .field .player.pos-cf.baseball { left: 78%; bottom: 60%} .live-match-stat .field .player.pos-lf.baseball { left: 40%; bottom: 68%} .live-match-stat .field .player.pos-rf.baseball { left: 89%; bottom: 32%} .live-match-stat .team-legend li { padding-top: 16px; padding-right: 24px; display: inline-block; font-size: 14px; font-family: Montserrat, sans-serif; color: #3d3d3d; } .live-match-stat .team-legend li .circle { margin-right: 10px; width: 20px; height: 20px; border-radius: 50%; display: inline-block; vertical-align: middle; } .live-match-stat .team-legend li .circle.red { background: #da0523; } .live-match-stat .team-legend li .circle.black { background: #141414; } .live-match-stat .tactic { padding: 20px; background: #fcfcfc; } .live-match-stat .field { position: relative; } .live-match-stat .field .player { width: 40px; height: 40px; display: block; border-radius: 50%; line-height: 40px; text-align: center; position: absolute; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; } .live-match-stat .field .player.top { background: #c80b0b; } .live-match-stat .field .player.bottom { background: #141414; } .live-match-stat .field .player>img { margin: -30px 0 0 -30px; width: 56px; height: 56px; transform: scale(0); border: 2px solid #e6e6e6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all .4s; } .live-match-stat .field .player:hover>img { transform: scale(1); } .live-match-stat .team-legend li a { color: inherit; } .live-match-stat .field .player.top.sf.basketball { right: 19%; top: 10%} .live-match-stat .field .player.top.c.basketball { right: 31%; top: 18%} .live-match-stat .field .player.top.pf.basketball { left: 28%; top: 11%} .live-match-stat .field .player.top.sg.basketball { left: 18%; top: 32%} .live-match-stat .field .player.top.pg.basketball { right: 50%; top: 38%; margin-right: -20px; } .live-match-stat .field .player.bottom.pg.basketball { right: 50%; bottom: 38%; margin-right: -20px; } .live-match-stat .field .player.bottom.sg.basketball { right: 18%; bottom: 32%} .live-match-stat .field .player.bottom.pf.basketball { right: 28%; bottom: 11%} .live-match-stat .field .player.bottom.c.basketball { left: 31%; bottom: 18%} .live-match-stat .field .player.bottom.sf.basketball { left: 19%; bottom: 10%} .live-match-stat .team-legend li { padding-top: 16px; padding-right: 24px; display: inline-block; font-size: 14px; font-family: Montserrat, sans-serif; color: #3d3d3d; } .live-match-stat .team-legend li .circle { margin-right: 10px; width: 20px; height: 20px; border-radius: 50%; display: inline-block; vertical-align: middle; } .live-match-stat .team-legend li .circle.red { background: #da0523; } .live-match-stat .team-legend li .circle.black { background: #141414; } .live-match-stat .tactic { padding: 20px; background: #fcfcfc; } .live-match-stat .field { position: relative; } .live-match-stat .field .player { width: 40px; height: 40px; display: block; border-radius: 50%; line-height: 40px; text-align: center; position: absolute; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; } .live-match-stat .field .player.top { background: #c80b0b; } .live-match-stat .field .player.bottom { background: #141414; } .live-match-stat .field .player>img { margin: -30px 0 0 -30px; width: 56px; height: 56px; transform: scale(0); border: 2px solid #e6e6e6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all .4s; } .live-match-stat .field .player:hover>img { transform: scale(1); } .live-match-stat .team-legend li a { color: inherit; } .live-match-stat .field .player.gk { margin-left: -20px; left: 50%; bottom: 8%} .live-match-stat .field .player.sw { margin-left: -20px; left: 50%; bottom: 16%} .live-match-stat .field .player.lb { left: 10%; bottom: 24%} .live-match-stat .field .player.lvb { left: 10%; bottom: 35%} .live-match-stat .field .player.rvb { right: 10%; bottom: 35%} .live-match-stat .field .player.cdm { margin-left: -20px; left: 50%; bottom: 35%} .live-match-stat .field .player.cb.left { left: 35%; bottom: 24%} .live-match-stat .field .player.cb.right { right: 35%; bottom: 24%} .live-match-stat .field .player.rb { right: 10%; bottom: 24%} .live-match-stat .field .player.lm { margin-bottom: -20px; left: 10%; bottom: 50%} .live-match-stat .field .player.rm { margin-bottom: -20px; right: 10%; bottom: 50%} .live-match-stat .field .player.cm.left { margin-bottom: -20px; left: 35%; bottom: 50%} .live-match-stat .field .player.cm.right { margin-bottom: -20px; right: 35%; bottom: 50%} .live-match-stat .field .player.cam { margin-left: -20px; left: 50%; bottom: 60%} .live-match-stat .field .player.lwm { left: 10%; bottom: 65%} .live-match-stat .field .player.rwm { right: 10%; bottom: 65%} .live-match-stat .field .player.cam { margin-left: -20px; left: 50%; bottom: 70%} .live-match-stat .field .player.rf { right: 10%; bottom: 75%} .live-match-stat .field .player.lf { left: 10%; bottom: 75%} .live-match-stat .field .player.cf { margin-left: -20px; left: 50%; bottom: 80%} .live-match-stat .field .player.lcb1 { left: 35%; bottom: 24%} .live-match-stat .field .player.rcb { right: 35%; bottom: 24%} .live-match-stat .field .player.lcm { margin-bottom: -20px; left: 35%; bottom: 50%} .live-match-stat .field .player.rcm { margin-bottom: -20px; right: 35%; bottom: 50%} .live-match-stat .field .player.lwb { left: 10%; bottom: 35%} .live-match-stat .field .player.rwb { right: 10%; bottom: 35%} .live-match-stat .team-legend li { padding-top: 16px; padding-right: 24px; display: inline-block; font-size: 14px; font-family: Montserrat, sans-serif; color: #3d3d3d; } .live-match-stat .team-legend li .circle { margin-right: 10px; width: 20px; height: 20px; border-radius: 50%; display: inline-block; vertical-align: middle; } .live-match-stat .team-legend li .circle.red { background: #da0523; } .live-match-stat .team-legend li .circle.black { background: #141414; } .live-match-stat .tactic { padding: 20px; background: #fcfcfc; } .live-match-stat .field { position: relative; } .live-match-stat .field .player { width: 40px; height: 40px; display: block; border-radius: 50%; line-height: 40px; text-align: center; position: absolute; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; } .live-match-stat .field .player.top { background: #c80b0b; } .live-match-stat .field .player.bottom { background: #141414; } .live-match-stat .field .player>img { margin: -30px 0 0 -30px; width: 56px; height: 56px; transform: scale(0); border: 2px solid #e6e6e6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all .4s; } .live-match-stat .field .player:hover>img { transform: scale(1); } .live-match-stat .team-legend li a { color: inherit; } .live-match-stat .field .player.top.g.hockey { margin-left: -20px; top: 8%; left: 50%} .live-match-stat .field .player.top.ld.hockey { left: 30%; top: 26%} .live-match-stat .field .player.top.rd.hockey { top: 26%; right: 30%} .live-match-stat .field .player.top.lw.hockey { top: 43%; left: 18%} .live-match-stat .field .player.top.rw.hockey { top: 43%; right: 18%} .live-match-stat .field .player.top.c.hockey { left: 50%; margin-left: -20px; top: 43%} .live-match-stat .field .player.bottom.c.hockey { left: 50%; margin-left: -20px; bottom: 43%} .live-match-stat .field .player.bottom.rw.hockey { right: 18%; bottom: 43%} .live-match-stat .field .player.bottom.lw.hockey { left: 18%; bottom: 43%} .live-match-stat .field .player.bottom.rd.hockey { bottom: 26%; right: 30%} .live-match-stat .field .player.bottom.ld.hockey { bottom: 26%; left: 30%} .live-match-stat .field .player.bottom.g.hockey { margin-left: -20px; bottom: 8%; left: 50%} .live-match-stat .field .player.bottom.hockey { background: #1976d2; } .live-match-stat .team-legend li { padding-top: 16px; padding-right: 24px; display: inline-block; font-size: 14px; font-family: Montserrat, sans-serif; color: #3d3d3d; } .live-match-stat .team-legend li .circle { margin-right: 10px; width: 20px; height: 20px; border-radius: 50%; display: inline-block; vertical-align: middle; } .live-match-stat .team-legend li .circle.red { background: #da0523; } .live-match-stat .team-legend li .circle.blue { background: #1976d2; } .live-match-stat.am-football .tactic { padding: 20px; background: #fcfcfc; } .live-match-stat.am-football .field { position: relative; } .live-match-stat.am-football .field .player { width: 40px; height: 40px; display: block; border-radius: 50%; line-height: 40px; text-align: center; position: absolute; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; } .live-match-stat.am-football .field .player>img { margin: -30px 0 0 -30px; width: 56px; height: 56px; transform: scale(0); border: 2px solid #e6e6e6; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: all .4s; } .live-match-stat.am-football .field .player:hover>img { transform: scale(1); } .live-match-stat .team-legend li a { color: inherit; } .live-match-stat.am-football .field.bottom-attacked .player.top.rb.am-football { top: 47%; left: 20%} .live-match-stat.am-football .field.bottom-attacked .player.top.fb.am-football { top: 47%; left: 28%} .live-match-stat.am-football .field.bottom-attacked .player.top.qb.am-football { top: 47%; left: 36%} .live-match-stat.am-football .field.bottom-attacked .player.top.lwr.am-football { top: 22%; left: 44%} .live-match-stat.am-football .field.bottom-attacked .player.top.rwr.am-football { top: 73%; left: 36%} .live-match-stat.am-football .field.bottom-attacked .player.top.c.am-football { top: 47%; left: 44%} .live-match-stat.am-football .field.bottom-attacked .player.top.lg.am-football { top: 40%; left: 44%} .live-match-stat.am-football .field.bottom-attacked .player.top.lt.am-football { top: 33.5%; left: 44%} .live-match-stat.am-football .field.bottom-attacked .player.top.rg.am-football { top: 54%; left: 44%} .live-match-stat.am-football .field.bottom-attacked .player.top.rt.am-football { top: 61%; left: 44%} .live-match-stat.am-football .field.bottom-attacked .player.top.te.am-football { top: 68%; left: 44%} .live-match-stat.am-football .field.top-attacked .player.top.re.am-football { bottom: 33%; left: 44%} .live-match-stat.am-football .field.top-attacked .player.top.rt.am-football { bottom: 40%; left: 44%} .live-match-stat.am-football .field.top-attacked .player.top.lt.am-football { bottom: 54.6%; left: 44%} .live-match-stat.am-football .field.top-attacked .player.top.le.am-football { bottom: 61%; left: 44%} .live-match-stat.am-football .field.top-attacked .player.top.mlb.am-football { bottom: 47%; left: 36.2%} .live-match-stat.am-football .field.top-attacked .player.top.rolb.am-football { bottom: 67.5%; left: 36.2%} .live-match-stat.am-football .field.top-attacked .player.top.lolb.am-football { bottom: 26.5%; left: 36.2%} .live-match-stat.am-football .field.top-attacked .player.top.ls.am-football { bottom: 54.6%; left: 20.3%} .live-match-stat.am-football .field.top-attacked .player.top.rs.am-football { bottom: 33.1%; left: 20.3%} .live-match-stat.am-football .field.top-attacked .player.top.lcb.am-football { bottom: 20.6%; left: 28.3%} .live-match-stat.am-football .field.top-attacked .player.top.rcb.am-football { bottom: 73.6%; left: 28.3%} .live-match-stat.am-football .field.top-attacked .player.bottom.rb.am-football { top: 47%; right: 20%} .live-match-stat.am-football .field.top-attacked .player.bottom.fb.am-football { top: 47%; right: 28%} .live-match-stat.am-football .field.top-attacked .player.bottom.qb.am-football { top: 47%; right: 36%} .live-match-stat.am-football .field.top-attacked .player.bottom.lwr.am-football { top: 73%; right: 44%} .live-match-stat.am-football .field.top-attacked .player.bottom.rwr.am-football { top: 22%; right: 36%} .live-match-stat.am-football .field.top-attacked .player.bottom.c.am-football { top: 47%; right: 44%} .live-match-stat.am-football .field.top-attacked .player.bottom.lg.am-football { top: 54%; right: 44%} .live-match-stat.am-football .field.top-attacked .player.bottom.lt.am-football { top: 61%; right: 44%} .live-match-stat.am-football .field.top-attacked .player.bottom.rg.am-football { top: 40%; right: 44%} .live-match-stat.am-football .field.top-attacked .player.bottom.rt.am-football { top: 33.5%; right: 44%} .live-match-stat.am-football .field.top-attacked .player.bottom.te.am-football { bottom: 68%; right: 44%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.re.am-football { bottom: 61%; right: 44%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.rt.am-football { bottom: 54.6%; right: 44%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.lt.am-football { bottom: 40%; right: 44%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.le.am-football { bottom: 33%; right: 44%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.mlb.am-football { bottom: 47%; right: 36.2%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.rolb.am-football { bottom: 26.5%; right: 36.2%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.lolb.am-football { bottom: 67.5%; right: 36.2%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.ls.am-football { bottom: 33.1%; right: 20.3%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.rs.am-football { bottom: 54.6%; right: 20.3%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.lcb.am-football { bottom: 73.6%; right: 28.3%} .live-match-stat.am-football .field.bottom-attacked .player.bottom.rcb.am-football { bottom: 20.6%; right: 28.3%} .live-match-stat.am-football .field .player.bottom.am-football { background: #f2325b; } .live-match-stat.am-football .field .player.top.am-football { background: #10b2f6; } .live-match-stat.am-football .team-legend li { padding-top: 16px; padding-right: 24px; display: inline-block; font-size: 14px; font-family: Montserrat, sans-serif; color: #3d3d3d; } .live-match-stat.am-football .team-legend li .circle { margin-right: 10px; width: 20px; height: 20px; border-radius: 50%; display: inline-block; vertical-align: middle; } .live-match-stat.am-football .team-legend li .circle.red { background: #da0523; } .live-match-stat.am-football .team-legend li .circle.black { background: #141414; } @media (max-width:1200px) { .live-match-stat.am-football .field { width: 100%} }@media (max-width:992px) { .live-match-stat.am-football .field .player>img { margin: -24px 0 0 -18px; height: 40px; width: 40px; } .live-match-stat.am-football .tactic { padding: 0; } .live-match-stat.am-football .field.am-football .player { width: 30px; height: 30px; line-height: 30px; } }.coming-page { position: relative; height: 100%; background: #141414; } .coming-wrap { min-height: 600px; position: absolute; top: 110px; bottom: 110px; left: 0; right: 0; background: url(../ondjoweb/admin/galeriafotos/coming-bg.jpg) 50% 50% no-repeat; } .coming-wrap .error-logo { position: absolute; top: 50%; transform: translateY(-50%); } .coming-wrap .coming-title { position: absolute; left: 0; right: 0; bottom: 30%} .coming-wrap .coming-title .small-text { font-size: 40px; text-transform: uppercase; color: #fff; font-family: Raleway, sans-serif; font-weight: 900; display: block; line-height: 62px; } .coming-wrap .coming-title .big-text { font-size: 60px; text-transform: uppercase; color: #fff; font-family: Raleway, sans-serif; font-weight: 900; display: block; line-height: 62px; } .coming-wrap .counter { padding-top: 24px; } .coming-wrap .counter ul li { margin-right: 30px; text-align: center; display: inline-block; position: relative; } .coming-wrap .counter .digit { padding: 0 10px; box-sizing: border-box; border-radius: 8px; min-width: 80px; text-align: center; font-size: 48px; color: #141414; font-weight: 700; background: #fff; height: 80px; line-height: 80px; font-family: "Open Sans", sans-serif; } .coming-wrap .counter .descr { font-size: 12px; text-transform: uppercase; font-family: Raleway, sans-serif; font-weight: 900; color: #fff; } .coming-wrap .counter ul li:before { content: ":"; position: absolute; top: 0; line-height: 70px; height: 60px; right: -22px; font-size: 48px; font-weight: 700; color: #fff; } .coming-wrap .counter ul li:last-child { margin-right: 0; } .coming-wrap .counter ul li:last-child:before { display: none; } .coming-title>.container { padding-right: 15px; padding-left: 0; margin-right: auto; margin-left: auto; } .coming-wrap { word-break: break-word; } @media (max-width:500px) { .coming-wrap .coming-title { bottom: 0!important; } }.error-wrap.offline { background: url(../ondjoweb/admin/galeriafotos/offline-bg.jpg) 50% 50% no-repeat; } .error-wrap.offline>.offline-title { position: absolute; top: 40%; left: 0; right: 0; bottom: 30%} .error-wrap .offline-title .small-text { font-size: 40px; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-weight: 900; display: block; line-height: 62px; } .error-wrap .offline-title .big-text { font-size: 60px; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-weight: 900; display: block; line-height: 62px; } .error-wrap .offline-socials { padding-top: 50px; } .error-wrap .offline-socials li { padding-right: 25px; display: inline-block; } .error-wrap .offline-socials li a { width: 40px; height: 40px; border-radius: 50%; display: block; line-height: 40px; background: #f2f2f2; font-size: 16px; text-align: center; color: #999; } .error-wrap .offline-socials li:hover a { color: #410F0F; } @media (max-width:600px) { .error-wrap .offline-title .big-text { font-size: 35px; word-break: break-all; } }.error-page { position: relative; height: 100%} .error-wrap { min-height: 600px; position: absolute; top: 110px; bottom: 110px; left: 0; right: 0; background: url(../ondjoweb/admin/galeriafotos/brevemente-bg2.png) 50% 50% no-repeat; } .error-wrap.offline { background: url(../ondjoweb/admin/galeriafotos/offline-bg.jpg) 50% 50% no-repeat; } .error-wrap .error-logo { position: absolute; top: 50%; transform: translateY(-50%); } .error-wrap .error-title { position: absolute; left: 0; right: 0; bottom: 40%} .error-wrap .error-title .big-text { font-size: 100px; display: inline-block; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-weight: 900; vertical-align: top; line-height: 58px; } .error-wrap .error-title .small-text { padding-left: 30px; font-size: 40px; display: inline-block; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-weight: 900; line-height: 43px; vertical-align: top; } .error-wrap .error-title .back { margin-top: 25px; margin-left: 160px; display: inline-block; font-size: 16px; text-transform: uppercase; color: #141414; font-family: Montserrat, sans-serif; } .error-wrap .error-title .back i { margin-right: 38px; transition: all .4s; } .error-wrap .error-title .back:hover i { margin-left: -10px; margin-right: 48px; } .error-menu-wrap { position: absolute; left: 0; right: 0; bottom: 0; background: #111; } .error-menu-wrap .error-menu { display: table; width: 100%; text-align: justify; } .error-menu-wrap .error-menu li { display: table-cell; text-align: center; } .error-menu-wrap .error-menu li a { padding: 42px 0 41px 0; display: block; font-size: 14px; text-transform: uppercase; color: #f2f2f2; font-family: Montserrat, sans-serif; } .error-menu-wrap .error-menu li a:hover { color: #ffcd00; } @media (max-width:600px) { .error-wrap .error-title .big-text { display: block; text-align: center; padding-bottom: 20px; } .error-wrap .error-title .small-text { display: block; padding-left: 0; text-align: center; } .error-wrap .error-title .small-text br { display: none; } }@media (max-width:500px) { .error-menu-wrap .error-menu li a { padding: 42px 0 41px 0; display: block; font-size: 10px; text-transform: uppercase; color: #f2f2f2; font-family: Montserrat, sans-serif; } .error-wrap .error-title .small-text { word-wrap: break-word; white-space: pre; text-align: left; } .error-wrap .error-title .small-text br { display: block; } .error-wrap .error-title .small-text { font-size: 25px; line-height: normal; } .error-wrap .error-title .big-text { font-size: 40px; line-height: normal; } }div.fancy-select { position: relative; font-weight: 700; text-transform: uppercase; font-size: 13px; color: #fff; } div.fancy-select.disabled { opacity: .5; } div.fancy-select select:focus+div.trigger { box-shadow: 0 0 0 1px #fff; } div.fancy-select select:focus+div.trigger.open { box-shadow: none; } div.fancy-select div.trigger { border: #fff; border-radius: 4px; cursor: pointer; padding: 13px 24px 11px 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: #fff; color: #141414; width: 100%; font-size: 12px; text-transform: uppercase; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; } div.fancy-select div.trigger.open { background: #fff; border: 1px solid #fff; color: #141414; box-shadow: none; width: 100%} div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 40px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; background: #fff; border-radius: 4px; border-top: 1px solid #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); width: 100%; transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -webkit-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -moz-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -ms-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; -o-transition: opacity .3s ease-out, top .3s ease-out, visibility .3s ease-out; } div.fancy-select ul.options li { padding: 8px 12px; color: #141414; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; } div.fancy-select ul.options li.selected { background: #410F0F; color: #141414; } div.fancy-select ul.options li.hover { color: #292929; } div.fancy-select div.trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top-color: #141414; top: 20px; right: 9px; } .canvas-minutes-big { height: 500px; background: #fcfcfc; margin-top: 25px; margin-bottom: 70px; } .ct-chart { height: 100%} .canvas-investors { height: 500px; } #attack-per-game>.ct-chart-line { background: #fcfcfc; } #attack-per-game>svg>g.ct-grids>line { stroke: #ccc; } #tournament-path>.ct-chart-line { background: #fcfcfc; } #tournament-path>svg>g.ct-grids>line { stroke: #ccc; } #stackedbar>svg>g>g.ct-series.ct-series-a>line { stroke: #cc8100; } #stackedbar>svg>g>g.ct-series.ct-series-b>line { stroke: #410F0F; } #stackedbar>svg>g>g.ct-series.ct-series-c>line { stroke: #ffbc47; } #stackedbar>svg>g.ct-grids>line { stroke: #ccc; } #gaugechart>svg>g.ct-series.ct-series-a>path { fill: #410F0F; } #gaugechart>svg>g.ct-series.ct-series-b>path { fill: #f05b4f; } #gaugechart>svg>g.ct-series.ct-series-c>path { fill: #f4c63d; } #gaugechart>svg>g.ct-series.ct-series-d>path { fill: #d17905; } #gaugechart>svg>g>.ct-label { fill: #141414; } #gaugechart>svg>g.ct-grids>line { stroke: #ccc; } #gaugechart>.ct-legend.ct-legend-inside { position: relative; top: -42%} #gaugechart>.ct-legend.ct-legend-inside li { padding-left: 40px; margin-bottom: 20px; cursor: pointer; } #gaugechart>.ct-legend.ct-legend-inside li.ct-series-0:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #410F0F; border-radius: 10px; background: #410F0F; margin-right: 10px; margin-bottom: 10px; } #gaugechart>.ct-legend.ct-legend-inside li.ct-series-1:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #f05b4f; border-radius: 10px; background: #f05b4f; margin-right: 10px; margin-bottom: 10px; } #gaugechart>.ct-legend.ct-legend-inside li.ct-series-2:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #f4c63d; border-radius: 10px; background: #f4c63d; margin-right: 10px; margin-bottom: 10px; } #gaugechart>.ct-legend.ct-legend-inside li.ct-series-3:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #d17905; border-radius: 10px; background: #d17905; margin-right: 10px; margin-bottom: 10px; } #gaugechart>.ct-legend.ct-legend-inside li.inactive:before { background: 0 0; } #gaugechart { top: 15%} .svgpath>svg>g>g.ct-series.ct-series-a>path { stroke: #410F0F; } .svgpath>svg>g>g.ct-series.ct-series-b>path { stroke: #f05b4f; } .svgpath>svg>g>g.ct-series.ct-series-c>path { stroke: #0051ad; } .svgpath>svg>g.ct-grids>line { stroke: #ccc; } .svgpath>.ct-chart-line { background-color: #fcfcfc; } .svgpath>svg>g>g.ct-series.ct-series-a>path.ct-area { fill: #410F0F; } .svgpath>svg>g>g.ct-series.ct-series-b>path.ct-area { fill: #f05b4f; } .svgpath>svg>g>g.ct-series.ct-series-c>path.ct-area { fill: #0051ad; } #pickcircle>svg>g>g>line { stroke: #410F0F; } #pickcircle>svg>g>g>circle { fill: #410F0F; } #pickcircle>svg>g.ct-grids>line { stroke: #ccc; } #label_placement>svg>g>g.ct-series.ct-series-a>line { stroke: #d70206; } #label_placement>svg>g>g.ct-series.ct-series-b>line { stroke: #f05b4f; } #label_placement>svg>g>g.ct-series.ct-series-c>line { stroke: #f4c63d; } #label_placement>svg>g>g.ct-series.ct-series-d>line { stroke: #d17905; } #label_placement>svg>g>g.ct-series.ct-series-e>line { stroke: #59922b; } #label_placement>svg>g>g.ct-series.ct-series-f>line { stroke: #9043ad; } #label_placement>svg>g>g.ct-series.ct-series-g>line { stroke: #0544d3; } #label_placement>svg>g.ct-grids>line { stroke: #ccc; } @media (max-width:768px) { #gaugechart { top: 12%} #gaugechart>.ct-legend.ct-legend-inside { position: relative; top: -30%; text-align: center; } #gaugechart>.ct-legend.ct-legend-inside li { padding-left: 25px; margin-bottom: 20px; cursor: pointer; display: inline-flex; position: relative; padding-right: 20px; } }@media (max-width:425px) { .canvas-investors { height: 400px; } #gaugechart>.ct-legend.ct-legend-inside { position: relative; top: -37%; text-align: center; } }@media (max-width:374px) { .canvas-investors { height: 400px; } #gaugechart { top: -15%} #gaugechart>.ct-legend.ct-legend-inside { position: relative; top: -39%} }@media (max-width:350px) { #stackedbar>svg>g>g.ct-series.ct-series-a>line { stroke-width: 15px!important; } #stackedbar>svg>g>g.ct-series.ct-series-b>line { stroke-width: 15px!important; } #stackedbar>svg>g>g.ct-series.ct-series-c>line { stroke-width: 15px!important; } }#player-timeseries-graph>.ct-chart-line { background: #fcfcfc; } #player-timeseries-graph>svg>g.ct-grids>line { stroke: #ccc; } #diagram>svg>g>g.ct-series.ct-series-a>path { stroke: #410F0F; } #diagram>svg>g>g.ct-series.ct-series-a>.ct-point { stroke: #410F0F; } #diagram>svg>g>g.ct-series.ct-series-b>path { stroke: #0051ad; } #diagram>svg>g>g.ct-series.ct-series-b>.ct-point { stroke: #0051ad; } #diagram>svg>g>g.ct-series.ct-series-c>path { stroke: #f4c63d; } #diagram>svg>g>g.ct-series.ct-series-c>.ct-point { stroke: #f4c63d; } #diagram>.ct-chart-line { background: #fcfcfc; } #diagram>svg>g.ct-grids>line { stroke: #ccc; } .advancesmill>svg>g>g.ct-series.ct-series-a>path { stroke: #410F0F; } .advancesmill>svg>g>g.ct-series.ct-series-a>.ct-point { stroke: #410F0F; } .advancesmill>svg>g>g.ct-series.ct-series-b>path { stroke: #0051ad; } .advancesmill>svg>g>g.ct-series.ct-series-b>.ct-point { stroke: #0051ad; } .advancesmill>svg>g>g.ct-series.ct-series-c>path { stroke: #f4c63d; } .advancesmill>svg>g>g.ct-series.ct-series-c>.ct-point { stroke: #f4c63d; } .advancesmill>svg>g>g.ct-series.ct-series-d>path { stroke: #b44335; } .advancesmill>svg>g>g.ct-series.ct-series-d>.ct-point { stroke: #b44335; } .advancesmill>.ct-chart-line { background: #fcfcfc; } .advancesmill>svg>g.ct-grids>line { stroke: #ccc; } .advancesmill>.ct-legend li { position: relative; padding-left: 23px; margin-bottom: 3px; margin-right: 23px; display: inline-block; cursor: pointer; } .advancesmill>.ct-legend li.ct-series-0:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #410F0F; border-radius: 10px; background: #410F0F; margin-right: 10px; } .advancesmill>.ct-legend li.ct-series-1:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #0051ad; border-radius: 10px; background: #0051ad; margin-right: 10px; } .advancesmill>.ct-legend li.ct-series-2:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #f4c63d; border-radius: 10px; background: #f4c63d; margin-right: 10px; } .advancesmill>.ct-legend li.ct-series-3:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #b44335; border-radius: 10px; background: #b44335; margin-right: 10px; } .advancesmill>.ct-legend li.inactive:before { background: 0 0; } .advancesmill>.ct-legend { text-align: center; } .advancesmill>.ct-chart-line { position: relative; } .canvas-assists { height: 400px; } #donutchart { position: relative; left: -5%} #donutchart>svg>g>text { stroke: #141414; } #donutchart>svg>g.ct-series.ct-series-a>path { fill: #410F0F; } #donutchart>svg>g.ct-series.ct-series-b>path { fill: #b87400; } #donutchart>svg>g.ct-series.ct-series-c>path { fill: #e08e00; } #donutchart>svg>g.ct-series.ct-series-d>path { fill: #ffb433; } #donutchart>.ct-legend.ct-legend-inside li { padding-left: 23px; margin-bottom: 20px; cursor: pointer; } #donutchart>.ct-legend.ct-legend-inside li.ct-series-0:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #410F0F; border-radius: 10px; background: #410F0F; margin-right: 10px; margin-bottom: 10px; } #donutchart>.ct-legend.ct-legend-inside li.ct-series-1:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #b87400; border-radius: 10px; background: #b87400; margin-right: 10px; margin-bottom: 10px; } #donutchart>.ct-legend.ct-legend-inside li.ct-series-2:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #e08e00; border-radius: 10px; background: #e08e00; margin-right: 10px; margin-bottom: 10px; } #donutchart>.ct-legend.ct-legend-inside li.ct-series-3:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #ffb433; border-radius: 10px; background: #ffb433; margin-right: 10px; margin-bottom: 10px; } #donutchart>.ct-legend.ct-legend-inside li.inactive:before { background: 0 0; } #donutchart>.ct-legend.ct-legend-inside { position: absolute; top: 25%; right: 3%} .canvas-minutes-big.horizontalbar { background: #fcfcfc; } #horizontalbar>svg>g>g.ct-series.ct-series-a>line { stroke: #410F0F; } #horizontalbar>svg>g>g.ct-series.ct-series-b>line { stroke: #f4c63d; } #horizontalbar>svg>g.ct-grids>line { stroke: #ccc; } #horizontalbar>.ct-legend li { position: relative; padding-left: 23px; margin-bottom: 3px; margin-right: 23px; display: inline-block; cursor: pointer; } #horizontalbar>.ct-legend li.ct-series-0:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #410F0F; border-radius: 10px; background: #410F0F; margin-right: 10px; } #horizontalbar>.ct-legend li.ct-series-1:before { width: 20px; height: 20px; position: absolute; left: 0; content: ''; border: 3px solid #f4c63d; border-radius: 10px; background: #f4c63d; margin-right: 10px; } #horizontalbar>.ct-legend li.inactive:before { background: 0 0; } #horizontalbar>.ct-legend { text-align: center; } .ct-chart { position: relative; } .ct-chart-bar { position: relative; } #bipolardiagram>svg>g>g.ct-series.ct-series-a>path { fill: #0ff; } #bipolardiagram>svg>g>g.ct-series.ct-series-b>path { fill: #f05b4f; } #bipolardiagram>svg>g>g.ct-series.ct-series-c>path { fill: green; } #bipolardiagram>svg>g>g.ct-series.ct-series-d>path { fill: #000; } #bipolardiagram>.ct-chart-line { background: #fcfcfc; } #bipolardiagram>svg>g.ct-grids>line { stroke: #ccc; } .canvas-animatedonut { height: 400px; } .animatedonut>svg>g.ct-series.ct-series-a>path { stroke: #d70206; } .animatedonut>svg>g.ct-series.ct-series-b>path { stroke: #f05b4f; } .animatedonut>svg>g.ct-series.ct-series-c>path { stroke: #8f5d00; } .animatedonut>svg>g.ct-series.ct-series-d>path { stroke: #d17905; } .animatedonut>svg>g.ct-series.ct-series-e>path { stroke: #9043ad; } .animatedonut>svg>g.ct-series.ct-series-f>path { stroke: #59922b; } .animatedonut>svg>g.ct-series.ct-series-g>path { stroke: #0544d3; } .animatedonut>svg>g>text { fill: #141414; } .ct-bar.ct-threshold-above, .ct-line.ct-threshold-above, .ct-point.ct-threshold-above { stroke: #410F0F; } .ct-bar.ct-threshold-below, .ct-line.ct-threshold-below, .ct-point.ct-threshold-below { stroke: #77b800; } .ct-area.ct-threshold-above { fill: #f29e0d; } .ct-area.ct-threshold-below { fill: #72a512; } #threshold>svg>g>g>path.ct-line { stroke-dasharray: 5; animation: dash 5s linear infinite; } @keyframes dash { from { stroke-dashoffset: 50; } to { stroke-dashoffset: 0; } }#threshold>svg>g.ct-grids>line { stroke: #ccc; } #threshold>svg>g>g>text { fill: #3d3d3d; } @media (max-width:700px) { #donutchart>.ct-legend.ct-legend-inside { position: relative; text-align: center; top: 0; right: 0; } #donutchart>.ct-legend.ct-legend-inside li { padding-left: 23px; margin-bottom: 20px; display: inline-block; position: relative; margin-right: 20px; } .canvas-assists { margin-bottom: 70px; } }@media (max-width:465px) { #horizontalbar>.ct-legend li { margin-left: 23px; } }@media (max-width:425px) { .advancesmill>.ct-legend li { display: inline; } }@media (max-width:375px) { .advancesmill>.ct-legend li { display: inline-block; margin-right: 0; margin-left: 25px; } }.sport-team-lp-header { background: rgba(50, 50, 50, .8); z-index: 100; position: relative; width: 100%} .sport-team-lp-header .logo { position: relative; float: left; width: 121px; height: 86px; background: #410F0F; display: flex; border-radius: 10px 10px 10px 10px/50px 50px 50px 50px; } .sport-team-lp-header .logo img { margin: auto; height: 60px; width: 63px; object-fit: cover; } .sport-team-lp-header ul { text-align: right; float: right; } .sport-team-lp-header .logo:before { content: ""; position: absolute; border-width: 0 53px 25px; border-style: solid; border-color: transparent transparent #410F0F; transform: rotate(180deg); top: 99%; right: 6px; left: 6px; z-index: 200; } .sport-team-lp-header ul>li { display: inline-block; padding: 35px 0; line-height: 1; } .sport-team-lp-header ul>li.active>a { color: #fff; position: relative; } .sport-team-lp-header ul>li.active:first-child>a:before { margin-left: -25px; } .sport-team-lp-header ul>li.active:last-child>a:before { margin-left: 25px; } .sport-team-lp-header ul>li.active>a:before { position: absolute; content: "\f0d7"; color: #fff; bottom: -20px; font-family: FontAwesome; font-size: 16px; right: 0; left: 0; text-align: center; } .sport-team-lp-header ul>li>a { padding: 0 25px; color: #c7c7c7; font-family: Montserrat; text-transform: uppercase; font-size: 14px; } .sport-team-lp-header button { display: none; position: relative; float: right; padding: 5px 11px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; margin: 24px 0 0 0; z-index: 1; background: #410F0F; } .sport-team-lp-header ul>li:last-child>a { padding-right: 0; } .sport-team-lp-header ul>li:first-child>a { padding-left: 0; } .sport-team-lp-header .navbar-collapse.collapse { padding: 0; } .style-menu { background: #323232; z-index: 100; } @media (max-width:1200px) { .sport-team-lp-header .navbar-collapse.collapse { display: block!important; } }@media (max-width:992px) { .sport-team-lp-header .logo { float: none; margin: 0 auto; } .sport-team-lp-header ul { text-align: center; margin-top: 20px; width: 100%} }@media (max-width:680px) { .sport-team-lp-header button { display: block; } .sport-team-lp-header .logo { float: left; } .sport-team-lp-header ul>li>a { padding: 0; } .sport-team-lp-header ul>li { width: 100%; padding: 15px 0; } .sport-team-lp-header .navbar-collapse.collapse { display: none!important; } .sport-team-lp-header .navbar-collapse.collapse.in { display: block!important; } .sport-team-lp-header .clear-header { clear: both; border: none; } .sport-team-lp-header ul>li.active>a:before { display: none; } .sport-team-lp-header ul { margin-bottom: 20px; } }.landing-top-bar .contacts li, .landing-top-bar .links li { display: inline-block; padding-right: 22px; } .landing-top-bar .contacts li:last-child, .landing-top-bar .links li:last-child { padding: 0; } .landing-top-bar ul { padding: 22px 0 22px 0; line-height: 16px; } .landing-top-bar ul>li>a { color: #999; font-family: Montserrat; } .landing-top-bar { background: linear-gradient(-80deg, #fff 40%, #f8f8f8 11%); } .landing-top-bar .top-language .list { padding: 22px 0 22px 0; text-align: right; } .landing-top-bar .contacts>li>a>i { padding-right: 18px; font-size: 15px; } .landing-top-bar .contacts>li>a>.number { font-size: 12px; } .landing-top-bar .contacts>li>a>.skype { text-transform: uppercase; font-size: 12px; } @media (max-width:991px) { .landing-top-bar { background: linear-gradient(-80deg, #fff 50%, #f8f8f8 10%); } .landing-top-bar .contacts { text-align: right; } }@media (max-width:767px) { .landing-top-bar .links li { padding: 0; } .landing-top-bar .links { text-align-last: justify; } }.landing-sport-sponsors { padding-top: 50px; padding-bottom: 50px; border-bottom: 10px solid #ededed; overflow: hidden; } .landing-sport-sponsors span { font-size: 18px; font-weight: 700; font-family: Raleway; display: inline-block; width: 100%; line-height: 1; } .landing-sport-sponsors .sponsors:before { left: -1000%; top: -1000%; bottom: -1000%; right: 0; content: ""; background: #f1f1f1; position: absolute; z-index: -20; transform: skew(-10deg); } @media (max-width:992px) { .landing-sport-sponsors { padding-top: 20px; padding-bottom: 10px; } .landing-sport-sponsors .sponsors { text-align: center; padding-bottom: 20px; } .landing-sport-sponsors .sponsors:before { left: -1000%; top: -1000%; bottom: 0; right: -1000%} .landing-sport-sponsors span { display: inline; font-size: 24px; } }.landing-sport-main-news img { display: block; width: 100%; border: 1px solid #f7f7f7; object-fit: cover; height: 100%} .landing-sport-main-news .news-border { position: absolute; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, .5); font-family: Montserrat; display: block; left: 1px; right: 1px; bottom: 1px; } .landing-sport-main-news .date { display: inline-block; width: 100%; color: #ccc; } .landing-sport-main-news .name { color: #fff; line-height: 1; } .landing-sport-main-news .news-wprapper { position: relative; height: 100%; overflow: hidden; display: block; } .row.no-gutters { margin-right: 0; margin-left: 0; } .landing-sport-main-news .row.no-gutters>[class*=" col-"], .landing-sport-main-news .row.no-gutters>[class^=col-] { padding-right: 0; padding-left: 0; } @media (max-width:992px) { .landing-sport-main-news .row-eq-height { display: block; } }.landing-sport-footer-links { background: #fff; border-bottom: 1px solid #f7f7f7; } .landing-sport-footer-links ul { text-align-last: justify; } .landing-sport-footer-links ul>li { display: inline-block; } .landing-sport-footer-links ul>li>a { font-family: Montserrat; font-size: 16px; text-transform: uppercase; padding: 44px 0; display: block; } .landing-sport-footer-links ul>li>a>i { display: none; } .landing-sport-footer-links ul>li:last-child { padding-right: 35px; } .landing-sport-footer-links ul>li:first-child a { padding-left: 35px; } .landing-sport-footer-links ul>li.facebook a { color: #4668b2; } .landing-sport-footer-links ul>li.twitter a { color: #1da1f2; } .landing-sport-footer-links ul>li.google a { color: #dd4b39; } .landing-sport-footer-links ul>li.instagram a { color: #833ab4; } .landing-sport-footer-links ul>li.youtube a { color: #cd201f; } @media (max-width:767px) { .landing-sport-footer-links ul>li>a>i { display: block; } .landing-sport-footer-links ul>li>a>span { display: none; } }.lading-sport-contact { position: relative; background-size: cover; padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .lading-sport-contact .wrapper-img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .lading-sport-contact .wrapper-img iframe { width: 100%; height: 100%} .lading-sport-contact .wrapper-img img { width: 100%; height: 100%; object-fit: cover; } .lading-sport-contact .information-wrap { position: relative; padding-top: 170px; padding-bottom: 150px; text-align: right; } .lading-sport-contact .information-wrap:before { content: ""; position: absolute; left: 0; right: -10000%; top: 0; bottom: 0; background: rgba(252, 252, 252, .87); transform: skew(-6deg); } .lading-sport-contact .information-wrap span { display: inline-block; width: 100%; position: relative; } .lading-sport-contact .information-wrap>div { padding-bottom: 35px; text-transform: uppercase; color: #141414; font-family: Raleway; line-height: 1; font-weight: 900; } .lading-sport-contact .information-wrap .header-welcom { font-size: 32px; } .lading-sport-contact .information-wrap .header-arena { font-size: 40px; } .lading-sport-contact .information-wrap>span { color: #666; font-family: "Open Sans"; padding-bottom: 35px; } .lading-sport-contact .information-wrap>a { position: relative; padding: 21px 23px 18px 23px; display: inline-block; background: #410F0F; border-radius: 10px; text-transform: uppercase; color: #141414; line-height: 1; font-family: Montserrat; } .lading-sport-contact .information-wrap>a:hover { background: #141414; color: #fff; } @media (max-width:992px) { .lading-sport-contact .information-wrap: before { left: -1000%} .lading-sport-contact .information-wrap { text-align: center; padding-top: 50px; padding-bottom: 50px; } }.landing-sport-twitter-slider { position: relative; padding: 75px 0; background: #1da1f2; } .landing-sport-twitter-slider .wrap { text-align: center; width: 60%; margin: 0 auto; } .landing-sport-twitter-slider .wrap>a { color: #fff; font-size: 24px; padding-bottom: 34px; display: block; } .landing-sport-twitter-slider .wrap .text { font-size: 24px; font-family: "Open Sans"; color: #fff; padding-bottom: 58px; } .landing-sport-twitter-slider .wrap .text>a { font-weight: 700; color: #fff; padding: 0 5px; } .landing-sport-twitter-slider .wrap .copyright { color: #fff; font-size: 12px; text-transform: uppercase; } .landing-sport-twitter-slider .nav-arrow.left-arrow { padding-left: 36px; left: 0; text-align: left; } .landing-sport-twitter-slider .nav-arrow.right-arrow { padding-right: 36px; right: 0; text-align: right; } .landing-sport-twitter-slider .nav-arrow { width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; font-size: 12px; background: #1da1f2; z-index: 2; } .landing-sport-twitter-slider .nav-arrow.left-arrow:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #1da1f2; transition: all .4s; } .landing-sport-twitter-slider .nav-arrow.right-arrow:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #1da1f2; transition: all .4s; } .landing-sport-twitter-slider .nav-arrow.left-arrow:hover:before, .landing-sport-twitter-slider .nav-arrow.right-arrow:hover:before { background: #ffcf0f; } .landing-sport-twitter-slider .nav-arrow:hover { color: #000; background: #ffcf0f; } #twitter-slider .owl-carousel .item { touch-action: pan-x; } @media (max-width:767px) { .landing-sport-twitter-slider .nav-arrow { display: none; } .landing-sport-twitter-slider .wrap { width: 100%} }.landing-sport-next-match { padding: 70px 50px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .1); } .landing-sport-next-match>div { display: inline-block; width: 100%; font-size: 0; } .landing-sport-next-match>div>div>ul { text-align: center; } .landing-sport-next-match>div .team.left>div { display: inline-block; margin-left: 25px; text-transform: uppercase; vertical-align: middle; } .landing-sport-next-match>div .team.right { direction: rtl; } .landing-sport-next-match>div .team.right>div { display: inline-block; margin-right: 25px; text-transform: uppercase; vertical-align: middle; } .landing-sport-next-match>div>div>ul>li { display: inline-block; margin-right: 25px; position: relative; } .landing-sport-next-match>div>div>ul>li:before { content: ':'; position: absolute; top: 0; line-height: 53px; height: 60px; right: -18.8px; font-size: 32px; font-weight: 700; color: #141414; font-family: "Open Sans"} .landing-sport-next-match>div>div>ul>li:last-child:before { display: none; } .landing-sport-next-match>div>div>ul>li:last-child { margin-right: 0; } .landing-sport-next-match .team { width: 35%; display: inline-block; vertical-align: middle; } .landing-sport-next-match .team.right { text-align: right; } .landing-sport-next-match>div>div>img { width: 70px; height: 70px; object-fit: cover; } .landing-sport-next-match .counter { width: 30%; display: inline-block; vertical-align: middle; } .landing-sport-next-match>span { display: inline-block; text-transform: uppercase; font-size: 12px; font-family: Montserrat; width: 100%; text-align: center; color: #4c4c4c; } .landing-sport-next-match>div>div>div>span { width: 100%; display: inline-block; } .landing-sport-next-match .team-name { font-size: 16px; color: #141414; font-family: Montserrat; } .landing-sport-next-match .country { color: #666; font-family: "Open Sans"} .landing-sport-next-match>div>div>ul>li>span { padding: 0 10px; box-sizing: border-box; border-radius: 8px; min-width: 60px; text-align: center; font-size: 32px; color: #fff; font-weight: 700; background: #141414; height: 60px; line-height: 60px; font-family: Open Sans, sans-serif; display: block; } .landing-sport-next-match .opening { padding-bottom: 15px; } .landing-sport-next-match .arena { padding-top: 15px; } @media (max-width:1200px) { .landing-sport-next-match { padding: 50px 20px; } .landing-sport-next-match .team, .landing-sport-next-match .team.right { text-align: center; } .landing-sport-next-match>div .team.left>div, .landing-sport-next-match>div .team.right>div { width: 100%; margin: 0; padding: 10px 0; } }@media (max-width:992px) { .landing-sport-next-match { padding: 50px 20px; background: linear-gradient(to bottom, #fff 50%, #fcfcfc 50%); } .landing-sport-next-match .team { width: 100%; margin: 0; } .landing-sport-next-match .arena { padding: 0; } .landing-sport-next-match .counter { width: 100%} .landing-sport-next-match>div>div>img { display: block; margin: 0 auto; } .landing-sport-next-match { padding: 40px 10px; } .landing-sport-next-match>div>div { margin-bottom: 20px; } }.landing-sport-galery { position: relative; overflow: hidden; } .landing-sport-galery .wrapper { width: 10000px; position: relative; } .landing-sport-galery .wrapper .item { float: left; height: 282px; position: relative; overflow: hidden; display: block; } .landing-sport-galery .border { padding: 24px 10px 10px 30px; transition: all .4s; width: 40%; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: -100%; display: block; z-index: 1; } .landing-sport-galery .border span { position: relative; color: #1f1f1f; font-family: Montserrat; font-size: 16px; } .landing-sport-galery .wrapper .item:hover .border { left: 0; } .landing-sport-galery .border:before { content: ''; position: absolute; top: 0; bottom: 1px; left: -30px; right: -25px; background-color: #410F0F; transform: skew(-10deg); background-blend-mode: overlay; opacity: .87; } .landing-sport-galery .owl-carousel .item { float: left; height: 282px; position: relative; overflow: hidden; display: block; width: 100%; touch-action: pan-y; } .landing-sport-galery .owl-carousel .item:hover .border { left: 0; } .landing-sport-galery .owl-carousel .item img { border-bottom: 1px solid #f7f7f7; width: 100%; height: 100%; object-fit: cover; } .landing-sport-standings .item { display: inline-block; width: 100%; padding: 25px 24px; border-bottom: 1px solid #d8d8d8; background: #fff; transition: all .4s; font-weight: 700; } .landing-sport-standings .buttons-wrapper { font-size: 16px; text-transform: uppercase; font-family: Raleway; font-weight: 700; color: #141414; line-height: 1; padding-top: 40px; padding-bottom: 28px; } .landing-sport-standings .buttons-wrapper>a { color: #141414; margin-right: 18px; } .landing-sport-standings .buttons-wrapper .league { margin-left: 7px; display: inline-flex; width: 50%} .landing-sport-standings .name { font-size: 12px; text-transform: uppercase; color: #1f1f1f; font-family: "Open Sans"} .landing-sport-standings .item .number { min-width: 40px; height: 30px; line-height: 30px; border-radius: 9px; background: #141414; display: inline-block; color: #fff; font-weight: 700; text-align: center; float: right; padding: 0 10px; } .landing-sport-standings .item img { height: 30px; width: 30px; object-fit: cover; margin-right: 15px; } .landing-sport-standings .standings-position { margin-right: 27px; display: inline-block; vertical-align: middle; color: #1f1f1f; } .landing-sport-standings .item .standings-position i { margin-right: 9px; } .landing-sport-standings .item.up i { color: #4caf50; } .landing-sport-standings .item.down i { color: #f44336; } .landing-sport-standings .item.none i { color: #999; font-size: 12px; } .landing-sport-standings .item:hover { background: linear-gradient(to right, #060606, #2d2d2d); } .landing-sport-standings .item:hover .name { color: #fff; } .landing-sport-standings .item:hover .standings-position { color: #fff; } @media (max-width:676px) { .landing-sport-standings .buttons-wrapper>span { display: inline-block; width: 100%; margin-top: 15px; text-align: center; } .landing-sport-standings .buttons-wrapper>a { margin: 0; font-size: 25px; } .landing-sport-standings .buttons-wrapper .league { width: 100%; display: inline-block; margin: 0; text-align: center; } .landing-sport-standings .buttons-wrapper .arrow.right { float: right; } }.fade-standings { -webkit-animation-name: fade; -webkit-animation-duration: 2.5s; animation-name: fade; animation-duration: 2.5s; } @-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } }@keyframes fade { from { opacity: .4; } to { opacity: 1; } }.mySlides { display: none; } .league_name { display: none; } .landing-sport-latest-matches>a { padding: 18px 40px; background: #fff; border-bottom: 1px solid #d8d8d8; display: block; box-sizing: border-box; } .landing-sport-latest-matches>a>div { display: inline-block; width: 100%; font-size: 0; } .landing-sport-latest-matches>a>span { display: inline-block; text-transform: uppercase; font-size: 12px; font-family: Montserrat; width: 100%; text-align: center; color: #4c4c4c; padding: 15px 0; } .landing-sport-latest-matches>a>div>.team { display: inline-block; width: 40%; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; vertical-align: middle; color: #141414; } .landing-sport-latest-matches>a>div>.team.left>span>img { margin-right: 12px; } .landing-sport-latest-matches>a>div>.team.right>span>img { margin-left: 12px; } .landing-sport-latest-matches>a>div>.team>span { display: inline-block; vertical-align: middle; line-height: 1; } .landing-sport-latest-matches>a>div>.team>span>img { width: 56px; height: 56px; object-fit: cover; } .landing-sport-latest-matches>a>div>.team>.team-name { padding: 3px 3px 2px 3px; position: relative; } .landing-sport-latest-matches>a>div>.score { display: inline-block; width: 20%; text-align: center; vertical-align: middle; } .landing-sport-latest-matches>a>div>.score>span { min-width: 50px; padding: 14px 18px; box-sizing: border-box; display: inline-block; background: #141414; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; border-radius: 10px; } .landing-sport-latest-matches>a>div>.team.right { direction: rtl; text-align: right; } .landing-sport-latest-matches>a:hover { position: relative; background: linear-gradient(to right, #fff027 36%, #ffdb2b 40%); box-shadow: 0 0 20px rgba(0, 0, 0, .1); background-color: #ffdb2b; background-blend-mode: overlay; } .landing-sport-latest-matches>a:hover>span { color: #141414; } .landing-sport-latest-matches>a>div>.team:hover { overflow: visible; } .landing-sport-latest-matches>a>div>.team:hover .team-name { z-index: 100; box-shadow: 0 0 5px 2px #1f1f1f; border-radius: 3px; background: #fcfcfc; } @media (max-width:560px) { .landing-sport-latest-matches>a { padding: 18px 10px; } .landing-sport-latest-matches>a>div>.score, .landing-sport-latest-matches>a>div>.team { width: 100%; text-align: center; white-space: normal; } .landing-sport-latest-matches>a>div>.team.right { text-align: center; margin-top: 20px; } .landing-sport-latest-matches>a>div>.team.left { margin-bottom: 20px; } .landing-sport-latest-matches>a>div>.team>span { display: block; } .landing-sport-latest-matches>a>div>.team.left>span>img, .landing-sport-latest-matches>a>div>.team.right>span>img { margin: 0; margin-bottom: 5px; } .landing-sport-latest-matches>a>div>.team:hover .team-name { background: 0 0; box-shadow: none; } }.landing-sport-quote { padding-top: 20px; } .landing-sport-quote { max-width: 100%} .landing-sport-quote span { display: inline-block; width: 100%; color: #1f1f1f; text-transform: uppercase; font-size: 14px; } .landing-sport-quote span.coach { color: #666; font-size: 12px; } .landing-sport-quote blockquote { padding-left: 56px; border: none; position: relative; font-size: 32px; line-height: 42px; padding: 90px 0 20px 0; color: #1f1f1f; } .landing-sport-quote blockquote:before { content: "\201c"; position: absolute; left: 0; font-weight: 700; top: 4px; font-size: 48px; line-height: 48px; z-index: 0; color: #1f1f1f; font-family: Raleway; } .landing-sport-quote .wrapper { padding-top: 100px; padding-bottom: 50px; } @media (max-width:992px) { .landing-sport-quote .wrapper { padding: 50px 0; } .landing-sport-quote { padding: 0; } }.landing-sport-players-slider { background: #fcfcfc; padding: 50px 0 80px 0; } .landing-sport-players-slider .staff-item { position: relative; overflow: hidden; } .landing-sport-players-slider .staff-item .info { padding: 26px 0 10px 30px; width: 75px; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: 0; background: #f2f2f2; } .landing-sport-players-slider .staff-item .info:before { content: ''; width: 120px; background: #f2f2f2; position: absolute; right: -40px; top: 0; bottom: 0; transform: skew(-10deg); z-index: 0; } .landing-sport-players-slider .staff-item .info .name { font-size: 16px; display: block; color: #141414; line-height: 19px; text-transform: uppercase; font-family: Montserrat, sans-serif; z-index: 1; position: relative; } .landing-sport-players-slider .staff-item .info .position { padding-top: 9px; font-size: 10px; text-transform: uppercase; line-height: normal; color: #666; display: block; font-family: Montserrat, sans-serif; z-index: 1; position: relative; } .landing-sport-players-slider .staff-item .info .number { width: 75px; color: #999; font-size: 24px; position: absolute; text-align: center; left: 0; bottom: 23px; } .landing-sport-players-slider .staff-item .info .ball { width: 24px; height: 25px; position: absolute; left: 28px; bottom: 26px; } .landing-sport-players-slider .staff-item>a img { object-fit: cover; } .landing-sport-players-slider .staff-item>a img { height: 353px; width: 353px; max-width: 100%} .landing-sport-players-slider .main-stuff-slider .nav-arrow { width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #000; font-size: 12px; background: #410F0F; } .landing-sport-players-slider .main-stuff-slider .nav-arrow.left-arrow { padding-left: 36px; left: 0; text-align: left; } .landing-sport-players-slider .main-stuff-slider .nav-arrow.left-arrow:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #410F0F; transition: all .4s; } .landing-sport-players-slider .main-stuff-slider .nav-arrow.right-arrow:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #410F0F; transition: all .4s; } .landing-sport-players-slider .main-stuff-slider .nav-arrow.right-arrow { padding-right: 36px; right: 0; text-align: right; } .landing-sport-players-slider .main-stuff-slider .nav-arrow:hover { background: #141414; color: #fff; } .landing-sport-players-slider .main-stuff-slider .nav-arrow.left-arrow:hover:before { background: #141414; } .landing-sport-players-slider .main-stuff-slider .nav-arrow.right-arrow:hover:before { background: #141414; } .landing-sport-players-slider .players-slider ul { padding-bottom: 34px; padding-left: 0; padding-right: 0; } .landing-sport-players-slider .player-filters li { padding-right: 30px; display: inline-block; } .landing-sport-players-slider .player-filters li:last-child { padding-right: 0; } .landing-sport-players-slider .player-filters li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; text-transform: uppercase; } .landing-sport-players-slider .player-filters li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #410F0F; transition: all .4s; } .landing-sport-players-slider .player-filters li a:hover:before { width: 100%} .landing-sport-players-slider .player-filters li.active a:before { width: 100%} @media (max-width:1200px) { .landing-sport-players-slider .staff-item { overflow: hidden; } .landing-sport-players-slider .staff-item .info .name { font-size: 14px; } }@media (max-width:992px) { .landing-sport-players-slider .staff-item { max-width: 353px; margin: 0 auto 30px; } .landing-sport-players-slider .staff-item .info { left: -200%; transition: all .4s; } .landing-sport-players-slider .staff-item:hover .info { left: 0; } .landing-sport-players-slider h5 { text-align: center; } .landing-sport-players-slider .tab-filters { text-align: center; } .landing-sport-players-slider .carousel-inner { padding-bottom: 50px; } .landing-sport-players-slider .main-stuff-slider .nav-arrow { top: 100%; transform: translateY(-100%); } .landing-sport-players-slider .staff-item .info { padding: 50px 20px 0 20px; width: 100%; text-align: center; } .landing-sport-players-slider .staff-item .info .position { padding-top: 15px; font-size: 14px; } .landing-sport-players-slider .staff-item .info .name { font-size: 18px; } .landing-sport-players-slider .staff-item .info .number { width: 100%; font-size: 32px; text-align: center; bottom: 50px; } }@media (max-width:767px) { .landing-sport-players-slider .main-stuff-slider .nav-arrow { top: 50%; transform: translateY(-50%); } .landing-sport-players-slider .tab-filters, .landing-sport-players-slider h5 { text-align: left; } .landing-sport-players-slider .tab-filters { margin-bottom: 10px; } }.landing-sport-about { padding: 93px 0; background: url(../ondjoweb/admin/galeriafotos/success-section-bg1.jpg) 100% 0 no-repeat #f7f7f7; background-position: right top; background-attachment: fixed; background-size: contain; } .landing-sport-about h4 { color: #141414; font-family: Raleway; font-size: 16px; line-height: 20px; margin: 0; padding-bottom: 30px; font-weight: 700; text-transform: uppercase; } .landing-sport-about h5 { color: #141414; font-family: Raleway; font-size: 16px; line-height: 20px; margin: 0; padding-bottom: 30px; font-weight: 700; text-transform: uppercase; } .landing-sport-about h5 img { margin-right: 15px; margin-top: -5px; } .landing-sport-about p { color: #666; font-size: 16px; line-height: 26px; font-family: "Open Sans"} .landing-sport-about .wrap { padding-top: 63px; text-align: right; } .landing-sport-about .title { padding: 0; line-height: normal; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-size: 40px; font-weight: 900; } .landing-sport-about .big-title { line-height: 40px; text-transform: uppercase; color: #141414; font-family: Raleway, sans-serif; font-size: 48px; font-weight: 900; } .landing-sport-about .btn { padding: 15px 24px 13px 24px; border-radius: 9px; border: none; background: #410F0F; font-size: 16px; color: #141414; text-transform: uppercase; font-family: Montserrat, sans-serif; margin-top: 30px; } @media (max-width:992px) { .landing-sport-about { text-align: center; background-size: cover; } .landing-sport-about .wrap { text-align: center; } }.landing-sport-main-slider .msp_post_slider .msp_post_slide.slide-1 { background: url(../ondjoweb/admin/galeriafotos/landing-sport-slide.jpg) no-repeat; background-size: cover; background-position: bottom; } .landing-sport-main-slider .msp_post_slider .msp_post_slide.slide-2 { background: url(../ondjoweb/admin/galeriafotos/landing-sport-slide-2.jpg) no-repeat; background-size: cover; background-position: bottom; } .landing-sport-main-slider .msp_post_slider .msp_post_slide .slider-caption .big-title { color: #333; font-size: 64px; } .landing-sport-main-slider .msp_post_slider .msp_post_slide .slider-caption .sub-title { color: #a1a1a1; padding-bottom: 10px; } .landing-sport-main-slider .msp_post_slider .owl-dot { background: #c7c7c7; } .landing-sport-main-slider .msp_post_slider .owl-dot.active { background: #410F0F; } .sport-team-landing-store-filter li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #141414; font-family: Montserrat, sans-serif; text-transform: uppercase; } .sport-team-landing-store-filter li { padding-right: 30px; display: inline-block; } .sport-team-landing-store-filter { padding-bottom: 34px; } .esport-championship-store-filter li a:hover:before, .sport-team-landing-store-filter li.active a:before { width: 100%} .sport-team-landing-store-filter li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #410F0F; transition: all .4s; } .landing-sport-store .esport-store-list-item>div { padding-bottom: 75px; display: block; position: relative; overflow: hidden; background-color: #ffcf0f; margin-bottom: 30px; } .landing-sport-store .esport-store-list-item img { width: 100%; height: 380px; object-fit: cover; } .landing-sport-store .esport-store-list-item>div .info { padding: 15px 24px 17px 24px; position: absolute; left: 0; right: 0; bottom: -35px; display: block; z-index: 2; transition: all .4s; bottom: 0; } .landing-sport-store .esport-store-list-item>div .info:before { content: ''; position: absolute; left: -20px; right: -10px; bottom: -50px; height: 200%; transform: rotate(4deg); transition: all .4s; top: -10px; background: #fcfcfc; z-index: 1; } .landing-sport-store .esport-store-list-item .name { font-size: 14px; color: #292929; line-height: 20px; font-weight: 700; display: block; z-index: 1; position: relative; } .landing-sport-store .esport-store-list-item .price { display: block; font-size: 20px; color: #666; z-index: 1; position: relative; } @media (max-width:767px) { .landing-sport-store .esport-store-list-item>div { margin: 0 auto 30px; width: 264px; } }.sport-cmapionship-header { background: #f7f7f7; position: relative; width: 100%} .sport-cmapionship-header .wrapper { display: inline-block; width: 100%; font-size: 0; } .sport-cmapionship-header .contacts-wrap { float: right; width: 30%; display: inline-block; padding: 0; } .sport-cmapionship-header .logo { width: 10%; float: left; height: 106px; display: flex; } .sport-cmapionship-header .clear-header { width: 60%; display: inline-block; } .sport-cmapionship-header .logo>img { margin: auto 0; height: 60px; width: 63px; object-fit: contain; } .sport-cmapionship-header ul>li { display: inline-block; padding: 0 25px; } .sport-cmapionship-header .contacts-wrap>ul { display: inline-block; margin-right: 40px; } .sport-cmapionship-header .contacts-wrap button { color: #fff; background: #0061c7; font-size: 14px; border-radius: 5px; padding: 11px 15px; text-transform: uppercase; font-family: Montserrat; line-height: 1; border: none; } .sport-cmapionship-header .contacts-wrap button i { display: none; } .sport-cmapionship-header .navbar-toggle { display: none; } .sport-cmapionship-header .contacts-wrap>ul>li { padding: 0 25px 0 0; } .sport-cmapionship-header .clear-header ul>li>a { color: #0061c7; font-family: Montserrat; text-transform: uppercase; font-size: 14px; position: relative; } .sport-cmapionship-header ul>li:first-child { padding-left: 0; } .sport-cmapionship-header ul>li:last-child { padding-right: 0; } .sport-cmapionship-header ul>li>a { display: block; padding: 45px 0; position: relative; } .sport-cmapionship-header .clear-header ul>li.active>a:before { position: absolute; content: "\f0d7"; color: #0061c7; bottom: 15px; font-family: FontAwesome; font-size: 16px; right: 0; left: 0; text-align: center; } .sport-cmapionship-header ul>li>a.facebook { color: #3b5998; } .sport-cmapionship-header ul>li>a.twitter { color: #1da1f2; } .sport-cmapionship-header ul>li>a.google { color: #dd4b39; } .sport-cmapionship-header ul>li>a.pinterest { color: #bd081c; } .sport-cmapionship-header { z-index: 100; } @media (max-width:1200px) { .sport-cmapionship-header { background: linear-gradient(to bottom, #fff 49%, #fcfcfc 11%); } .sport-cmapionship-header .contacts-wrap { float: right; width: 90%; text-align: right; } .sport-cmapionship-header .navbar-collapse.collapse { display: block!important; } .sport-cmapionship-header .clear-header { width: 100%} }@media (max-width:767px) { .sport-cmapionship-header .contacts-wrap { width: 100%; text-align: center; } .sport-cmapionship-header .clear-header { width: 80%; text-align: right; float: right; } }@media (max-width:680px) { .sport-cmapionship-header .clear-header ul>li.active>a: before { display: none; } .sport-cmapionship-header .navbar-toggle { display: block; position: relative; float: right; padding: 5px 11px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; font-size: 16px; margin: 39px 0 0 0; z-index: 1; background: #0061c7; color: #fcfcfc; } .sport-cmapionship-header .navbar-collapse.collapse { display: none!important; } .sport-cmapionship-header .navbar-collapse.collapse.in { display: block!important; } .sport-cmapionship-header .clear-header ul>li { display: inline-block; width: 100%} .sport-cmapionship-header .clear-header ul>li { padding: 0; text-align: center; } .sport-cmapionship-header ul>li>a { padding: 20px 0; } .sport-cmapionship-header .logo { width: auto; } .sport-cmapionship-header .clear-header { width: 100%} .sport-cmapionship-header { background: linear-gradient(to bottom, #fff 35%, #fcfcfc 11%); } }@media (max-width:370px) { .sport-cmapionship-header .contacts-wrap button i { display: block; } .sport-cmapionship-header .contacts-wrap button span { display: none; } }.sport_champoinship_main_slider { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sport_champoinship_main_slider img { width: 100%; height: 100%; object-fit: cover; display: block; } .sport_champoinship_main_slider .main-slide-post { display: block; position: relative; width: 60%; float: left; overflow: hidden; } .sport_champoinship_main_slider .older-slide-posts { width: 40%; display: block; position: relative; float: left; overflow: hidden; } .sport_champoinship_main_slider .older-slide-posts>div { position: relative; width: 100%} .sport_champoinship_main_slider .wrapper { position: relative; height: 100%} .sport_champoinship_main_slider .wrapper>div { position: absolute; bottom: 0; padding: 45px 50px; background: linear-gradient(to top, rgba(0, 0, 0, .5) 27%, rgba(0, 0, 0, .1) 79%); left: 0; right: 0; } .sport_champoinship_main_slider .wrapper>div>span { display: inline-block; width: 100%; line-height: 1; color: #fff; font-size: 12px; font-family: Montserrat; } .sport_champoinship_main_slider .timeline { bottom: 0; left: 0; right: 0; height: 10px; background: #000; position: absolute; } .sport_champoinship_main_slider .timeline>span { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, #f60 44%, #f30 63%); width: 0; } .sport_champoinship_main_slider .wrapper .text { font-size: 32px; font-weight: 700; font-family: Raleway; } .sport_champoinship_main_slider .older-slide-posts .wrapper .text { font-size: 20px; } .sport_champoinship_main_slider .arrows-wrapper a { z-index: 10; width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; font-size: 12px; background: #141414; } .sport_champoinship_main_slider .arrow-left { padding-left: 36px; left: 0; text-align: left; } .sport_champoinship_main_slider .arrow-right { padding-right: 36px; right: 0; text-align: right; } .sport_champoinship_main_slider .arrow-left:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #141414; transition: all .4s; } .sport_champoinship_main_slider .arrow-right:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #141414; transition: all .4s; } @media (max-width:992px) { .sport_champoinship_main_slider { display: block; } .sport_champoinship_main_slider .main-slide-post { width: 100%} .sport_champoinship_main_slider .older-slide-posts { display: none; } }@media (max-width:767px) { .sport_champoinship_main_slider .wrapper>div { padding: 30px 20px; } }@media (max-width:550px) { .main-slide-post { height: 450px; } }.item_vertical { height: 50%; position: relative; } #horizontal-wrapper { width: 1000000px; position: relative; height: 100%} #horizontal-wrapper .wrapper { float: left; position: relative; width: 1104px; } .older-slide-posts #wrapper { height: 800px; } .sport_championship_about { background: #fff; overflow: hidden; z-index: -1; position: relative; padding-top: 20px; padding-bottom: 20px; } .sport_championship_about .wrap-left-text { text-align: left; padding-top: 80px; padding-bottom: 70px; background-image: url(../ondjoweb/admin/galeriafotos/Subject-Flat.png); background-position: 98% 100%; background-repeat: no-repeat; z-index: 1; } .sport_championship_about .wrap-left-text p { width: 50%} .sport_championship_about .wrap-left-text:before { content: ""; position: absolute; background: #fafafa; left: -1000%; top: 0; bottom: 4px; right: 40px; z-index: -12; transform: skew(-13deg); } .sport_championship_about .wrap-right-text { text-align: right; padding-top: 80px; padding-bottom: 70px; } .sport_championship_about p { padding-top: 30px; font-family: "Open Sans"; color: #666; font-size: 16px; line-height: 32px; } .sport_championship_about img { width: 100%} .sport_championship_about span { display: inline-block; width: 100%; line-height: 1; text-transform: uppercase; font-family: Raleway; font-weight: 700; } .sport_championship_about .about { color: #1f1f1f; font-size: 16px; } .sport_championship_about .cup { color: #766c54; font-size: 24px; } .sport_championship_about .name { font-size: 32px; color: #1f1f1f; } .sport_championship_about .surname { color: #0061c7; font-size: 40px; } .sport_championship_about .team { color: #1f1f1f; font-size: 12px; font-family: Montserrat; font-weight: 400; } @media (max-width:1200px) { .sport_championship_about .wrap-left-text: before { right: 32px; } }@media (max-width:991px) { .sport_championship_about .wrap-left-text: before { right: 68px; } .sport_championship_about .wrap-right-text { padding: 40px 0; } }@media (max-width:767px) { .sport_championship_about .wrap-left-text { background-image: none; } .sport_championship_about .wrap-left-text p { width: 100%} .sport_championship_about .wrap-left-text:before { right: -100%} }.sport-championship-sponsors { padding-top: 50px; padding-bottom: 50px; border-bottom: 10px solid #ededed; overflow: hidden; } .sport-championship-sponsors span { font-size: 18px; font-weight: 700; font-family: Raleway; display: inline-block; width: 100%; line-height: 1; } @media (max-width:992px) { .sport-championship-sponsors { padding-top: 20px; padding-bottom: 10px; } .sport-championship-sponsors .sponsors { text-align: center; padding-bottom: 20px; } .sport-championship-sponsors span { display: inline; font-size: 24px; text-align: center; padding-bottom: 20px; } }.sport-championship-standings .item { display: inline-block; width: 100%; padding: 25px 24px; border-bottom: 1px solid #d8d8d8; background: #fff; transition: all .4s; font-weight: 700; } .sport-championship-standings .buttons-wrapper { font-size: 16px; text-transform: uppercase; font-family: Raleway; font-weight: 700; color: #141414; line-height: 1; padding-top: 40px; padding-bottom: 28px; } .sport-championship-standings .buttons-wrapper>a { color: #141414; margin-right: 18px; } .sport-championship-standings .buttons-wrapper .league { margin-left: 7px; color: #0061c7; display: inline-flex; width: 50%} .sport-championship-standings .name { font-size: 12px; text-transform: uppercase; color: #1f1f1f; font-family: "Open Sans"} .sport-championship-standings .item .number { min-width: 40px; height: 30px; line-height: 30px; border-radius: 9px; background: #141414; display: inline-block; color: #fff; font-weight: 700; text-align: center; float: right; padding: 0 10px; } .sport-championship-standings .item img { height: 30px; width: 30px; object-fit: cover; margin-right: 15px; } .sport-championship-standings .standings-position { margin-right: 27px; display: inline-block; vertical-align: middle; color: #1f1f1f; } .sport-championship-standings .item .standings-position i { margin-right: 9px; } .sport-championship-standings .item.up i { color: #4caf50; } .sport-championship-standings .item.down i { color: #f44336; } .sport-championship-standings .item.none i { color: #999; font-size: 12px; } .sport-championship-standings .item:hover { background: #f60; } .sport-championship-standings .item:hover .name { color: #fff; } .sport-championship-standings .item:hover .standings-position { color: #fff; } @media (max-width:676px) { .sport-championship-standings .buttons-wrapper>span { display: inline-block; width: 100%; margin-top: 15px; text-align: center; } .sport-championship-standings .buttons-wrapper>a { margin: 0; font-size: 25px; } .sport-championship-standings .buttons-wrapper .league { width: 100%; display: inline-block; margin: 0; text-align: center; } .sport-championship-standings .buttons-wrapper .arrow.right { float: right; } }.fade-standings { -webkit-animation-name: fade; -webkit-animation-duration: 2.5s; animation-name: fade; animation-duration: 2.5s; } @-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } }@keyframes fade { from { opacity: .4; } to { opacity: 1; } }.mySlides { display: none; } .league_name { display: none; } .sport-championship-latest-matches>a { padding: 18px 40px; background: #fff; border-bottom: 1px solid #d8d8d8; display: block; box-sizing: border-box; } .sport-championship-latest-matches>a>div { display: inline-block; width: 100%; font-size: 0; } .sport-championship-latest-matches>a>span { display: inline-block; text-transform: uppercase; font-size: 12px; font-family: Montserrat; width: 100%; text-align: center; color: #4c4c4c; padding: 15px 0; } .sport-championship-latest-matches>a>div>.team { display: inline-block; width: 40%; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; vertical-align: middle; color: #141414; } .sport-championship-latest-matches>a>div>.team.left>span>img { margin-right: 12px; } .sport-championship-latest-matches>a>div>.team.right>span>img { margin-left: 12px; } .sport-championship-latest-matches>a>div>.team>span { display: inline-block; vertical-align: middle; line-height: 1; } .sport-championship-latest-matches>a>div>.team>span>img { width: 56px; height: 56px; object-fit: cover; } .sport-championship-latest-matches>a>div>.team>.team-name { padding: 3px 3px 2px 3px; position: relative; } .sport-championship-latest-matches>a>div>.score { display: inline-block; width: 20%; text-align: center; vertical-align: middle; } .sport-championship-latest-matches>a>div>.score>span { min-width: 50px; padding: 14px 18px; box-sizing: border-box; display: inline-block; background: #141414; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; border-radius: 10px; } .sport-championship-latest-matches>a>div>.team.right { direction: rtl; text-align: right; } .sport-championship-latest-matches>a:hover { position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, .1); } .sport-championship-latest-matches>a:hover>span { color: #141414; } .sport-championship-latest-matches>a>div>.team:hover { overflow: visible; } .sport-championship-latest-matches>a>div>.team:hover .team-name { z-index: 100; box-shadow: 0 0 5px 2px #1f1f1f; border-radius: 3px; background: #fcfcfc; } @media (max-width:560px) { .sport-championship-latest-matches>a { padding: 18px 10px; } .sport-championship-latest-matches>a>div>.score, .sport-championship-latest-matches>a>div>.team { width: 100%; text-align: center; white-space: normal; } .sport-championship-latest-matches>a>div>.team.right { text-align: center; margin-top: 20px; } .sport-championship-latest-matches>a>div>.team.left { margin-bottom: 20px; } .sport-championship-latest-matches>a>div>.team>span { display: block; } .sport-championship-latest-matches>a>div>.team.left>span>img, .sport-championship-latest-matches>a>div>.team.right>span>img { margin: 0; margin-bottom: 5px; } .sport-championship-latest-matches>a>div>.team:hover .team-name { background: 0 0; box-shadow: none; } }ul.sport-championship-timline-tabs { display: block; text-align-last: justify; border-bottom: 2px dashed #666; padding-right: 10%; position: relative; margin-bottom: 45px; } ul.sport-championship-timline-tabs:before { content: ""; position: absolute; border-bottom: 2px dashed #666; right: 100%; left: -100%; bottom: -2px; } ul.sport-championship-timline-tabs:after { content: ""; position: absolute; right: 0; bottom: -6px; width: 10px; height: 10px; border-radius: 50%; background: #666; } ul.sport-championship-timline-tabs>li { display: inline-block; } ul.sport-championship-timline-tabs>li>a { display: block; position: relative; font-family: "Open Sans"; font-size: 12px; color: #999; padding: 25px 0; } ul.sport-championship-timline-tabs>li.active>a:before { background: #6d6d6d; } ul.sport-championship-timline-tabs>li>a:before { content: ''; width: 15px; height: 15px; border-radius: 50%; background: #f7f7f7; border: 1px solid #a4a4a4; position: absolute; bottom: -8px; left: 0; } .sport-championship-win-team { background: #fff; padding: 70px 40px; margin-bottom: 20px; } .sport-championship-win-team a { display: block; } .sport-championship-win-team .image-wrapper { margin-right: 35px; } .sport-championship-win-team img { -webkit-filter: drop-shadow(0 10px 15px #e52c20); filter: drop-shadow(0 10px 15px #e52c20); height: 130px; width: 100%; object-fit: contain; } .sport-championship-win-team .text { display: inline-block; line-height: 1; } .sport-championship-win-team .text span { display: inline-block; width: 100%; vertical-align: middle; text-transform: uppercase; font-family: Montserrat; } .sport-championship-win-team .name { color: #141414; font-size: 24px; font-weight: 700; } .sport-championship-win-team .status { color: #666; font-size: 12px; } .sport-championship-win-team>a>div { display: inline-block; vertical-align: middle; } .start { -webkit-animation-name: fade; -webkit-animation-duration: 2.5s; animation-name: fade; animation-duration: 2.5s; } @-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } }@keyframes fade { from { opacity: .4; } to { opacity: 1; } }@media (max-width:600px) { .sport-championship-win-team .text { text-align: center; width: 100%; margin-top: 30px; } .sport-championship-win-team .image-wrapper { display: block; margin: 0; } }.sport-championship-places>a { padding: 35px 30px; background: #fff; display: flex; margin-bottom: 2px; } .sport-championship-places>a:last-child { margin-bottom: 0; } .sport-championship-places>a>img { height: 65px; width: 65px; object-fit: cover; margin: auto 0; } .sport-championship-places>a span { text-transform: uppercase; line-height: 25px; font-family: "Open Sans"} .sport-championship-places>a>span { margin: auto 15px; } .sport-championship-places>a>span>span { display: block; } .sport-championship-places>a>span>.name { color: #141414; font-size: 18px; } .sport-championship-places>a>span>.place { color: #666; font-size: 12px; } .sport_championship_participants a { display: block; position: relative; padding: 65px 30px; background: #fff; margin-bottom: 35px; transition: all .4s; } .sport_championship_participants a>img { height: 110px; width: 110px; object-fit: contain; display: block; margin: 0 auto; } .sport_championship_participants a>span { text-align: center; color: #141414; font-size: 11.16px; font-family: Montserrat; display: inline-block; width: 100%; transition: all .4s; } .sport_championship_participants a:hover { background: linear-gradient(to right, #f60 34%, #f30 64%); } .sport_championship_participants a:hover>span { color: #fff; } @media (max-width:580px) { .sport_championship_participants a { margin: 0 2px 2px 0; padding: 50px 5px; } .sport_championship_participants .row.no-gutters-xs>[class*=" col-"], .sport_championship_participants .row.no-gutters-xs>[class^=col-] { padding-right: 0; padding-left: 0; } .sport_championship_participants .row.no-gutters-xs { margin-right: 0; margin-left: 0; } }.sport-championship-twitter { position: relative; padding: 75px 0; background: url(../ondjoweb/admin/galeriafotos/sport-championship-twitter.jpg), no-repeat; background-size: cover; } .sport-championship-twitter .wrap { text-align: center; width: 60%; margin: 0 auto; } .sport-championship-twitter .wrap>a { color: #fff; font-size: 24px; padding-bottom: 34px; display: block; } .sport-championship-twitter .wrap .text { font-size: 24px; font-family: "Open Sans"; color: #fff; padding-bottom: 58px; } .sport-championship-twitter .wrap .text>a { font-weight: 700; color: #fff; padding: 0 5px; } .sport-championship-twitter .wrap .copyright { color: #fff; font-size: 12px; text-transform: uppercase; } .sport-championship-twitter .nav-arrow.left-arrow { padding-left: 36px; left: 0; text-align: left; } .sport-championship-twitter .nav-arrow.right-arrow { padding-right: 36px; right: 0; text-align: right; } .sport-championship-twitter .nav-arrow { width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; font-size: 12px; background: #1da1f2; display: none; } .sport-championship-twitter .nav-arrow.left-arrow:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #1da1f2; transition: all .4s; } .sport-championship-twitter .nav-arrow.right-arrow:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #1da1f2; transition: all .4s; } .landing-sport-twitter-slider .nav-arrow.right-arrow:hover:before, .sport-championship-twitter .nav-arrow.left-arrow:hover:before { background: #ffcf0f; } .sport-championship-twitter .nav-arrow:hover { color: #000; background: #ffcf0f; } .sport-championship-news img { display: block; width: 100%; border: 1px solid #f7f7f7; object-fit: cover; height: 100%} .sport-championship-news .news-border { position: absolute; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, .5); font-family: Montserrat; display: block; left: 1px; right: 1px; bottom: 1px; } .sport-championship-news .date { display: inline-block; width: 100%; color: #ccc; } .sport-championship-news .name { color: #fff; line-height: 1; } .sport-championship-news .news-wprapper { position: relative; height: 100%; overflow: hidden; display: block; } .row.no-gutters { margin-right: 0; margin-left: 0; } .sport-championship-news .row.no-gutters>[class*=" col-"], .sport-championship-news .row.no-gutters>[class^=col-] { padding-right: 0; padding-left: 0; } .sport-championship-news .item { touch-action: pan-y; } @media (max-width:992px) { .sport-championship-news .row-eq-height { display: block; } }.sport-championship-contact { position: relative; background-size: cover; padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .sport-championship-contact .wrapper-img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .sport-championship-contact .wrapper-img iframe { width: 100%; height: 100%} .sport-championship-contact .wrapper-img img { width: 100%; height: 100%; object-fit: cover; } .sport-championship-contact .information-wrap { position: relative; padding-top: 170px; padding-bottom: 150px; text-align: right; } .sport-championship-contact .information-wrap:before { content: ""; position: absolute; left: 0; right: -10000%; top: 0; bottom: 0; background: rgba(0, 97, 199, .87); transform: skew(-6deg); } .sport-championship-contact .information-wrap span { display: inline-block; width: 100%; position: relative; } .sport-championship-contact .information-wrap>div { padding-bottom: 35px; text-transform: uppercase; color: #fff; font-family: Raleway; line-height: 1; font-weight: 900; } .sport-championship-contact .information-wrap .header-welcom { font-size: 32px; } .sport-championship-contact .information-wrap .header-arena { font-size: 40px; } .sport-championship-contact .information-wrap>span { color: #fff; font-family: "Open Sans"; padding-bottom: 35px; } .sport-championship-contact .information-wrap>a { position: relative; padding: 21px 23px 18px 23px; display: inline-block; background: #0061c7; border-radius: 10px; text-transform: uppercase; color: #fff; line-height: 1; font-family: Montserrat; transition: all .4ms; } .sport-championship-contact .information-wrap>a:hover { background: #141414; color: #fff; } @media (max-width:992px) { .sport-championship-contact .information-wrap: before { left: -1000%} .sport-championship-contact .information-wrap { text-align: center; padding-top: 50px; padding-bottom: 50px; } }.sport-championship-footer-links { background: #fff; border-bottom: 1px solid #f7f7f7; } .sport-championship-footer-links ul { text-align-last: justify; } .sport-championship-footer-links ul>li { display: inline-block; } .sport-championship-footer-links ul>li>a { font-family: Montserrat; font-size: 16px; text-transform: uppercase; padding: 44px 0; display: block; } .sport-championship-footer-links ul>li>a>i { display: none; } .sport-championship-footer-links ul>li:last-child { padding-right: 35px; } .sport-championship-footer-links ul>li:first-child a { padding-left: 35px; } .sport-championship-footer-links ul>li.facebook a { color: #4668b2; } .sport-championship-footer-links ul>li.twitter a { color: #1da1f2; } .sport-championship-footer-links ul>li.google a { color: #dd4b39; } .sport-championship-footer-links ul>li.instagram a { color: #833ab4; } .sport-championship-footer-links ul>li.youtube a { color: #cd201f; } @media (max-width:767px) { .sport-championship-footer-links ul>li>a>i { display: block; } .sport-championship-footer-links ul>li>a>span { display: none; } }.sport-championship-videos img { display: block; width: 100%; object-fit: cover; height: 100%} .sport-championship-videos .wrapper { position: relative; overflow: hidden; height: 100%} .sport-championship-videos .wrapper .width { height: 100%} .sport-championship-videos .ifram-wrapper { height: 100%; width: 100%; cursor: pointer; } .sport-championship-videos .wrapper .news-wrapper { position: relative; display: block; overflow: hidden; cursor: pointer; } .sport-championship-videos .wrapper .news-wrapper iframe { display: none; } .sport-championship-videos iframe { width: 100%; height: 100%; height: 500px; } .sport-championship-videos .news-border { position: absolute; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, .5); font-family: Montserrat; display: block; left: 1px; right: 1px; bottom: 1px; } .sport-championship-videos .date { display: inline-block; width: 100%; color: #ccc; } .sport-championship-videos .name { color: #fff; line-height: 1; } .sport-championship-videos .youtube { color: #cd201f; margin: 0 4px; } .sport-championship-videos::-webkit-scrollbar { width: 0; background: 0 0; } @media (max-width:992px) { .sport-championship-videos .wrapper .news-wrapper { float: left; height: 210px; } .sport-championship-videos .wrapper .width { position: relative; display: flex; } .video-wrapper .wrapper { overflow-x: scroll; } }.esport-cmapionship-header { background: #000; z-index: 100; position: relative; width: 100%} .esport-cmapionship-header .wrapper { display: inline-block; width: 100%; font-size: 0; } .esport-cmapionship-header .contacts-wrap { float: right; width: 20%; display: inline-block; padding: 0; text-align: right; } .esport-cmapionship-header .logo { width: 10%; float: left; height: 106px; display: flex; } .esport-cmapionship-header .clear-header { width: 70%; display: inline-block; text-align: right; } .esport-cmapionship-header .logo>img { margin: auto 0; max-height: 60px; max-width: 63px; object-fit: contain; } .esport-cmapionship-header ul>li { display: inline-block; padding: 0 25px; } .esport-cmapionship-header .contacts-wrap>ul { display: inline-block; padding-left: 40px; position: relative; } .esport-cmapionship-header .contacts-wrap>ul:before { content: ""; top: 45px; bottom: 45px; left: 0; width: 1px; background: #343333; position: absolute; } .esport-cmapionship-header .contacts-wrap button { color: #fff; background: #0061c7; font-size: 14px; border-radius: 5px; padding: 11px 15px; text-transform: uppercase; font-family: Montserrat; line-height: 1; border: none; } .esport-cmapionship-header .contacts-wrap button i { display: none; } .esport-cmapionship-header .navbar-toggle { display: none; } .esport-cmapionship-header .contacts-wrap>ul>li { padding: 0 25px 0 0; } .esport-cmapionship-header .clear-header ul>li>a { color: #999; font-family: Montserrat; text-transform: uppercase; font-size: 14px; position: relative; } .esport-cmapionship-header ul>li:first-child { padding-left: 0; } .esport-cmapionship-header ul>li:last-child { padding-right: 0; } .esport-cmapionship-header ul>li>a { display: block; padding: 45px 0; position: relative; } .esport-cmapionship-header .clear-header ul>li.active>a:before { position: absolute; content: "\f0d7"; color: #e5e5e5; top: 5px; font-family: FontAwesome; font-size: 16px; right: 0; left: 0; text-align: center; } .esport-cmapionship-header .clear-header ul>li.active>a { color: #e5e5e5; } .esport-cmapionship-header ul>li>a.facebook { color: #3b5998; } .esport-cmapionship-header ul>li>a.twitter { color: #1da1f2; } .esport-cmapionship-header ul>li>a.google { color: #dd4b39; } .esport-cmapionship-header ul>li>a.pinterest { color: #bd081c; } .esport-cmapionship-header ul>li>a>span { display: none; } @media (max-width:1200px) { .esport-cmapionship-header .navbar-collapse.collapse { display: block!important; } }@media (max-width:992px) { .esport-cmapionship-header .navbar-collapse.collapse { padding: 0; } .esport-cmapionship-header .clear-header { width: 90%} .esport-cmapionship-header .contacts-wrap { width: 100%} .esport-cmapionship-header .contacts-wrap>ul { border-bottom: 1px solid #343333; padding: 0; text-transform: uppercase; text-align-last: justify; width: 100%} .esport-cmapionship-header .contacts-wrap>ul:before { display: none; } .esport-cmapionship-header ul>li>a>span { display: block; } .esport-cmapionship-header ul>li>a>i { display: none; } }@media (max-width:767px) { .esport-cmapionship-header .contacts-wrap { width: 100%; text-align: center; } .esport-cmapionship-header .clear-header { width: 80%; text-align: right; float: right; } }@media (max-width:680px) { .esport-cmapionship-header ul>li>a>span { display: none; } .esport-cmapionship-header ul>li>a>i { display: block; } .esport-cmapionship-header .clear-header ul>li.active>a:before { display: none; } .esport-cmapionship-header .navbar-toggle { display: block; position: relative; float: right; padding: 5px 11px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; font-size: 16px; margin: 39px 0 0 0; z-index: 1; background: #0061c7; color: #fcfcfc; } .esport-cmapionship-header .navbar-collapse.collapse { display: none!important; } .esport-cmapionship-header .navbar-collapse.collapse.in { display: block!important; } .esport-cmapionship-header .clear-header ul>li { display: inline-block; width: 100%} .esport-cmapionship-header .clear-header ul>li { padding: 0; text-align: center; } .esport-cmapionship-header ul>li>a { padding: 20px 0; } .esport-cmapionship-header .logo { width: auto; } .esport-cmapionship-header .clear-header { width: 100%} }@media (max-width:370px) { .esport-cmapionship-header .contacts-wrap button i { display: block; } .esport-cmapionship-header .contacts-wrap button span { display: none; } }.esport_champoinship_main_slider { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .esport_champoinship_main_slider img { width: 100%; height: 100%; object-fit: cover; display: block; } .esport_champoinship_main_slider .main-slide-post { display: block; position: relative; width: 60%; float: left; } .esport_champoinship_main_slider .older-slide-posts { width: 40%; display: block; position: relative; float: left; } .esport_champoinship_main_slider .older-slide-posts>div { position: relative; width: 100%} .esport_champoinship_main_slider .wrapper { position: relative; height: 100%} .esport_champoinship_main_slider .wrapper>div { position: absolute; bottom: 0; padding: 45px 50px; background: linear-gradient(to top, rgba(0, 0, 0, .5) 27%, rgba(0, 0, 0, .1) 79%); left: 0; right: 0; } .esport_champoinship_main_slider .wrapper>div>span { display: inline-block; width: 100%; line-height: 1; color: #fff; font-size: 12px; font-family: Montserrat; } .esport_champoinship_main_slider .timeline { bottom: 0; left: 0; right: 0; height: 10px; background: #000; position: absolute; } .esport_champoinship_main_slider .timeline>span { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, #f60 44%, #f30 63%); width: 60%} .esport_champoinship_main_slider .wrapper .text { font-size: 32px; font-weight: 700; font-family: Raleway; } .esport_champoinship_main_slider .older-slide-posts .wrapper .text { font-size: 20px; } .esport_champoinship_main_slider .arrows-wrapper a { z-index: 10; width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; font-size: 12px; background: #141414; } .esport_champoinship_main_slider .arrow-left { padding-left: 36px; left: 0; text-align: left; } .esport_champoinship_main_slider .arrow-right { padding-right: 36px; right: 0; text-align: right; } .esport_champoinship_main_slider .arrow-left:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #141414; transition: all .4s; } .esport_champoinship_main_slider .arrow-right:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #141414; transition: all .4s; } .esport_champoinship_main_slider .item_vertical:hover .text { color: #f60; transition: all .4ms; } @media (max-width:992px) { .esport_champoinship_main_slider { display: block; } .esport_champoinship_main_slider .main-slide-post { width: 100%} .esport_champoinship_main_slider .older-slide-posts { display: none; } }@media (max-width:767px) { .esport_champoinship_main_slider .wrapper>div { padding: 30px 20px; } }@media (max-width:550px) { .main-slide-post { height: 450px; } }.item_vertical { height: 50%; position: relative; } #horizontal-wrapper { width: 1000000px; position: relative; height: 100%} #horizontal-wrapper .wrapper { float: left; position: relative; width: 1104px; } .older-slide-posts #wrapper { height: 800px; } .esport-championship-sponsors { padding-top: 50px; padding-bottom: 50px; border-bottom: 10px solid #141414; overflow: hidden; } .esport-championship-sponsors span { font-size: 18px; font-weight: 700; font-family: Raleway; display: inline-block; width: 100%; line-height: 1; color: #e5e5e5; } @media (max-width:992px) { .esport-championship-sponsors { padding-bottom: 20px; padding-top: 20px; } .esport-championship-sponsors .sponsors { text-align: center; padding-bottom: 20px; } .esport-championship-sponsors span { display: inline; font-size: 24px; text-align: center; padding-bottom: 20px; } }.esport-championship-standings .item { display: inline-block; width: 100%; padding: 25px 24px; border-bottom: 1px solid #141414; background: #292929; transition: all .4s; font-weight: 700; } .esport-championship-standings .item:last-child { border: none; } .esport-championship-standings .buttons-wrapper { font-size: 16px; text-transform: uppercase; font-family: Raleway; font-weight: 700; color: #e5e5e5; line-height: 1; padding-top: 40px; padding-bottom: 28px; } .esport-championship-standings .buttons-wrapper>a { color: #e5e5e5; margin-right: 18px; } .esport-championship-standings .buttons-wrapper .league { margin-left: 7px; color: #fb6107; display: inline-flex; width: 50%} .esport-championship-standings .name { font-size: 12px; text-transform: uppercase; color: #e5e5e5; font-family: "Open Sans"} .esport-championship-standings .item .number { min-width: 40px; height: 30px; line-height: 30px; border-radius: 9px; background: #141414; display: inline-block; color: #fff; font-weight: 700; text-align: center; float: right; padding: 0 10px; } .esport-championship-standings .item img { height: 30px; width: 30px; object-fit: cover; margin-right: 15px; } .esport-championship-standings .standings-position { margin-right: 27px; display: inline-block; vertical-align: middle; color: #e5e5e5; } .esport-championship-standings .item .standings-position i { margin-right: 9px; } .esport-championship-standings .item.up i { color: #4caf50; } .esport-championship-standings .item.down i { color: #f44336; } .esport-championship-standings .item.none i { color: #999; font-size: 12px; } .esport-championship-standings .item:hover { background: #141414; } .esport-championship-standings .item:hover .name { color: #e5e5e5; } .esport-championship-standings .item:hover .standings-position { color: #e5e5e5; } @media (max-width:676px) { .esport-championship-standings .buttons-wrapper>span { display: inline-block; width: 100%; margin-top: 15px; text-align: center; } .esport-championship-standings .buttons-wrapper>a { margin: 0; font-size: 25px; } .esport-championship-standings .buttons-wrapper .league { width: 100%; display: inline-block; margin: 0; text-align: center; } .esport-championship-standings .buttons-wrapper .arrow.right { float: right; } }.fade-standings { -webkit-animation-name: fade; -webkit-animation-duration: 2.5s; animation-name: fade; animation-duration: 2.5s; } @-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } }@keyframes fade { from { opacity: .4; } to { opacity: 1; } }.mySlides { display: none; } .league_name { display: none; } .esport-championship-latest-matches>a { padding: 18px 40px; border-bottom: 1px solid #000; display: block; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; transition: all .4s; position: relative; background-color: #fb6107; } .esport-championship-latest-matches>a:last-child { border: none; } .esport-championship-latest-matches>a>img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; } .esport-championship-latest-matches>a:hover>img { mix-blend-mode: overlay; } .esport-championship-latest-matches>a>div { display: inline-block; width: 100%; font-size: 0; position: relative; } .esport-championship-latest-matches>a>span { display: inline-block; text-transform: uppercase; font-size: 12px; font-family: Montserrat; width: 100%; text-align: center; color: #999; padding: 15px 0; position: relative; } .esport-championship-latest-matches>a>div>.team { display: inline-block; width: 40%; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; vertical-align: middle; color: #e5e5e5; } .esport-championship-latest-matches>a>div>.team.left>span>img { margin-right: 12px; } .esport-championship-latest-matches>a>div>.team.right>span>img { margin-left: 12px; } .esport-championship-latest-matches>a>div>.team>span { display: inline-block; vertical-align: middle; line-height: 1; } .esport-championship-latest-matches>a>div>.team>span>img { width: 56px; height: 56px; object-fit: cover; } .esport-championship-latest-matches>a>div>.team>.team-name { padding: 3px 3px 2px 3px; position: relative; } .esport-championship-latest-matches>a>div>.score { display: inline-block; width: 20%; text-align: center; vertical-align: middle; } .esport-championship-latest-matches>a>div>.score>span { min-width: 50px; padding: 14px 18px; box-sizing: border-box; display: inline-block; background: #141414; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; border-radius: 10px; } .esport-championship-latest-matches>a>div>.team.right { direction: rtl; text-align: right; } .esport-championship-latest-matches>a:hover { box-shadow: 0 0 50px rgba(251, 91, 7, .8); z-index: 20; } .esport-championship-latest-matches>a:hover>span { color: #141414; } .esport-championship-latest-matches>a>div>.team:hover { overflow: visible; } .esport-championship-latest-matches>a>div>.team:hover .team-name { z-index: 100; box-shadow: 0 0 5px 2px #1f1f1f; border-radius: 3px; background: #141414; } @media (max-width:560px) { .esport-championship-latest-matches>a { padding: 18px 10px; } .esport-championship-latest-matches>a>div>.score, .esport-championship-latest-matches>a>div>.team { width: 100%; text-align: center; white-space: normal; } .esport-championship-latest-matches>a>div>.team.right { text-align: center; margin-top: 20px; } .esport-championship-latest-matches>a>div>.team.left { margin-bottom: 20px; } .esport-championship-latest-matches>a>div>.team>span { display: block; } .esport-championship-latest-matches>a>div>.team.left>span>img, .esport-championship-latest-matches>a>div>.team.right>span>img { margin: 0; margin-bottom: 5px; } .esport-championship-latest-matches>a>div>.team:hover .team-name { background: 0 0; box-shadow: none; } }.esport_championship_participants a { display: block; padding: 65px 30px; background: #212121; margin-bottom: 35px; transition: all .4s; position: relative; } .esport_championship_participants a:hover { box-shadow: 0 0 50px rgba(251, 91, 7, .8); background-color: #fb6107; } .esport_championship_participants .background-team { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; display: none; } .esport_championship_participants a:hover .background-team { mix-blend-mode: overlay; display: block; } .esport_championship_participants a>img { height: 110px; width: 110px; object-fit: contain; display: block; margin: 0 auto; position: relative; } .esport_championship_participants a>span { text-align: center; color: #e5e5e5; font-size: 11.16px; font-family: Montserrat; display: inline-block; width: 100%; transition: all .4s; position: relative; } .esport_championship_participants a:hover>span { color: #fff; } @media (max-width:580px) { .esport_championship_participants a { margin: 0 2px 2px 0; padding: 50px 5px; } .esport_championship_participants .row.no-guters>[class*=" col-"], .esport_championship_participants .row.no-guters>[class^=col-] { padding-right: 0; padding-left: 0; } .esport_championship_participants .row.no-guters { margin-right: 0; margin-left: 0; } }.esport-championship-about-trophey { background: url(../ondjoweb/admin/galeriafotos/esport-champ-about-background.jpg); padding-top: 40px; padding-bottom: 45px; } .esport-championship-about-trophey .trophey-wrap { display: inline-block; width: 100%; border: 1px solid #7a6851; padding: 27px 0 25px 0; } .esport-championship-about-trophey .trophey-wrap img { width: 149px; height: 149px; object-fit: cover; } .esport-championship-about-trophey .trophey-wrap>span { display: inline-block; font-family: Montserrat; width: 100%; text-align: center; } .esport-championship-about-trophey .trophey-wrap .name { color: #fff; font-size: 33px; text-transform: uppercase; font-weight: 900; padding-top: 20px; } .esport-championship-about-trophey .trophey-wrap .date { font-size: 11.16px; color: #e5e5e5; } .esport-championship-about-trophey .trophey-wrap>span>span { display: block; } .esport-championship-about-trophey .wrap { display: block; width: 100%; border: 1px solid #888; margin-bottom: 35px; padding: 30px 0; } .esport-championship-about-trophey .wrap>span { display: inline-block; width: 100%; text-align: center; text-transform: uppercase; font-family: Montserrat; } .esport-championship-about-trophey .wrap .head { color: #e5e5e5; font-size: 11.6px; } .esport-championship-about-trophey .wrap .info { font-size: 28px; color: #fff; font-weight: 900; } ul.esport-championship-timline-tabs { display: block; text-align-last: justify; border-bottom: 2px dashed #666; padding-right: 10%; position: relative; margin-bottom: 45px; } ul.esport-championship-timline-tabs:before { content: ""; position: absolute; border-bottom: 2px dashed #666; right: 100%; left: -100%; bottom: -2px; } ul.esport-championship-timline-tabs:after { content: ""; position: absolute; right: 0; bottom: -6px; width: 10px; height: 10px; border-radius: 50%; background: #666; } ul.esport-championship-timline-tabs>li { display: inline-block; } ul.esport-championship-timline-tabs>li>a { display: block; position: relative; font-family: "Open Sans"; font-size: 12px; color: #999; padding: 25px 0; } ul.esport-championship-timline-tabs>li.active>a:before { background: linear-gradient(to bottom, #f60 30%, #ec230e 60%); border: none; background-color: #f60; background-blend-mode: hard-light; box-shadow: 0 0 20px #fb5b07; } ul.esport-championship-timline-tabs>li.active>a { color: #fff; } ul.esport-championship-timline-tabs>li>a:before { content: ''; width: 16px; height: 16px; border-radius: 50%; background: #666; border: 2px solid #000; position: absolute; bottom: -8px; left: 0; } .esport-championship-win-team { padding: 70px 40px; margin-bottom: 20px; background: url(../ondjoweb/admin/galeriafotos/esport_championship_win_team_background.jpg); background-size: cover; } .esport-championship-win-team a { display: block; background-size: cover; } .esport-championship-win-team .image-wrapper { margin-right: 35px; } .esport-championship-win-team img { -webkit-filter: drop-shadow(0 10px 15px #e52c20); filter: drop-shadow(0 10px 15px #e52c20); height: 130px; width: 100%; object-fit: contain; } .esport-championship-win-team .text { display: inline-block; line-height: 1; } .esport-championship-win-team .text span { display: inline-block; width: 100%; vertical-align: middle; text-transform: uppercase; font-family: Montserrat; } .esport-championship-win-team .name { color: #fff; font-size: 24px; font-weight: 700; } .esport-championship-win-team .status { color: #666; font-size: 12px; } .esport-championship-win-team>a>div { display: inline-block; vertical-align: middle; } @media (max-width:600px) { .esport-championship-win-team .text { text-align: center; width: 100%; margin-top: 30px; } .esport-championship-win-team .image-wrapper { display: block; margin: 0; } }.esport-championship-places>a { padding: 35px 30px; background: #fff; display: flex; margin-bottom: 2px; position: relative; } .esport-championship-places>a:last-child { margin-bottom: 0; } .esport-championship-places>a>.team-logo { height: 65px; width: 65px; object-fit: cover; margin: auto 0; position: relative; } .esport-championship-places>a>.background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .esport-championship-places>a>span { text-transform: uppercase; line-height: 25px; font-family: "Open Sans"; position: relative; } .esport-championship-places>a>span { margin: auto 15px; } .esport-championship-places>a>span>span { display: block; } .esport-championship-places>a>span>.name { color: #e5e5e5; font-size: 18px; font-weight: 900; } .esport-championship-places>a>span>.place { color: #666; font-size: 12px; } .esport-championship-players ul.esport-players { padding-bottom: 34px; padding-left: 0; } .esport-championship-players ul.esport-players li { padding-right: 30px; display: inline-block; } .esport-championship-players ul.esport-players li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #f2f2f2; font-family: Montserrat, sans-serif; text-transform: uppercase; } .esport-championship-players ul.esport-players li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #fb6107; transition: all .4s; } .esport-championship-players ul.esport-players li.active a:before { width: 100%} .esport-championship-players ul.esport-players li.active a { color: #fb6107; } .esport-championship-players .wrap { display: inline-block; overflow: hidden; width: 100%; position: relative; } .esport-championship-players .wrap .width { width: 10000px; position: relative; } .esport-championship-players .wrap a { position: relative; display: inline-block; margin-left: 0; float: left; overflow: hidden; background-color: #f60; width: 228px; height: 400px; transition: all .2s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms; } .esport-championship-players .wrap a>img { width: 100%; height: 100%; object-fit: cover; } .esport-championship-players .wrap a>.name { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 14px; padding: 30px 27px; font-family: Montserrat; line-height: 1; text-transform: uppercase; background: linear-gradient(to top, rgba(0, 0, 0, .5) 27%, rgba(0, 0, 0, .1) 79%); } .esport-championship-players .wrap .info-bord { position: absolute; bottom: 0; padding: 30px; display: none; width: 100%} .esport-championship-players .wrap .info-bord .name { font-size: 16px; color: #000; text-transform: uppercase; font-family: Montserrat; padding-bottom: 25px; white-space: nowrap; } .esport-championship-players .wrap .info-bord .progress-line { width: 100%; position: relative; background: #ffcf0f; height: 4px; display: inline-block; } .esport-championship-players .wrap .info-bord .bar { width: 78%; position: absolute; background: #141414; top: 0; left: 0; bottom: 0; } .esport-championship-players .wrap .bar-label { display: inline-block; width: 100%; font-size: 0; } .esport-championship-players .wrap .progress-item { font-weight: 700; } .esport-championship-players .wrap .achievement { width: 80%; vertical-align: top; display: inline-block; font-size: 12px; text-transform: uppercase; color: #141414; line-height: 1; } .esport-championship-players .wrap .score { width: 20%; vertical-align: top; display: inline-block; font-size: 12px; text-transform: uppercase; color: #141414; text-align: right; line-height: 1; } .esport-championship-players .wrap a:hover { box-shadow: 0 0 50px rgba(251, 91, 7, .8); z-index: 20; } .esport-championship-players .wrap a:hover>.name { display: none; } .esport-championship-players .wrap a:hover .info-bord { display: block; } .esport-championship-players .wrap a:hover img { mix-blend-mode: overlay; } .esport-championship-players .wrap a:hover { width: 310px; } .esport-championship-players .wrap a:last-child:hover { margin-left: -82px; } @media (max-width:1200px) { .esport-championship-players .wrap a: last-child:hover { margin-left: 0; } }@media (max-width:320px) { .esport-championship-players .wrap a: hover { width: 290px; } }.esport-championship-players::-webkit-scrollbar { width: 0; background: 0 0; } .esport-championship-comm-wrap .item { margin-bottom: 2px; padding: 20px; background: #202020; border-radius: 2px; position: relative; display: flex; overflow: hidden; } .esport-championship-comm-wrap .item>div { margin: auto 0; } .esport-championship-comm-wrap .item>div>img { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #e6e6e6; overflow: hidden; object-fit: cover; } .esport-championship-comm-wrap .item .info { padding-left: 20px; color: #fff; font-size: 14px; text-transform: uppercase; font-family: Montserrat; } .esport-championship-comm-wrap .item .hover-wrapper>ul>li { display: inline-block; } .esport-championship-comm-wrap .item .hover-wrapper>ul>li>a { color: #fff; font-size: 16px; } .esport-championship-comm-wrap .item .hover-wrapper>ul { top: -100%; position: absolute; width: 100%; text-align-last: justify; padding: 0 78px; text-align: center; transform: translateY(-100%); left: 0; transition: all .2s ease-in-out 0s, visibility 0s linear .3s, z-index .2s linear 5ms; } .esport-championship-comm-wrap .item:before { position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(255, 102, 0, .9) 30%, rgba(236, 35, 14, .9) 60%); background-color: #f60; background-blend-mode: overlay; transition: all .2s ease-in-out 0s, visibility 0s linear .3s, z-index .2s linear 5ms; opacity: .8; height: 0; content: ""} .esport-championship-comm-wrap .item .info .name { color: #fff; font-size: 14px; } .esport-championship-comm-wrap .item .info .country { font-size: 10px; color: #e5e5e5; } .esport-championship-comm-wrap .item .info .country img { margin-right: 5px; } .esport-championship-comm-wrap .item:hover { box-shadow: 0 0 50px rgba(251, 91, 7, .8); z-index: 20; } .esport-championship-comm-wrap .item:hover:before { height: 100%} .esport-championship-comm-wrap .item:hover .hover-wrapper>ul { top: 50%; transform: translateY(-50%); } @media (max-width:992px) { .esport-championship-comm-wrap .item { display: block; } .esport-championship-comm-wrap .item>div { display: block; width: 100%; text-align: center; } .esport-championship-comm-wrap .item .info { padding: 0; } .esport-championship-comm-wrap .item .hover-wrapper>ul { padding: 0 20px; } }.esport_championship_twitter_slider { position: relative; padding: 75px 0; background: url(../ondjoweb/admin/galeriafotos/esport_championship_twitter_slider.jpg); background-size: cover; background-position: center; } .esport_championship_twitter_slider .wrap { text-align: center; width: 60%; margin: 0 auto; } .esport_championship_twitter_slider .wrap>a { color: #1da1f2; font-size: 24px; padding-bottom: 34px; display: block; } .esport_championship_twitter_slider .wrap .text { font-size: 24px; font-family: "Open Sans"; color: #fff; padding-bottom: 58px; } .esport_championship_twitter_slider .wrap .text>a { font-weight: 700; color: #fff; padding: 0 5px; } .esport_championship_twitter_slider .wrap .copyright { color: #fff; font-size: 12px; text-transform: uppercase; } .esport_championship_twitter_slider .nav-arrow { display: none; } @media (max-width:767px) { .esport_championship_twitter_slider .wrap { width: 100%} }.esport-championship-latest-videos img { display: block; width: 100%; object-fit: cover; height: 100%} .esport-championship-latest-videos .wrapper { position: relative; overflow: hidden; height: 100%} .esport-championship-latest-videos .wrapper .width { height: 100%} .esport-championship-latest-videos .ifram-wrapper { height: 100%; width: 100%; cursor: pointer; } .esport-championship-latest-videos .wrapper .news-wrapper { position: relative; display: block; overflow: hidden; cursor: pointer; } .esport-championship-latest-videos .wrapper .news-wrapper iframe { display: none; } .esport-championship-latest-videos iframe { width: 100%; height: 100%; height: 500px; } .esport-championship-latest-videos .news-border { position: absolute; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, .5); font-family: Montserrat; display: block; left: 1px; right: 1px; bottom: 1px; } .esport-championship-latest-videos .date { display: inline-block; width: 100%; color: #ccc; } .esport-championship-latest-videos .name { color: #fff; line-height: 1; } .esport-championship-latest-videos .youtube { color: #cd201f; margin: 0 4px; } .esport-championship-latest-videos::-webkit-scrollbar { width: 0; background: 0 0; } @media (max-width:992px) { .esport-championship-latest-videos .wrapper .news-wrapper { float: left; height: 210px; } .esport-championship-latest-videos .wrapper { overflow-x: scroll; } .esport-championship-latest-videos .wrapper .width { position: relative; display: flex; } }.esport-championship-subscribe { position: relative; border: 1px solid #454545; padding: 11px 0; } .esport-championship-subscribe input { padding-right: 160px; font-size: 16px; color: #8d8d8d; background: #000; line-height: 18px; } .esport-championship-subscribe button { background: #fb6107; color: #141414; font-size: 14px; line-height: 50px; padding: 0 22px; font-family: Montserrat; position: absolute; top: 11px; right: 11px; border: none; text-transform: uppercase; } .esport-championship-footer-links { background: #212121; } .esport-championship-footer-links ul { text-align-last: justify; } .esport-championship-footer-links ul>li { display: inline-block; } .esport-championship-footer-links ul>li>a { font-family: Montserrat; font-size: 16px; text-transform: uppercase; padding: 44px 0; display: block; } .esport-championship-footer-links ul>li>a>i { display: none; } .esport-championship-footer-links ul>li:last-child { padding-right: 35px; } .esport-championship-footer-links ul>li:first-child a { padding-left: 35px; } .esport-championship-footer-links ul>li.facebook a { color: #4668b2; } .esport-championship-footer-links ul>li.twitter a { color: #1da1f2; } .esport-championship-footer-links ul>li.google a { color: #dd4b39; } .esport-championship-footer-links ul>li.instagram a { color: #833ab4; } .esport-championship-footer-links ul>li.youtube a { color: #cd201f; } @media (max-width:767px) { .esport-championship-footer-links ul>li>a>i { display: block; } .esport-championship-footer-links ul>li>a>span { display: none; } }.esport-championship-store .esport-store-list-item>div { padding-bottom: 75px; display: block; position: relative; overflow: hidden; background-color: #fb6107; margin-bottom: 30px; } .esport-championship-store .esport-store-list-item img { width: 100%; height: 380px; object-fit: cover; } .esport-championship-store .esport-store-list-item>div .info { padding: 15px 24px 17px 24px; position: absolute; left: 0; right: 0; bottom: -35px; display: block; z-index: 2; transition: all .4s; bottom: 0; } .esport-championship-store .esport-store-list-item>div .info:before { content: ''; position: absolute; left: -20px; right: -10px; bottom: -50px; height: 200%; transform: rotate(4deg); transition: all .4s; top: -10px; background: #141414; z-index: 1; } .esport-championship-store .esport-store-list-item .name { font-size: 14px; color: #fb6107; line-height: 20px; font-weight: 700; display: block; z-index: 1; position: relative; } .esport-championship-store .esport-store-list-item>div:hover { box-shadow: 0 0 50px rgba(251, 91, 7, .8); z-index: 20; } .esport-championship-store .esport-store-list-item>div:hover img { mix-blend-mode: overlay; } .esport-championship-store .esport-store-list-item .price { display: block; font-size: 20px; color: #e9190f; z-index: 1; position: relative; } @media (max-width:767px) { .esport-championship-store .esport-store-list-item>div { margin: 0 auto 30px; width: 264px; } }.esport-championship-store-filter li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #f2f2f2; font-family: Montserrat, sans-serif; text-transform: uppercase; } .esport-championship-store-filter li { padding-right: 30px; display: inline-block; } .esport-championship-store-filter { padding-bottom: 34px; } .esport-championship-store-filter li a:hover:before, .esport-championship-store-filter li.active a:before { width: 100%} .esport-championship-store-filter li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #fb6107; transition: all .4s; } .esport-championship-contact { position: relative; background-size: cover; overflow: hidden; } .esport-championship-contact .wrapper-img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .esport-championship-contact .wrapper-img iframe { width: 100%; height: 100%} .esport-championship-contact .wrapper-img img { width: 100%; height: 100%; object-fit: cover; } .esport-championship-contact .information-wrap { position: relative; padding-top: 170px; padding-bottom: 150px; text-align: right; } .esport-championship-contact .information-wrap:before { content: ""; position: absolute; left: 0; right: -10000%; top: 0; bottom: 0; transform: skew(-6deg); background-blend-mode: overlay; background-image: url(../ondjoweb/admin/galeriafotos/espot-champ-pabstorm.jpg); background-color: #fb6107; } .esport-championship-contact .information-wrap span { display: inline-block; width: 90%; position: relative; } .esport-championship-contact .information-wrap>div { padding-bottom: 35px; text-transform: uppercase; color: #fff; font-family: Raleway; line-height: 1; font-weight: 900; } .esport-championship-contact .information-wrap-left { position: relative; padding-top: 170px; padding-bottom: 150px; text-align: left; } .esport-championship-contact .information-wrap-left .header-first { color: #fff; font-size: 32px; font-weight: 900; font-family: Raleway; text-transform: uppercase; } .esport-championship-contact .information-wrap-left span { display: inline-block; width: 100%; line-height: 1; color: #fff; font-size: 16px; } .esport-championship-contact .information-wrap-left .header-red { color: #ee2c0d; font-weight: 900; font-family: Raleway; font-size: 48px; text-transform: uppercase; padding-bottom: 32px; } .esport-championship-contact .information-wrap-left>a { position: relative; padding: 21px 23px 18px 23px; display: inline-block; background: #e9190f; border-radius: 10px; text-transform: uppercase; color: #fff; line-height: 1; font-family: Montserrat; transition: all .4ms; margin-top: 32px; } .esport-championship-contact .information-wrap .header-welcom { font-size: 32px; } .esport-championship-contact .information-wrap .header-arena { font-size: 40px; color: #000; } .esport-championship-contact .information-wrap>span { color: #fff; font-family: "Open Sans"; padding-bottom: 35px; } .esport-championship-contact .information-wrap>a { position: relative; padding: 21px 23px 18px 23px; display: inline-block; background: #e9190f; border-radius: 10px; text-transform: uppercase; color: #fff; line-height: 1; font-family: Montserrat; transition: all .4ms; } .esport-championship-contact .information-wrap>a:hover { background: #141414; color: #fff; } @media (max-width:992px) { .esport-championship-contact .information-wrap: before { left: -1000%} .esport-championship-contact .information-wrap, .esport-championship-contact .information-wrap-left { text-align: center; padding-top: 50px; padding-bottom: 50px; } }.esport-team-landing-header { background-color: rgba(0, 0, 0, .85); position: absolute; width: 100%; top: 30px; z-index: 200; left: 0; right: 0; } .esport-team-landing-header .wrapper { display: inline-block; width: 100%; font-size: 0; } .esport-team-landing-header .contacts-wrap { float: right; width: 20%; display: inline-block; padding: 0; text-align: right; } .esport-team-landing-header .logo { width: 10%; float: left; height: 80px; } .esport-team-landing-header .clear-header { width: 70%; display: inline-block; text-align: right; } .esport-team-landing-header .logo>img { margin: auto 0; object-fit: contain; width: 120px; height: 100px; position: absolute; top: -4px; } .esport-team-landing-header ul>li { display: inline-block; padding: 0 25px; } .esport-team-landing-header .contacts-wrap>ul { display: inline-block; position: relative; text-align: right; } .esport-team-landing-header .contacts-wrap button { color: #fff; background: #0061c7; font-size: 14px; border-radius: 5px; padding: 11px 15px; text-transform: uppercase; font-family: Montserrat; line-height: 1; border: none; } .esport-team-landing-header .contacts-wrap button i { display: none; } .esport-team-landing-header .navbar-toggle { display: none; } .esport-team-landing-header .contacts-wrap>ul>li { padding: 0 25px 0 0; } .esport-team-landing-header .contacts-wrap>ul>li>a { font-size: 16px; } .esport-team-landing-header .clear-header ul>li>a { color: #410F0F; font-family: Montserrat; text-transform: uppercase; font-size: 14px; position: relative; } .esport-team-landing-header ul { font-size: 0; } .esport-team-landing-header ul>li:first-child { padding-left: 0; } .esport-team-landing-header ul>li:last-child { padding-right: 0; } .esport-team-landing-header ul>li>a { display: block; padding: 35px 0; position: relative; } .esport-team-landing-header .clear-header ul>li.active>a:before { position: absolute; content: "\f0d7"; color: #fff; bottom: 15px; font-family: FontAwesome; font-size: 16px; right: 0; left: 0; text-align: center; } .esport-team-landing-header .clear-header ul>li.active>a { color: #fff; } .esport-team-landing-header ul>li>a.facebook { color: #3b5998; } .esport-team-landing-header ul>li>a.twitter { color: #1da1f2; } .esport-team-landing-header ul>li>a.google { color: #dd4b39; } .esport-team-landing-header ul>li>a.pinterest { color: #bd081c; } .esport-team-landing-header ul>li>a>span { display: none; } @media (max-width:1200px) { .esport-team-landing-header .navbar-collapse.collapse { display: block!important; } }@media (max-width:992px) { .esport-team-landing-header .navbar-collapse.collapse { padding: 0; } .esport-team-landing-header .clear-header { width: 90%} .esport-team-landing-header .contacts-wrap { display: none; } .esport-team-landing-header .contacts-wrap>ul { border-bottom: 1px solid #343333; padding: 0; text-transform: uppercase; text-align-last: justify; width: 100%} }@media (max-width:767px) { .esport-team-landing-header .contacts-wrap { width: 100%; text-align: center; } .esport-team-landing-header .clear-header { width: 80%; text-align: right; float: right; } }@media (max-width:680px) { .esport-team-landing-header ul>li>a>span { display: none; } .esport-team-landing-header ul>li>a>i { display: block; } .esport-team-landing-header .clear-header ul>li.active>a:before { display: none; } .esport-team-landing-header .navbar-toggle { display: block; position: relative; float: right; padding: 5px 11px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; font-size: 16px; margin: 25px 0 20px 0; z-index: 1; color: rgba(0, 0, 0, .85); background: #410F0F; } .esport-team-landing-header .navbar-collapse.collapse { display: none!important; } .esport-team-landing-header .navbar-collapse.collapse.in { display: block!important; } .esport-team-landing-header .clear-header ul>li { display: inline-block; width: 100%} .esport-team-landing-header .clear-header ul>li { padding: 0; text-align: center; } .esport-team-landing-header ul>li>a { padding: 20px 0; } .esport-team-landing-header .logo { width: auto; } .esport-team-landing-header .clear-header { width: 100%} }@media (max-width:370px) { .esport-team-landing-header .contacts-wrap button i { display: block; } .esport-team-landing-header .contacts-wrap button span { display: none; } }.esport-team-landing-main-slider .msp_post_slider .msp_post_slide.slide-1 { background: url(../ondjoweb/admin/galeriafotos/esport-team-landing-main-slider-slide-1.jpg) no-repeat; background-size: cover; background-position: bottom; } .esport-team-landing-main-slider .msp_post_slider .msp_post_slide.slide-2 { background: url(../ondjoweb/admin/galeriafotos/esport-team-landing-main-slider-slide-2.jpg) no-repeat; background-size: cover; background-position: bottom; } .esport-team-landing-main-slider .msp_post_slider .msp_post_slide .slider-caption .big-title { color: #fff; font-size: 64px; margin-bottom: 40px; } .esport-team-landing-main-slider .msp_post_slider .msp_post_slide .slider-caption .sub-title { color: #a1a1a1; padding-bottom: 10px; } .esport-team-landing-main-slider .msp_post_slider .owl-dot { background: #fff; } .esport-team-landing-main-slider .msp_post_slider .owl-dot.active { background: #410F0F; } .esport-team-landing-sponsors { padding-top: 50px; padding-bottom: 50px; border-bottom: 10px solid #141414; overflow: hidden; } .esport-team-landing-sponsors span { font-size: 18px; font-weight: 700; font-family: Raleway; display: inline-block; width: 100%; line-height: 1; color: #e5e5e5; text-transform: uppercase; } @media (max-width:992px) { .esport-team-landing-sponsors { padding-bottom: 20px; padding-top: 20px; } .esport-team-landing-sponsors .sponsors { text-align: center; padding-bottom: 20px; } .esport-team-landing-sponsors span { display: inline; font-size: 24px; text-align: center; padding-bottom: 20px; } }.esport-team-landing-next-event { background: url(../ondjoweb/admin/galeriafotos/esport-team-landing-next-event-background.jpg); padding: 80px 10px 60px 10px; background-repeat: no-repeat; text-align: center; background-size: cover; } .esport-team-landing-next-event img { display: block; margin: 0 auto; height: 185px; width: 200px; object-fit: contain; } .esport-team-landing-next-event div { text-transform: uppercase; font-family: Montserrat; } .esport-team-landing-next-event .name { font-size: 12px; color: #e5e5e5; padding-top: 43px; } .esport-team-landing-next-event .date { font-size: 10px; color: #999; } .esport-team-landing-latest-matches>a { padding: 18px 40px; border-bottom: 1px solid #000; display: block; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; transition: all .4s; position: relative; background-color: #ffc30f; } .esport-team-landing-latest-matches>a:last-child { border: none; } .esport-team-landing-latest-matches>a>img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; } .esport-team-landing-latest-matches>a:hover>img { mix-blend-mode: overlay; } .esport-team-landing-latest-matches>a:hover .team-name { color: #141414; } .esport-team-landing-latest-matches>a>div { display: inline-block; width: 100%; font-size: 0; position: relative; } .esport-team-landing-latest-matches>a>span { display: inline-block; text-transform: uppercase; font-size: 12px; font-family: Montserrat; width: 100%; text-align: center; color: #999; padding: 15px 0; position: relative; } .esport-team-landing-latest-matches>a>div>.team { display: inline-block; width: 40%; font-size: 12px; font-family: Montserrat, sans-serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; vertical-align: middle; color: #e5e5e5; } .esport-team-landing-latest-matches>a>div>.team.left>span>img { margin-right: 12px; } .esport-team-landing-latest-matches>a>div>.team.right>span>img { margin-left: 12px; } .esport-team-landing-latest-matches>a>div>.team>span { display: inline-block; vertical-align: middle; line-height: 1; } .esport-team-landing-latest-matches>a>div>.team>span>img { width: 56px; height: 56px; object-fit: cover; } .esport-team-landing-latest-matches>a>div>.team>.team-name { padding: 3px 3px 2px 3px; position: relative; } .esport-team-landing-latest-matches>a>div>.score { display: inline-block; width: 20%; text-align: center; vertical-align: middle; } .esport-team-landing-latest-matches>a>div>.score>span { min-width: 50px; padding: 14px 18px; box-sizing: border-box; display: inline-block; background: #141414; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; border-radius: 10px; } .esport-team-landing-latest-matches>a>div>.team.right { direction: rtl; text-align: right; } .esport-team-landing-latest-matches>a:hover { box-shadow: 0 0 50px rgba(255, 195, 15, .8); z-index: 20; } .esport-team-landing-latest-matches>a:hover>span { color: #141414; } .esport-team-landing-latest-matches>a>div>.team:hover { overflow: visible; } .esport-team-landing-latest-matches>a>div>.team:hover .team-name { z-index: 100; box-shadow: 0 0 5px 2px #1f1f1f; border-radius: 3px; background: #fff; color: #141414; } @media (max-width:560px) { .esport-team-landing-latest-matches>a { padding: 18px 10px; } .esport-team-landing-latest-matches>a>div>.score, .esport-team-landing-latest-matches>a>div>.team { width: 100%; text-align: center; white-space: normal; } .esport-team-landing-latest-matches>a>div>.team.right { text-align: center; margin-top: 20px; } .esport-team-landing-latest-matches>a>div>.team.left { margin-bottom: 20px; } .esport-team-landing-latest-matches>a>div>.team>span { display: block; } .esport-team-landing-latest-matches>a>div>.team.left>span>img, .esport-team-landing-latest-matches>a>div>.team.right>span>img { margin: 0; margin-bottom: 5px; } .esport-team-landing-latest-matches>a>div>.team:hover .team-name { background: 0 0; box-shadow: none; } }.esport-team-landing-players ul.esport-players { padding-bottom: 34px; padding-left: 0; } .esport-team-landing-players ul.esport-players li { padding-right: 30px; display: inline-block; } .esport-team-landing-players ul.esport-players li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #f2f2f2; font-family: Montserrat, sans-serif; text-transform: uppercase; } .esport-team-landing-players ul.esport-players li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #ffcf0f; transition: all .4s; } .esport-team-landing-players ul.esport-players li.active a:before { width: 100%} .esport-team-landing-players ul.esport-players li.active a { color: #fff; } .esport-team-landing-players .wrap { display: inline-block; overflow: hidden; width: 100%; position: relative; } .esport-team-landing-players .wrap .width { width: 10000px; position: relative; } .esport-team-landing-players .wrap a { position: relative; display: inline-block; margin-left: 0; float: left; overflow: hidden; background-color: #ffc30f; width: 228px; height: 400px; transition: all .2s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear 10ms; } .esport-team-landing-players .wrap a>img { width: 100%; height: 100%; object-fit: cover; } .esport-team-landing-players .wrap a>.name { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 14px; padding: 30px 27px; font-family: Montserrat; line-height: 1; text-transform: uppercase; background: linear-gradient(to top, rgba(0, 0, 0, .5) 27%, rgba(0, 0, 0, .1) 79%); } .esport-team-landing-players .wrap .info-bord { position: absolute; bottom: 0; padding: 30px; display: none; width: 100%} .esport-team-landing-players .wrap .info-bord .name { font-size: 16px; color: #000; text-transform: uppercase; font-family: Montserrat; padding-bottom: 25px; white-space: nowrap; } .esport-team-landing-players .wrap .info-bord .progress-line { width: 100%; position: relative; background: #ffcf0f; height: 4px; display: inline-block; } .esport-team-landing-players .wrap .info-bord .bar { width: 78%; position: absolute; background: #141414; top: 0; left: 0; bottom: 0; } .esport-team-landing-players .wrap .bar-label { display: inline-block; width: 100%; font-size: 0; } .esport-team-landing-players .wrap .progress-item { font-weight: 700; } .esport-team-landing-players .wrap .achievement { width: 80%; vertical-align: top; display: inline-block; font-size: 12px; text-transform: uppercase; color: #141414; line-height: 1; } .esport-team-landing-players .wrap .score { width: 20%; vertical-align: top; display: inline-block; font-size: 12px; text-transform: uppercase; color: #141414; text-align: right; line-height: 1; } .esport-team-landing-players .wrap a:hover { box-shadow: 0 0 50px rgba(255, 195, 15, .8); z-index: 20; } .esport-team-landing-players .wrap a:hover>.name { display: none; } .esport-team-landing-players .wrap a:hover .info-bord { display: block; } .esport-team-landing-players .wrap a:hover img { mix-blend-mode: overlay; } .esport-team-landing-players .wrap a:hover { width: 310px; } .esport-team-landing-players .wrap a:last-child:hover { margin-left: -82px; } @media (max-width:1200px) { .esport-team-landing-players .wrap a: last-child:hover { margin-left: 0; } }@media (max-width:320px) { .esport-team-landing-players .wrap a: hover { width: 290px; } }.esport-team-landing-players::-webkit-scrollbar { width: 0; background: 0 0; } .esport-team-landing-about { padding-top: 70px; padding-bottom: 50px; } .esport-team-landing-about p { color: #e5e5e5; font-size: 16px; font-family: "Open Sans"; line-height: 26px; padding-top: 28px; } .esport-team-landing-about span { display: inline-block; width: 100%; color: #fff; text-transform: uppercase; font-family: Raleway; vertical-align: middle; font-weight: 900; word-wrap: break-word; line-height: 1; } .esport-team-landing-about .feature>img { -webkit-filter: drop-shadow(0 10px 15px #ffcf0f); filter: drop-shadow(0 10px 15px #ffcf0f); } .esport-team-landing-about .feature>span { width: 40%; color: #e5e5e5; } .esport-team-landing-about .small-title { font-size: 40px; } .esport-team-landing-about .big-title { font-size: 48px; color: #ffcf0f; } .esport-team-landing-about a { position: relative; padding: 21px 23px 18px 23px; display: inline-block; background: #ffcf0f; border-radius: 10px; text-transform: uppercase; color: #141414; line-height: 1; font-family: Montserrat; transition: all .4ms; margin-top: 32px; } .esport-team-landing-about a:hover { background: #141414; color: #fff; } @media (max-width:992px) { .esport-team-landing-about .text-right { text-align: center; padding-top: 40px; } }@media (max-width:767px) { .esport-team-landing-about span { text-align: center; } .esport-team-landing-about p { text-align: center; } .esport-team-landing-about .feature>span { width: 100%} }.esport-team-landing-latest-videos img { display: block; width: 100%; object-fit: cover; height: 100%} .esport-team-landing-latest-videos .wrapper { position: relative; overflow: hidden; height: 100%} .esport-team-landing-latest-videos .wrapper .width { height: 100%} .esport-team-landing-latest-videos .ifram-wrapper { height: 100%; width: 100%; cursor: pointer; } .esport-team-landing-latest-videos .wrapper .news-wrapper { position: relative; display: block; overflow: hidden; cursor: pointer; } .esport-team-landing-latest-videos .wrapper .news-wrapper iframe { display: none; } .esport-team-landing-latest-videos iframe { width: 100%; height: 100%; height: 500px; } .esport-team-landing-latest-videos .news-border { position: absolute; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, .5); font-family: Montserrat; display: block; left: 1px; right: 1px; bottom: 1px; } .esport-team-landing-latest-videos .date { display: inline-block; width: 100%; color: #ccc; } .esport-team-landing-latest-videos .name { color: #fff; line-height: 1; } .esport-team-landing-latest-videos .youtube { color: #cd201f; margin: 0 4px; } .esport-team-landing-latest-videos::-webkit-scrollbar { width: 0; background: 0 0; } @media (max-width:992px) { .esport-team-landing-latest-videos .wrapper .news-wrapper { float: left; height: 210px; } .esport-team-landing-latest-videos .wrapper { overflow-x: scroll; } .esport-team-landing-latest-videos .wrapper .width { position: relative; display: flex; } }.esport-team-landing-twitter-slider { position: relative; padding: 75px 0; background: url(../ondjoweb/admin/galeriafotos/esprot-team-laning-twitter-background.jpg); background-size: cover; background-position: center; } .esport-team-landing-twitter-slider .wrap { text-align: center; width: 60%; margin: 0 auto; } .esport-team-landing-twitter-slider .wrap>a { color: #1da1f2; font-size: 24px; padding-bottom: 34px; display: block; } .esport-team-landing-twitter-slider .wrap .text { font-size: 24px; font-family: "Open Sans"; color: #fff; padding-bottom: 58px; } .esport-team-landing-twitter-slider .wrap .text>a { font-weight: 700; color: #fff; padding: 0 5px; } .esport-team-landing-twitter-slider .wrap .copyright { color: #fff; font-size: 12px; text-transform: uppercase; } .esport-team-landing-twitter-slider .nav-arrow.left-arrow { padding-left: 36px; left: 0; text-align: left; } .esport-team-landing-twitter-slider .nav-arrow.right-arrow { padding-right: 36px; right: 0; text-align: right; } .esport-team-landing-twitter-slider .nav-arrow { width: 68px; height: 60px; box-sizing: border-box; line-height: 60px; top: 50%; transform: translateY(-50%); position: absolute; color: #fff; font-size: 12px; background: #09f; z-index: 2; } .esport-team-landing-twitter-slider .nav-arrow.left-arrow:before { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #09f; transition: all .4s; } .esport-team-landing-twitter-slider .nav-arrow.right-arrow:before { content: ''; position: absolute; top: 0; left: -7px; bottom: 0; width: 12px; transform: skew(-10deg); background: #09f; transition: all .4s; } .esport-team-landing-twitter-slider .nav-arrow.left-arrow:hover:before, .esport-team-landing-twitter-slider .nav-arrow.right-arrow:hover:before { background: #ffcf0f; } .esport-team-landing-twitter-slider .nav-arrow:hover { color: #000; background: #ffcf0f; } @media (max-width:767px) { .esport-team-landing-twitter-slider .wrap { width: 100%} .esport-team-landing-twitter-slider .nav-arrow { display: none; } }.esport-team-landing-news img { display: block; width: 100%; object-fit: cover; height: 100%} .esport-team-landing-news .news-border { position: absolute; bottom: 0; padding: 15px; background-color: rgba(0, 0, 0, .5); font-family: Montserrat; display: block; left: 0; right: 0; bottom: 0; } .esport-team-landing-news .date { display: inline-block; width: 100%; color: #ccc; } .esport-team-landing-news .name { color: #fff; line-height: 1; } .esport-team-landing-news .news-wprapper { position: relative; height: 100%; overflow: hidden; display: block; } .row.no-gutters { margin-right: 0; margin-left: 0; } .esport-team-landing-news .row.no-gutters>[class*=" col-"], .esport-team-landing-news .row.no-gutters>[class^=col-] { padding-right: 0; padding-left: 0; } .esport-team-landing-news .item { touch-action: pan-y; } @media (max-width:992px) { .esport-team-landing-news .row-eq-height { display: block; } }.esport-team-landing-subscribe { position: relative; border: 1px solid #454545; padding: 11px 0; } .esport-team-landing-subscribe input { padding-right: 160px; font-size: 16px; color: #8d8d8d; background: #000; line-height: 18px; } .esport-team-landing-subscribe button { background: #410F0F; color: #141414; font-size: 14px; line-height: 50px; padding: 0 22px; font-family: Montserrat; position: absolute; top: 11px; right: 11px; border: none; text-transform: uppercase; } .esport-team-landing-store-filter li a { padding: 5px 0 12px 0; display: block; position: relative; font-size: 14px; color: #f2f2f2; font-family: Montserrat, sans-serif; text-transform: uppercase; } .esport-team-landing-store-filter li { padding-right: 30px; display: inline-block; } .esport-team-landing-store-filter { padding-bottom: 34px; } .esport-championship-store-filter li a:hover:before, .esport-team-landing-store-filter li.active a:before { width: 100%} .esport-team-landing-store-filter li a:before { content: ''; position: absolute; width: 0; left: 0; bottom: 0; height: 6px; background: #410F0F; transition: all .4s; } .esport-team-landing-store .esport-store-list-item>div { padding-bottom: 75px; display: block; position: relative; overflow: hidden; background-color: #ffcf0f; margin-bottom: 30px; } .esport-team-landing-store .esport-store-list-item img { width: 100%; height: 380px; object-fit: cover; } .esport-team-landing-store .esport-store-list-item>div .info { padding: 15px 24px 17px 24px; position: absolute; left: 0; right: 0; bottom: -35px; display: block; z-index: 2; transition: all .4s; bottom: 0; } .esport-team-landing-store .esport-store-list-item>div .info:before { content: ''; position: absolute; left: -20px; right: -10px; bottom: -50px; height: 200%; transform: rotate(4deg); transition: all .4s; top: -10px; background: #141414; z-index: 1; } .esport-team-landing-store .esport-store-list-item .name { font-size: 14px; color: #fff; line-height: 20px; font-weight: 700; display: block; z-index: 1; position: relative; } .esport-team-landing-store .esport-store-list-item>div:hover .name, .esport-team-landing-store .esport-store-list-item>div:hover .price { color: #ffcf0f; } .esport-team-landing-store .esport-store-list-item>div:hover { box-shadow: 0 0 50px rgba(255, 207, 15, .8); z-index: 20; } .esport-team-landing-store .esport-store-list-item>div:hover img { mix-blend-mode: overlay; } .esport-team-landing-store .esport-store-list-item .price { display: block; font-size: 20px; color: #fff; z-index: 1; position: relative; } @media (max-width:767px) { .esport-team-landing-store .esport-store-list-item>div { margin: 0 auto 30px; width: 264px; } }.esport-team-landing-contact { position: relative; background-size: cover; overflow: hidden; } .esport-team-landing-contact .wrapper-img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .esport-team-landing-contact .wrapper-img iframe { width: 100%; height: 100%} .esport-team-landing-contact .wrapper-img img { width: 100%; height: 100%; object-fit: cover; } .esport-team-landing-contact .information-wrap span { display: inline-block; width: 90%; position: relative; } .esport-team-landing-contact .information-wrap>div { padding-bottom: 35px; text-transform: uppercase; color: #fff; font-family: Raleway; line-height: 1; font-weight: 900; } .esport-team-landing-contact .information-wrap-left { position: relative; padding-top: 170px; padding-bottom: 150px; text-align: left; } .esport-team-landing-contact .information-wrap-left .header-first { color: #fff; font-size: 40px; font-weight: 900; font-family: Raleway; text-transform: uppercase; } .esport-team-landing-contact .information-wrap-left span { display: inline-block; width: 100%; line-height: 1; color: #fff; font-size: 16px; } .esport-team-landing-contact .information-wrap-left .header-red { color: #ffcf0f; font-weight: 900; font-family: Raleway; font-size: 48px; text-transform: uppercase; padding-bottom: 32px; } .esport-team-landing-contact .information-wrap-left>a { position: relative; padding: 21px 23px 18px 23px; display: inline-block; background: #ffcf0f; border-radius: 10px; text-transform: uppercase; color: #141414; line-height: 1; font-family: Montserrat; transition: all .4ms; margin-top: 32px; } @media (max-width:992px) { .esport-team-landing-contact .information-wrap-left { text-align: center; padding-top: 50px; padding-bottom: 50px; } }.esport-team-landing-footer { background: #000; padding: 100px 0; } .esport-team-landing-footer p { color: #ccc; font-size: 16px; line-height: 26px; font-family: "Open Sans"} .esport-team-landing-footer .header { display: block; font-size: 16px; text-transform: uppercase; font-family: Raleway; font-weight: 900; color: #fff; padding-bottom: 35px; } .esport-team-landing-footer .header>span { float: right; } .esport-team-landing-footer .header>span>a { color: #666; } .esport-team-landing-footer .header>span .arrow.rigth { margin-left: 18px; } .esport-team-landing-footer .welcome { text-transform: uppercase; color: #6e6e6e; font-family: Montserrat; font-size: 12px; padding-bottom: 20px; display: block; line-height: 1; } .esport-team-landing-footer .news-slider { position: relative; overflow: hidden; margin-bottom: 35px; } .esport-team-landing-footer .news-wprapper { position: relative; height: 100%; overflow: hidden; display: block; float: left; } .esport-team-landing-footer .news-wprapper img { width: 100%} .esport-team-landing-footer .news-wprapper .news-border { position: absolute; padding: 15px; background-color: rgba(0, 0, 0, .5); font-family: Montserrat; display: block; left: 0; right: 0; bottom: 0; color: #fff; } .esport-team-landing-footer .news-wprapper .news-border>span { display: block; } .esport-team-landing-foote .date { display: inline-block; width: 100%; color: #ccc; } .esport-team-landing-footer .news-slider .name { color: #fff; } .esport-team-landing-footer .contact-list>li { padding-bottom: 30px; color: #e7e7e5; font-size: 16px; } .esport-team-landing-footer .contact-list>li a { color: #e7e7e5; } .esport-team-landing-footer .contact-list>li i { margin-right: 7px; } @media (max-width:767px) { .esport-team-landing-footer { padding: 50px 0; } }.footerSlide { -webkit-animation-name: fade; -webkit-animation-duration: 2.5s; animation-name: fade; animation-duration: 2.5s; } @-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } }@keyframes fade { from { opacity: .4; } to { opacity: 1; } }.footerSlide { display: none; } .esport-team-landing-footer-links { background: #141414; border-bottom: 1px solid #000; } .esport-team-landing-footer-links ul { text-align-last: justify; } .esport-team-landing-footer-links ul>li { display: inline-block; } .esport-team-landing-footer-links ul>li>a { font-family: Montserrat; font-size: 16px; text-transform: uppercase; padding: 44px 0; display: block; } .esport-team-landing-footer-links ul>li>a>i { display: none; } .esport-team-landing-footer-links ul>li:last-child { padding-right: 35px; } .esport-team-landing-footer-links ul>li:first-child a { padding-left: 35px; } .esport-team-landing-footer-links ul>li.facebook a { color: #4668b2; } .esport-team-landing-footer-links ul>li.twitter a { color: #1da1f2; } .esport-team-landing-footer-links ul>li.google a { color: #dd4b39; } .esport-team-landing-footer-links ul>li.instagram a { color: #833ab4; } .esport-team-landing-footer-links ul>li.youtube a { color: #cd201f; } @media (max-width:767px) { .esport-team-landing-footer-links ul>li>a>i { display: block; } .esport-team-landing-footer-links ul>li>a>span { display: none; } }.sponsor-icons { height: 32px; width: 32px; padding: 8px; margin-left: 6px; background: #fff; border-radius: 10px; } .main-sponsor-slider .right-arrow { right: 2%; margin-top: 1px; border-radius: 100%; background: #06a5e7; } .home-pesquisa { background-color: #f7f7f7; height: 38px; } .staff-item>a img { height: 200px; width: 100%; max-width: 100%; border-radius: 4px; } .galeria-video { padding-bottom: 50px; } .staff-item .info .name { font-size: 10px; display: block; color: #141414; line-height: 19px; text-transform: uppercase; font-family: Montserrat, sans-serif; z-index: 1; position: relative; } .main-slider-caption .team { font-size: 25px; text-transform: uppercase; font-family: Raleway, sans-serif; color: #fff; font-weight: 700; line-height: normal; } .cropImg { height: 180px; } .tempoDecorrer { color: #410F0F; font-weight: 700; } .tempoTerminado { color: #06a5e7; font-weight: 700; } .tempoIntervalo { color: #98f47f; font-weight: 700; } .linha { width: 100%} .logo-bar { background-color: #333; height: 38px; } .main-lates-matches .item .team img { width: 22px; height: 22px; margin-right: 10px; object-fit: contain; background: #fcfcfc; padding: 4px; border-radius: 22px; border: 1px solid #337ab7; } .main-lates-matches .item .team1 img { width: 22px; height: 22px; margin-left: 10px; object-fit: contain; border-radius: 22px; padding: 4px; border: 1px solid #337ab7; } .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, .2); } .swiper-pagination-bullet-active { color: #fff; background: #410F0F; } .carousel-inner2 { position: relative; width: 73.33333%; overflow: hidden; } .recua-baixo { bottom: -250px; background: linear-gradient(#000000d9, rgba(0, 0, 0, .2)); padding: 10px; border-radius: 6px; width: 55%} .tit-post-slide { color: #fcfcf9e8; font-size: 18px; text-align: left; margin: 30px 0 18px 16px; } .azul { background: linear-gradient(#06a5e7, #01a5e7); right: 230px; } @media screen and (max-width:768px) { iframe { border-radius: 6px; width: 100%; height: 250px; } .fechavideo { top: 2%; left: 83%; position: absolute; border-radius: 6px; font-size: .7em; background-color: #1414149c; color: #410F0F; border: 1px solid #ffcc006e; } .navbar-toggle { margin: 33px 0 0 0; display: block; z-index: 1; background: #fcfcfc; float: right; bottom: 23px; } .demo-switcher-small-button { position: fixed; top: 1.3%; left: 0; z-index: 99999; background: #410F0F; width: 40px; height: 40px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; text-align: center; padding-top: 12px; cursor: pointer; } .main-menu-wrap .custom-logo-link { height: 54px; display: flex; float: left; position: relative; left: 20%} .demo-switcher { top: 0; width: 95.8%} .demo-switcher .switcher-header { background: #410F0F; padding-top: 17px; padding-bottom: 15px; z-index: 5; position: relative; cursor: pointer; border-bottom: 1px solid #ccc; } .main-menu-wrap .navbar-collapse { border: none; box-shadow: none; height: 700px; background: #333; } .main-menu .link-second-level { color: #141414; background: #fff; padding: 3px; border-radius: 3px; margin-bottom: 3px; } .main-menu .link-first-level { color: #333; background: #410F0F; padding: 3px; border-radius: 3px; margin-bottom: 3px; font-weight: 700; } .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .main-lates-matches .item .team img { width: 22px; height: 22px; margin-right: 40%; object-fit: contain; background: #fcfcfc; padding: 4px; border-radius: 22px; border: 1px solid #337ab7; } .main-lates-matches .item .team1 img { width: 22px; height: 22px; margin-left: 40%; object-fit: contain; border-radius: 22px; padding: 4px; border: 1px solid #337ab7; } .main-lates-matches .item { padding: 5px 10px 5px 10px; border-bottom: 1px solid #f7f7f7; display: block; background: #fff; box-sizing: border-box; min-height: 186px; max-height: 200px; } .ondjoTop { margin-top: -700px; } .row-offcanvas-left { margin-top: -70%} }.video-play { font-size: 42px; position: absolute; left: 42%; top: 36%; color: #ffcc00b8; } .video-play:hover { color: rgba(0, 0, 0, .5); } .video-play-home { font-size: 42px; position: absolute; left: 45%; top: 40%; color: #410F0F; } .video-play-home:hover { color: rgba(0, 0, 0, .5); } .video-play-self { font-size: 82px; position: absolute; left: 44%; top: 39%; color: #410F0F; } .video-play-self:hover { color: rgba(0, 0, 0, .5); } .fechavideo { top: 1%; left: 92%; position: absolute; border-radius: 6px; font-size: .7em; background-color: #1414149c; color: #410F0F; border: 1px solid #ffcc006e; } iframe { border-radius: 6px; width: 100%; height: 450px; } .ytp-chrome-top-buttons { white-space: nowrap; display: none; } .ytp-embed:not(.ad-showing) .ytp-title-text { padding-top: 21px; display: none; } .ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) { cursor: pointer; display: none; } .video-img { width: 100%; min-height: 150px; max-height: 150px; } .video-tit { width: 100%; font-size: .778999em; font-weight: 700; color: #666; } .video-info { width: 100%} .video-data { font-size: .693939em; text-align: right; } .foto-play { font-size: 22px; position: absolute; left: 77%; top: 14%; color: #d62b38; } .foto-play:hover { color: rgba(0, 0, 0, .5); transition: box-shadow .6s; } /*.staff-item .info-news { padding: 6px; height: 30%; bottom: 0; box-sizing: border-box; position: absolute; background: linear-gradient(90deg, #3c3b3f 0, #605c3c 100%); opacity: .9; }*/ .info-news .name { font-size: 14px; font-weight: 500; color: #e5e5e5; } .name::first-letter { text-transform: uppercase; } .staff-item .info-news:before { content: ''; width: 120px; background: #410F0F; position: absolute; bottom: 0; transform: skew(15deg); z-index: 0; } .sidebar-ads1 { padding-bottom: 5px; padding-top: 5px; } .sidebar-ads1 img { width: 100%} .sidebar-ads2 img { width: 100%}