/* global styles */

html {
    height: 100%;
    overflow-x: hidden;
}

body {
    background-color: #252826;
    overflow-y: scroll;
    padding-top: 0px;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    font-size: 14px;
    font-size: 1.25em;
    color: #888;
    font-weight: 300;
    height: 100%;
    padding-bottom: 15px;
}

@media (min-height: 620px) {
    body {
        overflow-y: hidden;
        padding-top: 100px;
    }
}

/*
@media(max-height:619px) {

    .navbar-fixed-top {
        position: relative;
    }
}*/

@media(min-width: 768px) {
    body {
        background-color: #f8f8f8 /*#252826*/; /*ph*/
    }
}

p {
    color: #4D4747;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5;
}

label {
    display: block;
    margin-bottom: 0px;
    color: #333;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5;
}

a {
    color: #F26516;
}

h1, h2 {
    color: white;
    margin-bottom: 20px;
}

ul
{
    list-style-type: none;
    padding-left: 0px;
}

.panel-auto {
     height: auto!important;
}

.panel-principal {
    overflow: hidden;
}

.panel {
    border-color: #F26516;
}

.panel-principal > .panel-body {
    max-height: none!important;
    overflow-y: auto;
}

@media(min-height:620px) {
    .panel-principal > .panel-body {
        max-height: 475px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}
.panel-principal > .panel-heading h3 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.panel-primary > .panel-heading {
    background-color: #F26516;
    border-color: #F26516;
    text-align: center;
    margin-bottom: 2px;
}

.panel-title h3 {
    font-size: 20px;
}

h3.panel-title {
    font-size: 20px;
}

.ui-widget-overlay { z-index: 2000 !important; }
.ui-dialog { z-index: 2001 !important ;}


#containerBody {
    padding: 0px;
}

/* Navigation */


/* ------------------------------- */

/* Top Right Navigation Dropdown Styles */

.navbar-header {
    margin-right: 0px!important;
}
.navbar-top-links li {
    display: inline-block;
}

.nav > li {
    margin-left: 15px;
}

.nav > li > a {
    font-size: 16px;
    font-weight: bold;
    color: rgba(68, 82, 40, 1);
}


.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.dropdown-menu {
    background-color:#f26516 /*#245E24*/; /*ph*/
    border-top: 0px;
}

.dropdown-menu > li > a {
    color: white;
    font-size: 15px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.nav-pills {
    margin-bottom: 15px;
}

/* Override bootstrap styles */

.form-register .form-group {
    text-align: left;
}

.field-validation-error {
    color: red;
}
.validation-summary-errors {
    color: red;
    font-size: 14px;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    margin: 0px;
}

.ui-dialog .ui-dialog-content {
    padding: 10px;
}

.ui-widget-overlay {
    background: #666666;
}

.btn-default, .btn-default:visited, .btn-default:focus {
    color: white;
    background-color: rgba(242,101,22,1.0);
    border-color: #F26516;
}

.btn-default:hover, .btn-default:active {
    color: white;
    background-color: rgba(242,101,22,0.6);
    border-color: #F26516;
}


.btn-primary, .btn-primary:visited, .btn-primary:focus {
    color: white;
    background-color: #292929;
    border-color: black !important;
}

.btn-primary.disabled, .btn-default.disabled {
    color: #494949;
    border-color: #494949;
    background-color: lightgrey;
}

.btn-primary:hover, .btn-primary:active {
    background-color: #494949 !important;
    border-color: black !important;
}

.footable {
    border-bottom: 1px solid #ccc;
}

.footable > thead > tr > th:first-child {
    border-left: 0px;
}

.footable > thead > tr > th:last-child {
    border-right: 0px;
}

.footable > tbody > tr > td:last-child {
    border-right: 1px solid #ccc;
}

/* Sidebar Menu Styles */

.sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

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

    .vertical .nav > li {
        float: none;
    }

        .vertical .nav > li a {
            padding: 10px 0 10px 20px;
        }

    .vertical ul.sub-level {
        display: none;
    }

    .vertical li:hover .sub-level {
        position: relative;
        left: 45px;
        top: 0px;
        display: block;
    }

.span2 .verticalNav > li a {
    width: 120px;
}

.span3 .verticalNav > li a {
    width: 200px;
}

.span4 .verticalNav > li a {
    width: 280px;
}

.icon_align {
    margin-left: 28px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.nav-justified {
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-left: 0px;
}

    .nav-justified > li > a {
        margin-bottom: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #777;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #d5d5d5;
        background-color: #e5e5e5; /* Old browsers */
        background-repeat: repeat-x; /* Repeat the gradient */
        background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
        background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
        background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
        background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
    }

    .nav-justified > .active > a,
    .nav-justified > .active > a:hover,
    .nav-justified > .active > a:focus {
        background-color: #ddd;
        background-image: none;
        box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
    }

    .nav-justified > li:first-child > a {
        border-radius: 5px 5px 0 0;
    }

    .nav-justified > li:last-child > a {
        border-bottom: 0;
        border-radius: 0 0 5px 5px;
    }

@media (min-width: 768px) {
    .nav-justified {
        max-height: 52px;
    }

        .nav-justified > li > a {
            border-left: 1px solid #fff;
            border-right: 1px solid #d5d5d5;
        }

        .nav-justified > li:first-child > a {
            border-left: 0;
            border-radius: 5px 0 0 5px;
        }

        .nav-justified > li:last-child > a {
            border-radius: 0 5px 5px 0;
            border-right: 0;
        }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
}

----------------------------------------------------------------------------------------------------------- .containerDiv {
    margin: 0 !important;
    padding: 0;
    position: relative;
    max-width: none !important;
    width: auto !important;
}

.containerMenu {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(51, 114, 45);
    ;
}

@media (min-width: 768px) {
    .containerMenu {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .containerMenu {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .containerMenu {
        width: 100%;
    }
}

.customHr {
    margin: 10px 23px 0px 34px;
    border: 0;
    border-top: 8px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}

.customBoldP {
    font-weight: bolder;
    color: rgba(242,101,22,1.0);
    display: inline;
}

.customBoldPTeam {
    font-weight: bolder;
    color: rgba(226, 236, 24, 1);
    display: inline;
}

.customBoldPFull {
    font-weight: bolder;
    color: rgba(0,255,102,1.0);
    display: inline;
}

.customBoldPPro {
    font-weight: bolder;
    color: rgba(6,187,249,1.0);
    display: inline;
}

.customBoldPReal {
    font-weight: bolder;
    color: rgba(252,122,34,1.0);
    display: inline;
}


.customBoldHr {
    color: rgba(242,101,22,1.0);
}

#content {
    background-color: #ffffff;
}

.customp {
    margin: 15px 20px 10px 20px;
}

.carouselCustom {
    position: relative;
    margin: 15px 0;
    padding: 0px 27px 14px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.caption {
    background-color: rgba(58,58,58,1.0);
    min-height: 87px;
}

@media screen and (max-width: 1024px) {
    .caption {
        min-height: 130px;
    }

    #colMedioInfo {
        border-left: 1px solid grey;
        border-right: 1px solid grey;
    }
}

@media screen and (max-width: 480px) {
    .caption {
        min-height: 40px;
    }

    #colCaracteristicasChico {
        display: inline !important;
    }

    #colCaracteristicasGrande {
        display: none !important;
    }

    #aLogo {
        width: 40%;
    }
}

#colCaracteristicasGrande {
    display: inline;
}

#colCaracteristicasChico {
    display: none;
}

@media screen and (max-width: 520px) {
    #img-team {
        content: url('img/Productos/BOTON_TEAM_CEL.png');
    }

    #img-full {
        content: url('img/Productos/BOTON_FULL_CEL.png');
    }

    #img-pro {
        content: url('img/Productos/BOTON_PRO_CEL.png');
    }

    #img-realTime {
        content: url('img/Productos/BOTON_REAL-TIME_CEL.png');
    }

    #img-trends {
        content: url('img/Productos/BOTON_TRENDS_CEL.png');
    }

    #img-software {
        content: url('img/Productos/SOFTWARE_CEL.png');
    }
}

@media screen and (max-width: 800px) {
    #colVertical {
        display: none !important;
    }

    #colHorizontal {
        display: inline !important;
    }
}

#colVertical {
    display: inline;
}

#colHorizontal {
    display: none;
}

.v-center {
    display: table !important;
    height: auto;
    width: 100%;
}

.content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.btn-default {
    background-color: rgba(242,101,22,1.0);
    color: White;
}

    .btn-default:hover {
        background-color: rgba(242,101,22,0.6);
    }

.thumbnail {
    border: 0px solid #ddd;
    padding: 0;
}

    .thumbnail .caption {
        padding: 0;
        margin-bottom: 3px;
    }

#map {
    background: url('img/Clientes/mapa_clientes.png') no-repeat center center;
    background-size: 100% auto;
    min-height: 500px;
}

#wrap {
    min-height: 100%;
}

.footer {
    position: relative;
    height: 150px;
    clear: both;
    background-color: rgba(58,58,58,1.0);
}

.footerRow {
    height: 150px;
}

.footerCol {
    height: 150px;
}

.carousel-control {
    top: 50%;
    width: auto;
    height: 1em;
    background: transparent;
}

    .carousel-control .glyphicon-chevron-right {
        position: static;
        display: block;
        width: auto;
        margin-right: 10px;
    }

    .carousel-control .glyphicon-chevron-left {
        position: static;
        display: block;
        width: auto;
        margin-left: 10px;
    }

        .carousel-control .glyphicon-chevron-left:before {
            margin-left: 0;
        }

.carousel-indicators li {
    background-color: #E6E4E4;
    border: 1px solid #E6E4E4;
    width: 15px;
    height: 15px;
    margin-left: 10px;
}

.carousel-indicators .active
{
    background-color: #252826;
    width:17px;
    height:17px;
    margin-left: 10px;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-indicators {
    bottom: -50px;
}

@media screen and (max-width: 1008px) {
    .carousel-indicators li {
        background-color: #E6E4E4;
        border: 1px solid #E6E4E4;
        width: 10px;
        height: 10px;
        margin-left: 5px;
    }

    .carousel-indicators .active {
        background-color: #252826;
        width: 12px;
        height: 12px;
        margin-left: 5px;
    }

    .carousel-indicators {
        bottom: -50px;
    }
}

@media screen and (max-width: 480px) {
    .carousel-indicators li {
        background-color: #E6E4E4;
        border: 1px solid #E6E4E4;
        width: 5px;
        height: 5px;
        margin-left: 5px;
    }

    .carousel-indicators .active {
        background-color: #252826;
        width: 7px;
        height: 7px;
        margin-left: 5px;
    }

    .carousel-indicators {
        bottom: -30px;
    }
}

.ch-grid {
    margin: 0px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

    .ch-grid:after,
    .ch-item:before {
        content: '';
        display: table;
    }

    .ch-grid:after {
        clear: both;
    }

    .ch-grid li {
        width: 145px;
        height: 150px;
        display: inline-block;
        margin: 20px;
        margin-top: 0px;
    }


.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
}

.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .ch-info > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        background-position: center center;
        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        transition: all 0.4s linear;
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    .ch-info .ch-info-front {
        box-shadow: inset 0 0 0 0px rgba(0,0,0,0.3);
    }

    .ch-info .ch-info-back {
        -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
        -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
        -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
        -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
        transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
        background: rgba(58,58,58,1.0);
        opacity: 0;
    }

.ch-img-1 {
    background: url('img/Clientes/Clubes/cnf.png') no-repeat;
}

.ch-img-2 {
    background: url('img/Clientes/Clubes/atleticonacional.png') no-repeat;
}

.ch-img-3 {
    background: url('img/Clientes/Clubes/penarol.png') no-repeat;
}

.ch-img-4 {
    background: url('img/Clientes/Clubes/defensor.png') no-repeat;
}

.ch-img-5 {
    background: url('img/Clientes/Clubes/Alianza-Lima.png') no-repeat;
}

.ch-img-6 {
    background: url('img/Clientes/Clubes/cristal.png') no-repeat;
}

.ch-img-7 {
    background: url('img/Clientes/Clubes/danubio.png') no-repeat;
}

.ch-img-8 {
    background: url('img/Clientes/Clubes/Juventud.png') no-repeat;
}

.ch-img-9 {
    background: url('img/Clientes/Clubes/racing.png') no-repeat;
}

.ch-img-10 {
    background: url('img/Clientes/Clubes/Universitario_100x100.png') no-repeat;
}

.ch-img-11 {
    background: url('img/Clientes/Clubes/wanderers.png') no-repeat;
}

.ch-img-12 {
    background: url('img/Clientes/Clubes/liverpool.png') no-repeat;
}

.ch-img-13 {
    background: url('img/Clientes/Clubes/alnassr.png') no-repeat;
}

.ch-img-14 {
    background: url('img/Clientes/Clubes/medellin.png') no-repeat;
}

.ch-img-15 {
    background: url('img/Clientes/Clubes/cali.png') no-repeat;
}

.ch-img-16 {
    background: url('img/Clientes/Clubes/cerro.png') no-repeat;
}

.ch-img-17 {
    background: url('img/Clientes/Clubes/cerroporteno.png') no-repeat;
}

.ch-img-18 {
    background: url('img/Clientes/Clubes/guarani.png') no-repeat;
}

.ch-img-19 {
    background: url('img/Clientes/Clubes/huila.png') no-repeat;
}

.ch-img-20 {
    background: url('img/Clientes/Clubes/independientedelvalle.png') no-repeat;
}

.ch-img-21 {
    background: url('img/Clientes/Clubes/banfield.png') no-repeat;
}

.ch-img-22 {
    background: url('img/Clientes/Clubes/juanaurich.png') no-repeat;
}

.ch-img-23 {
    background: url('img/Clientes/Clubes/olimpia.png') no-repeat;
}

.ch-img-24 {
    background: url('img/Clientes/Clubes/pasto.png') no-repeat;
}

.ch-img-25 {
    background: url('img/Clientes/Clubes/rampla.png') no-repeat;
}

.ch-img-26 {
    background: url('img/Clientes/Clubes/rangers.png') no-repeat;
}

.ch-img-27 {
    background: url('img/Clientes/Clubes/river.png') no-repeat;
}

.ch-img-28 {
    background: url('img/Clientes/Clubes/sanmartin.png') no-repeat;
}

.ch-img-29 {
    background: url('img/Clientes/Clubes/santafe.png') no-repeat;
}

.ch-img-30 {
    background: url('img/Clientes/Clubes/tachira.png') no-repeat;
}

.ch-img-31 {
    background: url('img/Clientes/Clubes/tolima.png') no-repeat;
}

.ch-img-32 {
    background: url('img/Clientes/Clubes/ucatolica.png') no-repeat;
}

.ch-img-33 {
    background: url('img/Clientes/Clubes/uchile.png') no-repeat;
}

.ch-img-34 {
    background: url('img/Clientes/Clubes/oncecaldas.png') no-repeat;
}

.ch-img-35 {
    background: url('img/Clientes/Clubes/cucuta.png') no-repeat;
}

.ch-img-36 {
    background: url('img/Clientes/Clubes/bellavista.png') no-repeat;
}

.ch-img-37 {
    background: url('img/Clientes/Federaciones/auf.png') no-repeat;
}

.ch-img-38 {
    background: url('img/Clientes/Federaciones/honduras.png') no-repeat;
}

.ch-img-39 {
    background: url('img/Clientes/Federaciones/colombia.png') no-repeat;
}

.ch-img-40 {
    background: url('img/Clientes/Federaciones/venezuela.png') no-repeat;
}

.ch-img-41 {
    background: url('img/Clientes/Federaciones/angola.png') no-repeat;
}

.ch-img-42 {
    background: url('img/Clientes/Federaciones/paraguay.png') no-repeat;
}

.ch-img-43 {
    background: url('img/Clientes/Federaciones/elsalvador.png') no-repeat;
}

.ch-info label {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin: 0 5px 15px;
    padding: 40px 0 0 0;
    height: 75px;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

    .ch-info p a {
        display: block;
        color: #fff;
        color: rgba(255,255,255,0.7);
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        padding-top: 4px;
        font-family: 'Open Sans', sans-serif;
    }

        .ch-info p a:hover {
            color: #fff222;
            color: rgba(255,242,34, 0.8);
        }

.ch-item:hover .ch-info-front {
    -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
}

.ch-item:hover .ch-info-back {
    -webkit-transform: rotate3d(1,0,0,0deg);
    -moz-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}


#wrap2 {
    width: 100%;
    max-width: 1100px;
    margin: 10px auto;
    text-align: center;
}

.columns_2 figure {
    width: 49%;
    margin-right: 1%;
}

    .columns_2 figure:nth-child(2) {
        margin-right: 0;
    }

.columns_3 figure {
    width: 32%;
    margin-right: 1%;
}

    .columns_3 figure:nth-child(3) {
        margin-right: 0;
    }

.columns_4 figure {
    width: 23%;
    margin-right: 3%;
}

    .columns_4 figure:nth-child(4) {
        margin-right: 0;
    }

.columns_5 figure {
    width: 19%;
    margin-right: 1%;
}

    .columns_5 figure:nth-child(5) {
        margin-right: 0;
    }

#columns figure:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

#columns:hover figure:not(:hover) {
    opacity: 0.4;
}

div#columns figure {
    display: inline-block;
    background: #ffffff;
    border: 2px solid #FAFAFA;
    margin: 0 0px 15px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    padding: 15px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(45deg, #FFF, #ffffff);
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}

    div#columns figure img {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
        margin-bottom: 5px;
    }

    div#columns figure figcaption {
        font-size: .9rem;
        color: #444;
        line-height: 1.5;
        height: 60px;
        font-weight: 600;
        text-overflow: ellipsis;
    }

a.button {
    padding: 5px;
    background: rgba(242,101,22,1.0);
    margin: 10px;
    display: block;
    text-align: center;
    color: #fff;
    transition: all 1s linear;
    text-decoration: none;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border-radius: 3px;
    border-bottom: 3px solid rgba(242,101,22,1.0);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

    a.button:hover {
        background: rgba(242,101,22,1.0);
        border-bottom: 3px solid rgba(242,101,22,1.0);
        color: #f1f2f3;
    }

@media screen and (max-width: 960px) {
    #columns figure {
        width: 24%;
    }
}

@media screen and (max-width: 767px) {
    #columns figure {
        width: 32%;
    }
}

@media screen and (max-width: 600px) {
    #columns figure {
        width: 49%;
    }
}

@media screen and (max-width: 500px) {
    #columns figure {
        width: 100%;
    }
}

.da-slide {
    position: relative;
}

    .da-slide h2,
    .da-slide p,
    .da-slide .da-link {
        position: absolute;
        opacity: 1;
        left: 10%;
    }


@media screen and (max-width: 1008px) {
    .da-slide .da-img {
        top: 20px;
        position: absolute;
        opacity: 1;
        text-align: center;
        width: 30%;
        left: 110%; /*60%*/
    }

    .da-slide h2 {
        font-size: 36px !important;
    }

    .da-slide p {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 820px) {
    .da-slide .da-img {
        top: 60px;
        position: absolute;
        opacity: 1;
        text-align: center;
        width: 30%;
        left: 110%; /*60%*/
    }

    .da-slide h2 {
        font-size: 32px !important;
    }

    .da-slide p {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 480px) {
    .da-slide .da-img {
        top: 200px;
        position: absolute;
        opacity: 1;
        text-align: center;
        width: 1%;
        left: 40%; /*60%*/
    }

    .da-slide h2 {
        font-size: 22px !important;
    }

    .da-slide p {
        font-size: 18px !important;
    }
}

.da-dots,
.da-arrows {
    display: none;
}

.da-slider {
    width: 100%;
    height: 400px;
    position: relative;
    margin: 0px auto;
    overflow: hidden;
    background: transparent url(img/map.gif) repeat 0% 0%;
    background-size: cover;
    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
}

.da-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
}

.da-slide-current {
    z-index: 1000;
}

.da-slider-fb .da-slide {
    left: 100%;
}

    .da-slider-fb .da-slide.da-slide-current {
        left: 0px;
    }

.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img {
    position: absolute;
    opacity: 0;
    left: 50%;
}

.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
    left: 10%;
    opacity: 1;
}

.da-slider-fb .da-slide .da-img {
    left: 50%;
    opacity: 1;
}

.da-slide h2 {
    color: #fff;
    font-size: 46px;
    top: 60px;
    white-space: nowrap;
    z-index: 10;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-family: 'Open Sans', sans-serif;
}

.da-slide p {
    top: 155px;
    color: #ffffff;
    font-size: 32px;
    line-height: 26px;
    height: 80px;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
}

.da-slide .da-link {
    top: 240px; /*depends on p height*/
    border-radius: 30px;
    box-shadow: 0px 1px 1px rgba(242,101,22,1.0);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 8px solid rgba(242,101,22,1.0);
    padding: 2px 20px 0px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    background: rgba(255,255,255,0.2);
}

    .da-slide .da-link:hover {
        background: rgba(255,255,255,0.3);
        text-decoration: none;
    }

.da-dots {
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0px;
    bottom: 20px;
    z-index: 2000;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-dots span {
        display: inline-block;
        position: relative;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #e4b42d;
        margin: 3px;
        cursor: pointer;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
    }

        .da-dots span.da-dots-current:after {
            content: '';
            width: 8px;
            height: 8px;
            position: absolute;
            top: 2px;
            left: 2px;
            border-radius: 50%;
            background: rgb(255,255,255);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
        }

.da-arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-arrows span {
        position: absolute;
        top: 50%;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: #e4b42d;
        cursor: pointer;
        z-index: 2000;
        opacity: 0;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
        -webkit-transition: opacity 0.4s ease-in-out 0.2s;
        -moz-transition: opacity 0.4s ease-in-out 0.2s;
        -o-transition: opacity 0.4s ease-in-out 0.2s;
        -ms-transition: opacity 0.4s ease-in-out 0.2s;
        transition: opacity 0.4s ease-in-out 0.2s;
    }

.da-slider:hover .da-arrows span {
    opacity: 1;
}

.da-arrows span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: transparent url(img/arrows.png) no-repeat top left;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}

.da-arrows span.da-arrows-next:after {
    background-position: top right;
}

.da-arrows span.da-arrows-prev {
    left: 15px;
}

.da-arrows span.da-arrows-next {
    right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link {
    left: 10%;
    opacity: 1;
}

.da-slide-current .da-img {
    left: 50%;
    opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2 {
    -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright p {
    -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright .da-link {
    -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromright .da-img {
    -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}
/* Slide in from the left*/
.da-slide-fromleft h2 {
    -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft p {
    -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft .da-link {
    -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromleft .da-img {
    -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}
/* Slide out to the right */
.da-slide-toright h2 {
    -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-toright p {
    -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toright .da-link {
    -webkit-animation: toRightAnim3 0.4s ease-in-out both;
    -moz-animation: toRightAnim3 0.4s ease-in-out both;
    -o-animation: toRightAnim3 0.4s ease-in-out both;
    -ms-animation: toRightAnim3 0.4s ease-in-out both;
    animation: toRightAnim3 0.4s ease-in-out both;
}

.da-slide-toright .da-img {
    -webkit-animation: toRightAnim4 0.6s ease-in-out both;
    -moz-animation: toRightAnim4 0.6s ease-in-out both;
    -o-animation: toRightAnim4 0.6s ease-in-out both;
    -ms-animation: toRightAnim4 0.6s ease-in-out both;
    animation: toRightAnim4 0.6s ease-in-out both;
}

@-webkit-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}
/* Slide out to the left*/
.da-slide-toleft h2 {
    -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
    -moz-animation: toLeftAnim1 0.6s ease-in-out both;
    -o-animation: toLeftAnim1 0.6s ease-in-out both;
    -ms-animation: toLeftAnim1 0.6s ease-in-out both;
    animation: toLeftAnim1 0.6s ease-in-out both;
}

.da-slide-toleft p {
    -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toleft .da-link {
    -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}

.da-slide-toleft .da-img {
    -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-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: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

.slick-loading .slick-list {
    background: white url(./ajax-loader.gif) center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
    -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;
    zoom: 1;
}

    .slick-track:before, .slick-track:after {
        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;
}

    .slick-slide img {
        display: block;
    }

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

/* Icons */
@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 95%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:focus, .slick-next:focus {
        outline: none;
    }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before, .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.85;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: 150px;
}

    .slick-prev:before {
        content: "\2190";
    }

.slick-next {
    right: 150px;
}

    .slick-next:before {
        content: "\2192";
    }

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0px 5px;
        padding: 0px;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
            outline: none;
        }

            .slick-dots li button:focus {
                outline: none;
            }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "\2022";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #252826;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: 0.75;
        }

@media screen and (max-width: 1180px) {
}


@media screen and (max-width: 820px) {
    .slick-next {
        right: 100px;
    }

    .slick-prev {
        left: 185px;
    }

    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        zoom: 1.1;
    }
}

@media screen and (max-width: 480px) {
    .slick-next {
        right: 18px;
    }

    .slick-prev {
        left: 17px;
    }

    .slick-prev, .slick-next {
        top: 95%;
    }

    .slick-slider {
        margin-left: 0px;
    }

    .slick-track {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        zoom: 1;
    }
}


.cbp-qtrotator {
    position: relative;
    margin: 60px auto 5em auto;
    max-width: 800px;
    width: 100%;
    background-color: #dff0d8;
}

    .cbp-qtrotator .cbp-qtcontent {
        position: absolute;
        padding: 5px 0 20px;
        top: 0;
        z-index: 0;
        opacity: 0;
        width: 100%;
        border: 0px;
        text-align: center;
    }

.no-js .cbp-qtrotator .cbp-qtcontent {
    border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
    position: relative;
    z-index: 100;
    pointer-events: auto;
    opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
    content: " ";
    display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
    clear: both;
}


.cbp-qtprogress {
    position: absolute;
    background: rgba(242,101,22,1.0);
    height: 1px;
    width: 0%;
    top: 0;
    z-index: 1000;
    display: none;
}

.cbp-qtrotator blockquote {
    margin: 0;
    padding: 0;
    border-left: 0px solid #ffffff;
}

    .cbp-qtrotator blockquote p {
        font-size: 14px;
        margin: 5px 5px 5px 5px;
    }

    .cbp-qtrotator blockquote footer {
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        color: rgba(242,101,22,1.0);
    }

/* Example for media query */
@media screen and (max-width: 840px) {

    .cbp-qtrotator {
        margin: 10px auto 20px auto;
    }
}

/* Example for media query */
@media screen and (max-width: 30.6em) {

    .cbp-qtrotator {
        font-size: 70%;
    }

        .cbp-qtrotator img {
            width: 80px;
        }
}



.bubble2 {
    position: relative;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Open Sans', sans-serif;
    padding: 26px;
    padding-top: 15px;
    background: rgba(58,58,58,1.0);
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 80px;
}

@media screen and (max-width: 1080px) {
    .bubble2 {
        padding: 30px;
    }
}

#fondoBig {
    display: inline;
}

.verticalMenu {
    display: inline;
}

#fondoPro {
    background: url('img/Productos/FONDO_PRO.png') repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 480px;
    max-height: 1580px;
    display: none;
}

@media screen and (max-width: 480px) {
    #fondoPro {
        display: block;
        background: url('img/Productos/FONDO_PRO.png') repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 360px;
        max-height: 1520px;
    }

    #fondoBig {
        display: none;
    }

    #trendsHorizontal {
        width: 18%;
    }

    #teamHorizontal {
        width: 18%;
    }

    #proHorizontal {
        width: 18%;
    }

    #fullHorizontal {
        width: 18%;
    }

    #realHorizontal {
        width: 18%;
    }
}

@media screen and (max-width: 1024px) {
    .horizontalMenu {
        display: inline;
    }

    .verticalMenu {
        display: none;
    }
}

@media screen and (max-width: 820px) {
    .bubble2 {
        padding: 26px;
    }

    .bubble3 p {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .bubble2 {
        padding: 26px;
    }

    .bubble3 p {
        font-size: 10px;
    }
}

.bubble3 {
    position: relative;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Helvetica 45 Light';
    padding: 26px;
    background: rgba(58,58,58,1.0);
    -webkit-border-radius: 29px;
    -moz-border-radius: 29px;
    border-radius: 80px;
    background-color: rgba(121,121,121,1.0);
}

    .bubble3:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 7px 50px;
        border-color: rgba(121,121,121,1.0) transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -50px;
        left: 50%;
    }







/* Icon font for arrow icons */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
    src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Iconfont by Icomoon http://icomoon.io/ */


/* Accordion style */
.cbp-ntaccordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cbp-ntsubaccordion {
    list-style: none;
}

.cbp-ntaccordion .cbp-nttrigger {
    cursor: pointer;
}

.cbp-ntaccordion h3 {
    margin: 0 0 0.3em;
    padding: 1em 0 0.5em;
    border-bottom: 1px solid #ddd;
    font-size: 1.7em;
    font-weight: 300;
    color: rgba(58,58,58,1.0);
}

.cbp-ntaccordion h4 {
    font-size: 1.2em;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    padding: 0.5em 0 0.5em;
    margin: 0 0 0.5em;
}

.cbp-ntaccordion h5 {
    font-size: 1.2em;
    color: #aaa;
    padding: 0.5em 0 0.5em;
    margin: 0 0 0.5em;
}

.cbp-ntaccordion .cbp-ntcontent p {
    color: #4D4747;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0.2em 1.5em 1.5em 1.5em;
    margin: 0;
}

/* Arrow icons */
.cbp-nttrigger:before,
.cbp-nttrigger:before {
    font-family: 'icomoon';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ddd;
    margin-right: 0.5em;
    -webkit-font-smoothing: antialiased;
}

.cbp-nttrigger:before {
    font-size: 75%;
}

.cbp-nttrigger:before {
    content: "\36";
}

.cbp-nttrigger:hover:before {
    content: "\35";
    color: inherit;
}

.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
    content: "\34";
    color: inherit;
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    content: "\32";
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
    content: "\33";
    color: inherit;
}

.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    content: "\31";
    color: inherit;
}

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent {
    height: 0;
    overflow: hidden;
}

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent {
    height: auto;
}

/* Example for media query */
@media screen and (max-width: 32em) {

    .cbp-ntaccordion {
        font-size: 70%;
    }
}

.video-responsive {
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-left: 5%;
    margin-right: 5%;
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    max-height: 420px;
}

.events-container {
    width: 100%;
    /*height: 400px;*/
    /*overflow-y: scroll;*/
}


.wa_btn {
    background-image: url('img/button.svg');
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block !important;
    position: relative;
    font-family: Arial,sans-serif;
    letter-spacing: .4px;
    cursor: pointer;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    border-radius: 2px;
    background-color: #5cbe4a;
    background-repeat: no-repeat;
    line-height: 1.2;
    text-decoration: none;
    text-align: left;
}

.wa_btn_s {
    font-size: 12px;
    background-size: 16px;
    background-position: 5px 2px;
    padding: 3px 6px 3px 25px;
}

.wa_btn_m {
    font-size: 16px;
    background-size: 20px;
    background-position: 4px 2px;
    padding: 4px 6px 4px 30px;
}

.wa_btn_l {
    font-size: 16px;
    background-size: 20px;
    background-position: 5px 5px;
    padding: 8px 6px 8px 30px;
}

.active2 {
    text-decoration: underline;
    font-size: 16px;
}

/******** LOGIN ********/
/***********************/

.az-login-outer-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.az-register-outer-container {
    width: 100%;
    height: 100%;
    display: block;
    margin-top: 40px;
    justify-content: center;
}

.az-register-inner-container {
}

.az-login-inner-container {
    align-self: center;
}

.az-stats-caracteristicas {
    float: right;
    width: 375px;
    height: 368px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 19px 20px 0px 40px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    color: black;
}

.az-stats-caracteristicas div {
    margin-left: -25px;
    margin-bottom: 15px;
    font-size: 23px;
}

.az-stats-caracteristicas ul li {
    display: block;
    font-size: 17px;
    margin-bottom: 7px;
}

.az-stats-caracteristicas ul li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 13px;
    float: left;
    margin-left: -20px;
    top: 2px;
    position: relative;
}

.form-signin {
    background-color: rgba(255, 255, 255, 0.7);
    max-width: 350px;
    padding: 19px 29px 29px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    width: 375px;
    height: 368px;
}

.form-register {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 19px 29px 29px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

@media(min-width: 768px) {
    .form-signin {
        float: left;
    }
}

.form-signin-heading {
    /*background-color: #F26516;*/
    margin-top: 5px;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 30px;
    text-align: center;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

.timeline {
    height:50px;
    margin:15px;
    margin-top: 30px;
    margin-right: 55px;
    border-top: 2px solid #003300;
}

.timeline-event-default {
    width: 20px;
    position: absolute;
    margin-top: -4px;
}

/* 9 - remate
10 - centro
11 - gol
23 - tiro esquina 
39 - tiro libre */
.timeline-event-9 {
    z-index: 900;
}
.timeline-event-9 .timeline-event-index {
    background-color: rgb(0,0,48);
    font-size: 17px;
    color: white;
    margin-top: -8px;
}
.timeline-event-10 {
    z-index: 100;
}
.timeline-event-10 .timeline-event-index {
    background-color: #F26516;
    color: white;
    margin-top: -8px;
}
.timeline-event-11 {
    z-index: 3000;
}
.timeline-event-11 .timeline-event-index {
    background-color: rgb(48,0,0);
    font-size: 20px;
    color: white;
    margin-top: -8px;
}
.timeline-event-23 {
    z-index: 200;
}
.timeline-event-23 .timeline-event-index {
    background-color: #F26516;
    font-size: 15px;
    color: white;
    margin-top: -8px;
}
.timeline-event-39 {
    z-index: 300;
}
.timeline-event-39 .timeline-event-index {
    background-color: #F26516;
    font-size: 17px;
    color: white;
    margin-top: -8px;
}


.timeline-event-default .glyphicon {
    font-size: 21px;
}

.timeline-initial-time {
    position:absolute;
    left: 9px;
    bottom: 57px;
    font-size: 20px;
}

.timeline-end-time {
    position:absolute;
    right: 9px;
    bottom: 57px;
    font-size: 20px;
}

.timeline-current-moment {
    position: absolute;
    margin-bottom: -3px;
    font-size: 30px;
    color: #F26516;
}

.timeline-event-index {
    background-color: #F26516;
    color: white;
    margin-top: -8px;
}

.compact-container input[type='radio'] {
    top: 3px;
    position: relative;
    margin-right: 5px;
}

.compact-title {
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    background-color: #F26516;
    color: white;
    border: 1px solid #F26516;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.compact-title-rotated {
    float: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.compact-container {
    margin-top: -5px;
}

.compact-container a {
    color: #F26516;
}

.compact-container .row-compact a {
    height: 97px;
    top: 2px;
}


.compact-select-container {
    text-align: center;
    padding: 0 3px;
}

.compact-select-container a:hover {
    text-decoration: none;
    color: white;
    font-weight: bold;
    background-color: #F26516;
    /*border: 1px solid #F26516;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    padding: 2px;
}

.compact-competition-container {
    margin-bottom: 15px;
}

.compact-competition-name {
    font-size: 14px;
    color: #F26516;
    font-weight: bold;
    text-align: center;
}



.compact-video-info {
    color: black;
    border: 1px solid #F26516;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
}

.compact-video {
    width: 100%;
}

.compact-section-generator {
    height: 120px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 3px;
    margin-bottom: -4px;
}

.compact-include-section-div {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 30px;
    height: 30px;
    font-size: 25px;
    cursor: pointer;
    color: #999;
}

.compact-draw-div {
    position: absolute;
    top: 7px;
    right: 14px;
    width: 50px;
    height: 40px;
    cursor: pointer;
}

.compact-include-section-div span:hover {
    color: #999;
}

.compact-action-select, .compact-player-select, .compact-event-select, .tagging-competition-select, .compact-events-time-range {
    height: 145px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #F26516;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color: #ccc;
    text-align: left;
}

.coach-menu-items-list-content ul.team-select {
    height: 15px;
}

.coach-menu-items-list-content ul.team-select li {
    float:left;
    width:50%;
    text-align: center;
    font-size: 14px;
    height: 25px;
    cursor: pointer;
    color: white;
}

/*
.coach-menu-items-list-content ul.team-select li:hover {
    background-color: #F26516;
    font-weight: bold;
}

.coach-menu-items-list-content ul.team-select li.selected {
    background-color: #F26516;
    font-weight: bold;
}*/




ul.half-select {
    height: 25px;
}

ul.half-select li {
    float: left;
    text-align: center;
    font-size: 14px;
    height: 44px;
    cursor: pointer;
    color: white;
    background: #3f3f3f;
}

ul.half-select li:hover {
    background-color: #F26516;
    font-weight: bold;
}

ul.half-select li.selected {
    background-color: #F26516;
    font-weight: bold;
}


.tagging-shortcut-buttons {
    clear: both;
}
.tagging-shortcut-buttons ul {
    height: 25px;
}

.tagging-shortcut-buttons ul li {
    float: left;
    text-align: center;
    font-size: 14px;
    height: 30px;
    cursor: pointer;
    color: white;
    background: #3f3f3f;
    margin: 3px;
    padding: 5px;
    border-radius: 13px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tagging-shortcut-buttons ul li:hover {
    background-color: #F26516;
    font-weight: bold;
}

.tagging-shortcut-buttons ul li.selected {
    background-color: #F26516;
    font-weight: bold;
}



.compact-event-select {
    border: none;
}

.compact-events-time-range {
    height: auto;
    overflow-y: auto;
}

.compact-match-select {
    height: 500px;
    width: 317px;
    position: absolute;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #F26516;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color: #ccc;
    text-align: left;
    box-shadow: 5px 5px 10px 2px #000000;
    z-index: 2;
    top: 114px;
    left: 27px;
}

.compact-event-select {
    height: 200px;
}

.compact-match-option, .compact-competition-option, .compact-player-option, .compact-event-option {
    display: block;
}

.compact-match-option input, .compact-player-option input {
    top: 2px;
    position: relative;
    margin: 5px;
}

.compact-event-option {
    height: 25px;
    overflow: hidden;
    font-size: 13px;
    position: relative;
}

.compact-event-option a {
    color: #F26516;
    min-height: 20px;
    overflow: hidden;
    height: 25px;
}

.compact-event-option a input {
    top: 2px;
    position: relative;
    margin-right: 5px;
}

.compact-event-option span {
    cursor: pointer;
}

.compact-event-option > span.glyphicon-ok {
    float:right; 
    margin-right: 10px; 
    font-size: 15px; 
    color: #999; 
    margin-top: 5px
}

.tagging-action-option {
    display:inline-block!important;
    width: 100%!important;
    cursor: pointer!important;
    color: #F26516;
}

.compact-action-select>.compact-action-option {
    display: block;
}
.tagging-action-option input {
    float: left;
}
.tagging-action-option span {
    float: right;
    width: 94%;
}
.compact-action-option span.glyphicon {
    cursor: pointer;
}

.section-disabled {
    color: #666666;
    cursor: default;
    font-size: 14px;
}

.compact-section-generator-container, .tagging-event-container {
    margin-top: 5px;
}

.compact-inputs-section, .compact-playlist-section, .tagging-events-section {
    background-color: #ccc;
    border: 1px solid #F26516;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    padding: 5px;
}

.tagging-field-canvas, .tagging-field-canvas-1 {
    background: url('img/soccer_field.png');
    background-size: contain;
    position: relative;
    top: 2px;
}
.tagging-field-canvas-2 {
    background: url('img/cancha-basket.png');
    background-size: contain;
    position: relative;
    top: 2px;
}
.generator-field-canvas, .generator-field-canvas-1 {
    background: url('img/soccer_field.png');
    background-size: contain;
    position: relative;
    top: 2px;
}

.generator-field-canvas-2 {
    background: url('img/cancha-basket-generator.png');
    background-size: contain;
    position: relative;
    top: 2px;
}

.compact-team-highlight {
    font-weight: bold;
    text-decoration: underline;
}

.compact-inputs-section-name {
    font-size: 20px;
    color: #F26516;
    font-weight: bold;
}

.compact-playlist-section .glyphicon-play-circle {
    color: #F26516;
}

.compact-playlist-section .glyphicon-stop {
    color: #cc3333;
}

.compact-input-section-start, .compact-input-section-end, .compact-progress-title, .compact-video-time {
    text-align: left;
    margin-bottom: 2px;
    color: #252826;
}

.compact-input-section-start span, .compact-input-section-end span, .compact-progress-title, .compact-video-time {
    font-size: 15px;
}

.compact-input-section-start .glyphicon, .compact-input-section-end .glyphicon {
    font-size: 17px;
    margin: 2px;
    cursor: pointer;
}

compact-events-time-range span {
    font-size: 15px;
}

.compact-video-container {
    overflow: hidden; 
    height: 70px; 
    padding: 13px;
}

.compact-video-progress {
    overflow: hidden;
}

.compact-progress-container {
    overflow: hidden;
    padding-top: 2px;
}

.storage-size-title {
    font-size: 12px;
    color: #333;
}

.storage-size-progress-bar {

}

.compact-progress-title {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 85px;
}

.compact-input-section-ok {
    text-align: center;
}

.compact-input-section-ok span {
    margin-top: 20px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.compact-playlist {
    max-height: 248px;
    margin-bottom: 16px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.tagging-events {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

.compact-dialog-confirm-buttons {
    text-align: right;
}

    .compact-dialog-confirm-buttons input {
        width: 45px;
    }

.compact-dialog-alert .ui-dialog-titlebar {
    background-color: #aaaa00;
}

.compact-dialog-success .ui-dialog-titlebar {
    background-color: #F26516;
}

.compact-events-displayer {
    background-color: #F26516;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px;
}

.compact-events-displayer > span.glyphicon-ok {
    float:right;
    top: 5px;
    left: -5px;
    cursor: pointer;
}

.compact-match-full {
    background-color: rgb(220, 220, 62);
    padding: 2px;
}

input.compact-cancel {
    background-color: #990000 !important;
    color: white !important;
    border-color: black !important;
}

input#stop:hover {
    background-color: #660000 !important;
}

input#stop:active {
    background-color: #660000 !important;
}

input#stop:visited {
    background-color: #660000 !important;
}

.glyphicon:hover {
    color: green;
}

.glyphicon-checked {
    color: green;
}

input#includeSectionDisabled {
    display: inline-block;
    background-color: silver !important;
    border-color: #F26516 !important;
}

.compact-section-included {
    margin: 3px;
}

a.playlist-play-section:hover {
    text-decoration: underline;
}

a.playlist-remove-section span.glyphicon {
    color: #990000;
    margin-left: 5px;
    top: 3px;
}

.section-highlighted-playlist, .section-highlighted-playlist a {
    text-decoration: underline;
    background-color: #F26516;
    border: 1px solid #F26516;
    color: white !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.section-highlighted {
    background-color: #F26516;
    /*border: 1px solid #F26516;*/
    color: white !important;
    font-weight: bold !important;
    text-decoration: none !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.section-highlighted a {
    color: white;
    font-weight: bold;
}

.compact-info {
    font-size: 16px;
    text-align: center;
    margin: 10px;
}

.compact-generate {
    text-align: center;
}

.compact-generate input {
    margin-bottom: 10px;
}

.az-home-module .btn-primary {
    background-color: #245E24;
    border-color: #245E24;
    color: white;
}

.az-home-module {
    margin: 0px;
    margin-bottom: 10px;
    border: 1px solid black;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.az-home-module .title {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: #245E24;
    margin-bottom: 5px;
}

.az-home-module .img {
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: table;
    height: 265px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    border-spacing: 10px;
}

.az-home-module .img .link {
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(36, 94, 36, 0.8);
    height: 50%;
    width: 100%;
    color: black;
    font-weight: bold;
    font-size: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.az-home-module .img .link:hover {
    background-color: #F26516;
    color: white;
    cursor: pointer;
}


/*
.az-home-module .img img{
    max-width: 229px;
    max-height: 312px;
}

.az-home-module .img-rival img {
    max-width: 229px;
    max-height: 312px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}
*/
.az-home-module .buttons {
    text-align: center;
}

.ui-widget-header {
    border: 1px solid #F26516;
    background: #F26516;
}

/* hide input */
input.radio:empty {
    margin-left: -999px;
}

/* style label */
input.radio:empty ~ label {
    position: relative;
    float: left;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.radio:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
    color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #9CE2AE;
    background-color: #4DCB6D;
}

input.radio:checked ~ label {
    color: #777;
}

/* radio focus */
input.radio:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

/* Compactos Index styles */

hr {
    clear: both;
    margin: 0;
}

.disabledLink {
    pointer-events: none;
    cursor: default;
    color: inherit;
}

.row-compact {
    padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:5px;
}

.row-compact:hover {
    background-color: #eee;
}

.compact-thumbnail {
    display: block;
    margin: auto;
    width: 180px;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.compact-list-title {
    font-size: 14px; 
    font-weight: bold; 
    color: rgb(36, 92, 36); 
    line-height: 101px;
}

.compact-list-data {
    font-weight: bold; 
    line-height: 101px;
}

.compact-draw-button, .compact-line-thickness, .compact-undoredo {
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.compact-undoredo {
    padding: 0px;
    width: 30px;
    height: 30px;
}

.compact-draw-button-active, .compact-draw-button:hover, .compact-line-thickness:hover {
    border-color: black;
}

.text-red {
    color: red;
}

.text-green {
    color: green;
}

.fluidVideo {
    width: 100% !important;
    height: auto !important;
}

.compact-textArea-container{
    margin-top:10px;
    margin-bottom:5px;
}

.compact-textArea-container textarea{
    resize: none;
    width:100%;
}

#saveComment{       
    float:right;
}

.imageLink {
    display: block;
    float: left;
    position: relative;
    top: 4px;
}

.imageLink:hover, .imageLink:visited, .imageLink:active {
    text-decoration: none !important;
    border:0!important;
    box-shadow: 0px 0px 2px 1px #666666;
}

.imageLink span {
    display: block;
    font-size: 18px;
    padding: 5px;
    line-height: 89px;
}

.imageLink i {
    font-size: 22px;
    padding: 5px;
}

@media (max-width: 767px) {
    .container-az {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .container-az {
        width: 95%;
    }
}
@media (min-width: 992px) {
    .container-az {
        width: 95%;
    }
}
@media (min-width: 1200px) {
    .container-az {
        width: 95%;
    }
}

.az-matches {
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    line-height: 22px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    background-color: #F26516;
    margin-left: -11px;
}

.az-matches i {
    line-height: 22px;
    font-size: 20px;
    color: rgb(255, 255, 255);
}

.az-matches:hover {
    /*box-shadow: 0px 0px 5px 2px #999;*/ /*ph*/
}

.az-back, .az-reload {
    width: 42px /*63px*/; /*ph*/
    height: 42px /*44px*/; /*ph*/
    border-right: 1px solid white;
    padding-left: 15px;
    position: absolute;
    /*left: 1px;*/ /*ph*/
    top: 0px;
    cursor: pointer;
    z-index: 1;
}

.az-back:hover, .az-reload:hover {
    /*box-shadow: 0px 0px 10px 2px #FFFFFF;*/ /*ph*/
	background:url("arrow-back.png") no-repeat -2px -1px #666 !important;
}

.az-reload {
    border-right: none;
    border-left: 1px solid white;
    left: auto;
    right: 1px;
}

.az-back span, .az-reload span {
    line-height: 40px;
    font-size: 32px;
    color: rgb(255, 255, 255);
}

.az-back span:hover, .az-reload span:hover {
    color: white;
}

i.az-playlist-buttons {
    padding-top: 6px;
}

.az-playlist-buttons {
    height: 35px;
    color: white;
    float: right;
    margin-top: -1px;
    font-size: 24px;
    padding: 5px;
    padding-top: 3px;
    border-left: 1px solid white;
    width: 45px;
    top: 0px;
}

.az-playlist-buttons:hover {
    cursor: pointer;
    color: white;
    box-shadow: 0px 0px 10px 2px #666666;
}

.az-contrast-button {
    background-color: rgb(94, 36, 36);

}

.az-bounce {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-top: -25px;
    margin-left: -25px;
    margin-bottom: 514px;
    width: 50px;
    -webkit-animation: bounce 1s infinite;
    font-size: 30px;
    z-index: 10;
    color: #ccff00;
}

@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}

.az-tree {
    display: none;
}

.az-tree > li {
    margin-left: 15px;
}

.az-tree-option span {
    cursor: pointer;
    margin-left: 4px;
}

.az-help-background-block {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 15000;
}

ul.az-tutorial-index {
    background-color: #4688c2;
    border-color: #4688c2;
    list-style-type: decimal;
    color: white;
    font-size: 15px;
    padding: 15px;
    padding-left: 30px;
}

ul.az-tutorial-index li a {
    font-size: 15px;
    color: white;
}

button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

button:hover {
	cursor: pointer;
}



/**********/
/* Nuevos */
/**********/
.fl{float:left;}
.fr{float:right;}
.no-show{display:none}
.show{display:block;}
.showin{display: inline-block;}
.align-left{ text-align:left;}
.align-right{ text-align:right;}
.align-center{ text-align:center;}
body input{font-size:14px; padding:1px 3px;}
body select{font-size:14px; padding:2px 3px;}

/* layout*/
.row.spot-videos .col-md-4{padding:14px 15px 0;}
.row.spot-videos .video-nav .col-md-4{padding-top:6px;}

/* videos destacados */
.video-spot{width:100%; border-left:5px solid #f26516; height:90px; display:table; }

.video-spot-data{ background:#373737; display: table-cell; vertical-align:middle; padding:0 10px; }
.video-spot-data-tile{ font-size:19px; text-transform:uppercase; color:#fff; /*display:block;*/ }
.video-spot-data-subtile{ font-size:16px; color:#fff; /*display:block;*/ }
.video-spot-data-description{ font-size:13px; color:#fff; /*display: inline-block;*/ }
.video-spot-data-links-item{ display: inline-block; width:20px; height:20px; color:#dedede; margin-left:4px;}
.video-spot-data-links-item i{ font-size:18px;}
.video-spot-data-links-item:hover{color:#fff;}
.video-spot-data-links-item:active,
.video-spot-data-links-item:link{color:#dedede;}

.video-spot-preview{ background:#191919; width:150px; height:100%; display: table-cell; overflow:hidden; }
.video-spot-preview-link{ display:block; width:100%; height:100%; position:relative;}
.video-spot-preview-link:hover > .video-spot-preview-link-icon{ background:url("img/videos-preview-icon.png") no-repeat center center rgba(0,0,0, 0.3);}
.video-spot-preview-link-icon{position:absolute; top:0; left:0; width:100%; height:100%; background:url("img/videos-preview-icon.png") no-repeat center center transparent;}
.video-spot-preview-link-img{width:100%;}

@media screen and (min-width: 1024px) {
	.no-device{display:none;}
}

/* videos destacados navegación */
.video-nav-link{display:table; width:100%; padding:0 10px;}
a.video-nav-link-item{ font-size:16px; color:#292929; vertical-align:middle; display:table-cell;text-decoration:none; }
a.video-nav-link-item *{ text-decoration:none;}
a.video-nav-link-item i{ font-size:38px; text-decoration:none;}
a.video-nav-link-item .video-nav-link-item-text{ display:inline-block; margin-left:6px; vertical-align: top; padding-top: 9px; text-decoration:underline;}
a.video-nav-link-item.no-arrows .video-nav-link-item-text{padding-top:0;  margin-left:0;}

/* videos detacados tíitulos */
.spot-videos-rival{ font-size:19px; display:inline-block; color:#3f3f3f; text-transform:uppercase; margin-left:6px; font-weight:bold;}
.spot-videos-rival-pipe{font-size:19px; display:inline-block; color:#3f3f3f;}
.spot-videos-rival-nombre{font-size:19px; display:inline-block; color:#3f3f3f;}
.spot-videos-escudos{}
.spot-videos-escudos img{ width:26px; height:26px; vertical-align: top;}


/*********************/
/* layout*/
.row.spot-players .col-md-4{padding:14px 15px 0;}
.row.spot-players .player-nav .col-md-12{padding-top:10px;}

/* jugadores destacados */
.player-spot{width:100%; border-left:5px solid #f26516; min-height:182px; display:table; }

.player-spot-data{ background:#373737; display: table-cell; vertical-align:middle; padding:0 10px; }
.player-spot-data-tile{ font-size:19px; text-transform:uppercase; color:#fff; display:inline-block; padding-bottom:4px; vertical-align:top;}
.player-spot-data-subtile{ font-size:16px; color:#fff; display:inline-block; vertical-align:middle; }
.player-spot-data-label{ font-size:13px; color:#fff; clear:both; display:inline-block; padding:7px 0;  vertical-align:middle;}
.player-spot-data-label:after{ content:": "; }
.player-spot-data-value{ font-size:13px; color:#fff; display:inline-block; padding:7px 0; vertical-align:middle;}
.player-spot-data-links-item{ display: inline-block; color:#dedede; text-decoration: underline; }
.player-spot-data-links-item:hover{color:#fff;}
.player-spot-data-links-item:active,
.player-spot-data-links-item:link,
.player-spot-data-links-item:visited{color:#dedede;}

.player-spot-preview{ background:#373737; width:184px; height:100%; display: table-cell; overflow:hidden; padding:14px 17px; }
.player-spot-preview-link{ display:block; width:100%; height:100%; position:relative; border:1px solid #f1f1f1;}
.player-spot-preview-link:hover > .player-spot-preview-link-icon{ background:/*url("img/videos-preview-icon.png") no-repeat center center*/ rgba(0,0,0, 0.3);}
.player-spot-preview-link-icon{position:absolute; top:0; left:0; width:100%; height:100%;/* background:url("img/videos-preview-icon.png") no-repeat center center transparent;*/}
.player-spot-preview-link-img{/*width:100%;*/}


/* jugadores destacados navegación */
.player-nav-link{display:table; width:100%; padding:0 10px;}
a.player-nav-link-item{ font-size:16px; color:#4688c2; vertical-align:middle; display:table-cell;text-decoration:none; }
a.player-nav-link-item *{ text-decoration:none;}
a.player-nav-link-item i{ font-size:38px; text-decoration:none;}
a.player-nav-link-item .player-nav-link-item-text{ display:inline-block; margin-left:6px; vertical-align: top; padding-top: 9px; text-decoration:underline;}
a.player-nav-link-item.no-arrows .player-nav-link-item-text{padding-top:0;  margin-left:0;}

/* jugadores detacados tíitulos */
.row.spot-players{ position:relative;}
.spot-player-rival{ font-size:19px; display:inline-block; color:#3f3f3f; text-transform:uppercase; margin-left:20px; font-weight:bold; color:#4688c2; background:#fff; padding:0 20px; position:relative; z-index:2;}
.spot-player-rival i{color:#4688c2; margin-left:20px; font-size:24px;}
.spot-player-line{ position:absolute; width:100%; height:1px; background:#ddd; z-index:1; top:50%;}






/*********************/
/* layout*/
.row.spot-teams .col-md-4{padding:14px 15px 0;}
.row.spot-teams .team-nav .col-md-12{padding-top:10px;}

/* equipos destacados */
.team-spot{width:100%; border-top:5px solid #f26516; min-height:182px; display:table; }

.team-spot-data{ background:#373737; display: table-cell; vertical-align:top; padding:12px 12px 16px; width:100%; height:298px; }
.team-spot-data-tile{ font-size:19px; text-transform:uppercase; color:#fff; display:inline-block; padding-bottom:4px; vertical-align:top;}

.team-spot-data-content{ table-layout:fixed; height:90%;}


/* equipos destacados navegación */
.team-nav-link{display:table; width:100%; padding:0 10px;}
a.team-nav-link-item{ font-size:16px; color:#4688c2; vertical-align:middle; display:table-cell;text-decoration:none; }
a.team-nav-link-item *{ text-decoration:none;}
a.team-nav-link-item i{ font-size:38px; text-decoration:none;}
a.team-nav-link-item .team-nav-link-item-text{ display:inline-block; margin-left:6px; vertical-align: top; padding-top: 9px; text-decoration:underline;}
a.team-nav-link-item.no-arrows .team-nav-link-item-text{padding-top:0;  margin-left:0;}

/* equipos detacados tíitulos */
.row.spot-teams{ position:relative;}
.spot-team-rival{ font-size:19px; display:inline-block; color:#3f3f3f; text-transform:uppercase; margin-left:20px; font-weight:bold; color:#4688c2; background:#fff; padding:0 20px; position:relative; z-index:2;}
.spot-team-rival i{color:#4688c2; margin-left:20px; font-size:24px;}
.spot-team-line{ position:absolute; width:100%; height:1px; background:#ddd; z-index:1; top:50%;}

/*equipos colores de la tabla*/
.team-spot-data-content .footable > tbody > tr:nth-child(odd) {
    background-color: #fff !important;
} 

.team-spot-data-content .footable > tbody > tr:last-child > td:first-child{ border-radius:0;}
.team-spot-data-content .footable > tbody > tr:last-child > td:last-child{ border-radius:0;}


/***********/
/*Carusel*/
.team-spot .carousel-inner .item img{ margin:0 auto;}
.team-spot .carousel-inner > .item{padding:0 0 22px;}
.team-spot .carousel-caption {right: 0; left: 0; padding-bottom: 0; bottom: 0;}
.team-spot .carousel-control{top:34%;}
.team-spot .carousel-control i{ font-size:60px;}
 



/**********/
/* Fieldset custom */
.fieldset-custom{border: 1px solid #ddd; margin: 20px 10px 40px; padding: 34px 10px 24px; position:relative;}
.fieldset-custom-title{ display:block; color:#4688c2; font-size:18px; text-transform:uppercase; background:#fff; padding: 4px 10px; position: absolute; left: 14px; top: -16px;}
.interspacio-filtro{height:60px;}



/* NICO */

.footable > thead > tr > th {
    border-top: 0px;
    background-color: #292929 !important;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    text-align: center;
}

.footable-players-match > tbody > tr > td {
    padding: 2px!important;
}

.footable-players-match > thead > tr > th {
    background-color: #4688c2!important;
    padding: 2px!important;
}

.fileinput-remove-button, .fileinput-cancel-button {
    display:none!important;
}

.btn-update-event {
    float: right;
    height: 43px;
    background-color: #F26516;
    border-radius: 0;
    border: 1px solid white!important;
}












/******* KPlayMaker ********/
    .noselect {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none;   /* Chrome/Safari/Opera */
        -khtml-user-select: none;    /* Konqueror */
        -moz-user-select: none;      /* Firefox */
        -ms-user-select: none;       /* Internet Explorer/Edge */
        user-select: none;           /* Non-prefixed version, currently
                                      not supported by any browser */
    }
	.video-img {
		background-image: url('img/fieldPM.jpg');
		background-size: cover;
		display: block;
	}

    .blockOverlay {
        z-index: 10000!important;
    }
    .blockPage {
        z-index: 10011!important;
    }

    .az-tagging-button-blue-background {
        float:right;
        color: white!important;
        font-size: 20px;
        cursor: pointer;
        padding: 3px;
    }

    .az-tagging-button-blue-background:hover {
        color: #99ee66!important;
    }

    .compact-playlist-container a {
        color: white;
    }

    .compact-playlist-container .compact-title {
        background-color: rgb(41, 41, 41);
        border: 1px solid rgb(41, 41, 41);
    }

    .compact-playlist-container .compact-playlist-outer {
        position: absolute; 
        bottom: 10px; 
        left: 10px;  
        right: 10px; 
        z-index: 10; 
        padding: 0 3px;
    }

    .compact-playlist-container .compact-progress-title {
        color: white;
    }

    .compact-playlist-container .compact-playlist {
        margin-bottom: 0px;
        padding-top: 18px;
        padding-left: 10px;
        overflow-x: scroll;
        overflow-y: hidden;
        display: inline-flex;
        width: 100%;
        height: 150px;
    }

    .compact-playlist-container .compact-playlist-section {
        display: none;
        background-color: #292929;
        border: 1px solid #292929;
        width: 100%; 
        height: 152px; 
    }

    .compact-playlist-container .compact-title-playlist {
        cursor: pointer;
        display: block;
        top: -35px;
        left: 4px;
        height: 35px; 
        line-height:35px; 
        font-size:20px;
        margin-bottom: 0px;
    }

    .compact-playlist-container .compact-title-playlist .compact-playlist-opener {
        cursor: pointer;
        width: 100px;
        height: 35px;
        position: absolute;
        left: 0px;
    }

    .compact-playlist-container .compact-events-time-range span {
        color: white;
    }

    .compact-playlist-container .compact-playlist-section {
        padding: 0px;
    }

    .compact-playlist-container .compact-inputs-section, 
    .compact-playlist-container .compact-playlist-section, 
    .compact-playlist-container .tagging-events-section {
        background-color: #494949;
    }

    .compact-playlist-container .compact-action-option {
        color: white;
    }

    .compact-playlist-container .compact-title-playlist .compact-playlist-opener .glyphicon:hover {
        color: white;
    }

    .compact-playlist-container .compact-section-included {
        text-align: center;
    }

    .compact-playlist-container .playlist-play-section {
        display: inline-block;
        height: 75px;
        overflow: hidden;
    }

    .compact-playlist-container .az-contrast-button {
        background-color: rgb(94, 36, 36);
    }

    .compact-playlist-container .compact-action-select,
    .compact-playlist-container .compact-player-select, 
    .compact-playlist-container .compact-event-select, 
    .compact-playlist-container .tagging-competition-select, 
    .compact-playlist-container .compact-events-time-range {
        background-color: #494949;
    }

    .compact-playlist-container .compact-event-option a {
        color: white;
    }

    .compact-playlist-container .compact-action-select, 
    .compact-playlist-container .compact-player-select, 
    .compact-playlist-container .compact-event-select, 
    .compact-playlist-container .tagging-competition-select, 
    .compact-playlist-container .compact-events-time-range {
        border: 1px solid #292929;
    }

    .compact-playlist-container .compact-section-generator-container {
        margin-top: 0px;
        border: 1px solid #F26516;
        border-radius: 5px;
    }

    .compact-playlist-container .compact-input-section-start, 
    .compact-playlist-container .compact-input-section-end, 
    .compact-playlist-container .compact-progress-title, 
    .compact-playlist-container .compact-video-time {
        color: white;
    }

    .compact-playlist-container .compact-draw-div {
        width: 40px;
        background-color: white;
        right: 46px;
    }

    .compact-playlist-container .compact-match-select {
        background-color: #292929;
    }

    .compact-playlist-container .compact-section-included:hover {
        text-decoration: none;
        background-color: #F26516;
        border: 1px solid #F26516;
        color: white !important;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .az-register-module {
        background-color: white;
        border: 1px solid #ccc;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        padding: 15px;
        margin-bottom: 15px;
    }
    body .navbar-default .navbar-brand img {
        width: 196px;
        cursor: pointer;
        margin-top: 20px;
    }
 
    .az-register-solicitar-asistencia-text, .az-register-solicitar-asistencia-mail, .az-register-solicitar-asistencia-phone {
        color: #6c6c6c;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .az-register-solicitar-asistencia-title {
        color: #f26516;
        font-size: 23px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .az-register-pago-seguro-title {
        color: #6c6c6c;
        font-size: 18px;
        font-weight: bold;
    }

    .az-register-solicitar-asistencia-mail img, .az-register-solicitar-asistencia-phone img {
        margin-right: 10px;
    }