body
{
    font-family: 'Roboto', sans-serif;
}

.bg1
{
  background: #171c4a;
}
.bg1trans
{
  background: rgba(23, 28, 74, 0.8);
}
.bg2
{
background:  #c70c0f
}
.bg3
{
background: #c9daf2
}
.bg5
{
  background: #c9daf2
}
.bg6
{
  background: #114075  !important
}
.bg7
{
  background:#181c4b !important
 }
 .bg8
 {
   background: #781c30 !important;
 }
h2
{
  margin-bottom:30px
}

 .text-white *
 {
color:#fff !important;
 }


 .admblock       img
 {
   height: 400px;
     -o-object-fit: cover;
object-fit: cover;
object-position: 50% top;
width: 100%;
 }

 time
 {
   font-size: 10px;
   color: #DDDDDD;
 }

 #navbar4 .nav-link
 {
   padding: 2px;
   font-size:16px;
 }


.color1
{
color:  #233e7a
}
button.nav-link
{
  font-size:12px;
}

#mainmenu .carousel__button.is-close
{
  top:6px !important;
}
#mainmenu
{
  padding:  10px !important;
}

.mainmenu .nav-item
{
  padding: 0px 40px;
  text-transform: uppercase;
position: relative;
}
.navbar-expand-sm>div
{
  margin-left:auto;
  margin-right:auto;
}

.mainmenu .nav-link,.mainmenu .nav-item a
{
  color: #fff;
  font-size:16px;
  text-decoration: none    ;
  font-weight:bold;
  padding: 0px


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

.mainmenu #navbarsExample03>.nav-item:after
{
  content: '';
  border-right:1px solid #fff;
  position:absolute;
  height:20px;
  right:0px;
  top:5px;
}
.mainmenu .nav-item:last-child:after

{
display: none;
}

.mainmenu .deeper   ul
{
display:none;
position:absolute;
padding:5px;
background: #114075;
width:300px;
z-index:10;
list-style: none;
padding-left:20px;
padding-right:20px;
left:0px;
}
.mainmenu .deeper   ul     li
{
  width: 100%;
  list-style: none



}
.mainmenu .deeper   ul     li.nav-item
{
  padding: 0px 10px
}

.mainmenu .deeper   ul     li a.nav-link
{
  font-size: 16px;
  padding:10px 5px
}

.mainmenu .deeper:hover ul
{
  display: block;
}

.rightbox img

{
max-width: 100%;
height: auto;
}

.fitimage
{
  -o-object-fit: cover;
object-fit: cover;
object-position: 50% 50%;
}
.fitimage2
{
  -o-object-fit: contain;
object-fit: contain;
object-position: 50%;
}
.fitimage3
{
  -o-object-fit: cover;
object-fit: cover;
object-position: bottom center;
}
.event a
{
  color: #171c4a;
  text-decoration: none
}
.h500
{
  height: 545px
}


 .news
 {
   display: none;
 }

 .news a
 {
color: rgba(0, 113, 187, 1);
font-size:14px;

 }
 .duoblepoint
 {
   font-size: 50px;
 }
 .parthnerbox
 {
   font-size:16px;
   text-transform: uppercase;
 }
  .parthnerbox img
  {
    margin:5px;
  }

 .slogan
 {
   font-size:60px;
   color:#fff
 }

 .footer  a.nav-link
 {
   font-size:14px;
   color:#fff
 }

 .footer h3
 {
   color: #fff  ;
   padding:.5rem 1rem;
   text-transform: uppercase;

 }
.blog img
{
  max-width:100%
}
.mainevents h3
{
  text-transform: uppercase;
  width:100%;
  background: #143060  ;
  color:#fff;
  padding:10px;
}

.carousel-control-next, .carousel-control-prev
{
  opacity: 1 !important;
}

/****************************************************************************************/
/****************************************************************************************/
.table-striped,.tournirtable table
{
  width:100%
}

.table-striped,.table-striped td,.tournirtable table td
{
  vertical-align: top;
}

.tournirtable table td
{
padding-top:5px;
padding-bottom:5px;
}

.table-striped   img
{
margin-right:20px;
}
.table-striped thead , .tournirtable table thead
{
  border-bottom:solid 3px #171C4A;
  margin-bottom:10px;
/*  background: #C9DAF2*/

}
.table-striped thead   th,.tournirtable table th
{
  text-align: center;
  padding:5px;
}
.table-striped thead   th:first-child,.tournirtable table thead   th:first-child
{
  text-align: left;
}

.table-striped tr:nth-child(even),.tournirtable table   tr:nth-child(even)
{
background: #E4EDF9
}

.table-striped td.amplua
{
  vertical-align: middle;
    text-align: center;
}

.table-striped td.number
{
  font-size:60px;
    vertical-align: middle;
    text-align: center;
}


#sf_sport_matchList
{

}
.alignleft
{
  text-align: left;
}

.font30
{
  font-size:30px
}
.pull-left
{
  float: left;
}
.sf_gallery_a {
    transition: all 1s ease 0s;
}
.sf_gallery_a:hover .svkdesc {
    display: block;
    transition: all 1s ease 0s;
}
.sf_gallery_a {
    float: left;
    height: 145px;
    margin: 5px;
    overflow: hidden;
    position: relative;
    width: 193px;
}
.sf_gallery_a img {
    min-height: 100%;
    width: 100%;
}
.svkcap {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    color: white;
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 10px;
    position: absolute;
    text-align: left;
    transition: all 1s ease 0s;
    width: 279px;
}
.sfvkcount {
    color: white;
    float: right;
    font-weight: bold;
    line-height: 12px;
    margin: 0 7px;
    padding-left: 14px;
    text-align: left;
}
.sf_gallery_a .svkdesc {
    display: none;
    font-size: 10px;
    padding: 0;
    transition: all 1s ease 0s;
}
.logosport
{
width:32px;
height:32px;
line-height: 32px;
overflow: hidden;
vertical-align: middle;
display: inline-block;


}
.logosport   img
{
  width:100%;
  margin:0px;

}
.transline
{

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e6eb+50&0+0,1+50 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(229,230,235,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(229,230,235,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(229,230,235,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e5e6eb',GradientType=0 ); /* IE6-9 */
width:100%;
margin-left: -10px; margin-right: -30px; position: absolute; text-align: center; margin-top: -42px;
height:55px;
}
.transline.active                                                   {
margin-top:-23px;
}


.transline:before
{
     content:'Ў' ;
}
.transline.active:before
{
  content:'^' ;
}
.duoblepoint
{
  font-size: 90px;
  line-height:100px;
  vertical-align: middle;
}
.teamname
{
  text-align: center;
}

.teamlogo
{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50% ;
  width:140px;
  height:100px
}
.maatchdate
{
  text-align: center;
  font-size:18px;
  background: #143060;
  color:#fff
}
.element-invisible
{
display:none
}
/****************************************************************************************/
/****************************************************************************************/
.topblueevents {width:928px; height:155px; background-color:#c9daf2; position:relative; margin-bottom:25px;}
.topblueevents .sliderwrapper2 {width:832px; margin:0 auto; padding-top:5px;height:155px;}
.topblueevents .sliderwrapper {width:832px; margin:0 auto; height:155px;}
.topblueevents .goleft {position:absolute; width:21px; height:32px; top:80px; left:15px;}
.topblueevents .goright {position:absolute; width:21px; height:32px; top:80px; right:15px;}

.topblueevents .sliderwrapper .slide {display:block; width:204px;height:155px;}
.topblueevents .sliderwrapper .slide h3 {font-size:18px; text-align:center; color:#19326b;}
.topblueevents .sliderwrapper .slide .slideinfo {width:164px; height:88px; background-color:#e4edf9; padding:20px 10px; box-shadow:0px 1px 1px #a5b8d5; color:#19326b; box-sizing: border-box;display:block}
.topblueevents .sliderwrapper .slide .slideinfo > div {font-size:14px; height:30px;}
.topblueevents .sliderwrapper .slide .slideinfo > div span {display:block; float:right; width:28px; height:26px; text-align:center; border-radius:5px; background-color:#4a759f; font-weight:bold; color:#fff; font-size:18px;}

.topblueevents .sliderwrapper .slide .slideinfo > div span.yellow {color:#ffff00;}

.rightbox .youtuberbox img {width:100%;}
.rightbox .youtuberbox {height:auto;}
.rightbox .youtuberbox h3  {padding-left:15px; margin-bottom:5px; font-size:28px; padding-top:10px; background-image:url('../images/youtube.png'); background-position:195px 15px; background-repeat:no-repeat;}
.rightbox .youtuberbox h3 a {color:#233E7A;}

.turtable h3 {padding-left:15px; margin-bottom:10px; font-size:28px; padding-top:10px; font-family: 'PT Sans Narrow', Arial, sans-serif; font-weight:bold; text-transform:uppercase;}
.turtable {margin-top:20px; margin-bottom:20px; width:100%; position:relative;}
 .turtablebgdiv
 {
   height:400px;
   overflow: hidden;
     transition:all linear 1s;
     display:none
 }
  .turtablebgdiv.project1
  {
display:block;
  }
.turtablebg  button
{
  font-size:16px;
  font-weight:bold;
}

.turtablebg > ul  {padding-left:0;}
.turtablebg > ul > li {display:inline-block; text-align:center; padding-top:5px;}
.turtablebg > ul > li  {font-size:18px; font-family: 'PT Sans Narrow', Arial, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#143060;cursor:pointer}
.turtablebg > ul > li.active {background-color:#143060; height:32px;}
.turtablebg > ul > li.active  {color:#fff;}
.turtablebg > ul {border-bottom:3px #143060 solid;}

.calendar .month {height:30px; border-bottom:3px #143060 solid; margin-bottom:5px; position:relative; margin-top:3px; padding-bottom:4px;}
.calendar .month .goleft {position:absolute; width:14px; height:22px; left:0; top:0px;}
.calendar .month .goright {position:absolute; width:14px; height:22px; right:0; top:0px;}
.calendar .month h3 {text-align:center; font-size:18px; font-weight:bold; font-family: 'PT Sans Narrow', Arial, sans-serif; padding:0; margin:0; color:#143060;}

   .turtablebg {
    background-color: #c9daf2;
    padding: 12px 10px 10px;
}
.turtablebg table {
    width: 99%;
}
.turtablebg2 table tr td,.turtablebg2  table tr th {
    padding: 5px;
    display:none
}
.turtablebg2 table tr td:nth-child(1),.turtablebg2 table tr td:nth-child(2),.turtablebg2 table tr td:nth-child(3),.turtablebg2 table tr td:last-child,
.turtablebg2 .days table tr th:nth-child(1),.turtablebg2 .days table tr th:nth-child(2),.turtablebg2 .days table tr th:nth-child(3),.turtablebg2 .days table tr th:last-child
{
  display: table-cell;
}

.turtablebg table tr:nth-child(2n) td {
    background-color: #e4edf9;
    border-bottom: 1px solid #a5b8d5;
}
.turtablebg table tr th {
    color: #0071bb;
    font-size: 12px;
    text-align: center;
}
.turtablebg table tr td {
    text-align: center;
}
.turtablebg table tr td:nth-child(2){
    text-align: left;
}
.turtablebg .days table tr:nth-child(2n) td:nth-child(2n) {
    background-color: #c9daf2;
}
.turtablebg .days table tr:nth-child(2n) td *:nth-child(2n+1) {
    background-color: #e4edf9;
}
.turtablebg .days table tr:nth-child(2n+1) td:nth-child(2n) {
    background-color: #e4edf9;
}
.turtablebg .days table tr:nth-child(2n+1) td *:nth-child(2n+1) {
/*    background-color: #e4edf9;*/
}
.turtablebg .days table tr td {
    box-sizing: border-box;
    color: #0071bb;
    font-size: 12px;
    height: 45px;
    padding-left: 1px;
    padding-top: 1px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.turtablebg .days table tr th {
    background-color: #c9daf2 !important;
    border-bottom: medium none !important;
    box-sizing: border-box;
    height: 20px;
    text-align: center;
    vertical-align: middle;
}
.turtablebg .days table tr td img.clogo {
    bottom: 2px;
    left: 4px;
    position: absolute;
}

.turtablebg .days table tr:nth-child(2n) td  img,.turtablebg .days table tr:nth-child(2n+1) td *:nth-child(2n+1) img
{
  background: none !important
}

/****************************************************************************************/
.ytbplacelink {
    position: relative;
    display: block;
}

.ytbplace {
    top: 50%;
    left: 50%;
    height: 30px;
    margin-left: -21px;
    margin-top: -15px;
    width: 42px;
    display: block;
    position: absolute;
}
  .youtuberbox {
    width: 100%;
    padding-right: 10px;
    height: 330px;
    overflow: hidden;
    float: left;
}

 .youtuberbox img {
    width: 100%;
}

 .banners img
 {
  width:100%;
  margin:5px 0px;
 }
.footersmallbox button
{
  display: none;
}



/* -------------------
   General Pagination
--------------------- */
div.pagination {
    clear: both;
    text-align: center;
    margin: 15px 0 0 0;
}

div.pagination p.counter {
    font-style: italic;
}

div.pagination ul {
    list-style: none;
    padding: 0;
}

div.pagination ul li {
    list-style: none;
    display: inline;
    padding: 0 5px 0 5px;
}

.carousel-control-next-icon, .carousel-control-prev-icon
{
  background-color:#0071BB !important;
}


/****************************************************************************************/
/****************************************************************************************/


.roster-block.roster-block-two {
    margin: 0 auto;
    width: 470px;
}


.roster-element {

    float: left;
    margin: 0 0px 0px;
    padding: 0 0 12px;
    width: 185px;
    display:block
}
.roster-element::after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.roster-element .in {
    height: 290px;
    perspective: 800px;
    position: relative;
}
.roster-element .in .top {
    backface-visibility: hidden;
    background: #171C4A none repeat scroll 0 0;
    border-radius: 2px;
    height: 276px;
    padding: 7px;
    position: absolute;
/*    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  */
    transition: all ease 1s;
    width: 165px;
}
.roster-element .in .top .img {
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #7f8a9a;
    position: relative;
    overflow: hidden;
    width:100%;
    height:190px

}
.roster-element .in .top .img img {
    border-radius: 2px;
    display: block;
}
.roster-element .in .top .img div {
    border-radius: 2px;
    box-shadow: 0 2px 1px 0 #2c3033 inset;
    height: 100%;
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.roster-element .in .top .name {
    color: #fff;

    font-size: 22px ;
    line-height: 1;
    padding: 15px 0 11px;
    text-align: center;
    text-shadow: 0 1px 0 #000101;
    text-transform: uppercase;
}
.roster-element .in .top .name span {
    display: block;
    font: bold 17px/1 "PT Sans",sans-serif;
    padding: 4px 0 0;
    text-transform: none;
}
.roster-element .in .top .number {

color: #171c4ade;
font-size: 25px;
position: absolute;
right: 11px;
text-shadow: 0 1px 0 #000101;
top: 3px;


border-radius: 10px;

text-align: center;
}
.roster-element .in .bottom {
    backface-visibility: hidden;
    -webkit-backface-visibility:hidden;
    background: #171C4A none repeat scroll 0 0;
    border-radius: 2px;
    display: block;
    height: 276px;
    padding: 7px;
    position: absolute;
    text-decoration: none;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
/*    transform-style: preserve-3d;*/
    transition: all ease 1s;

    width: 165px;
}
.roster-element .in .bottom .wrap {
    background: #2a4055 none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #182531 inset;
    display: block;
}
.roster-element .in .bottom .wrap .in {
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #7f8a9a;
    display: block;
    height: 306px;
    padding: 0 15px;
    width: 138px;
}
.roster-element .in .bottom .wrap .in .name {
    border-bottom: 1px solid #1c2739;
    color: #fff;
    display: block;
    font: bold 14px/1 "PT Sans",sans-serif;
    padding: 13px 0 14px;
    position: relative;
    text-transform: uppercase;
}
.roster-element .in .bottom .wrap .in .name span {
    display: block;
    padding: 7px 0 0;
    text-transform: none;
}
.roster-element .in .bottom .wrap .in .name .number {
    display: block;
    font-size: 30px;
    position: absolute;
    right: 0px;
    top: 3px;
}
.roster-element .in .bottom .wrap .in .params {
    border-bottom: 1px solid #1c2739;
    border-top: 1px solid #46596b;
    display: block;
    padding: 11px 0 12px;
}
.roster-element .in .bottom .wrap .in .params::after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.roster-element .in .bottom .wrap .in .params > div, .roster-element .in .bottom .wrap .in .params span {
    color: #fff;
    display: block;
    float: left;
    font: 14px/1 "PT Sans",sans-serif;
    width: 49%;
}
.roster-element .in .bottom .wrap .in .params > div strong, .roster-element .in .bottom .wrap .in .params span strong {
    color: #acc2d6;
    display: block;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    padding: 0 0 5px;
}
.roster-element .in .bottom .wrap .in .date {
    border-bottom: 1px solid #1c2739;
    border-top: 1px solid #46596b;
    color: #fff;
    display: block;
    font: 14px/1 "PT Sans",sans-serif;
    padding: 11px 0 12px;
    width: auto;
}
.roster-element .in .bottom .wrap .in .date::after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.roster-element .in .bottom .wrap .in .date strong {
    color: #acc2d6;
    display: block;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    padding: 0 0 5px;
}
.roster-element .in .bottom .wrap .in .date span {
    color: #a0b0bf;
    float: right;
}
.roster-element .in .bottom .wrap .in .country {
    border-top: 1px solid #46596b;
    color: #fff;
    display: block;
    font: 14px/1 "PT Sans",sans-serif;
    padding: 11px 0 22px;
}
.roster-element .in .bottom .wrap .in .country strong {
    color: #acc2d6;
    display: block;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    padding: 0 0 5px;
}
.roster-element .in .bottom .wrap .in span.a, .roster-element .in .bottom .wrap .in a. a {
    border-radius: 3px;
    box-shadow: 0 -1px 0 #709dca;
    cursor: pointer;
    display: block;
}
.roster-element .in .bottom .wrap .in span.a a, .roster-element .in .bottom .wrap .in a.a a {
    background: #C9DAF2 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #000b1e;
    color: #fff;
    display: block;
    font: 14px/35px "PT Sans",sans-serif;
    height: 35px;
    text-align: center;
    text-decoration: none;
}
.roster-element .in .bottom, .xp-mode.roster-element .in .bottom {
/*    display: none;*/
}
.roster-element .in .bottom .wrap .in span.a:focus, .roster-element .in .bottom .wrap .in a.a:focus {
    box-shadow: 0 -1px 0 0 #000b1e;
}
.roster-element .in .bottom .wrap .in span.a:focus a, .roster-element .in .bottom .wrap .in a.a:focus a {
    box-shadow: 0 1px 0 0 #709dca;
}
.roster-element .in .bottom .wrap .in span.a:hover, .roster-element .in .bottom .wrap .in a.a:hover {
    box-shadow: 0 -1px 0 #7db1e5;
}
.roster-element .in .bottom .wrap .in span.a:hover span, .roster-element .in .bottom .wrap .in a.a:hover span {
    background: #3385d7 none repeat scroll 0 0;
}
.roster-element:hover .top {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.roster-element:hover .bottom {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);display: block;
}
.roster-element .votes {
    border-top: 1px solid #637083;
    bottom: 0;
    color: #8c9eb9;
    font-family: "PT Sans";
    font-size: 14px;
    left: 10px;
    line-height: 34px;
    position: absolute;
    right: 10px;
}
.roster-element .votes .percent {
    float: right;
}
.roster-element.with-votes .in {
    height: 350px;
}
.roster-element.with-votes .in .top {
    height: 346px;
}
.roster-element .in .top, .xp-mode.roster-element .in .top {
    display: block;
}

.roster-element .in:hover .top, .xp-mode.roster-element .in:hover .top {
/*    display: none;*/
}
.roster-element .in:hover .bottom, .xp-mode.roster-element .in:hover .bottom {
/*    display: block;*/
}
.h2rooster
{
width:100%;
float:left;
display:block;
text-align: center;
margin-top:5px;
margin-bottom:5px;
padding:0px
}
/****************************************************************************************/
.counter
{
background: #114075;
color:#fff;
padding:5px 10px
}
.parthnerbox
{
  min-height: 100px;
padding-bottom: 35px;

margin: 0 auto;
text-align: center;
 background-image: url('../images/dots.png');
background-repeat: repeat-x;
background-position: bottom;
}
.parthnerbox h3
{

width: 100%;
padding-bottom: 20px;


}

.img_player
{
  height: 290px !important  ;
}
iframe
{
  max-width: 100%
}

.fields-container
{
  display: none;
}

   @media (max-width: 420px) {
        .slideinfo
{
  font-size:12px
}
    }
   @media (max-width: 576px) {
 .slideinfo
{
  font-size:12px
}

}


@media (max-width: 768px) {
  .img_player
{
  height: 290px !important  ;
}


    .slideinfo
{
  font-size:12px
}
}
   @media screen and (min-width:200px) and (max-width:900px) {
.h500
{
  height: auto !important;
}
.fitimage3
{
  -o-object-fit: contain !important;
object-fit: contain !important;
}


  }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
 .slideinfo
{
  font-size:12px
}


}


@media (max-width: 740px) {
.table__wrapper table
{
    font-size:10px
  }
     .slideinfo
{
  font-size:12px
}
  }


@media (min-width: 812px) {
        .slideinfo
{
  font-size:10px
}
  }
@media (min-width: 992px) {

     .slideinfo
{
  font-size:12px
}
}

@media (min-width: 1200px) {
       .slideinfo
{
  font-size:14px
}

}
@media (min-width: 1500px) {

  }