/* By fadilxcoder */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';

body{
    background:#f0f0f0;
    background-image: url('../images/bg.jpg');
    background-repeat:no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Open Sans', 'sans-serif';
    font-size: 13px;
}
.roboto{
  font-family: 'Open Sans', sans-serif !important;
}
input#email::-webkit-input-placeholder{
    font-size: 10px;
} 
input#email::-moz-placeholder{
    font-size: 10px;
}
input#email:-moz-placeholder {
    font-size: 10px;
}
input#email:-ms-input-placeholder{
    font-size: 10px;
}
input#email::-ms-input-placeholder{
    font-size: 10px;
}
#main-wrapper{
    overflow-x: hidden;
}
hr.line{
    margin-top: 10px !important;
    margin-bottom: 0px;
}
.no-padding-left{
    padding-left: 0 !important;
}
.no-padding-right{
     padding-right: 0 !important;
}
.no-padding{
    padding: 0 !important;
}
.no-margin{
    margin: 0 !important;
}
.offers div a img{
    margin: 0 auto;
}
.blue-color{
    background: #1F81B1;
    height: 507px;
}
.nav>li>a{
    padding: 10px 5px;
}
.navbar{
    margin-bottom: 0 !important;
}
.newsletter-txt{
    color: #1F81B1;
}
ul.home-info{
    padding-left: 30px;
    padding-top: 10px;
    list-style-image: url('../images/bullet_arrow.png');
    overflow: hidden;
}
a.home-more{
    color: #D4001D;
    padding-left: 10px;
    font-weight: bold; 
}
h3.home-info-hd{
    color: #D4001D;
    font-weight: bold; 
}
h3.soc{
    text-align: center;
}
.social-networks-details{
    height: 200px;
    background: #1F81B1;
    font-size: 25px;
    text-align: center;
}
ul.home-partners{
    list-style-type: none;
    padding: 0px !important;
}
ul.home-partners li{
    display: inline;
}
.foot{
    background: #1F81B1;
    color:#ffffff;
    padding-top: 10px;
}
ul.footer-menu{
    list-style-type: none;
}
ul.footer-menu li{
    display: inline;
    padding: 0px 5px;
}
.news-icon{
     position: absolute; 
     top: 65px; 
     left: 25px; 
}
.news-first-hd{
    position: absolute;
    top: 265px;
    text-align: center;
    left: 0px;
    margin: 4px 0px 0px 20px;
    width: 90%;
}
.news-first-hd a{
     color: white; 
     font-size: 14px;
}
ul.menu-bar li a{
    color : black !important;
    font-size: 13px;
    text-transform: uppercase;
}
ul.menu-bar li a{
    padding: 10px 10px;
}
ul.menu-bar li a:hover{
    color : #D5001D !important;
    background-color: white;
    font-size: 13px;
}
.home-info li a{
    color: #505050 !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 2;
    white-space: nowrap;
}
h1.page-title{
    color: #1F81B1;
    font-weight: bold;
}
.prgm h3{
    font-weight: bold;
    margin-top: 35px; 
    font-family: 'Open Sans';
}
.prgm p{
    margin-bottom: 35px;
    font-size: 13px;
    font-family: 'Open Sans';
}
.prgm h3, .prgm p{
    color: #858594;
}
.program table{
    width: 100%;
}
.program table tr td{
    padding: 10px;
    border: 1px solid #A9A9A9;
    font-family: 'Open Sans';
    font-size: 12px;
}
.program table tr td:nth-child(1){
    background: #0983B4;
    color: white;
    width: 10%;
    text-align: center;
    padding: 20px 0;
    font-size: 12px;
}
.icon-inner-page{
    background-color: #1F81B1;
    margin-top: 4px; 
    padding:10px;
}
.icon-inner-page a img{
   margin: 0 auto;
}
.inner-offers div a img{
    margin: 0 auto;
}
.go-right{
    float: right;
}
span.break{
    display: block;
}
.player-chart{
    background-color: #0683B2;
    height: 70px;
    color: white;
    padding: 5px;
    width: 100%;
}
.player-chart h6{
    float: left;
    margin-top: 0px;
    font-size: 14px;
    width: 80%;
    text-transform: uppercase;
}


/*
.player-chart h5{
    float: right;
    color: #D1B421;
    padding-right: 5px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    margin-right: -2px;
}
*/

.player-chart h5 {
    float: right;
    color: #D1B421;
    padding-right: 5px;
    margin-top: 16px;
    font-size: 11px;
    font-weight: bold;
    margin-right: -2px;
}






.space-bottom{
    margin-bottom: 10px;
}
.player-chart img{
    float: right;
}
.player-name{
    text-transform: uppercase;
}
.player-details{
    margin-top: 25px;
}
.player-details tr td:nth-child(1){
    width: 35%;
    font-family: 'Open Sans';
    font-size: 17px;
}
.player-details tr td{
    padding: 10px;
    border: 1px solid #CACAD9;
    font-family: 'Open Sans';
    font-size: 12px;
}
a.back{
    color : #fff;
    background: #1F81B1;
    padding: 10px;
    text-decoration: none;
    margin-top: 20px;
}
a.back:hover{
    color : #fff;
    text-decoration: underline;
}
.height20{
    height: 20px;
}
.foot ul li a{
    color:#fff;
}
.partners_images{
    padding: 20px;
    border: 1px solid #DBDBEA;
    margin-bottom: 20px;
}
.contact h3{
    color: #1F81B1;
}
.contact h5{
    font-weight: bold;
    color: #858594;
}
.contact p{
    color: #858594;
    font-family: 'Open Sans';
    font-size: 12px;
}
.contact ul li{
    color: #858594;
    list-style-image: url('../images/list-standard_puce.gif');
    font-family: 'Open Sans';
    font-size: 12px;
}
.contact ul li a{
    color: rgba(213, 0, 29, 1);
    font-weight: bold;
}
.contact ul li a:hover{
    color: rgba(213, 0, 29, 0.5);
    text-decoration: none;
    font-weight: bold;
}
#icon-4 p{
   margin: 0 auto !important;
}
.tvs h3{
    margin-top: 0px;
}
.prize-money table{
    width: 100%;
}
.prize-money table tr td{
    width: 50%;
    padding: 10px;
    border: 1px solid #A9A9A9;
    font-family: 'Open Sans';
    font-size: 12px;
}
.news{
    padding: 10px;
    border: 1px solid #DBDBEA;
    padding-bottom: 70px;
    margin-bottom: 25px;
}
.videos{
    padding: 10px;
    border: 1px solid #DBDBEA;
    height: 225px;
    margin-bottom: 25px;
}
.news .para, .videos .para{
    width: 60%;
    float: left;
    padding: 10px 5px;
}
.news .para p, .videos .para p{
   margin: 0px;
}
.news .date, .videos .date{
    width: 40%;
    float: right;
    padding: 5px;
    margin-top: 10px;
    border-left: 1px solid #DBDBEA;
}
#cboxOverlay{
    background: #000 !important;
}
#cboxTitle{
    color: #FFF !important;
}
a.youtube:hover a.youtube:focus{
    outline: none !important;
}
.top-space{
    margin-top: 25px;
}
.addthis_sharing_toolbox{
    text-align: right;
}
ul#social-icons{
    padding-left: 0px;
    float: right;
}
ul#social-icons li{
    display: inline !important;
}
#upper-padding{
    padding-top: 10px;
}
.nav .open>a{
    background-color: #FFF !important;
}
a.light:hover{
    color:#D4001D;
    text-decoration: none;
}
a.next_prev{
    color: white;
    background: #1F81B1;
    padding: 5px;
    font-size: 16px;
}
.message_area{
    padding: 5px !important;
}
.newsletter-txt{
    margin-top: 20px;
    font-size: 25px;
    margin-bottom: 0px;
}
.engage{
    padding-bottom: 30px;
}
.engage h3{
    padding-bottom: 5px;
    font-weight: bold;
}
.winner_spec{
    padding-top: 20px;
    font-size: 14px !important;
}
.to-the-left{
    float: left;
}
.to-the-right{
    float: right;
}
.ticketing p{
    font-family: 'Open Sans' !important;
    color: #858594;
    font-size: 13px;
}
.ticketing a img{
    padding-bottom: 10px;
    padding-top: 10px;
}
.blue_square_pad_r_2{
    padding-right: 2px !important;
}
.blue_square_pad_l_2{
    padding-left: 2px !important;
}
.chart{
    padding-top: 10px;
}
.right-column-space{
    padding-top: 20px;
}
ul#social-icons li a img:hover{
    opacity: 0.6 !important;
}
.center-image{
    padding-bottom: 5px !important;
}
img.middle{
    margin: 0 auto;
}
/*#tweets{
    height: 630px;
    overflow-y: scroll;
}*/
.date h4{
    font-size: 13px;
}
span.social_icon_name{
    /*position: absolute;
    left: 15px;*/
    font-size: 14px;
    font-weight: bold;
}
span.social_icon_button {
    /*padding-left: 80%;*/
}
#fb-links{
     position: absolute;
     background: white;
     padding: 43px 0px 14px 0;
     width: 360px;
     top: -45px;
     left: 15px;
     border-bottom: 2px solid #d5001d;
}
#tweets-links{
    border-bottom: 2px solid #d5001d; 
    padding-bottom: 12px; 
}
#insta-links{
    border-bottom: 2px solid #d5001d;
    padding-bottom: 15px;
}
#fb-links,
#tweets-links,
#insta-links {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
#right_cols_2{
    display: none;
}
#vip-child{
    margin-top: 0px; 
}
.tickets table tr td{
    border: 1px solid #cacad9 !important;
    padding: 10px !important;
    font-weight: bold;
    width: 20% !important;
}
.tickets table tr:nth-child(1) td:nth-child(1){
    background: transparent;
}
.tickets table tr:nth-child(1) td:nth-child(2){
    background: #c90006;
}

.tickets table tr:nth-child(1) td:nth-child(3){
    background: #70ad46;
}

.tickets table tr:nth-child(1) td:nth-child(4){
    background: #1f81b2;
}

.tickets table tr:nth-child(1) td:nth-child(2) span, 
.tickets table tr:nth-child(1) td:nth-child(3) span, 
.tickets table tr:nth-child(1) td:nth-child(4) span{
    color: white !important;
}

.tickets table tr td:nth-child(1){
    background: #1f81b2;
}
.tickets table tr td:nth-child(1) span{
    color: white !important;
}

.tickets table tr td:nth-child(2){
    background: #ffd5d6;
}
.tickets table tr td:nth-child(2) span{
    color: #7a101e !important;
    font-size: 12px;
}

.tickets table tr td:nth-child(3){
    background: #b8ea95;
}
.tickets table tr td:nth-child(3) span{
    color: #3c551e !important;
    font-size: 12px;
}

.tickets table tr td:nth-child(4){
    background: #dbeff8;
}
.tickets table tr td:nth-child(4) span{
    color: #396777 !important;
    font-size: 12px;    
}

.err-msg-newsletter{
    background-color: #f2dede;
    border:1px solid #ebccd1; 
    color: #a94442;
    margin-top: 5px;
    padding: 0 10px 0 10px;
    display: none;
    width: 98%;
    font-weight: bold;
}
.good-msg-newsletter{
    background-color: #b8f1b9;
    border: 1px solid #b8f1b9;
    color: #254416;
    margin-top: 5px;
    padding: 0 10px 0 10px;
    display: none;
    width: 98%;
    font-weight: bold;
}
.ins-newsletter h6{
    text-align:center !important;
    color: #1F81B1 !important;
    font-size: 22px !important;
    margin-bottom: 10px !important;
}
.ins-newsletter img{
    margin: 0 auto !important;
}
.programme-officiel{
    padding-top: 15px;
}
.programme-officiel a{
   color: #D4001D;
   font-size: 23px;
   font-weight: bold;
}

/* DANGEROUS CSS FOR HOVER NAVBAR */
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
.la-gazette ul{
  list-style: circle;
  padding-top:15px;
}
.la-gazette ul li{
  line-height: 2;
}
.la-gazette ul li a{
  font-weight: bold;
  color: #D4001D;
  font-size: 15px;
}

@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  
/*EOF DANGEROUS CSS FOR HOVER NAVBAR */

.carousel-control{
    width: 5% !important;
}
.carousel-control.left, .carousel-control.right{
    background-image: none !important;
}
#livescoring{
    position: absolute;
    top: 8px;
    right: 15px;
}

@media (min-width: 320px) and (max-width: 409px){
    .tickets table tr td{
        padding: 10px 2px !important;
    }
    .lfft table tr td:nth-child(4) span,
    .lfft table tr td:nth-child(3) span,
    .lfft table tr td:nth-child(2) span{
        font-size: 9px !important;   
    }
    
}

@media (max-width: 375px){
    
    #right_cols_2{
        display: none;
    }
    .black-bg-title{
        position: absolute !important;
        left: 15px !important;
        top: 248px !important;
        background: rgba(34,34,38,.7);
        padding: 20px !important;
        width: 92% !important;
        max-width: none !important;
    }
    .news-first-hd{
        position: absolute; 
        top: 260px !important; 
        text-align: center;
        left: 20px;
        margin: 0px
    }
    .news-first-hd a{
         color: white; 
         font-size: 10.5px !important;
    }
    .inner-icon-height{
        height: auto !important;
    }
    #vip-child{
        font-size: 15px;
    }
    .player_rank{
        padding-right: 10px !important;
    }
    .home-info li a{
        
    }
    .ins-newsletter button.editable{
        font-size: 10.5px;
    }
    input#email::-webkit-input-placeholder{
        font-size: 8px;
    } 
    input#email::-moz-placeholder{
        font-size: 8px;
    }
    input#email:-moz-placeholder {
        font-size: 9px;
    }
    input#email:-ms-input-placeholder{
        font-size: 8px;
    }
    input#email::-ms-input-placeholder{
        font-size: 8px;
    }
}
@media (max-width: 479px)  {
    #vip-child{
        font-size: 16.5px !important;
    }
    #right_cols_2{
        display: none;
    }
    .player-data {
        display: block;
        padding-top: 7px;
    }
    .news-first-hd{
        bottom: 170px;
        top: initial;
    }
    .black-bg-title{
        position: absolute;
        left: 15px;
        bottom: 158px;
        background: rgba(34,34,38,.7);
        padding: 20px;
        width: 92%;
        max-width: 360px;
    }
    .news-first-hd a{
         font-size: 13px;
    }
    .player_rank{
        padding-right: 10px !important;
    }
    input#email::-webkit-input-placeholder {
        font-size: 10px;
    }
    .ticketing a img{
        margin: 0 auto;
    }
    .home-info li a{
        font-size: 12px;
    }
    .newsletter-txt{
        font-size: 20px;
    }
    .videos{
        padding-bottom: 70px;
        height: auto;
    }
    .player-chart{
        height: 90px;
        max-width: 187px;
    }
    .player-chart h6{
        font-size: 15px;
        width: 70%;
    }
    .player-chart h5{
        margin-top: 0px;
        padding-right: 0px;
    }
    .blue-color .row .col-xs-3{
        padding-right: 0px !important;
        padding-left: 0px !important;
    } 
    ul.footer-menu{
        text-align: center;
        padding: 0px;
    }
    .ins-newsletter{
        margin-top: 10px;
    }
    .ins-newsletter input[type="text"]{
        padding: 5px;
        width: 75%;
    }
    .ins-newsletter button.editable{
        background-color: #D5001D;
        border: none;
        color: #fff;
        padding: 7px 5px 3px 5px;
        width: 20%;
    }
    .dot{
        border-right: 1px dotted #CACAD9;
    }
    #top-space{
        background: white;
        padding-top: 10px;
    }
    #my-menu{
        border-top: 5px solid #D5001D;
        z-index: 1000;
        background: white;
    }
    #horizontal-line{
        border-left: 1px solid #CACAD9;
    }
    #vertical-line{
        border-bottom: 1px solid #CACAD9;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #logo-space{
        padding-top: 25px;
    }
    #tickets a{
        display: inline-flex;
    }
    #tickets-wording{
        color: #D5001D;
    }
    .the-slider{
        padding-left: 0px;
    }
    .offers{
        padding-right: 0px;
    }
    .blue-color{
        height: auto;
        padding-right: 10px;
        padding-left: 10px;
    }
    .caption{
        bottom: 6.3rem;
        left: 2rem;
        position: absolute;
        background-color: #1F81B1;
        padding: 0px;
        padding-left: 10px;
    } 
    .caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        padding: 0px 10px 0px 0px;
    }
    .red-caption{
        bottom: 0.7rem;
        left: 2rem;
        position: absolute;
        background-color: #D5001D;
        padding:0px 10px 0px 10px;
    } 
    .red-caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 14px;
    }
    #responsive-menu{
        background: #D5001D;
        line-height: 0px;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    #responsive-menu button{
        margin-left: 10px;
    }
    #social-icons{
        text-align: center;
    }
    ul#social-icons li, ul#social-icons li a{
        display: inline !important;
    }
    .center-image{
        margin: 0 auto;
    }
    .inner-icon-height{
        height: auto;
    }
    input#email::-webkit-input-placeholder{
        font-size: 8px;
    } 
    input#email::-moz-placeholder{
        font-size: 8px;
    }
    input#email:-moz-placeholder {
        font-size: 9px;
    }
    input#email:-ms-input-placeholder{
        font-size: 8px;
    }
    input#email::-ms-input-placeholder{
        font-size: 8px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    #vip-child{
        font-size: 19px !important;
    }
    #right_cols_2{
        display: none;
    }
    .player-data {
        display: block;
        padding-top: 7px;
    }    
    .black-bg-title{
        position: absolute;
        left: 3px;
        top: 238px;
        background: rgba(34,34,38,.7);
        padding: 20px;
        width: 100%;
        max-width: 360px;
    }
    .ticketing a img{
        margin: 0 auto;
    }
    .videos{
        padding-bottom: 70px;
        height: auto;
    }
    .videos img{
        margin: 0 auto;
    }
    .player-chart{
        height: 60px;
        max-width: 100%;
    }
    .player-chart h6{
        width: 70%;
    }
    .blue-color .row .col-sm-3{
        padding-right: 0px !important;
        padding-left: 0px !important;
    } 
    ul.footer-menu{
        text-align: center;
        padding: 0px;
    }
    .ins-newsletter{
        margin-top: 10px;
    }
    .ins-newsletter input[type="text"]{
        padding: 5px;
        width: 79%;
    }
    .ins-newsletter button.editable{
        background-color: #D5001D;
        border: none;
        color: #fff;
        padding: 7px 5px 7px 5px;
        width: 20%;
    }
    .dot{
        border-right: 1px dotted #CACAD9;
    }
    .center-image{
        margin: 0 auto;
    }
    #top-space{
        /*margin-top:125px;*/
        background: white;
        padding-top: 10px;
    }
    #my-menu{
        border-top: 5px solid #D5001D;
        z-index: 1000;
        background: white;
    }
    #horizontal-line{
        border-left: 1px solid #CACAD9;
    }
    #vertical-line{
        border-bottom: 1px solid #CACAD9;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #logo-space{
        padding-top: 25px;
    }
    #tickets a{
        display: inline-flex;
    }
    #tickets-wording{
        color: #D5001D;
    }
    #social-icons {
        text-align: center;
    }
    .the-slider{
        padding-left: 0px;
    }
    .offers{
        padding-right: 0px;
    }
    .blue-color{
        height: 120px;
    }
    .caption{
        bottom: 6.3rem;
        left: 6rem;
        position: absolute;
        background-color: #1F81B1;
        padding: 5px;
    } 
    .caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 17px;
        padding: 0px 10px 0px 0px;
    }
    .red-caption{
        bottom: 0.7rem;
        left: 6rem;
        position: absolute;
        background-color: #D5001D;
        padding:0px 10px 0px 10px;
    } 
    .red-caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 14px;
    }
    #responsive-menu{
        background: #D5001D;
        line-height: 0px;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    #responsive-menu button{
        margin-left: 10px;
    }
    ul#social-icons li, ul#social-icons li a{
        display: inline !important;
    }
    .home-info li a{
        font-size: 13px;
    }
    .news-first-hd{
        font-size: 13px;
        top: 240px;
        left: 10px;
    }
    .middle-resize{
        width: 365px;
        margin: 0 auto;
        position: relative;
        top: 0px;
        left: 34px;
        height: 440px;
    }
    .middle-resize a img{
        margin: 0 auto;
    }
    .inner-page-right{
        height: 280px !important;
    }
    .newsletter-page-limit{
        height: 45px !important;
        width: 100% !important;
        margin-left: -34px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .inner-page-right .black-bg-title{
        top: 208px !important;    
    }
    .inner-page-right .news-first-hd{
        top: 210px !important;    
    }
    .inner-page-right{
        width: 316px !important;
    }
    #right_cols_2 {
        display: block;
    }
    ul.home-info{
        padding-left: 20px;
    }
    .middle-resize {
        width: 215px;
        margin: 0 auto;
        position: relative;
        top: 0px;
        left: 0px;
        height: 330px;
    }
    .newsletter-page-limit {
        height: 45px !important;
        width: 100% !important;
    }
    #right_cols_1{
        display: none;
    }
    .player-chart h5{
        margin-right: -3px !important;
    }
    #fb1, #fb2{
        display: none !important;
    }
    .player-data {
        display: block;
        padding-top: 7px;
    }
    .black-bg-title{
        position: absolute;
        left: 0px;
        top: 141px;
        background: rgba(34,34,38,.7);
        padding: 20px;
        width: 100%;
        max-width: 345px;
    }
    .news-icon{
        top: 40px;
        left: 10px;
    }
    .news{
        padding-bottom: 80px;
    }
    .player-chart{
        height: 60px;
        max-width: 220px;
    }
    .news-first-hd{
        top: 144px;
        font-size: 11px;
        width: 85%;
        line-height: 2;
        overflow: hidden;
        height: 25px;
    }
    .blue-color .row .col-sm-3{
        padding-right: 0px !important;
        padding-left: 0px !important;
    } 
    .blue-color .row .col-md-3{
        padding-right: 0px !important;
        padding-left: 0px !important;
    } 
    .ins-newsletter{
        margin-top: 10px;
    }
    .ins-newsletter input[type="text"]{
        padding: 5px;
        width: 70%;
        font-size: 10px;
    }
    .ins-newsletter button.editable{
        background-color: #D5001D;
        border: none;
        color: #fff;
        padding: 4px 5px 6px 5px;
        width: 28%;
    }
    .dot{
        border-right: 1px dotted #CACAD9;
    }
    #top-space{
        margin-top:147px;
        background: white;
    }
    #my-menu{
        border-top: 5px solid #D5001D;
        position: fixed;
        width: 750px;
        z-index: 1000;
        background: white;
        border-bottom: 1px solid #CACAD9;
    }
    #horizontal-line{
        border-left: 1px solid #CACAD9;
    }
    #vertical-line{
        border-bottom: 1px solid #CACAD9;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #logo-space{
        padding-top: 25px;
    }
    #tickets a{
        display: inline-flex;
    }
    #tickets-wording{
        vertical-align: super;
        color: #D5001D;
    }
    .the-slider{
        padding-left: 0px;
    }
    .offers{
        padding-right: 0px;
    }
    .blue-color{
        height: auto;
        padding: 0 10px 0 10px;
    }
    .caption{
        bottom: 12.3rem;
        left: 6rem;
        position: absolute;
        background-color: #1F81B1;
        padding: 5px;
    } 
    .caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 35px;
        padding: 0px 10px 0px 0px;
    }
    .red-caption{
        bottom: 4.7rem;
        left: 6rem;
        position: absolute;
        background-color: #D5001D;
        padding:0px 10px 0px 10px;
    } 
    .red-caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }
    .swap-display{
        display: none !important;
    }
    .home-info li a{
        font-size: 11px;
        width: 85%;
    }
    #fb-links{
        width: 220px;
    }
    /*span.social_icon_button{
        padding-left: 76%;
    }*/
}
@media (min-width: 992px) and (max-width: 1199px) {
    .newsletter-txt{
        font-size: 24px !important;
    }
    #right_cols_2{
        display: none;
    }
    #fb1, #fb3{
        display: none !important;
    }
    .player-data {
        display: block;
        padding-top: 7px;
    }
    .black-bg-title{
        position: absolute;
        left: 15px;
        top: 213px;
        background: rgba(34,34,38,.7);
        padding: 20px;
        width: 100%;
        max-width: 293px;
    }
    .news{
        padding-bottom: 90px;
    }
    .player-chart h6{
        width: 70%;
    }
    .news-first-hd{
        top: 220px;
    }
    .ins-newsletter{
        margin-top: 10px;
    }
    .ins-newsletter input[type="text"]{
        padding: 5px;
        width: 76%;
        font-size: 10px;
    }
    .ins-newsletter button.editable{
        background-color: #D5001D;
        border: none;
        color: #fff;
        padding: 4px 5px 6px 5px;
        width: 22%;
    }
    .dot{
        border-bottom: 1px dotted #CACAD9;
    }
    #top-space{
        margin-top:122px;
        background: white;
        padding-top: 10px;
    }
    #my-menu{
        border-top: 5px solid #D5001D;
        position: fixed;
        width: 970px;
        z-index: 1000;
        background: white;
        border-bottom: 1px solid #CACAD9;
    }
    .menu-bar{
        margin-top: 5px;
    }
    #horizontal-line{
        border-left: 1px solid #CACAD9;
    }
    #vertical-line{
        border-bottom: 1px solid #CACAD9;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #logo-space{
        padding-top: 25px;
    }
    #tickets a{
        display: inline-flex;
    }
    #tickets-wording{
        vertical-align: super;
        color: #D5001D;
    }
    .blue-color{
        height: 419px; 
    }
    .offers div a img{
        height: 105px;
    }
    .caption{
        bottom: 12.3rem;
        left: 6rem;
        position: absolute;
        background-color: #1F81B1;
        padding: 5px;
    } 
    .caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 25px;
        padding: 0px 10px 0px 0px;
    }
    .red-caption{
        bottom: 4.7rem;
        left: 6rem;
        position: absolute;
        background-color: #D5001D;
        padding:0px 10px 0px 10px;
    } 
    .red-caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }
    .swap-display{
        display: none !important;
    }
    #fb-links{
        width: 294px;
    }
}
@media (min-width: 1199px) {
    #right_cols_2{
        display: none;
    }
    #fb2, #fb3{
        display: none !important;
    }
    .black-bg-title{
        position: absolute;
        left: 15px;
        top: 258px;
        background: rgba(34,34,38,.7);
        padding: 20px;
        width: 100%;
        max-width: 360px;
    }
    .col-sm-15, .col-md-15, .col-lg-15{
        width: 20% !important;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }
    .dot{
        border-bottom: 1px dotted #CACAD9;
        padding: 2.5px 0px;
    }
    .dot-last{
        padding: 2.5px 0px;
        border: none;
    }
    #top-space{
        margin-top:104px;
        background: white;
        padding-top: 10px;
    }
    #my-menu{
        border-top: 5px solid #D5001D;
        position: fixed;
        width: 1170px;
        z-index: 1000;
        background: white;
        border-bottom: 1px solid #CACAD9;
    }
    .menu-bar{
        margin-top: 5px;
    }
    #horizontal-line{
        border-left: 1px solid #CACAD9;
    }
    #vertical-line{
        border-bottom: 1px solid #CACAD9;
        padding-top: 10px;
    }
    #logo-space{
        padding-top: 25px;
    }
    #tickets a{
        display: inline-flex;
    }
    #tickets-wording{
        vertical-align: super;
        color: #D5001D;
    }
    .ins-newsletter{
       margin-top: 10px;
    }
    .ins-newsletter input[type="text"]{
        padding: 5px;
        width: 75%;
        font-size: 10px;
    }
    .ins-newsletter button.editable{
        background-color: #D5001D;
        border: none;
        color: #fff;
        padding: 4px 5px 6px 5px;
        width: 22%;
    }
    .caption{
        bottom: 12.3rem;
        left: 6rem;
        position: absolute;
        background-color: #1F81B1;
        padding: 5px;
    } 
    .caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        padding: 0px 10px 0px 0px;
    }
    .red-caption{
        bottom: 4.7rem;
        left: 6rem;
        position: absolute;
        background-color: #D5001D;
        padding:0px 10px 0px 10px;
    } 
    .red-caption h4 a{
        color: #fff;
        text-decoration: none;
        font-size: 18px;
    }
    .swap-display{
        display: none !important;
    }
    .padd5{
        padding-top: 5px;
    }
}
@media (min-width: 375px) and (max-width: 390px){
    .black-bg-title{
        width: 100%;
        max-width: calc(100% - 30px);
    }
}
@media (min-width: 361px) and (max-width: 375px){
    #vip-child{
        font-size: 15px !important;
    }
    .black-bg-title{
        position: absolute !important;
        left: 15px !important;
        top: initial !important;
        background: rgba(34,34,38,.7);
        padding: 20px !important;
        max-width: calc(100% - 30px) !important;
    }
    .news-first-hd{
        top: initial !important;
        font-size: 13px !important;
    }
}
@media (max-width: 360px){
    .black-bg-title{
        position: absolute !important;
        left: 15px !important;
        top: initial !important;
        background: rgba(34,34,38,.7);
        padding: 20px !important;
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
    .news-first-hd{
        top: initial !important;
        font-size: 13px !important;
    }
    #vip-child{
        font-size: 15px !important;
    }    
}
@media (min-width: 353px) and (max-width: 359px){
    .black-bg-title{
        bottom: 158px !important;
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
    #vip-child{
        font-size: 14px !important;
    }
}
@media (min-width: 344px) and (max-width: 352px){
    .black-bg-title{
        bottom: 158px !important;
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
    #vip-child{
        font-size: 13px !important;
    }
}
@media (min-width: 333px) and (max-width: 343px){
    .black-bg-title{
        bottom: 158px !important;
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
    #vip-child{
        font-size: 13px !important;
    }    
}
@media (min-width: 322px) and (max-width: 332px){
    .black-bg-title{
        bottom: 158px !important;
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
    .news-first-hd{
        top: initial !important;
        bottom: 170px;
    }
    #vip-child{
        font-size: 13px !important;
    }    
}
@media (max-width: 321px){
    .black-bg-title{
        bottom: 138px !important;
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
    .news-first-hd{
        top: initial !important;
        bottom: 153px;
    }
    .player_rank{
        padding-right: 1px !important;
    }
    .home-info li a{
        font-size: 9.5px;
    }
    #vip-child{
        font-size: 12px !important;
    }     
}
@media (max-width: 320px){
    .black-bg-title{
        bottom: 138px !important;
        width: 100% !important;
        max-width: calc(100% - 30px) !important;
    }
    .news-first-hd{
        top: initial !important;
        bottom: 153px;
    }
    #vip-child{
        font-size: 12px !important;
    }     
}
/* LIVESCORE */
@media (min-width: 320px) and (max-width: 767px){
    #livescoring{
        position: absolute;
        top: 3px;
        left: 2px;
        right: initial;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #livescoring{
        position: absolute;
        right: 20px;
        bottom: 10px;
        top: initial;
        left: initial;
    }
}
@media (min-width: 992px) and (max-width: 1200px){
    #livescoring{
        position: absolute;
        right: 175px;
        bottom: initial;
        top: -53px;
        left: initial;
    }
}
/* EOF LIVESCORE */
.la-ga-box {
    text-align: center;
}
.la-ga-box h3{
       font-size: 23px;
    color: #000;
    font-weight: 700;
}
.la-ga-box a.btn {
    color: #ce0105;
    border-width: 1px;
    border-color:#ce0105;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0);
    margin-top: 1.5rem;
}
.custom-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
/*.la-ga-box .btn:hover{*/
/*    background-color: #d1287c;*/
/*    color: #fff;*/
/*}*/
.twitter-timeline > iframe {
    width: 100%!important;
}