/* Sticky footer styles
-------------------------------------------------- */
/* This stylesheet generated by Transfonter (https://transfonter.org) on October 4, 2017 5:35 PM */



*
{
    	font-family: 'Open Sans Condensed';
}

@font-face {
	font-family: 'Open Sans Condensed';
	src: url('/fonts/OpenSans-CondensedBold.eot');
	src: url('/fonts/OpenSans-CondensedBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-CondensedBold.woff') format('woff'),
		url('/fonts/OpenSans-CondensedBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Condensed';
	src: url('/fonts/OpenSans-CondensedLightItalic.eot');
	src: url('/fonts/OpenSans-CondensedLightItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-CondensedLightItalic.woff') format('woff'),
		url('/fonts/OpenSans-CondensedLightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans Condensed';
	src: url('/fonts/OpenSans-CondensedLight.eot');
	src: url('/fonts/OpenSans-CondensedLight.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-CondensedLight.woff') format('woff'),
		url('/fonts/OpenSans-CondensedLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


.navbar
{
    font-size:12px;
    background:#111;
    border:none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-toggle
{
    border-color: #333;
}
.has-error
{
      font-family: 'Open Sans';
      font-size:11px;
}

#landing-wrapper {
    display: table;
    width: 100%;
    background-position: center top;
    height: 350px;
    color: white;

}
   #landing-wrapper2 {
    display: table;
    width: 100%;
    background-position: center top;
    height: 350px;
    color: black;
}

.lglatest {

    font-size:14px;
    font-weight:normal;
}

.resultSty2
{
	font-family: 'Open Sans Condensed';
        text-transform:uppercase;
}
.resultSty3 {
	font-family: 'Open Sans Condensed';
    text-transform: uppercase;

    color:#fff;
}

.resultSty4 {
	font-family: 'Open Sans Condensed';
    text-transform: uppercase;
    color: #fff;
}

.btn-trans {
    color: #ccc;
    background-color: #222;
    border: #444 1px solid;
    border-radius: 0px;
    font-size: 12px;
    margin-top: 3px;
    padding: 5px 10px;
        font-family: 'Open Sans';
}


.yellowcard {
    color: #111;
    width:20px;
    background-color: yellow;
    border-radius: 0px;
    font-size: 12px;
    margin-top: 3px;
    padding: 5px 5px;
	font-family: 'Open Sans Condensed';
    text-align:center;
    
}

.redcard {
    color: #fff;
    width: 20px;
    background-color: red;
    border-radius: 0px;
    font-size: 12px;
    margin-top: 3px;
    padding: 5px 5px;
	font-family: 'Open Sans Condensed';
    text-align: center;
}

.btn-trans2 {
    color: #fff;
    background-color: #52893c;
    border-radius: 0px;
    margin-top: 3px;
    padding: 5px 5px;
    font-size: 11px;
        font-family: 'Open Sans';
}

.btn
{
        font-family: 'Open Sans';
}

    .btn-primary {

            width:30px;
            height:30px;
            font-size:16px;
            line-height:17px;
            padding:5px;
               background-color:#52893c;
    border-color: none;
        border-color: #235011;
        }
        .btn-primary:hover {

            width:30px;
            height:30px;
            font-size:16px;
            line-height:17px;
            padding:5px;
               background-color:#235011;
    border-color: none;
        border-color: #235011;
        }
.btn-green {
    color: #fff;
    background-color:#52893c;
    border-color: #235011;
    border-radius:0px;
    font-size:14px;
    padding:5px;
    width:100%;
    margin-top:3px;
    height:30px;
   width:30px;
       border-radius:2px;
       margin-top:-1px;
}
.btn-green:hover {
    color: #fff;
    
}


.btn-trans:hover {
    color: #fff;
    background-color:#333;
    border-color: #333;
}

.divide
{
   display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #222;
    padding: 0; 
    width:100%;
    text-align:center;
}
.divide_holder {
    text-align: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}


.linkstyle {

    font-size:12px;
}



.btn-fifa {
    color: #161340;
    background-color: #b4e359;
    border-color: #a7ca64;
        font-family: 'Open Sans';
}

    .btn-fifa:focus,
    .btn-fifa.focus {
        color: #161340;
        background-color: #a7ca64;
        border-color: #1b6d85;
    }

    .btn-fifa:hover {
        color: #161340;
        background-color: #a7ca64;
        border-color: #92ab61;
    }

    .btn-fifa:active,
    .btn-fifa.active,
    .open > .dropdown-toggle.btn-fifa {
        color: #161340;
        background-color: #b4e359;
        border-color: #269abc;
    }

        .btn-fifa:active:hover,
        .btn-fifa.active:hover,
        .open > .dropdown-toggle.btn-fifa:hover,
        .btn-fifa:active:focus,
        .btn-fifa.active:focus,
        .open > .dropdown-toggle.btn-fifa:focus,
        .btn-fifa:active.focus,
        .btn-fifa.active.focus,
        .open > .dropdown-toggle.btn-fifa.focus {
            color: #161340;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-fifa:active,
    .btn-fifa.active,
    .open > .dropdown-toggle.btn-fifa {
        background-image: none;
    }

    .btn-fifa.disabled:hover,
    .btn-fifa[disabled]:hover,
    fieldset[disabled] .btn-fifa:hover,
    .btn-fifa.disabled:focus,
    .btn-fifa[disabled]:focus,
    fieldset[disabled] .btn-fifa:focus,
    .btn-fifa.disabled.focus,
    .btn-fifa[disabled].focus,
    fieldset[disabled] .btn-fifa.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-fifa .badge {
        color: #5bc0de;
  font-size: 80%;
}

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}


h4 {

    text-shadow:none;
    font-weight:normal;
}

    #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
 
    z-index: 999999;
}

.sk-spinner-wave.sk-spinner {
    margin: -15px 0 0 -25px;
    position: absolute;
    left: 50%;
    top: 30%;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.ie8 .sk-spinner-wave.sk-spinner {
    display: none;
}

.sk-spinner-wave div {
    background-color: #999;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    opacity:0.3;
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

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


/* This stylesheet generated by Transfonter (https://transfonter.org) on September 19, 2017 7:22 PM */

@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-Light.eot');
	src: url('/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-Light.woff') format('woff'),
		url('/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url('/fonts/OpenSans-Semibold.eot');
	src: url('/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-Semibold.woff') format('woff'),
		url('/fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}


.smallfont
{
    	font-family: 'Open Sans Condensed';
   text-transform:uppercase;
        font-size:12px;
        
}
p
{
	font-family: 'Open Sans Condensed';
        text-transform:uppercase;
        font-size:12px;
   
}
.btn
{
    font-family: 'Open Sans';
        text-transform:uppercase;
 
   
}

a
{
   	font-family: 'Open Sans Condensed';
        text-transform:uppercase;
      
}



@font-face {
	font-family: 'Bebas Neue Thin';
	src: url('/fonts/BebasNeue-Thin.eot');
	src: url('/fonts/BebasNeue-Thin.eot?#iefix') format('embedded-opentype'),
		url('/fonts/BebasNeue-Thin.woff') format('woff'),
		url('/fonts/BebasNeue-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue Regular';
	src: url('/fonts/BebasNeueRegular.eot');
	src: url('/fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/BebasNeueRegular.woff') format('woff'),
		url('/fonts/BebasNeueRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue Bold';
	src: url('/fonts/BebasNeueBold.eot');
	src: url('/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/BebasNeueBold.woff') format('woff'),
		url('/fonts/BebasNeueBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue Book';
	src: url('/fonts/BebasNeueBook.eot');
	src: url('/fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
		url('/fonts/BebasNeueBook.woff') format('woff'),
		url('/fonts/BebasNeueBook.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue Light';
	src: url('/fonts/BebasNeueLight.eot');
	src: url('/fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
		url('/fonts/BebasNeueLight.woff') format('woff'),
		url('/fonts/BebasNeueLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}



.square {
    float:left;
    position: relative;
    width: 46%;
    padding-bottom : 46%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}

.img_squad{background-image:url('/img/mysquad.png');}
.img_youth{background-image:url('/img/youthsquad.png');}
.img_manager{background-image:url('/img/managerhistory.png');}
.img_season{background-image:url('/img/seasonstats.jpg');}
.img_edit{background-image:url('/img/editteam.png');}
.img_process{background-image:url('/img/processmatch.png');}




.img_squad:hover{background-image:url('/img/mysquad-h.png');}
.img_youth:hover{background-image:url('/img/youthsquad-h.png');}
.img_manager:hover{background-image:url('/img/managerhistory-h.png');}
.img_season:hover{background-image:url('/img/seasonstats-h.jpg');}
.img_edit:hover{background-image:url('/img/editteam-h.jpg');}
.img_process:hover{background-image:url('/img/processmatch-h.png');}


* {
    font-family: 'Bebas Neue Bold';
    text-transform: uppercase;
}

@font-face {
	font-family: 'Francois One';
	src: url('/fonts/FrancoisOne.eot');
	src: url('/fonts/FrancoisOne.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrancoisOne.woff') format('woff'),
		url('/fonts/FrancoisOne.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
 
}




body {
    font-size: 20px;
    color: #fff;
    text-align: center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    height:100%;
}

table {
    font-size: 13px;
 
    background-color: rgba(0, 0, 0, 0.8);
      
}

.rowbg {
    background-color: rgba(0, 0, 0, 0.9);
}


td, tr
{
    vertical-align:middle;
}

.table.table-condensed tr th {
    border-bottom: 0px solid #232936;
    border-top: 1px solid #fff; /* Change the color you want to set */

    vertical-align: middle;
    padding: 3px;
   
}

.table.table-condensed td {
    border-top: 0px solid #232936; /* Change the color you want to set */
    border-bottom: 0px solid #232936;
 
    vertical-align: middle;
    padding: 3px;
    text-align:left;
  
}
.table.table-condensed tr {
    border-top: 0px solid #232936; /* Change the color you want to set */
    border-bottom: 1px solid #444;

    vertical-align: middle;
        padding-top: 15px;
        text-align:center;
}
.divide tr, .divide td
{
        border-bottom: 0px solid #232936;
}

.table.table-condensed tr:hover
{  /*
       background:#333;
    */
}

.table.table-condensed tr:hover td{
  /*
background-color:#222;
*/
 
}

select {
    font-size:11px;
}


table
{
    
    color:#eee;
    font-size:90%;
     padding:55px;
     font-size:14px;

  

}

.headshot
{
    width:40px;
}




.clubkit
 {
          width:15px;
}


h3
{
    font-size:14px;
}

td, tr, th
{
    padding:10px;
}

#bottom {
    clear:both;
    margin:0 1.66%;
    width:89.68%;
    padding: 3.5%;
    background-color:#1E1E1E;
    color: #fff;
}
#bottom p{
    text-align:center;
    line-height:2em;
}
#bottom a{
    color: #000;
    text-decoration:none;
    border:1px solid #000;
    padding:10px 20px 12px;
    line-height:70px;
    background:#ccc;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#bottom a:hover{
    background:#ECECEC;
    border:1px solid #fff;
}


.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}

.ClubBadge
    {
        width:60px;
    }





 h4, td
    {
          font-size:16px;
       
    }



 /*Big Size*/
@media (min-width: 768px)
{
    table
    {
        font-size: 20px;
    }

    .clubkit
    {
        width: 20px;
    }

    .ClubBadge
    {
        width: 120px;
    }

    h2
    {
        font-size: 35px;
    }

    .TransferClubBadge
    {
        width: 60px;
    }

    .headshot
    {
        width: 80px;
    }


    h4, td
    {
        font-size: 20px;
    }

    h3
    {
        font-size: 30px;
    }

  


    /*Small Size*/
    @media (max-width: 320px)
    {

        h2
        {
            font-size: 15px;
        }
    }
}