/* text, fonts footer--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Nunito');
body
{
    font-family: 'Nunito', sans-serif!important;
    line-height: 150%!important;
   
}
h1, h2, h3,h4,h5
{
   line-height: 130%!important;

}
h1
{
    font:30px !important;
    text-align:center;
    color: #000 !important;
    padding-top: 0px !important;
}

h2
{
    font: 30px;
    text-align:center;
    color: #fff !important;
    
}

h3
{
    color: #ffffff !important;
    
}

h4
{
    font-size: 22px !important;
    text-align:center;
}
h4:hover
{
    text-decoration: underline !important;
}

h5
{
    text-align: center;
    font-size: 18px !important;
}
footer 
{
    color: #ffffff !important;
    
    margin-top: 10px!important;
    /*background-color: #222222;
    background: -webkit-linear-gradient(top, rgba(34,34,34,1), rgba(8,8,8,1));
    background: -o-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: -moz-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: linear-gradient(to bottom, rgba(34,34,34,1), rgba(8,8,8,1));*/

}
.jumbotron > p
{
    font-weight: bold !important;
    word-spacing: 5px!important;
    line-height: 120%!important;
    text-align: justify!important;
    margin-left: 100px !important;
    margin-right: 100px!important;
}
.TranparentVideoBlock > h2
{
    font-weight: bolder !important;
    font-size: 40px!important;

}
.TranparentVideoBlock > h3
{
    font-weight:lighter !important;
    font-size: 22px!important;

    
}
.panel > .panel-heading > h3
{
    font-weight: bold!important;
    font-size: 28px!important;
}
.panel > .panel-footer > h4{

    color: white!important;

}
.trasnparenttextblock h1
{
    color: white!important;
}
.trasnparenttextblock h3
{
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}
.trasnparenttextblock h3 > ul > li
{
    margin-top: 10px!important;
}
select
{
    width: 240px;
    margin-bottom: 10px!important;
    border-radius: 20px;
    padding: 5px;
    -webkit-box-shadow: inset 0px 0px 10px black;
    -moz-box-shadow: inset 0px 0px 10px black;
    box-shadow: inset 0px 0px 10px black;

}
.SitemapContainer h5
{
    text-align: left!important;
}
.moveText
{ 
    transition:  margin-left 0.2s ease-out;
    -webkit-transition: margin-left 0.2s ease-out;
    -moz-transition: margin-left 0.2s ease-out;
    -o-transition: margin-left 0.2s ease-out;
    transition: margin-left 0.2s ease-out;
}
.moveText:hover
{ 
    margin-left: 15px!important;     
}


/* modal-------------------------------------------------------------------------*/

.modal-content 
{
 
}

.modal-header
{
  color: white!important;
  background-color: #222222!important;
  background: -webkit-linear-gradient(left, rgba(217,82,41,1), rgba(92,33,100,1));
  background: -o-linear-gradient(right, rgba(217,82,41,1), rgba(192,33,100,1)); 
  background: -moz-linear-gradient(right, rgba(217,82,41,1), rgba(92,33,100,1)); 
  background: linear-gradient(to right, rgba(217,82,41,1), rgba(92,33,100,1)); 
}

/* carousel--------------------------------------------------------------*/
.carousel-control{

    background-image: none!important;
    opacity: 1!important;
}

.carousel-control.left, .carousel-control.right {
    background-image: none!important;
}
.carousel-fade .carousel-inner .item 
{
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active
{
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left 
{
    left:  0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .active.right 
{
    right:  0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right 
{
    opacity: 1;
}

.carousel-fade .carousel-control 
{
    z-index: 2;
}
.carousel-indicators li{
    
    width: 15px!important;
    height: 15px!important;
    border-radius: 15px!important;
}
.carousel-indicators li.active 
{

    background-color: #d49f39!important;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.left .right{

  background: none!important;
}

/* buttons--------------------------------------------------------------------------*/
.btn-warning
{
    border: 3px solid #114f88 !important;
    /*background-color: #d49f39!important;*/
    /*color: #fff!important;*/
    color: #114f88!important;
    background-color: #ffffff!important;
    background: -webkit-linear-gradient(180deg, #efefef, #a5a29f)!important; 
    background: -o-linear-gradient(180deg, #efefef, #a5a29f)!important; 
    background: -moz-linear-gradient(180deg, #efefef, #a5a29f)!important; 
    background: linear-gradient(180deg, #efefef, #a5a29f)!important; 
    font-weight: bold!important;
}
.btn:hover
{
    text-decoration: underline!important;
}


/* containers----------------------------------------------------------------------*/
.LatestNews
{
    width: 100%;
    height: auto;
    background-color: white;
    padding-bottom: 100px;
}
.LatestNews h1
{

    font-size: 40px!important;
}
.LatestNewsContainer
{
    width: 80%;
    height: auto;
    margin: auto;
}

.ModdersContainer
{

  width: 100%;
  height: auto;
  background-color: rgba(255,255,255,1);
  border-radius: 20px;
  text-align: center;
  box-shadow: inset 0px 0px 20px #000000;
  padding: 20px 20px;

}
.uploadimages
{
  width: 200px;
  height: auto;
}
.ModdersContainer h4:hover
{
  text-decoration: none!important;
}
.otherContainer1
{

    background-image: url(../others/images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 700px;
    margin-top: none;
    padding-top: 30px;

}
.socialBg
{

      background-color: #1b1a22;
      background: -webkit-linear-gradient(top, rgba(27,26,34,1) 25%, rgba(140,140,140,1) 90%);
      background: -o-linear-gradient(bottom, rgba(27,26,34,1) 25%, rgba(140,140,140,1) 90%); 
      background: -moz-linear-gradient(bottom, rgba(27,26,34,1) 25%, rgba(140,140,140,1) 90%); 
      background: linear-gradient(to bottom, rgba(27,26,34,1) 25%, rgba(140,140,140,1) 90%);
      padding-bottom: 30px;
}
.homeContainer
{
      padding-top: 20px;
      background-image: url(../images/homeBackground.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      min-height: 900px;
      margin-top: none;

}
.nrmBackground
{

       background-image: url(../rugby/images/background_menu.png);
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;
       min-height: 800px;
       margin-top: none;
}
.nrmBackground2{

    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #222222!important;
    background: -webkit-linear-gradient(top, rgba(34,34,34,1), rgba(8,8,8,1));
    background: -o-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: -moz-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: linear-gradient(to bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    width: 100%;
}
.rll4Background
{
    background-image: url(../rll4/images/background.jpg);
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;
       min-height: 100px;
       margin-top: none;
}
.rltm2018Background
{
    background-image: url(../rugby/rltm18/images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100px;
    margin-top: none;
}
.rutm2017Background
{
    background-image: url(../RUTM17/images/background2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100px;
    margin-top: none;

}
.rc3Background
{
    background-image: url(../rugby/rc3/images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100px;
    margin-top: none;
}
.rc4Background
{
    background-image: url(../rugby/rc4/images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100px;
    margin-top: none;
}
.rll3Background{

    background-image: url(../rugby/rll3/images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100px;
    margin-top: none;

}
.donBradmanBackground{

    background-image: url(../Don_Bradman/images/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100px;
    margin-top: none;
}
.rugbyContainer
{
       background-image: url(../rugby/images/rugbybackground.jpg);
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;
       min-height: 800px;
       margin-top: none;

}
.footerContainer
{
    background-image: url(../images/footerBackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;

}
.borderLine
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 2px;
    background-color: #222222;
    background: -webkit-linear-gradient(90deg, #d95229, #5c2164); 
    background: -o-linear-gradient(90deg, #d95229, #5c2164); 
    background: -moz-linear-gradient(90deg, #d95229, #5c2164); 
    background: linear-gradient(90deg, #d95229, #5c2164);  
}
.topbannerContainer
{
	background-image: url(../images/banners/WebsiteBanner.jpg);
	background-size: cover;
	width: 100%;
    min-height: 120px;
	background-position: center;
}
.banner-flex
{
	width: 50%;
	display: flex;
	align-items: center;	
	margin: auto;
}
.banner-flex > div{
	width: 50%;
	display: flex;
	justify-content: center;
}
.banner-flex > div img{
	width: 145px;
	height: auto;		
}
.SitemapContainer
{
    background-color: #222222;
    background: -webkit-linear-gradient(90deg, #d95229, #5c2164); 
    background: -o-linear-gradient(90deg, #d95229, #5c2164); 
    background: -moz-linear-gradient(90deg, #d95229, #5c2164); 
    background: linear-gradient(90deg, #d95229, #5c2164); 
    width: 100%;
    min-height: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center!important;
}
.latestPanel
{
    border-radius: 10px;
    padding-bottom: 10px;
    margin: auto;
    padding-top: 5px;
    width: 33%;
    min-height: 10px;
    background-color: #222222;
    background: -webkit-linear-gradient(90deg, #d95229, #5c2164);
    background: -o-linear-gradient(90deg, #d95229, #5c2164); 
    background: -moz-linear-gradient(90deg, #d95229, #5c2164);
    background: linear-gradient(90deg, #d95229, #5c2164); 
}

.jumbotron
{
    margin-bottom: 0px!important;
    padding-left: 60px !important;
    padding-right: 60px !important;
}


.container-fluid
{
    margin-left: 50px !important;
    margin-right: 50px !important;
}
video 
{
    width: 100%;
    height: auto;
}
table
{
    margin-top: 10px!important;
}
tr
{
    margin-right: 10px!important;
    margin-left: 10px!important;
}

.videoOverlay
{
    z-index: 9999;
}



.GameInfoBar
{
    width: 100%;
    min-height: 100px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    border-radius: 10px;
    background-color: #337ab7 !important;
    background: -webkit-linear-gradient(top, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -o-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -moz-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: linear-gradient(to bottom, rgba(51,122,183,1), rgba(7,67,119,1));
    box-shadow: inset 0px 0px 20px #000000;
}
.subscribeContainer
{
    width: 80%;
    min-height: 100px;
    padding: 10px;
    margin: auto;
    border-radius: 10px;
    background-color: #337ab7 !important;
    background: -webkit-linear-gradient(top, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -o-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -moz-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: linear-gradient(to bottom, rgba(51,122,183,1), rgba(7,67,119,1));
    box-shadow: inset 0px 0px 20px #000000;
    box-shadow: 0px 0px 50px 8px #000000;
}
.subscribeContainer label
{
    color: white!important;
    font-size: 20px!important;
    letter-spacing: 1px!important;
    
}
.subscribeBackground
{
    background-image: url(../images/banners/AlternativeSoftwareMoviesBannerblur.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 0px;
    min-height: 700px;
    padding-top: 100px;    
}
.subscribeBackground h1
{
    color:  white!important;
}
.GameInfoBar2
{

}
.GameInfoBar h2, h3, h5
{
    color: white!important;
}
.BannerLine
{
    width: 80%;
    display: block;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 2px;
    background-color: #fff;
}
.Rll4PageHeader
{
    width: 100%;
    background-image: url(../images/banner1.png);
}
.steamWidgetContainer
{
    position: relative; 
    width: 100%;
    min-height: 200px;
    
}
.video-container 
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
   
}

.video-container iframe 
{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row
{
    margin-bottom: 10px;
    display: block;
    margin: auto;
}

/* navbar and nav tabs--------------------------------------------------------------------------*/
.navbar-fixed-top
{
    position: relative!important;
}
.navbar 
{
    min-height: 50px !important;
    margin-bottom: 0px !important;
    border: 0 !important;
    font-size: 20px !important;
    line-height: 1.42857143 !important;
    border-radius: 0 !important;
    background-color: #222222!important;
    background: -webkit-linear-gradient(top, rgba(34,34,34,1), rgba(8,8,8,1));
    background: -o-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: -moz-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: linear-gradient(to bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    text-align: center;
}
.navbar-brand
{

    display: none!important;
}
.navbar .navbar-nav 
{
    display: inline-block !important;
    float: none !important;
    vertical-align: middle !important;
}

.navbar li a, .navbar .navbar-brand 
{
  
   -webkit-text-stroke-color: black;
   line-height: 30px !important;
   
}

.navbar-nav li a:hover, .navbar-nav li.active a
{
    background-color: none !important;
    color: #ffffff!important;
    border-radius: 0px !important;
}

.navbar-default .navbar-toggle 
{
    border-color: transparent !important;
    color: #fff !important;
}

.navbar-nav .dropdown-menu
{
    width: 250px;
    border-radius: 0px !important;
    margin-top: 0px!important;
    white-space: wrap!important; 
}
.navbar-nav .dropdown-menu li a
{
    font-size: 20px !important;
    
 
}
.navbar-nav .dropdown-menu > li > a:hover 
{
    text-decoration: none !important;
    color: #fff!important;
    background-color: #337ab7 !important;
    background: -webkit-linear-gradient(top, rgba(51,122,183,1), rgba(7,67,119,1));
    background: -o-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -moz-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: linear-gradient(to bottom, rgba(51,122,183,1), rgba(7,67,119,1));
}

.navbar-nav .dropdown:hover .dropdown-menu 
{
    display: block;
}

.nav-tabs > li > a
{
 
    color: #222222 !important;

}
.nav-tabs > li 
{
    float:none !important;
    display:inline-block !important;
    font-size: 18px !important;
    color: #222222 !important;
}

.nav-tabs 
{
    text-align:center;
}
.nav-tabs > li > a:hover
{
    background-color: #337ab7 !important;
    background: -webkit-linear-gradient(top, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -o-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -moz-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: linear-gradient(to bottom, rgba(51,122,183,1), rgba(7,67,119,1));
    color: #fff !important;
}
.nav-tabs > li.active > a
{
    border-color: none !important;
    background-color: #337ab7 !important;
    background: -webkit-linear-gradient(top, rgba(51,122,183,1), rgba(7,67,119,1));
    background: -o-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -moz-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: linear-gradient(to bottom, rgba(51,122,183,1), rgba(7,67,119,1));
    color: #fff !important;
    text-decoration: underline !important;
 
}

/*panel------------------------------------------------------------*/
.panel-heading
{
    background-color: #337ab7 !important;
    color: #fff !important;
    background: -webkit-linear-gradient(top, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -o-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: -moz-linear-gradient(bottom, rgba(51,122,183,1), rgba(7,67,119,1)); 
    background: linear-gradient(to bottom, rgba(51,122,183,1), rgba(7,67,119,1));
}
.panel-collapse
{
    color: white!important;
    background-color: #337ab7 !important;
}
.panel
{
    box-shadow: 0 0 30px #222222!important;
    margin: 15px !important;
}
.panel-footer h3
{
    color: white!important;
}
.panel-footer
{
    background-color: #222222;
    background: -webkit-linear-gradient(top, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: -o-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: -moz-linear-gradient(bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
    background: linear-gradient(to bottom, rgba(34,34,34,1), rgba(8,8,8,1)); 
}
/*Icons--------------------------------------------------------------------*/

.social [class*="fa fa-"], .social [class*="fab fa-"]{
    border-radius: 10px;
    color: #fff;
    color: -webkit-linear-gradient(180deg, #efefef, #a5a29f)!important; 
    color: -o-linear-gradient(180deg, #efefef, #a5a29f)!important; 
    color: -moz-linear-gradient(180deg, #efefef, #a5a29f)!important; 
    color: linear-gradient(180deg, #efefef, #a5a29f)!important; 
    display: inline-block;
    height: 50px;
    width: 50px;
    font-size: 30px;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.fa-facebook, .fa-twitter, .fa-youtube, .fa-envelope, .fa-instagram{
    background-color: none;
}
/* .fa-facebook:hover
{
    background-color: #3b5998;

}
.fa-twitter:hover
{ 
    background-color: #46c0fb; 
}
.fa-youtube:hover
{ 
    background-color: #e5322e;
}
.fa-envelope:hover 
{ 
    background-color: #cfcccc;
    color: #222222;
    
} */
.glyphicon.glyphicon-chevron-down
{
    font-size: 30px!important;
}
.glyphicon-chevron-down:hover
{
    color: #337ab7!important;
}

.glyphicon.glyphicon-chevron-up
{
    font-size: 30px!important;
    color: white!important;
}
.glyphicon-chevron-up:hover
{
    color: #337ab7!important;
}

.glyphicon.glyphicon-chevron-left
{
    font-size: 60px!important;
    color: #d49f39!important;
    opacity: 1!important;
    text-shadow: -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black!important;

}

.glyphicon.glyphicon-chevron-right
{
    font-size: 60px!important;
    color: #d49f39!important;
     opacity: 1!important;
     text-shadow: -3px 0 black, 0 3px black, 3px 0 black, 0 -3px black!important;
}





.glyphicon.glyphicon-play
{
    font-size: 20px !important;
    color: white!important;
}
.glyphicon.glyphicon-pause
{
    font-size: 20px !important;
    color: white!important;
}
.glyphicon.glyphicon-volume-off
{
    color: white!important;
    font-size: 20px !important;
    margin-left: 5PX!important;
}
.glyphicon.glyphicon-volume-up
{
    color: white!important;
    font-size: 20px !important;
    margin-left: 5PX!important;
}
.glyphicon.glyphicon-fullscreen
{
    color: white!important;
    font-size: 20px !important;
    margin-left: 5PX!important;
}
#return-to-top {
    position: fixed;
    bottom: 40px;
    right: 15px!important;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    text-align: center!important;
}
#return-to-top span {
    color: #fff;
    top: 15px; 
    position: relative;
    font-size: 25px!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover span {
    top: 5px;
}
/*Image Hoverover--------------------------------------------------*/
    .trailerImgContainer
     {
         position: relative;
         text-align: center;
         margin-bottom: 10px;

     }
     .trailerImgContainer > img
     {
        border-radius: 10px;
     }
     .trailerImg
     {
        width: 100%;
        height: auto;
        display: block;
        margin: auto;
     }
     .trailerImgContainer:hover .trailerOverlay
     {
      background-color:rgba(255,255,255,0.7);
     }
     .playButton
     {
        overflow: hidden;
        position: absolute;
        opacity: 0;
     }
     .trailerImgContainer:hover .playButton
     {
       transition: .4s ease-in;
       opacity: 1;
     }

     /* Trailers
		==============================*/
		.trailers{
			width: 95%;
            margin: auto;
            outline: 2px solid white;
            outline-offset: 10px;
            position: relative;
            border-radius: 10px;
        }
        .trailers h2
        {
            position: absolute;
            top: -30px;
            left: 20em;
            right: 20em;
            background: #1b1a22;
            padding: 0px 20px!important;
        }
		.trailer-item{
			width: 25%;
			float: left;
            padding: 10px;
            margin-top: 10px;
		}
		.trailerContainer{
			display: flex;
			align-items: center;
			width: 100%;
			background: #1b1a22;
			height: auto;
			min-height: 600px;
			padding: 20px;
		}
		.trailerContainer h2{
			margin: 0!important;
			padding: 0!important;
		}
		.trailerOverlay
		{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100%;
			width: 100%;
			transition: .4s ease-in;
			background-color:rgba(255,255,255,0);
			border-radius: 10px;
		}
		.trailerImgContainer:hover .trailerOverlay
		{
			background-color:rgba(255,255,255,0.7);
		}
		.trailerImgContainer:hover .playButton
		{
			transition: .4s ease-in;
			opacity: 1;
        }
        @media (max-width: 1650px)
        {
            .trailers h2{
                left: 15em;
                right: 15em;
            }
        }
		@media(max-width: 1300px)
		{
			.trailer-item{
				width: 50%;
            }	
            .trailers h2{
                position: initial;
 
            }
        }
        @media(max-width: 1024px)
		{	.trailers{
            outline: none;
        }
            .trailers h2{
                left: 5em;
                right: 5em;
            }
		}
		@media(max-width: 992px)
		{
			.trailer-item{
				width: 100%;
			}
			.trailerImgContainer:hover .trailerOverlay
			{
				background-color:rgba(255,255,255,0.2);
			}
			.trailerOverlay{
				background-color:rgba(255,255,255,0.2);
			}
			.playButton{
				opacity: 1;
			}
			.trailerImgContainer:hover .playButton
			{
				opacity:1;
			}
		}
     .container-fluid
     {
        margin-left: 50px !important;
        margin-right: 50px !important;
     }
.Imgcontainer 
{
    position: relative;
    width: 100%;
}
.image 
{
    opacity: 1;
    display: block;
    margin: auto;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle 
{
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.Imgcontainer:hover .image 
{
    opacity: 0.3;
}

.Imgcontainer:hover .middle 
{
    opacity: 1;
}


.text 
{
    background-color: #337ab7;
    color: white;
    font-size: 20px;
    line-height: 22px;
    padding: 10px;
}


table tbody tr img:hover {
   
   box-shadow: 0px 0px 10px #ff0000;
   -webkit-box-shadow: 0px 0px 10px #ff0000;
   -moz-box-shadow: 0px 0px 10px #ff0000;
}
.spiderman{

  
}
.spiderman:hover{
   box-shadow: 0px 0px 10px #ff0000;
   -webkit-box-shadow: 0px 0px 10px #ff0000;
   -moz-box-shadow: 0px 0px 10px #ff0000;
}
/* Games of interest
		==============================*/


		.BannerLine2
		{
			width: 100%;
			display: block;
			margin-top: 15px;
			margin-bottom: 15px;
			height: 2px;
			background-color: #fff;
		}
		.container2 
		{
			position: relative;
			background-color: none;
			text-align: center;    
		}
		.image2 
		{
			width: 100%;
			height: auto;
		}
		.image3 
		{
			display: block;
		}
		.overlay2, .overlay3
		{
			/*opacity: 0.9;*/
			position: absolute;
			left: 0;
			right: 0;
			background-color: #337ab7;
			background: -webkit-linear-gradient(top, rgba(51,122,183,0.9), rgba(7,67,119,0.9));
			background: -o-linear-gradient(bottom, rgba(51,122,183,0.9), rgba(7,67,119,0.9)); 
			background: -moz-linear-gradient(bottom, rgba(51,122,183,0.9), rgba(7,67,119,0.9));
			background: linear-gradient(to bottom, rgba(51,122,183,0.9), rgba(7,67,119,0.9));
			overflow: hidden;
			width: 100%;
            height: 0;
			transition: .3s ease;
		}
		.overlay2 
		{
			bottom: 0;
		}
		.overlay3 
		{
			bottom: 100%;
		}
		.container2:hover .overlay2 
		{
			height: 100%;
		}
		.container2:hover .overlay3 
		{
			bottom: 0;
			height: 100%;
		}
		.text2 
		{
			white-space: nowrap; 
			color: white;
			font-size: 20px;
			position: absolute;
			overflow: hidden;
			transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			top: 50%;
			left: 50%;
		}
		.text2 a h4{
            color: white!important;
            font-size: 20px!important;
		}
		.gamesofinterestContainer
		{
			display: flex;
			align-items: center;
			justify-content: center;
			background-image: url(../images/homeBackground2.jpg);
			width: 100%;
			min-height: 1000px;
			height: auto;
			padding: 10px;
			margin-bottom: -10px;
		}
		.games{
			width: 70%;
			margin: auto;
		}
		.game-item{
			width: 30%;
			float: left;
			text-align: center;
			margin: 0px 1%;
		}
		.game-logo{
			display: block;
		}
		@media(max-width: 1300px)
		{
            .BannerLine2{
                margin-top: 5px;
			    margin-bottom: 5px;
            }
			.game-item{
				width: 48%;
				margin: 0px 1%;
			}
			.container2:hover .overlay2 
			{
				height: 40%;
			}
			.container2:hover .overlay3 
			{
				bottom: 0;
				height: 40%;
			}
			.overlay2
			{
				height: 40%;
			}
			.overlay3
			{
				bottom: 0;
				height: 40%;
			}
			.game-logo{
				display: none!important;
			}
		}
		@media(max-width: 992px)
		{
			.gamesofinterestContainer{
				min-height: 2000px;
			}
			.game-item{
				width: 98%;
				margin: 0px 1%;
			}
		}
/*Transparent Block-------------------------------------------------------*/

.transparentBlock
{
    display: block;
    margin: auto;
    margin-top: 150px;
    text-align: center;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(152,152,152,0.95)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(255,255,255,0.8), rgba(152,152,152,0.95)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0.8), rgba(152,152,152,0.95)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(152,152,152,0.95)); /* Standard syntax (must be last) */
    border-radius: 10px !important;

}
.trasnparenttextblock{
    padding-left: 10px;
    margin: auto;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding-bottom: 20px;
    height: 100%;

}
.transparentBlock h3
{
    color: black !important;

}
.TranparentVideoBlock
{
    z-index: 9999; 
    width: 100%;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    background: url(50%-transparent-black.png);
    background: rgba(0,0,0,0.75);
    border-radius: 0px !important;
}

/*slideing animation-----------------------------------------------------*/
.box1, .box2, .box3, .box4, .box5, .box6, .box7 {opacity: 0; animation-fill-mode: forwards;}
.box{opacity: 0; animation-fill-mode: forwards;}

.slideone, .slidetwo, .slidethree, .slidefour
{
  animation-duration: 1s; 
  -webkit-animation-duration: 1s;
  animation-name: slideone;
  -webkit-animation-name: slideone; 

}
.slidetwo 
{
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.slidethree 
{
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.slidefour 
{
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}
@keyframes slideone 
{
    0% 
    {
      opacity: 0;
      transform: translateY(70%);

    } 
    100% 
    {
      opacity: 1;
      transform: translateY(0%);

    } 
}
@-webkit-keyframes slideone 
{
    0% 
    {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% 
    {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
}

.modBox{opacity: 0; animation-fill-mode: forwards;}
.changeOpacity
{
    animation-duration: 2s; 
  -webkit-animation-duration: 2s;
  animation-name: changeOpacityAnim;
  -webkit-animation-name: changeOpacityAnim;
}

@keyframes changeOpacityAnim
{
    0% 
    {
      opacity: 0;
      
    } 
    100% 
    {
      opacity: 1;
      
    }
}
@-webkit-keyframes changeOpacityAnim
{
    0% 
    {
      opacity: 0;
      
    } 
    100% 
    {
      opacity: 1;
     
    }
}

.slideUp 
{
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    visibility: visible;
    /*animation-delay: 2s;
    -webkit-animation-delay:2s;*/

}
@keyframes slideUp
{
    0% 
    {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% 
    {
      opacity: 1;
      transform: translateY(0%);
    }
}
@-webkit-keyframes slideUp
{
    0% 
    {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% 
    {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
}
.MoreButton{opacity: 0; animation-fill-mode: forwards;}
.ButtonAppear
{
    animation-delay: 1.5s;
    animation-duration: 1s; 
  -webkit-animation-duration: 1s;
  animation-name: ButtonOpacity;
  -webkit-animation-name: ButtonOpacity; 

}
@keyframes ButtonOpacity
{
    0% 
    {
      opacity: 0;
      
    } 
    100% 
    {
      opacity: 1;
      
    }
}
@-webkit-keyframes ButtonOpacity
{
    0% 
    {
      opacity: 0;
      
    } 
    100% 
    {
      opacity: 1;
      
    }
}

    
.mmaFeatures
{
    width: 100%;
    height: auto;
    margin: auto;
    padding: 50px;
    text-align: center!important;
    background-image: url("../mmateammanager/images/background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.widthContainer
{
  width: 80%;
  margin: auto!important;
}
.NewsBlockContainer
{
    width: 100%;
    max-width: 600px;
    height: 450px;
    max-height: 450px;
    /*position: relative;*/
    top: 20px!important;
    margin-top: 25px;
     box-shadow: 0px 0px 10px 0px #000000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease; 
    background-color: #959797;
  background: #959797 url("../mmateammanager/images/featuresBackground.png") repeat center bottom;
    opacity: 0;

}
.NewsBlockContainer:hover
{
    /*top: 0px!important;
    box-shadow: 0px 10px 20px 0px #000000;*/

}
.NewsBlockImage
{
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    overflow: hidden;
    
}
.NewsBlockImage img
{
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.NewsBlockContainer:hover .NewsBlockImage img
{
    transform: scale(1.1);
    /*top: 0px!important;
    box-shadow: 0px 10px 20px 0px #000000;*/

}
.NewsBlockText
{
    margin-top: 0px;
    width: 100%; 
}
.NewsBlockText h2
{
    font-size: 30px!important;
    font-weight: bold!important;
    padding: 10px 0px!important; 
    text-decoration: underline!important;
    color: black!important;
    text-align: center!important;
}
.NewsBlockTextPara p
{
    font-size: 22px!important;
    padding: 0px 30px!important;
    text-align: justify!important;
    color: #141515!important
}
.NewsBlockTextBtn
{
  width:  50%;
  height: 60px;
  bottom: -30px;
  background-color: #d81313;
  color: white;
  position: absolute;
  border-radius: 0px;
  font-size: 30px;
  line-height: 60px;
  margin-left: 25%;
  text-align: center;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
.NewsBlockTextBtn:hover
{
  background-color: white;
  color: #d81313;
  cursor: pointer;

}
.delayAnim1
{
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.delayAnim2
{
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(800px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(800px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(800px);
    transform: perspective(800px);
    opacity: 1;
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(800px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(800px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(800px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(800px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(800px);
    transform: perspective(800px);
    opacity: 1;
  }
}
.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 100%;
  margin-top: 0px;
}

.flex-container > div {
  margin: 10px;
  text-align: left;
  font-size: 30px;
}
.socialIcons
{
  width: 100px;
  height: auto;
  transition: 0.2s ease-in;
}
.socialIcons:hover
{
  transform: scale(1.1);
}
.flex-container p
{
  text-align: center!important;
}