/* *********** RESET ************* */
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
//vertical-align: baseline;
}
// Clearfix in mixins
.hidden {
display: none !important;
}
// Display in IE6-9 and FF3
// -------------------------
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
// Display block in IE6-9 and FF3
// -------------------------
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
// Prevents modern browsers from displaying 'audio' without controls
// -------------------------
audio:not([controls]) {
display: none;
}
// Inherit from reset.css
// -------------------------
body {
line-height: 1;
margin:0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border-style:none;
}
a {
text-decoration:none;
color: inherit;
}
// a:hover {
// text-decoration:underline;
// }
a:active {
//background-color: transparent;
}
input, textarea, select {
font:100% Helvetica, Arial, sans-serif;
vertical-align:middle;
color:#000;
}
figure {
margin:0; padding:0;
}
form, fieldset{
margin:0;
padding:0;
border-style:none;
}
input[type="image"]{padding:0;border:none;}
input[type=text], input[type=password], input[type=file], input[type=submit], textarea{
-webkit-appearance:none;
//border-radius: 0 !important; ¿?
}*/
/* LO DE ARRIBA NO COINCIDÍA CON LO DE PRODUCCIÓN Y SE ROMPÍA EN LOCAL */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1.2;
/*font-family:'Cabin Condensed', sans-serif;*/
font-family: "Sofia Sans Condensed", sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table td,
table tr {
vertical-align: middle;
}
a {
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
}
input,
select,
textarea {
font-size: 100%;
vertical-align: middle;
color: #000;
}
button:focus {
outline: none;
}
input[type=file],
input[type=email],
input[type=number],
input[type=password],
input[type=submit],
input[type=text],
select,
textarea {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background: transparent;
color: inherit;
font: inherit;
margin: 0;
text-transform: none;
}
input[type=file]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=submit]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
/************ ALINEACIONES ************/
.lineup.local > li.li-player:first-child {
top: 50%;
left: 4%;
}
.lineup.local[data-tactic="1"] {
/* 1-0-3 */
}
.lineup.local[data-tactic="1"] > li.li-player:nth-child(2) {
top: 50%;
left: 26%;
}
.lineup.local[data-tactic="1"] > li.li-player:nth-child(3) {
top: 20%;
left: 84%;
}
.lineup.local[data-tactic="1"] > li.li-player:nth-child(4) {
top: 50%;
left: 84%;
}
.lineup.local[data-tactic="1"] > li.li-player:nth-child(5) {
top: 80%;
left: 84%;
}
.lineup.local[data-tactic="2"] {
/* 1-1-2 */
}
.lineup.local[data-tactic="2"] > li.li-player:nth-child(2) {
top: 50%;
left: 26%;
}
.lineup.local[data-tactic="2"] > li.li-player:nth-child(3) {
top: 50%;
left: 46%;
}
.lineup.local[data-tactic="2"] > li.li-player:nth-child(4) {
top: 20%;
left: 84%;
}
.lineup.local[data-tactic="2"] > li.li-player:nth-child(5) {
top: 80%;
left: 84%;
}
.lineup.local[data-tactic="3"] {
/* 1-2-1 */
}
.lineup.local[data-tactic="3"] > li.li-player:nth-child(2) {
top: 50%;
left: 26%;
}
.lineup.local[data-tactic="3"] > li.li-player:nth-child(3) {
top: 20%;
left: 65%;
}
.lineup.local[data-tactic="3"] > li.li-player:nth-child(4) {
top: 80%;
left: 65%;
}
.lineup.local[data-tactic="3"] > li.li-player:nth-child(5) {
top: 50%;
left: 84%;
}
.lineup.local[data-tactic="4"] {
/* 2-0-2 */
}
.lineup.local[data-tactic="4"] > li.li-player:nth-child(2) {
top: 33%;
left: 36%;
}
.lineup.local[data-tactic="4"] > li.li-player:nth-child(3) {
top: 73%;
left: 36%;
}
.lineup.local[data-tactic="4"] > li.li-player:nth-child(4) {
top: 20%;
left: 84%;
}
.lineup.local[data-tactic="4"] > li.li-player:nth-child(5) {
top: 80%;
left: 84%;
}
.lineup.local[data-tactic="5"] {
/* 2-1-1 */
}
.lineup.local[data-tactic="5"] > li.li-player:nth-child(2) {
top: 33%;
left: 36%;
}
.lineup.local[data-tactic="5"] > li.li-player:nth-child(3) {
top: 73%;
left: 36%;
}
.lineup.local[data-tactic="5"] > li.li-player:nth-child(4) {
top: 50%;
left: 54%;
}
.lineup.local[data-tactic="5"] > li.li-player:nth-child(5) {
top: 50%;
left: 84%;
}
.lineup.local[data-tactic="6"] {
/* 2-2-0 */
}
.lineup.local[data-tactic="6"] > li.li-player:nth-child(2) {
top: 33%;
left: 36%;
}
.lineup.local[data-tactic="6"] > li.li-player:nth-child(3) {
top: 73%;
left: 36%;
}
.lineup.local[data-tactic="6"] > li.li-player:nth-child(4) {
top: 80%;
left: 65%;
}
.lineup.local[data-tactic="6"] > li.li-player:nth-child(5) {
top: 20%;
left: 65%;
}
.lineup.local[data-tactic="7"] {
/* 3-0-1 */
}
.lineup.local[data-tactic="7"] > li.li-player:nth-child(2) {
top: 20%;
left: 26%;
}
.lineup.local[data-tactic="7"] > li.li-player:nth-child(3) {
top: 50%;
left: 26%;
}
.lineup.local[data-tactic="7"] > li.li-player:nth-child(4) {
top: 80%;
left: 26%;
}
.lineup.local[data-tactic="7"] > li.li-player:nth-child(5) {
top: 50%;
left: 84%;
}
.lineup.visitor > li.li-player:first-child {
right: 3%;
top: 50%;
}
.lineup.visitor[data-tactic="1"] {
/* 1-0-3 */
}
.lineup.visitor[data-tactic="1"] > li.li-player:nth-child(2) {
top: 50%;
right: 24%;
}
.lineup.visitor[data-tactic="1"] > li.li-player:nth-child(3) {
top: 20%;
right: 83%;
}
.lineup.visitor[data-tactic="1"] > li.li-player:nth-child(4) {
top: 50%;
right: 83%;
}
.lineup.visitor[data-tactic="1"] > li.li-player:nth-child(5) {
top: 80%;
right: 83%;
}
.lineup.visitor[data-tactic="2"] {
/* 1-1-2 */
}
.lineup.visitor[data-tactic="2"] > li.li-player:nth-child(2) {
top: 50%;
right: 24%;
}
.lineup.visitor[data-tactic="2"] > li.li-player:nth-child(3) {
top: 50%;
right: 44%;
}
.lineup.visitor[data-tactic="2"] > li.li-player:nth-child(4) {
top: 20%;
right: 83%;
}
.lineup.visitor[data-tactic="2"] > li.li-player:nth-child(5) {
top: 80%;
right: 83%;
}
.lineup.visitor[data-tactic="3"] {
/* 1-2-1 */
}
.lineup.visitor[data-tactic="3"] > li.li-player:nth-child(2) {
top: 50%;
right: 24%;
}
.lineup.visitor[data-tactic="3"] > li.li-player:nth-child(3) {
top: 20%;
right: 63%;
}
.lineup.visitor[data-tactic="3"] > li.li-player:nth-child(4) {
top: 80%;
right: 63%;
}
.lineup.visitor[data-tactic="3"] > li.li-player:nth-child(5) {
top: 50%;
right: 83%;
}
.lineup.visitor[data-tactic="4"] {
/* 2-0-2 */
}
.lineup.visitor[data-tactic="4"] > li.li-player:nth-child(2) {
top: 33%;
right: 33%;
}
.lineup.visitor[data-tactic="4"] > li.li-player:nth-child(3) {
top: 73%;
right: 33%;
}
.lineup.visitor[data-tactic="4"] > li.li-player:nth-child(4) {
top: 20%;
right: 83%;
}
.lineup.visitor[data-tactic="4"] > li.li-player:nth-child(5) {
top: 80%;
right: 83%;
}
.lineup.visitor[data-tactic="5"] {
/* 2-1-1 */
}
.lineup.visitor[data-tactic="5"] > li.li-player:nth-child(2) {
top: 33%;
right: 33%;
}
.lineup.visitor[data-tactic="5"] > li.li-player:nth-child(3) {
top: 73%;
right: 33%;
}
.lineup.visitor[data-tactic="5"] > li.li-player:nth-child(4) {
top: 50%;
right: 53%;
}
.lineup.visitor[data-tactic="5"] > li.li-player:nth-child(5) {
top: 50%;
right: 83%;
}
.lineup.visitor[data-tactic="6"] {
/* 2-2-0 */
}
.lineup.visitor[data-tactic="6"] > li.li-player:nth-child(2) {
top: 33%;
right: 33%;
}
.lineup.visitor[data-tactic="6"] > li.li-player:nth-child(3) {
top: 73%;
right: 33%;
}
.lineup.visitor[data-tactic="6"] > li.li-player:nth-child(4) {
top: 20%;
right: 63%;
}
.lineup.visitor[data-tactic="6"] > li.li-player:nth-child(5) {
top: 80%;
right: 63%;
}
.lineup.visitor[data-tactic="7"] {
/* 3-0-1 */
}
.lineup.visitor[data-tactic="7"] > li.li-player:nth-child(2) {
top: 20%;
right: 24%;
}
.lineup.visitor[data-tactic="7"] > li.li-player:nth-child(3) {
top: 50%;
right: 24%;
}
.lineup.visitor[data-tactic="7"] > li.li-player:nth-child(4) {
top: 80%;
right: 24%;
}
.lineup.visitor[data-tactic="7"] > li.li-player:nth-child(5) {
top: 50%;
right: 83%;
}
/* == Generics == */
hr {
border: none;
height: 1px;
background-color: #c3c3c3;
}
.br-white {
border: 4px solid white;
}
.media-responsive {
position: relative;
z-index: 0;
width: 100%;
height: 0;
overflow: hidden;
}
.media-responsive > iframe,
.media-responsive > img,
.media-responsive > video {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
max-width: none;
}
.media-responsive.media-16_9 {
padding-bottom: 56.25%;
}
.media-responsive.media-1_1 {
padding-bottom: 100%;
}
.media-responsive.media-yt {
padding-bottom: 57%;
overflow: hidden;
}
.media-responsive.media-yt > img {
height: 140%;
top: -20%;
}
.head-slider {
position: relative;
width: 1045px;
visibility: hidden;
}
.head-slider .ni-date {
font-size: 1.2em;
}
.head-slider .head-slides {
cursor: default;
position: relative;
top: 0;
left: 0;
right: 0;
width: 1045px;
height: 460px;
overflow: hidden;
}
.head-slider .head-slider-dots {
position: absolute;
top: 5px;
left: 5px;
}
.head-slider .head-slider-dots .i {
position: absolute;
cursor: pointer;
width: 20px;
height: 20px;
}
.head-slider .head-slider-dots .circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.head-slider .head-slider-dots .b {
fill: #ffffff;
fill-opacity: 0.5;
}
.head-slider .head-slider-dots .iav .b {
fill-opacity: 1;
fill: #0ccaff;
}
.btn {
background-color: #0A299B;
color: #FFF;
display: inline-block;
padding: 25px;
}
.btn:hover {
background-color: #05163D;
}
.btn.btn-red {
background-color: #ef032b;
}
.btn.btn-news {
padding: 15px;
}
.btn.btn-videos,
.btn.btn-result {
padding: 10px;
margin: 20px 0;
}
.btn.tag {
padding: 2px 5px;
}
.btn.tag + .tag {
margin-left: 5px;
}
.btn.text-red {
color: #ef032b;
}
.dp-arrow {
display: inline-block;
vertical-align: middle;
margin-top: -7px;
width: 10px;
height: 10px;
border-style: solid;
border-color: #FFF;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 5px;
}
.btnplay,
.btnplayDirect {
position: absolute;
left: 0;
top: 0;
z-index: 1;
max-width: 20%;
min-width: 40px;
}
.btnplay.btnplaycenter,
.btnplayDirect.btnplaycenter {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.icon {
width: 40px;
height: 40px;
fill: #FFF;
}
.icon-videos {
width: 28px;
height: 28px;
}
.pagination ul {
text-align: center;
list-style: none;
border-radius: 2px;
}
.pagination li {
display: inline-block;
margin: 0 5px;
}
.pagination a {
position: relative;
display: block;
padding: 0.4375rem 0.8rem;
line-height: 1.5385;
color: #323232;
background-color: #FFF;
border: 1px solid #c3c3c3;
border-radius: 2px;
}
.pagination a:hover {
background: #0A299B;
color: #efefef;
}
.pagination a.active {
background-color: #0A299B;
color: #FFF;
}
.pagination a.disabled {
opacity: 0.5;
filter: alpha(opacity=50);
pointer-events: none;
cursor: auto;
}
.ul-list {
list-style-type: disc;
list-style-position: inside;
color: #0A299B;
}
.ul-list.lower-alpha {
list-style-type: lower-alpha;
}
.ul-list li {
display: list-item;
padding: 5px 0;
font-size: 18px;
}
.ul-list li span,
.ul-list li a,
.ul-list li small {
color: #000;
}
.ul-list li a:hover {
color: #0A299B;
}
.ul-list li small {
font-size: 14px;
}
.ul-list .ul-list {
list-style-type: circle;
}
.line-bottom:after {
content: "";
display: block;
width: 100%;
height: 2px;
margin: 10px 0;
border-bottom: 1px solid transparent;
/*background: -webkit-linear-gradient(left, rgba(216,104,50,0) 0%,@white 34%,@white 35%,@white 68%,@white 69%,rgba(216,104,50,0) 100%);
background: linear-gradient(to right, rgba(216,104,50,0) 0%,@white 34%,@white 35%,@white 68%,@white 69%,rgba(216,104,50,0) 100%);*/
}
.no-style-type,
.ul-list .no-style-type {
list-style-type: none;
padding-left: 20px;
}
/* == Publi y promos == */
.banner {
max-width: 970px;
width: 100%;
margin: auto;
display: block;
padding-top: 5px;
line-height: 1;
text-align: center;
}
.banner img {
width: 100%;
}
.autopromo .btn {
padding: 10px;
font-size: 24px;
}
/* PARCHE */
.sidebar-right .photo-busto {
display: none;
}
.sidebar-right .photo-busto + .banner {
margin-top: 0 !important;
}
.twitter-widget iframe {
width: 320px !important;
}
/* ! PARCHE */
/* == TABLAS == */
.table,
.table th,
.table td {
border-collapse: collapse;
border: 1px solid #000;
}
.table td {
padding: 10px 5px;
}
.gen-table table {
border-spacing: 0 2px;
border-collapse: separate;
}
.gen-table thead td .ico {
max-height: 30px;
}
.gen-table tbody td {
padding: 5px 2px;
border-bottom: 1px solid #c3c3c3;
}
.gen-table tbody tr:last-child td {
border-bottom: none;
}
.gen-table tbody tr:hover {
background-color: #efefef;
}
.gen-table.not-hover tbody tr:hover {
background-color: transparent;
}
.gen-table td {
height: 35px;
}
.gen-table td.name {
min-width: 140px;
}
.gen-table td.name p {
font-size: 1.2em;
}
.gen-table td.img {
line-height: 0;
min-width: 40px;
}
.gen-table tr.featured {
background-color: #0A299B;
color: #FFF !important;
}
.gen-table.stripped tbody tr:nth-child(2n+1) {
background: #efefef;
}
.table-responsive {
overflow: auto;
}
.table-responsive table {
min-width: 460px;
}
.classification-table {
line-height: 1.2;
}
.classification-table table {
border-spacing: 0 2px;
border-collapse: separate;
}
.classification-table td {
padding: 3px 5px;
line-height: 1;
position: relative;
}
.classification-table .nav-tab li.act a:not(.arrow-wrapper) {
position: relative;
}
.classification-table .nav-tab li.act a:not(.arrow-wrapper):after {
width: 100%;
height: 4px;
content: "";
background-color: #0ccaff;
position: absolute;
bottom: 0;
left: 0;
}
.classification-table .arrow-wrapper {
position: absolute;
top: 50%;
right: 15%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
margin-top: 2px;
}
.classification-table .arrow-wrapper svg {
fill: #0ccaff;
width: 15px;
height: 15px;
}
.scrolltable {
overflow: auto;
max-height: 400px;
}
.hidden-scrollbar ::-webkit-scrollbar {
background-color: transparent;
height: 1px;
width: 1px;
}
.dir {
position: relative;
}
.dir:after {
content: "";
display: block;
position: absolute;
left: calc(50% - 6px);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.dir.dir-u:after {
border-bottom: 6px solid #FFF;
bottom: 100%;
}
.dir.dir-d:after {
border-top: 6px solid #FFF;
top: 100%;
}
.mark-1 {
border-left: 3px solid #0A299B;
}
.mark-2 {
border-left: 3px solid #aaaaaa;
}
.mark-3,
.mark-asc,
.mark-playoftitulo,
.mark-copaspain {
border-left: 3px solid #2f9e2a;
}
.mark-playoff {
border-left: 3px solid #1687bb;
}
.mark-desc,
.mark-descb {
border-left: 3px solid #750b0c;
}
.table-legend .mark-1,
.shield-team .mark-1 {
background-color: #0A299B;
}
.table-legend .mark-2,
.shield-team .mark-2 {
background-color: #aaaaaa;
}
.table-legend .mark-3,
.shield-team .mark-3,
.table-legend .mark-asc,
.shield-team .mark-asc,
.table-legend .mark-playoftitulo,
.shield-team .mark-playoftitulo,
.table-legend .mark-copaspain,
.shield-team .mark-copaspain {
background-color: #2f9e2a;
}
.table-legend .mark-playoff,
.shield-team .mark-playoff {
background-color: #1687bb;
}
.table-legend .mark-desc,
.shield-team .mark-desc,
.table-legend .mark-descb,
.shield-team .mark-descb {
background-color: #750b0c;
}
.streak-list {
text-align: center;
}
.streak-list .elem {
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
color: #FFF;
font-size: 14px;
font-weight: 700;
}
.streak-list .elem:after {
content: "";
display: inline-block;
}
.streak-list .s-l {
background-color: #750b0c;
}
.streak-list .s-l:after {
content: attr(data-l);
}
.streak-list .s-d {
background-color: #aaaaaa;
}
.streak-list .s-d:after {
content: attr(data-d);
}
.streak-list .s-w {
background-color: #2f9e2a;
}
.streak-list .s-w:after {
content: attr(data-w);
}
.streak-color-l {
color: #750b0c;
}
.streak-color-d {
color: #aaaaaa;
}
.streak-color-w {
color: #2f9e2a;
}
.table-legend {
text-align: center;
padding: 20px 0;
}
.table-legend li {
display: inline-block;
padding: 0 10px;
}
.table-legend span {
display: inline-block;
vertical-align: baseline;
width: 20px;
height: 20px;
margin-right: 5px;
}
/* == CABECERA == */
.header {
color: #FFF;
position: fixed;
top: 0;
left: 0;
z-index: 9;
width: 100%;
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
}
.bar-top {
background: #00214a;
position: relative;
z-index: 2;
padding: 0 20px;
/*prueba de intranet*/
/*termina prueba*/
}
.bar-top ul,
.bar-top li {
display: inline-block;
vertical-align: middle;
}
.bar-top .flag {
width: 16px;
}
.bar-top .social-list {
margin-top: auto;
}
.bar-top .social-list .icon {
width: 28px;
height: 28px;
}
.bar-top .links li {
padding: 0 8px;
}
.bar-top .links li + li {
border-left: 1px solid #fff;
}
.bar-top .links .hb:hover {
background-color: #0A299B;
}
.bar-top .lang {
position: absolute;
top: 99%;
width: auto;
display: block;
height: 0;
overflow: hidden;
line-height: 1.8;
background-color: #0A299B;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.bar-top .lang a {
padding: 5px;
}
.bar-top .lang a:hover {
background: #00214a;
}
.bar-top .country-input:checked + label {
display: inline-block;
width: auto;
}
.bar-top .country-input:checked + label span {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.bar-top .country-input:checked ~ .lang {
height: auto;
border-top: 4px solid #ef032b;
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
}
.bar-top .intranet,
.bar-top .training {
position: absolute;
top: 99%;
width: 90px;
display: block;
height: 0;
overflow: hidden;
line-height: 1.8;
background-color: #0A299B;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.bar-top .intranet a,
.bar-top .training a {
padding: 5px;
}
.bar-top .intranet a:hover,
.bar-top .training a:hover {
background: #00214a;
}
.bar-top .training {
width: 130px;
}
.bar-top .intranet-input,
.bar-top .training-input {
display: none;
}
.bar-top .intranet-input:checked + label,
.bar-top .training-input:checked + label {
display: inline-block;
width: auto;
}
.bar-top .intranet-input:checked + label span,
.bar-top .training-input:checked + label span {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.bar-top .intranet-input:checked ~ .intranet,
.bar-top .training-input:checked ~ .intranet,
.bar-top .intranet-input:checked ~ .training,
.bar-top .training-input:checked ~ .training {
height: auto;
border-top: 4px solid #ef032b;
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
}
.search-wrapper {
/*
position: absolute;
right: 20px;
top: 15px;*/
}
.search-wrapper .iconSearch:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.search-box {
opacity: 0;
width: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #FFF;
overflow: hidden;
max-width: 450px;
background: #0acaff;
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.search-box .search-icon {
background: #05163D;
fill: #fff;
width: 56px;
height: 100%;
}
.search-box.open {
opacity: 1;
width: calc(100% - 26px);
-webkit-transition: 0.1s;
transition: 0.1s;
z-index: 2;
}
.search-box input {
border: none;
width: calc(100% - 130px);
background: transparent;
color: #fff;
display: inline-block;
margin-left: 10px;
font-size: 20px;
line-height: 20px;
}
.search-box ::-webkit-input-placeholder {
color: #fff;
}
.search-box a {
height: 100%;
}
.search-box a:nth-child(2) {
margin-right: -3px;
}
.search-box .icon {
fill: #00214a;
}
.header-teams {
max-height: 60px;
word-spacing: -4px;
white-space: nowrap;
}
.header-teams .cat-1 {
background-color: #081f75;
}
.header-teams .cat-2 {
background-color: #05163D;
}
.header-teams .name {
width: 70px;
word-spacing: 0;
white-space: normal;
}
.header-teams ul {
width: calc(100% - 70px);
}
.header-teams .name,
.header-teams ul,
.header-teams li {
display: inline-block;
vertical-align: middle;
}
.header-teams li {
width: calc(100% / 16);
padding: 0 5px;
}
.header-teams li img {
width: 100%;
max-width: 45px;
}
.menu-wrapper {
font-size: 22px;
background: #d6092e;
position: relative;
z-index: 1;
line-height: 0;
-webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
}
.menu-wrapper .logo {
display: inline-block;
vertical-align: middle;
}
.menu-wrapper .logo img {
width: 100%;
max-width: 180px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.menu-wrapper .contentMenu {
width: auto;
}
.menu-wrapper .sponsor {
width: 80px;
position: relative;
}
.menu-wrapper .sponsor:before {
content: "";
height: 80%;
width: 2px;
background-color: #FFF;
display: inline-block;
vertical-align: middle;
position: absolute;
left: 0;
top: 10%;
}
.menu-wrapper a {
display: block;
}
.menu-wrapper ul.menu li {
vertical-align: middle;
display: inline-block;
position: relative;
height: 24px;
}
.menu-wrapper ul.menu li.menu-principal {
display: none;
}
.menu-wrapper ul.menu li ul.submenu li {
width: 100%;
}
.menu-wrapper ul.menu li ul.submenu li.submenu-title {
border-bottom: 1px solid #0ccaff;
width: calc(100% - 30px);
}
.submenu {
font-size: 16px;
line-height: 1.2;
position: absolute;
z-index: 9;
top: 99%;
left: 50%;
width: 210px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
display: block;
height: 0;
overflow: hidden;
color: rgba(255, 255, 255, 0.6);
background-color: #05163D;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.submenu li {
list-style: none;
display: block;
margin-left: 15px;
}
.submenu a {
padding: 5px;
}
.submenu a:hover {
color: #FFF;
}
.menu {
width: calc(100% - 320px);
display: inline-block;
vertical-align: middle;
position: relative;
}
.menu > li {
color: rgba(255, 255, 255, 0.8);
}
.menu > li.active {
color: #FFF;
}
.menu > li.act .dp-arrow {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.menu > li.act .submenu {
-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
height: auto;
border-top: 4px solid #0ccaff;
padding: 10px 5px;
}
.section-menu li {
display: inline-block;
padding: 5px 10px;
border-radius: 20px;
}
.section-menu li a:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.section-menu li.active,
.section-menu li.act {
background: #00214a;
}
.section-menu li.active a:hover,
.section-menu li.act a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.section-menu li.active-videos {
background: #05163D;
}
.section-menu li.active-submenu,
.section-menu li.active-videos,
.section-menu li.active,
.section-menu li.act {
color: #ef032b;
}
.menu-toggle,
.burguer-input,
.country-input {
display: none;
}
/* == Noticias == */
.new-item {
line-height: 1.2;
}
.new-item .ni-title {
font-size: 22px;
}
.new-item .ni-date {
color: #c3c3c3;
}
.new-item.main-new .ni-title {
font-size: 38px;
}
.new-item .media-responsive {
/*overflow: hidden;*/
}
.new-item .media-responsive img {
width: auto;
}
.new-item:hover .media-responsive iframe,
.new-item:hover .media-responsive img,
.new-item:hover .media-responsive video {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.new-item:hover .ni-title {
color: #0A299B;
}
.card-notice .media-1_1 img {
left: -35%;
}
/* PARCHE */
.main-content .ni-title {
line-height: 1;
}
.last-news .new-item {
display: block;
padding: 10px 0;
}
.last-news .new-item + .new-item {
border-top: 1px solid #c3c3c3;
}
.last-news .ni-date {
color: #0A299B;
}
.last-news .ni-title {
font-size: 19px;
}
.news-club .new-item {
word-spacing: -4px;
}
.news-club .new-item .ni-figure,
.news-club .new-item .ni-info {
display: inline-block;
vertical-align: top;
word-spacing: 0;
}
.news-club .new-item .ni-figure {
width: 130px;
padding: 20px;
}
.news-club .new-item .ni-info:not(.ni-info-first) {
width: calc(100% - 130px);
}
.news-club .new-item .ni-title {
font-size: 18px;
}
.color-white .new-item:hover .ni-title {
color: #89c5ff;
}
.new-detail .main-content {
margin-top: -20px;
}
.detail-header {
padding: 20px 0 40px;
}
.detail-header .title {
font-size: 35px;
}
.detail-header .category {
color: #89c5ff;
font-size: 22px;
}
.detail-header .date {
display: inline-block;
margin-top: 10px;
padding-top: 10px;
border-top: 4px solid #ef032b;
color: #89c5ff;
min-width: 100px;
}
.detail-header .category-logo {
width: 100%;
position: relative;
}
.detail-header .category-logo .title {
width: calc(100% - 130px);
}
.detail-header .category-logo .logo {
width: 120px;
position: absolute;
top: -10px;
right: 0;
}
.detail-body {
font-size: 19px;
}
.detail-body .teaser {
font-size: 22px;
font-weight: 600;
margin-bottom: 20px;
}
.detail-body .video {
max-width: 640px;
margin: 20px auto;
}
.detail-body .text {
font-size: 18px;
margin-top: 40px;
}
.detail-body .text p {
margin-bottom: 10px;
}
.detail-body .text a {
color: #0A299B;
font-weight: bold;
}
.detail-body .text a:hover {
color: #05163D;
}
.share .icon {
fill: #0A299B;
}
.share a:hover .icon {
opacity: 0.5;
filter: alpha(opacity=50);
}
.news-list .ni-info {
padding: 10px;
}
.news-list.boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news-list.boxes [class*="col-"],
.news-list.boxes article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news-list.boxes .new-item {
width: 100%;
}
.masonry-wrapper {
max-width: 100%;
}
.masonry {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(100px, 1fr);
grid-template-columns: repeat(1, minmax(100px, 1fr));
grid-gap: 15px;
grid-auto-rows: 0;
}
.masonry-content {
overflow: hidden;
}
.news-slider {
position: relative;
}
.news-slider .slider-wrapper {
position: relative;
width: calc(100% - 20px);
visibility: hidden;
}
.news-slider .new-item {
display: inline-block;
white-space: normal;
width: 100%;
}
.news-slider .new-item .ni-info {
padding: 8px;
}
.news-slider .new-item .ni-title {
font-size: 26px;
}
.news-slider .slides {
cursor: default;
position: relative;
top: 0px;
left: 10px;
right: -5px;
width: 100%;
height: 470px;
}
.news-slider .slider-dots {
position: absolute;
top: 8px;
right: 10px;
}
.news-slider .slider-dots .i {
position: absolute;
cursor: pointer;
width: 20px;
height: 20px;
}
.news-slider .slider-dots .circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news-slider .slider-dots .b {
fill: #FFF;
fill-opacity: 0.5;
}
.news-slider .slider-dots .i:hover .b {
fill-opacity: 1;
}
.news-slider .slider-dots .iav .b {
fill-opacity: 1;
fill: #0ccaff;
}
.news-slider .slider-dots .i.idn {
opacity: 0.3;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spin {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(10, 41, 155, 0.7);
}
.spin img {
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
margin-top: -19px;
position: relative;
top: 50%;
width: 38px;
height: 38px;
}
/**/
/*footer*/
.footer-wrapper {
background: #05163d;
margin-top: 20px;
}
.footer-wrapper .logo-footer {
margin-bottom: 30px;
margin-top: -99px;
}
.social-list {
word-spacing: -4px;
}
.social-list li:first-child:nth-last-child(4),
.social-list li:first-child:nth-last-child(4) ~ li {
width: 25%;
}
.social-list li:first-child:nth-last-child(5),
.social-list li:first-child:nth-last-child(5) ~ li {
width: 20%;
}
.social-list li {
display: inline-block;
word-spacing: 0;
}
.social-list li .icon {
width: 40px;
height: 40px;
fill: rgba(255, 255, 255, 0.6);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.social-list li a:hover .icon {
fill: #FFF;
}
.bar-legal {
background-color: #0A299B;
color: #FFF;
position: relative;
font-size: 14px;
line-height: 1.2;
}
.partner .logo {
width: 200px;
padding: 0 20px;
}
.partner .featured .logo {
width: 260px;
}
.partner-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.partner-wrapper .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer-lnfs {
background: #05163d;
}
.footer-lnfs img {
max-width: 100px;
margin-right: 20px;
}
/**/
.featured-matches {
width: 98%;
white-space: nowrap;
padding: 0 40px;
/*.glider-track {margin: 0 auto;}*/
}
.featured-matches .featured-matches-slider {
width: 100%;
overflow: hidden;
visibility: hidden;
height: 140px;
}
.featured-matches .featured-matches-slider.glider {
visibility: visible;
height: auto;
}
.featured-matches .glider-slide {
line-height: 1.2;
background-color: #0A299B;
width: 210px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.featured-matches .glider-slide + .glider-slide {
margin-left: 2px;
}
.featured-matches .glider-slide .btn {
width: 49%;
padding: 10px;
}
.featured-matches .team img {
width: 30px;
}
.featured-matches .team .name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 60px);
}
.featured-matches .card {
padding: 5px;
height: 120px;
}
.featured-matches .card.card-team:hover {
background: #202e56;
}
.featured-matches .card .row:first-child .t-uc {
font-size: 12px;
padding: 2px 5px;
}
.featured-matches .big-card {
background-color: #FFF;
width: 100%;
height: 120px;
}
.featured-matches .big-card img {
width: 100px;
}
.featured-matches .date,
.featured-matches .position-match {
color: #89c5ff;
}
.featured-matches .tvs {
color: #89c5ff;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.featured-matches .nav {
position: absolute;
top: calc(50% - 20px);
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.featured-matches .nav-prev {
left: 10px;
}
.featured-matches .nav-next {
right: 10px;
}
.featured-matches [class*="arrow-"] {
display: block;
width: 0;
height: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
}
.featured-matches .arrow-left {
border-right: 20px solid #0ccaff;
border-left: none;
}
.featured-matches .arrow-right {
border-left: 20px solid #0ccaff;
border-right: none;
}
.featured-matches .select select {
background-color: transparent;
}
.featured-matches .loading-gif {
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-40%, -50%);
-ms-transform: translate(-40%, -50%);
transform: translate(-40%, -50%);
}
.featured-matches .glider + .loading-gif {
display: none;
}
.featured-matches .custom-select option {
background: #00214a;
}
.category-teams .row.row-min {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.category-teams .team-card-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
float: none;
}
.category-teams a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.category-teams a:hover {
color: #0A299B;
}
.category-teams .team-card {
background: #fff;
padding: 5px 5px 20px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category-teams .team-card .media-responsive img {
left: 0;
background: #e1e1e1;
}
.category-teams .shield {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
width: 100px;
height: 100px;
padding: 15px;
margin-top: -50px;
}
.category-teams .shield img {
max-height: 100%;
}
.title-video {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
padding: 20px;
font-size: 29px;
color: #FFF;
background: rgba(0, 33, 74, 0.7);
display: inline-block;
width: 100%;
}
.title-video.small {
font-size: 19px;
padding: 10px;
}
.round-select {
color: #0A299B;
font-size: 1.4em;
}
.round-select a:hover span {
color: #00214a;
}
.round-select a:hover .icon {
fill: #ef032b;
}
.round-select .icon {
fill: #0A299B;
width: 30px;
height: 30px;
}
.round-select .select {
padding: 10px 30px 10px 10px;
border-radius: 5px;
position: relative;
}
.round-select .select:hover,
.round-select .select:hover select {
cursor: pointer;
}
.round-select .select select {
background-color: transparent;
}
.round-select .select .select-arrow {
position: absolute;
right: 10px;
top: calc(50% - 5px);
width: 10px;
height: 10px;
border-style: solid;
border-color: #c3c3c3;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.gallery .gamma-description:after {
content: "";
display: block;
width: 120px;
height: 120px;
background: url("https://thumb2.besoccerapps.com/lnfs/img_web/resources/ico-magnifyingGlass.png?dpr=2.5");
background-repeat: no-repeat;
background-position: center;
background-size: 72px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.gallery .gamma-nav span {
z-index: 1;
}
/*prueba*/
.images-footer-instam {
height: 165px;
}
.images-footer-instam ul {
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: inherit;
font-size: 100%;
line-height: 1.5;
height: 100%;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
vertical-align: baseline;
}
.images-footer-instam li {
max-width: 16.65%;
width: 16.65%;
height: 205px;
padding: 10px;
float: left;
height: 100%;
}
.images-footer-instam li .box-photo-instam {
height: 100%;
}
.images-footer-instam li .box-photo-instam img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
/*termina prueba*/
.bg-direct {
background-image: url('https://thumb2.besoccerapps.com/lnfs/img_web/resources/backgrounds/bg2_big.png');
background-size: cover;
background-repeat: no-repeat;
}
.bg-img-1 {
background-size: cover;
background-repeat: no-repeat;
background-color: #202e56;
}
.bg-img-2 {
background-image: url('https://thumb2.besoccerapps.com/lnfs/img_web/resources/backgrounds/bg2_big.png');
background-size: cover;
background-repeat: no-repeat;
}
.bg-img-3 {
background-image: url('https://thumb2.besoccerapps.com/lnfs/img_web/resources/backgrounds/bg3_big.png');
background-size: cover;
background-repeat: no-repeat;
}
.bg-img-4 {
background-image: url('https://thumb2.besoccerapps.com/lnfs/img_web/resources/backgrounds/bg4_big.png?v=2');
background-size: cover;
background-repeat: no-repeat;
}
.bg-club-news {
background-image: url('https://thumb2.besoccerapps.com/lnfs/img_web/resources/backgrounds/bg_item_new_shield_list.png');
background-size: cover;
background-repeat: no-repeat;
}
.videos-list .ni-title {
min-height: 65px;
}
/*
.viewport{
overflow: auto;
max-height: 470px;
margin-right: -100px;
padding-right: 100px;
}
.rowPlayer{
width: 100%;
padding: 5px;
&:after {
display:block;
content: '';
clear: both;
}
}
.player {
width: ~"calc(50% - 35px)";
&:after {
display:block;
content: '';
clear: both;
}
&.player-right {
&, & + .actionsGame{
&, .minute, .event-right{
float: right;
font-size: 15px;
}
}
& + .actionsGame .minute:before{
left: 100%;
right: auto;
border-right-color: transparent;
border-left-color: @c_1;
}
}
&.player-right .imgPlayer{
float: left;
margin: 0 8px;
}
&.player-left {
text-align: left;
&, & + .actionsGame {
&, .minute, .event-left{
float: left;
font-size: 15px;
}
}
& + .actionsGame .minute:before{
right: 100%;
right: auto;
border-right-color: transparent;
border-left-color: @c_1;
}
}
&.player-left .imgPlayer{
float: right;
margin: 0 8px 0 8px;
}
.imgPlayer{ width: 32px;}
}
.actionsGame {
width: 70px;
position: relative;
&.event-right {
text-align: right;
}
&.event-left {
text-align: left;
}
}
.event {
display: block;
position: relative;
width: 23px;
height: 23px;
background: url('@{url_media}/sprite-events.png?size=128&dpr=3');
background-size: 128px;
}
.namePlayer{
margin-top: 5px;
}
.minute{
background-color: @c_2;
-webkit-border-radius: 2em;
color: #ffffff;
line-height: 1.5em;
text-align: center;
width: 1.5em;
height: 1.5em;
display: inline-block;
position: absolute;
margin: 3px 0 0;
left: 50%;
transform: translateX(-50%);
}
*/
/* ===== */
.imglogo {
max-width: 170px;
margin: auto;
padding-top: 15px;
}
.home-direct .team-shield {
width: 40px;
}
.match-direct .row.row-min {
width: calc(100% + 10px);
}
.match-direct .col-md-12 .events-legend li {
width: 49%;
display: inline-block;
}
.home-direct .hidden-scrollbar ::-webkit-scrollbar,
.match-direct .hidden-scrollbar ::-webkit-scrollbar {
background-color: rgba(0, 33, 74, 0.3);
height: 100%;
width: 5px;
}
.home-direct .hidden-scrollbar ::-webkit-scrollbar-thumb,
.match-direct .hidden-scrollbar ::-webkit-scrollbar-thumb {
background-color: rgba(10, 41, 155, 0.6);
border-radius: 5px;
}
.match-events .event-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: nowrap;
flex-flow: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.match-events .event {
width: calc(50% - 18px);
min-height: 1px;
padding: 5px 2px;
white-space: nowrap;
}
.match-events .event:first-child {
text-align: right;
}
.match-events .event:last-child {
text-align: left;
}
.match-events .name {
white-space: normal;
width: calc(100% - 60px);
}
.match-events .event-avatar {
background-color: #FFF;
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
line-height: 0;
}
.match-events .minute {
background-color: #0A299B;
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
font-size: 14px;
border-radius: 14px;
}
.match-events .event-ico {
width: 22px;
height: 22px;
line-height: 0;
}
.btn-eventsLegend {
border-radius: 50%;
width: 30px;
height: 30px;
padding: 5px;
position: absolute;
bottom: 5px;
right: 5px;
z-index: 2;
}
.btn-eventsLegend .icon {
width: 20px;
height: 20px;
}
.events-legend {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.events-legend img {
width: 24px;
height: 24px;
}
.events-legend span {
width: calc(100% - 28px);
}
/* ===== */
/*.ranking-table{
padding: 10px;
td:first-child,td:last-child{width:30px};
td:nth-child(2){width:30%};
tr{
border-bottom: 1px solid @border;
&:first-child{
border-top: 1px solid @border;
}
}
.player-img {
height: 70px;
position: absolute;
margin-top: -50px;
}
.info-team-ranking{
margin-left: -30px;
.shield-team-ranking{
max-width: 60%;
float: right;
margin-top: 0;
}
.n-ranking{
margin-left: -25px;
p{
margin-top: 15px;
}
}
.num-ranking, .pos-ranking{
width: 40px;
}
.num-ranking{
float: right;
p{
margin-top: -25px;
}
}
p, .datas h3{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
.card-header p{
font-size: 16px;
}
}*/
.ranking-table .rk-title {
padding: 5px 5px 5px 90px;
}
.ranking-table .rk-info {
padding-left: 90px;
}
.ranking-table .rk-info p {
font-size: 28px;
}
.ranking-table .player-img {
position: absolute;
width: 80px;
left: 5px;
top: 5px;
}
.ranking-table .name {
width: calc(100% - 45px);
}
.ranking-table .points {
width: 40px;
}
.ranking-table .shield {
width: 24px;
}
.ranking-table .rk-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ranking-table .rk-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ranking-table .rk-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.ranking-table .rk-btn {
margin-top: auto;
}
.shield-team {
padding: 10px;
margin-top: -20px;
overflow: hidden;
}
.shield-team li {
width: calc(100% / 16);
padding: 10px;
position: relative;
min-width: 60px;
}
.shield-team [class*="mark-"] {
width: 90%;
height: 8px;
position: absolute;
bottom: 0;
left: 5%;
}
.shield-team ul {
word-spacing: -4px;
white-space: nowrap;
overflow: auto;
}
.table-squad tr.featured {
background-color: #0A299B;
color: #FFF;
}
.table-squad td {
vertical-align: middle;
}
.table-squad .dorsal {
height: 65px;
width: 30px;
margin: 5px 0;
}
.role-1 {
background-color: #5e5e5e;
}
.role-2 {
background-color: #0A299B;
}
.role-3 {
background-color: #202e56;
}
.role-4 {
background-color: #750b0c;
}
/*.section .box {
background-color: #fff;
margin-bottom: 20px;
}*/
/*.section .contentitem {
padding: 10px;
overflow: hidden;
position: relative;
}*/
/*.table-matches{
.initial-info{
td{
height: 25px;
}
}
.tdMarker{
padding: 3px 0;
width: 70px;
div {
padding: 3px;
text-align: center;
background-color: @c_2;
color: @white;
font-size: 20px;
}
small {font-size: .8em;}
}
.tdTeam{
width: 45%;
&.team-local{
text-align: right;
.a-img{
margin-right: 10px;
}
}
&.team-visitor{
.a-img{
margin-left: 10px;
}
}
img, span{
vertical-align: middle;
}
span {
display: inline-block;
margin-left: 15px;
margin-right: 15px;
font-size: 20px;
}
}
.tdInfo{
font-size: 10px;
text-align: center;
color: @c_2;
}
}*/
.list-matches .match-row {
word-spacing: -5px;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.list-matches .match-row:hover {
background-color: #f7f7f7;
}
.list-matches .match-row + .match-row {
border-top: 1px solid #c3c3c3;
}
.list-matches .team {
width: calc(50% - 45px);
}
.list-matches .team a:hover {
color: #0A299B;
}
.list-matches .name {
word-spacing: normal;
padding: 5px;
width: calc(100% - 35px);
font-size: 20px;
}
.list-matches .shield {
line-height: 0;
width: 35px;
padding: 0 5px;
}
.list-matches .marker {
width: 90px;
height: 28px;
line-height: 28px;
overflow: hidden;
background-color: #0A299B;
color: #FFF;
word-spacing: normal;
font-size: 20px;
}
.list-matches .marker a:hover {
background-color: #00214a;
}
.list-matches .marker small {
font-size: 0.8em;
}
.list-matches .status {
width: 90px;
word-spacing: normal;
}
.list-matches .info {
width: calc(50% - 45px);
word-spacing: normal;
}
.list-matches .datas {
word-spacing: normal;
}
.list-matches .datas li + li span {
border-left: 1px solid #c3c3c3;
}
/*.media-responsive.iframe{
position: relative;
z-index: 0;
width: 100%;
height: 0;
padding-bottom: 56.25%;
video, img, iframe{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
}*/
/*select{
background: transparent;
}
select:focus{ outline: none;}*/
.custom-select {
overflow: hidden;
position: relative;
vertical-align: middle;
}
.custom-select:after {
content: "\025be";
display: table-cell;
text-align: center;
width: 30px;
position: absolute;
top: 50%;
right: 0px;
pointer-events: none;
font-size: 23px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.custom-select select {
width: 100%;
padding: 10px;
padding-right: 30px;
}
.select-galery {
text-align: right;
margin-top: 10px;
font-size: 15px;
}
/*.submenu{
background:#023859;
z-index:1000; // pdt: esto es una burrada
max-width: 1000px; // p-pdt: y de esto mejor no hablamos...
//width:95%; quitado afecta al deslizar competiciones
margin:20px auto;
ul {
list-style:none;
li {
display:inline-block;
position: relative;
&:hover .children{
display:block;
}
a {
color:#fff;
display:block;
text-decoration:none;
padding: 20px;
span {
margin-right:10px;
}
}
}
}
}*/
/*.boton {
margin: 0 auto;
display: block;
width: 40px;
height: auto;
border-radius: 7px;
color: white;
cursor: pointer;
position: relative;
span {
display: block;
width: 40px;
height: 4px;
background: white;
}
span:nth-child(2){
margin-top: 5px;
}
span:nth-child(3){
margin-top: 5px;
}
}*/
.content-404 .title-404 {
font-size: 100px;
color: #0A299B;
margin: 25px 0;
}
.content-404 .title-404 p {
line-height: 0.8;
}
.content-404 .info-404 {
padding: 30px 10px;
}
.player-info .player-data {
margin-bottom: 5px;
position: relative;
}
.player-info .name-surname {
font-size: 20px;
max-width: calc(100% - 45px);
}
.player-info .points {
line-height: 0.8;
font-size: 57px;
}
.player-info .actions {
font-size: 14px;
}
.player-info .player-dorsal {
color: #ffffff;
position: absolute;
right: 0;
}
.player-info .player-dorsal .dorsal {
width: 45px;
font-size: 35px;
height: 40px;
}
.player-info .player-image {
line-height: 0;
width: 180px;
border: 2px solid #efefef;
}
.player-info .player-image img {
width: 100%;
}
.player-info .info {
margin-left: 5px;
width: calc(100% - 190px);
}
.player-info .title-stats {
height: 40px;
line-height: 40px;
}
.player-info .title-stats div {
line-height: 1.1;
display: inline-block;
vertical-align: middle;
}
.season-team {
margin-bottom: 15px;
}
.season-team thead {
font-size: 12px;
}
.season-team td {
padding: 2px 5px;
}
.season-team .shield {
line-height: 0;
}
/*.nplayer, .link-info{
&:hover{
color: @c_2;
cursor: pointer;
}
}*/
/*.info-transfer{
.title-transfer p{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.nplayer{
font-size: 17px;
}
.title-more{
.team-transfer img{
width: 35px;
}
}
.role{
color: @tc_1;
padding: 3px;
font-size: 10px;
}
.icon_asc{
fill: @e_3;
}
.icon_desc{
fill: @e_4;
}
.box_1{background-color: @e_2};
.box_2{background-color: @c_2};
.box_3{background-color: @c_3};
.box_4{background-color: @e_4};
.row-transfer {
img{
width: 60px;
}
.data{
width: ~"calc(100% - 110px)";
}
.data p, .data{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.player-transfer{
&:last-child, &:nth-last-child(2){
border-bottom: 1px solid @border;
}
&:nth-last-child(2n){
border-right: 1px solid @border;
}
.role-player{
margin-right: 7px;
}
}
}
}*/
.transfers .w-row {
word-spacing: -5px;
}
.transfers .w-row div {
word-spacing: normal;
}
.transfers .w-row:nth-child(2n) {
border-left: 1px solid #c3c3c3;
}
.transfers .w-row + .w-row + .w-row {
border-top: 1px solid #c3c3c3;
}
.transfers .row + .w-row {
margin-top: 20px;
}
.transfers .role {
color: #FFF;
padding: 0 3px;
font-size: 14px;
}
.transfers .s-col {
width: 60px;
}
.transfers .n-col {
width: calc(100% - 120px);
}
.transfers .img {
line-height: 0;
}
.transfers .name {
font-size: 26px;
}
.transfers .t-arrowUp {
fill: #0A299B;
}
.transfers .t-arrowDown {
fill: #ef032b;
}
/*pagina de detail-match*/
.match-header .content-match {
font-size: 30px;
word-spacing: -8px;
}
.match-header .marker {
word-spacing: normal;
width: 180px;
font-size: 40px;
}
.match-header .marker small {
font-size: 0.8em;
}
.match-header .team {
width: calc(50% - 90px);
word-spacing: -8px;
}
.match-header .shield {
line-height: 0;
width: 60px;
}
.match-header .name {
width: calc(100% - 60px);
word-spacing: normal;
}
.match-header .data-m li + li {
border-left: 1px solid #FFF;
}
.match-header .data-m li {
padding: 0 8px;
}
.match-header .date-hour,
.match-header .data-m p {
color: #89c5ff;
}
.table-detail-match .img {
width: 45px;
line-height: 0;
}
.table-detail-match .r-dorsal {
width: 30px;
height: 45px;
line-height: 45px;
}
.table-detail-match .detail-data {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2px 0;
}
.table-detail-match .ico-actions {
width: 20px;
}
.table-detail-match .name,
.table-detail-match .actions {
width: calc(50% - 35px);
}
.table-detail-match .team_visitor {
padding-left: 0;
}
.table-detail-match .team_visitor .r-dorsal {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.table-detail-match .team_visitor .img {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.table-detail-match .team_visitor .name {
padding-right: 5px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: right;
}
.table-detail-match .team_visitor .ico-actions {
margin-left: 5px;
}
.table-detail-match .team_local {
padding-right: 0;
border-right: 1px solid #c3c3c3;
}
.table-detail-match .team_local .name {
padding-left: 5px;
}
.table-detail-match .team_local .actions {
text-align: right;
}
.table-detail-match .team_local .actions .ico-actions {
margin-right: 5px;
}
/*table-streak
// innecesario y más complicado de la cuenta
.table-detail-streak{
.matches{
.date, .marker, .shield, .round{
vertical-align: middle;
}
.data.date{
width: 80px;
color: @tc_6;
}
.shield, .round{
width: 40px;
}
.marker{
width: ~"calc(100% - 148px)";
div{
width: 32%;
}
.local{
text-align: right;
}
.result{
text-align: center;
}
.visitor{
text-align: left;
}
}
.data{
&.data-team{
font-size: 20px;
}
}
.round{
width: 60px;
.content-round{
order: 1;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding:3%;
}
.content-round_1{
background: @c_11;
}
.content-round_2{
background: @c_10;
}
.content-round_3{
background: @c_9;
}
}
}
.team_local, .team_visitor{
.matches{
display: flex;
align-items: center;
}
}
.team_local{
padding-right: 0;
.global{
border-right: 1px solid @border;
.content-round{
margin-right: 15px;
}
}
}
.team_visitor{
padding-left: 0;
.content-result{
margin-left: 30px;
}
.content-result{
display: flex;
flex-wrap: nowrap;
align-items: center;
.img-team{
order: 1;
}
.win{
order: 2;
}
.ties{
order: 3;
}
.defeats{
order: 4;
}
}
.matches{
margin-left: 5px;
.shield{
order: 2;
}
.marker{
order: 3;
}
.date{
order: 4;
}
.content-round{
margin-left: 15px;
}
}
}
.info-result{
width: 25%;
.n-result{
font-size: 50px;
margin-bottom: -10px;
&.win{
color: @c_11;
}
&.ties{
color: @c_10;
}
&.defeats{
color: @c_9;
}
}
}
.va-m div{
vertical-align: middle;
}
}*/
.match-streak .num {
font-size: 50px;
line-height: 1;
font-weight: bold;
}
.match-streak .visitor {
border-left: 1px solid #c3c3c3;
}
.match-streak .visitor .col-shield,
.match-streak .visitor .col-streak {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.match-streak .visitor .col-date {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
text-align: right;
}
.match-streak .match {
border-top: 1px solid #c3c3c3;
}
.match-streak .match .col-date {
width: 60px;
}
.match-streak .match .col-team {
width: calc(50% - 98px);
}
.match-streak .match .col-result {
width: 80px;
}
.match-streak .match .col-streak {
width: 60px;
}
.match-streak .marker {
line-height: 30px;
background: #0A299B;
color: #FFF;
}
.match-streak .marker small {
font-size: 0.8em;
}
.match-streak .shield {
max-width: 60px;
}
.match-streak .row.row-flex {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.match-streak .streak-list .elem {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 13px;
}
.match-stats .btn {
min-width: 70px;
}
/*campo*/
.bg-field {
padding-bottom: 41.86%;
}
.bg-field > img {
left: 0;
}
.bg-field .li-player {
width: 12%;
}
.bg-field .lineup {
list-style-type: none;
position: absolute;
top: 0;
width: 50%;
height: 100%;
margin-bottom: 0;
padding-left: 0;
}
.bg-field .lineup.local {
left: 0;
}
.bg-field .lineup.visitor {
right: 0;
}
.bg-field .lineup .li-player {
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.bg-field .player-empty img {
width: 60px;
}
.bg-field .rounded-round {
border-radius: 100px!important;
}
.bg-field .box-name {
border-radius: 50%;
line-height: 30px;
width: 30px;
height: 30px;
font-size: 100%;
position: absolute;
bottom: -15px;
left: calc(50% - 12px);
z-index: 3;
color: #ffffff;
padding: 0 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 2px solid #efefef;
text-align: center;
}
.bg-field .shield {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
width: 19%;
height: 30%;
font-size: 20px;
margin-top: 3.9%;
}
.bg-field .shield.shield-local {
margin-left: 4%;
}
.bg-field .shield.shield-visitor {
left: 78%;
}
.bg-field .shield img {
margin-top: 15%;
}
/*tabla de otras temporadas*/
/*.table-other-seasons{
.w10{
width: 10%;
}
.w40{
width: 40%;
}
.w9{
width: 9%;
}
tr{
height: 35px;
}
tr:last-child {
border-bottom: 1px solid @tc_2 ;
}
.t-season{
color: @tc_6;
}
.champion, .champion-h, .runner-h, .runner-up{
padding-left: 20px;
}
}*/
.table-historical {
position: relative;
}
.table-historical .row-flex {
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
}
.table-historical:after {
content: "";
width: 1px;
height: calc(100% - 20px);
background: #c3c3c3;
position: absolute;
left: 50%;
top: 10px;
}
.table-historical .col-historical:nth-child(2n + 1) {
border-right: 1px solid #c3c3c3;
}
.table-historical .info-historical {
letter-spacing: -4px;
position: relative;
}
.table-historical .info-historical:after {
content: "";
width: 1px;
height: 100%;
background: #c3c3c3;
position: absolute;
left: 100px;
top: 0;
}
.table-historical .info-historical div {
letter-spacing: normal;
}
.table-historical .info-historical .date {
width: 100px;
}
.table-historical .info-historical .text {
width: calc(100% - 100px);
}
.detail-video .title {
border-bottom: 4px solid #ef032b;
}
.content-contact .icon-arrow {
border-radius: 50%;
background-color: #0A299B;
width: 50px;
height: 50px;
}
.content-contact .icon-arrow .icon {
margin-top: 5px;
}
.content-contact .fulfillment p {
margin-bottom: 20px;
}
.content-contact .form {
border-right: 2px solid #0A299B;
}
.content-contact .custom-select {
border: 1px solid #0A299B;
}
.input-group {
position: relative;
}
.input-group input[type="text"],
.input-group input[type="email"],
.input-group textarea {
border: 1px solid #0A299B;
padding: 10px 15px;
display: block;
width: 100%;
line-height: 1.5;
border-radius: 1px solid red;
}
.input-group input[type="text"]:focus + label,
.input-group input[type="email"]:focus + label,
.input-group textarea:focus + label,
.input-group input[type="text"].edited + label,
.input-group input[type="email"].edited + label,
.input-group textarea.edited + label {
font-size: 0.8em;
color: #0A299B;
top: 0;
background-color: #FFF;
}
.input-group input[type="text"].error,
.input-group input[type="email"].error,
.input-group textarea.error {
background-color: rgba(239, 3, 43, 0.1);
}
.input-group label {
position: absolute;
left: 10px;
top: 20px;
padding: 0 5px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.input-group .msg-error {
font-size: 0.8em;
color: #ef032b;
text-align: right;
}
.selection-palmares {
line-height: 1.5;
font-size: 18px;
}
.results-content:nth-child(2n+1),
.calendar:nth-child(2n+1) {
background: #efefef;
}
.results-table {
overflow: auto;
}
.results-table thead td {
height: 40px;
}
.results-table td {
border: 1px solid #aaaaaa;
min-width: 45px;
font-size: 20px;
}
.results-table td img {
width: 40px;
}
.new-loading {
position: fixed;
text-align: center;
z-index: 99999;
line-height: 1.2;
max-width: 100%;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.75);
text-shadow: 0 0 15px white;
font-size: 16px;
padding-top: 20%;
}
.new-loading:after {
display: block;
content: '';
background: url("../img/resources/loading.gif") no-repeat center;
background-size: 100%;
width: 200px;
height: 90px;
margin: 10px auto 0;
}
/*cookies apra el que ahora esta situado en el footer*/
.privacyPolicy {
width: 100%;
position: fixed;
bottom: 0;
-webkit-box-shadow: 0px 0 10px 0 #FFF;
box-shadow: 0px 0 10px 0 #FFF;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
font-size: 14px;
line-height: 1.3em;
font-family: arial;
left: 0px;
text-align: center;
color: #FFF;
}
/* HTML5 ya ha definido la propiedad width en los td como obsoleta, aquí pongo diferentes anchos que usamos, de forma genérica.
Anchos de tablas: */
.w-5p {
width: 5%;
}
.w-10p {
width: 10%;
}
.w-20p {
width: 20%;
}
.w-30p {
width: 30%;
}
.w-35p {
width: 35%;
}
.w-50p {
width: 50%;
}
.w-20 {
width: 20px;
}
.w-30 {
width: 30px;
}
.w-35 {
width: 35px;
}
.w-40 {
width: 40px;
}
.w-50 {
width: 50px;
}
.w-60 {
width: 60px;
}
.w-100 {
width: 100px;
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.preload * {
-webkit-transition: none !important;
transition: none !important;
}
/* == UTILITIES == */
.pr {
position: relative!important;
}
.pa {
position: absolute!important;
}
.fl {
float: left!important;
}
.fr {
float: right!important;
}
.oh {
overflow: hidden!important;
}
.ov {
overflow: visible!important;
}
.ib {
display: inline-block !important;
}
.block {
display: block!important;
}
.va-t {
vertical-align: top!important;
}
.va-m {
vertical-align: middle!important;
}
.ws-n {
word-spacing: normal;
}
.ai-c {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.text-truncate {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
a[href='#'] {
pointer-events: none;
}
a.link:hover {
color: #0A299B;
}
/* == TEXTOS == */
.ta-r {
text-align: right!important;
}
.ta-l {
text-align: left!important;
}
.ta-c {
text-align: center!important;
}
.ta-j {
text-align: justify !important;
}
.t-u {
text-decoration: underline;
}
.t-uc {
text-transform: uppercase;
}
.t-cz {
text-transform: capitalize;
}
.t-lc {
text-transform: lowercase;
}
.fs-legal {
font-size: 12px;
}
.fs-small {
font-size: 11px;
}
.t2 {
font-size: 48px;
}
.t3 {
font-size: 32px;
}
.t4 {
font-size: 24px;
}
.t5 {
font-size: 19px;
}
.t6 {
font-size: 16px;
}
b,
.bold {
font-weight: bold;
}
.color-main {
color: #00214a !important;
}
.color-main2 {
color: #0A299B !important;
}
.color-c8 {
color: #89c5ff !important;
}
.color-white {
color: #FFF !important;
}
.color-black {
color: #000;
}
.color-g {
color: #5e5e5e;
}
.color-grey {
color: #aaaaaa !important;
}
.color-red {
color: #ef032b !important;
}
.color-lightGrey {
color: #c3c3c3;
}
.bg1 {
background-color: #00214a;
}
.bg2 {
background-color: #0A299B;
}
.bg3 {
background-color: #efefef;
}
.bg4 {
background-color: #202e56;
}
.bg5 {
background-color: #89c5ff;
}
.bg-grey-normal {
background-color: #aaaaaa !important;
}
.bg-fade {
background: rgba(0, 0, 0, 0.3);
}
.bg-white {
background-color: #FFF;
}
.bg-red {
background-color: #ef032b;
}
.hidden {
display: none!important;
}
.hover-underline:hover {
text-decoration: underline;
}
.shadow {
-webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.5);
}
/* == BUILDING == */
.content {
width: 100%;
max-width: 1420px;
margin: 0 auto;
padding: 0 10px;
position: relative;
}
.content:after {
clear: both;
display: table;
content: " ";
}
.main-content {
width: calc(100% - 320px);
min-height: 1px;
margin-top: 30px;
}
.main-content:after {
clear: both;
display: table;
content: " ";
}
.sidebar-left {
width: 320px;
float: left;
padding-right: 20px;
padding-top: 30px;
}
.sidebar-left + .sidebar-right + .main-content {
float: right;
width: calc(100% - 640px);
}
.sidebar-left + .main-content {
float: right;
}
.sidebar-right {
width: 320px;
float: right;
padding-top: 30px;
padding-bottom: 30px;
}
.sidebar-right + .main-content {
float: left;
padding-right: 20px;
}
.sidebar-right > * + * {
margin-top: 30px;
/*20px;*/
}
.row {
margin-right: -5px;
margin-left: -5px;
}
.row:after,
.row:before {
display: table;
content: " ";
clear: both;
}
.row.row-min {
margin-right: -5px;
margin-left: -5px;
}
.row.row-min > [class*="col-"] {
padding: 0 5px;
}
.row.row-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
}
[class*="col-"] {
position: relative;
min-height: 1px;
padding-right: 5px;
padding-left: 5px;
float: left;
}
[class*=col-].ib {
float: none;
margin-left: -2px;
margin-right: -2px;
}
.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: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.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;
}
.clear-all {
clear: left;
}
.clear-xs {
clear: left;
}
.row-flex > .col-xs-12 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-flex > .col-xs-4 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.row-flex > .col-xs-8 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.47%;
}
@media (max-width: 767px) {
.clear-xs {
clear: left;
}
}
@media (min-width: 767px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
[class*="col-sm-"] {
padding-right: 15px;
padding-left: 15px;
}
.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-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;
}
[class*=col-].ib {
float: none;
margin-left: -2px;
margin-right: -2px;
}
.row-flex > .col-sm-6 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-flex > .col-sm-4 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.row-flex > .col-sm-8 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.clear-sm {
clear: left;
}
}
@media (min-width: 992px) {
[class*="col-md-"] {
padding-right: 15px;
padding-left: 15px;
}
.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-2 {
width: 11.666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.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;
}
.clear-md {
clear: left;
}
.row-flex > .col-md-6 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-flex > .col-md-4 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.row-flex > .col-md-8 {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
}
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
.row-flex [class*="col-"] {
margin-left: -1px;
margin-right: -1px;
}
}
/* == def. padding and margin == */
.p0 {
padding: 0px !important;
}
.ph0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.pv0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.m0 {
margin: 0px !important;
}
.mh0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.mv0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mt0 {
margin-top: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.p5 {
padding: 5px !important;
}
.ph5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.pv5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.m5 {
margin: 5px !important;
}
.mh5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.mv5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.p10 {
padding: 10px !important;
}
.ph10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.pv10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.m10 {
margin: 10px !important;
}
.mh10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mv10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.p15 {
padding: 15px !important;
}
.ph15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.pv15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.m15 {
margin: 15px !important;
}
.mh15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mv15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.p20 {
padding: 20px !important;
}
.ph20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.pv20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.m20 {
margin: 20px !important;
}
.mh20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.mv20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.p25 {
padding: 25px !important;
}
.ph25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.pv25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.m25 {
margin: 25px !important;
}
.mh25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.mv25 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.p30 {
padding: 30px !important;
}
.ph30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.pv30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.m30 {
margin: 30px !important;
}
.mh30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.mv30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.p40 {
padding: 40px !important;
}
.ph40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.pv40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.m40 {
margin: 40px !important;
}
.mh40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.mv40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.p50 {
padding: 50px !important;
}
.ph50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
.pv50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.m50 {
margin: 50px !important;
}
.mh50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
.mv50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.p100 {
padding: 100px !important;
}
.ph100 {
padding-left: 100px !important;
padding-right: 100px !important;
}
.pv100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.m100 {
margin: 100px !important;
}
.mh100 {
margin-left: 100px !important;
margin-right: 100px !important;
}
.mv100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.p120 {
padding: 120px !important;
}
.ph120 {
padding-left: 120px !important;
padding-right: 120px !important;
}
.pv120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.pt120 {
padding-top: 120px !important;
}
.pr120 {
padding-right: 120px !important;
}
.pb120 {
padding-bottom: 120px !important;
}
.pl120 {
padding-left: 120px !important;
}
.m120 {
margin: 120px !important;
}
.mh120 {
margin-left: 120px !important;
margin-right: 120px !important;
}
.mv120 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mt120 {
margin-top: 120px !important;
}
.mr120 {
margin-right: 120px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.ml120 {
margin-left: 120px !important;
}
.mauto {
margin-left: auto;
margin-right: auto;
}
/* == Bordes == */
.border {
border: 1px solid #c3c3c3;
line-height: 0;
}
.border * {
line-height: normal;
}
.border-bottom {
border-bottom: 1px solid #c3c3c3;
}
.border-top {
border-top: 1px solid #c3c3c3;
}
.br-r {
border-right: 1px solid #c3c3c3;
}
.br-l {
border-left: 1px solid #c3c3c3;
}
.b-tb {
border-top: 1px solid white;
border-bottom: 1px solid white;
}
.b-title:before {
content: "";
position: relative;
left: 0;
top: -2px;
display: block;
height: 4px;
width: 100%;
background-color: #ef032b;
}
.ta-e {
text-align: end;
}
/**/
.btr {
border-top: 4px solid #ef032b;
}
/**/