@charset "UTF-8";/*!
* Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
   --blue: #007bff;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #dc3545;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #28a745;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
   --gray: #868e96;
   --gray-dark: #343a40;
   --primary: #007bff;
   --secondary: #868e96;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
   --breakpoint-xs: 0;
   --breakpoint-sm: 320px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 1024px;
   --breakpoint-xl: 1440px;
   --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
   --font-family-monospace: "SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

@media print {
   *,::after,::before {
       text-shadow: none!important;
       box-shadow: none!important
   }

   a,a:visited {
       text-decoration: underline
   }

   abbr[title]::after {
       content: " (" attr(title) ")"
   }

   pre {
       white-space: pre-wrap!important
   }

   blockquote,pre {
       border: 1px solid #999;
       page-break-inside: avoid
   }

   thead {
       display: table-header-group
   }

   img,tr {
       page-break-inside: avoid
   }

   h2,h3,p {
       orphans: 3;
       widows: 3
   }

   h2,h3 {
       page-break-after: avoid
   }

   .navbar {
       display: none
   }

   .badge {
       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
   }
}

*,::after,::before {
   box-sizing: border-box
}

html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
   width: device-width
}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
   display: block
}

body {
   margin: 0;
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff
}

[tabindex="-1"]:focus {
   outline: 0!important
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

h1,h2,h3,h4,h5,h6 {
   margin-top: 0;
   margin-bottom: .5rem
}

p {
   margin-top: 0;
   margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
   border-bottom: 0
}

address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit
}

dl,ol,ul {
   margin-top: 0;
   margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
   margin-bottom: 0
}

dt {
   font-weight: 700
}

dd {
   margin-bottom: .5rem;
   margin-left: 0
}

blockquote {
   margin: 0 0 1rem
}

dfn {
   font-style: italic
}

b,strong {
   font-weight: bolder
}

small {
   font-size: 80%
}

sub,sup {
   position: relative;
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline
}

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent;
   -webkit-text-decoration-skip: objects
}

a:hover {
   color: #0056b3;
   text-decoration: underline
}

a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
   color: inherit;
   text-decoration: none
}

a:not([href]):not([tabindex]):focus {
   outline: 0
}

code,kbd,pre,samp {
   font-family: monospace,monospace;
   font-size: 1em
}

pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
   -ms-overflow-style: scrollbar
}

figure {
   margin: 0 0 1rem
}

img {
   vertical-align: middle;
   border-style: none
}

svg:not(:root) {
   overflow: hidden
}

[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
   -ms-touch-action: manipulation;
   touch-action: manipulation
}

table {
   border-collapse: collapse
}

caption {
   padding-top: .75rem;
   padding-bottom: .75rem;
   color: #868e96;
   text-align: left;
   caption-side: bottom
}

th {
   text-align: inherit
}

label {
   display: inline-block;
   margin-bottom: .5rem
}

button {
   border-radius: 0
}

button:focus {
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}

button,input {
   overflow: visible
}

button,select {
   text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
   -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
   padding: 0;
   border-style: none
}

input[type=checkbox],input[type=radio] {
   box-sizing: border-box;
   padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
   -webkit-appearance: listbox
}

textarea {
   overflow: auto;
   resize: vertical
}

fieldset {
   min-width: 0;
   padding: 0;
   margin: 0;
   border: 0
}

legend {
   display: block;
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin-bottom: .5rem;
   font-size: 1.5rem;
   line-height: inherit;
   color: inherit;
   white-space: normal
}

progress {
   vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   outline-offset: -2px;
   -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button
}

output {
   display: inline-block
}

summary {
   display: list-item
}

template {
   display: none
}

[hidden] {
   display: none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
   margin-bottom: .5rem;
   font-family: inherit;
   font-weight: 500;
   line-height: 1.2;
   color: inherit
}

.h1,h1 {
   font-size: 2.5rem
}

.h2,h2 {
   font-size: 2rem
}

.h3,h3 {
   font-size: 1.75rem
}

.h4,h4 {
   font-size: 1.5rem
}

.h5,h5 {
   font-size: 1.25rem
}

.h6,h6 {
   font-size: 1rem
}

.lead {
   font-size: 1.25rem;
   font-weight: 300
}

.display-1 {
   font-size: 6rem;
   font-weight: 300;
   line-height: 1.2
}

.display-2 {
   font-size: 5.5rem;
   font-weight: 300;
   line-height: 1.2
}

.display-3 {
   font-size: 4.5rem;
   font-weight: 300;
   line-height: 1.2
}

.display-4 {
   font-size: 3.5rem;
   font-weight: 300;
   line-height: 1.2
}

hr {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 1px solid rgba(0,0,0,.1)
}

.small,small {
   font-size: 80%;
   font-weight: 400
}

.mark,mark {
   padding: .2em;
   background-color: #fcf8e3
}

.list-unstyled {
   padding-left: 0;
   list-style: none
}

.list-inline {
   padding-left: 0;
   list-style: none
}

.list-inline-item {
   display: inline-block
}

.list-inline-item:not(:last-child) {
   margin-right: 5px
}

.initialism {
   font-size: 90%;
   text-transform: uppercase
}

.blockquote {
   margin-bottom: 1rem;
   font-size: 1.25rem
}

.blockquote-footer {
   display: block;
   font-size: 80%;
   color: #868e96
}

.blockquote-footer::before {
   content: "\2014 \00A0"
}

.img-fluid {
   max-width: 100%;
   height: auto
}

.img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: .25rem;
   transition: all .2s ease-in-out;
   max-width: 100%;
   height: auto
}

.figure {
   display: inline-block
}

.figure-img {
   margin-bottom: .5rem;
   line-height: 1
}

.figure-caption {
   font-size: 90%;
   color: #868e96
}

code,kbd,pre,samp {
   font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

code {
   padding: .2rem .4rem;
   font-size: 90%;
   color: #bd4147;
   background-color: #f8f9fa;
   border-radius: .25rem
}

a>code {
   padding: 0;
   color: inherit;
   background-color: inherit
}

kbd {
   padding: .2rem .4rem;
   font-size: 90%;
   color: #fff;
   background-color: #212529;
   border-radius: .2rem
}

kbd kbd {
   padding: 0;
   font-size: 100%;
   font-weight: 700
}

pre {
   display: block;
   margin-top: 0;
   margin-bottom: 1rem;
   font-size: 90%;
   color: #212529
}

pre code {
   padding: 0;
   font-size: inherit;
   color: inherit;
   background-color: transparent;
   border-radius: 0
}

.pre-scrollable {
   max-height: 340px;
   overflow-y: scroll
}

.container {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width: 320px) {
   .container {
       max-width:304px
   }
}

@media (min-width: 768px) {
   .container {
       max-width:742px
   }
}

@media (min-width: 1024px) {
   .container {
       max-width:946px
   }
}

@media (min-width: 1440px) {
   .container {
       max-width:1378px
   }
}

.container-fluid {
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto
}

.row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px
}

.no-gutters {
   margin-right: 0;
   margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
   padding-right: 0;
   padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.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-lg-auto,.col-md,.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-md-auto,.col-sm,.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-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px
}

.col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%
}

.col-auto {
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: auto;
   max-width: none
}

.col-1 {
   -ms-flex: 0 0 8.333333%;
   flex: 0 0 8.333333%;
   max-width: 8.333333%
}

.col-2 {
   -ms-flex: 0 0 16.666667%;
   flex: 0 0 16.666667%;
   max-width: 16.666667%
}

.col-3 {
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%
}

.col-4 {
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%
}

.col-5 {
   -ms-flex: 0 0 41.666667%;
   flex: 0 0 41.666667%;
   max-width: 41.666667%
}

.col-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%
}

.col-7 {
   -ms-flex: 0 0 58.333333%;
   flex: 0 0 58.333333%;
   max-width: 58.333333%
}

.col-8 {
   -ms-flex: 0 0 66.666667%;
   flex: 0 0 66.666667%;
   max-width: 66.666667%
}

.col-9 {
   -ms-flex: 0 0 75%;
   flex: 0 0 75%;
   max-width: 75%
}

.col-10 {
   -ms-flex: 0 0 83.333333%;
   flex: 0 0 83.333333%;
   max-width: 83.333333%
}

.col-11 {
   -ms-flex: 0 0 91.666667%;
   flex: 0 0 91.666667%;
   max-width: 91.666667%
}

.col-12 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%
}

.order-first {
   -ms-flex-order: -1;
   order: -1
}

.order-1 {
   -ms-flex-order: 1;
   order: 1
}

.order-2 {
   -ms-flex-order: 2;
   order: 2
}

.order-3 {
   -ms-flex-order: 3;
   order: 3
}

.order-4 {
   -ms-flex-order: 4;
   order: 4
}

.order-5 {
   -ms-flex-order: 5;
   order: 5
}

.order-6 {
   -ms-flex-order: 6;
   order: 6
}

.order-7 {
   -ms-flex-order: 7;
   order: 7
}

.order-8 {
   -ms-flex-order: 8;
   order: 8
}

.order-9 {
   -ms-flex-order: 9;
   order: 9
}

.order-10 {
   -ms-flex-order: 10;
   order: 10
}

.order-11 {
   -ms-flex-order: 11;
   order: 11
}

.order-12 {
   -ms-flex-order: 12;
   order: 12
}

.offset-1 {
   margin-left: 8.333333%
}

.offset-2 {
   margin-left: 16.666667%
}

.offset-3 {
   margin-left: 25%
}

.offset-4 {
   margin-left: 33.333333%
}

.offset-5 {
   margin-left: 41.666667%
}

.offset-6 {
   margin-left: 50%
}

.offset-7 {
   margin-left: 58.333333%
}

.offset-8 {
   margin-left: 66.666667%
}

.offset-9 {
   margin-left: 75%
}

.offset-10 {
   margin-left: 83.333333%
}

.offset-11 {
   margin-left: 91.666667%
}

@media (min-width: 320px) {
   .col-sm {
       -ms-flex-preferred-size:0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }

   .col-sm-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: none
   }

   .col-sm-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }

   .col-sm-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }

   .col-sm-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }

   .col-sm-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }

   .col-sm-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }

   .col-sm-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }

   .col-sm-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }

   .col-sm-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }

   .col-sm-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }

   .col-sm-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }

   .col-sm-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }

   .col-sm-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }

   .order-sm-first {
       -ms-flex-order: -1;
       order: -1
   }

   .order-sm-1 {
       -ms-flex-order: 1;
       order: 1
   }

   .order-sm-2 {
       -ms-flex-order: 2;
       order: 2
   }

   .order-sm-3 {
       -ms-flex-order: 3;
       order: 3
   }

   .order-sm-4 {
       -ms-flex-order: 4;
       order: 4
   }

   .order-sm-5 {
       -ms-flex-order: 5;
       order: 5
   }

   .order-sm-6 {
       -ms-flex-order: 6;
       order: 6
   }

   .order-sm-7 {
       -ms-flex-order: 7;
       order: 7
   }

   .order-sm-8 {
       -ms-flex-order: 8;
       order: 8
   }

   .order-sm-9 {
       -ms-flex-order: 9;
       order: 9
   }

   .order-sm-10 {
       -ms-flex-order: 10;
       order: 10
   }

   .order-sm-11 {
       -ms-flex-order: 11;
       order: 11
   }

   .order-sm-12 {
       -ms-flex-order: 12;
       order: 12
   }

   .offset-sm-0 {
       margin-left: 0
   }

   .offset-sm-1 {
       margin-left: 8.333333%
   }

   .offset-sm-2 {
       margin-left: 16.666667%
   }

   .offset-sm-3 {
       margin-left: 25%
   }

   .offset-sm-4 {
       margin-left: 33.333333%
   }

   .offset-sm-5 {
       margin-left: 41.666667%
   }

   .offset-sm-6 {
       margin-left: 50%
   }

   .offset-sm-7 {
       margin-left: 58.333333%
   }

   .offset-sm-8 {
       margin-left: 66.666667%
   }

   .offset-sm-9 {
       margin-left: 75%
   }

   .offset-sm-10 {
       margin-left: 83.333333%
   }

   .offset-sm-11 {
       margin-left: 91.666667%
   }
}

@media (min-width: 768px) {
   .col-md {
       -ms-flex-preferred-size:0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }

   .col-md-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: none
   }

   .col-md-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }

   .col-md-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }

   .col-md-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }

   .col-md-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }

   .col-md-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }

   .col-md-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }

   .col-md-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }

   .col-md-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }

   .col-md-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }

   .col-md-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }

   .col-md-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }

   .col-md-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }

   .order-md-first {
       -ms-flex-order: -1;
       order: -1
   }

   .order-md-1 {
       -ms-flex-order: 1;
       order: 1
   }

   .order-md-2 {
       -ms-flex-order: 2;
       order: 2
   }

   .order-md-3 {
       -ms-flex-order: 3;
       order: 3
   }

   .order-md-4 {
       -ms-flex-order: 4;
       order: 4
   }

   .order-md-5 {
       -ms-flex-order: 5;
       order: 5
   }

   .order-md-6 {
       -ms-flex-order: 6;
       order: 6
   }

   .order-md-7 {
       -ms-flex-order: 7;
       order: 7
   }

   .order-md-8 {
       -ms-flex-order: 8;
       order: 8
   }

   .order-md-9 {
       -ms-flex-order: 9;
       order: 9
   }

   .order-md-10 {
       -ms-flex-order: 10;
       order: 10
   }

   .order-md-11 {
       -ms-flex-order: 11;
       order: 11
   }

   .order-md-12 {
       -ms-flex-order: 12;
       order: 12
   }

   .offset-md-0 {
       margin-left: 0
   }

   .offset-md-1 {
       margin-left: 8.333333%
   }

   .offset-md-2 {
       margin-left: 16.666667%
   }

   .offset-md-3 {
       margin-left: 25%
   }

   .offset-md-4 {
       margin-left: 33.333333%
   }

   .offset-md-5 {
       margin-left: 41.666667%
   }

   .offset-md-6 {
       margin-left: 50%
   }

   .offset-md-7 {
       margin-left: 58.333333%
   }

   .offset-md-8 {
       margin-left: 66.666667%
   }

   .offset-md-9 {
       margin-left: 75%
   }

   .offset-md-10 {
       margin-left: 83.333333%
   }

   .offset-md-11 {
       margin-left: 91.666667%
   }
}

@media (min-width: 1024px) {
   .col-lg {
       -ms-flex-preferred-size:0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }

   .col-lg-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: none
   }

   .col-lg-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }

   .col-lg-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }

   .col-lg-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }

   .col-lg-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }

   .col-lg-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }

   .col-lg-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }

   .col-lg-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }

   .col-lg-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }

   .col-lg-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }

   .col-lg-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }

   .col-lg-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }

   .col-lg-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }

   .order-lg-first {
       -ms-flex-order: -1;
       order: -1
   }

   .order-lg-1 {
       -ms-flex-order: 1;
       order: 1
   }

   .order-lg-2 {
       -ms-flex-order: 2;
       order: 2
   }

   .order-lg-3 {
       -ms-flex-order: 3;
       order: 3
   }

   .order-lg-4 {
       -ms-flex-order: 4;
       order: 4
   }

   .order-lg-5 {
       -ms-flex-order: 5;
       order: 5
   }

   .order-lg-6 {
       -ms-flex-order: 6;
       order: 6
   }

   .order-lg-7 {
       -ms-flex-order: 7;
       order: 7
   }

   .order-lg-8 {
       -ms-flex-order: 8;
       order: 8
   }

   .order-lg-9 {
       -ms-flex-order: 9;
       order: 9
   }

   .order-lg-10 {
       -ms-flex-order: 10;
       order: 10
   }

   .order-lg-11 {
       -ms-flex-order: 11;
       order: 11
   }

   .order-lg-12 {
       -ms-flex-order: 12;
       order: 12
   }

   .offset-lg-0 {
       margin-left: 0
   }

   .offset-lg-1 {
       margin-left: 8.333333%
   }

   .offset-lg-2 {
       margin-left: 16.666667%
   }

   .offset-lg-3 {
       margin-left: 25%
   }

   .offset-lg-4 {
       margin-left: 33.333333%
   }

   .offset-lg-5 {
       margin-left: 41.666667%
   }

   .offset-lg-6 {
       margin-left: 50%
   }

   .offset-lg-7 {
       margin-left: 58.333333%
   }

   .offset-lg-8 {
       margin-left: 66.666667%
   }

   .offset-lg-9 {
       margin-left: 75%
   }

   .offset-lg-10 {
       margin-left: 83.333333%
   }

   .offset-lg-11 {
       margin-left: 91.666667%
   }
}

@media (min-width: 1440px) {
   .col-xl {
       -ms-flex-preferred-size:0;
       flex-basis: 0;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 100%
   }

   .col-xl-auto {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: auto;
       max-width: none
   }

   .col-xl-1 {
       -ms-flex: 0 0 8.333333%;
       flex: 0 0 8.333333%;
       max-width: 8.333333%
   }

   .col-xl-2 {
       -ms-flex: 0 0 16.666667%;
       flex: 0 0 16.666667%;
       max-width: 16.666667%
   }

   .col-xl-3 {
       -ms-flex: 0 0 25%;
       flex: 0 0 25%;
       max-width: 25%
   }

   .col-xl-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 33.333333%;
       max-width: 33.333333%
   }

   .col-xl-5 {
       -ms-flex: 0 0 41.666667%;
       flex: 0 0 41.666667%;
       max-width: 41.666667%
   }

   .col-xl-6 {
       -ms-flex: 0 0 50%;
       flex: 0 0 50%;
       max-width: 50%
   }

   .col-xl-7 {
       -ms-flex: 0 0 58.333333%;
       flex: 0 0 58.333333%;
       max-width: 58.333333%
   }

   .col-xl-8 {
       -ms-flex: 0 0 66.666667%;
       flex: 0 0 66.666667%;
       max-width: 66.666667%
   }

   .col-xl-9 {
       -ms-flex: 0 0 75%;
       flex: 0 0 75%;
       max-width: 75%
   }

   .col-xl-10 {
       -ms-flex: 0 0 83.333333%;
       flex: 0 0 83.333333%;
       max-width: 83.333333%
   }

   .col-xl-11 {
       -ms-flex: 0 0 91.666667%;
       flex: 0 0 91.666667%;
       max-width: 91.666667%
   }

   .col-xl-12 {
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%
   }

   .order-xl-first {
       -ms-flex-order: -1;
       order: -1
   }

   .order-xl-1 {
       -ms-flex-order: 1;
       order: 1
   }

   .order-xl-2 {
       -ms-flex-order: 2;
       order: 2
   }

   .order-xl-3 {
       -ms-flex-order: 3;
       order: 3
   }

   .order-xl-4 {
       -ms-flex-order: 4;
       order: 4
   }

   .order-xl-5 {
       -ms-flex-order: 5;
       order: 5
   }

   .order-xl-6 {
       -ms-flex-order: 6;
       order: 6
   }

   .order-xl-7 {
       -ms-flex-order: 7;
       order: 7
   }

   .order-xl-8 {
       -ms-flex-order: 8;
       order: 8
   }

   .order-xl-9 {
       -ms-flex-order: 9;
       order: 9
   }

   .order-xl-10 {
       -ms-flex-order: 10;
       order: 10
   }

   .order-xl-11 {
       -ms-flex-order: 11;
       order: 11
   }

   .order-xl-12 {
       -ms-flex-order: 12;
       order: 12
   }

   .offset-xl-0 {
       margin-left: 0
   }

   .offset-xl-1 {
       margin-left: 8.333333%
   }

   .offset-xl-2 {
       margin-left: 16.666667%
   }

   .offset-xl-3 {
       margin-left: 25%
   }

   .offset-xl-4 {
       margin-left: 33.333333%
   }

   .offset-xl-5 {
       margin-left: 41.666667%
   }

   .offset-xl-6 {
       margin-left: 50%
   }

   .offset-xl-7 {
       margin-left: 58.333333%
   }

   .offset-xl-8 {
       margin-left: 66.666667%
   }

   .offset-xl-9 {
       margin-left: 75%
   }

   .offset-xl-10 {
       margin-left: 83.333333%
   }

   .offset-xl-11 {
       margin-left: 91.666667%
   }
}

.table {
   width: 100%;
   max-width: 100%;
   margin-bottom: 1rem;
   background-color: transparent
}

.table td,.table th {
   padding: .75rem;
   vertical-align: top;
   border-top: 1px solid #e9ecef
}

.table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #e9ecef
}

.table tbody+tbody {
   border-top: 2px solid #e9ecef
}

.table .table {
   background-color: #fff
}

.table-sm td,.table-sm th {
   padding: .3rem
}

.table-bordered {
   border: 1px solid #e9ecef
}

.table-bordered td,.table-bordered th {
   border: 1px solid #e9ecef
}

.table-bordered thead td,.table-bordered thead th {
   border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
   background-color: rgba(0,0,0,.075)
}

.table-primary,.table-primary>td,.table-primary>th {
   background-color: #b8daff
}

.table-hover .table-primary:hover {
   background-color: #9fcdff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
   background-color: #9fcdff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
   background-color: #dddfe2
}

.table-hover .table-secondary:hover {
   background-color: #cfd2d6
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
   background-color: #cfd2d6
}

.table-success,.table-success>td,.table-success>th {
   background-color: #c3e6cb
}

.table-hover .table-success:hover {
   background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
   background-color: #b1dfbb
}

.table-info,.table-info>td,.table-info>th {
   background-color: #bee5eb
}

.table-hover .table-info:hover {
   background-color: #abdde5
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
   background-color: #abdde5
}

.table-warning,.table-warning>td,.table-warning>th {
   background-color: #ffeeba
}

.table-hover .table-warning:hover {
   background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
   background-color: #ffe8a1
}

.table-danger,.table-danger>td,.table-danger>th {
   background-color: #f5c6cb
}

.table-hover .table-danger:hover {
   background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
   background-color: #f1b0b7
}

.table-light,.table-light>td,.table-light>th {
   background-color: #fdfdfe
}

.table-hover .table-light:hover {
   background-color: #ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
   background-color: #ececf6
}

.table-dark,.table-dark>td,.table-dark>th {
   background-color: #c6c8ca
}

.table-hover .table-dark:hover {
   background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
   background-color: #b9bbbe
}

.table-active,.table-active>td,.table-active>th {
   background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
   background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
   background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
   color: #fff;
   background-color: #212529;
   border-color: #32383e
}

.table .thead-light th {
   color: #495057;
   background-color: #e9ecef;
   border-color: #e9ecef
}

.table-dark {
   color: #fff;
   background-color: #212529
}

.table-dark td,.table-dark th,.table-dark thead th {
   border-color: #32383e
}

.table-dark.table-bordered {
   border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
   background-color: rgba(255,255,255,.075)
}

@media (max-width: 319px) {
   .table-responsive-sm {
       display:block;
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       -ms-overflow-style: -ms-autohiding-scrollbar
   }

   .table-responsive-sm.table-bordered {
       border: 0
   }
}

@media (max-width: 767px) {
   .table-responsive-md {
       display:block;
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       -ms-overflow-style: -ms-autohiding-scrollbar
   }

   .table-responsive-md.table-bordered {
       border: 0
   }
}

@media (max-width: 1023px) {
   .table-responsive-lg {
       display:block;
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       -ms-overflow-style: -ms-autohiding-scrollbar
   }

   .table-responsive-lg.table-bordered {
       border: 0
   }
}

@media (max-width: 1439px) {
   .table-responsive-xl {
       display:block;
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       -ms-overflow-style: -ms-autohiding-scrollbar
   }

   .table-responsive-xl.table-bordered {
       border: 0
   }
}

.table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive.table-bordered {
   border: 0
}

.form-control {
   display: block;
   width: 100%;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-image: none;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control::-ms-expand {
   background-color: transparent;
   border: 0
}

.form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
   color: #868e96;
   opacity: 1
}

.form-control:-ms-input-placeholder {
   color: #868e96;
   opacity: 1
}

.form-control::-ms-input-placeholder {
   color: #868e96;
   opacity: 1
}

.form-control::placeholder {
   color: #868e96;
   opacity: 1
}

.form-control:disabled,.form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1
}

select.form-control:not([size]):not([multiple]) {
   height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
   color: #495057;
   background-color: #fff
}

.form-control-file,.form-control-range {
   display: block
}

.col-form-label {
   padding-top: calc(.375rem + 1px);
   padding-bottom: calc(.375rem + 1px);
   margin-bottom: 0;
   line-height: 1.5
}

.col-form-label-lg {
   padding-top: calc(.5rem + 1px);
   padding-bottom: calc(.5rem + 1px);
   font-size: 1.25rem;
   line-height: 1.5
}

.col-form-label-sm {
   padding-top: calc(.25rem + 1px);
   padding-bottom: calc(.25rem + 1px);
   font-size: .875rem;
   line-height: 1.5
}

.col-form-legend {
   padding-top: .375rem;
   padding-bottom: .375rem;
   margin-bottom: 0;
   font-size: 1rem
}

.form-control-plaintext {
   padding-top: .375rem;
   padding-bottom: .375rem;
   margin-bottom: 0;
   line-height: 1.5;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.form-control-plaintext.input-group-addon,.input-group-lg>.input-group-btn>.form-control-plaintext.btn,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.form-control-plaintext.input-group-addon,.input-group-sm>.input-group-btn>.form-control-plaintext.btn {
   padding-right: 0;
   padding-left: 0
}

.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem
}

.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),.input-group-sm>select.input-group-addon:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) {
   height: calc(1.8125rem + 2px)
}

.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
}

.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),.input-group-lg>select.input-group-addon:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) {
   height: calc(2.875rem + 2px)
}

.form-group {
   margin-bottom: 1rem
}

.form-text {
   display: block;
   margin-top: .25rem
}

.form-row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
   padding-right: 5px;
   padding-left: 5px
}

.form-check {
   position: relative;
   display: block;
   margin-bottom: .5rem
}

.form-check.disabled .form-check-label {
   color: #868e96
}

.form-check-label {
   padding-left: 1.25rem;
   margin-bottom: 0
}

.form-check-input {
   position: absolute;
   margin-top: .25rem;
   margin-left: -1.25rem
}

.form-check-inline {
   display: inline-block;
   margin-right: .75rem
}

.form-check-inline .form-check-label {
   vertical-align: middle
}

.valid-feedback {
   display: none;
   margin-top: .25rem;
   font-size: .875rem;
   color: #28a745
}

.valid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   width: 250px;
   padding: .5rem;
   margin-top: .1rem;
   font-size: .875rem;
   line-height: 1;
   color: #fff;
   background-color: rgba(40,167,69,.8);
   border-radius: .2rem
}

.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
   border-color: #28a745
}

.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
   box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
   display: block
}

.form-check-input.is-valid+.form-check-label,.was-validated .form-check-input:valid+.form-check-label {
   color: #28a745
}

.custom-control-input.is-valid~.custom-control-indicator,.was-validated .custom-control-input:valid~.custom-control-indicator {
   background-color: rgba(40,167,69,.25)
}

.custom-control-input.is-valid~.custom-control-description,.was-validated .custom-control-input:valid~.custom-control-description {
   color: #28a745
}

.custom-file-input.is-valid~.custom-file-control,.was-validated .custom-file-input:valid~.custom-file-control {
   border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-control::before,.was-validated .custom-file-input:valid~.custom-file-control::before {
   border-color: inherit
}

.custom-file-input.is-valid:focus,.was-validated .custom-file-input:valid:focus {
   box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
   display: none;
   margin-top: .25rem;
   font-size: .875rem;
   color: #dc3545
}

.invalid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   width: 250px;
   padding: .5rem;
   margin-top: .1rem;
   font-size: .875rem;
   line-height: 1;
   color: #fff;
   background-color: rgba(220,53,69,.8);
   border-radius: .2rem
}

.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
   border-color: #dc3545
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
   box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
   display: block
}

.form-check-input.is-invalid+.form-check-label,.was-validated .form-check-input:invalid+.form-check-label {
   color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-indicator,.was-validated .custom-control-input:invalid~.custom-control-indicator {
   background-color: rgba(220,53,69,.25)
}

.custom-control-input.is-invalid~.custom-control-description,.was-validated .custom-control-input:invalid~.custom-control-description {
   color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-control,.was-validated .custom-file-input:invalid~.custom-file-control {
   border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-control::before,.was-validated .custom-file-input:invalid~.custom-file-control::before {
   border-color: inherit
}

.custom-file-input.is-invalid:focus,.was-validated .custom-file-input:invalid:focus {
   box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-flex-align: center;
   align-items: center
}

.form-inline .form-check {
   width: 100%
}

@media (min-width: 320px) {
   .form-inline label {
       display:-ms-flexbox;
       display: flex;
       -ms-flex-align: center;
       align-items: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-bottom: 0
   }

   .form-inline .form-group {
       display: -ms-flexbox;
       display: flex;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       -ms-flex-flow: row wrap;
       flex-flow: row wrap;
       -ms-flex-align: center;
       align-items: center;
       margin-bottom: 0
   }

   .form-inline .form-control {
       display: inline-block;
       width: auto;
       vertical-align: middle
   }

   .form-inline .form-control-plaintext {
       display: inline-block
   }

   .form-inline .input-group {
       width: auto
   }

   .form-inline .form-check {
       display: -ms-flexbox;
       display: flex;
       -ms-flex-align: center;
       align-items: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: auto;
       margin-top: 0;
       margin-bottom: 0
   }

   .form-inline .form-check-label {
       padding-left: 0
   }

   .form-inline .form-check-input {
       position: relative;
       margin-top: 0;
       margin-right: .25rem;
       margin-left: 0
   }

   .form-inline .custom-control {
       display: -ms-flexbox;
       display: flex;
       -ms-flex-align: center;
       align-items: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding-left: 0
   }

   .form-inline .custom-control-indicator {
       position: static;
       display: inline-block;
       margin-right: .25rem;
       vertical-align: text-bottom
   }

   .form-inline .has-feedback .form-control-feedback {
       top: 0
   }
}

.btn {
   display: inline-block;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: .25rem;
   transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn:focus,.btn:hover {
   text-decoration: none
}

.btn.focus,.btn:focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,.btn:disabled {
   opacity: .65
}

.btn:not([disabled]):not(.disabled).active,.btn:not([disabled]):not(.disabled):active {
   background-image: none
}

a.btn.disabled,fieldset[disabled] a.btn {
   pointer-events: none
}

.btn-primary {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.btn-primary:hover {
   color: #fff;
   background-color: #0069d9;
   border-color: #0062cc
}

.btn-primary.focus,.btn-primary:focus {
   box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
   background-color: #007bff;
   border-color: #007bff
}

.btn-primary:not([disabled]):not(.disabled).active,.btn-primary:not([disabled]):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #0062cc;
   border-color: #005cbf;
   box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-secondary {
   color: #fff;
   background-color: #868e96;
   border-color: #868e96
}

.btn-secondary:hover {
   color: #fff;
   background-color: #727b84;
   border-color: #6c757d
}

.btn-secondary.focus,.btn-secondary:focus {
   box-shadow: 0 0 0 .2rem rgba(134,142,150,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
   background-color: #868e96;
   border-color: #868e96
}

.btn-secondary:not([disabled]):not(.disabled).active,.btn-secondary:not([disabled]):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
   color: #fff;
   background-color: #6c757d;
   border-color: #666e76;
   box-shadow: 0 0 0 .2rem rgba(134,142,150,.5)
}

.btn-success {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-success:hover {
   color: #fff;
   background-color: #218838;
   border-color: #1e7e34
}

.btn-success.focus,.btn-success:focus {
   box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-success.disabled,.btn-success:disabled {
   background-color: #28a745;
   border-color: #28a745
}

.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show>.btn-success.dropdown-toggle {
   color: #fff;
   background-color: #1e7e34;
   border-color: #1c7430;
   box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-info {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-info:hover {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b
}

.btn-info.focus,.btn-info:focus {
   box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-info.disabled,.btn-info:disabled {
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-info:not([disabled]):not(.disabled).active,.btn-info:not([disabled]):not(.disabled):active,.show>.btn-info.dropdown-toggle {
   color: #fff;
   background-color: #117a8b;
   border-color: #10707f;
   box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-warning {
   color: #111;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-warning:hover {
   color: #111;
   background-color: #e0a800;
   border-color: #d39e00
}

.btn-warning.focus,.btn-warning:focus {
   box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-warning:not([disabled]):not(.disabled).active,.btn-warning:not([disabled]):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
   color: #111;
   background-color: #d39e00;
   border-color: #c69500;
   box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-danger {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
}

.btn-danger:hover {
   color: #fff;
   background-color: #c82333;
   border-color: #bd2130
}

.btn-danger.focus,.btn-danger:focus {
   box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
   background-color: #dc3545;
   border-color: #dc3545
}

.btn-danger:not([disabled]):not(.disabled).active,.btn-danger:not([disabled]):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
   color: #fff;
   background-color: #bd2130;
   border-color: #b21f2d;
   box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-light {
   color: #111;
   background-color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-light:hover {
   color: #111;
   background-color: #e2e6ea;
   border-color: #dae0e5
}

.btn-light.focus,.btn-light:focus {
   box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-light.disabled,.btn-light:disabled {
   background-color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-light:not([disabled]):not(.disabled).active,.btn-light:not([disabled]):not(.disabled):active,.show>.btn-light.dropdown-toggle {
   color: #111;
   background-color: #dae0e5;
   border-color: #d3d9df;
   box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-dark {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
}

.btn-dark:hover {
   color: #fff;
   background-color: #23272b;
   border-color: #1d2124
}

.btn-dark.focus,.btn-dark:focus {
   box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
   background-color: #343a40;
   border-color: #343a40
}

.btn-dark:not([disabled]):not(.disabled).active,.btn-dark:not([disabled]):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
   color: #fff;
   background-color: #1d2124;
   border-color: #171a1d;
   box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-primary {
   color: #007bff;
   background-color: transparent;
   background-image: none;
   border-color: #007bff
}

.btn-outline-primary:hover {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
   box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
   color: #007bff;
   background-color: transparent
}

.btn-outline-primary:not([disabled]):not(.disabled).active,.btn-outline-primary:not([disabled]):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
   box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-secondary {
   color: #868e96;
   background-color: transparent;
   background-image: none;
   border-color: #868e96
}

.btn-outline-secondary:hover {
   color: #fff;
   background-color: #868e96;
   border-color: #868e96
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
   box-shadow: 0 0 0 .2rem rgba(134,142,150,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
   color: #868e96;
   background-color: transparent
}

.btn-outline-secondary:not([disabled]):not(.disabled).active,.btn-outline-secondary:not([disabled]):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
   color: #fff;
   background-color: #868e96;
   border-color: #868e96;
   box-shadow: 0 0 0 .2rem rgba(134,142,150,.5)
}

.btn-outline-success {
   color: #28a745;
   background-color: transparent;
   background-image: none;
   border-color: #28a745
}

.btn-outline-success:hover {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-outline-success.focus,.btn-outline-success:focus {
   box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
   color: #28a745;
   background-color: transparent
}

.btn-outline-success:not([disabled]):not(.disabled).active,.btn-outline-success:not([disabled]):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745;
   box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-info {
   color: #17a2b8;
   background-color: transparent;
   background-image: none;
   border-color: #17a2b8
}

.btn-outline-info:hover {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-outline-info.focus,.btn-outline-info:focus {
   box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
   color: #17a2b8;
   background-color: transparent
}

.btn-outline-info:not([disabled]):not(.disabled).active,.btn-outline-info:not([disabled]):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8;
   box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-warning {
   color: #ffc107;
   background-color: transparent;
   background-image: none;
   border-color: #ffc107
}

.btn-outline-warning:hover {
   color: #fff;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
   box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
   color: #ffc107;
   background-color: transparent
}

.btn-outline-warning:not([disabled]):not(.disabled).active,.btn-outline-warning:not([disabled]):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
   color: #fff;
   background-color: #ffc107;
   border-color: #ffc107;
   box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-danger {
   color: #dc3545;
   background-color: transparent;
   background-image: none;
   border-color: #dc3545
}

.btn-outline-danger:hover {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
   box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
   color: #dc3545;
   background-color: transparent
}

.btn-outline-danger:not([disabled]):not(.disabled).active,.btn-outline-danger:not([disabled]):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545;
   box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-light {
   color: #f8f9fa;
   background-color: transparent;
   background-image: none;
   border-color: #f8f9fa
}

.btn-outline-light:hover {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-outline-light.focus,.btn-outline-light:focus {
   box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
   color: #f8f9fa;
   background-color: transparent
}

.btn-outline-light:not([disabled]):not(.disabled).active,.btn-outline-light:not([disabled]):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa;
   box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
   color: #343a40;
   background-color: transparent;
   background-image: none;
   border-color: #343a40
}

.btn-outline-dark:hover {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
   box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
   color: #343a40;
   background-color: transparent
}

.btn-outline-dark:not([disabled]):not(.disabled).active,.btn-outline-dark:not([disabled]):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40;
   box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link {
   font-weight: 400;
   color: #007bff;
   background-color: transparent
}

.btn-link:hover {
   color: #0056b3;
   text-decoration: underline;
   background-color: transparent;
   border-color: transparent
}

.btn-link.focus,.btn-link:focus {
   border-color: transparent;
   box-shadow: none
}

.btn-link.disabled,.btn-link:disabled {
   color: #868e96
}

.btn-group-lg>.btn,.btn-lg {
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem
}

.btn-block {
   display: block;
   width: 100%
}

.btn-block+.btn-block {
   margin-top: .5rem
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
   width: 100%
}

.fade {
   opacity: 0;
   transition: opacity .15s linear
}

.fade.show {
   opacity: 1
}

.collapse {
   display: none
}

.collapse.show {
   display: block
}

tr.collapse.show {
   display: table-row
}

tbody.collapse.show {
   display: table-row-group
}

.collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height .35s ease
}

.dropdown,.dropup {
   position: relative
}

.dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid;
   border-right: .3em solid transparent;
   border-bottom: 0;
   border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
   margin-left: 0
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: .5rem 0;
   margin: .125rem 0 0;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0,0,0,.15);
   border-radius: .25rem
}

.dropup .dropdown-menu {
   margin-top: 0;
   margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: 0;
   border-right: .3em solid transparent;
   border-bottom: .3em solid;
   border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
   margin-left: 0
}

.dropdown-divider {
   height: 0;
   margin: .5rem 0;
   overflow: hidden;
   border-top: 1px solid #e9ecef
}

.dropdown-item {
   display: block;
   width: 100%;
   padding: .25rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   white-space: nowrap;
   background: 0 0;
   border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
   color: #16181b;
   text-decoration: none;
   background-color: #f8f9fa
}

.dropdown-item.active,.dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #007bff
}

.dropdown-item.disabled,.dropdown-item:disabled {
   color: #868e96;
   background-color: transparent
}

.dropdown-menu.show {
   display: block
}

.dropdown-header {
   display: block;
   padding: .5rem 1.5rem;
   margin-bottom: 0;
   font-size: .875rem;
   color: #868e96;
   white-space: nowrap
}

.btn-group,.btn-group-vertical {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
   position: relative;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
   z-index: 2
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {
   z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.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-left: -1px
}

.btn-toolbar {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.btn-toolbar .input-group {
   width: auto
}

.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+.dropdown-toggle-split {
   padding-right: .5625rem;
   padding-left: .5625rem
}

.btn+.dropdown-toggle-split::after {
   margin-left: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
   padding-right: .375rem;
   padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
   padding-right: .75rem;
   padding-left: .75rem
}

.btn-group-vertical {
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-pack: center;
   justify-content: center
}

.btn-group-vertical .btn,.btn-group-vertical .btn-group {
   width: 100%
}

.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-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
}

.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
}

[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: -ms-flexbox;
   display: flex;
   -ms-flex-align: stretch;
   align-items: stretch;
   width: 100%
}

.input-group .form-control {
   position: relative;
   z-index: 2;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   width: 1%;
   margin-bottom: 0
}

.input-group .form-control:active,.input-group .form-control:focus,.input-group .form-control:hover {
   z-index: 3
}

.input-group .form-control,.input-group-addon,.input-group-btn {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center
}

.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 {
   white-space: nowrap
}

.input-group-addon {
   padding: .375rem .75rem;
   margin-bottom: 0;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   text-align: center;
   background-color: #e9ecef;
   border: 1px solid #ced4da;
   border-radius: .25rem
}

.input-group-addon.form-control-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
   padding: .25rem .5rem;
   font-size: .875rem;
   border-radius: .2rem
}

.input-group-addon.form-control-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
   padding: .5rem 1rem;
   font-size: 1.25rem;
   border-radius: .3rem
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
   margin-top: 0
}

.input-group .form-control:not(:last-child),.input-group-addon:not(:last-child),.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group>.btn,.input-group-btn:not(:last-child)>.dropdown-toggle {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group-addon:not(:last-child) {
   border-right: 0
}

.input-group .form-control:not(:first-child),.input-group-addon:not(:first-child),.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group>.btn,.input-group-btn:not(:first-child)>.dropdown-toggle,.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,.input-group-btn:not(:last-child)>.btn:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.form-control+.input-group-addon:not(:first-child) {
   border-left: 0
}

.input-group-btn {
   position: relative;
   -ms-flex-align: stretch;
   align-items: stretch;
   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: 3
}

.input-group-btn:first-child>.btn+.btn {
   margin-left: 0
}

.input-group-btn:not(:last-child)>.btn,.input-group-btn:not(:last-child)>.btn-group {
   margin-right: -1px
}

.input-group-btn:not(:first-child)>.btn,.input-group-btn:not(:first-child)>.btn-group {
   z-index: 2;
   margin-left: 0
}

.input-group-btn:not(:first-child)>.btn-group:first-child,.input-group-btn:not(:first-child)>.btn:first-child {
   margin-left: -1px
}

.input-group-btn:not(:first-child)>.btn-group:active,.input-group-btn:not(:first-child)>.btn-group:focus,.input-group-btn:not(:first-child)>.btn-group:hover,.input-group-btn:not(:first-child)>.btn:active,.input-group-btn:not(:first-child)>.btn:focus,.input-group-btn:not(:first-child)>.btn:hover {
   z-index: 3
}

.custom-control {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
   min-height: 1.5rem;
   padding-left: 1.5rem;
   margin-right: 1rem
}

.custom-control-input {
   position: absolute;
   z-index: -1;
   opacity: 0
}

.custom-control-input:checked~.custom-control-indicator {
   color: #fff;
   background-color: #007bff
}

.custom-control-input:focus~.custom-control-indicator {
   box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-control-input:active~.custom-control-indicator {
   color: #fff;
   background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-indicator {
   background-color: #e9ecef
}

.custom-control-input:disabled~.custom-control-description {
   color: #868e96
}

.custom-control-indicator {
   position: absolute;
   top: .25rem;
   left: 0;
   display: block;
   width: 1rem;
   height: 1rem;
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: #ddd;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
   border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
   background-color: #007bff;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
   border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column
}

.custom-controls-stacked .custom-control {
   margin-bottom: .25rem
}

.custom-controls-stacked .custom-control+.custom-control {
   margin-left: 0
}

.custom-select {
   display: inline-block;
   max-width: 100%;
   height: calc(2.25rem + 2px);
   padding: .375rem 1.75rem .375rem .75rem;
   line-height: 1.5;
   color: #495057;
   vertical-align: middle;
   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
   background-size: 8px 10px;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.custom-select:focus {
   border-color: #80bdff;
   outline: 0
}

.custom-select:focus::-ms-value {
   color: #495057;
   background-color: #fff
}

.custom-select[multiple] {
   height: auto;
   background-image: none
}

.custom-select:disabled {
   color: #868e96;
   background-color: #e9ecef
}

.custom-select::-ms-expand {
   opacity: 0
}

.custom-select-sm {
   height: calc(1.8125rem + 2px);
   padding-top: .375rem;
   padding-bottom: .375rem;
   font-size: 75%
}

.custom-file {
   position: relative;
   display: inline-block;
   max-width: 100%;
   height: calc(2.25rem + 2px);
   margin-bottom: 0
}

.custom-file-input {
   min-width: 14rem;
   max-width: 100%;
   height: calc(2.25rem + 2px);
   margin: 0;
   opacity: 0
}

.custom-file-input:focus~.custom-file-control {
   box-shadow: 0 0 0 .075rem #fff,0 0 0 .2rem #007bff
}

.custom-file-control {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 5;
   height: calc(2.25rem + 2px);
   padding: .375rem .75rem;
   line-height: 1.5;
   color: #495057;
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: #fff;
   border: 1px solid #ced4da;
   border-radius: .25rem
}

.custom-file-control:lang(en):empty::after {
   content: "Choose file..."
}

.custom-file-control::before {
   position: absolute;
   top: -1px;
   right: -1px;
   bottom: -1px;
   z-index: 6;
   display: block;
   height: calc(2.25rem + 2px);
   padding: .375rem .75rem;
   line-height: 1.5;
   color: #495057;
   background-color: #e9ecef;
   border: 1px solid #ced4da;
   border-radius: 0 .25rem .25rem 0
}

.custom-file-control:lang(en)::before {
   content: "Browse"
}

.nav {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
}

.nav-link {
   display: block;
   padding: .5rem 1rem
}

.nav-link:focus,.nav-link:hover {
   text-decoration: none
}

.nav-link.disabled {
   color: #868e96
}

.nav-tabs {
   border-bottom: 1px solid #ddd
}

.nav-tabs .nav-item {
   margin-bottom: -1px
}

.nav-tabs .nav-link {
   border: 1px solid transparent;
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
   border-color: #e9ecef #e9ecef #ddd
}

.nav-tabs .nav-link.disabled {
   color: #868e96;
   background-color: transparent;
   border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
   color: #495057;
   background-color: #fff;
   border-color: #ddd #ddd #fff
}

.nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.nav-pills .nav-link {
   border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
   color: #fff;
   background-color: #007bff
}

.nav-fill .nav-item {
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   text-align: center
}

.nav-justified .nav-item {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -ms-flex-positive: 1;
   flex-grow: 1;
   text-align: center
}

.tab-content>.tab-pane {
   display: none
}

.tab-content>.active {
   display: block
}

.navbar {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: .5rem 1rem
}

.navbar>.container,.navbar>.container-fluid {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.navbar-brand {
   display: inline-block;
   padding-top: .3125rem;
   padding-bottom: .3125rem;
   margin-right: 1rem;
   font-size: 1.25rem;
   line-height: inherit;
   white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
   text-decoration: none
}

.navbar-nav {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
}

.navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0
}

.navbar-nav .dropdown-menu {
   position: static;
   float: none
}

.navbar-text {
   display: inline-block;
   padding-top: .5rem;
   padding-bottom: .5rem
}

.navbar-collapse {
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-align: center;
   align-items: center
}

.navbar-toggler {
   padding: .25rem .75rem;
   font-size: 1.25rem;
   line-height: 1;
   background: 0 0;
   border: 1px solid transparent;
   border-radius: .25rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
   text-decoration: none
}

.navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
   content: "";
   background: no-repeat center center;
   background-size: 100% 100%
}

@media (max-width: 319px) {
   .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
       padding-right:0;
       padding-left: 0
   }
}

@media (min-width: 320px) {
   .navbar-expand-sm {
       -ms-flex-flow:row nowrap;
       flex-flow: row nowrap;
       -ms-flex-pack: start;
       justify-content: flex-start
   }

   .navbar-expand-sm .navbar-nav {
       -ms-flex-direction: row;
       flex-direction: row
   }

   .navbar-expand-sm .navbar-nav .dropdown-menu {
       position: absolute
   }

   .navbar-expand-sm .navbar-nav .dropdown-menu-right {
       right: 0;
       left: auto
   }

   .navbar-expand-sm .navbar-nav .nav-link {
       padding-right: .5rem;
       padding-left: .5rem
   }

   .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap
   }

   .navbar-expand-sm .navbar-collapse {
       display: -ms-flexbox!important;
       display: flex!important;
       -ms-flex-preferred-size: auto;
       flex-basis: auto
   }

   .navbar-expand-sm .navbar-toggler {
       display: none
   }

   .navbar-expand-sm .dropup .dropdown-menu {
       top: auto;
       bottom: 100%
   }
}

@media (max-width: 767px) {
   .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
       padding-right:0;
       padding-left: 0
   }
}

@media (min-width: 768px) {
   .navbar-expand-md {
       -ms-flex-flow:row nowrap;
       flex-flow: row nowrap;
       -ms-flex-pack: start;
       justify-content: flex-start
   }

   .navbar-expand-md .navbar-nav {
       -ms-flex-direction: row;
       flex-direction: row
   }

   .navbar-expand-md .navbar-nav .dropdown-menu {
       position: absolute
   }

   .navbar-expand-md .navbar-nav .dropdown-menu-right {
       right: 0;
       left: auto
   }

   .navbar-expand-md .navbar-nav .nav-link {
       padding-right: .5rem;
       padding-left: .5rem
   }

   .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap
   }

   .navbar-expand-md .navbar-collapse {
       display: -ms-flexbox!important;
       display: flex!important;
       -ms-flex-preferred-size: auto;
       flex-basis: auto
   }

   .navbar-expand-md .navbar-toggler {
       display: none
   }

   .navbar-expand-md .dropup .dropdown-menu {
       top: auto;
       bottom: 100%
   }
}

@media (max-width: 1023px) {
   .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
       padding-right:0;
       padding-left: 0
   }
}

@media (min-width: 1024px) {
   .navbar-expand-lg {
       -ms-flex-flow:row nowrap;
       flex-flow: row nowrap;
       -ms-flex-pack: start;
       justify-content: flex-start
   }

   .navbar-expand-lg .navbar-nav {
       -ms-flex-direction: row;
       flex-direction: row
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu {
       position: absolute
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu-right {
       right: 0;
       left: auto
   }

   .navbar-expand-lg .navbar-nav .nav-link {
       padding-right: .5rem;
       padding-left: .5rem
   }

   .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap
   }

   .navbar-expand-lg .navbar-collapse {
       display: -ms-flexbox!important;
       display: flex!important;
       -ms-flex-preferred-size: auto;
       flex-basis: auto
   }

   .navbar-expand-lg .navbar-toggler {
       display: none
   }

   .navbar-expand-lg .dropup .dropdown-menu {
       top: auto;
       bottom: 100%
   }
}

@media (max-width: 1439px) {
   .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
       padding-right:0;
       padding-left: 0
   }
}

@media (min-width: 1440px) {
   .navbar-expand-xl {
       -ms-flex-flow:row nowrap;
       flex-flow: row nowrap;
       -ms-flex-pack: start;
       justify-content: flex-start
   }

   .navbar-expand-xl .navbar-nav {
       -ms-flex-direction: row;
       flex-direction: row
   }

   .navbar-expand-xl .navbar-nav .dropdown-menu {
       position: absolute
   }

   .navbar-expand-xl .navbar-nav .dropdown-menu-right {
       right: 0;
       left: auto
   }

   .navbar-expand-xl .navbar-nav .nav-link {
       padding-right: .5rem;
       padding-left: .5rem
   }

   .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap
   }

   .navbar-expand-xl .navbar-collapse {
       display: -ms-flexbox!important;
       display: flex!important;
       -ms-flex-preferred-size: auto;
       flex-basis: auto
   }

   .navbar-expand-xl .navbar-toggler {
       display: none
   }

   .navbar-expand-xl .dropup .dropdown-menu {
       top: auto;
       bottom: 100%
   }
}

.navbar-expand {
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
   padding-right: 0;
   padding-left: 0
}

.navbar-expand .navbar-nav {
   -ms-flex-direction: row;
   flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
   position: absolute
}

.navbar-expand .navbar-nav .dropdown-menu-right {
   right: 0;
   left: auto
}

.navbar-expand .navbar-nav .nav-link {
   padding-right: .5rem;
   padding-left: .5rem
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
   display: -ms-flexbox!important;
   display: flex!important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto
}

.navbar-expand .navbar-toggler {
   display: none
}

.navbar-expand .dropup .dropdown-menu {
   top: auto;
   bottom: 100%
}

.navbar-light .navbar-brand {
   color: rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
   color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
   color: rgba(0,0,0,.5)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
   color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
   color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
   color: rgba(0,0,0,.5);
   border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
   color: rgba(0,0,0,.5)
}

.navbar-light .navbar-text a {
   color: rgba(0,0,0,.9)
}

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
   color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand {
   color: #fff
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
   color: #fff
}

.navbar-dark .navbar-nav .nav-link {
   color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
   color: rgba(255,255,255,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255,255,255,.25)
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
   color: #fff
}

.navbar-dark .navbar-toggler {
   color: rgba(255,255,255,.5);
   border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
   color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-text a {
   color: #fff
}

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
   color: #fff
}

.card {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0,0,0,.125);
   border-radius: .25rem
}

.card>hr {
   margin-right: 0;
   margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
}

.card-body {
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 1.25rem
}

.card-title {
   margin-bottom: .75rem
}

.card-subtitle {
   margin-top: -.375rem;
   margin-bottom: 0
}

.card-text:last-child {
   margin-bottom: 0
}

.card-link:hover {
   text-decoration: none
}

.card-link+.card-link {
   margin-left: 1.25rem
}

.card-header {
   padding: .75rem 1.25rem;
   margin-bottom: 0;
   background-color: rgba(0,0,0,.03);
   border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
   border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
   border-top: 0
}

.card-footer {
   padding: .75rem 1.25rem;
   background-color: rgba(0,0,0,.03);
   border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
   border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
   margin-right: -.625rem;
   margin-bottom: -.75rem;
   margin-left: -.625rem;
   border-bottom: 0
}

.card-header-pills {
   margin-right: -.625rem;
   margin-left: -.625rem
}

.card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem
}

.card-img {
   width: 100%;
   border-radius: calc(.25rem - 1px)
}

.card-img-top {
   width: 100%;
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
   width: 100%;
   border-bottom-right-radius: calc(.25rem - 1px);
   border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column
}

.card-deck .card {
   margin-bottom: 15px
}

@media (min-width: 320px) {
   .card-deck {
       -ms-flex-flow:row wrap;
       flex-flow: row wrap;
       margin-right: -15px;
       margin-left: -15px
   }

   .card-deck .card {
       display: -ms-flexbox;
       display: flex;
       -ms-flex: 1 0 0%;
       flex: 1 0 0%;
       -ms-flex-direction: column;
       flex-direction: column;
       margin-right: 15px;
       margin-bottom: 0;
       margin-left: 15px
   }
}

.card-group {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column
}

.card-group .card {
   margin-bottom: 15px
}

@media (min-width: 320px) {
   .card-group {
       -ms-flex-flow:row wrap;
       flex-flow: row wrap
   }

   .card-group .card {
       -ms-flex: 1 0 0%;
       flex: 1 0 0%;
       margin-bottom: 0
   }

   .card-group .card+.card {
       margin-left: 0;
       border-left: 0
   }

   .card-group .card:first-child {
       border-top-right-radius: 0;
       border-bottom-right-radius: 0
   }

   .card-group .card:first-child .card-img-top {
       border-top-right-radius: 0
   }

   .card-group .card:first-child .card-img-bottom {
       border-bottom-right-radius: 0
   }

   .card-group .card:last-child {
       border-top-left-radius: 0;
       border-bottom-left-radius: 0
   }

   .card-group .card:last-child .card-img-top {
       border-top-left-radius: 0
   }

   .card-group .card:last-child .card-img-bottom {
       border-bottom-left-radius: 0
   }

   .card-group .card:only-child {
       border-radius: .25rem
   }

   .card-group .card:only-child .card-img-top {
       border-top-left-radius: .25rem;
       border-top-right-radius: .25rem
   }

   .card-group .card:only-child .card-img-bottom {
       border-bottom-right-radius: .25rem;
       border-bottom-left-radius: .25rem
   }

   .card-group .card:not(:first-child):not(:last-child):not(:only-child) {
       border-radius: 0
   }

   .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
       border-radius: 0
   }
}

.card-columns .card {
   margin-bottom: .75rem
}

@media (min-width: 320px) {
   .card-columns {
       -webkit-column-count:3;
       column-count: 3;
       -webkit-column-gap: 1.25rem;
       column-gap: 1.25rem
   }

   .card-columns .card {
       display: inline-block;
       width: 100%
   }
}

.breadcrumb {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: .75rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
   background-color: #e9ecef;
   border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item::before {
   display: inline-block;
   padding-right: .5rem;
   padding-left: .5rem;
   color: #868e96;
   content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: none
}

.breadcrumb-item.active {
   color: #868e96
}

.pagination {
   display: -ms-flexbox;
   display: flex;
   padding-left: 0;
   list-style: none;
   border-radius: .25rem
}

.page-item:first-child .page-link {
   margin-left: 0;
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
   z-index: 2;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.page-item.disabled .page-link {
   color: #868e96;
   pointer-events: none;
   background-color: #fff;
   border-color: #ddd
}

.page-link {
   position: relative;
   display: block;
   padding: .5rem .75rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #007bff;
   background-color: #fff;
   border: 1px solid #ddd
}

.page-link:focus,.page-link:hover {
   color: #0056b3;
   text-decoration: none;
   background-color: #e9ecef;
   border-color: #ddd
}

.pagination-lg .page-link {
   padding: .75rem 1.5rem;
   font-size: 1.25rem;
   line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: .3rem;
   border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: .3rem;
   border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: .2rem;
   border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: .2rem;
   border-bottom-right-radius: .2rem
}

.badge {
   display: inline-block;
   padding: .25em .4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25rem
}

.badge:empty {
   display: none
}

.btn .badge {
   position: relative;
   top: -1px
}

.badge-pill {
   padding-right: .6em;
   padding-left: .6em;
   border-radius: 10rem
}

.badge-primary {
   color: #fff;
   background-color: #007bff
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
   color: #fff;
   text-decoration: none;
   background-color: #0062cc
}

.badge-secondary {
   color: #fff;
   background-color: #868e96
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
   color: #fff;
   text-decoration: none;
   background-color: #6c757d
}

.badge-success {
   color: #fff;
   background-color: #28a745
}

.badge-success[href]:focus,.badge-success[href]:hover {
   color: #fff;
   text-decoration: none;
   background-color: #1e7e34
}

.badge-info {
   color: #fff;
   background-color: #17a2b8
}

.badge-info[href]:focus,.badge-info[href]:hover {
   color: #fff;
   text-decoration: none;
   background-color: #117a8b
}

.badge-warning {
   color: #111;
   background-color: #ffc107
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
   color: #111;
   text-decoration: none;
   background-color: #d39e00
}

.badge-danger {
   color: #fff;
   background-color: #dc3545
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
   color: #fff;
   text-decoration: none;
   background-color: #bd2130
}

.badge-light {
   color: #111;
   background-color: #f8f9fa
}

.badge-light[href]:focus,.badge-light[href]:hover {
   color: #111;
   text-decoration: none;
   background-color: #dae0e5
}

.badge-dark {
   color: #fff;
   background-color: #343a40
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
   color: #fff;
   text-decoration: none;
   background-color: #1d2124
}

.jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
   background-color: #e9ecef;
   border-radius: .3rem
}

@media (min-width: 320px) {
   .jumbotron {
       padding:4rem 2rem
   }
}

.jumbotron-fluid {
   padding-right: 0;
   padding-left: 0;
   border-radius: 0
}

.alert {
   position: relative;
   padding: .75rem 1.25rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: .25rem
}

.alert-heading {
   color: inherit
}

.alert-link {
   font-weight: 700
}

.alert-dismissible .close {
   position: absolute;
   top: 0;
   right: 0;
   padding: .75rem 1.25rem;
   color: inherit
}

.alert-primary {
   color: #004085;
   background-color: #cce5ff;
   border-color: #b8daff
}

.alert-primary hr {
   border-top-color: #9fcdff
}

.alert-primary .alert-link {
   color: #002752
}

.alert-secondary {
   color: #464a4e;
   background-color: #e7e8ea;
   border-color: #dddfe2
}

.alert-secondary hr {
   border-top-color: #cfd2d6
}

.alert-secondary .alert-link {
   color: #2e3133
}

.alert-success {
   color: #155724;
   background-color: #d4edda;
   border-color: #c3e6cb
}

.alert-success hr {
   border-top-color: #b1dfbb
}

.alert-success .alert-link {
   color: #0b2e13
}

.alert-info {
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb
}

.alert-info hr {
   border-top-color: #abdde5
}

.alert-info .alert-link {
   color: #062c33
}

.alert-warning {
   color: #856404;
   background-color: #fff3cd;
   border-color: #ffeeba
}

.alert-warning hr {
   border-top-color: #ffe8a1
}

.alert-warning .alert-link {
   color: #533f03
}

.alert-danger {
   color: #721c24;
   background-color: #f8d7da;
   border-color: #f5c6cb
}

.alert-danger hr {
   border-top-color: #f1b0b7
}

.alert-danger .alert-link {
   color: #491217
}

.alert-light {
   color: #818182;
   background-color: #fefefe;
   border-color: #fdfdfe
}

.alert-light hr {
   border-top-color: #ececf6
}

.alert-light .alert-link {
   color: #686868
}

.alert-dark {
   color: #1b1e21;
   background-color: #d6d8d9;
   border-color: #c6c8ca
}

.alert-dark hr {
   border-top-color: #b9bbbe
}

.alert-dark .alert-link {
   color: #040505
}

@-webkit-keyframes progress-bar-stripes {
   from {
       background-position: 1rem 0
   }

   to {
       background-position: 0 0
   }
}

@keyframes progress-bar-stripes {
   from {
       background-position: 1rem 0
   }

   to {
       background-position: 0 0
   }
}

.progress {
   display: -ms-flexbox;
   display: flex;
   height: 1rem;
   overflow: hidden;
   font-size: .75rem;
   background-color: #e9ecef;
   border-radius: .25rem
}

.progress-bar {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #fff;
   background-color: #007bff
}

.progress-bar-striped {
   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);
   background-size: 1rem 1rem
}

.progress-bar-animated {
   -webkit-animation: progress-bar-stripes 1s linear infinite;
   animation: progress-bar-stripes 1s linear infinite
}

.media {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start
}

.media-body {
   -ms-flex: 1;
   flex: 1
}

.list-group {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0
}

.list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa
}

.list-group-item-action:active {
   color: #212529;
   background-color: #e9ecef
}

.list-group-item {
   position: relative;
   display: block;
   padding: .75rem 1.25rem;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
}

.list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
}

.list-group-item:focus,.list-group-item:hover {
   text-decoration: none
}

.list-group-item.disabled,.list-group-item:disabled {
   color: #868e96;
   background-color: #fff
}

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.list-group-flush .list-group-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
   border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
   border-bottom: 0
}

.list-group-item-primary {
   color: #004085;
   background-color: #b8daff
}

a.list-group-item-primary,button.list-group-item-primary {
   color: #004085
}

a.list-group-item-primary:focus,a.list-group-item-primary:hover,button.list-group-item-primary:focus,button.list-group-item-primary:hover {
   color: #004085;
   background-color: #9fcdff
}

a.list-group-item-primary.active,button.list-group-item-primary.active {
   color: #fff;
   background-color: #004085;
   border-color: #004085
}

.list-group-item-secondary {
   color: #464a4e;
   background-color: #dddfe2
}

a.list-group-item-secondary,button.list-group-item-secondary {
   color: #464a4e
}

a.list-group-item-secondary:focus,a.list-group-item-secondary:hover,button.list-group-item-secondary:focus,button.list-group-item-secondary:hover {
   color: #464a4e;
   background-color: #cfd2d6
}

a.list-group-item-secondary.active,button.list-group-item-secondary.active {
   color: #fff;
   background-color: #464a4e;
   border-color: #464a4e
}

.list-group-item-success {
   color: #155724;
   background-color: #c3e6cb
}

a.list-group-item-success,button.list-group-item-success {
   color: #155724
}

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: #155724;
   background-color: #b1dfbb
}

a.list-group-item-success.active,button.list-group-item-success.active {
   color: #fff;
   background-color: #155724;
   border-color: #155724
}

.list-group-item-info {
   color: #0c5460;
   background-color: #bee5eb
}

a.list-group-item-info,button.list-group-item-info {
   color: #0c5460
}

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: #0c5460;
   background-color: #abdde5
}

a.list-group-item-info.active,button.list-group-item-info.active {
   color: #fff;
   background-color: #0c5460;
   border-color: #0c5460
}

.list-group-item-warning {
   color: #856404;
   background-color: #ffeeba
}

a.list-group-item-warning,button.list-group-item-warning {
   color: #856404
}

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: #856404;
   background-color: #ffe8a1
}

a.list-group-item-warning.active,button.list-group-item-warning.active {
   color: #fff;
   background-color: #856404;
   border-color: #856404
}

.list-group-item-danger {
   color: #721c24;
   background-color: #f5c6cb
}

a.list-group-item-danger,button.list-group-item-danger {
   color: #721c24
}

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: #721c24;
   background-color: #f1b0b7
}

a.list-group-item-danger.active,button.list-group-item-danger.active {
   color: #fff;
   background-color: #721c24;
   border-color: #721c24
}

.list-group-item-light {
   color: #818182;
   background-color: #fdfdfe
}

a.list-group-item-light,button.list-group-item-light {
   color: #818182
}

a.list-group-item-light:focus,a.list-group-item-light:hover,button.list-group-item-light:focus,button.list-group-item-light:hover {
   color: #818182;
   background-color: #ececf6
}

a.list-group-item-light.active,button.list-group-item-light.active {
   color: #fff;
   background-color: #818182;
   border-color: #818182
}

.list-group-item-dark {
   color: #1b1e21;
   background-color: #c6c8ca
}

a.list-group-item-dark,button.list-group-item-dark {
   color: #1b1e21
}

a.list-group-item-dark:focus,a.list-group-item-dark:hover,button.list-group-item-dark:focus,button.list-group-item-dark:hover {
   color: #1b1e21;
   background-color: #b9bbbe
}

a.list-group-item-dark.active,button.list-group-item-dark.active {
   color: #fff;
   background-color: #1b1e21;
   border-color: #1b1e21
}

.close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .5
}

.close:focus,.close:hover {
   color: #000;
   text-decoration: none;
   opacity: .75
}

button.close {
   padding: 0;
   background: 0 0;
   border: 0;
   -webkit-appearance: none
}

.modal-open {
   overflow: hidden
}

.modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   display: none;
   overflow: hidden;
   outline: 0
}

.modal.fade .modal-dialog {
   transition: -webkit-transform .3s ease-out;
   transition: transform .3s ease-out;
   transition: transform .3s ease-out,-webkit-transform .3s ease-out;
   -webkit-transform: translate(0,-25%);
   transform: translate(0,-25%)
}

.modal.show .modal-dialog {
   -webkit-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;
   pointer-events: none
}

.modal-content {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0,0,0,.2);
   border-radius: .3rem;
   outline: 0
}

.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.show {
   opacity: .5
}

.modal-header {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 15px;
   border-bottom: 1px solid #e9ecef;
   border-top-left-radius: .3rem;
   border-top-right-radius: .3rem
}

.modal-header .close {
   padding: 15px;
   margin: -15px -15px -15px auto
}

.modal-title {
   margin-bottom: 0;
   line-height: 1.5
}

.modal-body {
   position: relative;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 15px
}

.modal-footer {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: end;
   justify-content: flex-end;
   padding: 15px;
   border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
   margin-left: .25rem
}

.modal-footer>:not(:last-child) {
   margin-right: .25rem
}

.modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll
}

@media (min-width: 320px) {
   .modal-dialog {
       max-width:500px;
       margin: 30px auto
   }

   .modal-sm {
       max-width: 300px
   }
}

@media (min-width: 1024px) {
   .modal-lg {
       max-width:800px
   }
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: .875rem;
   word-wrap: break-word;
   opacity: 0
}

.tooltip.show {
   opacity: .9
}

.tooltip .arrow {
   position: absolute;
   display: block;
   width: 5px;
   height: 5px
}

.tooltip .arrow::before {
   position: absolute;
   border-color: transparent;
   border-style: solid
}

.tooltip.bs-tooltip-auto[x-placement^=top],.tooltip.bs-tooltip-top {
   padding: 5px 0
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow,.tooltip.bs-tooltip-top .arrow {
   bottom: 0
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,.tooltip.bs-tooltip-top .arrow::before {
   margin-left: -3px;
   content: "";
   border-width: 5px 5px 0;
   border-top-color: #000
}

.tooltip.bs-tooltip-auto[x-placement^=right],.tooltip.bs-tooltip-right {
   padding: 0 5px
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow,.tooltip.bs-tooltip-right .arrow {
   left: 0
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,.tooltip.bs-tooltip-right .arrow::before {
   margin-top: -3px;
   content: "";
   border-width: 5px 5px 5px 0;
   border-right-color: #000
}

.tooltip.bs-tooltip-auto[x-placement^=bottom],.tooltip.bs-tooltip-bottom {
   padding: 5px 0
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow,.tooltip.bs-tooltip-bottom .arrow {
   top: 0
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.tooltip.bs-tooltip-bottom .arrow::before {
   margin-left: -3px;
   content: "";
   border-width: 0 5px 5px;
   border-bottom-color: #000
}

.tooltip.bs-tooltip-auto[x-placement^=left],.tooltip.bs-tooltip-left {
   padding: 0 5px
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow,.tooltip.bs-tooltip-left .arrow {
   right: 0
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,.tooltip.bs-tooltip-left .arrow::before {
   right: 0;
   margin-top: -3px;
   content: "";
   border-width: 5px 0 5px 5px;
   border-left-color: #000
}

.tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: .25rem
}

.popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: block;
   max-width: 276px;
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: .875rem;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0,0,0,.2);
   border-radius: .3rem
}

.popover .arrow {
   position: absolute;
   display: block;
   width: .8rem;
   height: .4rem
}

.popover .arrow::after,.popover .arrow::before {
   position: absolute;
   display: block;
   border-color: transparent;
   border-style: solid
}

.popover .arrow::before {
   content: "";
   border-width: .8rem
}

.popover .arrow::after {
   content: "";
   border-width: .8rem
}

.popover.bs-popover-auto[x-placement^=top],.popover.bs-popover-top {
   margin-bottom: .8rem
}

.popover.bs-popover-auto[x-placement^=top] .arrow,.popover.bs-popover-top .arrow {
   bottom: 0
}

.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::after,.popover.bs-popover-top .arrow::before {
   border-bottom-width: 0
}

.popover.bs-popover-auto[x-placement^=top] .arrow::before,.popover.bs-popover-top .arrow::before {
   bottom: -.8rem;
   margin-left: -.8rem;
   border-top-color: rgba(0,0,0,.25)
}

.popover.bs-popover-auto[x-placement^=top] .arrow::after,.popover.bs-popover-top .arrow::after {
   bottom: calc((.8rem - 1px) * -1);
   margin-left: -.8rem;
   border-top-color: #fff
}

.popover.bs-popover-auto[x-placement^=right],.popover.bs-popover-right {
   margin-left: .8rem
}

.popover.bs-popover-auto[x-placement^=right] .arrow,.popover.bs-popover-right .arrow {
   left: 0
}

.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::after,.popover.bs-popover-right .arrow::before {
   margin-top: -.8rem;
   border-left-width: 0
}

.popover.bs-popover-auto[x-placement^=right] .arrow::before,.popover.bs-popover-right .arrow::before {
   left: -.8rem;
   border-right-color: rgba(0,0,0,.25)
}

.popover.bs-popover-auto[x-placement^=right] .arrow::after,.popover.bs-popover-right .arrow::after {
   left: calc((.8rem - 1px) * -1);
   border-right-color: #fff
}

.popover.bs-popover-auto[x-placement^=bottom],.popover.bs-popover-bottom {
   margin-top: .8rem
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow,.popover.bs-popover-bottom .arrow {
   top: 0
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::after,.popover.bs-popover-bottom .arrow::before {
   margin-left: -.8rem;
   border-top-width: 0
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::before,.popover.bs-popover-bottom .arrow::before {
   top: -.8rem;
   border-bottom-color: rgba(0,0,0,.25)
}

.popover.bs-popover-auto[x-placement^=bottom] .arrow::after,.popover.bs-popover-bottom .arrow::after {
   top: calc((.8rem - 1px) * -1);
   border-bottom-color: #fff
}

.popover.bs-popover-auto[x-placement^=bottom] .popover-header::before,.popover.bs-popover-bottom .popover-header::before {
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 20px;
   margin-left: -10px;
   content: "";
   border-bottom: 1px solid #f7f7f7
}

.popover.bs-popover-auto[x-placement^=left],.popover.bs-popover-left {
   margin-right: .8rem
}

.popover.bs-popover-auto[x-placement^=left] .arrow,.popover.bs-popover-left .arrow {
   right: 0
}

.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::after,.popover.bs-popover-left .arrow::before {
   margin-top: -.8rem;
   border-right-width: 0
}

.popover.bs-popover-auto[x-placement^=left] .arrow::before,.popover.bs-popover-left .arrow::before {
   right: -.8rem;
   border-left-color: rgba(0,0,0,.25)
}

.popover.bs-popover-auto[x-placement^=left] .arrow::after,.popover.bs-popover-left .arrow::after {
   right: calc((.8rem - 1px) * -1);
   border-left-color: #fff
}

.popover-header {
   padding: .5rem .75rem;
   margin-bottom: 0;
   font-size: 1rem;
   color: inherit;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-top-left-radius: calc(.3rem - 1px);
   border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
   display: none
}

.popover-body {
   padding: .5rem .75rem;
   color: #212529
}

.carousel {
   position: relative
}

.carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden
}

.carousel-item {
   position: relative;
   display: none;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   transition: -webkit-transform .6s ease;
   transition: transform .6s ease;
   transition: transform .6s ease,-webkit-transform .6s ease;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-perspective: 1000px;
   perspective: 1000px
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
   display: block
}

.carousel-item-next,.carousel-item-prev {
   position: absolute;
   top: 0
}

.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
   -webkit-transform: translateX(0);
   transform: translateX(0)
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d) {
   .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
       -webkit-transform:translate3d(0,0,0);
       transform: translate3d(0,0,0)
   }
}

.active.carousel-item-right,.carousel-item-next {
   -webkit-transform: translateX(100%);
   transform: translateX(100%)
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d) {
   .active.carousel-item-right,.carousel-item-next {
       -webkit-transform:translate3d(100%,0,0);
       transform: translate3d(100%,0,0)
   }
}

.active.carousel-item-left,.carousel-item-prev {
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%)
}

@supports (-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d) {
   .active.carousel-item-left,.carousel-item-prev {
       -webkit-transform:translate3d(-100%,0,0);
       transform: translate3d(-100%,0,0)
   }
}

.carousel-control-next,.carousel-control-prev {
   position: absolute;
   top: 0;
   bottom: 0;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 15%;
   color: #fff;
   text-align: center;
   opacity: .5
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
   color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: .9
}

.carousel-control-prev {
   left: 0
}

.carousel-control-next {
   right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: transparent no-repeat center center;
   background-size: 100% 100%
}

.carousel-control-prev-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 10px;
   left: 0;
   z-index: 15;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   padding-left: 0;
   margin-right: 15%;
   margin-left: 15%;
   list-style: none
}

.carousel-indicators li {
   position: relative;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   background-color: rgba(255,255,255,.5)
}

.carousel-indicators li::before {
   position: absolute;
   top: -10px;
   left: 0;
   display: inline-block;
   width: 100%;
   height: 10px;
   content: ""
}

.carousel-indicators li::after {
   position: absolute;
   bottom: -10px;
   left: 0;
   display: inline-block;
   width: 100%;
   height: 10px;
   content: ""
}

.carousel-indicators .active {
   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
}

.align-baseline {
   vertical-align: baseline!important
}

.align-top {
   vertical-align: top!important
}

.align-middle {
   vertical-align: middle!important
}

.align-bottom {
   vertical-align: bottom!important
}

.align-text-bottom {
   vertical-align: text-bottom!important
}

.align-text-top {
   vertical-align: text-top!important
}

.bg-primary {
   background-color: #007bff!important
}

a.bg-primary:focus,a.bg-primary:hover {
   background-color: #0062cc!important
}

.bg-secondary {
   background-color: #868e96!important
}

a.bg-secondary:focus,a.bg-secondary:hover {
   background-color: #6c757d!important
}

.bg-success {
   background-color: #28a745!important
}

a.bg-success:focus,a.bg-success:hover {
   background-color: #1e7e34!important
}

.bg-info {
   background-color: #17a2b8!important
}

a.bg-info:focus,a.bg-info:hover {
   background-color: #117a8b!important
}

.bg-warning {
   background-color: #ffc107!important
}

a.bg-warning:focus,a.bg-warning:hover {
   background-color: #d39e00!important
}

.bg-danger {
   background-color: #dc3545!important
}

a.bg-danger:focus,a.bg-danger:hover {
   background-color: #bd2130!important
}

.bg-light {
   background-color: #f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover {
   background-color: #dae0e5!important
}

.bg-dark {
   background-color: #343a40!important
}

a.bg-dark:focus,a.bg-dark:hover {
   background-color: #1d2124!important
}

.bg-white {
   background-color: #fff!important
}

.bg-transparent {
   background-color: transparent!important
}

.border {
   border: 1px solid #e9ecef!important
}

.border-0 {
   border: 0!important
}

.border-top-0 {
   border-top: 0!important
}

.border-right-0 {
   border-right: 0!important
}

.border-bottom-0 {
   border-bottom: 0!important
}

.border-left-0 {
   border-left: 0!important
}

.border-primary {
   border-color: #007bff!important
}

.border-secondary {
   border-color: #868e96!important
}

.border-success {
   border-color: #28a745!important
}

.border-info {
   border-color: #17a2b8!important
}

.border-warning {
   border-color: #ffc107!important
}

.border-danger {
   border-color: #dc3545!important
}

.border-light {
   border-color: #f8f9fa!important
}

.border-dark {
   border-color: #343a40!important
}

.border-white {
   border-color: #fff!important
}

.rounded {
   border-radius: .25rem!important
}

.rounded-top {
   border-top-left-radius: .25rem!important;
   border-top-right-radius: .25rem!important
}

.rounded-right {
   border-top-right-radius: .25rem!important;
   border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
   border-bottom-right-radius: .25rem!important;
   border-bottom-left-radius: .25rem!important
}

.rounded-left {
   border-top-left-radius: .25rem!important;
   border-bottom-left-radius: .25rem!important
}

.rounded-circle {
   border-radius: 50%!important
}

.rounded-0 {
   border-radius: 0!important
}

.clearfix::after {
   display: block;
   clear: both;
   content: ""
}

.d-none {
   display: none!important
}

.d-inline {
   display: inline!important
}

.d-inline-block {
   display: inline-block!important
}

.d-block {
   display: block!important
}

.d-table {
   display: table!important
}

.d-table-row {
   display: table-row!important
}

.d-table-cell {
   display: table-cell!important
}

.d-flex {
   display: -ms-flexbox!important;
   display: flex!important
}

.d-inline-flex {
   display: -ms-inline-flexbox!important;
   display: inline-flex!important
}

@media (min-width: 320px) {
   .d-sm-none {
       display:none!important
   }

   .d-sm-inline {
       display: inline!important
   }

   .d-sm-inline-block {
       display: inline-block!important
   }

   .d-sm-block {
       display: block!important
   }

   .d-sm-table {
       display: table!important
   }

   .d-sm-table-row {
       display: table-row!important
   }

   .d-sm-table-cell {
       display: table-cell!important
   }

   .d-sm-flex {
       display: -ms-flexbox!important;
       display: flex!important
   }

   .d-sm-inline-flex {
       display: -ms-inline-flexbox!important;
       display: inline-flex!important
   }
}

@media (min-width: 768px) {
   .d-md-none {
       display:none!important
   }

   .d-md-inline {
       display: inline!important
   }

   .d-md-inline-block {
       display: inline-block!important
   }

   .d-md-block {
       display: block!important
   }

   .d-md-table {
       display: table!important
   }

   .d-md-table-row {
       display: table-row!important
   }

   .d-md-table-cell {
       display: table-cell!important
   }

   .d-md-flex {
       display: -ms-flexbox!important;
       display: flex!important
   }

   .d-md-inline-flex {
       display: -ms-inline-flexbox!important;
       display: inline-flex!important
   }
}

@media (min-width: 1024px) {
   .d-lg-none {
       display:none!important
   }

   .d-lg-inline {
       display: inline!important
   }

   .d-lg-inline-block {
       display: inline-block!important
   }

   .d-lg-block {
       display: block!important
   }

   .d-lg-table {
       display: table!important
   }

   .d-lg-table-row {
       display: table-row!important
   }

   .d-lg-table-cell {
       display: table-cell!important
   }

   .d-lg-flex {
       display: -ms-flexbox!important;
       display: flex!important
   }

   .d-lg-inline-flex {
       display: -ms-inline-flexbox!important;
       display: inline-flex!important
   }
}

@media (min-width: 1440px) {
   .d-xl-none {
       display:none!important
   }

   .d-xl-inline {
       display: inline!important
   }

   .d-xl-inline-block {
       display: inline-block!important
   }

   .d-xl-block {
       display: block!important
   }

   .d-xl-table {
       display: table!important
   }

   .d-xl-table-row {
       display: table-row!important
   }

   .d-xl-table-cell {
       display: table-cell!important
   }

   .d-xl-flex {
       display: -ms-flexbox!important;
       display: flex!important
   }

   .d-xl-inline-flex {
       display: -ms-inline-flexbox!important;
       display: inline-flex!important
   }
}

.d-print-block {
   display: none!important
}

@media print {
   .d-print-block {
       display: block!important
   }
}

.d-print-inline {
   display: none!important
}

@media print {
   .d-print-inline {
       display: inline!important
   }
}

.d-print-inline-block {
   display: none!important
}

@media print {
   .d-print-inline-block {
       display: inline-block!important
   }
}

@media print {
   .d-print-none {
       display: none!important
   }
}

.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden
}

.embed-responsive::before {
   display: block;
   content: ""
}

.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-21by9::before {
   padding-top: 42.857143%
}

.embed-responsive-16by9::before {
   padding-top: 56.25%
}

.embed-responsive-4by3::before {
   padding-top: 75%
}

.embed-responsive-1by1::before {
   padding-top: 100%
}

.flex-row {
   -ms-flex-direction: row!important;
   flex-direction: row!important
}

.flex-column {
   -ms-flex-direction: column!important;
   flex-direction: column!important
}

.flex-row-reverse {
   -ms-flex-direction: row-reverse!important;
   flex-direction: row-reverse!important
}

.flex-column-reverse {
   -ms-flex-direction: column-reverse!important;
   flex-direction: column-reverse!important
}

.flex-wrap {
   -ms-flex-wrap: wrap!important;
   flex-wrap: wrap!important
}

.flex-nowrap {
   -ms-flex-wrap: nowrap!important;
   flex-wrap: nowrap!important
}

.flex-wrap-reverse {
   -ms-flex-wrap: wrap-reverse!important;
   flex-wrap: wrap-reverse!important
}

.justify-content-start {
   -ms-flex-pack: start!important;
   justify-content: flex-start!important
}

.justify-content-end {
   -ms-flex-pack: end!important;
   justify-content: flex-end!important
}

.justify-content-center {
   -ms-flex-pack: center!important;
   justify-content: center!important
}

.justify-content-between {
   -ms-flex-pack: justify!important;
   justify-content: space-between!important
}

.justify-content-around {
   -ms-flex-pack: distribute!important;
   justify-content: space-around!important
}

.align-items-start {
   -ms-flex-align: start!important;
   align-items: flex-start!important
}

.align-items-end {
   -ms-flex-align: end!important;
   align-items: flex-end!important
}

.align-items-center {
   -ms-flex-align: center!important;
   align-items: center!important
}

.align-items-baseline {
   -ms-flex-align: baseline!important;
   align-items: baseline!important
}

.align-items-stretch {
   -ms-flex-align: stretch!important;
   align-items: stretch!important
}

.align-content-start {
   -ms-flex-line-pack: start!important;
   align-content: flex-start!important
}

.align-content-end {
   -ms-flex-line-pack: end!important;
   align-content: flex-end!important
}

.align-content-center {
   -ms-flex-line-pack: center!important;
   align-content: center!important
}

.align-content-between {
   -ms-flex-line-pack: justify!important;
   align-content: space-between!important
}

.align-content-around {
   -ms-flex-line-pack: distribute!important;
   align-content: space-around!important
}

.align-content-stretch {
   -ms-flex-line-pack: stretch!important;
   align-content: stretch!important
}

.align-self-auto {
   -ms-flex-item-align: auto!important;
   align-self: auto!important
}

.align-self-start {
   -ms-flex-item-align: start!important;
   align-self: flex-start!important
}

.align-self-end {
   -ms-flex-item-align: end!important;
   align-self: flex-end!important
}

.align-self-center {
   -ms-flex-item-align: center!important;
   align-self: center!important
}

.align-self-baseline {
   -ms-flex-item-align: baseline!important;
   align-self: baseline!important
}

.align-self-stretch {
   -ms-flex-item-align: stretch!important;
   align-self: stretch!important
}

@media (min-width: 320px) {
   .flex-sm-row {
       -ms-flex-direction:row!important;
       flex-direction: row!important
   }

   .flex-sm-column {
       -ms-flex-direction: column!important;
       flex-direction: column!important
   }

   .flex-sm-row-reverse {
       -ms-flex-direction: row-reverse!important;
       flex-direction: row-reverse!important
   }

   .flex-sm-column-reverse {
       -ms-flex-direction: column-reverse!important;
       flex-direction: column-reverse!important
   }

   .flex-sm-wrap {
       -ms-flex-wrap: wrap!important;
       flex-wrap: wrap!important
   }

   .flex-sm-nowrap {
       -ms-flex-wrap: nowrap!important;
       flex-wrap: nowrap!important
   }

   .flex-sm-wrap-reverse {
       -ms-flex-wrap: wrap-reverse!important;
       flex-wrap: wrap-reverse!important
   }

   .justify-content-sm-start {
       -ms-flex-pack: start!important;
       justify-content: flex-start!important
   }

   .justify-content-sm-end {
       -ms-flex-pack: end!important;
       justify-content: flex-end!important
   }

   .justify-content-sm-center {
       -ms-flex-pack: center!important;
       justify-content: center!important
   }

   .justify-content-sm-between {
       -ms-flex-pack: justify!important;
       justify-content: space-between!important
   }

   .justify-content-sm-around {
       -ms-flex-pack: distribute!important;
       justify-content: space-around!important
   }

   .align-items-sm-start {
       -ms-flex-align: start!important;
       align-items: flex-start!important
   }

   .align-items-sm-end {
       -ms-flex-align: end!important;
       align-items: flex-end!important
   }

   .align-items-sm-center {
       -ms-flex-align: center!important;
       align-items: center!important
   }

   .align-items-sm-baseline {
       -ms-flex-align: baseline!important;
       align-items: baseline!important
   }

   .align-items-sm-stretch {
       -ms-flex-align: stretch!important;
       align-items: stretch!important
   }

   .align-content-sm-start {
       -ms-flex-line-pack: start!important;
       align-content: flex-start!important
   }

   .align-content-sm-end {
       -ms-flex-line-pack: end!important;
       align-content: flex-end!important
   }

   .align-content-sm-center {
       -ms-flex-line-pack: center!important;
       align-content: center!important
   }

   .align-content-sm-between {
       -ms-flex-line-pack: justify!important;
       align-content: space-between!important
   }

   .align-content-sm-around {
       -ms-flex-line-pack: distribute!important;
       align-content: space-around!important
   }

   .align-content-sm-stretch {
       -ms-flex-line-pack: stretch!important;
       align-content: stretch!important
   }

   .align-self-sm-auto {
       -ms-flex-item-align: auto!important;
       align-self: auto!important
   }

   .align-self-sm-start {
       -ms-flex-item-align: start!important;
       align-self: flex-start!important
   }

   .align-self-sm-end {
       -ms-flex-item-align: end!important;
       align-self: flex-end!important
   }

   .align-self-sm-center {
       -ms-flex-item-align: center!important;
       align-self: center!important
   }

   .align-self-sm-baseline {
       -ms-flex-item-align: baseline!important;
       align-self: baseline!important
   }

   .align-self-sm-stretch {
       -ms-flex-item-align: stretch!important;
       align-self: stretch!important
   }
}

@media (min-width: 768px) {
   .flex-md-row {
       -ms-flex-direction:row!important;
       flex-direction: row!important
   }

   .flex-md-column {
       -ms-flex-direction: column!important;
       flex-direction: column!important
   }

   .flex-md-row-reverse {
       -ms-flex-direction: row-reverse!important;
       flex-direction: row-reverse!important
   }

   .flex-md-column-reverse {
       -ms-flex-direction: column-reverse!important;
       flex-direction: column-reverse!important
   }

   .flex-md-wrap {
       -ms-flex-wrap: wrap!important;
       flex-wrap: wrap!important
   }

   .flex-md-nowrap {
       -ms-flex-wrap: nowrap!important;
       flex-wrap: nowrap!important
   }

   .flex-md-wrap-reverse {
       -ms-flex-wrap: wrap-reverse!important;
       flex-wrap: wrap-reverse!important
   }

   .justify-content-md-start {
       -ms-flex-pack: start!important;
       justify-content: flex-start!important
   }

   .justify-content-md-end {
       -ms-flex-pack: end!important;
       justify-content: flex-end!important
   }

   .justify-content-md-center {
       -ms-flex-pack: center!important;
       justify-content: center!important
   }

   .justify-content-md-between {
       -ms-flex-pack: justify!important;
       justify-content: space-between!important
   }

   .justify-content-md-around {
       -ms-flex-pack: distribute!important;
       justify-content: space-around!important
   }

   .align-items-md-start {
       -ms-flex-align: start!important;
       align-items: flex-start!important
   }

   .align-items-md-end {
       -ms-flex-align: end!important;
       align-items: flex-end!important
   }

   .align-items-md-center {
       -ms-flex-align: center!important;
       align-items: center!important
   }

   .align-items-md-baseline {
       -ms-flex-align: baseline!important;
       align-items: baseline!important
   }

   .align-items-md-stretch {
       -ms-flex-align: stretch!important;
       align-items: stretch!important
   }

   .align-content-md-start {
       -ms-flex-line-pack: start!important;
       align-content: flex-start!important
   }

   .align-content-md-end {
       -ms-flex-line-pack: end!important;
       align-content: flex-end!important
   }

   .align-content-md-center {
       -ms-flex-line-pack: center!important;
       align-content: center!important
   }

   .align-content-md-between {
       -ms-flex-line-pack: justify!important;
       align-content: space-between!important
   }

   .align-content-md-around {
       -ms-flex-line-pack: distribute!important;
       align-content: space-around!important
   }

   .align-content-md-stretch {
       -ms-flex-line-pack: stretch!important;
       align-content: stretch!important
   }

   .align-self-md-auto {
       -ms-flex-item-align: auto!important;
       align-self: auto!important
   }

   .align-self-md-start {
       -ms-flex-item-align: start!important;
       align-self: flex-start!important
   }

   .align-self-md-end {
       -ms-flex-item-align: end!important;
       align-self: flex-end!important
   }

   .align-self-md-center {
       -ms-flex-item-align: center!important;
       align-self: center!important
   }

   .align-self-md-baseline {
       -ms-flex-item-align: baseline!important;
       align-self: baseline!important
   }

   .align-self-md-stretch {
       -ms-flex-item-align: stretch!important;
       align-self: stretch!important
   }
}

@media (min-width: 1024px) {
   .flex-lg-row {
       -ms-flex-direction:row!important;
       flex-direction: row!important
   }

   .flex-lg-column {
       -ms-flex-direction: column!important;
       flex-direction: column!important
   }

   .flex-lg-row-reverse {
       -ms-flex-direction: row-reverse!important;
       flex-direction: row-reverse!important
   }

   .flex-lg-column-reverse {
       -ms-flex-direction: column-reverse!important;
       flex-direction: column-reverse!important
   }

   .flex-lg-wrap {
       -ms-flex-wrap: wrap!important;
       flex-wrap: wrap!important
   }

   .flex-lg-nowrap {
       -ms-flex-wrap: nowrap!important;
       flex-wrap: nowrap!important
   }

   .flex-lg-wrap-reverse {
       -ms-flex-wrap: wrap-reverse!important;
       flex-wrap: wrap-reverse!important
   }

   .justify-content-lg-start {
       -ms-flex-pack: start!important;
       justify-content: flex-start!important
   }

   .justify-content-lg-end {
       -ms-flex-pack: end!important;
       justify-content: flex-end!important
   }

   .justify-content-lg-center {
       -ms-flex-pack: center!important;
       justify-content: center!important
   }

   .justify-content-lg-between {
       -ms-flex-pack: justify!important;
       justify-content: space-between!important
   }

   .justify-content-lg-around {
       -ms-flex-pack: distribute!important;
       justify-content: space-around!important
   }

   .align-items-lg-start {
       -ms-flex-align: start!important;
       align-items: flex-start!important
   }

   .align-items-lg-end {
       -ms-flex-align: end!important;
       align-items: flex-end!important
   }

   .align-items-lg-center {
       -ms-flex-align: center!important;
       align-items: center!important
   }

   .align-items-lg-baseline {
       -ms-flex-align: baseline!important;
       align-items: baseline!important
   }

   .align-items-lg-stretch {
       -ms-flex-align: stretch!important;
       align-items: stretch!important
   }

   .align-content-lg-start {
       -ms-flex-line-pack: start!important;
       align-content: flex-start!important
   }

   .align-content-lg-end {
       -ms-flex-line-pack: end!important;
       align-content: flex-end!important
   }

   .align-content-lg-center {
       -ms-flex-line-pack: center!important;
       align-content: center!important
   }

   .align-content-lg-between {
       -ms-flex-line-pack: justify!important;
       align-content: space-between!important
   }

   .align-content-lg-around {
       -ms-flex-line-pack: distribute!important;
       align-content: space-around!important
   }

   .align-content-lg-stretch {
       -ms-flex-line-pack: stretch!important;
       align-content: stretch!important
   }

   .align-self-lg-auto {
       -ms-flex-item-align: auto!important;
       align-self: auto!important
   }

   .align-self-lg-start {
       -ms-flex-item-align: start!important;
       align-self: flex-start!important
   }

   .align-self-lg-end {
       -ms-flex-item-align: end!important;
       align-self: flex-end!important
   }

   .align-self-lg-center {
       -ms-flex-item-align: center!important;
       align-self: center!important
   }

   .align-self-lg-baseline {
       -ms-flex-item-align: baseline!important;
       align-self: baseline!important
   }

   .align-self-lg-stretch {
       -ms-flex-item-align: stretch!important;
       align-self: stretch!important
   }
}

@media (min-width: 1440px) {
   .flex-xl-row {
       -ms-flex-direction:row!important;
       flex-direction: row!important
   }

   .flex-xl-column {
       -ms-flex-direction: column!important;
       flex-direction: column!important
   }

   .flex-xl-row-reverse {
       -ms-flex-direction: row-reverse!important;
       flex-direction: row-reverse!important
   }

   .flex-xl-column-reverse {
       -ms-flex-direction: column-reverse!important;
       flex-direction: column-reverse!important
   }

   .flex-xl-wrap {
       -ms-flex-wrap: wrap!important;
       flex-wrap: wrap!important
   }

   .flex-xl-nowrap {
       -ms-flex-wrap: nowrap!important;
       flex-wrap: nowrap!important
   }

   .flex-xl-wrap-reverse {
       -ms-flex-wrap: wrap-reverse!important;
       flex-wrap: wrap-reverse!important
   }

   .justify-content-xl-start {
       -ms-flex-pack: start!important;
       justify-content: flex-start!important
   }

   .justify-content-xl-end {
       -ms-flex-pack: end!important;
       justify-content: flex-end!important
   }

   .justify-content-xl-center {
       -ms-flex-pack: center!important;
       justify-content: center!important
   }

   .justify-content-xl-between {
       -ms-flex-pack: justify!important;
       justify-content: space-between!important
   }

   .justify-content-xl-around {
       -ms-flex-pack: distribute!important;
       justify-content: space-around!important
   }

   .align-items-xl-start {
       -ms-flex-align: start!important;
       align-items: flex-start!important
   }

   .align-items-xl-end {
       -ms-flex-align: end!important;
       align-items: flex-end!important
   }

   .align-items-xl-center {
       -ms-flex-align: center!important;
       align-items: center!important
   }

   .align-items-xl-baseline {
       -ms-flex-align: baseline!important;
       align-items: baseline!important
   }

   .align-items-xl-stretch {
       -ms-flex-align: stretch!important;
       align-items: stretch!important
   }

   .align-content-xl-start {
       -ms-flex-line-pack: start!important;
       align-content: flex-start!important
   }

   .align-content-xl-end {
       -ms-flex-line-pack: end!important;
       align-content: flex-end!important
   }

   .align-content-xl-center {
       -ms-flex-line-pack: center!important;
       align-content: center!important
   }

   .align-content-xl-between {
       -ms-flex-line-pack: justify!important;
       align-content: space-between!important
   }

   .align-content-xl-around {
       -ms-flex-line-pack: distribute!important;
       align-content: space-around!important
   }

   .align-content-xl-stretch {
       -ms-flex-line-pack: stretch!important;
       align-content: stretch!important
   }

   .align-self-xl-auto {
       -ms-flex-item-align: auto!important;
       align-self: auto!important
   }

   .align-self-xl-start {
       -ms-flex-item-align: start!important;
       align-self: flex-start!important
   }

   .align-self-xl-end {
       -ms-flex-item-align: end!important;
       align-self: flex-end!important
   }

   .align-self-xl-center {
       -ms-flex-item-align: center!important;
       align-self: center!important
   }

   .align-self-xl-baseline {
       -ms-flex-item-align: baseline!important;
       align-self: baseline!important
   }

   .align-self-xl-stretch {
       -ms-flex-item-align: stretch!important;
       align-self: stretch!important
   }
}

.float-left {
   float: left!important
}

.float-right {
   float: right!important
}

.float-none {
   float: none!important
}

@media (min-width: 320px) {
   .float-sm-left {
       float:left!important
   }

   .float-sm-right {
       float: right!important
   }

   .float-sm-none {
       float: none!important
   }
}

@media (min-width: 768px) {
   .float-md-left {
       float:left!important
   }

   .float-md-right {
       float: right!important
   }

   .float-md-none {
       float: none!important
   }
}

@media (min-width: 1024px) {
   .float-lg-left {
       float:left!important
   }

   .float-lg-right {
       float: right!important
   }

   .float-lg-none {
       float: none!important
   }
}

@media (min-width: 1440px) {
   .float-xl-left {
       float:left!important
   }

   .float-xl-right {
       float: right!important
   }

   .float-xl-none {
       float: none!important
   }
}

.position-static {
   position: static!important
}

.position-relative {
   position: relative!important
}

.position-absolute {
   position: absolute!important
}

.position-fixed {
   position: fixed!important
}

.position-sticky {
   position: -webkit-sticky!important;
   position: sticky!important
}

.fixed-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030
}

.fixed-bottom {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1030
}

@supports (position: -webkit-sticky) or (position:sticky) {
   .sticky-top {
       position:-webkit-sticky;
       position: sticky;
       top: 0;
       z-index: 1020
   }
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0,0,0,0);
   white-space: nowrap;
   -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   overflow: visible;
   clip: auto;
   white-space: normal;
   -webkit-clip-path: none;
   clip-path: none
}

.w-25 {
   width: 25%!important
}

.w-50 {
   width: 50%!important
}

.w-75 {
   width: 75%!important
}

.w-100 {
   width: 100%!important
}

.h-25 {
   height: 25%!important
}

.h-50 {
   height: 50%!important
}

.h-75 {
   height: 75%!important
}

.h-100 {
   height: 100%!important
}

.mw-100 {
   max-width: 100%!important
}

.mh-100 {
   max-height: 100%!important
}

.m-0 {
   margin: 0!important
}

.mt-0,.my-0 {
   margin-top: 0!important
}

.mr-0,.mx-0 {
   margin-right: 0!important
}

.mb-0,.my-0 {
   margin-bottom: 0!important
}

.ml-0,.mx-0 {
   margin-left: 0!important
}

.m-1 {
   margin: .25rem!important
}

.mt-1,.my-1 {
   margin-top: .25rem!important
}

.mr-1,.mx-1 {
   margin-right: .25rem!important
}

.mb-1,.my-1 {
   margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
   margin-left: .25rem!important
}

.m-2 {
   margin: .5rem!important
}

.mt-2,.my-2 {
   margin-top: .5rem!important
}

.mr-2,.mx-2 {
   margin-right: .5rem!important
}

.mb-2,.my-2 {
   margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
   margin-left: .5rem!important
}

.m-3 {
   margin: 1rem!important
}

.mt-3,.my-3 {
   margin-top: 1rem!important
}

.mr-3,.mx-3 {
   margin-right: 1rem!important
}

.mb-3,.my-3 {
   margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
   margin-left: 1rem!important
}

.m-4 {
   margin: 1.5rem!important
}

.mt-4,.my-4 {
   margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
   margin-right: 1.5rem!important
}

.mb-4,.my-4 {
   margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
   margin-left: 1.5rem!important
}

.m-5 {
   margin: 3rem!important
}

.mt-5,.my-5 {
   margin-top: 3rem!important
}

.mr-5,.mx-5 {
   margin-right: 3rem!important
}

.mb-5,.my-5 {
   margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
   margin-left: 3rem!important
}

.p-0 {
   padding: 0!important
}

.pt-0,.py-0 {
   padding-top: 0!important
}

.pr-0,.px-0 {
   padding-right: 0!important
}

.pb-0,.py-0 {
   padding-bottom: 0!important
}

.pl-0,.px-0 {
   padding-left: 0!important
}

.p-1 {
   padding: .25rem!important
}

.pt-1,.py-1 {
   padding-top: .25rem!important
}

.pr-1,.px-1 {
   padding-right: .25rem!important
}

.pb-1,.py-1 {
   padding-bottom: .25rem!important
}

.pl-1,.px-1 {
   padding-left: .25rem!important
}

.p-2 {
   padding: .5rem!important
}

.pt-2,.py-2 {
   padding-top: .5rem!important
}

.pr-2,.px-2 {
   padding-right: .5rem!important
}

.pb-2,.py-2 {
   padding-bottom: .5rem!important
}

.pl-2,.px-2 {
   padding-left: .5rem!important
}

.p-3 {
   padding: 1rem!important
}

.pt-3,.py-3 {
   padding-top: 1rem!important
}

.pr-3,.px-3 {
   padding-right: 1rem!important
}

.pb-3,.py-3 {
   padding-bottom: 1rem!important
}

.pl-3,.px-3 {
   padding-left: 1rem!important
}

.p-4 {
   padding: 1.5rem!important
}

.pt-4,.py-4 {
   padding-top: 1.5rem!important
}

.pr-4,.px-4 {
   padding-right: 1.5rem!important
}

.pb-4,.py-4 {
   padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
   padding-left: 1.5rem!important
}

.p-5 {
   padding: 3rem!important
}

.pt-5,.py-5 {
   padding-top: 3rem!important
}

.pr-5,.px-5 {
   padding-right: 3rem!important
}

.pb-5,.py-5 {
   padding-bottom: 3rem!important
}

.pl-5,.px-5 {
   padding-left: 3rem!important
}

.m-auto {
   margin: auto!important
}

.mt-auto,.my-auto {
   margin-top: auto!important
}

.mr-auto,.mx-auto {
   margin-right: auto!important
}

.mb-auto,.my-auto {
   margin-bottom: auto!important
}

.ml-auto,.mx-auto {
   margin-left: auto!important
}

@media (min-width: 320px) {
   .m-sm-0 {
       margin:0!important
   }

   .mt-sm-0,.my-sm-0 {
       margin-top: 0!important
   }

   .mr-sm-0,.mx-sm-0 {
       margin-right: 0!important
   }

   .mb-sm-0,.my-sm-0 {
       margin-bottom: 0!important
   }

   .ml-sm-0,.mx-sm-0 {
       margin-left: 0!important
   }

   .m-sm-1 {
       margin: .25rem!important
   }

   .mt-sm-1,.my-sm-1 {
       margin-top: .25rem!important
   }

   .mr-sm-1,.mx-sm-1 {
       margin-right: .25rem!important
   }

   .mb-sm-1,.my-sm-1 {
       margin-bottom: .25rem!important
   }

   .ml-sm-1,.mx-sm-1 {
       margin-left: .25rem!important
   }

   .m-sm-2 {
       margin: .5rem!important
   }

   .mt-sm-2,.my-sm-2 {
       margin-top: .5rem!important
   }

   .mr-sm-2,.mx-sm-2 {
       margin-right: .5rem!important
   }

   .mb-sm-2,.my-sm-2 {
       margin-bottom: .5rem!important
   }

   .ml-sm-2,.mx-sm-2 {
       margin-left: .5rem!important
   }

   .m-sm-3 {
       margin: 1rem!important
   }

   .mt-sm-3,.my-sm-3 {
       margin-top: 1rem!important
   }

   .mr-sm-3,.mx-sm-3 {
       margin-right: 1rem!important
   }

   .mb-sm-3,.my-sm-3 {
       margin-bottom: 1rem!important
   }

   .ml-sm-3,.mx-sm-3 {
       margin-left: 1rem!important
   }

   .m-sm-4 {
       margin: 1.5rem!important
   }

   .mt-sm-4,.my-sm-4 {
       margin-top: 1.5rem!important
   }

   .mr-sm-4,.mx-sm-4 {
       margin-right: 1.5rem!important
   }

   .mb-sm-4,.my-sm-4 {
       margin-bottom: 1.5rem!important
   }

   .ml-sm-4,.mx-sm-4 {
       margin-left: 1.5rem!important
   }

   .m-sm-5 {
       margin: 3rem!important
   }

   .mt-sm-5,.my-sm-5 {
       margin-top: 3rem!important
   }

   .mr-sm-5,.mx-sm-5 {
       margin-right: 3rem!important
   }

   .mb-sm-5,.my-sm-5 {
       margin-bottom: 3rem!important
   }

   .ml-sm-5,.mx-sm-5 {
       margin-left: 3rem!important
   }

   .p-sm-0 {
       padding: 0!important
   }

   .pt-sm-0,.py-sm-0 {
       padding-top: 0!important
   }

   .pr-sm-0,.px-sm-0 {
       padding-right: 0!important
   }

   .pb-sm-0,.py-sm-0 {
       padding-bottom: 0!important
   }

   .pl-sm-0,.px-sm-0 {
       padding-left: 0!important
   }

   .p-sm-1 {
       padding: .25rem!important
   }

   .pt-sm-1,.py-sm-1 {
       padding-top: .25rem!important
   }

   .pr-sm-1,.px-sm-1 {
       padding-right: .25rem!important
   }

   .pb-sm-1,.py-sm-1 {
       padding-bottom: .25rem!important
   }

   .pl-sm-1,.px-sm-1 {
       padding-left: .25rem!important
   }

   .p-sm-2 {
       padding: .5rem!important
   }

   .pt-sm-2,.py-sm-2 {
       padding-top: .5rem!important
   }

   .pr-sm-2,.px-sm-2 {
       padding-right: .5rem!important
   }

   .pb-sm-2,.py-sm-2 {
       padding-bottom: .5rem!important
   }

   .pl-sm-2,.px-sm-2 {
       padding-left: .5rem!important
   }

   .p-sm-3 {
       padding: 1rem!important
   }

   .pt-sm-3,.py-sm-3 {
       padding-top: 1rem!important
   }

   .pr-sm-3,.px-sm-3 {
       padding-right: 1rem!important
   }

   .pb-sm-3,.py-sm-3 {
       padding-bottom: 1rem!important
   }

   .pl-sm-3,.px-sm-3 {
       padding-left: 1rem!important
   }

   .p-sm-4 {
       padding: 1.5rem!important
   }

   .pt-sm-4,.py-sm-4 {
       padding-top: 1.5rem!important
   }

   .pr-sm-4,.px-sm-4 {
       padding-right: 1.5rem!important
   }

   .pb-sm-4,.py-sm-4 {
       padding-bottom: 1.5rem!important
   }

   .pl-sm-4,.px-sm-4 {
       padding-left: 1.5rem!important
   }

   .p-sm-5 {
       padding: 3rem!important
   }

   .pt-sm-5,.py-sm-5 {
       padding-top: 3rem!important
   }

   .pr-sm-5,.px-sm-5 {
       padding-right: 3rem!important
   }

   .pb-sm-5,.py-sm-5 {
       padding-bottom: 3rem!important
   }

   .pl-sm-5,.px-sm-5 {
       padding-left: 3rem!important
   }

   .m-sm-auto {
       margin: auto!important
   }

   .mt-sm-auto,.my-sm-auto {
       margin-top: auto!important
   }

   .mr-sm-auto,.mx-sm-auto {
       margin-right: auto!important
   }

   .mb-sm-auto,.my-sm-auto {
       margin-bottom: auto!important
   }

   .ml-sm-auto,.mx-sm-auto {
       margin-left: auto!important
   }
}

@media (min-width: 768px) {
   .m-md-0 {
       margin:0!important
   }

   .mt-md-0,.my-md-0 {
       margin-top: 0!important
   }

   .mr-md-0,.mx-md-0 {
       margin-right: 0!important
   }

   .mb-md-0,.my-md-0 {
       margin-bottom: 0!important
   }

   .ml-md-0,.mx-md-0 {
       margin-left: 0!important
   }

   .m-md-1 {
       margin: .25rem!important
   }

   .mt-md-1,.my-md-1 {
       margin-top: .25rem!important
   }

   .mr-md-1,.mx-md-1 {
       margin-right: .25rem!important
   }

   .mb-md-1,.my-md-1 {
       margin-bottom: .25rem!important
   }

   .ml-md-1,.mx-md-1 {
       margin-left: .25rem!important
   }

   .m-md-2 {
       margin: .5rem!important
   }

   .mt-md-2,.my-md-2 {
       margin-top: .5rem!important
   }

   .mr-md-2,.mx-md-2 {
       margin-right: .5rem!important
   }

   .mb-md-2,.my-md-2 {
       margin-bottom: .5rem!important
   }

   .ml-md-2,.mx-md-2 {
       margin-left: .5rem!important
   }

   .m-md-3 {
       margin: 1rem!important
   }

   .mt-md-3,.my-md-3 {
       margin-top: 1rem!important
   }

   .mr-md-3,.mx-md-3 {
       margin-right: 1rem!important
   }

   .mb-md-3,.my-md-3 {
       margin-bottom: 1rem!important
   }

   .ml-md-3,.mx-md-3 {
       margin-left: 1rem!important
   }

   .m-md-4 {
       margin: 1.5rem!important
   }

   .mt-md-4,.my-md-4 {
       margin-top: 1.5rem!important
   }

   .mr-md-4,.mx-md-4 {
       margin-right: 1.5rem!important
   }

   .mb-md-4,.my-md-4 {
       margin-bottom: 1.5rem!important
   }

   .ml-md-4,.mx-md-4 {
       margin-left: 1.5rem!important
   }

   .m-md-5 {
       margin: 3rem!important
   }

   .mt-md-5,.my-md-5 {
       margin-top: 3rem!important
   }

   .mr-md-5,.mx-md-5 {
       margin-right: 3rem!important
   }

   .mb-md-5,.my-md-5 {
       margin-bottom: 3rem!important
   }

   .ml-md-5,.mx-md-5 {
       margin-left: 3rem!important
   }

   .p-md-0 {
       padding: 0!important
   }

   .pt-md-0,.py-md-0 {
       padding-top: 0!important
   }

   .pr-md-0,.px-md-0 {
       padding-right: 0!important
   }

   .pb-md-0,.py-md-0 {
       padding-bottom: 0!important
   }

   .pl-md-0,.px-md-0 {
       padding-left: 0!important
   }

   .p-md-1 {
       padding: .25rem!important
   }

   .pt-md-1,.py-md-1 {
       padding-top: .25rem!important
   }

   .pr-md-1,.px-md-1 {
       padding-right: .25rem!important
   }

   .pb-md-1,.py-md-1 {
       padding-bottom: .25rem!important
   }

   .pl-md-1,.px-md-1 {
       padding-left: .25rem!important
   }

   .p-md-2 {
       padding: .5rem!important
   }

   .pt-md-2,.py-md-2 {
       padding-top: .5rem!important
   }

   .pr-md-2,.px-md-2 {
       padding-right: .5rem!important
   }

   .pb-md-2,.py-md-2 {
       padding-bottom: .5rem!important
   }

   .pl-md-2,.px-md-2 {
       padding-left: .5rem!important
   }

   .p-md-3 {
       padding: 1rem!important
   }

   .pt-md-3,.py-md-3 {
       padding-top: 1rem!important
   }

   .pr-md-3,.px-md-3 {
       padding-right: 1rem!important
   }

   .pb-md-3,.py-md-3 {
       padding-bottom: 1rem!important
   }

   .pl-md-3,.px-md-3 {
       padding-left: 1rem!important
   }

   .p-md-4 {
       padding: 1.5rem!important
   }

   .pt-md-4,.py-md-4 {
       padding-top: 1.5rem!important
   }

   .pr-md-4,.px-md-4 {
       padding-right: 1.5rem!important
   }

   .pb-md-4,.py-md-4 {
       padding-bottom: 1.5rem!important
   }

   .pl-md-4,.px-md-4 {
       padding-left: 1.5rem!important
   }

   .p-md-5 {
       padding: 3rem!important
   }

   .pt-md-5,.py-md-5 {
       padding-top: 3rem!important
   }

   .pr-md-5,.px-md-5 {
       padding-right: 3rem!important
   }

   .pb-md-5,.py-md-5 {
       padding-bottom: 3rem!important
   }

   .pl-md-5,.px-md-5 {
       padding-left: 3rem!important
   }

   .m-md-auto {
       margin: auto!important
   }

   .mt-md-auto,.my-md-auto {
       margin-top: auto!important
   }

   .mr-md-auto,.mx-md-auto {
       margin-right: auto!important
   }

   .mb-md-auto,.my-md-auto {
       margin-bottom: auto!important
   }

   .ml-md-auto,.mx-md-auto {
       margin-left: auto!important
   }
}

@media (min-width: 1024px) {
   .m-lg-0 {
       margin:0!important
   }

   .mt-lg-0,.my-lg-0 {
       margin-top: 0!important
   }

   .mr-lg-0,.mx-lg-0 {
       margin-right: 0!important
   }

   .mb-lg-0,.my-lg-0 {
       margin-bottom: 0!important
   }

   .ml-lg-0,.mx-lg-0 {
       margin-left: 0!important
   }

   .m-lg-1 {
       margin: .25rem!important
   }

   .mt-lg-1,.my-lg-1 {
       margin-top: .25rem!important
   }

   .mr-lg-1,.mx-lg-1 {
       margin-right: .25rem!important
   }

   .mb-lg-1,.my-lg-1 {
       margin-bottom: .25rem!important
   }

   .ml-lg-1,.mx-lg-1 {
       margin-left: .25rem!important
   }

   .m-lg-2 {
       margin: .5rem!important
   }

   .mt-lg-2,.my-lg-2 {
       margin-top: .5rem!important
   }

   .mr-lg-2,.mx-lg-2 {
       margin-right: .5rem!important
   }

   .mb-lg-2,.my-lg-2 {
       margin-bottom: .5rem!important
   }

   .ml-lg-2,.mx-lg-2 {
       margin-left: .5rem!important
   }

   .m-lg-3 {
       margin: 1rem!important
   }

   .mt-lg-3,.my-lg-3 {
       margin-top: 1rem!important
   }

   .mr-lg-3,.mx-lg-3 {
       margin-right: 1rem!important
   }

   .mb-lg-3,.my-lg-3 {
       margin-bottom: 1rem!important
   }

   .ml-lg-3,.mx-lg-3 {
       margin-left: 1rem!important
   }

   .m-lg-4 {
       margin: 1.5rem!important
   }

   .mt-lg-4,.my-lg-4 {
       margin-top: 1.5rem!important
   }

   .mr-lg-4,.mx-lg-4 {
       margin-right: 1.5rem!important
   }

   .mb-lg-4,.my-lg-4 {
       margin-bottom: 1.5rem!important
   }

   .ml-lg-4,.mx-lg-4 {
       margin-left: 1.5rem!important
   }

   .m-lg-5 {
       margin: 3rem!important
   }

   .mt-lg-5,.my-lg-5 {
       margin-top: 3rem!important
   }

   .mr-lg-5,.mx-lg-5 {
       margin-right: 3rem!important
   }

   .mb-lg-5,.my-lg-5 {
       margin-bottom: 3rem!important
   }

   .ml-lg-5,.mx-lg-5 {
       margin-left: 3rem!important
   }

   .p-lg-0 {
       padding: 0!important
   }

   .pt-lg-0,.py-lg-0 {
       padding-top: 0!important
   }

   .pr-lg-0,.px-lg-0 {
       padding-right: 0!important
   }

   .pb-lg-0,.py-lg-0 {
       padding-bottom: 0!important
   }

   .pl-lg-0,.px-lg-0 {
       padding-left: 0!important
   }

   .p-lg-1 {
       padding: .25rem!important
   }

   .pt-lg-1,.py-lg-1 {
       padding-top: .25rem!important
   }

   .pr-lg-1,.px-lg-1 {
       padding-right: .25rem!important
   }

   .pb-lg-1,.py-lg-1 {
       padding-bottom: .25rem!important
   }

   .pl-lg-1,.px-lg-1 {
       padding-left: .25rem!important
   }

   .p-lg-2 {
       padding: .5rem!important
   }

   .pt-lg-2,.py-lg-2 {
       padding-top: .5rem!important
   }

   .pr-lg-2,.px-lg-2 {
       padding-right: .5rem!important
   }

   .pb-lg-2,.py-lg-2 {
       padding-bottom: .5rem!important
   }

   .pl-lg-2,.px-lg-2 {
       padding-left: .5rem!important
   }

   .p-lg-3 {
       padding: 1rem!important
   }

   .pt-lg-3,.py-lg-3 {
       padding-top: 1rem!important
   }

   .pr-lg-3,.px-lg-3 {
       padding-right: 1rem!important
   }

   .pb-lg-3,.py-lg-3 {
       padding-bottom: 1rem!important
   }

   .pl-lg-3,.px-lg-3 {
       padding-left: 1rem!important
   }

   .p-lg-4 {
       padding: 1.5rem!important
   }

   .pt-lg-4,.py-lg-4 {
       padding-top: 1.5rem!important
   }

   .pr-lg-4,.px-lg-4 {
       padding-right: 1.5rem!important
   }

   .pb-lg-4,.py-lg-4 {
       padding-bottom: 1.5rem!important
   }

   .pl-lg-4,.px-lg-4 {
       padding-left: 1.5rem!important
   }

   .p-lg-5 {
       padding: 3rem!important
   }

   .pt-lg-5,.py-lg-5 {
       padding-top: 3rem!important
   }

   .pr-lg-5,.px-lg-5 {
       padding-right: 3rem!important
   }

   .pb-lg-5,.py-lg-5 {
       padding-bottom: 3rem!important
   }

   .pl-lg-5,.px-lg-5 {
       padding-left: 3rem!important
   }

   .m-lg-auto {
       margin: auto!important
   }

   .mt-lg-auto,.my-lg-auto {
       margin-top: auto!important
   }

   .mr-lg-auto,.mx-lg-auto {
       margin-right: auto!important
   }

   .mb-lg-auto,.my-lg-auto {
       margin-bottom: auto!important
   }

   .ml-lg-auto,.mx-lg-auto {
       margin-left: auto!important
   }
}

@media (min-width: 1440px) {
   .m-xl-0 {
       margin:0!important
   }

   .mt-xl-0,.my-xl-0 {
       margin-top: 0!important
   }

   .mr-xl-0,.mx-xl-0 {
       margin-right: 0!important
   }

   .mb-xl-0,.my-xl-0 {
       margin-bottom: 0!important
   }

   .ml-xl-0,.mx-xl-0 {
       margin-left: 0!important
   }

   .m-xl-1 {
       margin: .25rem!important
   }

   .mt-xl-1,.my-xl-1 {
       margin-top: .25rem!important
   }

   .mr-xl-1,.mx-xl-1 {
       margin-right: .25rem!important
   }

   .mb-xl-1,.my-xl-1 {
       margin-bottom: .25rem!important
   }

   .ml-xl-1,.mx-xl-1 {
       margin-left: .25rem!important
   }

   .m-xl-2 {
       margin: .5rem!important
   }

   .mt-xl-2,.my-xl-2 {
       margin-top: .5rem!important
   }

   .mr-xl-2,.mx-xl-2 {
       margin-right: .5rem!important
   }

   .mb-xl-2,.my-xl-2 {
       margin-bottom: .5rem!important
   }

   .ml-xl-2,.mx-xl-2 {
       margin-left: .5rem!important
   }

   .m-xl-3 {
       margin: 1rem!important
   }

   .mt-xl-3,.my-xl-3 {
       margin-top: 1rem!important
   }

   .mr-xl-3,.mx-xl-3 {
       margin-right: 1rem!important
   }

   .mb-xl-3,.my-xl-3 {
       margin-bottom: 1rem!important
   }

   .ml-xl-3,.mx-xl-3 {
       margin-left: 1rem!important
   }

   .m-xl-4 {
       margin: 1.5rem!important
   }

   .mt-xl-4,.my-xl-4 {
       margin-top: 1.5rem!important
   }

   .mr-xl-4,.mx-xl-4 {
       margin-right: 1.5rem!important
   }

   .mb-xl-4,.my-xl-4 {
       margin-bottom: 1.5rem!important
   }

   .ml-xl-4,.mx-xl-4 {
       margin-left: 1.5rem!important
   }

   .m-xl-5 {
       margin: 3rem!important
   }

   .mt-xl-5,.my-xl-5 {
       margin-top: 3rem!important
   }

   .mr-xl-5,.mx-xl-5 {
       margin-right: 3rem!important
   }

   .mb-xl-5,.my-xl-5 {
       margin-bottom: 3rem!important
   }

   .ml-xl-5,.mx-xl-5 {
       margin-left: 3rem!important
   }

   .p-xl-0 {
       padding: 0!important
   }

   .pt-xl-0,.py-xl-0 {
       padding-top: 0!important
   }

   .pr-xl-0,.px-xl-0 {
       padding-right: 0!important
   }

   .pb-xl-0,.py-xl-0 {
       padding-bottom: 0!important
   }

   .pl-xl-0,.px-xl-0 {
       padding-left: 0!important
   }

   .p-xl-1 {
       padding: .25rem!important
   }

   .pt-xl-1,.py-xl-1 {
       padding-top: .25rem!important
   }

   .pr-xl-1,.px-xl-1 {
       padding-right: .25rem!important
   }

   .pb-xl-1,.py-xl-1 {
       padding-bottom: .25rem!important
   }

   .pl-xl-1,.px-xl-1 {
       padding-left: .25rem!important
   }

   .p-xl-2 {
       padding: .5rem!important
   }

   .pt-xl-2,.py-xl-2 {
       padding-top: .5rem!important
   }

   .pr-xl-2,.px-xl-2 {
       padding-right: .5rem!important
   }

   .pb-xl-2,.py-xl-2 {
       padding-bottom: .5rem!important
   }

   .pl-xl-2,.px-xl-2 {
       padding-left: .5rem!important
   }

   .p-xl-3 {
       padding: 1rem!important
   }

   .pt-xl-3,.py-xl-3 {
       padding-top: 1rem!important
   }

   .pr-xl-3,.px-xl-3 {
       padding-right: 1rem!important
   }

   .pb-xl-3,.py-xl-3 {
       padding-bottom: 1rem!important
   }

   .pl-xl-3,.px-xl-3 {
       padding-left: 1rem!important
   }

   .p-xl-4 {
       padding: 1.5rem!important
   }

   .pt-xl-4,.py-xl-4 {
       padding-top: 1.5rem!important
   }

   .pr-xl-4,.px-xl-4 {
       padding-right: 1.5rem!important
   }

   .pb-xl-4,.py-xl-4 {
       padding-bottom: 1.5rem!important
   }

   .pl-xl-4,.px-xl-4 {
       padding-left: 1.5rem!important
   }

   .p-xl-5 {
       padding: 3rem!important
   }

   .pt-xl-5,.py-xl-5 {
       padding-top: 3rem!important
   }

   .pr-xl-5,.px-xl-5 {
       padding-right: 3rem!important
   }

   .pb-xl-5,.py-xl-5 {
       padding-bottom: 3rem!important
   }

   .pl-xl-5,.px-xl-5 {
       padding-left: 3rem!important
   }

   .m-xl-auto {
       margin: auto!important
   }

   .mt-xl-auto,.my-xl-auto {
       margin-top: auto!important
   }

   .mr-xl-auto,.mx-xl-auto {
       margin-right: auto!important
   }

   .mb-xl-auto,.my-xl-auto {
       margin-bottom: auto!important
   }

   .ml-xl-auto,.mx-xl-auto {
       margin-left: auto!important
   }
}

.text-justify {
   text-align: justify!important
}

.text-nowrap {
   white-space: nowrap!important
}

.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.text-left {
   text-align: left!important
}

.text-right {
   text-align: right!important
}

.text-center {
   text-align: center!important
}

@media (min-width: 320px) {
   .text-sm-left {
       text-align:left!important
   }

   .text-sm-right {
       text-align: right!important
   }

   .text-sm-center {
       text-align: center!important
   }
}

@media (min-width: 768px) {
   .text-md-left {
       text-align:left!important
   }

   .text-md-right {
       text-align: right!important
   }

   .text-md-center {
       text-align: center!important
   }
}

@media (min-width: 1024px) {
   .text-lg-left {
       text-align:left!important
   }

   .text-lg-right {
       text-align: right!important
   }

   .text-lg-center {
       text-align: center!important
   }
}

@media (min-width: 1440px) {
   .text-xl-left {
       text-align:left!important
   }

   .text-xl-right {
       text-align: right!important
   }

   .text-xl-center {
       text-align: center!important
   }
}

.text-lowercase {
   text-transform: lowercase!important
}

.text-uppercase {
   text-transform: uppercase!important
}

.text-capitalize {
   text-transform: capitalize!important
}

.font-weight-light {
   font-weight: 300!important
}

.font-weight-normal {
   font-weight: 400!important
}

.font-weight-bold {
   font-weight: 700!important
}

.font-italic {
   font-style: italic!important
}

.text-white {
   color: #fff!important
}

.text-primary {
   color: #007bff!important
}

a.text-primary:focus,a.text-primary:hover {
   color: #0062cc!important
}

.text-secondary {
   color: #868e96!important
}

a.text-secondary:focus,a.text-secondary:hover {
   color: #6c757d!important
}

.text-success {
   color: #28a745!important
}

a.text-success:focus,a.text-success:hover {
   color: #1e7e34!important
}

.text-info {
   color: #17a2b8!important
}

a.text-info:focus,a.text-info:hover {
   color: #117a8b!important
}

.text-warning {
   color: #ffc107!important
}

a.text-warning:focus,a.text-warning:hover {
   color: #d39e00!important
}

.text-danger {
   color: #dc3545!important
}

a.text-danger:focus,a.text-danger:hover {
   color: #bd2130!important
}

.text-light {
   color: #f8f9fa!important
}

a.text-light:focus,a.text-light:hover {
   color: #dae0e5!important
}

.text-dark {
   color: #343a40!important
}

a.text-dark:focus,a.text-dark:hover {
   color: #1d2124!important
}

.text-muted {
   color: #868e96!important
}

.text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0
}

.visible {
   visibility: visible!important
}

.invisible {
   visibility: hidden!important
}

body,html {
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: Montserrat,sans-serif;
   font-weight: 300
}

.no-gutters {
   margin-right: 0;
   margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
   padding-right: 0;
   padding-left: 0
}

.no-gutters.container {
   padding-right: 0;
   padding-left: 0;
   margin-right: auto;
   margin-left: auto
}

footer.sponsors {
   height: 700px;
   background-color: #0b3073
}

footer.sponsors a {
   display: block!important
}

footer.sponsors .sp-titulo {
   color: #fff;
   font-family: Montserrat;
   font-size: 24px;
   font-weight: 700;
   letter-spacing: 0;
   line-height: 44px;
   text-align: center;
   margin-top: 20px
}

footer.sponsors .sp-titulo.main-sponsor {
   font-size: 22px
}

footer.sponsors img.sp-quilmes {
   left: -16px
}

footer.sponsors .sp-tit-sec-premium {
   color: #fff;
   font-family: Montserrat;
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 0;
   line-height: 44px;
   text-align: center;
   margin-top: 17px
}

footer.sponsors .sp-tit-sec {
   color: #fff;
   font-family: Montserrat;
   font-size: 16px;
   font-weight: 700;
   letter-spacing: 0;
   line-height: 44px;
   text-align: center;
   margin-top: 17px
}

footer.sponsors .sp-border-left {
   border-left: 1px solid #b9c4d7
}

footer.sponsors .sp-globales.main-s img.dtvs {
   position: absolute;
   right: -10px;
   height: 30px;
   width: auto
}

footer.sponsors .sp-globales.main-s img.pax {
   position: absolute;
   left: 15px;
   height: 70px;
   width: auto;
   min-height: 30px;
   top: 0;
   margin-top: 0!important
}

footer.sponsors .sp-globales .sp-izquierda {
   min-height: 83px;
   opacity: .75
}

footer.sponsors .sp-globales .sp-izquierda img {
   margin-top: 15px
}

footer.sponsors .sp-globales .sp-izquierda img.pax {
   margin-top: 0
}

footer.sponsors .sp-globales .sp-izquierda span {
   float: left
}

footer.sponsors .sp-globales .sp-izquierda:hover {
   opacity: .9
}

footer.sponsors .sp-globales .sp-derecha {
   min-height: 83px;
   opacity: .75
}

footer.sponsors .sp-globales .sp-derecha.top {
   padding-right: 0;
   margin-right: 0;
   left: 5px
}

footer.sponsors .sp-globales .sp-derecha.top img.dtvs {
   float: right
}

footer.sponsors .sp-globales .sp-derecha.top img.betsson {
   height: 31px;
   width: auto;
   float: right;
   left: 0!important;
   top: 23px
}

footer.sponsors .sp-globales .sp-derecha img {
   float: unset;
   margin-top: 0;
   left: calc(50% - 77px);
   position: relative;
   height: 70px;
   width: auto
}

footer.sponsors .sp-globales .sp-derecha:hover {
   opacity: .9
}

footer.sponsors .sp-izquierda span {
   float: left
}

footer.sponsors .sp-derecha img {
   float: right
}

footer.sponsors .sp-izquierda img {
   float: left
}

footer.sponsors .sp-globales {
   margin-top: 30px;
   margin-bottom: 20px
}

footer.sponsors .sp-globales.top {
   margin-left: 60px;
   position: relative
}

footer.sponsors .sp-globales.sp-dtv {
   margin-bottom: 0
}

footer.sponsors .sp-globales.sp-dtv .sp-derecha img {
   height: 30px;
   width: auto;
   left: calc(50% - 89px)
}

footer.sponsors .sp-globales div img {
   margin-left: 15px;
   margin-right: 15px
}

footer.sponsors .sp-border-top {
   border-top: 1px solid rgba(255,255,255,.31)
}

footer.sponsors .sp-border-top.sp-fem {
   border-top: none;
   left: -60px
}

footer.sponsors .sp-border-top.second {
   margin-top: 40px
}

footer.sponsors .sp-border-top.second.min-1440 {
   display: flex
}

footer.sponsors .sp-border-top.second.max-1440 {
   display: none
}

footer.sponsors .sp-border-top.second .listado-sponsors {
   margin-top: 18px
}

footer.sponsors .sp-border-top.second .sp-avalian {
   height: 34px;
   width: auto;
   margin-top: 20px
}

footer.sponsors .sp-border-top.second .sp-rexona {
   height: 44px;
   width: auto;
   margin-top: 20px
}

footer.sponsors .sp-border-top.second .sp-investing {
   height: 25px;
   width: auto;
   margin-top: 16px
}

footer.sponsors .sp-border-top.second .sp-cabify {
   Height: 25.7px;
   width: auto;
   margin-top: 20px
}

footer.sponsors .sp-border-top.second .sp-easport {
   margin-top: 20px;
   height: 44px
}

footer.sponsors .sp-border-top.second .sp-pes {
   Height: 36px;
   width: auto
}

footer.sponsors .sp-border-bottom {
   border-bottom: 1px solid rgba(255,255,255,.31)
}

footer.sponsors .listado-sponsors {
   margin-top: 18px
}

footer.sponsors .sp-lista {
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   max-width: 785px
}

footer.sponsors .sp-lista.sp-short {
   max-width: 211px
}

footer.sponsors .sp-lista.sp-short.three-items {
   top: 6px;
   position: relative
}

footer.sponsors .sp-lista.sp-short.two-items {
   max-width: 200px;
   top: 6px;
   position: relative
}

footer.sponsors .sp-lista.sp-short.sp-unico {
   margin: auto;
   justify-content: center
}

footer.sponsors .sp-lista.sp-premium {
   margin-top: 12px;
   margin-bottom: -6px;
   max-width: 570px
}

footer.sponsors .sp-items {
   display: block;
   flex: 0 1 auto;
   list-style-type: none;
   position: relative;
   opacity: .75
}

footer.sponsors .sp-items:hover {
   opacity: .9
}

footer.sponsors .sp-items img {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   margin-top: 30px;
   margin-bottom: -30px
}

footer.sponsors .sp-items img.sp-via {
   width: auto;
   height: 45px
}

@media (max-width: 1439px) {
   .sp-lista.sp-short.three-items {
       left:-18px!important;
       width: 350px
   }
}

@media (min-width: 1440px) {
   footer.sponsors .sp-digitales.sp-izquierda {
       right:8%!important;
       left: unset!important
   }

   footer.sponsors .sp-digitales.sp-derecha {
       left: 10%
   }
}

@media (max-width: 1439px) {
   footer.sponsors {
       height:700px
   }

   footer.sponsors .sp-border-top.second.min-1440 {
       display: none
   }

   footer.sponsors .sp-border-top.second.max-1440 {
       display: flex
   }

   footer.sponsors .sp-border-top.second.max-1440 .sp-fem {
       margin-top: 25px
   }

   footer.sponsors .sp-border-top.second.max-1440 .sp-fem.sp-border-top {
       left: 0;
       border-top: 1px solid rgba(255,255,255,.31);
       top: 10px
   }
}

@media (max-width: 770px) {
   footer.sponsors {
       height:850px!important
   }

   footer.sponsors .sp-lista.sp-premium {
       max-width: 670px!important
   }

   footer.sponsors .sp-lista.sp-short {
       max-width: 211px;
       margin-bottom: 40px
   }

   footer.sponsors .sp-lista.sp-short.three-items {
       left: 20px!important;
       margin-bottom: 25px
   }
}

@media (max-width: 651px) {
   footer.sponsors {
       height:980px!important
   }

   footer.sponsors .top-25-mob {
       margin-top: 25px
   }

   footer.sponsors .container.second {
       max-width: 375px
   }

   footer.sponsors .sp-border-top.second .sp-cabify,footer.sponsors .sp-border-top.second .sp-easport {
       margin-top: 30px;
       margin-bottom: -5px
   }

   footer.sponsors .sp-border-top.second .sp-investing {
       margin-top: 30px;
       margin-top: 27px!important
   }

   footer.sponsors .sp-globales {
       margin-top: 27px
   }

   footer.sponsors .sp-globales.sp-dtv .sp-derecha {
       min-height: 83px
   }

   footer.sponsors .sp-globales.sp-dtv .sp-derecha img {
       height: 30px;
       width: auto;
       margin-right: 20px;
       margin-top: 10px;
       left: calc(50% - 95px);
       position: relative
   }

   footer.sponsors .sp-globales .sp-derecha {
       min-height: 83px
   }

   footer.sponsors .sp-globales .sp-derecha.top {
       padding-right: 0;
       margin-right: 0
   }

   footer.sponsors .sp-globales .sp-derecha.top img.betsson {
       height: 24px;
       left: 0!important;
       top: 16px
   }

   footer.sponsors .sp-globales .sp-derecha img {
       height: 60px;
       width: auto;
       margin-right: 20px;
       margin-top: 10px;
       position: relative
   }

   footer.sponsors .sp-globales .sp-izquierda {
       min-height: 83px
   }

   footer.sponsors .sp-globales .sp-izquierda img {
       height: 45px;
       margin-left: 20px;
       margin-top: 17px!important
   }

   footer.sponsors .sp-premium .sp-items .sp-gatorade {
       height: 52px;
       width: auto;
       left: 100px
   }

   footer.sponsors .sp-premium .sp-items .sp-avalian {
       height: 34px;
       width: auto
   }

   footer.sponsors .sp-premium .sp-items .sp-bbva {
       width: 117px;
       height: auto
   }

   footer.sponsors .sp-premium .sp-items .sp-rexona {
       height: 55px;
       width: auto
   }

   footer.sponsors .sp-premium .sp-items .sp-quilmes {
       height: 41px;
       width: auto;
       top: 60%;
       left: 0
   }

   footer.sponsors .sp-premium .sp-items .sp-via {
       width: 144px;
       height: auto
   }

   footer.sponsors .show-all {
       display: none
   }

   footer.sponsors .min-mob {
       min-height: 134px
   }

   footer.sponsors .sp-border-top {
       margin-left: 2%!important;
       margin-right: 2%!important
   }

   footer.sponsors .sp-border-top.sp-fem {
       border-top: 1px solid rgba(255,255,255,.31);
       margin-top: 46px;
       margin-left: 0!important;
       margin-right: 0!important
   }

   footer.sponsors .sp-border-top.sp-fem .sp-tit-sec {
       margin-top: 22px
   }

   footer.sponsors .sp-lista.sp-premium.show-mobile {
       max-width: 290px!important;
       margin-top: 38px
   }

   footer.sponsors .sp-lista.sp-premium.show-mobile.secondary {
       max-width: 250px!important;
       margin-top: 33px;
       margin-bottom: -13px
   }

   footer.sponsors .sp-lista.sp-short.three-items {
       margin-bottom: 0;
       left: -13px!important
   }

   footer.sponsors .sp-lista.sp-short.sp-unico {
       margin-top: 5px
   }

   footer.sponsors .sp-lista.sp-short.two-items {
       max-width: 190px
   }

   footer.sponsors .show-mobile {
       max-width: 350px
   }

   footer.sponsors .show-mobile.secondary {
       max-width: 250px!important
   }
}

@media (min-width: 651px) {
   footer.sponsors .show-mobile {
       display:none
   }
}

.footer {
   padding: 35px 0 15px;
   background-color: #1d293e;
   color: #fff;
   font-size: 14px;
   font-weight: 300
}

.footer .container {
   padding-right: 0;
   padding-left: 0
}

.footer .second {
   margin-top: 18px
}

.footer a {
   color: #fff
}

.footer p {
   color: #fff;
   margin: 0;
   position: relative
}

.footer ul {
   padding: 0;
   margin: 0;
   list-style: none
}

.footer ul.sin-titulo {
   padding-top: 36px
}

.footer ul a {
   font-size: 14px;
   font-weight: 300;
   line-height: 30px
}

.footer .titulo {
   line-height: 26px;
   font-size: 14px;
   font-weight: 700;
   display: block;
   margin-bottom: 10px;
   text-transform: uppercase
}

.footer .svg.youtube {
   width: 27px;
   height: 20px;
   margin-bottom: 10px
}

.footer .svg.instagram {
   width: 25px;
   height: 25px;
   margin-bottom: 10px
}

.footer .svg.facebook {
   width: 22px;
   height: 22px;
   margin-bottom: 10px
}

.footer .svg.twitter {
   width: 26px;
   height: 22px;
   margin-bottom: 10px
}

.footer .svg.tiktok {
   width: 26px;
   height: 22px;
   margin-bottom: 10px
}

.footer .svg.mail {
   width: 26px
}

.footer .svg.mail path {
   fill: #fff
}

.footer .social {
   margin-top: 35px;
   width: auto
}

.footer .social li {
   margin-right: 26px
}

.footer .social li.marg-r {
   margin-right: 0
}

.footer .social li.marg-r .titulo {
   margin-right: 20px
}

.footer .social .titulo {
   margin-right: 40px
}

.footer .copy {
   margin-top: 34px
}

.footer .copy .desarrollado {
   top: -30px;
   display: block;
   text-align: center
}

.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list {
   position: relative;
   overflow: hidden;
   display: block;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: 0
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
   -webkit-transform: translate3d(0,0,0);
   -moz-transform: translate3d(0,0,0);
   -ms-transform: translate3d(0,0,0);
   -o-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0)
}

.slick-track {
   position: relative;
   left: 0;
   top: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
}

.slick-track:after,.slick-track:before {
   content: '';
   display: table
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   float: left;
   height: 100%;
   min-height: 1px;
   display: none
}

[dir=rtl] .slick-slide {
   float: right
}

.slick-slide.slick-loading img {
   display: none
}

.slick-slide.dragging img {
   pointer-events: none
}

.slick-initialized .slick-slide {
   display: block
}

.slick-loading .slick-slide {
   visibility: hidden
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent
}

.slick-arrow.slick-hidden {
   display: none
}

.mm-hidden {
   display: none!important
}

.mm-wrapper {
   overflow-x: hidden;
   position: relative
}

.mm-menu {
   box-sizing: border-box;
   background: inherit;
   display: block;
   padding: 0;
   margin: 0;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 0
}

.mm-panels {
   background: inherit;
   border-color: inherit;
   box-sizing: border-box;
   margin: 0;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 0;
   overflow: hidden
}

.mm-panels>.mm-panel {
   background: inherit;
   border-color: inherit;
   box-sizing: border-box;
   margin: 0;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 0
}

.mm-panel {
   -webkit-transform: translate(100%,0);
   -ms-transform: translate(100%,0);
   transform: translate(100%,0);
   -webkit-transform: translate3d(100%,0,0);
   transform: translate3d(100%,0,0);
   -webkit-transition: -webkit-transform .4s ease;
   transition: -webkit-transform .4s ease;
   transition: transform .4s ease;
   transition: transform .4s ease,-webkit-transform .4s ease;
   -webkit-transform-origin: top left;
   -ms-transform-origin: top left;
   transform-origin: top left
}

.mm-panel.mm-opened {
   -webkit-transform: translate(0,0);
   -ms-transform: translate(0,0);
   transform: translate(0,0);
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0)
}

.mm-panel.mm-subopened {
   -webkit-transform: translate(-30%,0);
   -ms-transform: translate(-30%,0);
   transform: translate(-30%,0);
   -webkit-transform: translate3d(-30%,0,0);
   transform: translate3d(-30%,0,0)
}

.mm-panel.mm-highest {
   z-index: 1
}

.mm-panel.mm-noanimation {
   -webkit-transition: none!important;
   transition: none!important
}

.mm-panel.mm-noanimation.mm-subopened {
   -webkit-transform: translate(0,0);
   -ms-transform: translate(0,0);
   transform: translate(0,0);
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0)
}

.mm-panels>.mm-panel {
   -webkit-overflow-scrolling: touch;
   overflow: scroll;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0 20px
}

.mm-panels>.mm-panel.mm-hasnavbar {
   padding-top: 40px
}

.mm-panels>.mm-panel:not(.mm-hidden) {
   display: block
}

.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before {
   content: '';
   display: block;
   height: 20px
}

.mm-vertical .mm-panel {
   -webkit-transform: none!important;
   -ms-transform: none!important;
   transform: none!important
}

.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel {
   display: none;
   padding: 10px 0 10px 10px
}

.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
   border-color: transparent
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after {
   border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel {
   display: block
}

li.mm-vertical.mm-opened>.mm-panel {
   display: block
}

.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next {
   box-sizing: border-box;
   height: 40px;
   bottom: auto
}

.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after {
   -webkit-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   transform: rotate(225deg);
   right: 19px
}

.mm-btn {
   box-sizing: border-box;
   width: 40px;
   height: 40px;
   position: absolute;
   top: 0;
   z-index: 1
}

.mm-clear:after,.mm-clear:before {
   content: '';
   border: 2px solid transparent;
   display: block;
   width: 5px;
   height: 5px;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.mm-close:after,.mm-close:before {
   content: '';
   border: 2px solid transparent;
   display: block;
   width: 5px;
   height: 5px;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.mm-clear:before,.mm-close:before {
   border-right: none;
   border-bottom: none;
   right: 18px
}

.mm-clear:after,.mm-close:after {
   border-left: none;
   border-top: none;
   right: 25px
}

.mm-next:after {
   content: '';
   border-top: 2px solid transparent;
   border-left: 2px solid transparent;
   display: block;
   width: 8px;
   height: 8px;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0
}

.mm-prev:before {
   content: '';
   border-top: 2px solid transparent;
   border-left: 2px solid transparent;
   display: block;
   width: 8px;
   height: 8px;
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   left: 23px;
   right: auto
}

.mm-next:after {
   -webkit-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   transform: rotate(135deg);
   right: 23px;
   left: auto
}

.mm-navbar {
   border-bottom: 1px solid;
   border-color: inherit;
   text-align: center;
   line-height: 20px;
   height: 40px;
   padding: 0 40px;
   margin: 0;
   position: absolute;
   top: 0;
   left: 0;
   right: 0
}

.mm-navbar>* {
   display: block;
   padding: 10px 0
}

.mm-navbar a {
   text-decoration: none
}

.mm-navbar a:hover {
   text-decoration: none
}

.mm-navbar .mm-title {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
}

.mm-navbar .mm-btn:first-child {
   left: 0
}

.mm-navbar .mm-btn:last-child {
   text-align: right;
   right: 0
}

.mm-panel .mm-navbar {
   display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
   display: block
}

.mm-listview {
   list-style: none;
   display: block;
   padding: 0;
   margin: 0;
   font: inherit;
   font-size: 14px;
   line-height: 20px
}

.mm-listview>li {
   list-style: none;
   display: block;
   padding: 0;
   margin: 0
}

.mm-listview a {
   text-decoration: none
}

.mm-listview a:hover {
   text-decoration: none
}

.mm-listview>li {
   position: relative;
   border-color: inherit
}

.mm-listview>li .mm-next {
   border-color: inherit
}

.mm-listview>li .mm-next:before {
   border-color: inherit
}

.mm-listview>li:after {
   border-color: inherit
}

.mm-listview>li>a,.mm-listview>li>span {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   color: inherit;
   display: block;
   padding: 10px 10px 10px 20px;
   margin: 0
}

.mm-listview>li:not(.mm-divider):after {
   content: '';
   border-bottom-width: 1px;
   border-bottom-style: solid;
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   left: 20px
}

.mm-listview .mm-next {
   background: rgba(3,2,1,0);
   width: 50px;
   padding: 0;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 2
}

.mm-listview .mm-next:before {
   content: '';
   border-left-width: 1px;
   border-left-style: solid;
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0
}

.mm-listview .mm-next+a,.mm-listview .mm-next+span {
   margin-right: 50px
}

.mm-listview .mm-next.mm-fullsubopen {
   width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
   border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span {
   padding-right: 50px;
   margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
   margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child {
   margin-top: -20px
}

.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
   margin-top: -20px
}

.mm-menu {
   background: #f3f3f3;
   border-color: rgba(0,0,0,.1);
   color: rgba(0,0,0,.75)
}

.mm-menu .mm-navbar a,.mm-menu .mm-navbar>* {
   color: rgba(0,0,0,.3)
}

.mm-menu .mm-btn:after,.mm-menu .mm-btn:before {
   border-color: rgba(0,0,0,.3)
}

.mm-menu .mm-listview {
   border-color: rgba(0,0,0,.1)
}

.mm-menu .mm-listview>li .mm-next:after {
   border-color: rgba(0,0,0,.3)
}

.mm-menu .mm-listview>li a:not(.mm-next) {
   -webkit-tap-highlight-color: rgba(255,255,255,.5);
   tap-highlight-color: rgba(255,255,255,.5)
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span {
   background: rgba(255,255,255,.5)
}

.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next {
   background: rgba(0,0,0,.05)
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
   background: rgba(0,0,0,.05)
}

.mm-menu .mm-divider {
   background: rgba(0,0,0,.05)
}

.mm-page {
   box-sizing: border-box;
   position: relative
}

.mm-slideout {
   -webkit-transition: -webkit-transform .4s ease;
   transition: -webkit-transform .4s ease;
   transition: transform .4s ease;
   transition: transform .4s ease,-webkit-transform .4s ease;
   z-index: 1
}

html.mm-opened {
   overflow-x: hidden;
   position: relative
}

html.mm-blocking {
   overflow: hidden
}

html.mm-blocking body {
   overflow: hidden
}

html.mm-background .mm-page {
   background: inherit
}

#mm-blocker {
   background: rgba(3,2,1,0);
   display: none;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 2
}

html.mm-blocking #mm-blocker {
   display: block
}

.mm-menu.mm-offcanvas {
   z-index: 0;
   display: none;
   position: fixed;
   width: 80%;
   min-width: 140px;
   max-width: 440px
}

.mm-menu.mm-offcanvas.mm-opened {
   display: block
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
   z-index: 10
}

html.mm-opening .mm-menu.mm-opened~.mm-slideout {
   -webkit-transform: translate(80%,0);
   -ms-transform: translate(80%,0);
   transform: translate(80%,0);
   -webkit-transform: translate3d(80%,0,0);
   transform: translate3d(80%,0,0)
}

@media all and (max-width: 175px) {
   html.mm-opening .mm-menu.mm-opened~.mm-slideout {
       -webkit-transform:translate(140px,0);
       -ms-transform: translate(140px,0);
       transform: translate(140px,0);
       -webkit-transform: translate3d(140px,0,0);
       transform: translate3d(140px,0,0)
   }
}

@media all and (min-width: 550px) {
   html.mm-opening .mm-menu.mm-opened~.mm-slideout {
       -webkit-transform:translate(440px,0);
       -ms-transform: translate(440px,0);
       transform: translate(440px,0);
       -webkit-transform: translate3d(440px,0,0);
       transform: translate3d(440px,0,0)
   }
}

.mm-sronly {
   border: 0!important;
   clip: rect(1px,1px,1px,1px)!important;
   -webkit-clip-path: inset(50%)!important;
   clip-path: inset(50%)!important;
   white-space: nowrap!important;
   width: 1px!important;
   height: 1px!important;
   padding: 0!important;
   overflow: hidden!important;
   position: absolute!important
}

.mm-menu.mm-offcanvas.mm-fullscreen {
   width: 100%;
   min-width: 140px;
   max-width: 10000px
}

html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
   -webkit-transform: translate(100%,0);
   -ms-transform: translate(100%,0);
   transform: translate(100%,0);
   -webkit-transform: translate3d(100%,0,0);
   transform: translate3d(100%,0,0)
}

html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
   -webkit-transform: translate(-100%,0);
   -ms-transform: translate(-100%,0);
   transform: translate(-100%,0);
   -webkit-transform: translate3d(-100%,0,0);
   transform: translate3d(-100%,0,0)
}

@media all and (max-width: 140px) {
   html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
       -webkit-transform:translate(140px,0);
       -ms-transform: translate(140px,0);
       transform: translate(140px,0);
       -webkit-transform: translate3d(140px,0,0);
       transform: translate3d(140px,0,0)
   }
}

@media all and (min-width: 10000px) {
   html.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
       -webkit-transform:translate(10000px,0);
       -ms-transform: translate(10000px,0);
       transform: translate(10000px,0);
       -webkit-transform: translate3d(10000px,0,0);
       transform: translate3d(10000px,0,0)
   }
}

@media all and (max-width: 140px) {
   html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
       -webkit-transform:translate(-140px,0);
       -ms-transform: translate(-140px,0);
       transform: translate(-140px,0);
       -webkit-transform: translate3d(-140px,0,0);
       transform: translate3d(-140px,0,0)
   }
}

@media all and (min-width: 10000px) {
   html.mm-right.mm-opening .mm-menu.mm-fullscreen.mm-opened~.mm-slideout {
       -webkit-transform:translate(-10000px,0);
       -ms-transform: translate(-10000px,0);
       transform: translate(-10000px,0);
       -webkit-transform: translate3d(-10000px,0,0);
       transform: translate3d(-10000px,0,0)
   }
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
   height: 100%;
   min-height: 140px;
   max-height: 10000px
}

.mm-navbars-bottom,.mm-navbars-top {
   background: inherit;
   border-color: inherit;
   border-width: 0;
   overflow: hidden;
   position: absolute;
   left: 0;
   right: 0;
   z-index: 3
}

.mm-navbars-bottom>.mm-navbar {
   border: none;
   padding: 0;
   position: relative;
   -webkit-transform: translate(0,0);
   -ms-transform: translate(0,0);
   transform: translate(0,0);
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0)
}

.mm-navbars-top {
   border-bottom-style: solid;
   border-bottom-width: 1px;
   top: 0
}

.mm-navbars-top>.mm-navbar {
   border: none;
   padding: 0;
   position: relative;
   -webkit-transform: translate(0,0);
   -ms-transform: translate(0,0);
   transform: translate(0,0);
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0)
}

.mm-navbars-bottom {
   border-top-style: solid;
   border-top-width: 1px;
   bottom: 0
}

.mm-navbar.mm-hasbtns {
   padding: 0 40px
}

.mm-navbar[class*=mm-navbar-content-]>* {
   box-sizing: border-box;
   display: block;
   float: left
}

.mm-navbar .mm-breadcrumbs {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   -webkit-overflow-scrolling: touch;
   overflow-x: auto;
   text-align: left;
   padding: 0 0 0 17px
}

.mm-navbar .mm-breadcrumbs>* {
   display: inline-block;
   padding: 10px 3px
}

.mm-navbar .mm-breadcrumbs>a {
   text-decoration: underline
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
   margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
   margin-left: 0;
   padding-left: 0
}

.mm-hasnavbar-top-1 .mm-panels {
   top: 40px
}

.mm-hasnavbar-top-2 .mm-panels {
   top: 80px
}

.mm-hasnavbar-top-3 .mm-panels {
   top: 120px
}

.mm-hasnavbar-top-4 .mm-panels {
   top: 160px
}

.mm-hasnavbar-bottom-1 .mm-panels {
   bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panels {
   bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panels {
   bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panels {
   bottom: 160px
}

.mm-navbar-size-2 {
   height: 80px
}

.mm-navbar-size-3 {
   height: 120px
}

.mm-navbar-size-4 {
   height: 160px
}

.mm-navbar-content-2>* {
   width: 50%
}

.mm-navbar-content-3>* {
   width: 33.33%
}

.mm-navbar-content-4>* {
   width: 25%
}

.mm-navbar-content-5>* {
   width: 20%
}

.mm-navbar-content-6>* {
   width: 16.67%
}

.cabecera {
   color: #fff;
   max-width: 100vw;
   transition: top .2s ease-in-out
}

.cabecera .container {
   padding-left: 0;
   padding-right: 0
}

.cabecera .azul-claro {
   background-color: rgba(0,51,145,.95)
}

.cabecera .azul-oscuro-new {
   background-color: #02236d
}

.cabecera .azul-oscuro-new.top-menu {
   background-color: #003391
}

.cabecera .navegacion {
   margin-top: 15px
}

.cabecera .azul-oscuro {
   transition: background-color .2s linear;
   background-color: rgba(2,35,109,.95)
}

.cabecera .azul-oscuro {
   transition: background-color .2s linear;
   background-color: rgba(2,35,109,.95)
}

.cabecera .marca {
   margin-top: 18px;
   margin-bottom: 19px;
   white-space: nowrap;
   text-decoration: none!important
}

.cabecera .marca .svg {
   position: relative;
   width: 65px;
   height: 77px;
   transition: all .2s ease-in-out;
   top: 0
}

.cabecera .marca .texto-logo {
   padding: 8px 0 0 16px;
   margin: 0 10px 4px 0;
   font-size: 22px;
   line-height: 28px;
   font-weight: 300;
   letter-spacing: 1px;
   text-align: left;
   color: #fff
}

.cabecera .marca .texto-logo span {
   font-size: 28px;
   font-weight: 800
}

.cabecera .proximo-partido {
   position: relative;
   width: 378px;
   margin-top: 12px
}

.cabecera .proximo-partido .d-flex .d-flex:first-child {
   margin-right: 7px;
   margin-left: 0
}

.cabecera .proximo-partido .d-flex .d-flex {
   margin-left: 9px
}

.cabecera .proximo-partido .d-flex .d-flex:last-child .equipo {
   text-align: left
}

.cabecera .proximo-partido .escudo,.cabecera .proximo-partido .svg {
   max-height: 44px;
   min-width: 44px
}

.cabecera .proximo-partido .fecha {
   line-height: 14px;
   font-size: 12px;
   font-weight: 300;
   text-align: center;
   color: #fff;
   margin-bottom: 5px
}

.cabecera .proximo-partido .equipo {
   width: 96px;
   margin: 0 6px;
   line-height: 14px;
   font-size: 12px;
   font-weight: 700;
   text-align: right;
   color: #fff
}

.cabecera .proximo-partido .resultado {
   width: 30px;
   margin: 0 2px;
   line-height: 32px;
   font-size: 18px;
   font-weight: 700;
   text-align: center;
   color: #fff
}

.cabecera .proximo-partido .resultado.pendiente {
   margin-top: -9px
}

.cabecera .proximo-partido .faux-link-block {
   background: #fff;
   bottom: 0;
   display: block;
   left: 0;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   text-indent: 200%;
   top: 0;
   visibility: visible;
   white-space: nowrap;
   z-index: 5
}

.cabecera .idiomas {
   width: 132px;
   height: 41px;
   margin-top: 40px;
   margin-left: 0;
   border: solid 1px #fff;
   border-bottom: none;
   border-top: none
}

.cabecera .idiomas .selector-idiomas {
   width: 60px;
   margin: 0 auto;
   padding-top: 8px;
   opacity: .5
}

.cabecera .idiomas .selector-idiomas .item-idioma {
   font-family: Montserrat;
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   color: #fff
}

.cabecera .idiomas .selector-idiomas .item-idioma.bold {
   font-weight: 700
}

.cabecera .idiomas .selector-idiomas .item-idioma a:hover {
   opacity: 1
}

.cabecera .idiomas button {
   background: 0 0;
   margin-top: 6px;
   padding-right: 8px;
   width: 100%;
   border: none;
   outline: 0;
   font-size: 16px;
   font-weight: 300;
   letter-spacing: .9px;
   text-align: center;
   text-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
   color: #fff;
   cursor: pointer;
   transition: color .2s ease-in-out
}

.cabecera .idiomas button.dropdown-toggle::after {
   margin-left: 14px
}

.cabecera .idiomas button .svg {
   position: relative;
   top: 8px;
   margin-right: 11px;
   width: 26px;
   height: 26px
}

.cabecera .idiomas button:hover {
   color: #f3b229
}

.cabecera .sponsors {
   margin-top: 30px
}

.cabecera .sponsors .sponsor-img .pax {
   height: 56px;
   width: auto
}

.cabecera .sponsors .adidas {
   width: 64px;
   height: 23px;
   right: -5px;
   position: relative
}

.cabecera .sponsors .bbva {
   width: 89px;
   height: 12px
}

.cabecera .sponsors .huawei {
   width: 42px;
   height: 43px
}

.cabecera .sponsors .konami {
   width: auto;
   height: 30px;
   position: relative;
   top: 0
}

.cabecera .sites .site-bocashop .box-img {
   min-width: 52px
}

.cabecera .navegacion .navbar-nav {
   min-width: 960px;
   flex-direction: row;
   transition: all .2s ease-in-out
}

.cabecera .navegacion .navbar-nav.menu-hovered .mm-item>a,.cabecera .navegacion .navbar-nav.menu-hovered .nav-item>a {
   color: rgba(255,255,255,.5)!important
}

.cabecera .navegacion .navbar-nav.menu-hovered .mm-item>.mm-item-link-hover:not(.yellow-title),.cabecera .navegacion .navbar-nav.menu-hovered .nav-item>.mm-item-link-hover:not(.yellow-title) {
   color: rgba(0,51,145,.95)!important
}

.cabecera .navegacion .navbar-nav.menu-hovered .mm-item>.mm-item-link-hover.yellow-title,.cabecera .navegacion .navbar-nav.menu-hovered .nav-item>.mm-item-link-hover.yellow-title {
   color: #f3b229!important
}

.cabecera .navegacion .navbar-nav .mm-item,.cabecera .navegacion .navbar-nav .nav-item {
   height: 30px;
   display: flex;
   align-items: center;
   transition: height .2s ease-in-out
}

.cabecera .navegacion .navbar-nav .mm-item>a,.cabecera .navegacion .navbar-nav .nav-item>a {
   height: 30px;
   padding: 0 13px;
   font-size: 16px;
   font-weight: 300;
   text-align: left;
   color: #fff;
   display: flex;
   justify-content: center;
   flex-direction: column;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   text-decoration: none;
   transition: color .2s ease-in-out
}

.cabecera .navegacion .navbar-nav .mm-item>a.yellow-title,.cabecera .navegacion .navbar-nav .nav-item>a.yellow-title {
   color: #f3b229
}

.cabecera .navegacion .navbar-nav .mm-item>a.yellow-title:hover,.cabecera .navegacion .navbar-nav .nav-item>a.yellow-title:hover {
   color: #f3b229;
   background: #003391
}

.cabecera .navegacion .navbar-nav .mm-item>a.yellow-title#main-option-sitios-link.mm-item-link-hover,.cabecera .navegacion .navbar-nav .nav-item>a.yellow-title#main-option-sitios-link.mm-item-link-hover {
   color: #f3b229!important;
   background: #003391!important
}

.cabecera .navegacion .navbar-nav .mm-item>a.yellow-title#main-option-sitios-link:hover,.cabecera .navegacion .navbar-nav .nav-item>a.yellow-title#main-option-sitios-link:hover {
   color: #f3b229;
   background: #003391
}

.cabecera .navegacion .navbar-nav .mm-item:first-child>a,.cabecera .navegacion .navbar-nav .nav-item:first-child>a {
   padding: 0 13px
}

.cabecera .navegacion .navbar-nav .mm-item>.mm-item-link-hover,.cabecera .navegacion .navbar-nav .nav-item>.mm-item-link-hover {
   border-radius: 3px 3px 0 0;
   color: rgba(0,51,145,.95)!important;
   background-color: #f3b229;
   border-color: #f3b229!important;
   border: none
}

.cabecera .navegacion .navbar-nav .mm-item>.mm-item-link-hover.all-border-round,.cabecera .navegacion .navbar-nav .nav-item>.mm-item-link-hover.all-border-round {
   border-radius: 3px!important
}

.cabecera .navegacion .navbar-nav .sub-menu {
   display: none;
   position: absolute;
   top: 45px;
   padding-top: 10px;
   width: 100vw;
   left: calc((1400px - 100vw)/ 2);
   transition: top .2s ease-in-out;
   z-index: 90
}

.cabecera .navegacion .navbar-nav .sub-menu.new-bg-submenu {
   padding-top: 35px;
   padding-bottom: 35px;
   background: #f3b229;
   padding-left: 10px
}

.cabecera .navegacion .navbar-nav .sub-menu.new-bg-submenu.sitios-boca {
   background: #003391;
   color: #fff!important
}

.cabecera .navegacion .navbar-nav .sub-menu.new-bg-submenu.sitios-boca a {
   color: #fff!important
}

.cabecera .navegacion .navbar-nav .sub-menu.new-bg-submenu.sitios-boca a span {
   color: #fff!important
}

.cabecera .navegacion .navbar-nav .sub-menu ul {
   margin: 0 auto;
   padding: 0;
   list-style: none
}

.cabecera .navegacion .navbar-nav .sub-menu ul:first-child {
   padding-top: 0
}

.cabecera .navegacion .navbar-nav .sub-menu ul li {
   line-height: 18px;
   margin-left: auto!important;
   margin-right: auto!important
}

.cabecera .navegacion .navbar-nav .sub-menu ul li.no-tit {
   padding-top: 32px
}

.cabecera .navegacion .navbar-nav .sub-menu ul li>a,.cabecera .navegacion .navbar-nav .sub-menu ul li>span {
   font-size: 14px;
   font-weight: 300;
   color: #02236d
}

.cabecera .navegacion .navbar-nav .sub-menu ul li>a.tit,.cabecera .navegacion .navbar-nav .sub-menu ul li>span.tit {
   color: #02236d;
   font-weight: 600
}

.cabecera .navegacion .navbar-nav .sub-menu ul li>a.bold-tit,.cabecera .navegacion .navbar-nav .sub-menu ul li>span.bold-tit {
   color: #02236d;
   font-weight: 700
}

.cabecera .navegacion .navbar-nav .sub-menu ul li>a.tit {
   text-decoration: underline
}

.cabecera .navegacion .navbar-nav .sub-menu .banner {
   overflow: hidden;
   min-width: 360px;
   min-height: 240px;
   background: #02236d;
   text-align: left
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .estrellas {
   position: absolute;
   display: block;
   width: 306px;
   height: 29px;
   right: 0;
   top: 21px;
   background-image: url(/rebrand/images/estrellas.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize {
   background-image: none!important;
   background: #02236d;
   width: 360px;
   height: 240px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .deg .tit {
   margin: 0 0 10px;
   line-height: 25px!important;
   font-size: 22px;
   color: #fff;
   width: 350px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .deg .tit span {
   font-size: 16px;
   font-weight: 500
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .con-estrellas-abajo {
   top: 130.5px;
   right: 0;
   overflow: hidden;
   position: absolute;
   width: 250px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .con-estrellas-abajo:after {
   margin-bottom: 5px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .info {
   max-width: 350px!important;
   font-weight: 500!important;
   font-size: 16px!important;
   line-height: 22px!important;
   color: #f3b229!important;
   margin-top: 25px!important;
   letter-spacing: 1.2px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .info strong {
   font-weight: 900
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .btn {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 5px 6px;
   width: 116px;
   height: 30px;
   background: #fff;
   border-radius: 30px;
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   color: #02236d
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .btn .triang {
   right: -77px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.tarjeta-xeneize .btn:hover {
   border: solid .5px #fff!important
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .producto {
   width: 136px;
   height: 186px;
   border: 1px solid #fff;
   top: 20px!important;
   position: absolute
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .tarjeta {
   position: absolute;
   bottom: 0;
   right: 20px;
   top: 20px;
   max-height: 120px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .index {
   padding: 20px;
   font-family: Roboto,sans-serif;
   z-index: 20
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .deg {
   position: absolute;
   top: 15px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .deg .tit {
   margin: 0 0 16px;
   margin-top: 0!important;
   max-width: 50%;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   font-size: 24px;
   line-height: 34px;
   color: #fff
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .deg .info {
   margin: 0;
   font-size: 13px;
   font-weight: 300;
   line-height: 22px;
   color: #fff;
   max-width: 158px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .deg .info span {
   font-weight: 700
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .solid {
   max-height: none!important;
   position: absolute;
   bottom: 0;
   min-height: 115px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .solid .btn {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 5px 6px;
   width: 116px;
   height: 30px;
   background: #fff;
   border-radius: 30px;
   font-weight: 500;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   color: #02236d
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .btn {
   border-radius: 30px;
   padding: 3px;
   width: 116px;
   height: 30px;
   min-width: 78px;
   min-height: 30px;
   background: #fff;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   color: #02236d
}

.cabecera .navegacion .navbar-nav .sub-menu .banner .btn:hover {
   background: #011645;
   color: #f3b229;
   border: 2px solid rgba(255,255,255,.2)
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.programa .estrellas {
   width: 220px;
   background-position: 52% 50%
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.programa .deg .tit {
   margin: 0 0 16px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.programa .deg .info {
   max-width: 200px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.programa .producto {
   right: 41px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.museo {
   background-image: url(/rebrand/images/fondo-azul-museo.jpg);
   text-align: center
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.museo .deg {
   padding-top: 16px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.museo .deg .tit {
   margin: 0 0 16px
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.museo .deg .info {
   max-width: none;
   padding: 16px 20px 0
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.museo .deg .info strong {
   display: block;
   width: 100%;
   font-weight: 700
}

.cabecera .navegacion .navbar-nav .sub-menu .banner.museo .btn {
   min-width: 298px;
   margin-top: 20px
}

.cabecera .navegacion .navbar-nav .sub-menu .sitios li {
   padding: 0;
   margin: 0
}

.cabecera .navegacion .navbar-nav .sub-menu .sitios a {
   height: 120px;
   margin: 0 33px
}

.cabecera .navegacion .navbar-nav .sub-menu .sitios a .img-wrap {
   min-height: 86px
}

.cabecera .navegacion .navbar-nav .sub-menu .sitios a .box-img {
   max-height: 100%;
   text-align: center
}

.cabecera .navegacion .navbar-nav .sub-menu .sitios a .box-img img {
   max-height: 100%;
   max-width: 100%
}

.cabecera .navegacion .navbar-nav .sub-menu .sitios a .box-img img.sitios-benef {
   width: 170px;
   height: auto
}

.cabecera .navegacion .navbar-nav .sub-menu .sitios a span {
   width: 100%;
   text-align: center;
   font-size: 14px;
   font-weight: 700;
   color: #003391
}

.cabecera .btn-outline-primary {
   margin-top: 10px;
   border: 1px solid rgba(232,240,255,.29);
   border: none;
   border-radius: 100px;
   height: 46px;
   font-size: 16px;
   font-weight: 600;
   text-align: center;
   color: #f3b229;
   padding: 0 20px;
   transition: all .2s ease-in-out;
   box-shadow: none!important;
   outline: 0!important;
   cursor: pointer
}

.cabecera .btn-outline-primary:hover {
   background: #011645
}

.cabecera .btn-outline-primary:active,.cabecera .btn-outline-primary:focus {
   border-color: rgba(232,240,255,.29)!important;
   background: #011645!important
}

.cabecera .buscador {
   max-width: 69px;
   background-color: rgba(2,35,109,.95)
}

.cabecera .buscador a {
   height: 100%;
   width: 100%;
   transition: background-color .2s ease-in-out;
   opacity: .5
}

.cabecera .buscador a .svg {
   width: 26px;
   height: 26px
}

.cabecera .buscador a:hover {
   background-color: #011645;
   opacity: 1
}

.cabecera .buscador a:hover .svg path {
   fill: #f3b229
}

.cabecera #searchbox {
   display: none;
   position: absolute;
   left: 0;
   top: 145px;
   width: 100%;
   background-color: #02236d;
   z-index: 100
}

.cabecera #searchbox .container {
   height: 66px;
   transition: height .2s ease-in-out
}

.cabecera #searchbox form {
   flex: 1 auto;
   position: relative
}

.cabecera #searchbox form button {
   position: absolute;
   top: 5px;
   left: 8px;
   background: 0 0;
   border: none
}

.cabecera #searchbox form button .svg {
   width: 26px;
   height: 26px
}

.cabecera #searchbox input {
   background: 0 0;
   border: none;
   outline: 0;
   box-shadow: none;
   width: 100%;
   padding: 0 10px 0 70px;
   font-size: 22px;
   line-height: 38px;
   font-weight: 300;
   color: #fff
}

.cabecera #searchbox input::placeholder {
   color: #a4a7b4;
   font-size: 14px;
   font-weight: 300;
   line-height: 38px;
   text-transform: uppercase
}

.cabecera #searchbox .close {
   cursor: pointer
}

.cabecera #searchbox .close .svg {
   width: 23px;
   height: 23px
}

.cabecera .ultimo-mom {
   height: 66px;
   display: flex;
   align-items: center;
   line-height: 17px;
   font-size: 16px;
   font-weight: 300;
   text-align: right;
   color: #fff;
   text-decoration: none;
   transition: color .2s ease-in-out;
   opacity: .5
}

.cabecera .ultimo-mom .svg {
   margin-right: 12px;
   width: 22px;
   height: 13px;
   transition: transform .2s ease-in-out
}

.cabecera .ultimo-mom:hover {
   color: #f3b229;
   opacity: 1
}

.cabecera .ultim-col {
   max-width: 200px;
   min-width: 200px;
   position: relative;
   background-color: rgba(2,35,109,.95);
   transition: background-color .2s ease-in-out;
   margin-left: 2px
}

.cabecera .ultim-col::after {
   content: "";
   position: absolute;
   display: block;
   height: 100%;
   width: 1200px;
   top: 0;
   bottom: 0;
   right: -1200px;
   transition: background-color .2s ease-in-out;
   background-color: rgba(2,35,109,.95)
}

.cabecera .ultim-col:hover {
   background-color: #011645!important
}

.cabecera .ultim-col:hover::after {
   background-color: #011645!important
}

.cabecera.nav-up {
   top: -114px
}

.cabecera.nav-up .azul-oscuro {
   background-color: rgba(0,51,145,.95)
}

.cabecera.nav-up .navegacion .navbar-nav {
   padding-left: 85px;
   min-width: 1015px
}

.cabecera.nav-up .navegacion .navbar-nav .nav-item {
   height: 84px
}

.cabecera.nav-up .navegacion .navbar-nav .nav-item>a {
   height: 30px
}

.cabecera.nav-up .marca {
   position: relative;
   z-index: 20
}

.cabecera.nav-up .marca .svg {
   top: 82px;
   width: 56px;
   height: 66px
}

.cabecera.nav-up .btn-outline-primary {
   margin-top: 19px
}

.cabecera.nav-up .buscador {
   background-color: rgba(2,35,109,.4)
}

.cabecera.nav-up .ultim-col {
   background-color: rgba(2,35,109,.4)
}

.cabecera.nav-up .ultim-col::after {
   background-color: rgba(2,35,109,.4)
}

.cabecera.nav-up .sub-menu {
   top: 84px!important
}

.cabecera.nav-up .open .social {
   top: 84px;
   height: calc(100vh - 64px)
}

.cabecera.nav-up #searchbox {
   top: 115px
}

.cabecera.nav-up #searchbox .container {
   height: 76px
}

.cabecera.nav-up .app-version {
   top: 84px;
   position: absolute;
   width: 100%;
   transition: all .3s ease-in-out
}

.cabecera .social {
   position: absolute;
   height: calc(100vh - 162px);
   padding: 27px;
   padding-bottom: 40px;
   left: 0;
   right: calc((1396px - 100vw)/ 2);
   top: calc(-100vh + -114px);
   background-color: #03102e;
   transition: all .2s ease-in-out;
   z-index: -10;
   overflow-x: scroll;
   min-width: 300px
}

.cabecera .social .carousel {
   padding-bottom: 22px;
   padding-top: 8px
}

.cabecera .social .carousel.sf-item:first-child:first-of-type {
   padding-top: 0
}

.cabecera .social .carousel .carousel-inner {
   padding-bottom: 18px
}

.cabecera .social .carousel .carousel-indicators {
   margin: 0;
   bottom: 20px;
   justify-content: flex-end
}

.cabecera .social .carousel .carousel-indicators li:last-child {
   margin-right: 0
}

.cabecera .social .sf-item {
   position: relative;
   margin-bottom: 14px;
   border-bottom: solid 1px #e7e9ef
}

.cabecera .social .sf-item .sf-header {
   position: relative
}

.cabecera .social .sf-item .sf-header .sf-social {
   display: inline-block;
   margin-right: 10px
}

.cabecera .social .sf-item .sf-header .sf-social .svg {
   margin-top: 4px
}

.cabecera .social .sf-item .sf-header .sf-social .svg.twitter {
   width: 38px;
   height: 26px
}

.cabecera .social .sf-item .sf-header .sf-social .svg.twitter path {
   fill: #003492
}

.cabecera .social .sf-item .sf-header .sf-timestamp {
   font-size: 14px;
   font-weight: 700;
   line-height: 18px;
   color: #fff;
   position: absolute;
   top: 50%;
   transform: translateY(-50%)
}

.cabecera .social .sf-item .sf-img-holder {
   display: block;
   overflow: hidden;
   margin: 4px 0 16px
}

.cabecera .social .sf-item .sf-img-holder .sf-img {
   display: block;
   transition: transform .4s ease-out;
   width: 100%
}

.cabecera .social .sf-item.hover .sf-img-holder .sf-img {
   transform: scale(1.1)
}

.cabecera .social .sf-item .sf-social-post {
   font-size: 14px;
   font-weight: 300;
   line-height: 26px;
   color: #fff
}

.cabecera .social .sf-item .sf-social-info {
   margin-top: 12px;
   overflow: hidden
}

.cabecera .social .sf-item .sf-social-info .sf-social-avatar {
   border-radius: 50%;
   display: block;
   float: left;
   margin-right: 10px;
   margin-top: 4px;
   overflow: hidden;
   width: 44px;
   height: 44px;
   position: relative
}

.cabecera .social .sf-item .sf-social-info .sf-social-avatar.escudo-club {
   padding: 4px 6px;
   background: #fff
}

.cabecera .social .sf-item .sf-social-info .sf-social-avatar img {
   display: block;
   margin: 0;
   width: 100%;
   height: 100%;
   object-fit: cover
}

.cabecera .social .sf-item .sf-social-info .sf-social-player,.cabecera .social .sf-item .sf-social-info .sf-social-username {
   display: block;
   font-size: 14px;
   font-weight: 700;
   line-height: 26px;
   color: #f3b229
}

.cabecera .social .sf-item .sf-social-info .sf-social-username {
   color: #fff
}

.cabecera .social .sf-item .faux-link-block {
   background: #fff;
   bottom: 0;
   display: block;
   left: 0;
   opacity: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   text-indent: 200%;
   top: 0;
   visibility: visible;
   white-space: nowrap;
   z-index: 5
}

.cabecera .app-version {
   opacity: 0;
   height: 31px;
   text-align: center;
   font-family: Montserrat,sans-serif;
   font-size: 16px;
   font-weight: 600;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   background-color: #1c1e35
}

.cabecera.version .app-version {
   opacity: 1
}

.cabecera .mobile-sponsors {
   height: 50px;
   width: 100%;
   background-color: #1c1e35
}

.cabecera #timeline-container .loader {
   border: 5px solid #f3b229;
   border-top: 5px solid #02236d;
   width: 40px;
   height: 40px
}

.pencil-baquet {
   height: 110px;
   background-color: #2c487d;
   width: 100%;
   position: relative
}

.pencil-baquet .container {
   height: 100%
}

.pencil-baquet .container.boca-bk {
   align-items: center;
   display: flex
}

.pencil-baquet .container.boca-bk .basket-boca.md {
   display: none
}

.pencil-baquet .container.boca-bk .basket-boca.xs {
   display: none
}

.pencil-baquet .container.boca-bk .basket-boca.lg {
   display: inline-flex;
   align-items: center;
   gap: 26px;
   vertical-align: middle;
   margin: 0 auto;
   z-index: 1
}

.pencil-baquet .container.boca-bk .basket-boca.lg .elemento-banner-basket {
   display: block;
   position: relative;
   top: -50%;
   transform: translateY(50%)
}

.pencil-baquet .container .btn {
   position: relative;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%)
}

.pencil-baquet .container .logo-escudo-basquet-md {
   display: none
}

.pencil-baquet .container .logo-escudo-basquet-xs {
   display: none
}

.pencil-baquet img.pelota-der-xl {
   position: absolute;
   top: 0;
   right: 0
}

.pencil-baquet img.pelota-der-md,.pencil-baquet img.pelota-der-xs,.pencil-baquet img.pelota-izq-md,.pencil-baquet img.pelota-izq-xs {
   display: none
}

.pencil-baquet img.pelota-izq-xl {
   position: absolute;
   top: 0;
   left: 0
}

.footer,.main {
   position: relative;
   transition: left .2s;
   transition-delay: .1s;
   left: 0
}

.modal-backdrop {
   background-color: #1c1e36
}

.menu-backdrop {
   opacity: 0;
   transition: opacity .2s linear;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -120;
   background-color: #1c1e36
}

.menu-backdrop.show {
   opacity: .5
}

.main {
   padding-top: 180px;
   position: relative
}

.main::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 180px;
   background-color: #02236d
}

.cabecera .open .social {
   top: 66px
}

.cabecera .open .ultimo-mom {
   font-weight: 700
}

.cabecera .open .ultimo-mom .svg {
   transform: rotate(180deg)
}

.cabecera .open.ultim-col {
   background-color: #03102e
}

.cabecera .open.ultim-col::after {
   background-color: #03102e
}

#menu-small-screen:not(.mm-menu) {
   display: none
}

.IE .ml-auto {
   margin-left: inherit!important
}

.IE .footer .ml-auto {
   margin-left: auto!important
}

.IE.ie10 .cabecera .navegacion .navbar-nav,.IE.ie11 .cabecera .navegacion .navbar-nav {
   position: relative;
   z-index: 50
}

.IE.ie10 .cabecera .btn-outline-primary,.IE.ie11 .cabecera .btn-outline-primary {
   position: relative;
   left: 290px
}

.IE.ie10 .cabecera.nav-up .btn-outline-primary,.IE.ie11 .cabecera.nav-up .btn-outline-primary {
   left: 360px
}

.IE.ie10 .cabecera .buscador,.IE.ie11 .cabecera .buscador {
   max-height: 63px
}

.IE.ie10 .cabecera.nav-up .navegacion .navbar-nav,.IE.ie11 .cabecera.nav-up .navegacion .navbar-nav {
   padding-left: 85px;
   min-width: 924px
}

.IE.ie10 .cabecera.nav-up .buscador,.IE.ie11 .cabecera.nav-up .buscador {
   max-height: 84px
}

.IE.ie10 .cabecera .marca,.IE.ie11 .cabecera .marca {
   display: inline-block!important;
   padding-right: 470px;
   margin-bottom: 13px
}

.IE.ie10 .cabecera .marca .texto-logo,.IE.ie11 .cabecera .marca .texto-logo {
   position: absolute;
   top: 18px;
   left: 65px
}

.IE.ie10 .footer .copy .desarrollado,.IE.ie11 .footer .copy .desarrollado {
   top: 0
}

.IE.ie10 .footer .copy .d-flex,.IE.ie11 .footer .copy .d-flex {
   display: block!important
}

.IE.ie10 .footer .copy .d-flex p,.IE.ie11 .footer .copy .d-flex p {
   float: right
}

.IE.ie10 .footer .copy .d-flex p:first-child,.IE.ie11 .footer .copy .d-flex p:first-child {
   float: left
}

.IE.ie10 .footer .copy .ml-auto,.IE.ie11 .footer .copy .ml-auto {
   margin-left: inherit!important
}

.box-img {
   max-height: 100%;
   text-align: center
}

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

.box-img img.boca_shop_enlace {
   height: 62px;
   width: auto
}

.box-img img.logo-fundacion-social {
   height: 80px
}

.box-img img.logo-campus {
   height: 75px
}

.box-img img.logo-tarjeta {
   max-height: 40px!important
}

.main.con-pencil-ea {
   padding-top: 290px
}

.pencil-ea {
   height: 110px;
   width: 100%;
   background-color: #f7b304;
   display: none
}

.pencil-ea.fc24 {
   background-image: url(/rebrand/images/easport/header/trama-fondo-fc25.svg);
   background-repeat: repeat;
   background-size: contain
}

.pencil-ea.fc24 img.externos {
   display: none
}

.pencil-ea.fc24 .container {
   height: 100%
}

.pencil-ea.fc24 .container img.corner-der-sup.internos {
   right: 0;
   top: 0;
   padding: 5px
}

.pencil-ea.fc24 .container img.corner-der-inf.internos {
   right: 0;
   bottom: 0;
   padding: 5px
}

.pencil-ea.fc24 .container img.corner-izq-sup.internos {
   left: 0;
   top: 0;
   padding: 5px
}

.pencil-ea.fc24 .container img.corner-izq-inf.internos {
   left: 0;
   bottom: 0;
   padding: 5px
}

.pencil-ea.fc24 .container .ea-boton {
   height: 60px;
   width: 320px;
   left: 50%;
   top: 26px;
   z-index: 1;
   transform: translateX(30%)
}

.pencil-ea.fc24 .container .ea-boton .btn {
   font-size: 33px;
   opacity: 1;
   height: 60px!important;
   line-height: 57px;
   color: #e4aa16;
   background-color: #003391;
   border: none!important;
   background: #003391
}

.pencil-ea.fc24 .container img.logo-escudo.small {
   height: 75px!important
}

.pencil-ea.sumate-junio-x {
   background-image: url(/rebrand/images/easport/header/lineas-trama-fondo.svg);
   background-repeat: repeat;
   background-size: contain
}

.pencil-ea.sumate-junio-x .container {
   height: 100%;
   width: 100%
}

.pencil-ea.sumate-junio-x .container img.logo-escudo.big {
   width: auto;
   height: 80px;
   left: 145px;
   top: 15px
}

.pencil-ea.sumate-junio-x .container img.texto-unite.small {
   display: none
}

.pencil-ea.sumate-junio-x .container img.texto-unite.big {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 420px
}

.pencil-ea.sumate-junio-x .container img.lateral-izq {
   top: 5px
}

.pencil-ea.sumate-junio-x .container img.lateral-der {
   top: 10px
}

.pencil-ea.sumate-junio-x .container .ea-boton {
   height: 38px;
   width: 141px;
   right: 175px;
   top: 39px;
   z-index: 1
}

.pencil-ea.sumate-junio-x .container .ea-boton .btn {
   color: #e4aa16;
   background-color: #003391;
   border: none!important;
   background: #003391;
   height: 33px!important;
   text-transform: none;
   font-size: 14px;
   opacity: 1
}

.pencil-ea.toty {
   background-color: #122131
}

.pencil-ea.toty .container img.logo-escudo {
   top: 15px
}

.pencil-ea.toty .container img.logo-toty {
   left: 740px;
   top: 8px
}

.pencil-ea.toty .container a.btn-toty {
   top: -15px;
   position: absolute;
   left: 15px
}

.pencil-ea.display-pencil {
   display: block
}

.pencil-ea .externas {
   display: none
}

.pencil-ea .internas {
   display: block
}

.pencil-ea .container {
   position: relative
}

.pencil-ea .container div,.pencil-ea .container img {
   position: absolute
}

.pencil-ea .container img.lateral-der {
   right: 0;
   top: 0
}

.pencil-ea .container img.lateral-der.big {
   display: block
}

.pencil-ea .container img.lateral-der.medium {
   display: none
}

.pencil-ea .container img.lateral-der.small {
   display: none
}

.pencil-ea .container img.lateral-izq {
   left: 0;
   top: 0;
   max-height: 110px
}

.pencil-ea .container img.lateral-izq.big {
   display: block
}

.pencil-ea .container img.lateral-izq.medium {
   display: none
}

.pencil-ea .container img.lateral-izq.small {
   display: none
}

.pencil-ea .container img.logo-escudo {
   width: 390px;
   height: auto;
   left: 285px;
   top: 50%;
   transform: translateY(-50%);
   position: relative
}

.pencil-ea .container img.logo-escudo.big {
   display: block
}

.pencil-ea .container img.logo-escudo.small {
   display: none
}

.pencil-ea .container img.logo-oficial {
   width: 343px;
   left: 590px;
   top: 20px
}

.pencil-ea .container .power-by {
   width: 295px;
   left: 617px;
   top: 50px;
   height: 40px;
   position: relative
}

.pencil-ea .container .power-by img.pwr {
   width: 139px;
   top: 50%;
   transform: translateY(-50%)
}

.pencil-ea .container .power-by img.xen {
   position: relative!important;
   float: right!important;
   width: 158px;
   top: 50%;
   transform: translateY(-50%)
}

.pencil-ea .container .power-by img {
   top: 50%;
   transform: translateY(-50%)
}

.pencil-ea .container .ea-boton {
   height: 38px;
   width: 248px;
   right: 280px;
   top: 39px;
   z-index: 1
}

.pencil-ea .container .ea-boton .btn {
   height: 38px!important;
   width: 100%!important;
   font-weight: 400;
   font-size: 12px;
   line-height: 35px;
   letter-spacing: .37px;
   text-align: center;
   border-radius: 30px;
   text-transform: uppercase;
   position: relative;
   overflow: hidden;
   height: 40px;
   min-width: 150px;
   width: 78%;
   padding: 0;
   border: solid 1px #fff!important;
   color: #fff;
   background: #003391;
   opacity: .7
}

.pencil-ea .container .ea-boton .btn:hover {
   background: #011645;
   color: #f3b229
}

.pencil-ea .container .ea-boton .btn span.triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   opacity: .24;
   background-color: #000
}

@media (max-width: 1439px) {
   .main.con-pencil-ea {
       padding-top:250px
   }

   .pencil-ea.fc24 {
       background-image: url(/rebrand/images/easport/header/linea-trama-fondo-fc-25-md.svg);
       background-repeat: repeat;
       background-size: contain
   }

   .pencil-ea.fc24 .container {
       height: 100%
   }

   .pencil-ea.fc24 .container img.corner-der-sup.internos {
       right: 0;
       top: 0;
       padding: 5px
   }

   .pencil-ea.fc24 .container img.corner-der-inf.internos {
       right: 0;
       bottom: 0;
       padding: 5px
   }

   .pencil-ea.fc24 .container img.corner-izq-sup.internos {
       left: 0;
       top: 0;
       padding: 5px
   }

   .pencil-ea.fc24 .container img.corner-izq-inf.internos {
       left: 0;
       bottom: 0;
       padding: 5px
   }

   .pencil-ea.fc24 .container .ea-boton {
       height: 40px;
       width: 230px;
       left: 50%;
       top: 35px;
       z-index: 1;
       transform: translateX(25%)
   }

   .pencil-ea.fc24 .container .ea-boton .btn {
       font-size: 23px;
       opacity: 1;
       height: 42px!important;
       line-height: 45px;
       color: #e4aa16;
       background-color: #003391;
       border: none!important;
       background: #003391
   }

   .pencil-ea.toty .container img.logo-escudo {
       height: 55px;
       width: auto;
       top: 25px;
       left: 130px
   }

   .pencil-ea.toty .container img.logo-toty {
       left: 451px;
       top: 8px;
       width: 73px;
       height: auto
   }

   .pencil-ea.toty .container img.boton-toty {
       width: 239px;
       height: 52px
   }

   .pencil-ea.sumate-junio-x .container img.lateral-der.medium,.pencil-ea.sumate-junio-x .container img.lateral-izq.medium {
       top: 10px
   }

   .pencil-ea.sumate-junio-x .container .ea-boton {
       right: 264px;
       top: 60px
   }

   .pencil-ea.sumate-junio-x .container img.logo-escudo.big {
       width: auto;
       height: 75px;
       left: 120px;
       top: 18px
   }

   .pencil-ea.sumate-junio-x .container img.texto-unite.big {
       right: 125px;
       width: 400px;
       height: auto;
       transform: none;
       top: 28px
   }

   .pencil-ea .container {
       overflow: hidden;
       height: 100%
   }

   .pencil-ea .container img.logo-oficial {
       width: 230px;
       top: 35px;
       left: 357px
   }

   .pencil-ea .container img.lateral-izq.big {
       display: none
   }

   .pencil-ea .container img.lateral-izq.medium {
       display: block
   }

   .pencil-ea .container img.lateral-izq.small {
       display: none
   }

   .pencil-ea .container img.lateral-der.big {
       display: none
   }

   .pencil-ea .container img.lateral-der.medium {
       display: block
   }

   .pencil-ea .container img.lateral-der.small {
       display: none
   }

   .pencil-ea .container img.logo-escudo {
       left: 80px;
       z-index: 1
   }

   .pencil-ea .container img.logo-escudo.big {
       display: block
   }

   .pencil-ea .container img.logo-escudo.small {
       display: none
   }

   .pencil-ea .container .power-by img.pwr {
       width: 93px
   }

   .pencil-ea .container .power-by img.xen {
       width: 106px
   }

   .pencil-ea .container .power-by {
       width: 199px;
       left: 376px
   }

   .pencil-ea .container .ea-boton {
       right: 140px;
       z-index: 1
   }
}

@media (max-width: 1023px) {
   .pencil-baquet {
       height:220px;
       background-color: #2c487d;
       width: 100%;
       position: relative
   }

   .pencil-baquet .container {
       height: 100%
   }

   .pencil-baquet .container.boca-bk {
       align-items: center;
       display: flex
   }

   .pencil-baquet .container.boca-bk .basket-boca.lg {
       display: none
   }

   .pencil-baquet .container.boca-bk .basket-boca.md {
       display: inline-flex;
       align-items: center;
       gap: 24px;
       vertical-align: middle;
       margin: 0 auto;
       z-index: 1
   }

   .pencil-baquet .container.boca-bk .basket-boca.md .elemento-banner-basket {
       display: block;
       position: relative;
       top: -50%;
       transform: translateY(50%)
   }

   .pencil-baquet .container .btn {
       position: relative;
       left: 50%;
       top: 50%;
       transform: translate(-50%,-50%)
   }

   .pencil-baquet .container .btn .logo-escudo-basquet-xl {
       display: none
   }

   .pencil-baquet .container .btn .logo-escudo-basquet-xs {
       display: none
   }

   .pencil-baquet .container .btn .logo-escudo-basquet-md {
       display: block
   }

   .pencil-baquet img.pelota-der-xl {
       position: absolute;
       top: 0;
       right: 0
   }

   .pencil-baquet img.pelota-der-md {
       display: block;
       position: absolute;
       bottom: 0;
       right: 0
   }

   .pencil-baquet img.pelota-izq-md {
       display: block;
       position: absolute;
       left: 0;
       display: block
   }

   .pencil-baquet img.pelota-der-xl,.pencil-baquet img.pelota-izq-xl {
       display: none
   }

   .main.con-pencil-ea {
       padding-top: 275px
   }

   .pencil-ea {
       height: 220px;
       position: relative
   }

   .pencil-ea.sumate-junio .container .ea-boton {
       right: 50%;
       transform: translateX(-50%);
       top: 150px;
       width: 200px
   }

   .pencil-ea.sumate-junio .container .ea-boton .btn {
       font-size: 18px;
       height: 40px!important;
       line-height: 40px
   }

   .pencil-ea.sumate-junio .container img.texto-unite.big {
       display: none
   }

   .pencil-ea.sumate-junio .container img.texto-unite.small {
       right: 50%;
       transform: translateX(50%);
       top: 98px;
       display: block
   }

   .pencil-ea.sumate-junio .container img.logo-escudo.small {
       display: block;
       left: 50%;
       transform: translateX(-50%);
       top: 20px;
       height: auto!important;
       width: auto
   }

   .pencil-ea.fc24 {
       background-image: url(/rebrand/images/easport/header/linea-trama-fondo-fc-25-xs.svg);
       background-repeat: no-repeat;
       background-size: cover
   }

   .pencil-ea.fc24 img.externos {
       display: block!important;
       position: absolute
   }

   .pencil-ea.fc24 img.corner-der-sup.externos {
       right: 0;
       top: 0;
       padding: 5px
   }

   .pencil-ea.fc24 img.corner-der-inf.externos {
       right: 0;
       bottom: 0;
       padding: 5px
   }

   .pencil-ea.fc24 img.corner-izq-sup.externos {
       left: 0;
       top: 0;
       padding: 5px
   }

   .pencil-ea.fc24 img.corner-izq-inf.externos {
       left: 0;
       bottom: 0;
       padding: 5px
   }

   .pencil-ea.fc24 .container {
       height: 100%
   }

   .pencil-ea.fc24 .container img.internos {
       display: none!important
   }

   .pencil-ea.fc24 .container img.logo-escudo {
       height: 106px;
       width: auto;
       top: 49px;
       left: 60px
   }

   .pencil-ea.fc24 .container .ea-boton .btn {
       font-size: 28px;
       opacity: 1;
       height: 45px!important;
       line-height: 45px;
       color: #e4aa16;
       background-color: #003391;
       border: none!important;
       background: #003391
   }

   .pencil-ea.sumate-junio-x .container .ea-boton {
       right: 50%;
       transform: translateX(50%);
       top: 165px
   }

   .pencil-ea.sumate-junio-x .container img.texto-unite.big {
       right: 50%;
       transform: translateX(50%);
       top: 130px
   }

   .pencil-ea.sumate-junio-x .container img.logo-escudo.small {
       display: block;
       left: 50%;
       transform: translateX(-50%);
       top: 20px
   }

   .pencil-ea.toty .container img.logo-toty {
       display: none
   }

   .pencil-ea.toty .container img.logo-escudo.small {
       display: block;
       height: 150px;
       width: auto;
       left: 50px;
       top: 40px
   }

   .pencil-ea.toty .container a.btn-toty {
       top: -15px;
       position: absolute;
       left: -105px
   }

   .pencil-ea.toty .container img.boton-toty {
       width: 228px;
       height: auto
   }

   .pencil-ea .externas {
       position: absolute
   }

   .pencil-ea .externas.lateral-der {
       bottom: 0;
       right: 0
   }

   .pencil-ea .externas.lateral-der.big-ext {
       display: block
   }

   .pencil-ea .externas.lateral-der.small-ext {
       display: none
   }

   .pencil-ea .externas.lateral-izq {
       top: 0;
       left: 0
   }

   .pencil-ea .externas.lateral-izq.big-ext {
       display: block
   }

   .pencil-ea .externas.lateral-izq.small-ext {
       display: none
   }

   .pencil-ea .container .internas {
       display: none!important
   }

   .pencil-ea .container img.logo-oficial {
       width: 193px;
       top: 109px;
       left: 275px
   }

   .pencil-ea .container img.lateral-der {
       display: none!important
   }

   .pencil-ea .container img.lateral-izq {
       display: none!important
   }

   .pencil-ea .container img.logo-escudo {
       height: 90px;
       width: auto;
       top: 65px;
       left: 0
   }

   .pencil-ea .container img.logo-escudo.big {
       display: none
   }

   .pencil-ea .container img.logo-escudo.small {
       display: block
   }

   .pencil-ea .container .power-by img.pwr {
       width: 78px
   }

   .pencil-ea .container .power-by img.xen {
       width: 89px
   }

   .pencil-ea .container .power-by {
       top: 118px;
       width: 166px;
       left: 290px;
       height: 36px
   }

   .pencil-ea .container .ea-boton {
       top: 100px;
       right: 0
   }
}

@media (max-width: 767px) {
   .pencil-baquet {
       height:220px;
       background-color: #2c487d;
       width: 100%;
       position: relative
   }

   .pencil-baquet .container {
       height: 100%
   }

   .pencil-baquet .container.boca-bk {
       align-items: center;
       display: flex
   }

   .pencil-baquet .container.boca-bk .basket-boca.md {
       display: none
   }

   .pencil-baquet .container.boca-bk .basket-boca.xs {
       display: inline-flex;
       flex-direction: column;
       align-items: center;
       gap: 16px;
       margin: 0 auto
   }

   .pencil-baquet .container.boca-bk .basket-boca.xs .wrapper-logos {
       display: inline-flex;
       align-items: center;
       gap: 0;
       vertical-align: middle;
       margin: 0 auto;
       z-index: 1
   }

   .pencil-baquet .container.boca-bk .basket-boca.xs .wrapper-logos .elemento-banner-basket {
       display: block;
       position: relative;
       top: -50%;
       transform: translateY(50%)
   }

   .pencil-baquet .container .btn {
       position: relative;
       left: 50%;
       top: 50%;
       transform: translate(-50%,-50%)
   }

   .pencil-baquet .container .btn .logo-escudo-basquet-xl {
       display: none
   }

   .pencil-baquet .container .btn .logo-escudo-basquet-md {
       display: none
   }

   .pencil-baquet .container .btn .logo-escudo-basquet-xs {
       display: block
   }

   .pencil-baquet img.pelota-der-xs {
       display: block;
       position: absolute;
       bottom: 0;
       right: 0
   }

   .pencil-baquet img.pelota-izq-xs {
       display: block;
       position: absolute;
       left: 0;
       display: block
   }

   .pencil-baquet img.pelota-der-md,.pencil-baquet img.pelota-der-xl,.pencil-baquet img.pelota-izq-md,.pencil-baquet img.pelota-izq-xl {
       display: none
   }

   .main.con-pencil-ea {
       padding-top: 303px
   }

   .pencil-ea {
       height: 220px
   }

   .pencil-ea.sumate-junio .container .ea-boton {
       right: 50%;
       transform: translateX(-50%);
       top: 150px;
       width: 200px
   }

   .pencil-ea.sumate-junio .container .ea-boton .btn {
       font-size: 18px;
       height: 40px!important;
       line-height: 40px
   }

   .pencil-ea.sumate-junio .container img.texto-unite.big {
       display: none
   }

   .pencil-ea.sumate-junio .container img.texto-unite.small {
       right: 50%;
       transform: translateX(50%);
       top: 98px;
       display: block
   }

   .pencil-ea.sumate-junio .container img.logo-escudo.small {
       display: block;
       left: 50%;
       transform: translateX(-50%);
       top: 20px;
       height: auto!important;
       width: auto
   }

   .pencil-ea.toty .container img.logo-toty {
       display: none
   }

   .pencil-ea.toty .container img.logo-escudo.small {
       width: auto;
       top: 40px;
       margin: auto 0;
       left: 50%;
       transform: translateX(-50%);
       position: absolute;
       height: 87px
   }

   .pencil-ea.toty .container a.btn-toty {
       top: 0;
       position: absolute;
       left: unset;
       margin: auto 0;
       width: 160px;
       height: 36px
   }

   .pencil-ea.toty .container .ea-boton {
       width: 160px;
       height: 36px
   }

   .pencil-ea.toty .container .ea-boton img.boton-toty {
       width: 160px;
       height: 36px
   }

   .pencil-ea .externas {
       display: block;
       position: absolute
   }

   .pencil-ea .externas.lateral-der {
       bottom: 0;
       right: 0
   }

   .pencil-ea .externas.lateral-der.big-ext {
       display: none
   }

   .pencil-ea .externas.lateral-der.small-ext {
       display: block
   }

   .pencil-ea .externas.lateral-izq {
       top: 0;
       left: 0
   }

   .pencil-ea .externas.lateral-izq.big-ext {
       display: none
   }

   .pencil-ea .externas.lateral-izq.small-ext {
       display: block
   }

   .pencil-ea .container .internas {
       display: none
   }

   .pencil-ea .container img.logo-oficial {
       height: 63px;
       width: auto;
       top: 109px;
       left: 50%;
       transform: translateX(-50%);
       z-index: 2
   }

   .pencil-ea .container img.lateral-izq {
       left: 0;
       display: none
   }

   .pencil-ea .container img.lateral-der {
       bottom: 0;
       top: unset!important;
       display: none
   }

   .pencil-ea .container img.logo-escudo {
       width: 221px;
       top: 38px;
       left: 50%;
       transform: translateX(-50%);
       z-index: 2
   }

   .pencil-ea .container .ea-boton {
       top: 160px;
       left: 50%;
       transform: translateX(-50%);
       z-index: 2
   }

   .pencil-ea .container .ea-boton .btn {
       font-size: 12px
   }
}

.pencil-top.betsson {
   height: 110px;
   width: 100%;
   position: relative
}

.pencil-top.betsson.xxl {
   display: block
}

.pencil-top.betsson.xxl .left-bg-shop {
   background: #3b558e;
   width: calc((100% - 1034px)/ 2);
   height: 100%;
   position: absolute;
   top: 0
}

.pencil-top.betsson.xxl .right-bg-shop {
   background: #3b558e!important;
   width: calc((100% - 1034px)/ 2);
   height: 100%;
   position: absolute;
   right: 0;
   top: 0
}

.pencil-top.betsson.xxl .left-bg {
   background: linear-gradient(270deg,#003391 0,rgba(0,0,0,0) 100%),rgba(0,0,0,.35);
   width: calc((100% - 1034px)/ 2);
   height: 100%;
   position: absolute;
   top: 0
}

.pencil-top.betsson.xxl .left-bg.shop {
   background: #3b558e!important
}

.pencil-top.betsson.xxl .right-bg {
   background: linear-gradient(90deg,#003391 0,rgba(0,0,0,0) 100%),rgba(0,0,0,.35);
   width: calc((100% - 1034px)/ 2);
   height: 100%;
   position: absolute;
   right: 0;
   top: 0
}

.pencil-top.betsson.xxl .right-bg.shop {
   background: #3b558e!important
}

.pencil-top.betsson.xxl .container-pencil {
   display: flex;
   justify-content: space-between;
   align-items: center
}

.pencil-top.betsson.xxl .container-pencil .background-bocashop {
   background-image: url(/rebrand/images/bocashop/fondo-boca-shop.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat
}

.pencil-top.betsson.xxl .container-pencil .left-col-pencil.part-multipart img {
   z-index: 1;
   position: relative
}

.pencil-top.betsson.xxl .container-pencil .right-col-pencil.part-multipart img {
   z-index: 1;
   position: relative
}

.pencil-top.betsson.xxl .container-pencil .right-col-pencil.part-multipart img.xl-shop {
   z-index: -1;
   position: relative;
   left: -364px;
   height: 110px
}

.pencil-top.betsson.xxl .container-pencil .center-col-pencil {
   width: 1034px;
   background: #003391;
   height: 110px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%)
}

.pencil-top.betsson.xxl .container-pencil .center-col-pencil.boca-shop {
   background: 0 0!important;
   z-index: 2
}

.pencil-top.betsson.xxl .container-pencil .center-col-pencil img.logo-betsson {
   height: 64px;
   width: auto;
   position: absolute;
   top: 50%;
   left: 180px;
   transform: translateY(-50%)
}

.pencil-top.betsson.xxl .container-pencil .center-col-pencil.logo-bocashop {
   height: 100px;
   width: auto;
   position: absolute;
   top: 50%;
   left: 50px;
   transform: translateY(-50%)
}

.pencil-top.betsson.xxl .container-pencil .center-col-pencil img.compartimos-xl {
   height: 27px;
   width: auto;
   top: calc(50% + 3px);
   left: 60%;
   transform: translate(-50%,-50%);
   position: absolute
}

.pencil-top.betsson.xxl .container-pencil .center-col-pencil img.conjunto-adidas-xl {
   height: 98px;
   width: auto;
   top: 1px;
   position: relative
}

.pencil-top.betsson.xxl .container-pencil .center-col-pencil .compartimos-xl-boca-shop {
   height: auto;
   width: auto;
   top: 45%;
   left: 50%;
   transform: translate(-50%,-50%);
   position: absolute
}

.pencil-top.betsson.xxl .container-pencil .btn-wrapper {
   width: 214px;
   height: 100%;
   position: absolute;
   right: 0;
   top: 0
}

.pencil-top.betsson.xxl .container-pencil .btn-wrapper .btn {
   border-radius: 100px;
   border: none;
   text-align: center;
   font-family: Montserrat;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   letter-spacing: .373px;
   background: rgba(0,0,0,.35);
   line-height: 30px;
   padding: 7px 40px;
   color: #fff;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   text-transform: uppercase
}

.pencil-top.betsson.xxl .container-pencil .btn-wrapper .btn.shop {
   border: none!important;
   background: #02236d;
   line-height: 16px;
   padding: 7px 40px
}

.pencil-top.betsson.xl {
   display: none
}

.pencil-top.betsson.l {
   display: none
}

.pencil-top.betsson.s {
   display: none
}

.pencil-top.betsson.background-betsson {
   background-image: url(/rebrand/images/betsson/fondo-pencil-betsson-xl.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat
}

@media (max-width: 1440px) {
   .pencil-top.betsson {
       height:110px;
       width: 100%;
       position: relative
   }

   .pencil-top.betsson.xxl {
       display: none
   }

   .pencil-top.betsson.xl {
       display: block
   }

   .pencil-top.betsson.xl.bocashop {
       z-index: 0
   }

   .pencil-top.betsson.xl.bocashop .center-col-pencil.boca-shop {
       z-index: 2
   }

   .pencil-top.betsson.xl.bocashop .center-col-pencil.boca-shop .conjunto-adidas-xl {
       top: 3px;
       position: relative;
       height: 98px;
       width: auto;
       margin-right: 20px
   }

   .pencil-top.betsson.xl.bocashop .right-col-pencil.boca-shop {
       z-index: 1
   }

   .pencil-top.betsson.xl .left-bg-shop {
       background: #3b558e;
       width: calc((100% - 1034px)/ 2);
       height: 100%;
       position: absolute;
       top: 0
   }

   .right-bg .pencil-top.betsson.xl.shop {
       background: #3b558e
   }

   .pencil-top.betsson.xl .left-bg {
       background: linear-gradient(270deg,#003391 0,rgba(0,0,0,0) 100%),rgba(0,0,0,.35);
       width: calc((100% - 915px)/ 2);
       height: 100%;
       position: absolute;
       top: 0
   }

   .pencil-top.betsson.xl .left-bg.shop {
       background: #3b558e
   }

   .pencil-top.betsson.xl .right-bg {
       background: linear-gradient(90deg,#003391 0,rgba(0,0,0,0) 100%),rgba(0,0,0,.35);
       width: calc((100% - 915px)/ 2);
       height: 100%;
       position: absolute;
       right: 0;
       top: 0
   }

   .pencil-top.betsson.xl .right-bg.shop {
       background: #3b558e
   }

   .pencil-top.betsson.xl .container-pencil {
       display: flex
   }

   .pencil-top.betsson.xl .container-pencil .right-col-pencil {
       width: 75%;
       background: #003391;
       height: 110px;
       float: right;
       position: relative
   }

   .pencil-top.betsson.xl .container-pencil .right-col-pencil.boca-shop {
       width: 0
   }

   .pencil-top.betsson.xl .container-pencil .right-col-pencil.boca-shop img.xl-shop {
       z-index: -1;
       position: relative;
       right: 1090px;
       height: 110px
   }

   .pencil-top.betsson.xl .container-pencil .right-col-pencil img.logo-betsson {
       height: 55px;
       width: auto;
       position: absolute;
       top: 50%;
       left: 10px;
       transform: translateY(-50%)
   }

   .pencil-top.betsson.xl .container-pencil .right-col-pencil img.compartimos-xl {
       height: auto;
       width: 210px;
       top: 52%;
       left: 50%;
       transform: translate(-50%,-50%);
       position: absolute
   }

   .pencil-top.betsson.xl .container-pencil .left-col-pencil {
       background: #003391;
       width: 25%
   }

   .pencil-top.betsson.xl .container-pencil .left-col-pencil.boca-shop {
       background: 0 0!important;
       width: 130px;
       height: 110px;
       position: relative
   }

   .pencil-top.betsson.xl .container-pencil .left-col-pencil.boca-shop img {
       position: relative;
       top: 50%;
       transform: translateY(-50%);
       z-index: 2
   }

   .pencil-top.betsson.xl .container-pencil .btn-wrapper {
       width: 214px;
       height: 100%;
       position: absolute;
       right: 0;
       top: 0
   }

   .pencil-top.betsson.xl .container-pencil .btn-wrapper.shop {
       right: 190px!important;
       z-index: 1
   }

   .pencil-top.betsson.xl .container-pencil .btn-wrapper .btn {
       border-radius: 100px;
       border: none;
       text-align: center;
       font-family: Montserrat;
       font-size: 12px;
       font-style: normal;
       font-weight: 500;
       letter-spacing: .373px;
       background: rgba(0,0,0,.35);
       line-height: 20px;
       padding: 7px 40px;
       color: #fff;
       top: 50%;
       position: absolute;
       transform: translateY(-50%);
       text-transform: uppercase
   }

   .pencil-top.betsson.xl .container-pencil .btn-wrapper .btn.shop {
       border: none!important;
       background: #02236d;
       line-height: 16px;
       padding: 7px 40px
   }

   .pencil-top.betsson.l {
       display: none
   }

   .pencil-top.betsson.s {
       display: none
   }
}

@media (max-width: 1155px) {
   img.compartimos-xl-boca-shop {
       height:47px;
       left: 5px;
       position: relative
   }
}

@media (max-width: 1023px) {
   .pencil-top.betsson {
       height:220px;
       width: 100%;
       position: relative
   }

   .pencil-top.betsson.xxl {
       display: none
   }

   .pencil-top.betsson.xl {
       display: none
   }

   .pencil-top.betsson.l {
       display: block
   }

   .pencil-top.betsson.l.bocashop {
       height: 220px;
       background: url(/rebrand/images/bocashop/fondo-shop-l.png) no-repeat;
       background-size: cover;
       background-color: #1b3f83
   }

   .pencil-top.betsson.l.bocashop .container-pencil-shop {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 32px;
       height: 220px
   }

   .pencil-top.betsson.l.bocashop .container-pencil-shop .textos {
       top: -10px;
       position: relative
   }

   .pencil-top.betsson.l.bocashop .container-pencil-shop .textos .wrp-btn {
       display: flex;
       justify-content: center;
       align-items: flex-start;
       margin-top: 10px;
       gap: 10px
   }

   .pencil-top.betsson.l.bocashop .container-pencil-shop .textos .wrp-btn .btn-shop {
       border-radius: 20px;
       background: #02236d;
       color: var(--White,#fff);
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
       line-height: 15px;
       letter-spacing: .436px;
       text-transform: uppercase;
       padding: 5px 19px
   }

   .pencil-top.betsson.l .container-pencil {
       display: flex
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil {
       width: 50%;
       background: #003391;
       height: 220px;
       display: flex;
       position: relative
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil img.logo-betsson {
       height: 70px;
       width: auto;
       position: absolute;
       top: 26px;
       left: 0
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil img.compartimos-xl {
       height: 27px;
       width: auto;
       top: 115px;
       left: 0;
       position: absolute
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil .btn-wrapper {
       width: 214px;
       height: 80px;
       position: absolute;
       left: 0;
       top: 140px
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil .btn-wrapper .btn {
       border-radius: 100px;
       border: none;
       text-align: center;
       font-family: Montserrat;
       font-size: 12px;
       font-style: normal;
       font-weight: 500;
       letter-spacing: .373px;
       background: rgba(0,0,0,.35);
       line-height: 20px;
       padding: 7px 40px;
       color: #fff;
       top: 50%;
       position: absolute;
       transform: translateY(-50%);
       text-decoration: none;
       text-transform: uppercase
   }

   .pencil-top.betsson.l .container-pencil .left-col-pencil {
       background: linear-gradient(270deg,#003391 0,rgba(0,0,0,0) 100%),rgba(0,0,0,.35);
       height: 220px;
       width: 50%
   }

   .pencil-top.betsson.s {
       display: none
   }
}

@media (max-width: 770px) {
   .pencil-top.betsson.l .container-pencil .right-col-pencil img.logo-betsson {
       left:50%;
       transform: translateX(-50%)
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil img.compartimos-xl {
       left: 50%;
       transform: translateX(-50%)
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil .btn-wrapper {
       left: 50%;
       transform: translateX(-50%)
   }

   .pencil-top.betsson.l .container-pencil .right-col-pencil .btn-wrapper .btn {
       left: 50%;
       transform: translate(-50%,-50%)
   }
}

@media (max-width: 650px) {
   .pencil-top.betsson {
       height:220px;
       width: 100%;
       position: relative
   }

   .pencil-top.betsson.xxl {
       display: none
   }

   .pencil-top.betsson.xl {
       display: none
   }

   .pencil-top.betsson.l {
       display: none
   }

   .pencil-top.betsson.s {
       display: block
   }

   .pencil-top.betsson.s.bocashop-mbl {
       display: flex;
       justify-content: center;
       align-items: center;
       background: url(/rebrand/images/bocashop/fondo-shop-s.png) no-repeat;
       background-size: cover;
       background-position-y: bottom;
       background-color: #1b3f83
   }

   .pencil-top.betsson.s.bocashop-mbl .wrp-content {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 24px;
       width: 258px;
       height: 220px
   }

   .pencil-top.betsson.s.bocashop-mbl .wrp-content .itms-mob-shop {
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 12px
   }

   .pencil-top.betsson.s.bocashop-mbl .wrp-content .itms-mob-shop .wrp-btn {
       display: flex;
       justify-content: center;
       align-items: flex-start;
       margin-top: 10px;
       gap: 10px
   }

   .pencil-top.betsson.s.bocashop-mbl .wrp-content .itms-mob-shop .wrp-btn .btn-shop {
       border-radius: 20px;
       background: #02236d;
       color: var(--White,#fff);
       font-size: 12px;
       font-style: normal;
       font-weight: 400;
       line-height: 15px;
       letter-spacing: .436px;
       text-transform: uppercase;
       padding: 5px 19px;
       text-decoration: none
   }

   .pencil-top.betsson.s .container-pencil {
       display: flex
   }

   .pencil-top.betsson.s .container-pencil .left-col-pencil {
       width: 50%;
       background: #003391;
       height: 220px;
       display: flex;
       position: relative
   }

   .pencil-top.betsson.s .container-pencil .left-col-pencil img.logo-betsson {
       height: 60px;
       width: auto;
       position: absolute;
       top: 26px;
       left: 30px
   }

   .pencil-top.betsson.s .container-pencil .left-col-pencil img.compartimos-xl {
       height: 20px;
       top: 115px;
       left: 20px;
       z-index: 1;
       position: absolute
   }

   .pencil-top.betsson.s .container-pencil .left-col-pencil .btn-wrapper {
       width: 214px;
       height: 80px;
       position: absolute;
       left: 30px;
       top: 140px
   }

   .pencil-top.betsson.s .container-pencil .left-col-pencil .btn-wrapper .btn {
       border-radius: 100px;
       border: none;
       text-align: center;
       font-family: Montserrat;
       font-size: 12px;
       font-style: normal;
       font-weight: 500;
       letter-spacing: .373px;
       background: rgba(0,0,0,.35);
       line-height: 20px;
       padding: 7px 40px;
       color: #fff;
       top: 50%;
       position: absolute;
       transform: translateY(-50%);
       text-transform: uppercase
   }

   .pencil-top.betsson.s .container-pencil .right-col-pencil {
       background: linear-gradient(90deg,#003391 0,rgba(0,0,0,0) 100%),rgba(0,0,0,.35);
       height: 220px;
       width: 50%
   }

   .pencil-top.betsson.s .container-pencil .right-col-pencil img.chiquito-rojo {
       position: absolute;
       bottom: 0;
       right: 0;
       height: 175px;
       width: auto
   }
}

@media (max-width: 475px) {
   .pencil-top.betsson.s .container-pencil .left-col-pencil img.logo-betsson {
       height:65px;
       left: 10px
   }

   .pencil-top.betsson.s .container-pencil .left-col-pencil img.compartimos-xl {
       height: 22px;
       top: 115px;
       left: 10px
   }

   .pencil-top.betsson.s .container-pencil .left-col-pencil .btn-wrapper {
       left: 10px
   }
}

#accordion-home.accordion-group li {
   cursor: auto;
   padding: unset
}

#accordion-home.accordion-group li .redes-sociales {
   display: none;
   position: absolute;
   max-height: 30px;
   bottom: 60px;
   width: 100%
}

#accordion-home.accordion-group li .redes-sociales .share-buttons {
   padding: 0;
   list-style: none;
   max-width: 350px;
   margin: 0 auto
}

#accordion-home.accordion-group li .redes-sociales .share-buttons li {
   width: 40px
}

#accordion-home.accordion-group li .redes-sociales .share-buttons li:first-child {
   width: 90px
}

#accordion-home.accordion-group li .redes-sociales .share-buttons li:first-child .compartir-txt {
   color: #fff;
   margin-bottom: 6px
}

#accordion-home.accordion-group li .redes-sociales .share-buttons li .svg {
   height: 22px;
   width: 22px
}

#accordion-home.accordion-group li .redes-sociales .share-buttons li .svg path {
   fill: #fff
}

#accordion-home.accordion-group li .accordion-overlay {
   background: #000;
   background: linear-gradient(0deg,rgba(0,0,0,.989216) 0,rgba(0,0,0,.71) 12%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%)
}

#accordion-home.accordion-group li .caraousel-subtitle {
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 125%;
   display: -webkit-box;
   align-items: flex-end;
   text-align: center;
   color: #fff;
   position: absolute;
   bottom: 109px;
   padding-left: 10%;
   padding-right: 10%;
   text-transform: none;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden
}

#accordion-home.accordion-group li .titulo {
   font-style: normal;
   font-weight: 700;
   font-size: 18px;
   line-height: 115%;
   display: flex;
   align-items: flex-end;
   text-align: center;
   color: #fff;
   height: 70px;
   position: absolute;
   bottom: 164px;
   margin: 0;
   padding-left: 10%;
   padding-right: 10%;
   width: 100%
}

#accordion-home.accordion-group li .posicion-accordeon {
   display: none;
   position: absolute;
   bottom: 10px;
   width: 100%;
   text-align: center
}

#accordion-home.accordion-group li .posicion-accordeon.no-activo {
   display: none
}

#accordion-home.accordion-group li .posicion-accordeon ul {
   padding: 0;
   margin: 0;
   height: 20px
}

#accordion-home.accordion-group li .posicion-accordeon ul li {
   list-style: none!important;
   display: inline;
   margin-left: 2px;
   margin-right: 2px
}

#accordion-home.accordion-group li .tags-accordeon {
   display: block;
   height: 20px;
   position: absolute;
   bottom: 35px;
   width: 100%;
   text-align: center
}

#accordion-home.accordion-group li .tags-accordeon ul {
   padding: 0;
   margin: 0;
   height: 20px
}

#accordion-home.accordion-group li .tags-accordeon ul li {
   list-style: none!important;
   display: inline;
   background: #02236d;
   border-radius: 30px;
   font-style: normal;
   font-weight: 700;
   font-size: 10px;
   text-align: center;
   text-transform: uppercase;
   padding: 4px 20px;
   margin-left: 5px;
   margin-right: 5px;
   color: #f3b229
}

#accordion-home.accordion-group li .tags-accordeon ul li.mostrar-siempre {
   display: inline!important
}

#accordion-home.accordion-group li .tags-accordeon ul li.siempre-oculto {
   display: none!important
}

#accordion-home.accordion-group li:not(.out) .titulo {
   bottom: 69px
}

#accordion-home.accordion-group li:not(.out) .caraousel-subtitle {
   display: none
}

#accordion-home.accordion-group li:not(.out) .tags-accordeon ul li:not(:nth-child(-n+2)) {
   display: none
}

#accordion-home.accordion-group li.out .redes-sociales {
   display: block
}

#accordion-home.accordion-group li.out .titulo {
   font-style: normal;
   font-weight: 700;
   font-size: 32px;
   line-height: 125%;
   display: flex;
   align-items: flex-end;
   text-align: center;
   color: #fff;
   height: 150px;
   position: absolute;
   bottom: 164px;
   margin: 0;
   padding-left: 10%;
   padding-right: 10%;
   width: 100%;
   margin-bottom: 15px
}

#accordion-home.accordion-group li.out .accordion-overlay {
   background: #000;
   background: linear-gradient(0deg,rgba(0,0,0,.989216) 0,rgba(0,0,0,.7) 26%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%)
}

#accordion-home h2 a {
   color: inherit;
   text-align: center;
   position: relative;
   left: 50%;
   transform: translateX(-50%)
}

#accordion-home a {
   color: inherit
}

#accordion-home a.active,#accordion-home a:active,#accordion-home a:focus,#accordion-home a:hover {
   color: inherit;
   text-decoration: none
}

#accordion-home .site-outer {
   overflow: hidden;
   max-height: 550px
}

#accordion-home .site-outer .site-inner {
   position: relative;
   margin: 0;
   padding: 0;
   transition: all 250ms ease-in-out;
   transform: ranslate3d(0,0,0)
}

#accordion-home .site-outer .site-inner.slide-right {
   transform: translate3d(250px,0,0)
}

#accordion-home.accordion-group {
   overflow: hidden;
   margin: 0 auto;
   padding: 0;
   list-style: none;
   width: 100%;
   height: 550px;
   display: flex;
   align-items: center;
   transition: all .3s ease
}

#accordion-home.accordion-group li {
   cursor: auto;
   position: relative;
   display: flex;
   overflow: hidden;
   margin: 0;
   list-style: none;
   width: 33.3%;
   height: inherit;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   transition: all 250ms ease-in-out
}

#accordion-home.accordion-group li h3 {
   position: relative;
   color: #000;
   text-transform: uppercase;
   padding: 0;
   font-weight: 300;
   margin: 6.5rem 0 0
}

#accordion-home.accordion-group li .accordion-overlay {
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   transition: all 250ms ease-in-out
}

#accordion-home.accordion-group li section {
   display: flex;
   align-items: center;
   width: 75%;
   height: 100%
}

#accordion-home.accordion-group li section article {
   display: table-cell;
   vertical-align: middle;
   padding: 4rem;
   position: relative;
   right: -200%;
   transition: all 250ms ease-in-out
}

#accordion-home.accordion-group li section article p {
   background-color: rgba(255,255,255,.8);
   padding: 1.6rem;
   color: #fff;
   font-size: 1.6rem;
   letter-spacing: .15rem
}

#accordion-home.accordion-group li section article p:after,#accordion-home.accordion-group li section article p:before {
   content: "";
   display: block;
   height: 1px
}

#accordion-home.accordion-group li.out {
   width: 90%
}

#accordion-home.accordion-group li.out section article {
   right: 0
}

@media (max-width: 767px) {
   #accordion-home.accordion-group {
       height:360px
   }

   #accordion-home.accordion-group li {
       width: 10%;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: none
   }

   #accordion-home.accordion-group li .redes-sociales {
       display: none
   }

   #accordion-home.accordion-group li .tags-accordeon {
       display: none
   }

   #accordion-home.accordion-group li .titulo {
       display: none
   }

   #accordion-home.accordion-group li:not(.out) .titulo {
       left: -10000px
   }

   #accordion-home.accordion-group li:not(.out) .posicion-accordeon.no-activo {
       display: block!important;
       font-size: 40px;
       margin: 0;
       bottom: 0!important;
       color: #fff
   }

   #accordion-home.accordion-group li .tags-accordeon ul li:first-child {
       display: none
   }

   #accordion-home.accordion-group li.out {
       width: 80%
   }

   #accordion-home.accordion-group li.out .titulo {
       font-size: 21px;
       bottom: 69px;
       font-family: Montserrat,sans-serif;
       letter-spacing: .2px
   }

   #accordion-home.accordion-group li.out .posicion-accordeon {
       display: block
   }

   #accordion-home.accordion-group li.out .caraousel-subtitle {
       display: none
   }

   #accordion-home.accordion-group li.out .redes-sociales {
       display: none
   }

   #accordion-home.accordion-group li.out .tags-accordeon {
       display: block;
       bottom: 47px
   }
}

.boton {
   height: 60px;
   padding: 0 98px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   border: none;
   position: relative;
   overflow: hidden;
   box-shadow: none;
   cursor: pointer;
   -webkit-appearance: inherit!important
}

.boton .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   background-color: #02236d
}

.boton:hover {
   background: #02236d;
   color: #f3b229
}

#home-news-container .home-noticias .no-gutters>[class*=col-],.page-noticias .no-gutters>[class*=col-],.row-noticias .no-gutters>[class*=col-],utlimas-noticias .no-gutters>[class*=col-] {
   padding: 7px!important
}

#home-news-container .home-noticias .tags-noticias,.page-noticias .tags-noticias,.row-noticias .tags-noticias,utlimas-noticias .tags-noticias {
   display: block;
   height: 20px;
   position: absolute;
   bottom: 35px;
   width: 100%;
   text-align: left;
   margin-left: 15px
}

#home-news-container .home-noticias .tags-noticias ul,.page-noticias .tags-noticias ul,.row-noticias .tags-noticias ul,utlimas-noticias .tags-noticias ul {
   padding: 0;
   margin: 0;
   height: 20px
}

#home-news-container .home-noticias .tags-noticias ul li,.page-noticias .tags-noticias ul li,.row-noticias .tags-noticias ul li,utlimas-noticias .tags-noticias ul li {
   list-style: none!important;
   display: inline;
   background: #fff;
   border: 1px solid #003391;
   border-radius: 30px;
   font-style: normal;
   font-weight: 700;
   font-size: 10px;
   text-align: center;
   text-transform: uppercase;
   padding: 4px 20px;
   margin-left: 5px;
   margin-right: 5px;
   color: #003391
}

#home-news-container .home-noticias .tags-noticias ul li a,.page-noticias .tags-noticias ul li a,.row-noticias .tags-noticias ul li a,utlimas-noticias .tags-noticias ul li a {
   color: #003391
}

#home-news-container .home-noticias .banner,.page-noticias .banner,.row-noticias .banner,utlimas-noticias .banner {
   overflow: hidden;
   max-height: 363px;
   background-image: none;
   background-color: #f7b304
}

#home-news-container .home-noticias .banner.beneficios .info,.page-noticias .banner.beneficios .info,.row-noticias .banner.beneficios .info,utlimas-noticias .banner.beneficios .info {
   line-height: 20px!important;
   letter-spacing: .9px!important;
   padding: 0 3px
}

#home-news-container .home-noticias .banner.beneficios .wrapper-content,.page-noticias .banner.beneficios .wrapper-content,.row-noticias .banner.beneficios .wrapper-content,utlimas-noticias .banner.beneficios .wrapper-content {
   height: 100%;
   max-height: 400px;
   position: relative
}

#home-news-container .home-noticias .banner.beneficios .btn-beneficios,.page-noticias .banner.beneficios .btn-beneficios,.row-noticias .banner.beneficios .btn-beneficios,utlimas-noticias .banner.beneficios .btn-beneficios {
   bottom: 25px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%)
}

#home-news-container .home-noticias .banner.beneficios .btn-beneficios .btn,.page-noticias .banner.beneficios .btn-beneficios .btn,.row-noticias .banner.beneficios .btn-beneficios .btn,utlimas-noticias .banner.beneficios .btn-beneficios .btn {
   height: 40px;
   line-height: 36px;
   margin-top: 21px;
   margin-bottom: 7px;
   width: 150px;
   padding: 0 30px!important;
   font-size: 12px
}

#home-news-container .home-noticias .banner.beneficios .deg,.page-noticias .banner.beneficios .deg,.row-noticias .banner.beneficios .deg,utlimas-noticias .banner.beneficios .deg {
   background-image: none;
   background-color: unset;
   width: 100%;
   text-align: center;
   padding-left: 0;
   top: 125px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%)
}

#home-news-container .home-noticias .banner.beneficios img.img,.page-noticias .banner.beneficios img.img,.row-noticias .banner.beneficios img.img,utlimas-noticias .banner.beneficios img.img {
   width: 118px;
   min-width: 80px;
   z-index: 3;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 22px
}

#home-news-container .home-noticias .banner.unite-junio,.page-noticias .banner.unite-junio,.row-noticias .banner.unite-junio,utlimas-noticias .banner.unite-junio {
   background-image: url(/rebrand/images/easport/header/linea-trama-fondo-fc-25-xs.svg);
   background-repeat: no-repeat;
   background-size: cover
}

#home-news-container .home-noticias .banner.new-version,.page-noticias .banner.new-version,.row-noticias .banner.new-version,utlimas-noticias .banner.new-version {
   height: 184px;
   max-height: 184px
}

#home-news-container .home-noticias .banner.new-version.betsson-23:before,.page-noticias .banner.new-version.betsson-23:before,.row-noticias .banner.new-version.betsson-23:before,utlimas-noticias .banner.new-version.betsson-23:before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: radial-gradient(rgba(4,55,147,.3) 10%,rgba(4,55,147,.8))
}

#home-news-container .home-noticias .banner.new-version.betsson-23 img.betsson.img,.page-noticias .banner.new-version.betsson-23 img.betsson.img,.row-noticias .banner.new-version.betsson-23 img.betsson.img,utlimas-noticias .banner.new-version.betsson-23 img.betsson.img {
   position: absolute;
   top: 26px;
   left: 15px
}

#home-news-container .home-noticias .banner.new-version.betsson-23 img.betsson-compartimos.img,.page-noticias .banner.new-version.betsson-23 img.betsson-compartimos.img,.row-noticias .banner.new-version.betsson-23 img.betsson-compartimos.img,utlimas-noticias .banner.new-version.betsson-23 img.betsson-compartimos.img {
   position: absolute;
   top: 63px;
   left: 15px;
   z-index: 1
}

#home-news-container .home-noticias .banner.new-version.betsson-23 img.betsson-juagadores.img,.page-noticias .banner.new-version.betsson-23 img.betsson-juagadores.img,.row-noticias .banner.new-version.betsson-23 img.betsson-juagadores.img,utlimas-noticias .banner.new-version.betsson-23 img.betsson-juagadores.img {
   position: absolute;
   bottom: 0;
   right: 0;
   height: 183px;
   width: auto
}

#home-news-container .home-noticias .banner.new-version.betsson-23 h4.tit.mt-auto,.page-noticias .banner.new-version.betsson-23 h4.tit.mt-auto,.row-noticias .banner.new-version.betsson-23 h4.tit.mt-auto,utlimas-noticias .banner.new-version.betsson-23 h4.tit.mt-auto {
   color: #fff;
   text-align: left;
   padding-left: 15px;
   position: absolute;
   top: 95px;
   font-family: Roboto;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 125%
}

#home-news-container .home-noticias .banner.new-version.betsson-23 .enlace-betsson,.page-noticias .banner.new-version.betsson-23 .enlace-betsson,.row-noticias .banner.new-version.betsson-23 .enlace-betsson,utlimas-noticias .banner.new-version.betsson-23 .enlace-betsson {
   bottom: 20px;
   position: absolute;
   left: 20px;
   height: 21px;
   width: 90px
}

#home-news-container .home-noticias .banner.new-version.betsson-23 .enlace-betsson a.btn,.page-noticias .banner.new-version.betsson-23 .enlace-betsson a.btn,.row-noticias .banner.new-version.betsson-23 .enlace-betsson a.btn,utlimas-noticias .banner.new-version.betsson-23 .enlace-betsson a.btn {
   padding: 3px 10px!important;
   width: 91px;
   height: 21px;
   background: #02236d;
   border-radius: 100px;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: .43556px;
   text-transform: uppercase;
   border: none;
   margin: 0 auto
}

#home-news-container .home-noticias .banner.new-version.cilsa-22 img.cilsa,.page-noticias .banner.new-version.cilsa-22 img.cilsa,.row-noticias .banner.new-version.cilsa-22 img.cilsa,utlimas-noticias .banner.new-version.cilsa-22 img.cilsa {
   height: 46px;
   width: auto;
   position: relative;
   top: 47px;
   margin: auto;
   margin-top: 0!important;
   margin-bottom: 0
}

#home-news-container .home-noticias .banner.new-version.cilsa-22 .wrapper-content,.page-noticias .banner.new-version.cilsa-22 .wrapper-content,.row-noticias .banner.new-version.cilsa-22 .wrapper-content,utlimas-noticias .banner.new-version.cilsa-22 .wrapper-content {
   height: 110px;
   position: relative;
   top: 25px
}

#home-news-container .home-noticias .banner.new-version.cilsa-22 .wrapper-content h4,.page-noticias .banner.new-version.cilsa-22 .wrapper-content h4,.row-noticias .banner.new-version.cilsa-22 .wrapper-content h4,utlimas-noticias .banner.new-version.cilsa-22 .wrapper-content h4 {
   font-weight: 700;
   font-size: 21px;
   line-height: 30px;
   top: 25px;
   position: relative;
   margin: auto;
   margin-top: 0!important;
   padding: 0
}

#home-news-container .home-noticias .banner.new-version.cilsa-22 .wrapper-content h5,.page-noticias .banner.new-version.cilsa-22 .wrapper-content h5,.row-noticias .banner.new-version.cilsa-22 .wrapper-content h5,utlimas-noticias .banner.new-version.cilsa-22 .wrapper-content h5 {
   font-weight: 700;
   font-size: 14px;
   line-height: 22px;
   align-items: center;
   text-align: center;
   color: #fff;
   margin: auto;
   margin-top: 0!important;
   position: relative;
   top: 25px
}

#home-news-container .home-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace,.page-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace,.row-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace,utlimas-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace {
   margin: auto;
   position: relative;
   bottom: -30px
}

#home-news-container .home-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace .btn,.page-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace .btn,.row-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace .btn,utlimas-noticias .banner.new-version.cilsa-22 .wrapper-content .enlace .btn {
   padding: 3px 10px!important;
   width: 91px;
   height: 21px;
   background: #02236d;
   border-radius: 100px;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: .43556px;
   text-transform: uppercase;
   border: none;
   margin: 0 auto
}

#home-news-container .home-noticias .banner.new-version.tarjeta-22 img.tarjeta,.page-noticias .banner.new-version.tarjeta-22 img.tarjeta,.row-noticias .banner.new-version.tarjeta-22 img.tarjeta,utlimas-noticias .banner.new-version.tarjeta-22 img.tarjeta {
   height: 59px;
   width: auto;
   position: relative;
   top: 12px;
   margin: auto;
   margin-top: 0!important;
   margin-bottom: 0
}

#home-news-container .home-noticias .banner.new-version.tarjeta-22 .wrapper-content,.page-noticias .banner.new-version.tarjeta-22 .wrapper-content,.row-noticias .banner.new-version.tarjeta-22 .wrapper-content,utlimas-noticias .banner.new-version.tarjeta-22 .wrapper-content {
   height: 110px;
   position: relative;
   top: 0
}

#home-news-container .home-noticias .banner.new-version.tarjeta-22 .wrapper-content h4,.page-noticias .banner.new-version.tarjeta-22 .wrapper-content h4,.row-noticias .banner.new-version.tarjeta-22 .wrapper-content h4,utlimas-noticias .banner.new-version.tarjeta-22 .wrapper-content h4 {
   font-weight: 700;
   font-size: 21px;
   line-height: 30px;
   top: 25px;
   position: relative;
   margin: auto;
   margin-top: 0!important;
   padding: 0
}

#home-news-container .home-noticias .banner.new-version.tarjeta-22 .wrapper-content h5,.page-noticias .banner.new-version.tarjeta-22 .wrapper-content h5,.row-noticias .banner.new-version.tarjeta-22 .wrapper-content h5,utlimas-noticias .banner.new-version.tarjeta-22 .wrapper-content h5 {
   font-weight: 700;
   font-size: 14px;
   line-height: 22px;
   align-items: center;
   text-align: center;
   color: #fff;
   margin: auto;
   margin-top: 0!important;
   position: relative;
   top: 25px
}

#home-news-container .home-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace,.page-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace,.row-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace,utlimas-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace {
   margin: auto;
   position: relative;
   bottom: -30px
}

#home-news-container .home-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace .btn,.page-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace .btn,.row-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace .btn,utlimas-noticias .banner.new-version.tarjeta-22 .wrapper-content .enlace .btn {
   padding: 3px 10px!important;
   width: 91px;
   height: 21px;
   background: #02236d;
   border-radius: 100px;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: .43556px;
   text-transform: uppercase;
   border: none;
   margin: 0 auto
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv p,.page-noticias .banner.new-version.beneficios-22.dtv p,.row-noticias .banner.new-version.beneficios-22.dtv p,utlimas-noticias .banner.new-version.beneficios-22.dtv p {
   color: var(--White,#fff);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 125%;
   text-align: left;
   margin-top: -20px;
   margin-left: 20px
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv p span.ylw,.page-noticias .banner.new-version.beneficios-22.dtv p span.ylw,.row-noticias .banner.new-version.beneficios-22.dtv p span.ylw,utlimas-noticias .banner.new-version.beneficios-22.dtv p span.ylw {
   color: #f3b229;
   font-weight: 800
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv .wrapper-content,.page-noticias .banner.new-version.beneficios-22.dtv .wrapper-content,.row-noticias .banner.new-version.beneficios-22.dtv .wrapper-content,utlimas-noticias .banner.new-version.beneficios-22.dtv .wrapper-content {
   height: 30px;
   bottom: 0
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv .wrapper-content .enlace,.page-noticias .banner.new-version.beneficios-22.dtv .wrapper-content .enlace,.row-noticias .banner.new-version.beneficios-22.dtv .wrapper-content .enlace,utlimas-noticias .banner.new-version.beneficios-22.dtv .wrapper-content .enlace {
   bottom: -8px
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv h2,.page-noticias .banner.new-version.beneficios-22.dtv h2,.row-noticias .banner.new-version.beneficios-22.dtv h2,utlimas-noticias .banner.new-version.beneficios-22.dtv h2 {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-size: 18px;
   line-height: 30px;
   text-align: center;
   color: #f3b229;
   top: 0;
   position: relative
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv h2strong,.page-noticias .banner.new-version.beneficios-22.dtv h2strong,.row-noticias .banner.new-version.beneficios-22.dtv h2strong,utlimas-noticias .banner.new-version.beneficios-22.dtv h2strong {
   font-weight: 900
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv h4,.page-noticias .banner.new-version.beneficios-22.dtv h4,.row-noticias .banner.new-version.beneficios-22.dtv h4,utlimas-noticias .banner.new-version.beneficios-22.dtv h4 {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
   color: #fff;
   margin-top: 5px!important
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv h5,.page-noticias .banner.new-version.beneficios-22.dtv h5,.row-noticias .banner.new-version.beneficios-22.dtv h5,utlimas-noticias .banner.new-version.beneficios-22.dtv h5 {
   bottom: 4px;
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
   color: #fff;
   position: relative
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv .wrapper-content,.page-noticias .banner.new-version.beneficios-22.dtv .wrapper-content,.row-noticias .banner.new-version.beneficios-22.dtv .wrapper-content,utlimas-noticias .banner.new-version.beneficios-22.dtv .wrapper-content {
   height: 30px;
   bottom: 14px;
   top: unset;
   width: 125px
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv,.page-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv,.row-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv,utlimas-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv {
   bottom: 20px;
   position: absolute;
   left: 20px;
   height: 22px
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv .btndtv,.page-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv .btndtv,.row-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv .btndtv,utlimas-noticias .banner.new-version.beneficios-22.dtv .enlace-dtv .btndtv {
   padding: 3px 10px!important;
   width: 96px;
   height: 21px;
   background: #02236d;
   border-radius: 100px;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: .43556px;
   text-transform: uppercase;
   border: none;
   margin: 0 auto;
   color: #fff
}

#home-news-container .home-noticias .banner.new-version.beneficios-22.dtv img.dtv-24,.page-noticias .banner.new-version.beneficios-22.dtv img.dtv-24,.row-noticias .banner.new-version.beneficios-22.dtv img.dtv-24,utlimas-noticias .banner.new-version.beneficios-22.dtv img.dtv-24 {
   width: 77px!important;
   height: 35px!important;
   margin-bottom: 0!important;
   margin-top: 0!important;
   top: -20px;
   left: 20px;
   position: relative
}

#home-news-container .home-noticias .banner.new-version.beneficios-22 img.beneficios,.page-noticias .banner.new-version.beneficios-22 img.beneficios,.row-noticias .banner.new-version.beneficios-22 img.beneficios,utlimas-noticias .banner.new-version.beneficios-22 img.beneficios {
   height: 59px;
   width: auto;
   position: relative;
   top: 12px;
   margin: auto;
   margin-top: 0!important;
   margin-bottom: 0
}

#home-news-container .home-noticias .banner.new-version.beneficios-22 .wrapper-content,.page-noticias .banner.new-version.beneficios-22 .wrapper-content,.row-noticias .banner.new-version.beneficios-22 .wrapper-content,utlimas-noticias .banner.new-version.beneficios-22 .wrapper-content {
   height: 110px;
   position: relative;
   top: 0
}

#home-news-container .home-noticias .banner.new-version.beneficios-22 .wrapper-content h4,.page-noticias .banner.new-version.beneficios-22 .wrapper-content h4,.row-noticias .banner.new-version.beneficios-22 .wrapper-content h4,utlimas-noticias .banner.new-version.beneficios-22 .wrapper-content h4 {
   font-weight: 700;
   font-size: 21px;
   line-height: 30px;
   top: 25px;
   position: relative;
   margin: auto;
   margin-top: 0!important;
   padding: 0
}

#home-news-container .home-noticias .banner.new-version.beneficios-22 .wrapper-content h4.dtv,.page-noticias .banner.new-version.beneficios-22 .wrapper-content h4.dtv,.row-noticias .banner.new-version.beneficios-22 .wrapper-content h4.dtv,utlimas-noticias .banner.new-version.beneficios-22 .wrapper-content h4.dtv {
   top: 10px
}

#home-news-container .home-noticias .banner.new-version.beneficios-22 .wrapper-content h5,.page-noticias .banner.new-version.beneficios-22 .wrapper-content h5,.row-noticias .banner.new-version.beneficios-22 .wrapper-content h5,utlimas-noticias .banner.new-version.beneficios-22 .wrapper-content h5 {
   font-weight: 700;
   font-size: 14px;
   line-height: 22px;
   align-items: center;
   text-align: center;
   color: #fff;
   margin: auto;
   margin-top: 0!important;
   position: relative;
   top: 25px
}

#home-news-container .home-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace,.page-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace,.row-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace,utlimas-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace {
   margin: auto;
   position: relative;
   bottom: -30px
}

#home-news-container .home-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace .btn,.page-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace .btn,.row-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace .btn,utlimas-noticias .banner.new-version.beneficios-22 .wrapper-content .enlace .btn {
   padding: 3px 10px!important;
   width: 91px;
   height: 21px;
   background: #02236d;
   border-radius: 100px;
   font-weight: 400;
   font-size: 10px;
   line-height: 15px;
   display: flex;
   align-items: center;
   text-align: center;
   letter-spacing: .43556px;
   text-transform: uppercase;
   border: none;
   margin: 0 auto
}

#home-news-container .home-noticias .banner img.tarjeta.img,.page-noticias .banner img.tarjeta.img,.row-noticias .banner img.tarjeta.img,utlimas-noticias .banner img.tarjeta.img {
   width: 155px;
   min-width: 80px;
   margin: 0 auto;
   margin-top: -122px;
   z-index: 1
}

#home-news-container .home-noticias .banner img.tarjeta.img.cilsa,.page-noticias .banner img.tarjeta.img.cilsa,.row-noticias .banner img.tarjeta.img.cilsa,utlimas-noticias .banner img.tarjeta.img.cilsa {
   margin-top: 46px
}

#home-news-container .home-noticias .banner .small-banner .btn,.page-noticias .banner .small-banner .btn,.row-noticias .banner .small-banner .btn,utlimas-noticias .banner .small-banner .btn {
   height: 40px;
   line-height: 36px;
   position: absolute;
   margin-top: unset;
   bottom: 30px;
   left: 50%;
   transform: translatex(-50%);
   border: solid 2px #fff;
   padding: 0 30px!important;
   font-size: 12px
}

#home-news-container .home-noticias .banner .con-estrellas-abajo,.page-noticias .banner .con-estrellas-abajo,.row-noticias .banner .con-estrellas-abajo,utlimas-noticias .banner .con-estrellas-abajo {
   padding: 0;
   position: absolute;
   width: 100%;
   top: 96px;
   left: 2px
}

#home-news-container .home-noticias .banner .background-cilsa,.page-noticias .banner .background-cilsa,.row-noticias .banner .background-cilsa,utlimas-noticias .banner .background-cilsa {
   background-image: url(/rebrand/images/Imagen-fondo-banner-cilsa.jpg);
   width: 100%;
   height: 50%;
   background-size: cover;
   background-repeat: no-repeat
}

#home-news-container .home-noticias .banner .background-cilsa .btn,.page-noticias .banner .background-cilsa .btn,.row-noticias .banner .background-cilsa .btn,utlimas-noticias .banner .background-cilsa .btn {
   height: 40px;
   line-height: 36px;
   position: absolute;
   margin-top: unset;
   bottom: 30px;
   left: 50%;
   transform: translatex(-50%);
   border: solid 2px #fff;
   padding: 0 30px!important;
   font-size: 12px
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa,.page-noticias .banner .wrapper-content.wcilsa,.row-noticias .banner .wrapper-content.wcilsa,utlimas-noticias .banner .wrapper-content.wcilsa {
   height: 50%;
   padding: 0;
   position: relative;
   width: 100%;
   top: 0
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo,.page-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo,.row-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo,utlimas-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo {
   padding: 0;
   position: relative;
   width: 100%;
   top: unset;
   height: 50%
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo::after,.page-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo::after,.row-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo::after,utlimas-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo::after {
   top: -15px;
   position: relative
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa,.page-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa,.row-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa,utlimas-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa {
   width: 100%
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa,.page-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa,.row-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa,utlimas-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa {
   top: 36px;
   position: relative;
   z-index: 1
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa img,.page-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa img,.row-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa img,utlimas-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa.logo-cilsa img {
   width: 195px;
   height: auto;
   top: -5px;
   position: relative
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .deg,.page-noticias .banner .wrapper-content.wcilsa .deg,.row-noticias .banner .wrapper-content.wcilsa .deg,utlimas-noticias .banner .wrapper-content.wcilsa .deg {
   height: 50%;
   position: relative;
   top: -30px
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .deg .tit,.page-noticias .banner .wrapper-content.wcilsa .deg .tit,.row-noticias .banner .wrapper-content.wcilsa .deg .tit,utlimas-noticias .banner .wrapper-content.wcilsa .deg .tit {
   top: 10px;
   position: relative
}

#home-news-container .home-noticias .banner .wrapper-content.wcilsa .deg .info.first,.page-noticias .banner .wrapper-content.wcilsa .deg .info.first,.row-noticias .banner .wrapper-content.wcilsa .deg .info.first,utlimas-noticias .banner .wrapper-content.wcilsa .deg .info.first {
   display: inline-block;
   font-size: 13px!important;
   line-height: 15px!important;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 15px
}

#home-news-container .home-noticias .banner .wrapper-content .tit,.page-noticias .banner .wrapper-content .tit,.row-noticias .banner .wrapper-content .tit,utlimas-noticias .banner .wrapper-content .tit {
   font-weight: 700;
   color: #f3b229;
   margin-top: 25px!important;
   font-size: 23px;
   line-height: 26px;
   text-align: center
}

#home-news-container .home-noticias .banner .wrapper-content .btn,.page-noticias .banner .wrapper-content .btn,.row-noticias .banner .wrapper-content .btn,utlimas-noticias .banner .wrapper-content .btn {
   height: 40px;
   line-height: 39px;
   margin-top: 21px;
   margin-bottom: 7px;
   width: 150px;
   padding: 0 20px!important
}

#home-news-container .home-noticias .banner .wrapper-content .btn .triang,.page-noticias .banner .wrapper-content .btn .triang,.row-noticias .banner .wrapper-content .btn .triang,utlimas-noticias .banner .wrapper-content .btn .triang {
   right: -72px
}

#home-news-container .home-noticias .banner .wrapper-content .deg,.page-noticias .banner .wrapper-content .deg,.row-noticias .banner .wrapper-content .deg,utlimas-noticias .banner .wrapper-content .deg {
   background-image: none;
   background-color: unset;
   width: 100%;
   text-align: center;
   padding-left: 0
}

#home-news-container .home-noticias .banner .wrapper-content .deg .info,.page-noticias .banner .wrapper-content .deg .info,.row-noticias .banner .wrapper-content .deg .info,utlimas-noticias .banner .wrapper-content .deg .info {
   display: inline-block;
   font-family: Roboto,sans-serif;
   font-size: 80%;
   height: auto;
   line-height: 15px;
   text-align: center;
   width: auto;
   letter-spacing: .2px;
   margin-top: 13px
}

#home-news-container .home-noticias .banner .wrapper-content .deg .info strong,.page-noticias .banner .wrapper-content .deg .info strong,.row-noticias .banner .wrapper-content .deg .info strong,utlimas-noticias .banner .wrapper-content .deg .info strong {
   font-weight: 600
}

#home-news-container .home-noticias .banner .wrapper-content .deg.final,.page-noticias .banner .wrapper-content .deg.final,.row-noticias .banner .wrapper-content .deg.final,utlimas-noticias .banner .wrapper-content .deg.final {
   min-height: 20px;
   position: absolute;
   left: 0;
   bottom: 35px
}

#home-news-container .home-noticias .banner .wrapper-content .deg.final .info,.page-noticias .banner .wrapper-content .deg.final .info,.row-noticias .banner .wrapper-content .deg.final .info,utlimas-noticias .banner .wrapper-content .deg.final .info {
   font-size: 70%!important
}

@media (max-width: 1439px) {
   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content {
       height:30px;
       bottom: 0
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content .enlace {
       bottom: 2px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv h2 {
       font-size: 18px;
       line-height: 30px;
       top: 0
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv h4 {
       font-size: 12px!important;
       line-height: 16px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv h5 {
       font-size: 12px!important;
       line-height: 16px!important;
       bottom: 5px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv img.beneficios {
       position: relative;
       margin: auto
   }

   #home-news-container .home-noticias .banner.beneficios .btn-beneficios {
       bottom: 75px
   }

   #home-news-container .home-noticias .banner.unite-junio img.logos-escudo-ea {
       top: 60px;
       width: 80%
   }

   #home-news-container .home-noticias .banner.unite-junio .texto-unite {
       top: 160px
   }

   #home-news-container .home-noticias .banner.unite-junio .ea-boton.noti-home {
       bottom: 90px
   }

   #home-news-container .home-noticias .banner .btn {
       position: absolute;
       margin-top: unset;
       left: 50%;
       transform: translatex(-50%);
       line-height: 36px
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa {
       height: 50%
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo {
       padding: 0;
       position: relative;
       width: 100%;
       top: unset;
       height: 50%
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo::after {
       top: -15px;
       position: relative
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo.cilsa .boca-cilsa .wrapp-cilsa img {
       width: 154px!important;
       top: -10px!important
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa .deg .info.first br {
       display: none
   }

   #home-news-container .home-noticias .banner .wrapper-content .deg .info.disfruta {
       font-size: 70%!important;
       line-height: 15px!important
   }

   #home-news-container .home-noticias .banner .wrapper-content .small-banner .btn {
       padding: unset!important;
       line-height: 45px;
       height: 46px;
       bottom: 15px
   }

   #home-news-container .home-noticias .banner .wrapper-content .tit {
       margin-top: 23px!important;
       font-size: 17px
   }

   #home-news-container .home-noticias .banner .wrapper-content .tit.dtv {
       font-size: 16px!important
   }

   #home-news-container .home-noticias .banner img.tarjeta.in-home {
       width: 130px;
       margin-top: -45px
   }
}

@media (min-width: 1024px) and (max-width:1439px) {
   #home-news-container .home-noticias .banner.beneficios-22.dtv {
       background-position-x:80px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content {
       height: 30px;
       bottom: 0
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content .enlace {
       bottom: -16px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv img.beneficios.dtv {
       height: 40px!important;
       top: 4px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv h2 {
       font-size: 15px!important;
       line-height: 23px!important;
       top: 0!important
   }
}

@media (max-width: 1280px) {
   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content {
       height:30px;
       bottom: 0
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content .enlace {
       bottom: -16px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv img.beneficios.dtv {
       height: 40px!important;
       top: 4px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv h2 {
       font-size: 15px!important;
       line-height: 23px!important;
       top: 0!important
   }
}

@media (max-width: 700px) {
   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content {
       height:30px;
       bottom: 0
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv .wrapper-content .enlace {
       bottom: -16px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv img.beneficios.dtv {
       height: 35px!important;
       top: 2px!important
   }

   #home-news-container .home-noticias .banner.beneficios-22.dtv h2 {
       font-size: 15px!important;
       line-height: 22px!important;
       top: 0!important
   }

   #home-news-container .home-noticias .banner.unite-junio {
       background-image: url(/rebrand/images/easport/header/linea-trama-fondo-fc-25-xs.svg);
       background-repeat: no-repeat;
       background-size: cover
   }

   #home-news-container .home-noticias .banner.unite-junio img.logos-escudo-ea {
       top: 50px
   }

   #home-news-container .home-noticias .banner.unite-junio .texto-unite {
       top: 160px
   }

   #home-news-container .home-noticias .banner.unite-junio .ea-boton.noti-home {
       bottom: 30px
   }

   #home-news-container .home-noticias .banner.unite-junio .ea-boton.noti-home .btn {
       font-size: 16px!important;
       line-height: 33px!important
   }

   #home-news-container .home-noticias .banner .wrapper-content h5.h5-dtv {
       top: 14px!important
   }

   #home-news-container .home-noticias .banner .wrapper-content .tit.dtv {
       font-size: 20px!important
   }

   #home-news-container .home-noticias .banner .wrapper-content .deg .info.disfruta {
       font-size: 100%!important;
       line-height: 15px!important;
       margin-top: 5px!important;
       padding: 0 20px!important
   }

   .noti-mobile .noti-banner {
       height: 322px;
       max-width: 90vw;
       width: 90vw!important
   }

   .noti-mobile .noti-banner.cilsa {
       max-width: 90vw;
       width: 90vw!important
   }

   .noti-mobile .noti-banner .banner {
       height: 322px;
       padding-top: 6px
   }

   .noti-mobile .noti-banner .banner.beneficios-mobile .info strong {
       line-height: 15px
   }

   .noti-mobile .noti-banner .banner.beneficios-mobile .con-estrellas-abajo {
       top: 77px!important
   }

   .noti-mobile .noti-banner .banner.beneficios-mobile .btn.ntx {
       padding: 0 20px!important
   }

   .noti-mobile .noti-banner .banner .btn {
       height: 35px;
       margin-top: 10px!important;
       margin-bottom: 10px!important;
       font-size: 12px;
       line-height: 35px!important;
       border: solid 2px #fff!important
   }

   .noti-mobile .noti-banner .banner .btn .triang {
       right: -82px
   }

   .noti-mobile .noti-banner .banner img.tarjeta.img {
       width: 33%!important;
       min-width: 80px!important;
       margin: 0 auto!important;
       margin-top: -90px!important;
       z-index: 1!important
   }

   .noti-mobile .noti-banner .banner img.tarjeta.img.escudo-circular {
       width: 31%!important
   }

   .noti-mobile .noti-banner .banner img.tarjeta.img:not(.escudo-circular) {
       margin-top: -75px!important
   }

   .noti-mobile .noti-banner .banner .con-estrellas-abajo {
       top: 67px!important
   }

   .noti-mobile .noti-banner .banner .con-estrellas-abajo::after {
       background-size: 128%
   }

   .noti-mobile .noti-banner .banner .wrapper-content .tit {
       margin-top: 25px!important;
       font-size: 18px!important;
       line-height: 18px!important
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg {
       background-image: none;
       background-color: unset;
       width: 100%;
       text-align: center;
       padding-left: 0;
       font-size: 11px!important
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg .info {
       display: inline-block!important;
       font-size: 11px!important;
       line-height: 11px!important;
       letter-spacing: normal!important;
       margin-top: 10px
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg .info.tarjeta {
       margin-top: 20px!important
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg .info.tarjeta.first {
       margin-top: 20px!important
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg .info.first {
       margin-bottom: 0;
       font-size: 12px!important;
       line-height: 14px!important;
       margin-top: 0!important
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg .info strong {
       font-weight: 600
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg.final {
       min-height: 20px;
       position: absolute;
       left: 0;
       bottom: 7px!important
   }

   .noti-mobile .noti-banner .banner .wrapper-content .deg.final .info {
       font-size: 11px;
       margin-bottom: 20px
   }
}

.interno.desktop {
   display: block
}

.interno.mobile {
   display: none
}

.interno.banner {
   height: 195px;
   margin: 1px;
   background-image: none!important;
   background: #043793;
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-size: cover;
   margin-bottom: 60px
}

.interno.banner.con-estrellas-abajo:after {
   bottom: -35px
}

.interno.banner.beneficios .wrapper-content {
   position: relative
}

.interno.banner.beneficios .wrapper-content .botoncito .btn {
   border: 2px solid #fff!important;
   font-size: 10px;
   line-height: 25px
}

.interno.banner.beneficios .images {
   width: 30%;
   height: 100%;
   position: relative;
   overflow: hidden
}

.interno.banner.beneficios .images .img {
   max-width: 135px;
   z-index: 1;
   position: absolute!important;
   left: 50%!important;
   top: 50%!important;
   transform: translate(-50%,-50%)!important
}

.interno.banner.beneficios .images .con-estrellas-abajo {
   padding: 0;
   width: 100%;
   margin: 0;
   position: absolute;
   left: 50%;
   top: 50%!important;
   transform: translate(-50%,-50%)!important;
   margin-top: 9px
}

.interno.banner .wrapper-content {
   float: left;
   width: 66%
}

.interno.banner .wrapper-content .tit {
   font-weight: 700;
   color: #f3b229;
   margin-top: 25px!important;
   font-size: 22px;
   line-height: 26px;
   text-align: left
}

.interno.banner .wrapper-content .botoncito {
   text-align: left
}

.interno.banner .wrapper-content .botoncito .btn {
   margin: 0;
   margin-left: 35px;
   margin-top: 15px;
   margin-bottom: 15px;
   font-size: 12px;
   font-weight: 300;
   line-height: 30px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   position: relative;
   overflow: hidden;
   border: 1px solid #fff!important;
   height: 30px;
   padding: 0 30px!important
}

.interno.banner .wrapper-content .botoncito .btn .triang {
   right: -82px
}

.interno.banner .wrapper-content .deg {
   background-image: none;
   background-color: unset;
   text-align: left;
   margin-left: 35px;
   font-size: 12px
}

.interno.banner .wrapper-content .deg .info {
   display: inline;
   font-family: Roboto,sans-serif;
   font-size: 12px;
   height: auto;
   line-height: 16px;
   text-align: left;
   width: auto;
   color: #fff
}

.interno.banner .wrapper-content .deg .info strong {
   font-weight: 600
}

.interno.banner .wrapper-content .deg .info.horarios {
   font-size: 11px
}

.interno.banner .images {
   float: right;
   width: 200px
}

.interno.banner .images img.tarjeta.img {
   width: 100%;
   min-width: 80px;
   top: 27px;
   z-index: 1;
   position: relative;
   left: -30px
}

.interno.banner .con-estrellas-abajo {
   padding: 0;
   width: 50%;
   top: -87px;
   left: 111px;
   position: relative
}

#HomeCarousel .carousel-indicators {
   margin-right: auto;
   margin-left: auto;
   flex-direction: column;
   top: 50%;
   bottom: 0;
   transform: translate(0,-50%)
}

#HomeCarousel .carousel-indicators li {
   margin: 7px 0;
   width: 10px;
   height: 10px;
   border-radius: 8px;
   border: solid 2px #fff;
   background: 0 0
}

#HomeCarousel .carousel-indicators li.active {
   background: #fff
}

#HomeCarousel .image-deg {
   position: relative
}

#HomeCarousel .image-deg::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 362px;
   opacity: .8;
   background: linear-gradient(0deg,#000317 0,rgba(8,0,23,0) 100%)
}

#HomeCarousel .carousel-caption {
   bottom: 0;
   padding-bottom: 36px;
   z-index: 30
}

#HomeCarousel .titulo {
   padding: 0 100px 40px;
   font-size: 40px;
   font-weight: 700;
   color: #fff
}

#HomeCarousel .btn {
   height: 60px;
   padding: 0 98px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   border: none;
   position: relative;
   overflow: hidden;
   box-shadow: none
}

#HomeCarousel .btn .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   background-color: #02236d
}

#HomeCarousel .btn:hover {
   background: #02236d;
   color: #f3b229
}

.carousel-indicators li {
   margin: 0 7px;
   width: 10px;
   height: 10px;
   border-radius: 8px;
   border: solid 2px #fff;
   background: 0 0
}

.carousel-indicators li.active {
   background: #fff
}

.destacados {
   padding-right: 0;
   padding-left: 0
}

.destacados .box {
   width: 320px
}

.destacados a {
   display: block;
   position: relative;
   overflow: hidden;
   outline: 0
}

.destacados a .titulo {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0;
   padding: 24px 30px 0 25px;
   width: 100%;
   min-height: 158px;
   font-size: 24px;
   font-weight: 300;
   text-align: left;
   color: #fff;
   text-transform: uppercase;
   background-image: linear-gradient(to top,rgba(0,37,110,.69),rgba(8,64,177,.69) 100%);
   transition: min-height .4s ease-out
}

.destacados a img {
   transition: transform .4s ease-out
}

.destacados a:hover img {
   transform: scale(1.1)
}

.destacados a:hover .titulo {
   min-height: 192px
}

.slick-arrow {
   position: absolute;
   top: 50%;
   left: 5px;
   margin-top: -20px;
   transition: opacity .2s ease-in-out;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   border: solid 2px #fff;
   background-image: url(/rebrand/images/prev-next.svg);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 20px 20px;
   background-color: transparent;
   color: transparent;
   cursor: pointer;
   z-index: 50;
   outline: 0!important;
   opacity: .6
}

.slick-arrow.slick-next {
   right: 5px;
   left: auto;
   transform: rotate(180deg)
}

.slick-arrow:hover {
   opacity: 1
}

.bg-new-grey {
   background: #e5e5e5;
   padding: 40px 0
}

.grey-bg {
   padding: 40px 0;
   background: #e5e5e5
}

.grey-bg.plain {
   background: rgba(231,233,239,.58)
}

.home-noticias .container,.noti-carousel .container,.page-noticias .container,.row-historia .container,.row-noticias .container,.row-programa .container,.row-video .container {
   padding-right: 0;
   padding-left: 0
}

.home-noticias .titulo,.noti-carousel .titulo,.page-noticias .titulo,.row-historia .titulo,.row-noticias .titulo,.row-programa .titulo,.row-video .titulo {
   margin-bottom: 46px;
   line-height: 32px;
   font-size: 24px;
   font-weight: 300;
   text-align: center;
   color: #1c1e36
}

.home-noticias article,.noti-carousel article,.page-noticias article,.row-historia article,.row-noticias article,.row-programa article,.row-video article {
   padding: 7px!important
}

.home-noticias article .share,.noti-carousel article .share,.page-noticias article .share,.row-historia article .share,.row-noticias article .share,.row-programa article .share,.row-video article .share {
   display: none;
   margin-left: 12px
}

.home-noticias article.hover .sub-title-news,.noti-carousel article.hover .sub-title-news,.page-noticias article.hover .sub-title-news,.row-historia article.hover .sub-title-news,.row-noticias article.hover .sub-title-news,.row-programa article.hover .sub-title-news,.row-video article.hover .sub-title-news {
   transition: display 3s ease-out;
   display: block;
   color: #1c1e36;
   font-weight: 400;
   font-size: 14px;
   display: -webkit-box;
   max-width: 100%;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden
}

.home-noticias article.hover .image,.noti-carousel article.hover .image,.page-noticias article.hover .image,.row-historia article.hover .image,.row-noticias article.hover .image,.row-programa article.hover .image,.row-video article.hover .image {
   height: 221px
}

.home-noticias article.hover .image.image-placeholder,.noti-carousel article.hover .image.image-placeholder,.page-noticias article.hover .image.image-placeholder,.row-historia article.hover .image.image-placeholder,.row-noticias article.hover .image.image-placeholder,.row-programa article.hover .image.image-placeholder,.row-video article.hover .image.image-placeholder {
   transition: height .4s ease-out;
   height: 142px
}

.home-noticias article.hover .share,.noti-carousel article.hover .share,.page-noticias article.hover .share,.row-historia article.hover .share,.row-noticias article.hover .share,.row-programa article.hover .share,.row-video article.hover .share {
   position: absolute;
   top: 115px;
   z-index: 100;
   display: block
}

.home-noticias article.hover .share ul.share-buttons,.noti-carousel article.hover .share ul.share-buttons,.page-noticias article.hover .share ul.share-buttons,.row-historia article.hover .share ul.share-buttons,.row-noticias article.hover .share ul.share-buttons,.row-programa article.hover .share ul.share-buttons,.row-video article.hover .share ul.share-buttons {
   padding: 0;
   list-style: none;
   max-width: 350px;
   margin: 0 auto
}

.home-noticias article.hover .share ul.share-buttons li:first-child,.noti-carousel article.hover .share ul.share-buttons li:first-child,.page-noticias article.hover .share ul.share-buttons li:first-child,.row-historia article.hover .share ul.share-buttons li:first-child,.row-noticias article.hover .share ul.share-buttons li:first-child,.row-programa article.hover .share ul.share-buttons li:first-child,.row-video article.hover .share ul.share-buttons li:first-child {
   top: -20px;
   position: absolute;
   left: 0;
   width: 112px;
   display: inline-table;
   font-size: 10px;
   font-weight: 700;
   text-align: left;
   color: #fff
}

.home-noticias article.hover .share ul.share-buttons li,.noti-carousel article.hover .share ul.share-buttons li,.page-noticias article.hover .share ul.share-buttons li,.row-historia article.hover .share ul.share-buttons li,.row-noticias article.hover .share ul.share-buttons li,.row-programa article.hover .share ul.share-buttons li,.row-video article.hover .share ul.share-buttons li {
   width: 40px;
   cursor: auto;
   position: relative;
   overflow: hidden;
   margin: 0;
   padding: unset;
   list-style: none;
   height: inherit;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   transition: all 250ms ease-in-out;
   display: block;
   margin: 0 5px;
   max-width: 20px;
   max-height: 27px
}

.home-noticias article.hover .share ul.share-buttons li a .svg,.noti-carousel article.hover .share ul.share-buttons li a .svg,.page-noticias article.hover .share ul.share-buttons li a .svg,.row-historia article.hover .share ul.share-buttons li a .svg,.row-noticias article.hover .share ul.share-buttons li a .svg,.row-programa article.hover .share ul.share-buttons li a .svg,.row-video article.hover .share ul.share-buttons li a .svg {
   width: 100%;
   height: 100%;
   margin-top: 3px;
   margin-right: 3px
}

.home-noticias article.hover .share ul.share-buttons li .svg path,.noti-carousel article.hover .share ul.share-buttons li .svg path,.page-noticias article.hover .share ul.share-buttons li .svg path,.row-historia article.hover .share ul.share-buttons li .svg path,.row-noticias article.hover .share ul.share-buttons li .svg path,.row-programa article.hover .share ul.share-buttons li .svg path,.row-video article.hover .share ul.share-buttons li .svg path {
   fill: #fff!important
}

.home-noticias .noti,.noti-carousel .noti,.page-noticias .noti,.row-historia .noti,.row-noticias .noti,.row-programa .noti,.row-video .noti {
   display: block;
   height: 363px;
   margin: 1px;
   background-color: rgba(255,255,255,.95);
   text-decoration: none
}

.home-noticias .noti .share,.noti-carousel .noti .share,.page-noticias .noti .share,.row-historia .noti .share,.row-noticias .noti .share,.row-programa .noti .share,.row-video .noti .share {
   display: none
}

.home-noticias .noti .sub-title-news,.noti-carousel .noti .sub-title-news,.page-noticias .noti .sub-title-news,.row-historia .noti .sub-title-news,.row-noticias .noti .sub-title-news,.row-programa .noti .sub-title-news,.row-video .noti .sub-title-news {
   display: none
}

.home-noticias .noti .image,.noti-carousel .noti .image,.page-noticias .noti .image,.row-historia .noti .image,.row-noticias .noti .image,.row-programa .noti .image,.row-video .noti .image {
   transition: height .4s ease-out;
   height: 221px
}

.home-noticias .noti .info,.noti-carousel .noti .info,.page-noticias .noti .info,.row-historia .noti .info,.row-noticias .noti .info,.row-programa .noti .info,.row-video .noti .info {
   display: block;
   padding: 19px 17px 4px;
   line-height: 17px;
   font-size: 14px;
   font-weight: 300;
   text-align: left;
   color: #1c1e36
}

.home-noticias .noti .info span,.noti-carousel .noti .info span,.page-noticias .noti .info span,.row-historia .noti .info span,.row-noticias .noti .info span,.row-programa .noti .info span,.row-video .noti .info span {
   margin: 0 3px
}

.home-noticias .noti .noti-tit,.noti-carousel .noti .noti-tit,.page-noticias .noti .noti-tit,.row-historia .noti .noti-tit,.row-noticias .noti .noti-tit,.row-programa .noti .noti-tit,.row-video .noti .noti-tit {
   display: block;
   padding: 6px 17px 4px;
   font-size: 20px;
   font-weight: 700;
   text-align: left;
   color: #1c1e36
}

.home-noticias .noti p,.noti-carousel .noti p,.page-noticias .noti p,.row-historia .noti p,.row-noticias .noti p,.row-programa .noti p,.row-video .noti p {
   margin: 0;
   padding: 0 17px;
   color: #fff;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px
}

.home-noticias .banner,.noti-carousel .banner,.page-noticias .banner,.row-historia .banner,.row-noticias .banner,.row-programa .banner,.row-video .banner {
   overflow: hidden;
   height: 468px;
   margin: 1px;
   background-image: url(/rebrand/images/fondo-azul-700w.jpg);
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
   position: relative
}

.home-noticias .banner .estrellas,.noti-carousel .banner .estrellas,.page-noticias .banner .estrellas,.row-historia .banner .estrellas,.row-noticias .banner .estrellas,.row-programa .banner .estrellas,.row-video .banner .estrellas {
   position: absolute;
   display: block;
   width: 100%;
   height: 29px;
   left: 0;
   right: 0;
   top: 50px;
   background-image: url(/rebrand/images/estrellas.png);
   background-position: 53% 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.home-noticias .banner .producto,.noti-carousel .banner .producto,.page-noticias .banner .producto,.row-historia .banner .producto,.row-noticias .banner .producto,.row-programa .banner .producto,.row-video .banner .producto {
   position: absolute;
   bottom: 115px;
   padding: 0 12px
}

.home-noticias .banner .producto.programa,.noti-carousel .banner .producto.programa,.page-noticias .banner .producto.programa,.row-historia .banner .producto.programa,.row-noticias .banner .producto.programa,.row-programa .banner .producto.programa,.row-video .banner .producto.programa {
   padding: 0 58px
}

.home-noticias .banner .index,.noti-carousel .banner .index,.page-noticias .banner .index,.row-historia .banner .index,.row-noticias .banner .index,.row-programa .banner .index,.row-video .banner .index {
   z-index: 50;
   font-family: Roboto,sans-serif
}

.home-noticias .banner .deg,.noti-carousel .banner .deg,.page-noticias .banner .deg,.row-historia .banner .deg,.row-noticias .banner .deg,.row-programa .banner .deg,.row-video .banner .deg {
   min-height: 93px;
   background-image: linear-gradient(to bottom,rgba(0,36,130,0),#02318e)
}

.home-noticias .banner .deg .tit,.noti-carousel .banner .deg .tit,.page-noticias .banner .deg .tit,.row-historia .banner .deg .tit,.row-noticias .banner .deg .tit,.row-programa .banner .deg .tit,.row-video .banner .deg .tit {
   margin: 0 0 10px;
   line-height: 30px;
   font-size: 28px;
   font-weight: 700;
   color: #f3b229
}

.home-noticias .banner .deg .info,.noti-carousel .banner .deg .info,.page-noticias .banner .deg .info,.row-historia .banner .deg .info,.row-noticias .banner .deg .info,.row-programa .banner .deg .info,.row-video .banner .deg .info {
   margin: 0;
   font-size: 16px;
   font-weight: 300;
   line-height: 20px;
   color: #fff
}

.home-noticias .banner .deg .info span,.noti-carousel .banner .deg .info span,.page-noticias .banner .deg .info span,.row-historia .banner .deg .info span,.row-noticias .banner .deg .info span,.row-programa .banner .deg .info span,.row-video .banner .deg .info span {
   font-weight: 700
}

.home-noticias .banner .solid,.noti-carousel .banner .solid,.page-noticias .banner .solid,.row-historia .banner .solid,.row-noticias .banner .solid,.row-programa .banner .solid,.row-video .banner .solid {
   background-color: #02318e
}

.home-noticias .banner .btn,.noti-carousel .banner .btn,.page-noticias .banner .btn,.row-historia .banner .btn,.row-noticias .banner .btn,.row-programa .banner .btn,.row-video .banner .btn {
   height: 60px;
   padding: 0 98px;
   margin-top: 26px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   border: solid 2px #fff;
   position: relative;
   overflow: hidden
}

.home-noticias .banner .btn .triang,.noti-carousel .banner .btn .triang,.page-noticias .banner .btn .triang,.row-historia .banner .btn .triang,.row-noticias .banner .btn .triang,.row-programa .banner .btn .triang,.row-video .banner .btn .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   opacity: .24;
   background-color: #000
}

.home-noticias .banner .btn:hover,.noti-carousel .banner .btn:hover,.page-noticias .banner .btn:hover,.row-historia .banner .btn:hover,.row-noticias .banner .btn:hover,.row-programa .banner .btn:hover,.row-video .banner .btn:hover {
   background: #011645;
   color: #f3b229;
   border: 2px solid rgba(255,255,255,.2)
}

.home-noticias .col-6 .banner .producto,.noti-carousel .col-6 .banner .producto,.page-noticias .col-6 .banner .producto,.row-historia .col-6 .banner .producto,.row-noticias .col-6 .banner .producto,.row-programa .col-6 .banner .producto,.row-video .col-6 .banner .producto {
   bottom: auto;
   top: 36px;
   padding: 0 126px
}

.home-noticias .col-6 .banner .index,.noti-carousel .col-6 .banner .index,.page-noticias .col-6 .banner .index,.row-historia .col-6 .banner .index,.row-noticias .col-6 .banner .index,.row-programa .col-6 .banner .index,.row-video .col-6 .banner .index {
   display: flex;
   flex-direction: row
}

.home-noticias .col-6 .banner .deg,.noti-carousel .col-6 .banner .deg,.page-noticias .col-6 .banner .deg,.row-historia .col-6 .banner .deg,.row-noticias .col-6 .banner .deg,.row-programa .col-6 .banner .deg,.row-video .col-6 .banner .deg {
   display: inline-block;
   width: 50%;
   min-height: 115px;
   background-image: none;
   background-color: #02318e;
   text-align: left;
   padding-left: 24px
}

.home-noticias .col-6 .banner .deg .tit,.noti-carousel .col-6 .banner .deg .tit,.page-noticias .col-6 .banner .deg .tit,.row-historia .col-6 .banner .deg .tit,.row-noticias .col-6 .banner .deg .tit,.row-programa .col-6 .banner .deg .tit,.row-video .col-6 .banner .deg .tit {
   margin-top: 16px!important;
   font-size: 34px
}

.home-noticias .col-6 .banner .solid,.noti-carousel .col-6 .banner .solid,.page-noticias .col-6 .banner .solid,.row-historia .col-6 .banner .solid,.row-noticias .col-6 .banner .solid,.row-programa .col-6 .banner .solid,.row-video .col-6 .banner .solid {
   display: inline-block;
   width: 50%
}

.row-historia .noti {
   background-color: #d1b471
}

.row-historia .noti .noti-tit {
   padding-top: 42px;
   color: #fff;
   font-size: 24px;
   line-height: 29px
}

.row-historia .noti .year {
   position: absolute;
   top: 312px;
   right: 16px;
   color: rgba(255,255,255,.2);
   font-size: 130px;
   font-weight: 700;
   line-height: 156px;
   letter-spacing: -5px;
   text-align: right;
   z-index: 5
}

.row-programa .noti {
   background-color: rgba(28,30,54,.95)
}

.row-programa .noti .noti-tit {
   color: #fff
}

.row-programa .noti .info {
   color: #fff
}

.row-programa .noti .numero {
   position: absolute;
   top: 312px;
   right: 16px;
   color: rgba(255,255,255,.1);
   font-size: 130px;
   font-weight: 700;
   line-height: 156px;
   letter-spacing: -5px;
   text-align: right;
   z-index: 5
}

.row-video .col-6 .video .image {
   max-height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1
}

.row-video .col-6 .video .image::after {
   opacity: .55
}

.row-video .col-6 .video .play-button {
   top: 50%;
   margin-top: -36px
}

.row-video .col-6 .video .info,.row-video .col-6 .video .tiempo,.row-video .col-6 .video .video-tit {
   z-index: 5
}

.row-video .col-6 .video .info {
   color: #fff;
   font-size: 14px;
   font-weight: 300;
   line-height: 17px
}

.row-video .col-6 .video .video-tit {
   color: #fff;
   font-size: 28px;
   line-height: 44px;
   padding-bottom: 20px
}

.row-video .col-6 .video .tiempo {
   color: #fff;
   padding: 0;
   position: absolute;
   right: 19px;
   bottom: 83px
}

.image {
   display: block;
   position: relative;
   overflow: hidden;
   background-color: #d8d8d8
}

.image img {
   position: relative;
   z-index: 10
}

.image img:not(.w-100) {
   height: 100%;
   width: auto;
   max-width: 1140px;
   display: block!important;
   margin-left: auto;
   margin-right: auto;
   min-height: 188px;
   position: absolute;
   left: 50%;
   top: 50%!important;
   -webkit-transform: translateY(-50%) translateX(-50%)!important;
   transform: translateY(-50%) translateX(-50%)!important
}

.image img.nota-relacionada {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%)!important;
   transform: translateY(-50%) translateX(-50%)!important
}

.image:after,.image:before {
   content: "";
   position: absolute;
   display: block;
   height: 100%;
   width: 100%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 20
}

.image:before {
   mix-blend-mode: overlay;
   background-image: radial-gradient(circle at 78% 31%,#e9eef5,#03388c)
}

.image:after {
   opacity: .24;
   background: linear-gradient(0deg,#000317 0,rgba(8,0,23,0) 100%)
}

.IE .image:before {
   background-image: none
}

.home-videos .container {
   padding-right: 0;
   padding-left: 0
}

.home-videos .row {
   padding-top: 130px
}

.home-videos .titulo {
   margin-bottom: 46px;
   line-height: 32px;
   font-size: 24px;
   font-weight: 300;
   text-align: center;
   color: #1c1e36
}

.home-videos .col-6 .video {
   height: 598px;
   margin-top: -130px
}

.home-videos .col-6 .video .image {
   max-height: 405px
}

.home-videos .col-6 .video:hover .image {
   max-height: 354px
}

.home-videos .col-6 .video:hover .play-button {
   top: 130px
}

.home-videos .col-6 .video .play-button {
   top: 155px
}

.video {
   display: block;
   position: relative;
   height: 468px;
   margin: 1px;
   background-color: rgba(255,255,255,.95);
   text-decoration: none;
   box-shadow: none!important;
   outline: 0!important
}

.video .info {
   display: block;
   padding: 19px 17px 4px;
   line-height: 17px;
   font-size: 14px;
   font-weight: 300;
   text-align: left;
   color: #1c1e36
}

.video .info span {
   margin: 0 3px
}

.video .video-tit {
   display: block;
   padding: 6px 17px 4px;
   font-size: 20px;
   font-weight: 700;
   text-align: left;
   color: #1c1e36
}

.video .play-button {
   position: absolute;
   top: 94px;
   left: 50%;
   margin-left: -36px;
   width: 72px;
   height: 72px;
   z-index: 40;
   transition: all .4s ease-out
}

.video .tiempo {
   padding: 21px;
   line-height: 15px;
   font-size: 13px;
   font-weight: 300;
   color: #898989
}

.video .image {
   transition: max-height .4s ease-out;
   max-height: 274px
}

.video .image img {
   transition: transform .4s ease-out
}

.video:hover {
   text-decoration: none
}

.video:hover .image {
   max-height: 257px
}

.video:hover .image img {
   transform: scale(1.1)
}

.video:hover .play-button {
   top: 72px;
   transform: scale(.8)
}

.vermas {
   display: inline-block;
   width: 72px;
   height: 72px;
   padding: 8px 8px;
   border-radius: 36px;
   margin-top: 40px;
   background-color: #003492;
   line-height: 18px;
   font-size: 14px;
   font-weight: 300;
   letter-spacing: .6px;
   text-align: center;
   color: #fff!important;
   text-transform: uppercase;
   overflow: hidden;
   position: relative;
   text-decoration: none!important;
   transition: all .2s ease-in-out
}

.vermas .svg {
   position: relative;
   margin: 8px 10px 0;
   width: 19px;
   height: 11px;
   z-index: 500
}

.vermas .cuadrado {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 72px;
   height: 26px;
   background-color: #02236d;
   z-index: 10
}

.vermas:hover {
   color: #f3b229!important;
   background-color: #011645
}

.vermas:hover .cuadrado {
   background-color: #011645
}

.partidos {
   background-color: #003492
}

.partidos .seleccionar {
   min-height: 54px;
   background-color: #02236d
}

.partidos .seleccionar .nav-tabs {
   border-bottom: 0
}

.partidos .seleccionar .btn {
   line-height: 32px;
   font-size: 18px;
   font-weight: 300;
   text-align: left;
   color: #fff;
   text-transform: uppercase;
   padding: 8px 12px 6px 2px;
   margin-top: 3px;
   outline: 0!important;
   box-shadow: none!important
}

.partidos .seleccionar .btn.dropdown-toggle::after {
   display: none
}

.partidos .seleccionar .btn .svg {
   margin-left: 13px;
   width: 18px;
   height: 10px
}

.partidos .seleccionar .btn .svg path {
   fill: #f3b229
}

.partidos .seleccionar .segundo .btn .svg {
   margin-left: 11px;
   width: 18px;
   height: 8px
}

.partidos .resultados {
   min-height: 519px;
   padding-top: 51px;
   text-align: center;
   max-width: 100%;
   margin: auto;
   color: #fff;
   overflow: hidden
}

.partidos .resultados .escudo {
   width: 65px;
   height: 65px;
   margin-bottom: 7px
}

.partidos .resultados .match {
   width: 168px;
   height: 382px;
   border-right: solid 1px #979797;
   outline: 0;
   cursor: pointer;
   transition: background-color .2s ease-in-out
}

.partidos .resultados .match .ajustado {
   opacity: 1
}

.partidos .resultados .match .destacado {
   opacity: 0;
   display: none
}

.partidos .resultados .match.slick-center {
   width: 568px;
   cursor: default
}

.partidos .resultados .match.slick-center .ajustado {
   opacity: 0;
   display: none
}

.partidos .resultados .match.slick-center .destacado {
   opacity: 1;
   display: block
}

.partidos .resultados .match.slick-center .flex-column {
   width: 190px
}

.partidos .resultados .match.slick-center .fecha {
   line-height: 28px;
   font-size: 24px;
   font-weight: 700;
   color: #fff;
   padding-bottom: 43px
}

.partidos .resultados .match.slick-center .vs {
   margin: 38px 22px 0;
   width: 44px;
   height: 44px;
   background-color: #fff;
   border-radius: 50%;
   line-height: 46px;
   font-size: 18px;
   font-weight: 700;
   color: #343434
}

.partidos .resultados .match.slick-center .resultado {
   position: relative;
   top: -21px;
   padding: 0;
   line-height: 40px;
   font-size: 36px;
   font-weight: 700
}

.partidos .resultados .match.slick-center .resultado.pendiente {
   top: -32px
}

.partidos .resultados .match.slick-center .escudo {
   width: 111px;
   height: 111px;
   margin-bottom: 0
}

.partidos .resultados .match.slick-center .equipo {
   padding-top: 32px;
   font-size: 18px;
   font-weight: 700;
   text-transform: none;
   padding-left: 4px;
   padding-right: 4px;
   min-height: auto
}

.partidos .resultados .match.slick-center .torneo {
   padding: 42px 0 11px;
   line-height: 21px;
   font-size: 18px;
   font-weight: 700
}

.partidos .resultados .match.slick-center .hora,.partidos .resultados .match.slick-center .lugar {
   line-height: 18px;
   font-size: 14px;
   font-weight: 300
}

.partidos .resultados .match.slick-center .lugar {
   padding-bottom: 19px
}

.partidos .resultados .match.slick-center .ver-ms {
   line-height: 17px;
   font-size: 14px;
   font-weight: 300;
   color: #f3b229;
   text-decoration: underline;
   text-transform: uppercase
}

.partidos .resultados .match.slick-center:hover {
   background-color: transparent
}

.partidos .resultados .match:last-child {
   border: none
}

.partidos .resultados .match:hover {
   background-color: rgba(2,35,109,.26)
}

.partidos .resultados .match .dia {
   text-transform: uppercase;
   padding: 3px 0 8px;
   line-height: 21px;
   font-size: 18px;
   font-weight: 700
}

.partidos .resultados .match .mes {
   text-transform: uppercase;
   padding: 0 0 19px;
   line-height: 17px;
   font-size: 14px;
   font-weight: 300
}

.partidos .resultados .match .resultado {
   padding: 10px 0 4px;
   line-height: 21px;
   font-size: 18px;
   font-weight: 700
}

.partidos .resultados .match .equipo {
   padding: 0 32px 28px;
   text-transform: uppercase;
   line-height: 18px;
   font-size: 14px;
   font-weight: 300;
   min-height: 64px
}

.partidos .resultados .match .equipo:last-child {
   padding-bottom: 0
}

.ver-todas {
   padding-top: 40px
}

.header-image {
   position: relative;
   height: 330px
}

.header-image .img {
   position: absolute;
   top: 0;
   z-index: 10;
   height: 100%;
   width: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat
}

.header-image .img:after {
   content: "";
   position: absolute;
   display: block;
   height: 100%;
   width: 100%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 20
}

.header-image .img:after {
   opacity: .24;
   background: linear-gradient(0deg,#000317 0,rgba(8,0,23,0) 100%)
}

.header-image .container {
   position: relative;
   z-index: 20;
   padding-right: 0;
   padding-left: 0
}

.header-image .breadcrumb {
   margin: 0;
   padding: 16px 0 0;
   background-color: transparent;
   border-radius: 0;
   color: #fff;
   font-size: 14px;
   font-weight: 300
}

.header-image .breadcrumb .breadcrumb-item a {
   color: #fff;
   text-decoration: underline
}

.header-image .breadcrumb .breadcrumb-item a:hover {
   color: #f3b229
}

.header-image .breadcrumb .breadcrumb-item.active {
   color: #fff
}

.header-image .breadcrumb .breadcrumb-item::before {
   position: relative;
   top: 2px;
   color: #fff;
   padding-right: .3rem;
   padding-left: .3rem
}

.header-image .filtros {
   margin-top: 16px;
   position: relative;
   z-index: 50
}

.header-image .filtros .btn {
   line-height: 32px;
   font-size: 18px;
   font-weight: 300;
   text-align: left;
   color: #fff;
   text-transform: uppercase;
   padding: 8px 22px 6px 2px;
   margin-top: 3px;
   outline: 0!important;
   box-shadow: none!important
}

.header-image .filtros .btn.dropdown-toggle::after {
   display: none
}

.header-image .filtros .btn .svg {
   margin-left: 18px;
   width: 18px;
   height: 10px
}

.header-image .filtros .btn .svg path {
   fill: #f3b229
}

.breadcrumb {
   padding: 0;
   margin: 35px 0 35px;
   background-color: transparent;
   border-radius: 0;
   color: #373230;
   font-size: 14px;
   font-weight: 300;
   line-height: 20px
}

.breadcrumb .breadcrumb-item a {
   color: #003492;
   text-decoration: underline
}

.breadcrumb .breadcrumb-item a:hover {
   color: #f3b229
}

.breadcrumb .breadcrumb-item.active {
   color: #373230
}

.breadcrumb .breadcrumb-item::before {
   position: relative;
   top: 2px;
   color: #373230;
   padding-right: .3rem;
   padding-left: .3rem
}

.noticia .ancho-max {
   max-width: 820px;
   margin: 0 auto
}

.noticia .article-layout .container {
   padding: 0
}

.noticia .article-layout .container .cuerpo-noticia {
   top: 15px;
   position: relative
}

.noticia .article-layout .container header .header-info {
   position: absolute;
   left: 0;
   top: 0
}

.noticia .article-layout .container .share-noticia .share {
   position: absolute;
   top: 0;
   right: 0
}

.noticia .article-layout .container .share-noticia .share.addthis_toolbox {
   float: right
}

.noticia .article-layout .container .tags-noticias {
   display: block;
   height: 20px;
   position: relative;
   bottom: 35px;
   width: 100%;
   text-align: left
}

.noticia .article-layout .container .tags-noticias ul {
   padding: 0;
   margin: 0;
   height: 20px
}

.noticia .article-layout .container .tags-noticias ul li {
   list-style: none!important;
   display: inline;
   background: #fff;
   border: 1px solid #003391;
   border-radius: 30px;
   font-style: normal;
   font-weight: 700;
   font-size: 10px;
   text-align: center;
   text-transform: uppercase;
   padding: 4px 20px;
   margin-left: 5px;
   margin-right: 5px;
   color: #003391
}

.noticia .article-layout .container .tags-noticias ul li a {
   color: #003391
}

.noticia .header-image {
   height: 718px;
   padding-top: 0
}

.noticia .header-info {
   color: #1c1e36;
   font-size: 20px;
   font-weight: 300;
   line-height: 24px;
   text-align: center
}

.noticia .entry-title {
   margin: 30px 0 30px;
   color: #1c1135;
   font-weight: 700;
   font-size: 40px;
   line-height: 130%
}

.noticia .article-tags {
   text-align: center
}

.noticia .article-tags a {
   display: inline-block;
   position: relative;
   color: #003492;
   font-size: 12px;
   font-weight: 300;
   line-height: 20px;
   padding-right: 14px;
   margin-right: 10px
}

.noticia .article-tags a::after {
   content: "I";
   position: absolute;
   top: 0;
   right: 0;
   color: #003492
}

.noticia .article-tags a:last-of-type::after {
   display: none
}

.noticia .share-buttons {
   margin: 0;
   padding: 0;
   list-style: none
}

.noticia .share-buttons .share-button {
   margin: 0 9px
}

.noticia .share-buttons .svg circle,.noticia .share-buttons .svg path {
   fill: #003391
}

.noticia .share-buttons .svg.facebook {
   height: 19px;
   width: 19px
}

.noticia .share-buttons .svg.twitter {
   height: 18px;
   width: 22px
}

.noticia .share-buttons .svg.pinterest {
   height: 22px;
   width: 22px
}

.noticia .share-buttons .svg.googleplus {
   height: 36px;
   width: 22px
}

.noticia .share-buttons .svg.dots {
   position: relative;
   top: -6px;
   height: 4px;
   width: 22px
}

.noticia .h2,.noticia .subtitle {
   margin-bottom: 60px;
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 24px;
   font-weight: 300;
   line-height: 46px
}

.ancho-limitado {
   max-width: 820px
}

.page-tit {
   margin: 12px 0 0;
   font-size: 40px;
   font-weight: 700;
   line-height: 44px;
   color: #fff
}

.noticias-home-new .page-tit {
   color: #02236d!important
}

.noticias-home-new .breadcrumb-item {
   color: #02236d!important
}

.noticias-home-new .breadcrumb-item::before {
   color: #02236d!important
}

.noticias-home-new .breadcrumb-item a {
   color: #02236d!important
}

.image-deg {
   position: relative
}

.image-deg::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 65px;
   opacity: .8;
   background: linear-gradient(0deg,#000317 0,rgba(8,0,23,0) 100%)
}

.image-deg:before {
   content: "";
   position: absolute;
   display: block;
   height: 100%;
   width: 100%;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 20;
   mix-blend-mode: overlay;
   background-image: radial-gradient(circle at 78% 31%,#e9eef5,#03388c)
}

.noti-carousel {
   padding-right: 0;
   padding-left: 0;
   position: relative;
   z-index: 10;
   padding-bottom: 40px
}

.noti-carousel .noti,.noti-carousel .slick-slide {
   outline: 0!important;
   box-shadow: none
}

.noti-carousel .slick-arrow {
   top: 30%;
   left: 25px;
   margin-top: -44px;
   width: 78px;
   height: 78px;
   background-size: 36px 36px
}

.noti-carousel .slick-arrow.slick-next {
   right: 25px;
   left: auto
}

.relacionadas {
   margin-top: 42px;
   padding-top: 42px;
   padding-bottom: 77px;
   background-color: #e6e8f0
}

.relacionadas .titulo {
   color: #02236d;
   font-size: 28px;
   margin-bottom: 46px;
   line-height: 32px;
   font-weight: 300;
   text-align: center
}

.fixture {
   max-height: 938px;
   overflow: hidden;
   margin: 1px;
   background-color: rgba(255,255,255,.95)
}

.fixture .filtros {
   padding: 17px 0 20px
}

.fixture .filtros .tit {
   padding: 6px 28px 0;
   font-size: 18px;
   font-weight: 700;
   line-height: 31px;
   text-align: center;
   color: #1c2e36;
   text-transform: uppercase
}

.fixture .filtros .btn {
   line-height: 32px;
   font-size: 18px;
   font-weight: 300;
   text-align: left;
   color: #1c1e36;
   text-transform: uppercase;
   padding: 8px 22px 6px 2px;
   margin-top: 3px;
   outline: 0!important;
   box-shadow: none!important
}

.fixture .filtros .btn.dropdown-toggle::after {
   display: none
}

.fixture .filtros .btn .svg {
   margin-left: 18px;
   width: 18px;
   height: 10px
}

.fixture .filtros .btn .svg path {
   fill: #f3b229
}

.fixture .table,.fixture table {
   position: relative;
   z-index: 10;
   font-size: 18px;
   font-weight: 300;
   text-align: left;
   color: #1c1e36
}

.fixture .table::before,.fixture table::before {
   content: "";
   position: absolute;
   z-index: -1;
   left: 0;
   top: 0;
   bottom: 0;
   width: 54px;
   height: 100%;
   background-image: linear-gradient(4deg,#f4c600,#f3b229)
}

.fixture .table .border,.fixture table .border {
   border: none!important
}

.fixture .table thead th,.fixture table thead th {
   text-transform: uppercase;
   border-top: solid 1px rgba(151,151,151,.18);
   border-bottom: none
}

.fixture .table td,.fixture .table th,.fixture table td,.fixture table th {
   padding: 18px 10px;
   border-top: solid 1px rgba(151,151,151,.18)
}

.fixture .table td:first-child,.fixture .table th:first-child,.fixture table td:first-child,.fixture table th:first-child {
   font-weight: 700;
   color: #fff;
   padding: 18px 13px 18px 18px;
   border-top: none
}

.fixture .table td.team,.fixture table td.team {
   font-weight: 700
}

.fixture .table .badge,.fixture table .badge {
   font-size: 100%;
   font-weight: 700
}

.fixture .completa {
   height: 71px;
   padding-top: 24px;
   position: absolute;
   display: block;
   z-index: 40;
   background: #fff;
   bottom: 0;
   left: 1px;
   right: 1px;
   font-size: 14px;
   font-weight: 300;
   text-align: center;
   color: #f3b229;
   text-transform: uppercase;
   text-decoration: underline
}

.sobre-imagen>.container:first-of-type {
   position: relative;
   margin-top: -189px;
   z-index: 10
}

.plantel {
   padding-bottom: 112px
}

.plantel .jugador {
   display: block;
   height: 468px;
   margin: 1px;
   background-color: rgba(255,255,255,.95);
   text-decoration: none
}

.plantel .jugador .image {
   transition: max-height .4s ease-out;
   max-height: 274px
}

.plantel .jugador .image img {
   transition: transform .4s ease-out;
   height: 120%;
   max-width: unset;
   width: auto!important;
   position: absolute;
   margin: auto;
   top: 55%
}

.plantel .jugador .image:before {
   display: none
}

.plantel .jugador:hover .image {
   max-height: 257px
}

.plantel .jugador:hover .image img {
   transform: scale(1.1)
}

.plantel .jugador span {
   position: relative;
   z-index: 10;
   display: block;
   line-height: 17px;
   font-size: 14px;
   font-weight: 300;
   text-align: left;
   color: #1c1e36
}

.plantel .jugador .dorsal {
   position: absolute;
   top: 284px;
   right: 16px;
   color: #e7e9ef;
   font-size: 150px;
   font-weight: 700;
   line-height: 180px;
   text-align: right;
   z-index: 5
}

.plantel .jugador .posicion {
   padding: 18px 17px 4px;
   color: #003492
}

.plantel .jugador .nombre {
   padding: 4px 17px 2px;
   color: #1c1e36;
   font-size: 24px;
   font-weight: 700;
   line-height: 29px;
   position: relative;
   z-index: 10
}

.plantel .jugador .apariciones {
   padding: 0 17px
}

.plantel .jugador .procedencia {
   padding: 10px 17px 0
}

.plantel .jugador,.plantel .tecnicos {
   display: block;
   position: relative;
   z-index: 10;
   margin: 1px;
   background-color: rgba(255,255,255,.95)
}

.plantel .jugador .tit-estrellas,.plantel .tecnicos .tit-estrellas {
   position: relative;
   color: #003492;
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   margin: 0;
   padding: 26px 18px 56px
}

.plantel .jugador .tit-estrellas::after,.plantel .tecnicos .tit-estrellas::after {
   content: "";
   position: absolute;
   display: block;
   overflow: hidden;
   height: 29px;
   left: 18px;
   right: 18px;
   bottom: 0;
   background-image: url(/rebrand/images/estrellas.png);
   background-position: 0 50%;
   background-repeat: repeat-x;
   background-size: inherit
}

.plantel .jugador .col-xl-2,.plantel .tecnicos .col-xl-2 {
   text-align: center
}

.plantel .jugador .staff,.plantel .tecnicos .staff {
   padding-top: 80px;
   padding-bottom: 50px;
   margin-bottom: 50px
}

.plantel .jugador .staff .info,.plantel .tecnicos .staff .info {
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 19px;
   font-weight: 300;
   position: relative;
   padding: 20px 22px 0
}

.plantel .jugador .staff .info strong,.plantel .tecnicos .staff .info strong {
   font-weight: 700
}

.plantel .jugador .staff .info::before,.plantel .tecnicos .staff .info::before {
   content: "";
   position: absolute;
   top: 5px;
   left: 50%;
   border-radius: 50%;
   margin-left: -4px;
   height: 9px;
   width: 9px;
   background: linear-gradient(43.86deg,#f4c600 0,#f7a600 100%)
}

.plantel .jugador .staff:last-of-type,.plantel .tecnicos .staff:last-of-type {
   margin-bottom: 0;
   padding-top: 0
}

.plantel .jugador dl,.plantel .tecnicos dl {
   display: block;
   padding: 26px 18px 0 38px;
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 42px
}

.plantel .jugador dl dt,.plantel .tecnicos dl dt {
   position: relative;
   float: left;
   font-weight: 300;
   margin-right: 5px
}

.plantel .jugador dl dt::before,.plantel .tecnicos dl dt::before {
   content: "";
   position: absolute;
   top: 5px;
   left: -20px;
   border-radius: 50%;
   height: 9px;
   width: 9px;
   background: linear-gradient(43.86deg,#f4c600 0,#f7a600 100%)
}

.plantel .jugador dl dd,.plantel .tecnicos dl dd {
   display: block;
   font-weight: 700;
   margin-bottom: 18px
}

.plantel .jugador .circulo,.plantel .tecnicos .circulo {
   display: inline-block;
   overflow: hidden;
   width: 160px;
   height: 160px;
   border-radius: 50%
}

.plantel .jugador .circulo img:not(.bskt),.plantel .tecnicos .circulo img:not(.bskt) {
   max-width: 160px
}

.plantel .jugador .circulo.no-image,.plantel .tecnicos .circulo.no-image {
   background-color: #e9e9e9;
   padding-top: 28px
}

.plantel .jugador .circulo.no-image .svg,.plantel .tecnicos .circulo.no-image .svg {
   height: 100%;
   width: auto
}

.plantel .col-6 .jugador-ficha {
   height: 700px
}

.plantel .col-6 .jugador-ficha .tit-estrellas {
   color: #1c1e36;
   font-size: 40px;
   font-weight: 700;
   line-height: 32px;
   padding-top: 45px
}

.plantel .col-6 .jugador-ficha .posicion-ficha {
   padding: 32px 18px 0;
   color: #003492;
   font-size: 24px;
   font-weight: 700;
   line-height: 32px
}

.plantel .col-6 .jugador-ficha .social-buttons {
   margin: 31px 0 46px 9px;
   padding: 0;
   list-style: none
}

.plantel .col-6 .jugador-ficha .social-buttons .share-button {
   margin: 0 9px
}

.plantel .col-6 .jugador-ficha .social-buttons .share-button a .svg {
   height: 22px;
   width: 22px;
   margin-top: 3px;
   margin-left: 3px
}

.plantel .col-6 .jugador-ficha .social-buttons .svg {
   width: 25px
}

.plantel .col-6 .jugador-ficha .social-buttons .svg circle,.plantel .col-6 .jugador-ficha .social-buttons .svg path {
   fill: #003492
}

.plantel .col-6 .jugador-ficha .btn {
   border: none!important;
   margin: 12px 0 0 18px
}

.plantel .carousel {
   margin: 1px;
   z-index: 20
}

.plantel .carousel .image-deg {
   position: relative
}

.plantel .carousel .image-deg::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 120px;
   opacity: .8;
   background: linear-gradient(0deg,#000317 0,rgba(8,0,23,0) 100%)
}

.plantel .carousel .image-deg .plantel-grupo {
   max-height: 700px;
   margin-left: auto;
   margin-right: auto;
   display: block;
   transform: translateX(-50%);
   left: 50%;
   position: relative
}

.plantel.relacionadas {
   margin-top: 0;
   padding-bottom: 59px
}

.plantel .btn {
   height: 60px;
   padding: 0 98px;
   margin-top: 50px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   border: solid 2px #fff;
   position: relative;
   overflow: hidden
}

.plantel .btn .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   opacity: .24;
   background-color: #000
}

.plantel .btn:hover {
   background: #011645;
   color: #f3b229;
   border: 2px solid rgba(255,255,255,.2)
}

.plantel .foto-jugador {
   display: block;
   overflow: hidden;
   margin: 1px
}

.padre {
   margin: 0 0 32px;
   color: #1c2e36;
   font-size: 20px;
   font-weight: 300;
   line-height: 24px
}

.title {
   margin: 0 0 30px;
   color: #1c1e36;
   font-size: 40px;
   font-weight: 700;
   line-height: 48px
}

.subtitle {
   margin-bottom: 26px;
   color: #1c2e36;
   font-family: Roboto,sans-serif;
   font-size: 24px;
   font-weight: 300;
   line-height: 46px
}

.subtitle.del-form {
   margin-bottom: 40px;
   color: #1c2e36;
   font-size: 16px;
   font-weight: 700;
   line-height: 30px
}

.tit-azul {
   display: block;
   color: #003492;
   font-size: 24px;
   font-weight: 700;
   line-height: 40px;
   margin: 32px 0
}

.tit-amarillo {
   color: #f3b229;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 700;
   line-height: 30px
}

.con-estrellas-abajo {
   position: relative;
   padding: 0 0 66px
}

.con-estrellas-abajo::after {
   content: "";
   position: absolute;
   display: block;
   overflow: hidden;
   height: 33px;
   left: 2px;
   right: 0;
   bottom: -5px;
   background-image: url(/rebrand/images/estrellas.png);
   background-position: 0 50%;
   background-repeat: repeat-x;
   background-size: inherit;
   width: 200%
}

.texto-destacado {
   padding: 40px;
   background-color: #d1b471;
   color: #fff;
   margin-bottom: 34px;
   text-align: center
}

.texto-destacado p {
   color: #fff
}

.con-estrellas-blancas-abajo {
   position: relative;
   padding: 0;
   margin: 30px auto 0;
   border: 0;
   width: 230px;
   height: 100%
}

.con-estrellas-blancas-abajo::after {
   content: "";
   position: relative;
   display: block;
   overflow: hidden;
   height: 29px;
   background-image: url(/rebrand/images/estrellas_blancas.png);
   background-position: 0;
   background-repeat: no-repeat;
   background-size: inherit
}

.con-estrellas-blancas-arriba {
   position: relative;
   padding: 0;
   margin: 0 auto 25px;
   border: 0;
   width: 230px;
   height: 100%
}

.con-estrellas-blancas-arriba::after {
   content: "";
   position: relative;
   display: block;
   overflow: hidden;
   height: 29px;
   background-image: url(/rebrand/images/estrellas_blancas.png);
   background-position: 0;
   background-repeat: no-repeat;
   background-size: inherit
}

.con-estrellas-arriba {
   position: relative;
   padding: 72px 0 0
}

.con-estrellas-arriba::after {
   content: "";
   position: absolute;
   display: block;
   overflow: hidden;
   height: 29px;
   left: 0;
   right: 0;
   top: 0;
   background-image: url(/rebrand/images/estrellas.png);
   background-position: 0 50%;
   background-repeat: repeat-x;
   background-size: inherit
}

.con-estrellas-arriba.title {
   color: #003492;
   font-size: 24px;
   font-weight: 700;
   line-height: 29px
}

.caption-carousel {
   display: block;
   color: #76777c;
   font-family: Roboto,sans-serif;
   font-size: 12px;
   font-weight: 300;
   line-height: 32px;
   padding: 4px 0 18px
}

p {
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 30px;
   margin-bottom: 34px
}

p strong {
   font-weight: 700
}

p a {
   color: #003391
}

figure.right {
   float: right;
   margin: 8px -279px 22px 22px
}

figure.left {
   float: left;
   margin: 8px 22px 22px -279px
}

figure figcaption {
   padding-top: 8px;
   color: #76777c;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 32px
}

.formulario ::-webkit-input-placeholder {
   color: #1c2e36
}

.formulario :-moz-placeholder {
   color: #1c2e36;
   opacity: 1
}

.formulario ::-moz-placeholder {
   color: #1c2e36;
   opacity: 1
}

.formulario :-ms-input-placeholder {
   color: #1c2e36
}

.formulario ::-ms-input-placeholder {
   color: #1c2e36
}

.formulario ::placeholder {
   color: #1c2e36
}

.formulario .form-control {
   position: relative;
   max-width: 524px;
   color: #1c2e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 30px;
   min-height: 50px;
   border: 1px solid #cdcdcd;
   background-color: #fafafa;
   border-radius: 0;
   margin-bottom: 40px
}

.formulario .form-control.is-invalid {
   border: 1px solid #f3b229;
   font-weight: 700
}

.formulario .form-control.is-invalid::-webkit-input-placeholder {
   font-weight: 700
}

.formulario .form-control.is-invalid:-moz-placeholder {
   font-weight: 700
}

.formulario .form-control.is-invalid::-moz-placeholder {
   font-weight: 700
}

.formulario .form-control.is-invalid:-ms-input-placeholder {
   font-weight: 700
}

.formulario .form-control.is-invalid::-ms-input-placeholder {
   font-weight: 700
}

.formulario .form-control.is-invalid::placeholder {
   font-weight: 700
}

.formulario .invalid-feedback {
   display: block;
   position: absolute;
   left: 15px;
   top: -20px;
   margin: 0;
   color: #f3b229;
   font-family: Roboto,sans-serif;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px
}

.formulario .form-mid-tit {
   display: block;
   padding-bottom: 16px;
   margin-top: -16px;
   color: #1c2e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 700;
   line-height: 30px;
   padding: 0 calc(.75rem + 1px) 16px
}

.formulario .boton {
   width: 250px;
   padding: inherit;
   z-index: 5
}

.grey-bg .formulario .form-control {
   background-color: #fff
}

.contact-box {
   display: block;
   margin: 100px 0 154px;
   padding: 30px 22px 24px;
   background-color: rgba(28,30,54,.95)
}

.contact-box .contacto {
   height: 60px;
   width: 773px;
   color: #f39608;
   font-family: Montserrat;
   font-size: 24px;
   font-weight: 700;
   line-height: 40px
}

.contact-box .tit {
   margin: 0 0 10px;
   color: #f39608;
   font-size: 24px;
   font-weight: 700;
   line-height: 40px
}

.contact-box ul {
   list-style: none;
   padding: 8px 22px 0;
   margin: 0
}

.contact-box ul li {
   position: relative;
   font-weight: 700;
   color: #fff;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 18px
}

.contact-box ul li::before {
   content: "";
   position: absolute;
   top: 5px;
   left: -20px;
   border-radius: 50%;
   height: 9px;
   width: 9px;
   background: linear-gradient(43.86deg,#f4c600 0,#f7a600 100%)
}

.contact-box ul li span {
   font-weight: 300
}

.contact-box ul li a {
   color: #fff
}

.accordion {
   padding-bottom: 60px
}

.accordion .item {
   border-bottom: 1px solid #b3b6c1
}

.accordion .item:first-child {
   border-top: 1px solid #b3b6c1
}

.accordion .item .acc-trigger {
   display: block;
   padding: 15px 0 14px;
   color: #f3b229;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 700;
   line-height: 30px;
   text-decoration: none
}

.accordion .item .acc-trigger:hover {
   text-decoration: underline
}

.accordion .item .acc-trigger.not-lines:hover {
   text-decoration: none
}

.accordion .item .acc-trigger .bandera {
   display: inline-block;
   background-position: 0 0;
   height: 32px;
   width: 40px;
   margin-bottom: -10px;
   margin-top: -2px;
   margin-right: 20px
}

.accordion .item .acc-trigger.collapsed {
   color: #003492
}

.accordion .item .acc-trigger.collapsed .bandera {
   background-position: 0 100%
}

.accordion .item .tit-azul {
   line-height: 30px;
   margin: 2px 0 14px
}

.accordion.acc-pais-tablas .item:first-child {
   border-top-color: transparent
}

.accordion.acc-pais-tablas .item:last-child {
   border-color: transparent
}

.table-dark {
   color: #fff;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 26px;
   background-color: #003492;
   box-shadow: inset 0 1px 0 0 rgba(0,0,0,.5)
}

.table-dark a {
   color: #fff;
   text-decoration: underline
}

.table-dark a:hover {
   color: #f3b229
}

.table-dark thead {
   background-color: #02236d
}

.table-dark thead th {
   border-bottom: 1px solid #fff
}

.table-dark td {
   border-color: #02236d
}

.ordered-list {
   counter-reset: li;
   margin-left: 0;
   padding-left: 0
}

.ordered-list>li {
   position: relative;
   list-style: none;
   margin: 0;
   padding-left: 20px;
   padding-bottom: 26px;
   padding-top: 0;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 30px
}

.ordered-list>li::before {
   content: counter(li) ".";
   counter-increment: li;
   position: absolute;
   font-weight: 700;
   left: 0;
   top: 0;
   color: #f3b229
}

.informacion {
   padding: 0 230px 0 0;
   list-style: none;
   font-weight: 700;
   color: #162229;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 30px
}

.informacion span {
   color: #f3b229
}

.links-right {
   float: right;
   list-style: none;
   padding: 0;
   margin-top: -50px
}

.links-right a {
   display: inline-block;
   width: 39px;
   margin-left: 40px
}

.links-right a .svg {
   max-width: 30px
}

.links-right a .svg path {
   fill: #003492
}

.links-right a .svg.mail {
   max-width: 39px
}

.lista {
   list-style: none;
   display: block;
   padding: 4px 18px 20px 21px;
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 30px;
   margin-bottom: 42px
}

.lista li {
   position: relative;
   font-weight: 300;
   margin-right: 5px
}

.lista li::before {
   content: "";
   position: absolute;
   top: 10px;
   left: -20px;
   border-radius: 50%;
   height: 9px;
   width: 9px;
   background: linear-gradient(43.86deg,#f4c600 0,#f7a600 100%)
}

.lista li h5.cargo-autoridad {
   margin-bottom: 0
}

.lista li .nombre-autoridad {
   margin-bottom: 10px
}

.lista li .nombre-autoridad-lista {
   margin-top: -15px!important
}

.lista li ul li::before {
   background: linear-gradient(43.86deg,#0b3073 0,#0b3073 100%)
}

.lista.cargos span {
   font-weight: 700;
   display: block
}

.lista.cargos span.cargo {
   font-weight: 300
}

.tit-lista {
   display: block;
   padding: 0;
   margin: 0;
   color: #162229;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 30px;
   font-weight: 700
}

.tit-lista.amarillo {
   color: #f3b229
}

.home-videos-mobile,.noti-mobile {
   display: none
}

.IE .image-deg:before {
   display: none
}

.IE .destacados {
   max-width: 100vw;
   overflow: hidden
}

#VideoModal .modal-dialog {
   max-width: 800px;
   margin: 30px auto
}

#VideoModal .modal-body {
   position: relative;
   padding: 0
}

#VideoModal .close {
   position: absolute;
   right: -60px;
   top: 0;
   z-index: 999;
   opacity: 1
}

#VideoModal .close .svg {
   width: 36px;
   height: 36px
}

#imageModal .modal-dialog {
   max-width: 1000px;
   margin: 30px auto
}

#imageModal .modal-dialog img {
   max-width: 100%
}

#imageModal .modal-body {
   position: relative;
   padding: 0
}

#imageModal .close {
   position: absolute;
   right: -60px;
   top: 0;
   z-index: 999;
   opacity: 1
}

#imageModal .close .svg {
   width: 36px;
   height: 36px
}

#searchboxMobile {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100vh;
   width: 100vw;
   z-index: 9999;
   opacity: 0;
   padding-top: 20vw;
   transition: opacity .2s ease-in-out;
   background: #1c1e36
}

#searchboxMobile.open {
   opacity: 1;
   display: block
}

#searchboxMobile.open .close {
   position: absolute;
   top: 14px;
   right: 14px;
   opacity: 1
}

#searchboxMobile.open .close .svg {
   height: 36px;
   width: 36px
}

#searchboxMobile.open form {
   position: relative
}

#searchboxMobile.open .ico {
   position: absolute;
   top: 50%;
   margin-top: -15px;
   right: 8px;
   background: 0 0;
   border: none
}

#searchboxMobile.open .ico .svg {
   height: 24px;
   width: 24px
}

#searchboxMobile input {
   box-sizing: border-box;
   height: 62px;
   width: 60vw;
   padding: 0 30px;
   border: 2px solid #fff;
   border-radius: 100px;
   background: 0 0;
   outline: 0;
   box-shadow: 0;
   color: #fff
}

.carousel .fixed-height.free-gallery img {
   width: auto!important;
   height: 412px;
   max-height: 412px;
   margin: 0 auto
}

.time-line {
   height: 60px;
   background-color: #e7e9ef;
   width: 100%;
   padding-top: 19px;
   padding-bottom: 21px
}

.time-line .list-inline {
   margin: 0 auto;
   max-width: 1060px;
   text-align: center
}

.time-line .list-inline.time-line-list-mobile .slick-list {
   width: 80vw;
   margin: 0 auto
}

.time-line .list-inline .list-inline-item.year {
   line-height: 19px;
   font-size: 18px;
   position: relative
}

.time-line .list-inline .list-inline-item.year .current {
   font-weight: 600;
   color: #01227f
}

.time-line .list-inline .list-inline-item.year .down-arrow {
   width: 21px;
   height: 21px;
   z-index: -1;
   position: absolute;
   top: 39px;
   left: 50%;
   margin-left: -10px;
   content: "";
   border-top: solid 10px #e7e9ef;
   border-left: solid 10px transparent;
   border-right: solid 10px transparent
}

.time-line .list-inline .list-inline-item.year .link {
   color: #01227f;
   font-family: Montserrat
}

.sponsor-img {
   margin-right: -15px
}

.sponsor-img .qatar {
   width: auto;
   height: 32px
}

.sponsor-img .axiom {
   width: auto;
   height: 38px
}

.sponsor-img .konami {
   width: auto;
   height: 17px;
   top: -1px
}

.sponsor-img .svg.adidas {
   width: auto;
   height: 40px;
   max-height: 40px
}

.sponsor-img .garbarino {
   width: 120px;
   height: auto
}

.article-banner {
   justify-content: center
}

.article-banner.toty {
   background-color: #122131!important
}

.article-banner.toty img.easport-superior.img {
   max-width: 67px
}

.article-banner.toty img.easport-inferior.img {
   width: 70px
}

.article-banner.toty .btn-toty {
   width: 145px!important;
   height: 87px!important
}

.article-banner.toty .btn-toty .boton-toty {
   width: 145px!important;
   height: 87px!important
}

.article-banner .sf-img {
   width: 100%
}

.acreditados-tabs {
   border-bottom: 0
}

.justify-center {
   justify-content: center
}

#utlimas-noticias .col .article-banner {
   background-image: none!important;
   background: #043793;
   height: 100%
}

#utlimas-noticias .col .article-banner.toty {
   background-color: #122131!important
}

#utlimas-noticias .col .article-banner.toty img.easport-superior.img {
   max-width: 67px
}

#utlimas-noticias .col .article-banner.toty img.easport-inferior.img {
   width: 70px
}

#utlimas-noticias .col .article-banner.toty .btn-toty {
   width: 145px!important;
   height: 87px!important
}

#utlimas-noticias .col .article-banner.toty .btn-toty .boton-toty {
   width: 145px!important;
   height: 87px!important
}

#utlimas-noticias .col .article-banner .mt-auto.index {
   bottom: -15px;
   position: relative
}

#utlimas-noticias .col .article-banner .tit {
   margin-top: 10px!important;
   font-size: 23px;
   line-height: 26px
}

#utlimas-noticias .col .article-banner .tarjeta {
   width: 115px;
   margin: 0 auto;
   top: 25px;
   position: relative;
   z-index: 1
}

#utlimas-noticias .col .article-banner .con-estrellas-abajo {
   position: absolute;
   top: 10px;
   width: 100%;
   right: -4px
}

#utlimas-noticias .col .article-banner .info {
   max-width: 240px;
   width: 90%;
   margin: 0 auto;
   letter-spacing: .3px;
   font-size: 12px
}

#utlimas-noticias .col .article-banner .info strong {
   font-weight: 600
}

#utlimas-noticias .col .article-banner .info.first {
   margin-top: 15px;
   padding-bottom: 10px
}

#utlimas-noticias .col .article-banner .btn {
   height: 40px;
   margin-top: 15px;
   margin-bottom: 40px;
   line-height: 34px;
   min-width: 150px;
   width: 78%;
   padding: 0;
   border: solid 1px #fff!important
}

#utlimas-noticias .col .article-banner .btn .triang {
   right: -82px
}

@media (max-width: 700px) {
   #utlimas-noticias .col .article-banner {
       height:232px
   }

   #utlimas-noticias .col .article-banner .tit {
       margin-top: 25px!important;
       font-size: 14px;
       line-height: 15px
   }

   #utlimas-noticias .col .article-banner .tit .hidden-mobile {
       display: none
   }

   #utlimas-noticias .col .article-banner .tarjeta {
       width: 68px;
       margin: 0 auto;
       top: 70px!important;
       position: relative;
       z-index: 1;
       padding-bottom: 40px
   }

   #utlimas-noticias .col .article-banner .con-estrellas-abajo {
       position: absolute;
       top: 7px;
       width: 100%;
       right: -4px
   }

   #utlimas-noticias .col .article-banner .con-estrellas-abajo:after {
       background-size: auto 50%
   }

   #utlimas-noticias .col .article-banner .info {
       max-width: 240px;
       width: 90%;
       margin: 0 auto;
       letter-spacing: .3px;
       font-size: 11px;
       line-height: 11px
   }

   #utlimas-noticias .col .article-banner .info strong {
       font-weight: 600
   }

   #utlimas-noticias .col .article-banner .info.first {
       padding-bottom: 10px
   }

   #utlimas-noticias .col .article-banner .btn {
       height: 27px;
       margin-top: 12px;
       line-height: 23px;
       min-width: 120px;
       width: 73%;
       padding: 0!important;
       font-size: 10px;
       font-weight: 400;
       border: solid 1px #fff!important
   }

   #utlimas-noticias .col .article-banner .btn .triang {
       right: -82px
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa .con-estrellas-abajo {
       padding: 0;
       position: relative;
       width: 100%;
       height: 50%;
       top: -12px!important
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa .deg .info.first {
       margin-top: 10px!important
   }

   #home-news-container .home-noticias .banner .wrapper-content.wcilsa .deg .info.first br {
       display: inline-block
   }

   .interno.desktop {
       display: none
   }

   .interno.mobile {
       display: block
   }

   .interno.mobile.banner {
       height: 360px;
       margin: 1px;
       background-image: none!important;
       background: #043793;
       background-position: 0 50%;
       background-repeat: no-repeat;
       background-size: cover;
       margin-bottom: 60px
   }

   .interno.mobile.banner.beneficios .info {
       line-height: 12px!important;
       text-align: center;
       width: 80%
   }

   .interno.mobile.banner.beneficios .btn {
       margin-top: 35px!important
   }

   .interno.mobile.banner.beneficios .btn.bnf {
       border: 2px solid #fff!important
   }

   .interno.mobile.banner.con-estrellas-abajo:after {
       bottom: -35px
   }

   .interno.mobile.banner .tarjeta.img {
       width: 150px;
       min-width: 80px;
       top: 29px;
       z-index: 1;
       position: relative;
       display: block;
       margin-left: auto;
       margin-right: auto
   }

   .interno.mobile.banner .tarjeta.img.beneficios {
       width: 130px;
       top: 32px
   }

   .interno.mobile.banner .tit {
       font-weight: 700;
       color: #f3b229;
       margin-top: 53px!important;
       font-size: 18px!important;
       line-height: 18px!important;
       text-align: center
   }

   .interno.mobile.banner .solid {
       text-align: center
   }

   .interno.mobile.banner .solid .btn {
       border: 1px solid #fff!important;
       height: 30px!important;
       font-size: 11px!important;
       font-weight: 300;
       line-height: 26px!important;
       letter-spacing: .6px;
       text-align: center;
       border-radius: 30px;
       color: #fff;
       text-transform: uppercase;
       background: #003391;
       position: relative;
       overflow: hidden
   }

   .interno.mobile.banner .solid .btn .triang {
       right: -82px
   }

   .interno.mobile.banner .deg {
       background-image: none;
       background-color: unset;
       text-align: center;
       margin-left: none
   }

   .interno.mobile.banner .deg .info {
       display: inline;
       font-family: Roboto,sans-serif;
       height: auto;
       font-size: 12px;
       line-height: 11px;
       text-align: center;
       width: auto;
       color: #fff;
       margin-top: 20px
   }

   .interno.mobile.banner .deg .info strong {
       font-weight: 600
   }

   .interno.mobile.banner .deg .info.final {
       margin-bottom: 20px
   }

   .interno.mobile.banner .deg .info.horarios {
       font-size: 9px!important;
       top: 14px;
       position: relative
   }

   .interno.mobile.banner .deg .info.beneficios {
       top: 20px;
       width: 70%;
       margin: 0 auto;
       position: relative;
       line-height: 15px
   }

   .interno.mobile.banner .con-estrellas-abajo {
       padding: 0;
       width: 100%;
       top: -5px;
       position: relative;
       left: 0
   }

   .interno.mobile.banner .con-estrellas-abajo.beneficios {
       top: -17px
   }
}

@media (max-width: 1600px) and (min-width:1440px) {
   .cabecera .social {
       left:-80px
   }
}

@media (min-width: 1440px) {
   .footer .social {
       float:left
   }

   .header-container {
       max-width: 1420px!important
   }

   .nav-up .marca {
       top: 20px
   }

   .IE .cabecera.nav-up .navegacion .navbar-nav {
       padding-left: 76px;
       min-width: 904px
   }

   .IE .cabecera.nav-up .buscador {
       max-height: 84px
   }

   .IE .cabecera.nav-down .buscador {
       max-height: 63px
   }

   .box-img img.logo-fundacion-social {
       height: 65px
   }

   .box-img img.logo-campus {
       height: 75px
   }

   .box-img img.logo-amateurs {
       max-height: 70px!important;
       max-width: 70px!important;
       height: 70px;
       width: auto
   }
}

@media (max-width: 1439px) {
   #home-news-container .home-noticias .noti .noti-tit,.noti-carousel .noti .noti-tit,.page-noticias .noti .noti-tit,.row-historia .noti .noti-tit,.row-noticias .noti .noti-tit,.row-programa .noti .noti-tit,.row-video .noti .noti-tit {
       font-size:18px;
       line-height: 125%;
       font-family: Montserrat,sans-serif;
       position: relative;
       top: 4px
   }

   #home-news-container .home-noticias .noti .sub-title-news,.noti-carousel .noti .sub-title-news,.page-noticias .noti .sub-title-news,.row-historia .noti .sub-title-news,.row-noticias .noti .sub-title-news,.row-programa .noti .sub-title-news,.row-video .noti .sub-title-news {
       font-weight: 400;
       font-size: 14px;
       line-height: 125%
   }

   #home-news-container .home-noticias .tags-noticias,.noti-carousel .tags-noticias,.page-noticias .tags-noticias,.row-historia .tags-noticias,.row-noticias .tags-noticias,.row-programa .tags-noticias,.row-video .tags-noticias {
       height: 24px;
       bottom: 23px;
       text-align: left;
       margin-left: 10px
   }

   #home-news-container .home-noticias .tags-noticias ul,.noti-carousel .tags-noticias ul,.page-noticias .tags-noticias ul,.row-historia .tags-noticias ul,.row-noticias .tags-noticias ul,.row-programa .tags-noticias ul,.row-video .tags-noticias ul {
       height: 28px;
       overflow: hidden;
       position: relative
   }

   #home-news-container .home-noticias .tags-noticias ul li,.noti-carousel .tags-noticias ul li,.page-noticias .tags-noticias ul li,.row-historia .tags-noticias ul li,.row-noticias .tags-noticias ul li,.row-programa .tags-noticias ul li,.row-video .tags-noticias ul li {
       font-size: 10px;
       line-height: 115%;
       padding: 2px 10px;
       margin-left: 2px;
       margin-right: 2px;
       font-family: Roboto,sans-serif
   }

   .main {
       padding-top: 140px
   }

   .video .video-tit {
       font-size: 17px;
       line-height: 20px
   }

   .row-video .col-6 .video .video-tit {
       font-size: 17px;
       line-height: 20px
   }

   .cabecera .marca {
       margin-bottom: 18px
   }

   .cabecera .marca .svg {
       width: 42px;
       height: 50px
   }

   .cabecera .marca .texto-logo {
       padding: 0 0 0 16px;
       margin: 0 28px 4px 0;
       font-size: 18px;
       line-height: 24px
   }

   .cabecera .marca .texto-logo span {
       font-size: 24px
   }

   .cabecera .proximo-partido {
       width: 332px;
       margin-top: 11px
   }

   .cabecera .idiomas {
       width: 132px;
       height: 41px;
       margin-top: 30px;
       margin-left: -75px
   }

   .cabecera .idiomas button {
       margin-top: 6px;
       padding-right: 4px;
       font-size: 14px
   }

   .cabecera .idiomas button .svg {
       top: 5px;
       margin-right: 11px;
       width: 22px;
       height: 22px
   }

   .cabecera .sponsors {
       margin-top: 30px
   }

   .cabecera .sponsors a {
       margin-left: 8px
   }

   .cabecera .sponsors .garbarino {
       width: 120px;
       height: auto
   }

   .cabecera .sponsors .bbva {
       width: 72.82px;
       height: 9px
   }

   .cabecera .sponsors .huawei {
       width: 32px;
       height: 32px
   }

   .cabecera .navegacion .navbar-nav {
       min-width: 735px
   }

   .cabecera .navegacion .navbar-nav .mm-item,.cabecera .navegacion .navbar-nav .nav-item {
       height: 23px
   }

   .cabecera .navegacion .navbar-nav .mm-item>a,.cabecera .navegacion .navbar-nav .nav-item>a {
       padding: 0 6px;
       font-size: 14px
   }

   .cabecera .navegacion .navbar-nav .sub-menu {
       top: 40px;
       left: calc((1041px - 100vw)/ 2)
   }

   .cabecera .navegacion .navbar-nav .sub-menu .banner {
       min-width: 360px
   }

   .cabecera .navegacion .navbar-nav .sub-menu .container {
       max-width: 1024px
   }

   .cabecera .btn-outline-primary {
       margin-top: 4px;
       height: 44px;
       font-size: 14px;
       padding: 0 10px
   }

   .cabecera .buscador {
       width: 52px
   }

   .cabecera .buscador a .svg {
       width: 20px;
       height: 20px
   }

   .cabecera .ultimo-mom {
       height: 50px;
       line-height: 17px;
       font-size: 14px
   }

   .cabecera .ultimo-mom .svg {
       margin-right: 4px;
       width: 16px;
       height: 13px
   }

   .cabecera .ultim-col {
       max-width: 148px;
       min-width: 148px;
       transition: all .2s ease-in-out;
       width: 148px
   }

   .cabecera .ultim-col>span {
       max-height: 17px;
       overflow: hidden
   }

   .cabecera .open .social {
       top: 50px;
       left: -150px;
       right: calc((1078px - 100vw)/ 2);
       height: calc(100vh - 122px)
   }

   .cabecera #searchbox {
       top: 140px
   }

   .cabecera #searchbox .container {
       height: 50px
   }

   .cabecera #searchbox form button {
       top: 5px;
       left: 8px
   }

   .cabecera #searchbox form button .svg {
       width: 26px;
       height: 26px
   }

   .cabecera #searchbox input {
       padding: 0 10px 0 70px;
       font-size: 22px;
       line-height: 38px
   }

   .cabecera #searchbox input::placeholder {
       font-size: 14px;
       line-height: 38px
   }

   .cabecera #searchbox .close .svg {
       width: 23px;
       height: 23px
   }

   .cabecera.nav-up {
       top: -90px
   }

   .cabecera.nav-up .navegacion .navbar-nav {
       padding-left: 95px;
       min-width: 840px
   }

   .cabecera.nav-up .navegacion .navbar-nav .nav-item {
       height: 50px
   }

   .cabecera.nav-up .navegacion .navbar-nav .nav-item>a {
       height: 50px
   }

   .cabecera.nav-up .navegacion .navbar-nav .sub-menu {
       top: 50px!important
   }

   .cabecera.nav-up .azul-oscuro {
       margin-top: 0
   }

   .cabecera.nav-up .marca .svg {
       top: 80px;
       width: 30px;
       height: 36px
   }

   .cabecera.nav-up .btn-outline-primary {
       margin-top: 3px
   }

   .cabecera.nav-up .buscador {
       max-width: 50px
   }

   .cabecera.nav-up .ultim-col {
       min-width: 50px;
       max-width: 50px;
       width: 50px
   }

   .cabecera.nav-up .ultim-col .ultimo-mom span {
       display: none
   }

   .cabecera.nav-up .sub-menu {
       top: 84px!important
   }

   .cabecera.nav-up .open .social {
       top: 50px;
       height: calc(100vh - 32px);
       left: -220px
   }

   .cabecera.nav-up #searchbox {
       min-height: 50px
   }

   .cabecera.nav-up #searchbox .container {
       height: 50px
   }

   .footer.social-open,.main.social-open {
       left: 0;
       right: 0
   }

   #HomeCarousel .titulo {
       padding: 0 30px 40px
   }

   .footer .copy .desarrollado {
       top: 4px
   }

   .banner .solid {
       bottom: 40px!important
   }

   .home-videos .row {
       padding-top: 70px
   }

   .home-videos .video {
       height: 390px
   }

   .home-videos .video .play-button {
       top: 56px
   }

   .home-videos .col-6 .video {
       height: 471px;
       margin-top: -80px
   }

   .home-videos .col-6 .video .image {
       max-height: 239px
   }

   .home-videos .col-6 .video .play-button {
       top: 88px
   }

   .home-videos .col-6 .video:hover .image {
       max-height: 200px
   }

   .home-videos .col-6 .video:hover .play-button {
       top: 66px
   }

   .noti-carousel .slick-arrow {
       top: 23%;
       left: 20px;
       margin-top: -30px;
       width: 60px;
       height: 60px;
       background-size: 28px 28px
   }

   .noti-carousel .slick-arrow.slick-next {
       right: 20px
   }

   .video {
       height: 320px
   }

   .video .play-button {
       top: 44px
   }

   .video .image {
       max-height: 158px
   }

   .video .image img {
       transition: transform .4s ease-out
   }

   .video:hover .image {
       max-height: 120px
   }

   .video:hover .play-button {
       top: 24px
   }

   .row-video .banner {
       height: 320px
   }

   .row-historia .noti .noti-tit {
       padding-top: 30px
   }

   .row-historia .noti .year {
       top: auto;
       bottom: 14px;
       font-size: 80px;
       line-height: 80px;
       letter-spacing: -5px
   }

   .row-programa .noti .info {
       font-size: 12px;
       line-height: 15px
   }

   .row-programa .noti .image {
       max-height: 200px
   }

   .row-programa .noti .numero {
       top: auto;
       bottom: 14px;
       font-size: 80px;
       line-height: 80px;
       letter-spacing: -5px
   }

   .destacados a {
       max-height: 310px
   }

   .destacados a .titulo {
       min-height: 160px
   }

   figure.right {
       margin: 8px -16vw 22px 22px
   }

   figure.left {
       margin: 8px 22px 22px -16vw
   }

   .noticia .header-image {
       height: 504px
   }

   .noticia .breadcrumb {
       margin: 16px 0 60px
   }

   .noticia .entry-title {
       margin: 30px 0 25px;
       font-size: 35px;
       line-height: 42px
   }

   .ancho-limitado.col-8 {
       flex: 0 0 680px
   }

   .plantel .jugador .col-xl-2,.plantel .tecnicos .col-xl-2 {
       padding-bottom: 28px
   }

   .plantel .jugador .staff,.plantel .tecnicos .staff {
       margin-bottom: 0;
       padding-top: 30px
   }

   .plantel .jugador .staff:last-of-type,.plantel .tecnicos .staff:last-of-type {
       margin-bottom: 0;
       padding-top: 0
   }

   .plantel .jugador {
       height: 360px
   }

   .plantel .jugador .dorsal {
       top: auto;
       bottom: 0;
       font-size: 80px;
       line-height: 90px
   }

   .plantel .jugador .image {
       max-height: 190px
   }

   .plantel .jugador:hover .image {
       max-height: 180px
   }

   .plantel .foto-jugador img {
       width: 100%;
       height: 100%!important
   }

   .plantel .col-6 .jugador dl {
       padding: 0 18px 0 38px;
       margin-bottom: 2px
   }

   .plantel .col-6 .jugador-ficha {
       height: 100%;
       padding-bottom: 8px
   }

   .plantel .col-6 .jugador-ficha .social-buttons {
       margin: 0 0 0 9px
   }

   .plantel .col-6 .jugador-ficha .tit-estrellas {
       padding-top: 12px;
       padding-bottom: 8px
   }

   .plantel .col-6 .jugador-ficha .tit-estrellas::after {
       display: none
   }

   .plantel .col-6 .jugador-ficha .posicion-ficha {
       padding-top: 2px
   }

   .IE.ie10 .cabecera .btn-outline-primary,.IE.ie11 .cabecera .btn-outline-primary {
       left: 268px
   }

   .IE.ie10 .cabecera.nav-up,.IE.ie11 .cabecera.nav-up {
       top: -74px
   }

   .IE.ie10 .cabecera.nav-up .btn-outline-primary,.IE.ie11 .cabecera.nav-up .btn-outline-primary {
       left: 290px
   }

   .IE.ie10 .cabecera .buscador,.IE.ie11 .cabecera .buscador {
       max-height: 63px;
       max-width: 42px
   }

   .IE.ie10 .cabecera.nav-up .navegacion .navbar-nav,.IE.ie11 .cabecera.nav-up .navegacion .navbar-nav {
       padding-left: 48px;
       min-width: 824px
   }

   .IE.ie10 .cabecera.nav-up .buscador,.IE.ie11 .cabecera.nav-up .buscador {
       max-height: 84px
   }

   .IE.ie10 .cabecera.nav-up #searchbox,.IE.ie11 .cabecera.nav-up #searchbox {
       top: 74px;
       min-height: 50px
   }

   .IE.ie10 .cabecera.nav-up #searchbox .container,.IE.ie11 .cabecera.nav-up #searchbox .container {
       height: 50px
   }

   .IE.ie10 .cabecera.nav-up .marca .texto-logo,.IE.ie11 .cabecera.nav-up .marca .texto-logo {
       top: -10px
   }

   .IE.ie10 .cabecera.nav-up .marca .svg,.IE.ie11 .cabecera.nav-up .marca .svg {
       top: 64px;
       left: -50px
   }

   .IE.ie10 .cabecera .marca,.IE.ie11 .cabecera .marca {
       padding-right: 520px
   }

   .IE.ie10 .cabecera .marca .texto-logo,.IE.ie11 .cabecera .marca .texto-logo {
       top: 18px;
       left: 38px
   }

   .IE.ie10 .cabecera .proximo-partido,.IE.ie11 .cabecera .proximo-partido {
       width: 352px;
       margin-left: 28px
   }

   .IE.ie10 .cabecera .idiomas,.IE.ie11 .cabecera .idiomas {
       margin-left: 150px
   }

   .IE.ie10 .footer .copy .desarrollado,.IE.ie11 .footer .copy .desarrollado {
       top: 0
   }

   .IE.ie10 .footer .copy .d-flex,.IE.ie11 .footer .copy .d-flex {
       display: block!important
   }

   .IE.ie10 .footer .copy .d-flex p,.IE.ie11 .footer .copy .d-flex p {
       float: right
   }

   .IE.ie10 .footer .copy .d-flex p:first-child,.IE.ie11 .footer .copy .d-flex p:first-child {
       float: left
   }

   .IE.ie10 .footer .copy .ml-auto,.IE.ie11 .footer .copy .ml-auto {
       margin-left: inherit!important
   }

   .IE.ie10 .footer .social .svg,.IE.ie11 .footer .social .svg {
       max-height: 30px
   }

   .home-noticias .container,.home-videos .container {
       transition: padding-right .2s ease-in-out
   }
}

@media (min-width: 1024px) {
   #menu-small-screen,#menu-trigger {
       display:none!important
   }
}

@media (min-width: 1024px) and (max-width:1439px) {
   .sponsor-img a img {
       max-height:45px
   }

   .box-img img.logo-fundacion-social {
       height: 65px
   }

   .box-img img.logo-soy-socio {
       height: 50px;
       width: auto;
       max-height: 50px!important;
       max-width: unset!important
   }

   .box-img img.logo-campus {
       height: 50px
   }

   .box-img img.logo-amateurs {
       max-height: 75px!important;
       height: 75px;
       width: auto
   }

   .box-img img.sitios-benef {
       width: auto;
       height: 60px!important
   }

   .box-img img.tarjeta_xnx {
       max-width: unset!important;
       max-height: 37px!important
   }

   .cabecera .header-container {
       max-width: 1060px!important
   }

   .cabecera .idiomas .svg {
       display: none
   }

   .cabecera .proximo-partido {
       width: 250px!important
   }
}

@media (max-width: 1023px) {
   .footer.social-open,.main.social-open {
       left:0;
       right: 0
   }

   .footer .text-right,.main .text-right {
       text-align: center!important
   }

   .footer .social li,.main .social li {
       margin-right: 13px;
       margin-left: 13px
   }

   .footer .social li a.titulo,.main .social li a.titulo {
       margin-right: 0
   }

   .main {
       padding-top: 71px
   }

   .cabecera .btn-outline-primary,.cabecera .buscador,.cabecera .idiomas,.cabecera .navegacion,.cabecera .proximo-partido,.cabecera .texto-logo {
       display: none!important
   }

   .cabecera .marca {
       margin-top: 5px;
       margin-bottom: -8px;
       margin-left: 64px
   }

   .cabecera .marca .svg {
       height: 51px;
       width: 42px
   }

   .cabecera .sponsors {
       margin-top: 14px;
       margin-right: 0
   }

   .cabecera .azul-oscuro .container {
       position: relative
   }

   .cabecera .azul-oscuro .ultim-col {
       max-width: 138px;
       min-width: 138px;
       position: absolute;
       top: -58px;
       right: 0;
       height: 58px;
       text-transform: uppercase
   }

   .cabecera .azul-oscuro .ultim-col .ultimo-mom .svg {
       margin-right: 0;
       margin-left: 10px;
       width: 30px;
       transform: rotate(90deg)
   }

   .cabecera .azul-oscuro .ultim-col .ultimo-mom span {
       max-height: inherit;
       overflow: visible
   }

   .cabecera .social {
       width: 100vw
   }

   .cabecera .open .social {
       top: 50px!important;
       left: calc((-466px - 100vw)/ 2)!important;
       width: 100vw!important;
       right: 0!important;
       height: calc(100vh - 50px)!important
   }

   .cabecera .open .social>* {
       max-width: 768px;
       margin: 0 auto
   }

   .cabecera.nav-up {
       top: -85px
   }

   .cabecera.nav-up .marca .svg {
       top: 0;
       height: 61px;
       width: 52px
   }

   .cabecera.nav-up .open .social {
       height: 100vh!important;
       top: 85px!important
   }

   #menu-trigger {
       position: absolute;
       top: 16px;
       left: 0
   }

   #menu-trigger .svg {
       width: 35px
   }

   .mm-menu {
       background-color: rgba(0,51,145,.95)
   }

   .mm-menu .mm-btn {
       height: 36px;
       width: 36px
   }

   .mm-menu .mm-close {
       background-image: url(/rebrand/images/cerrar.svg);
       background-position: 50% 50%;
       background-repeat: no-repeat;
       background-size: 36px 36px
   }

   .mm-menu .mm-close::after,.mm-menu .mm-close::before {
       display: none
   }

   .mm-menu .mm-navbars-top {
       border: none;
       background: 0 0;
       height: 36px;
       width: 36px;
       top: 15px;
       left: auto;
       right: 18px
   }

   .mm-menu .mm-navbars-bottom {
       background: 0 0;
       border: none;
       margin: 0 auto;
       max-width: 450px
   }

   .mm-menu .mm-navbars-bottom .mm-navbar {
       border: none;
       height: 192px;
       padding: 0
   }

   .mm-menu .mm-navbars-bottom .mm-navbar .btn {
       min-width: 202px;
       outline: 0;
       padding: 0 40px;
       box-shadow: none;
       border: solid 2px #fff;
       background: 0 0
   }

   .mm-menu .mm-navbars-bottom .mm-navbar .btn.contacto {
       width: 100%;
       margin-top: 30px
   }

   .mm-menu .mm-navbars-bottom .mm-navbar .btn:nth-child(2) {
       float: right
   }

   .mm-menu .mm-navbar {
       border: none
   }

   .mm-menu .mm-navbar.mm-hasbtns {
       padding: 0;
       height: 36px
   }

   .mm-menu .mm-navbar a,.mm-menu .mm-navbar>* {
       color: #fff
   }

   .mm-menu .mm-panels {
       top: 0;
       bottom: 200px
   }

   .mm-menu .mm-panels .mm-panel>.mm-navbar {
       padding-top: 70px
   }

   .mm-menu .mm-panels .mm-title {
       font-size: 40px;
       font-weight: 700;
       color: #fff!important
   }

   .mm-menu .mm-panels .mm-next::before {
       border-color: rgba(255,255,255,.3)
   }

   .mm-menu .mm-panels .mm-next::after {
       border: none;
       right: 18px;
       width: 18px;
       height: 18px;
       background-image: url(/rebrand/images/flecha-menu.svg);
       background-position: 50% 50%;
       background-repeat: no-repeat;
       background-size: 18px 18px;
       transform: rotate(180deg)
   }

   .mm-menu .mm-panels .mm-prev {
       top: 15px;
       left: 18px;
       z-index: 500
   }

   .mm-menu .mm-panels .mm-prev::before {
       border: none;
       width: 36px;
       height: 36px;
       left: 0;
       background-image: url(/rebrand/images/flecha-menu.svg);
       background-position: 50% 50%;
       background-repeat: no-repeat;
       background-size: 36px 36px;
       transform: none
   }

   .mm-menu .mm-panels .mm-listview {
       text-align: center;
       padding-top: 82px
   }

   .mm-menu .mm-panels .mm-listview a {
       color: #fff
   }

   .mm-menu .mm-panels .mm-listview a.shops {
       font-weight: 700;
       color: #f3b229
   }

   .mm-menu .mm-panels .mm-listview>li span {
       color: #fff
   }

   .mm-menu .mm-panels .mm-listview>li>a,.mm-menu .mm-panels .mm-listview>li>span {
       padding: 17px 18px 16px;
       margin: 1px 0;
       font-size: 20px
   }

   .mm-menu .mm-panels .mm-listview>li:not(.mm-divider):after {
       display: none
   }

   #HomeCarousel .titulo {
       font-size: 24px;
       line-height: 29px;
       margin: 0;
       padding-bottom: 35px
   }

   #HomeCarousel .carousel-indicators {
       flex-direction: row;
       top: inherit;
       bottom: -8px;
       transform: translate(1%,-50%)
   }

   #HomeCarousel .carousel-indicators li {
       margin: 0 7px
   }

   .footer .second {
       margin-top: 0
   }

   .footer .col-md-3 {
       margin-bottom: 26px
   }

   .banner .btn {
       padding: 0 44px!important
   }

   .home-videos-mobile,.noti-mobile {
       display: block!important
   }

   .home-videos-mobile .slick-slide,.noti-mobile .slick-slide {
       max-width: 240px
   }

   .home-videos-mobile .slick-slide .noti,.noti-mobile .slick-slide .noti {
       height: 322px
   }

   .home-videos-mobile .slick-slide .noti .image,.noti-mobile .slick-slide .noti .image {
       max-height: 129px
   }

   .home-videos {
       opacity: 1
   }

   .home-videos .row {
       padding-top: 0
   }

   .home-videos .row article {
       height: 322px;
       max-width: 230px;
       width: auto!important;
       padding: 0!important
   }

   .home-videos .row article .image {
       max-height: 129px
   }

   .home-videos .row article .play-button {
       top: 29px
   }

   .home-videos .row .col-6 .video {
       height: 468px;
       margin-top: 0
   }

   .home-videos .row .col-6 .video .image {
       max-height: 274px
   }

   .home-videos .row.no-gutters {
       margin-left: 13px;
       margin-right: 13px
   }

   .noticia .header-image {
       height: 360px
   }

   .noticia .breadcrumb {
       justify-content: center
   }

   .header-image {
       height: 310px
   }

   .header-image .breadcrumb {
       padding: 36px 0 6px
   }

   .header-image .filtros {
       margin-top: 26px
   }

   .header-image.no-content {
       height: 210px
   }

   .sobre-imagen>.container:first-of-type {
       position: relative;
       margin-top: -120px
   }

   .home-noticias .banner,.home-noticias .noti,.noti-carousel .banner,.noti-carousel .noti,.page-noticias .banner,.page-noticias .noti,.row-historia .banner,.row-historia .noti,.row-noticias .banner,.row-noticias .noti,.row-programa .banner,.row-programa .noti,.row-video .banner,.row-video .noti {
       height: 350px
   }

   .home-noticias .col-sm-12 .banner,.home-noticias .col-sm-12 .noti,.noti-carousel .col-sm-12 .banner,.noti-carousel .col-sm-12 .noti,.page-noticias .col-sm-12 .banner,.page-noticias .col-sm-12 .noti,.row-historia .col-sm-12 .banner,.row-historia .col-sm-12 .noti,.row-noticias .col-sm-12 .banner,.row-noticias .col-sm-12 .noti,.row-programa .col-sm-12 .banner,.row-programa .col-sm-12 .noti,.row-video .col-sm-12 .banner,.row-video .col-sm-12 .noti {
       height: 390px
   }

   .home-noticias .col-sm-12 .noti .image,.noti-carousel .col-sm-12 .noti .image,.page-noticias .col-sm-12 .noti .image,.row-historia .col-sm-12 .noti .image,.row-noticias .col-sm-12 .noti .image,.row-programa .col-sm-12 .noti .image,.row-video .col-sm-12 .noti .image {
       max-height: 230px
   }

   .relacionadas .noti .image,.row-historia .noti .image,.row-noticias .noti .image,.row-programa .noti .image {
       max-height: 157px
   }

   .relacionadas .noti:hover .image,.row-historia .noti:hover .image,.row-noticias .noti:hover .image,.row-programa .noti:hover .image {
       max-height: 127px
   }

   .relacionadas .noti .image img {
       top: 0
   }

   .row-video .col-6 .video .image {
       min-width: 100%
   }

   .row-video .banner {
       height: 320px
   }

   figure.left,figure.right {
       float: none;
       width: 100%;
       margin: 8px 0 22px
   }

   figure img {
       width: 100%;
       height: auto
   }

   .ancho-limitado.col-8 {
       flex: 0 0 100%
   }

   .breadcrumb {
       padding: 0 15px
   }

   .table {
       display: block;
       overflow-x: auto;
       white-space: nowrap;
       width: 94vw
   }

   .IE.ie10 .cabecera .sponsors,.IE.ie11 .cabecera .sponsors {
       float: right;
       display: inline-block!important;
       width: 210px;
       margin-top: 10px
   }

   .IE.ie10 .cabecera .marca,.IE.ie11 .cabecera .marca {
       position: relative;
       margin-bottom: -8px;
       margin-top: -10px;
       top: 14px
   }

   .IE.ie10 .cabecera #menu-trigger,.IE.ie11 .cabecera #menu-trigger {
       top: -46px;
       left: 0
   }

   .IE.ie10 .cabecera.nav-up .marca,.IE.ie11 .cabecera.nav-up .marca {
       top: -50px
   }

   .IE.ie10 .cabecera .azul-oscuro .ultim-col .ultimo-mom span,.IE.ie11 .cabecera .azul-oscuro .ultim-col .ultimo-mom span {
       max-width: 130px;
       position: relative;
       left: -40px
   }

   .IE.ie10 .mm-menu.mm-offcanvas,.IE.ie11 .mm-menu.mm-offcanvas {
       z-index: 50
   }

   .IE.ie10 .mm-menu .mm-navbars-bottom,.IE.ie11 .mm-menu .mm-navbars-bottom {
       width: 100%;
       text-align: center
   }

   #VideoModal .modal-dialog {
       max-width: 800px;
       margin-top: 42px
   }

   #VideoModal .close {
       right: 0;
       top: -32px
   }

   #VideoModal .close .svg {
       width: 36px;
       height: 24px
   }

   #menu-small-screen .idiomas {
       padding: 0
   }

   #menu-small-screen .idiomas .svg {
       height: 21px;
       width: 21px;
       margin-right: 12px
   }

   #menu-small-screen .idiomas .dropdown-item {
       color: #1c1e36
   }

   .plantel .jugador {
       height: 468px
   }

   .plantel .jugador .image {
       max-height: 274px
   }

   .plantel .jugador:hover .image {
       max-height: 260px
   }

   .plantel .col-6 .jugador dl {
       padding: 16px 18px 0 38px;
       margin-bottom: 42px
   }

   .plantel .col-6 .jugador-ficha {
       padding-bottom: 18px
   }

   .plantel .col-6 .jugador-ficha .social-buttons {
       margin: 8px 0 8px 9px
   }

   .plantel .col-6 .jugador-ficha .tit-estrellas {
       padding-top: 30px;
       padding-bottom: 52px
   }

   .plantel .col-6 .jugador-ficha .tit-estrellas::after {
       display: block
   }

   .plantel .col-6 .jugador-ficha .posicion-ficha {
       padding-top: 28px
   }

   .row-programa .noti {
       height: 468px
   }

   .row-programa .noti .image {
       max-height: 290px
   }

   .row-programa .noti .image img {
       top: 0
   }

   .social-open .home-noticias .container,.social-open .home-videos .container {
       padding-right: 0
   }

   .header-mam {
       display: none!important
   }

   @supports (-webkit-overflow-scrolling:touch) {
       .sponsors {
           min-width: 200px;
           right: 168px
       }

       .sponsors a {
           display: inline-block!important
       }
   }
}

@media (min-width: 768px) {
   .mobile-sponsors-container {
       display:none
   }

   .mobile-sponsors-container-new {
       display: none
   }
}

@media (max-width: 767px) {
   .video .info {
       padding-right:0;
       display: -webkit-box;
       -webkit-line-clamp: 1;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis
   }

   .video .video-tit {
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
       line-height: 18px!important
   }

   .row-video .col-6 .video .info {
       padding-right: 0;
       display: -webkit-box;
       -webkit-line-clamp: 1;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis
   }

   .row-video .col-6 .video .video-tit {
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
       line-height: 18px!important
   }

   .plantel>.foto-jugador {
       height: 515px
   }

   .main {
       padding-top: 103px
   }

   .main .noticia .article-layout {
       margin: 0 15px;
       margin-top: -30px
   }

   .mobile-sponsors-container-new {
       width: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
       padding: 10px 0;
       background-color: #1c1e35
   }

   .mobile-sponsors-container-new .sponsors-mobile-new {
       display: flex;
       justify-content: center;
       align-items: center;
       flex-wrap: wrap
   }

   .mobile-sponsors-container-new .sponsors-mobile-new .sponsor-img-new {
       margin-top: 5px;
       margin-bottom: 5px;
       flex: 0 0 auto;
       max-width: 100px
   }

   .mobile-sponsors-container-new .sponsors-mobile-new .sponsor-img-new.con-padding-izq {
       padding-left: 20px;
       padding-right: 10px
   }

   .mobile-sponsors-container-new .sponsors-mobile-new .sponsor-img-new.con-padding-der {
       padding-left: 10px;
       padding-right: 20px
   }

   .mobile-sponsors-container-new .sponsors-mobile-new .sponsor-img-new .sponsor-img-new {
       flex: 0 0 auto;
       max-height: 50px
   }

   .mobile-sponsors-container-new .sponsors-mobile-new .sponsor-img-new .sponsor-img-new img {
       max-width: 100%;
       height: auto;
       display: block;
       margin: 0 auto
   }

   .mobile-sponsors-container {
       display: block
   }

   .mobile-sponsors-container .sponsors-mobile {
       margin: 0 auto;
       display: flex!important;
       align-items: center!important;
       justify-content: center!important;
       background-color: #1c1e35;
       padding: 5px 0
   }

   .mobile-sponsors-container .sponsors-mobile .sponsor-img {
       display: inline-block!important;
       margin-left: 0;
       line-height: 14px;
       vertical-align: middle
   }

   .mobile-sponsors-container .sponsors-mobile .sponsor-img a {
       margin-left: 7px;
       margin-right: 7px
   }

   .nav-up {
       top: 0!important
   }

   .nav-up .sponsors-mobile {
       display: none!important
   }

   .container {
       max-width: 100%
   }

   .cabecera .azul-oscuro .ultim-col {
       max-width: 92px;
       min-width: 92px;
       top: -45px;
       height: 45px
   }

   .cabecera .azul-oscuro .ultim-col::after {
       content: "";
       position: absolute;
       display: block;
       height: 100%;
       width: auto;
       top: 0;
       bottom: 0;
       right: 0;
       transition: background-color .2s ease-in-out;
       background-color: rgba(2,35,109,.95)
   }

   .cabecera .azul-oscuro .ultim-col .ultimo-mom .svg {
       margin-right: 0;
       margin-left: 4px;
       width: 24px
   }

   .cabecera .azul-oscuro .ultim-col .ultimo-mom span {
       font-size: 10px;
       line-height: 12px
   }

   .cabecera .marca {
       margin-top: 3px;
       margin-bottom: -3px;
       margin-left: 44px;
       height: 45px
   }

   .cabecera .marca .svg {
       height: 40px;
       width: 33px
   }

   .cabecera .sponsors-desktop {
       display: none!important
   }

   .cabecera .ultimo-mom {
       padding-right: 8px;
       height: 45px
   }

   .cabecera .open .social {
       top: 46px!important;
       left: 0!important;
       right: 0!important;
       margin-left: calc((50% - 50vw) * 2)!important;
       height: 100vh!important
   }

   .cabecera.nav-up .ultim-col .ultimo-mom span {
       display: block
   }

   .cabecera.nav-up .open .social {
       top: 78px!important
   }

   .cabecera .social .sf-item .sf-header .sf-timestamp {
       font-size: 11px
   }

   .cabecera .social .sf-item .sf-social-post {
       font-size: 14px;
       line-height: 20px
   }

   .cabecera .social .sf-item .sf-social-info {
       font-size: 11px;
       line-height: 16px
   }

   .cabecera .social .sf-item .sf-social-info .sf-social-player,.cabecera .social .sf-item .sf-social-info .sf-social-username {
       font-size: 11px
   }

   #menu-trigger {
       top: 14px;
       left: 8px
   }

   #menu-trigger .svg {
       width: 26px
   }

   #HomeCarousel .titulo {
       padding-bottom: 15px;
       padding-left: 0;
       padding-right: 0;
       font-size: 20px;
       line-height: 25px
   }

   #HomeCarousel .btn {
       height: 30px;
       padding: 0 40px;
       font-size: 10px;
       line-height: 30px;
       letter-spacing: 0
   }

   #HomeCarousel .btn .triang {
       right: -78px
   }

   #HomeCarousel .carousel-inner {
       background-color: #010013;
       padding-bottom: 190px
   }

   #HomeCarousel .image-deg::after {
       height: 170px;
       opacity: .9
   }

   #HomeCarousel .carousel-caption {
       bottom: -150px;
       padding-bottom: 0;
       left: 2%;
       right: 2%
   }

   .destacados a {
       max-height: 210px
   }

   .destacados a .titulo {
       padding: 14px 20px 0 15px;
       min-height: 96px;
       font-size: 12px!important
   }

   .destacados a:hover .titulo {
       min-height: 70%
   }

   .footer .container {
       padding-right: 15px;
       padding-left: 15px
   }

   .footer .container.copy {
       margin-top: 14px
   }

   .footer .container.copy .d-flex {
       display: block!important;
       text-align: center
   }

   .footer .container.copy p {
       font-size: 12px
   }

   .footer .container .social {
       margin-top: 5px
   }

   .footer .container .col-lg.col-md-3 {
       display: none
   }

   .footer .container .col-lg.col-md-3.col-sm-12 {
       display: block
   }

   .footer .container .col.text-right {
       min-width: 100%
   }

   .home-videos-mobile .slick-slide,.noti-mobile .slick-slide {
       max-width: 44vw
   }

   .home-noticias>.container,.home-videos>.container,.noti-carousel>.container,.page-noticias>.container,.row-historia>.container,.row-noticias>.container,.row-programa>.container,.row-video>.container {
       padding-right: 13px;
       padding-left: 13px
   }

   .home-noticias .titulo,.home-videos .titulo,.noti-carousel .titulo,.page-noticias .titulo,.row-historia .titulo,.row-noticias .titulo,.row-programa .titulo,.row-video .titulo {
       margin-bottom: 36px;
       font-size: 20px
   }

   .home-noticias .col-sm-12 .banner,.home-videos .col-sm-12 .banner,.noti-carousel .col-sm-12 .banner,.page-noticias .col-sm-12 .banner,.row-historia .col-sm-12 .banner,.row-noticias .col-sm-12 .banner,.row-programa .col-sm-12 .banner,.row-video .col-sm-12 .banner {
       height: 232px
   }

   .home-noticias .col-sm-12 .banner.ea-banner.unite-junio,.home-videos .col-sm-12 .banner.ea-banner.unite-junio,.noti-carousel .col-sm-12 .banner.ea-banner.unite-junio,.page-noticias .col-sm-12 .banner.ea-banner.unite-junio,.row-historia .col-sm-12 .banner.ea-banner.unite-junio,.row-noticias .col-sm-12 .banner.ea-banner.unite-junio,.row-programa .col-sm-12 .banner.ea-banner.unite-junio,.row-video .col-sm-12 .banner.ea-banner.unite-junio {
       height: 390px
   }

   .relacionadas .noti .image,.relacionadas .video .image,.row-historia .noti .image,.row-historia .video .image,.row-noticias .noti .image,.row-noticias .video .image,.row-programa .noti .image,.row-programa .video .image,.row-video .noti .image,.row-video .video .image {
       max-height: 116px
   }

   .relacionadas .noti .image img,.relacionadas .video .image img,.row-historia .noti .image img,.row-historia .video .image img,.row-noticias .noti .image img,.row-noticias .video .image img,.row-programa .noti .image img,.row-programa .video .image img,.row-video .noti .image img,.row-video .video .image img {
       top: 0
   }

   .relacionadas .noti:hover .image,.relacionadas .video:hover .image,.row-historia .noti:hover .image,.row-historia .video:hover .image,.row-noticias .noti:hover .image,.row-noticias .video:hover .image,.row-programa .noti:hover .image,.row-programa .video:hover .image,.row-video .noti:hover .image,.row-video .video:hover .image {
       max-height: 110px
   }

   .relacionadas .noti .info,.relacionadas .video .info,.row-historia .noti .info,.row-historia .video .info,.row-noticias .noti .info,.row-noticias .video .info,.row-programa .noti .info,.row-programa .video .info,.row-video .noti .info,.row-video .video .info {
       padding: 13px 10px 2px;
       line-height: 12px;
       font-size: 11px
   }

   .relacionadas .noti .noti-tit,.relacionadas .noti .video-tit,.relacionadas .video .noti-tit,.relacionadas .video .video-tit,.row-historia .noti .noti-tit,.row-historia .noti .video-tit,.row-historia .video .noti-tit,.row-historia .video .video-tit,.row-noticias .noti .noti-tit,.row-noticias .noti .video-tit,.row-noticias .video .noti-tit,.row-noticias .video .video-tit,.row-programa .noti .noti-tit,.row-programa .noti .video-tit,.row-programa .video .noti-tit,.row-programa .video .video-tit,.row-video .noti .noti-tit,.row-video .noti .video-tit,.row-video .video .noti-tit,.row-video .video .video-tit {
       padding: 6px 10px 4px;
       font-size: 14px;
       line-height: 17px
   }

   .relacionadas .noti p,.relacionadas .video p,.row-historia .noti p,.row-historia .video p,.row-noticias .noti p,.row-noticias .video p,.row-programa .noti p,.row-programa .video p,.row-video .noti p,.row-video .video p {
       padding: 0 10px;
       font-size: 10px;
       line-height: 16px
   }

   .row-video .col-6 .video .image {
       min-width: 100%;
       max-height: 100%
   }

   .row-video .col-6 .video .info {
       padding-top: 40px
   }

   .row-video .col-6 .video .video-tit {
       font-size: 18px;
       line-height: 24px
   }

   .row-historia .noti .year {
       bottom: 0;
       font-size: 44px;
       line-height: 60px;
       letter-spacing: -3px
   }

   .noti-carousel {
       padding-right: 13px;
       padding-left: 13px
   }

   .header-image {
       height: 300px
   }

   .header-image>.container {
       padding-right: 13px;
       padding-left: 13px
   }

   .header-image .breadcrumb {
       padding: 30px 0 6px;
       font-size: 11px;
       text-align: center;
       margin: inherit
   }

   .header-image .filtros {
       margin-top: 8px
   }

   .header-image .filtros .btn {
       line-height: 32px;
       font-size: 16px
   }

   .header-image.no-content {
       height: 140px
   }

   .sobre-imagen>.container:first-of-type {
       position: relative;
       margin-top: -164px
   }

   .page-tit {
       margin: 12px 0 0;
       font-size: 32px;
       line-height: 40px
   }

   .home-videos .titulo {
       margin-bottom: 36px;
       font-size: 20px
   }

   .video {
       height: 232px
   }

   .video .play-button {
       top: 20px
   }

   .video .tiempo {
       padding: 10px;
       font-size: 11px
   }

   .col-6 .video {
       height: 50vw
   }

   .vermas {
       width: 46px;
       height: 46px;
       padding-top: 11px;
       border-radius: 50%;
       margin-top: 40px;
       background-color: #003492;
       line-height: 12px;
       font-size: 10px;
       letter-spacing: 0
   }

   .vermas .cuadrado,.vermas .svg {
       display: none
   }

   .partidos .seleccionar {
       max-width: 100vw
   }

   .partidos .seleccionar .btn {
       font-size: 11px
   }

   .partidos .resultados {
       min-height: 364px;
       padding-top: 22px
   }

   .partidos .resultados .escudo {
       width: 65px;
       height: 65px;
       margin-bottom: 7px
   }

   .partidos .resultados .match {
       width: 140px;
       height: 310px
   }

   .partidos .resultados .match.slick-center {
       width: 64vw;
       cursor: default;
       padding: 0 8px;
       min-width: 220px
   }

   .partidos .resultados .match.slick-center .flex-column {
       width: 110px
   }

   .partidos .resultados .match.slick-center .fecha {
       line-height: 18px;
       font-size: 14px;
       padding-bottom: 32px
   }

   .partidos .resultados .match.slick-center .vs {
       margin: 8px 12px 0;
       width: 28px;
       min-width: 28px;
       height: 28px;
       line-height: 28px;
       font-size: 11px
   }

   .partidos .resultados .match.slick-center .resultado {
       position: relative;
       top: -20px;
       line-height: 32px;
       font-size: 20px
   }

   .partidos .resultados .match.slick-center .resultado.pendiente {
       top: -24px
   }

   .partidos .resultados .match.slick-center .escudo {
       width: 55px;
       height: 55px
   }

   .partidos .resultados .match.slick-center .equipo {
       padding-top: 12px;
       font-size: 11px;
       padding-left: 4px;
       padding-right: 4px;
       min-height: auto
   }

   .partidos .resultados .match.slick-center .torneo {
       padding: 28px 0 10px;
       line-height: 14px;
       font-size: 11px
   }

   .partidos .resultados .match.slick-center .hora,.partidos .resultados .match.slick-center .lugar {
       line-height: 14px;
       font-size: 11px
   }

   .partidos .resultados .match.slick-center .ver-ms {
       line-height: 14px;
       font-size: 11px
   }

   .partidos .resultados .match .dia,.partidos .resultados .match .mes {
       line-height: 14px;
       font-size: 11px
   }

   .partidos .resultados .match .resultado {
       padding: 2px 0;
       line-height: 18px;
       font-size: 11px
   }

   .partidos .resultados .match .equipo {
       padding: 0 8px 8px;
       line-height: 14px;
       font-size: 11px;
       min-height: 28px
   }

   .mm-menu .mm-btn {
       height: 20px;
       width: 20px
   }

   .mm-menu .mm-close {
       background-size: 20px 20px
   }

   .mm-menu .mm-navbars-top {
       height: 20px;
       width: 20px;
       top: 14px;
       right: 8px
   }

   .mm-menu .mm-navbars-bottom {
       max-width: 80vw
   }

   .mm-menu .mm-navbars-bottom .mm-navbar {
       height: 130px
   }

   .mm-menu .mm-navbars-bottom .mm-navbar .btn {
       min-width: 100%;
       padding: 0 20px;
       margin-bottom: 20px
   }

   .mm-menu .mm-navbars-bottom .mm-navbar .btn.boton {
       height: 30px;
       padding: 0 20px;
       font-size: 11px;
       line-height: 25px;
       letter-spacing: 0;
       text-align: center;
       border-radius: 15px
   }

   .mm-menu .mm-navbars-bottom .mm-navbar .btn.contacto {
       width: 100%;
       margin-top: 0
   }

   .mm-menu .mm-navbars-bottom .mm-navbar .btn:nth-child(2) {
       float: right
   }

   .mm-menu .mm-navbar.mm-hasbtns {
       height: 20px
   }

   .mm-menu .mm-panels {
       bottom: 154px
   }

   .mm-menu .mm-panels .mm-panel>.mm-navbar {
       padding-top: 10px
   }

   .mm-menu .mm-panels .mm-title {
       font-size: 20px
   }

   .mm-menu .mm-panels .mm-next {
       width: 40px
   }

   .mm-menu .mm-panels .mm-next::before {
       border-color: rgba(255,255,255,.3)
   }

   .mm-menu .mm-panels .mm-next::after {
       border: none;
       right: 13px;
       width: 13px;
       height: 13px;
       background-image: url(/rebrand/images/flecha-menu.svg);
       background-position: 50% 50%;
       background-repeat: no-repeat;
       background-size: 13px 13px;
       transform: rotate(180deg)
   }

   .mm-menu .mm-panels .mm-next.mm-fullsubopen {
       width: 100%
   }

   .mm-menu .mm-panels .mm-prev {
       top: 14px;
       left: 8px;
       z-index: 500
   }

   .mm-menu .mm-panels .mm-prev::before {
       border: none;
       width: 20px;
       height: 20px;
       left: 0;
       background-image: url(/rebrand/images/flecha-menu.svg);
       background-position: 50% 50%;
       background-repeat: no-repeat;
       background-size: 20px 20px;
       transform: none
   }

   .mm-menu .mm-panels .mm-listview {
       padding-top: 20px
   }

   .mm-menu .mm-panels .mm-listview>li>a,.mm-menu .mm-panels .mm-listview>li>span {
       padding: 14px 2px 13px;
       margin: 1px 0;
       font-size: 14px
   }

   .noti-carousel .slick-arrow {
       top: 16vw;
       left: 10px;
       margin-top: -22px;
       width: 44px;
       height: 44px;
       background-size: 22px 22px
   }

   .noti-carousel .slick-arrow.slick-next {
       right: 10px
   }

   .noti-carousel .noti {
       height: 322px
   }

   .noti-carousel .noti .image {
       max-height: 143px
   }

   figure figcaption {
       padding-top: 6px;
       font-size: 14px;
       line-height: 20px
   }

   .noticia .header-image {
       height: 208px
   }

   .noticia .share.addthis_toolbox {
       float: unset!important;
       position: initial!important
   }

   .noticia .en-cab-art {
       height: 30px
   }

   .noticia .entry-title {
       margin: 20px 0 30px;
       font-size: 20px;
       line-height: 24px;
       text-align: center
   }

   .noticia .header-info {
       position: initial!important;
       font-size: 14px;
       line-height: 17px
   }

   .noticia .share-buttons {
       margin: 20px 0 24px
   }

   .noticia .tags-noticias {
       text-align: center
   }

   .noticia .h2,.noticia .subtitle {
       font-size: 20px;
       line-height: 30px;
       text-align: center
   }

   .breadcrumb {
       font-size: 11px;
       text-align: center;
       margin: 16px 0 25px
   }

   .plantel>.container {
       padding-left: 13px;
       padding-right: 13px
   }

   .plantel .jugador {
       height: 330px
   }

   .plantel .jugador span,.plantel .tecnicos span {
       line-height: 15px;
       font-size: 12px
   }

   .plantel .jugador .nombre,.plantel .tecnicos .nombre {
       padding: 4px 10px 0;
       font-size: 14px;
       line-height: 17px
   }

   .plantel .jugador .posicion,.plantel .tecnicos .posicion {
       padding: 12px 10px 4px
   }

   .plantel .jugador .apariciones,.plantel .tecnicos .apariciones {
       padding: 0 10px
   }

   .plantel .jugador .procedencia,.plantel .tecnicos .procedencia {
       padding: 6px 10px 0
   }

   .plantel .jugador .tit-estrellas,.plantel .tecnicos .tit-estrellas {
       font-size: 20px;
       line-height: 24px;
       padding: 26px 18px 50px
   }

   .plantel .jugador .staff .info,.plantel .tecnicos .staff .info {
       font-size: 13px;
       line-height: 15px;
       padding: 20px 20px 0
   }

   .plantel .jugador dl,.plantel .tecnicos dl {
       padding: 20px 18px 0 38px;
       font-size: 14px;
       margin-bottom: 22px
   }

   .plantel .jugador .image,.plantel .tecnicos .image {
       max-height: 206px
   }

   .plantel .col-6 .jugador-ficha {
       height: auto;
       padding-bottom: 20px
   }

   .plantel .col-6 .jugador-ficha .tit-estrellas {
       font-size: 30px;
       line-height: 30px;
       padding-top: 30px
   }

   .plantel .col-6 .jugador-ficha .posicion-ficha {
       padding: 32px 18px 0;
       font-size: 18px;
       line-height: 26px
   }

   .plantel .col-6 .jugador-ficha .social-buttons {
       margin: 26px 0 18px 12px
   }

   .plantel .btn {
       padding: 0 50px;
       margin-top: 40px;
       font-size: 12px
   }

   .padre {
       margin: 0 0 28px;
       font-size: 14px;
       line-height: 18px
   }

   .title {
       margin: 0 0 30px;
       font-size: 30px;
       line-height: 38px
   }

   .subtitle {
       margin-bottom: 26px;
       font-size: 20px;
       line-height: 30px
   }

   .subtitle.del-form {
       margin-bottom: 40px;
       font-size: 14px;
       line-height: 20px
   }

   .tit-azul {
       font-size: 20px;
       line-height: 26px;
       margin: 30px 0 20px
   }

   .con-estrellas-abajo {
       padding: 0 0 50px
   }

   .con-estrellas-abajo.title {
       font-size: 24px;
       line-height: 29px
   }

   .con-estrellas-arriba {
       padding: 62px 0 0
   }

   .con-estrellas-arriba.title {
       font-size: 24px;
       line-height: 29px
   }

   .caption-carousel {
       font-size: 12px;
       line-height: 18px;
       padding: 4px 0 18px
   }

   .boton {
       padding: 0 20vw;
       margin-bottom: 8px
   }

   .links-right {
       float: none;
       margin-top: 0
   }

   .links-right a {
       margin-left: 0;
       margin-right: 40px
   }

   .informacion {
       padding: 0
   }

   #menu-small-screen .idiomas {
       width: 100%
   }

   #menu-small-screen .idiomas .svg {
       height: 18px;
       width: 18px;
       margin-right: 10px
   }

   #menu-small-screen .idiomas .dropdown-item {
       color: #1c1e36
   }

   #menu-small-screen .idiomas .dropdown-menu.show {
       left: 50%!important;
       margin-left: -80px
   }

   #searchboxMobile input {
       width: 84vw
   }

   .IE.ie10 .cabecera .sponsors,.IE.ie11 .cabecera .sponsors {
       display: none!important;
       opacity: 0
   }

   .IE.ie10 .cabecera #menu-trigger,.IE.ie11 .cabecera #menu-trigger {
       top: -53px;
       left: 8px
   }

   .IE.ie10 .cabecera .marca,.IE.ie11 .cabecera .marca {
       margin-bottom: 2px
   }

   .IE.ie10 .cabecera .azul-oscuro .ultim-col .ultimo-mom span,.IE.ie11 .cabecera .azul-oscuro .ultim-col .ultimo-mom span {
       max-width: 70px;
       left: auto;
       right: 13px
   }

   .IE.ie10 .row-historia .col,.IE.ie10 .row-historia .col-6,.IE.ie11 .row-historia .col,.IE.ie11 .row-historia .col-6 {
       max-width: inherit
   }
}

@media (max-width: 500px) {
   .free-html-content .btn {
       margin:0 auto!important;
       padding: 0 42px!important;
       margin-top: 10px!important;
       font-size: 11px!important
   }

   .free-html-content .socios-valores .btn {
       display: block
   }
}

@media (max-width: 425px) {
   .escudo-image .big-number {
       right:auto!important;
       width: 100%;
       font-size: 120px!important
   }

   .escudo-image .small-number {
       left: auto!important;
       width: 100%
   }
}

@media (max-width: 419px) {
   .home-videos-mobile .slick-slide,.noti-mobile .slick-slide {
       max-width:90vw
   }

   .home-videos .row article {
       max-width: 90vw
   }

   .formulario .boton {
       width: 100%
   }
}

@supports (-webkit-overflow-scrolling:touch) {
   .customized-module div[class*=dfMc-] .itemStyles.rdsnItem .item .contentItem .teams .first .mc-name {
       height: auto
   }
}

.videoWrapper {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 25px;
   height: 0
}

.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

@media (min-width: 1025px) {
   .noti-carousel .slick-arrow {
       top:50%!important
   }

   .noti-carousel .noti .noti-tit {
       color: #fff!important;
       margin: 45px 45px 20px 20px!important
   }

   #carouselNoticias article {
       padding: 0!important
   }

   #carouselNoticias article .tags-noticias {
       width: 381px;
       float: right;
       position: relative;
       bottom: 50px;
       padding-left: 20px
   }

   #carouselNoticias article .tags-noticias li {
       background: #003391;
       border: 1px solid #fff;
       color: #fff
   }

   #carouselNoticias article .tags-noticias li:hover {
       background: #fff;
       border: 1px solid;
       color: #003391
   }

   #carouselNoticias article .tags-noticias li a {
       color: #fff
   }

   #carouselNoticias article .tags-noticias li a:hover {
       color: #003391
   }

   #carouselNoticias a.noti {
       height: 461px;
       width: 100%;
       overflow: hidden
   }

   #carouselNoticias a.noti .img-section {
       width: calc(100% - 381px);
       height: 461px;
       float: left
   }

   #carouselNoticias a.noti .img-section span.image.image-placeholder {
       height: 100%
   }

   #carouselNoticias a.noti .info-section {
       height: 461px;
       width: 381px;
       display: block;
       float: left;
       background: #003391
   }

   #carouselNoticias a.noti .info-section p.sub-title-news {
       display: block!important;
       font-weight: 400;
       font-size: 14px;
       line-height: 125%;
       color: #fff!important;
       margin-right: 45px!important;
       margin-left: 20px!important
   }

   #carouselNoticias a.noti .info-section p.sub-title-news:hover {
       font-weight: 400;
       font-size: 14px;
       line-height: 125%;
       color: #fff!important
   }
}

@media (max-width: 1300px) {
   #carouselNoticias a.noti {
       height:440px
   }
}

@media (max-width: 1024px) {
   .noti-carousel .slick-arrow {
       top:50%!important
   }

   .noti-carousel .noti .noti-tit {
       color: #fff!important;
       padding: 30px 45px 20px 20px!important
   }

   #carouselNoticias article {
       padding: 0!important
   }

   #carouselNoticias article .tags-noticias {
       width: 100%;
       float: left;
       position: relative;
       bottom: 50px;
       padding-left: 10px
   }

   #carouselNoticias article .tags-noticias li {
       background: #003391;
       border: 1px solid #fff;
       color: #fff
   }

   #carouselNoticias article .tags-noticias li:hover {
       background: #fff;
       border: 1px solid;
       color: #003391
   }

   #carouselNoticias article .tags-noticias li a {
       color: #fff
   }

   #carouselNoticias article .tags-noticias li a:hover {
       color: #003391
   }

   #carouselNoticias a.noti {
       height: 461px;
       width: 100%;
       overflow: hidden
   }

   #carouselNoticias a.noti .img-section {
       height: 260px
   }

   #carouselNoticias a.noti .img-section span.image.image-placeholder {
       height: 100%;
       max-height: 260px
   }

   #carouselNoticias a.noti .info-section {
       height: 200px;
       display: block;
       background: #003391;
       top: 0;
       position: relative
   }

   #carouselNoticias a.noti .info-section p.sub-title-news {
       font-weight: 400;
       font-size: 14px;
       line-height: 125%;
       color: #fff!important;
       margin-right: 45px!important;
       margin-left: 20px!important;
       padding: 0;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis
   }

   #carouselNoticias a.noti .info-section p.sub-title-news:hover {
       font-weight: 400;
       font-size: 14px;
       line-height: 125%;
       color: #fff!important
   }
}

.sf-img-holder {
   position: relative
}

.sf-img-holder.video {
   z-index: 6;
   height: auto;
   display: flex!important;
   flex: 1;
   flex-direction: column;
   justify-content: center;
   align-content: center;
   align-items: center
}

.sf-img-holder.video:hover .play-button {
   top: auto
}

.sf-img-holder.playing .play-button {
   opacity: 0
}

.sf-img-holder video {
   width: 100%
}

.sf-img-holder .play-button {
   width: 50px;
   height: 50px;
   display: flex;
   z-index: 1;
   position: absolute;
   top: auto
}

.sf-img-holder .play-button svg {
   width: 50px;
   height: 50px
}

.main {
   overflow: hidden
}

.mobile-banner img.sf-img {
   height: auto!important
}

#bg-mm-darked {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   vertical-align: middle;
   background-color: #000;
   opacity: .7;
   display: none;
   z-index: 100
}

.header-image .img {
   background-color: #b3b6c1;
   background-image: url(/rebrand/images/boca-noticias-futbol.jpg);
   background-repeat: no-repeat;
   background-position: center
}

.header-image .img.b-lazy {
   background-position-y: -5px;
   opacity: 1
}

.header-image .img.b-lazy.b-loaded {
   background-size: cover
}

.imagen-home-pequena {
   max-width: 320px;
   max-height: 400px
}

.image-placeholder {
   height: 100%;
   width: 100%;
   background-color: #b3b6c1;
   background-image: url(/rebrand/images/placeholder/logo.svg);
   background-repeat: no-repeat;
   background-position: center
}

.image-placeholder::after {
   content: ""
}

.destacados .image-placeholder {
   background-color: #fff;
   background-position-y: 35%
}

.image.full-size {
   height: 100%!important;
   width: 100%
}

.image.full-size img {
   height: 100%!important;
   width: 100%
}

.content-box {
   padding-bottom: 45px;
   display: block;
   height: 100%;
   min-height: 700px;
   margin: 1px;
   background-color: rgba(255,255,255,.95);
   text-decoration: none;
   position: relative;
   z-index: 10;
   margin: 1px;
   background-color: rgba(255,255,255,.95)
}

.content-box.error {
   min-height: auto;
   text-align: center
}

.content-box .image {
   transition: max-height .4s ease-out;
   max-height: 274px
}

.content-box .image img {
   transition: transform .4s ease-out
}

.content-box .image:before {
   display: none
}

.content-box:hover .image {
   max-height: 264px
}

.content-box:hover .image img {
   transform: scale(1.1)
}

.content-box .first {
   padding-top: 32px
}

.content-box span {
   color: #1c1e36
}

.content-box span:not(.filter-label) {
   position: relative;
   z-index: 10;
   display: block;
   line-height: 17px;
   font-size: 14px;
   font-weight: 300;
   text-align: left
}

.content-box h3 {
   padding: 18px 17px 4px;
   color: #003492
}

.content-box p {
   padding: 0 18px
}

.content-box .tit {
   color: #1c1e36;
   font-size: 40px;
   font-weight: 700;
   line-height: 32px;
   padding: 36px 18px 36px
}

.content-box .tit.button-title {
   padding-top: 5px
}

.content-box .tit.button-title .btn {
   margin-top: 12px
}

.content-box .tit-estrellas {
   position: relative;
   color: #003492;
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   margin: 0;
   padding: 26px 18px 56px
}

.content-box .tit-estrellas::after {
   content: "";
   position: absolute;
   display: block;
   overflow: hidden;
   height: 29px;
   left: 18px;
   right: 18px;
   bottom: 0;
   background-image: url(/rebrand/images/estrellas.png);
   background-position: 0 50%;
   background-repeat: repeat-x;
   background-size: inherit
}

.content-box .tit-estrellas.button-title {
   padding-top: 5px
}

.content-box .tit-estrellas.button-title .btn {
   margin-top: 12px
}

.content-box .col-xl-2 {
   text-align: center
}

.content-box .staff {
   padding-top: 80px;
   padding-bottom: 50px;
   margin-bottom: 50px
}

.content-box .staff .info {
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 19px;
   font-weight: 300;
   position: relative;
   padding: 20px 22px 0
}

.content-box .staff .info strong {
   font-weight: 700
}

.content-box .staff .info::before {
   content: "";
   position: absolute;
   top: 5px;
   left: 50%;
   border-radius: 50%;
   margin-left: -4px;
   height: 9px;
   width: 9px;
   background: linear-gradient(43.86deg,#f4c600 0,#f7a600 100%)
}

.content-box .staff:last-of-type {
   margin-bottom: 0;
   padding-top: 0
}

.content-box dl {
   display: block;
   padding: 26px 18px 0 38px;
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 42px
}

.content-box dl dt {
   position: relative;
   float: left;
   font-weight: 300;
   margin-right: 5px
}

.content-box dl dt::before {
   content: "";
   position: absolute;
   top: 5px;
   left: -20px;
   border-radius: 50%;
   height: 9px;
   width: 9px;
   background: linear-gradient(43.86deg,#f4c600 0,#f7a600 100%)
}

.content-box dl dd {
   display: block;
   font-weight: 700;
   margin-bottom: 18px
}

.content-box dl dd.thin {
   display: block;
   font-weight: 300;
   margin-bottom: 18px
}

.content-box .circulo {
   display: inline-block;
   overflow: hidden;
   width: 160px;
   height: 160px;
   border-radius: 50%
}

.content-box .circulo img {
   max-width: 160px
}

.content-box .circulo.no-image {
   background-color: #e9e9e9;
   padding-top: 28px
}

.content-box .circulo.no-image .svg {
   height: 100%;
   width: auto
}

.content-box .tit-estrellas {
   color: #1c1e36;
   font-size: 40px;
   font-weight: 700;
   line-height: 32px;
   padding-top: 45px
}

.content-box .posicion-ficha {
   padding: 32px 18px 0;
   color: #003492;
   font-size: 24px;
   font-weight: 700;
   line-height: 32px
}

.content-box .social-buttons {
   margin: 31px 0 46px 9px;
   padding: 0;
   list-style: none
}

.content-box .social-buttons .share-button {
   margin: 0 9px
}

.content-box .social-buttons .svg {
   width: 25px
}

.content-box .social-buttons .svg circle,.content-box .social-buttons .svg path {
   fill: #003492
}

.content-box .btn {
   border: none!important;
   margin: 12px 0 0 18px;
   height: 60px;
   padding: 0 98px;
   margin-top: 50px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   position: relative;
   overflow: hidden
}

.content-box .btn .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   opacity: .24;
   background-color: #000
}

.content-box .btn:hover {
   background: #011645;
   color: #f3b229;
   border: 2px solid rgba(255,255,255,.2)
}

.content-box .filtros {
   margin-top: 16px;
   position: relative;
   z-index: 50
}

.content-box .filtros .btn {
   line-height: 32px;
   font-size: 18px;
   font-weight: 300;
   text-align: left;
   color: #fff;
   text-transform: uppercase;
   padding: 8px 22px 6px 2px;
   margin-top: 3px;
   outline: 0!important;
   box-shadow: none!important;
   background: 0 0
}

.content-box .filtros .btn.dropdown-toggle::after {
   display: none
}

.content-box .filtros .btn .svg {
   margin-left: 18px;
   width: 18px;
   height: 10px
}

.content-box .filtros .btn .svg path {
   fill: #f3b229
}

.content-box .filtros .dropdown-menu {
   z-index: 11
}

.content-box.dark {
   background-color: #27293f;
   color: #fff
}

.content-box.dark .posicion-ficha {
   color: #f3b229
}

.content-box.dark .tit-estrellas {
   color: #fff
}

.content-box.dark p {
   color: #fff
}

.content-box.dark dl {
   color: #fff
}

.single-btn .btn {
   border: none!important;
   margin: 20px 0 20px 18px;
   height: 60px;
   padding: 0 98px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   position: relative;
   overflow: hidden
}

.single-btn .btn .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   opacity: .24;
   background-color: #000
}

.single-btn .btn:hover {
   background: #011645;
   color: #f3b229;
   border: 2px solid rgba(255,255,255,.2)
}

.table-light {
   color: #1c1e36;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   font-weight: 300;
   line-height: 26px;
   padding: 0 18px;
   white-space: pre-line
}

.table-light a {
   color: #003492;
   text-decoration: underline
}

.table-light a:hover {
   color: #f3b229
}

.table-light th {
   border-color: #b3b6c1
}

.table-light td {
   border-color: #b3b6c1
}

.table-light tr {
   border-bottom: 1px solid #b3b6c1
}

.table-light tr:first-child {
   border-top: 1px solid #b3b6c1
}

#personal .table-light {
   white-space: nowrap
}

.foto-jugador {
   width: 100%;
   height: 100%
}

#menu-small-screen {
   z-index: 9999
}

.free-html-content {
   padding-bottom: 30px
}

.free-html-content .btn {
   touch-action: none;
   -ms-touch-action: none;
   border: none!important;
   margin: 12px 0 0 18px;
   height: 60px;
   padding: 0 98px;
   margin-top: 50px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   background: #003391;
   position: relative;
   overflow: hidden
}

.free-html-content .btn .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   opacity: .24;
   background-color: #000
}

.free-html-content .btn:hover {
   background: #011645;
   color: #f3b229;
   border: 2px solid rgba(255,255,255,.2)
}

.free-html-content .share-buttons {
   margin: 0;
   padding: 0;
   list-style: none
}

.free-html-content .share-buttons .share-button {
   margin: 0 9px
}

.free-html-content .share-buttons .share-button a .svg {
   width: 100%;
   height: 100%;
   margin-top: 3px;
   margin-right: 3px
}

.free-html-content .share-buttons .svg circle,.free-html-content .share-buttons .svg path {
   fill: #003391
}

.free-html-content .share-buttons .svg.facebook {
   height: 19px;
   width: 19px
}

.free-html-content .share-buttons .svg.twitter {
   height: 18px;
   width: 22px
}

.free-html-content .share-buttons .svg.pinterest {
   height: 22px;
   width: 22px
}

.free-html-content .share-buttons .svg.googleplus {
   height: 36px;
   width: 22px
}

.free-html-content .share-buttons .svg.dots {
   position: relative;
   top: -6px;
   height: 4px;
   width: 22px
}

.partido-row .partido-link {
   text-decoration: none
}

.partido-row .partido-box {
   display: block;
   padding: 30px 22px 24px;
   background-color: rgba(28,30,54,.95);
   background-image: url(/rebrand/images/fondo-azul-700w.jpg)
}

.partido-row .partido-box .contacto {
   height: 60px;
   width: 773px;
   color: #f39608;
   font-family: Montserrat;
   font-size: 24px;
   font-weight: 700;
   line-height: 40px
}

.partido-row .partido-box .tit {
   margin: 0 0 10px;
   color: #f39608;
   font-size: 24px;
   font-weight: 700;
   line-height: 40px
}

.partido-row .partido-box ul {
   list-style: none;
   padding: 8px 22px 0;
   margin: 0
}

.partido-row .partido-box ul li {
   position: relative;
   font-weight: 700;
   color: #fff;
   font-family: Roboto,sans-serif;
   font-size: 16px;
   line-height: 19px;
   margin-bottom: 18px
}

.partido-row .partido-box ul li::before {
   content: "";
   position: absolute;
   top: 5px;
   left: -20px;
   border-radius: 50%;
   height: 9px;
   width: 9px;
   background: linear-gradient(43.86deg,#f4c600 0,#f7a600 100%)
}

.partido-row .partido-box ul li span {
   font-weight: 300
}

.partido-row .partido-box ul li a {
   color: #fff
}

.form-captcha {
   margin: 20px 0
}

.end-buttons {
   margin: 20px 0
}

.proveedores .modal-backdrop {
   opacity: .7
}

.proveedores .row.end-buttons .col {
   padding-left: 0
}

.proveedores .error-form {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-size: 12px;
   line-height: 16px;
   color: #003492;
   margin-top: 10px;
   margin-bottom: 10px
}

.proveedores .error-form .d-none {
   display: none
}

.proveedores span.opcional-foto {
   border-radius: 30px;
   border: 1px solid rgba(0,51,145,.2);
   color: var(--azul-boca,#003391);
   text-align: center;
   font-size: 10px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 115%;
   text-transform: uppercase;
   display: flex;
   padding: 4px 15px;
   justify-content: center;
   align-items: center;
   gap: 9px;
   width: 87px;
   left: 130px;
   position: absolute;
   top: 3px
}

.proveedores span.opcional {
   border-radius: 30px;
   border: 1px solid rgba(0,51,145,.2);
   color: var(--azul-boca,#003391);
   text-align: center;
   font-size: 10px;
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   line-height: 115%;
   text-transform: uppercase;
   display: flex;
   padding: 4px 15px;
   justify-content: center;
   align-items: center;
   gap: 9px;
   width: 87px;
   float: right
}

.proveedores ul.estudios-listado {
   border: 1px solid #cdcdcd;
   background-color: #fafafa
}

.proveedores div#cv-img-wrapper {
   width: 200px;
   height: 200px;
   border: 1px solid #cdcdcd;
   background: #fafafa
}

.proveedores div#cv-img-wrapper #Curriculo_foto {
   display: none
}

.proveedores div#cv-img-wrapper #foto_cv_action {
   float: right;
   margin: 5px;
   position: relative;
   height: 20px;
   z-index: 1;
   background: rgba(255,255,255,.7)
}

.proveedores div#cv-img-wrapper #cv-img {
   position: relative;
   width: 100%;
   height: 100%;
   top: 10px
}

.proveedores div#cv-img-wrapper #cv-img #image-preview {
   position: absolute;
   left: -50%;
   transform: translateX(50%);
   max-height: 100%;
   object-fit: cover;
   width: 100%;
   top: -10px
}

.proveedores #estudios-listado {
   margin-top: 22px;
   padding: 0
}

.proveedores #estudios-listado li {
   background: #fafafa;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 21px
}

.proveedores #estudios-listado li .remove-option-estudios {
   padding: 0
}

.proveedores #listadodeSubRubros {
   margin-top: 22px
}

.proveedores #listadodeSubRubros li {
   background: #fafafa;
   font-family: Roboto;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   line-height: 21px
}

.proveedores #listadodeSubRubros li .remove-option {
   padding: 0
}

.proveedores h2 {
   font-family: Montserrat;
   font-style: normal;
   font-weight: 700;
   font-size: 40px;
   line-height: 52px;
   color: #1c1135
}

.proveedores .provedores-form input#Proveedor_direccion_numero {
   width: 25%;
   display: inline-block;
   float: right
}

.proveedores .provedores-form input#Proveedor_direccion {
   width: 70%;
   display: inline-block;
   float: left
}

.proveedores .provedores-form label {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-size: 12px;
   line-height: 16px;
   color: #1c1e36
}

.proveedores .provedores-form textarea#Proveedor_descripcion {
   min-width: 100%
}

.prensa-form .nav-item {
   position: relative
}

.prensa-form .remove-acreditado {
   position: absolute;
   top: 0;
   right: 0
}

.contact-box span {
   color: #fff
}

.bandera.argentina {
   background-image: url(/rebrand/images/flags/bandera-argentina.png)
}

.bandera.bolivia {
   background-image: url(/rebrand/images/flags/bandera-bolivia.png)
}

.bandera.brasil {
   background-image: url(/rebrand/images/flags/bandera-brasil.png)
}

.bandera.colombia {
   background-image: url(/rebrand/images/flags/bandera-colombia.png)
}

.bandera.eeuu {
   background-image: url(/rebrand/images/flags/bandera-eeuu.png)
}

.bandera.india {
   background-image: url(/rebrand/images/flags/bandera-india.png)
}

.bandera.indonesia {
   background-image: url(/rebrand/images/flags/bandera-indonesia.png)
}

.bandera.japon {
   background-image: url(/rebrand/images/flags/bandera-japon.png)
}

.bandera.paraguay {
   background-image: url(/rebrand/images/flags/bandera-paraguay.png)
}

.bandera.peru {
   background-image: url(/rebrand/images/flags/bandera-peru.png)
}

.no-padding {
   padding: 0
}

.no-padding-left {
   padding-left: 0
}

.no-padding-right {
   padding-right: 0
}

.escudo-image {
   text-align: center;
   position: relative
}

.escudo-image img {
   width: 250px
}

.escudo-image .big-number {
   position: relative;
   text-align: center;
   right: 16px;
   color: #f1e8d3;
   font-size: 200px;
   font-weight: 700;
   line-height: 180px;
   z-index: 5
}

.escudo-image .small-number {
   position: absolute;
   bottom: 10px;
   left: 45%;
   z-index: 100
}

.escudo-image .small-number.initial-pos {
   position: initial
}

.escudo-texto {
   text-align: center
}

.text-center {
   text-align: center
}

.carousel::before {
   content: none
}

.carousel.camisetas .image-deg {
   position: relative;
   text-align: center
}

.carousel.camisetas .image-deg::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 120px;
   opacity: .8;
   background: 0 0
}

.carousel.camisetas .image-deg::before {
   content: none
}

.carousel.camisetas .image-deg h3.title {
   color: #f7a600;
   margin: 0 auto;
   background-color: #1c1e36;
   padding: 10px 25px;
   position: relative;
   bottom: 0;
   display: table;
   z-index: 100
}

.carousel.camisetas .carousel-indicators {
   bottom: -25px;
   margin: auto
}

.carousel.camisetas .carousel-indicators li {
   border: solid 2px #0e3f98
}

.carousel.camisetas .carousel-indicators li.active {
   border-color: #f7a600;
   background-color: #f7a600
}

.carousel.camisetas .carousel-arrow {
   position: absolute;
   transition: opacity .2s ease-in-out;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   border: solid 2px #0e3f98;
   color: #0e3f98;
   background-image: url(/rebrand/images/prev-next-azul.svg);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 20px 20px;
   background-color: transparent;
   color: transparent;
   cursor: pointer;
   z-index: 50;
   outline: 0!important;
   opacity: .6;
   transform: rotate(180deg);
   top: 50%;
   right: 25px;
   margin-top: -44px
}

.carousel.camisetas .carousel-arrow.carousel-control-prev {
   transform: rotate(0);
   left: 25px
}

.carousel.camisetas .carousel-arrow .svg {
   fill: #0e3f98
}

.col-6 .foto-jugador {
   height: 700px
}

.hito .anio {
   padding-bottom: 72px;
   position: relative
}

.hito .anio .hito-text {
   margin-bottom: 30px
}

.hito .anio .carousel .image-deg::before {
   content: none
}

.hito .anio .carousel .image-deg::after {
   content: none
}

.hito .big-number {
   position: absolute;
   text-align: center;
   color: #f1e8d3;
   font-size: 200px;
   font-weight: 700;
   line-height: 180px;
   z-index: -1;
   top: -30px
}

.audio-banner {
   background: url(/rebrand/images/banners/blank-banner.png);
   margin-bottom: 25px;
   height: 150px;
   position: relative
}

.audio-banner::after {
   content: " ";
   width: 100%;
   height: 100%
}

.audio-banner audio {
   position: absolute;
   bottom: 30px
}

.loader {
   border: 16px solid #f3b229;
   border-radius: 50%;
   border-top: 16px solid #02236d;
   width: 120px;
   height: 120px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
   margin: 0 auto
}

.b-lazy {
   -webkit-transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -o-transition: opacity .5s ease-in-out;
   transition: opacity .5s ease-in-out;
   max-width: 100%;
   opacity: 0
}

.b-lazy.loaded {
   opacity: 1
}

.destacados {
   padding-right: 0;
   padding-left: 0
}

.destacados:not(.slick-slider) {
   overflow: hidden;
   width: 20000px
}

.destacados:not(.slick-slider) .box {
   height: 400px
}

.destacados:not(.slick-slider) .box a {
   height: 100%
}

.destacados .box {
   float: left
}

.loading-container {
   opacity: 0
}

.loading-container.visible {
   opacity: 1
}

.sk-fading-circle {
   margin: 5px auto;
   width: 50px;
   height: 50px;
   position: relative
}

.sk-fading-circle .sk-circle {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0
}

.sk-fading-circle .sk-circle:before {
   content: "";
   display: block;
   margin: 0 auto;
   width: 8%;
   height: 25%;
   background-color: #fff;
   border-radius: 100%;
   -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
   animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
   -webkit-transform: rotate(60deg);
   -ms-transform: rotate(60deg);
   transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
   -webkit-transform: rotate(120deg);
   -ms-transform: rotate(120deg);
   transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
   -webkit-transform: rotate(150deg);
   -ms-transform: rotate(150deg);
   transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
   -webkit-transform: rotate(210deg);
   -ms-transform: rotate(210deg);
   transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
   -webkit-transform: rotate(240deg);
   -ms-transform: rotate(240deg);
   transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
   -webkit-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
   -webkit-transform: rotate(300deg);
   -ms-transform: rotate(300deg);
   transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
   -webkit-transform: rotate(330deg);
   -ms-transform: rotate(330deg);
   transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
   -webkit-animation-delay: -1.1s;
   animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
   -webkit-animation-delay: -1s;
   animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
   -webkit-animation-delay: -.9s;
   animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
   -webkit-animation-delay: -.8s;
   animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
   -webkit-animation-delay: -.7s;
   animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
   -webkit-animation-delay: -.6s;
   animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
   -webkit-animation-delay: -.5s;
   animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
   -webkit-animation-delay: -.4s;
   animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
   -webkit-animation-delay: -.3s;
   animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
   -webkit-animation-delay: -.2s;
   animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
   -webkit-animation-delay: -.1s;
   animation-delay: -.1s
}

#modal-aniversario .modal-dialog {
   max-width: 1300px
}

#modal-aniversario .modal-content .modal-body {
   background-image: url(/images/aniversario/2019/1300x433.jpg);
   width: 100%;
   height: 433px;
   padding: 0;
   background-size: contain
}

#modal-aniversario .modal-content .modal-body .close {
   position: absolute;
   top: 10px;
   right: 10px;
   color: #fff;
   background-color: gray;
   opacity: 1;
   border-radius: 50px;
   width: 25px;
   cursor: pointer
}

#modal-aniversario .modal-content .modal-body .close span {
   font-weight: 100;
   text-shadow: 0 1px 0 #000
}

table.socios-abonos {
   white-space: pre-line
}

table.socios-abonos .cell-title {
   font-weight: 700
}

@-webkit-keyframes sk-circleFadeDelay {
   0%,100%,39% {
       opacity: 0
   }

   40% {
       opacity: 1
   }
}

@keyframes sk-circleFadeDelay {
   0%,100%,39% {
       opacity: 0
   }

   40% {
       opacity: 1
   }
}

@-webkit-keyframes spin {
   0% {
       -webkit-transform: rotate(0)
   }

   100% {
       -webkit-transform: rotate(360deg)
   }
}

@keyframes spin {
   0% {
       transform: rotate(0)
   }

   100% {
       transform: rotate(360deg)
   }
}

.destacados a h3.titulo {
   font-size: 20px
}

@media (max-width: 1439px) {
   .carousel.camisetas .carousel-indicators li {
       margin:auto
   }
}

@media (max-width: 1439px) {
   .carousel.camisetas .carousel-indicators li {
       margin:auto
   }

   .destacados:not(.slick-slider) .box {
       height: 310px
   }
}

@media (max-width: 1024px) {
   #modal-aniversario .modal-dialog {
       max-width:900px
   }

   #modal-aniversario .modal-content .modal-body {
       background-image: url(/images/aniversario/2019/900x600.jpg);
       height: 300px
   }
}

@media (max-width: 768px) {
   #modal-aniversario .modal-dialog {
       max-width:650px
   }

   #modal-aniversario .modal-content .modal-body {
       background-image: url(/images/aniversario/2019/650x233.jpg);
       height: 227px
   }
}

@media (max-width: 767px) {
   .foto-jugador {
       height:auto
   }

   .plantel .foto-jugador {
       height: auto;
       height: 515px!important
   }

   .destacados:not(.slick-slider) .box {
       height: 210px
   }
}

@media (max-width: 500px) {
   #modal-aniversario .modal-dialog {
       max-width:290px
   }

   #modal-aniversario .modal-content .modal-body {
       background-image: url(/images/aniversario/2019/290x260.jpg);
       height: 258px
   }
}

@media (max-width: 465px) {
   .hito .big-number {
       position:relative;
       text-align: center;
       color: #f1e8d3;
       font-size: 130px;
       font-weight: 700;
       line-height: 100px;
       margin: 0 auto;
       top: 0
   }
}

@media (max-width: 450px) {
   .carousel.camisetas .carousel-indicators li {
       border-width:1px
   }
}

@media (max-width: 420px) {
   .carousel.camisetas .carousel-indicators li {
       width:7px;
       height: 7px
   }
}

.ea-banner {
   position: relative
}

.ea-banner.unite-junio.fc24 img.logos-escudo-ea {
   top: 30px;
   width: 80%;
   max-width: 400px
}

.ea-banner.unite-junio.fc24 img.corner-der-sup {
   right: 0;
   top: 0;
   padding: 5px;
   position: absolute
}

.ea-banner.unite-junio.fc24 img.corner-der-inf {
   right: 0;
   bottom: 0;
   padding: 5px;
   position: absolute
}

.ea-banner.unite-junio.fc24 img.corner-izq-sup {
   left: 0;
   top: 0;
   padding: 5px;
   position: absolute
}

.ea-banner.unite-junio.fc24 img.corner-izq-inf {
   left: 0;
   bottom: 0;
   padding: 5px;
   position: absolute
}

.ea-banner.unite-junio.fc24 .texto-unite {
   left: 50%!important;
   transform: translateX(-50%);
   top: 160px;
   display: block;
   width: 188px;
   height: auto;
   right: unset;
   position: absolute
}

.ea-banner.unite-junio.fc24 .ea-boton {
   height: 38px;
   width: 141px;
   z-index: 1;
   left: 50%;
   transform: translateX(-50%)
}

.ea-banner.unite-junio.fc24 .ea-boton.noti-home a.btn {
   color: #e4aa16;
   background-color: #003391;
   border: none!important;
   background: #003391;
   height: 33px!important;
   text-transform: none;
   font-size: 14px;
   opacity: 1;
   font-weight: 400;
   line-height: 28px!important;
   width: 100%;
   padding: 3px 10px
}

.ea-banner.unite-junio.fc24 .ea-boton.noti-home a.btn:hover {
   color: #e4aa16;
   background-color: #011645;
   border: none!important;
   background: #011645
}

.ea-banner img.easport-superior {
   position: absolute!important;
   top: 0!important;
   left: 0!important
}

.ea-banner img.easport-inferior {
   position: absolute!important;
   bottom: 0!important;
   right: 0!important
}

.ea-banner img.logos-escudo-ea {
   width: 244px;
   top: 77px;
   position: absolute;
   left: 50%;
   transform: translateX(-50%)
}

.ea-banner img.logos-oficial.img.b-lazy.loaded {
   position: absolute;
   top: 160px;
   left: 50%;
   transform: translateX(-50%)
}

.ea-banner .powerby-xeneizes-ea {
   position: absolute;
   top: 205px;
   left: 50%;
   transform: translateX(-50%);
   width: 100%
}

.ea-banner .ea-boton {
   bottom: 25px;
   position: absolute;
   width: 100%;
   z-index: 1
}

.ea-banner .ea-boton.noti-home {
   top: 280px
}

.ea-banner .ea-boton.noti-home a.btn {
   margin-top: unset!important;
   padding: 0 36px;
   font-size: 12px;
   line-height: 37px;
   height: 38px;
   width: 248px;
   bottom: 0;
   width: 174px;
   background: #003391;
   border: 1px solid #fff!important
}

.ea-banner .ea-boton.noti-home a.btn .triang {
   right: -60px
}

.ea-banner .ea-boton a.btn {
   margin-top: 0!important
}

@media (max-width: 1439px) {
   .ea-banner img.easport-inferior,.ea-banner img.easport-superior {
       width:40%
   }

   .ea-banner img.logos-escudo-ea {
       width: 200px;
       top: 105px
   }

   .ea-banner .powerby-xeneizes-ea img {
       width: 30%
   }

   .ea-banner .powerby-xeneizes-ea {
       position: absolute;
       top: 215px
   }

   .ea-banner .ea-boton a.btn {
       margin-top: 0!important;
       padding: 0 13px!important;
       font-size: 12px
   }

   .ea-banner img.logos-oficial.img {
       top: 205px!important;
       width: 170px!important
   }
}

@media (max-width: 1023px) {
   .ea-banner img.easport-inferior,.ea-banner img.easport-superior {
       width:23%
   }

   .ea-banner img.logos-escudo-ea {
       width: 260px;
       top: 45px
   }

   .ea-banner img.logos-oficial.img {
       top: 163px!important;
       width: 170px!important
   }

   .ea-banner .powerby-xeneizes-ea {
       top: 177px
   }

   .ea-banner .ea-boton {
       top: unset!important;
       bottom: 25px
   }

   .ea-banner .powerby-xeneizes-ea img {
       width: 20%
   }

   #home-news-container .home-noticias .banner.unite-junio .ea-boton.noti-home {
       bottom: 30px
   }

   #home-news-container .home-noticias .banner.unite-junio .ea-boton.noti-home .btn {
       line-height: 31px!important
   }

   #home-news-container .home-noticias .banner.unite-junio img.logos-escudo-ea {
       top: 30px!important
   }
}

@media (max-width: 767px) {
   .ea-banner .wrapper-ea-home {
       margin-top:35px;
       height: 100%;
       position: relative
   }

   .ea-banner img.logos-escudo-ea {
       width: 218px;
       top: 27px
   }

   .ea-banner img.logos-oficial.img {
       top: 106px!important;
       width: 192px!important
   }

   .ea-banner .powerby-xeneizes-ea {
       position: absolute;
       top: 121px
   }

   .ea-banner .ea-boton {
       top: unset!important;
       bottom: 25px
   }

   .ea-banner .ea-boton a.btn {
       min-width: 60px!important;
       width: 145px!important;
       font-size: 12px!important
   }

   .ea-banner img.easport-inferior,.ea-banner img.easport-superior {
       width: 40%
   }
}

@media (max-width: 600px) {
   .ea-banner img.logos-escudo-ea {
       width:171px
   }

   .ea-banner img.logos-oficial.img {
       width: 215px!important
   }

   .ea-banner .logos-xeneize {
       width: 350px
   }

   .ea-banner .powerby-xeneizes-ea {
       top: 130px
   }

   .ea-banner .powerby-xeneizes-ea img {
       width: 25%
   }

   .ea-banner img.easport-inferior,.ea-banner img.easport-superior {
       width: 40%
   }
}

@media (max-width: 420px) {
   #utlimas-noticias .col-sm-6 {
       -ms-flex:0 0 50%;
       flex: 0 0 100%;
       max-width: 100%
   }

   #utlimas-noticias .col-sm-6 .image {
       display: block;
       position: relative;
       overflow: hidden;
       background-color: #d8d8d8
   }

   #utlimas-noticias .col-sm-6 .image img {
       position: relative;
       z-index: 10
   }

   #utlimas-noticias .col-sm-6 .image img:not(.w-100) {
       height: auto;
       width: 100%;
       max-width: 400px
   }
}

.banner-shop .banner::after {
   content: " ";
   width: 100%;
   height: 100%;
   background-size: contain;
   background-repeat: no-repeat
}

.custom-banner {
   overflow: hidden;
   min-width: 466px;
   min-height: 232px;
   background-image: url(/rebrand/images/fondo-azul-700w.jpg);
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-size: cover;
   text-align: left
}

.custom-banner .estrellas {
   position: absolute;
   display: block;
   width: 306px;
   height: 29px;
   right: 0;
   top: 21px;
   background-image: url(/rebrand/images/estrellas.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover
}

.custom-banner .producto {
   position: absolute;
   bottom: 0;
   right: 0;
   top: 20px;
   max-height: 222px
}

.custom-banner .index {
   padding: 0 18px;
   font-family: Roboto,sans-serif;
   z-index: 20
}

.custom-banner .deg {
   min-height: 93px
}

.custom-banner .deg .tit {
   margin: 0 0 16px;
   line-height: 28px;
   font-size: 24px;
   font-weight: 700;
   color: #d1b471
}

.custom-banner .deg .info {
   margin: 0;
   font-size: 16px;
   font-weight: 300;
   line-height: 22px;
   color: #fff;
   max-width: 158px
}

.custom-banner .deg .info span {
   font-weight: 700
}

.custom-banner .btn {
   height: 60px;
   min-width: 195px;
   padding: 0 60px;
   margin-top: 32px;
   font-size: 14px;
   font-weight: 300;
   line-height: 60px;
   letter-spacing: .6px;
   text-align: center;
   border-radius: 30px;
   color: #fff;
   text-transform: uppercase;
   border: solid 2px #fff!important;
   background-color: transparent;
   position: relative;
   overflow: hidden;
   box-shadow: none
}

.custom-banner .btn .triang {
   top: -24px;
   right: -48px;
   position: absolute;
   width: 110px;
   height: 70px;
   transform: rotate(45deg);
   opacity: .24;
   background-color: #000
}

.custom-banner .btn:hover {
   background: #011645;
   color: #f3b229;
   border: 2px solid rgba(255,255,255,.2)
}

.custom-banner.programa .estrellas {
   width: 220px;
   background-position: 52% 50%
}

.custom-banner.programa .deg .tit {
   margin: 0 0 16px
}

.custom-banner.programa .deg .info {
   max-width: 200px
}

.custom-banner.programa .producto {
   right: 41px
}

.custom-banner.museo {
   background-image: url(/rebrand/images/fondo-azul-museo.jpg);
   text-align: center
}

.custom-banner.museo .deg {
   padding-top: 16px
}

.custom-banner.museo .deg .tit {
   margin: 0 0 16px
}

.custom-banner.museo .deg .info {
   max-width: none;
   padding: 16px 20px 0
}

.custom-banner.museo .deg .info strong {
   display: block;
   width: 100%;
   font-weight: 700
}

.custom-banner.museo .btn {
   min-width: 298px;
   margin-top: 20px
}

.custom-banner.partido {
   float: left;
   width: 100%;
   min-width: 100%;
   text-align: center;
   margin-bottom: 10px
}

.custom-banner.partido .deg {
   padding-top: 16px
}

.custom-banner.partido .deg .tit {
   margin: 0 0 16px
}

.custom-banner.partido .deg .tit.main-tit {
   color: #fff
}

.custom-banner.partido .deg .info {
   max-width: none;
   padding: 16px 20px 0;
   color: #d1b471
}

.custom-banner.partido .deg .info strong {
   display: block;
   width: 100%;
   font-weight: 700
}

.mobile-banner {
   padding: 0
}

.mobile-banner img.sf-img {
   height: 100%
}

@media (max-width: 575px) {
   .banner-shop.col-xs-6 .banner::after {
       background-image:url(/rebrand/images/banners/XS-comprar2.png)
   }

   .banner-shop.col-xs-12 {
       height: 105px
   }

   .banner-shop.col-xs-12 .banner::after {
       background-image: url("/rebrand/images/banners/XS-compra horizontal.png")
   }
}

@media (min-width: 576px) and (max-width:767px) {
   .banner-shop.col-sm-6 .banner::after {
       background-image:url("/rebrand/images/banners/FULL HD-comprax2.png")
   }

   .banner-shop.col-sm-12 .banner {
       height: 180px
   }

   .banner-shop.col-sm-12 .banner::after {
       background-image: url("/rebrand/images/banners/FULL HD-compra horizontal.png")
   }
}

@media (min-width: 768px) and (max-width:991px) {
   .banner-shop.col-md-6 .banner::after {
       background-image:url("/rebrand/images/banners/FULL HD-comprax2.png")
   }

   .banner-shop.col-md-12 .banner {
       height: 105px
   }

   .banner-shop.col-md-12 .banner::after {
       background-image: url("/rebrand/images/banners/FULL HD-compra horizontal.png")
   }
}

@media (min-width: 992px) and (max-width:1199px) {
   .banner-shop.col-lg-3 .banner::after {
       background-image:url("/rebrand/images/banners/FULL HD-comprar.png")
   }

   .banner-shop.col-lg-6 .banner::after {
       background-image: url("/rebrand/images/banners/FULL HD-comprax2.png")
   }

   .banner-shop.col-lg-12 .banner {
       height: 100%
   }

   .banner-shop.col-lg-12 .banner::after {
       background-image: url("/rebrand/images/banners/FULL HD-compra horizontal.png")
   }
}

@media (min-width: 1200px) {
   .banner-shop.col-lg-3 .banner::after {
       background-image:url("/rebrand/images/banners/FULL HD-comprar.png")
   }

   .banner-shop.col-lg-6 .banner::after {
       background-image: url("/rebrand/images/banners/FULL HD-comprax2.png")
   }

   .banner-shop.col-lg-12 .banner {
       height: 100%
   }

   .banner-shop.col-lg-12 .banner::after {
       background-image: url("/rebrand/images/banners/FULL HD-compra horizontal.png")
   }
}