/* HEADER */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
.wrapper{
	display: flex;
	flex-direction:column;
}
.header{
	position:absolute;
	width: 100%;
	order: 1;
}
.header .logo{
	float: left;
	margin-top: 25px;
}
.header .sign, .header .phoneBlock{
	float: right;
	margin-top: 40px;
}
.sign .btn{
	border-radius: 22px;
    padding: 10px 40px;
    background: #b8021e;
    color: #FFF;
    font-size: 16px;
	margin-right: 30px;
}
.sign .btn:hover{
	background: #000332;
}
.rsform-block-register{
	text-align: center;
}
.rsform-block-register button{
	outline: none;
	border:none;
	border-radius: 22px;
    padding: 10px 40px;
    background: #b8021e;
    color: #FFF;
    font-size: 16px;
	margin-right: 30px;
}
.rsform-block-register button:hover{
	background: #000332;
}

.header .phoneBlock span.icon-phone-call {
    display: block;
    float: left;
    background: #000332;
    color: #FFF;
    font-size: 25px;
    border-radius: 50%;
    padding: 10px;
    margin-right: 15px;
}
.header .phoneBlock.mainPage p{
	float: right;
	font-size: 16px;
	color:#000332;
	line-height: 20px;
}
.header .phoneBlock.ip p{
	float: right;
	font-size: 16px;
	color:#FFF;
	line-height: 20px;
}
/* END HEADER */
/*.slider{
	min-height:350px;
	background: url(../images/header-banner.png) top center;
	background-size:cover;
}*/
.slider{
	order: 2;
	background: #00032a;
}
.slider img{
	width: 100%;
}
/* TOP MENU */
.topMenu{
	background: #191e51;
	order: 3;
}
.menu-top ul{
    width: 100%;
    display: flex;
    font-size: 14px;
    text-transform: uppercase;
}
.menu-top ul>li a{
   height: 100%;
   text-align: center;
   color: #8587b2;
   padding:20px;
}
.menu-top ul>li a:hover, .menu-top ul>li a:focus{
   color: #FFF;
   background: #303563;
   
}
.nav>li.active a{
	background: #b8021e;
	color: #FFF;
}
/* END TOP MENU */
/* CONTENT */
.content{
	flex: 1;
}
.content .item {
    width: 33%;
    float: left;
}

.content .item a{
    color: #131422;
    text-transform: uppercase;
    text-align: center;
    display: block;
}
.content .item a:hover{
	text-decoration: none;
}



.content .item .icon-baseball, .content .item .icon-softball, .content .item .icon-whistle, .content .item .icon-documents, .content .item .icon-cup, .content .item .icon-players{
    font-size: 70px;
    color: #b8021e;
    clear: both;
    display: block;
    padding:33px;
	margin:20px;
}
.content .item a:hover span.icon-baseball, .content .item a:hover span.icon-softball, .content .item a:hover span.icon-whistle, .content .item a:hover span.icon-documents, .content .item a:hover span.icon-cup, .content .item a:hover span.icon-players{   
	background: url(../images/item-bg.png) no-repeat;	
	color: #FFF;
}
.content .row h2{
    color: #b8021e;
    border-bottom: 1px solid #000332;
    padding-bottom: 10px;
    padding: 20px 0px;
    margin-bottom: 30px;
}
.content p{
	color: #131422;
	font-size: 16px;
	margin-bottom: 50px;
}
.content .sign{
	text-align: center;
	margin-top: 30px;
	
}
.container ul.uk-subnav.uk-subnav-line.uk-text-center, .container hr{
	display: none;
}
/* ZOO */
.content .yoo-zoo h1{
	color: #b8021e;
	margin: 30px 0px;
	text-align:center;
}
.content .yoo-zoo .uk-clearfix h1{
	text-align: center;
	color: #b8021e;
	margin-top:30px;
	margin-bottom: 35px;
}
.content .yoo-zoo .uk-clearfix span.orderLabel {
    display: block;
    float: left;
    color: #050942;
    line-height: 25px;
    margin-right: 10px;
}
.content .yoo-zoo .uk-clearfix select, .content .yoo-zoo .uk-clearfix select:focus{
    border: none;
    background: rgba(19,20,34,0.05);
    padding: 5px 10px;
    border-radius: 20px;
    color: #050942;
}
.content .yoo-zoo .uk-clearfix input[type="submit"] {
    background: none;
    border: none;
    padding: 5px 10px;
    margin-left: 10px;
	color: #050942;
	border-radius: 20px;
}
.content .yoo-zoo .uk-clearfix input[type="submit"]:hover{
    background: #050942;
    border-radius: 20px;
	color:#FFF;
}
.content .yoo-zoo .uk-clearfix {
	border-bottom: 2px solid rgba(184,2,30,0.15);
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.content .yoo-zoo .tableWrapper{
	margin-bottom: 30px;
	padding:20px;
	background: rgba(5,9,66,0.02);
}
.content .yoo-zoo table.playersTable.full{
	border: 2px solid rgba(5,9,66,0);
	
}
.content .yoo-zoo table.playersTable.full tbody>tr>th{
	padding: 10px 0px;
}
.content .yoo-zoo>div.uk-align-medium-right{
	display: flex;
	justify-content:space-between;
}
.content .yoo-zoo>div.uk-align-medium-right img{
    border: 1px solid #191e51;
    padding: 10px;
}
.content .yoo-zoo>div.uk-align-medium-right iframe{
	width: 40%;
	border:none;
}
#yoo-zoo .items div.pos-description .element-date{
	text-align:center;
	font-size:14px;
}
.content .yoo-zoo.product-default .item{
	width:100%;
	
}
.content .yoo-zoo.product-default .item .floatbox{
	margin-top:50px;
}
.content .yoo-zoo.product-default .item .pos-media{
	width:45%;
}
.content .yoo-zoo.product-default .element-itemname a, .content .yoo-zoo.product-default .element-itemname{
	font-size:18px;
	color: #b8021e;
	text-align:center;
}
/* TOOL SCORES*/
.content .yoo-zoo div.toolScores{
	background: #b8021e;
	color: #FFF;
}
.content .yoo-zoo div.toolScores h3{
	padding: 35px 40px;
	margin:0px;
}
div.toolScores{
	width:25%;
}
div.uk-list{
	width: 70%;
	margin:0 auto;
}
div.toolScores div.uk-list>div div{
	float: right;

}
div.toolScores div.uk-list>div{
	padding:10px 0px;
	border-bottom: 1px solid #c6354b;
}
div.toolScores img{
	border: none !important;
	padding: 0px !important;
}
/* END TOOL SCORES*/
/* PLAYERS TABLE */
.content .yoo-zoo table.playersTable{
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #FFF;
}
.content .yoo-zoo table.playersTable tbody>tr>th{
	text-align:center;
	font-size: 16px;
    color: #b8021e;
    font-weight: 100;
	border: 1px solid rgba(5,9,66,0.15);
	padding: 25px 0px;
}
.content .yoo-zoo table.playersTable tbody>tr>td{
	border: 1px solid rgba(5,9,66,0.15);
	padding: 10px 0px;
}
.content .yoo-zoo table.playersTable tbody>tr>td a{
	color: #000;
}
/* END PLAYERS TABLE */
/* PAGINATION */
.content ul.uk-pagination{
	list-style: none;
	display:flex;
	justify-content: center;
	margin-top:40px;
    padding-bottom: 40px;
	border-bottom: 1px solid rgba(5,9,66,0.15);
}
.content ul.uk-pagination li.uk-active{
	margin: 10px;
	padding: 10px 16px;
	border-radius: 50%;
	color:#FFF;
	background: #b8021e;
}
.content ul.uk-pagination>li a{
	display: block;
	border-radius: 20px;
	margin: 10px;
	padding:10px 16px;
	color: #050942;
}
.content ul.uk-pagination>li a:hover{
	border-radius: 20px;;
	background: #050942;
	color: #FFF;
	text-decoration: none;
}
/* END PAGINATION */

/* END CONTENT */
.footer{
	background: #191e51;
	margin-top: 70px;
}
.footer ul.menu{
    width: 100%;
    display: flex;
	justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
	margin-top:15px;
}
.footer ul.menu>li.active a{
    background: #b8021e;
    border-radius: 34px;
    color: #FFF;
}
.footer ul.menu>li a{
   color: #8587b2;
   padding:5px 15px;
   text-align: center;
}
.footer ul.menu>li a:hover, .footer ul.menu>li a:focus{
   color: #FFF;
   background: #000332;
   border-radius:20px;   
}
.footer .footerInf{
	margin:60px 0px;
	display: flex;
    justify-content: space-between;
}
.footer .footerInf .copyright, .footer .footerInf .email, .footer .footerInf .phone, .footer .footerInf .socials{
	float: left;
	color: #FFF;
}

.footer .footerInf .copyright img{
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}
.footer .footerInf .copyright a{
	text-decoration:underline;
	color: #b8021e;
}
.footer .footerInf .copyright a:hover{
	text-decoration: none;
}
.footer .footerInf .email .icon-email, .footer .footerInf .phone .icon-phone{
	font-size: 40px;
    float: left;
    margin-right: 20px;
}
.footer .footerInf .copyright p, .footer .footerInf .email p, .footer .footerInf .phone p{
    display: block;
    float: right;
}
.socials a{
	color: #8c8fa8;
	font-size:35px;
}
.socials a:hover{
	color: #FFF;
	text-decoration: none;
}
.btn, a, input[type="submit"], span{
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.header .logo{
		margin-top: 10px;
	}
	.header .logo img{
		height: 70px;
		width: auto;
	}
	.header .sign, .header .phoneBlock{
		margin-top: 20px;
	}
	.content .item .icon-baseball, .content .item .icon-softball, .content .item .icon-whistle, .content .item .icon-documents, .content .item .icon-cup, .content .item .icon-players{
		padding: 20px;
	}
	.content .item a:hover span.icon-baseball, .content .item a:hover span.icon-softball, .content .item a:hover span.icon-whistle, .content .item a:hover span.icon-documents, .content .item a:hover span.icon-cup, .content .item a:hover span.icon-players{
		    background-size: 110px;
	}
	div.toolScores{
		width: 30%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header .logo{
		margin-top: 10px;
	}
	.header .logo img{
		height: 60px;
		width: auto;
	}
	.header .sign, .header .phoneBlock{
		margin-top: 20px;
	}
	.menu-top ul>li a{		
    padding: 20px 10px;
    font-size: 12px;
	}
	.content .item a:hover span.icon-baseball, .content .item a:hover span.icon-softball, .content .item a:hover span.icon-whistle, .content .item a:hover span.icon-documents, .content .item a:hover span.icon-cup, .content .item a:hover span.icon-players{
		background-position: 30px 0px;
	}
	.content .yoo-zoo>div.uk-align-medium-right{
		flex-wrap: wrap;
	}
	.content .yoo-zoo>div.uk-align-medium-right iframe{
		width:60%;
		margin-left:3%;
	}
	div.toolScores{
		width: 100%;
		margin-top:25px;
	}
	div.toolScores div.uk-list{
		width: 90%;
	}
	
	.footer .footerInf{
		display: inline-block;
		width:100%;
	}
	.footer .footerInf .copyright, .footer .footerInf .email, .footer .footerInf .phone{
		padding-bottom:10px;
		border-bottom:1px solid #303563;
	}
	.footer .footerInf .socials{
		clear:both;
		text-align: center;
    	padding-top: 10px;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.wrapper .slider{
		order: 3;
	}
	.wrapper .topMenu{
		order:2;
		min-height: 70px;
	}
	.header .phoneBlock span.icon-phone-call, .header .sign .btn{
		display:none;
	}
	.topMenu button.navbar-toggle{
		margin:10px 0px;
	}
	#navbar{
		margin: 0px;
		padding: 0px;
		width:100%
	}
	.navbar-toggle .icon-bar{
		background:#FFF;
	}
	.header .logo{
		margin-top: 10px;
		margin-right:10px;
	}
	.header .logo img{
		width: 70px;
		height:40px;
	}
	.header .phoneBlock{
		margin-top: 10px;	
		float: none;
	}
	.header .phoneBlock.mainPage p, .header .phoneBlock.ip p{
		float:none;
		font-size: 14px;
	}
	.header .phoneBlock.mainPage p{
		color: #b8021e;
	}
	.header .phoneBlock.mainPage p span{
		color: #FFF !important;
	}
	.menu-top ul{
		flex-direction:column;
	}
	.menu-top ul>li a{
		text-align: left;
		font-size:18px;
		padding: 10px 20px;
	}
	.content .item a{
		font-size: 11px;
	}
	.content div.row{
		display: flex;
		flex-direction: column;
	}
	.content div.row>div{
		position:static;
		margin-top:20px;
	}
	.content .item .icon-baseball, .content .item .icon-softball, .content .item .icon-whistle, .content .item .icon-documents, .content .item .icon-cup, .content .item .icon-players{
		font-size:50px;
		padding:0px;
	}
	.content .item a:hover span.icon-baseball, .content .item a:hover span.icon-softball, .content .item a:hover span.icon-whistle, .content .item a:hover span.icon-documents, .content .item a:hover span.icon-cup, .content .item a:hover span.icon-players{
		background-size: 80px;
		background-position: 6px 6px;
		margin:0px;
		padding:20px;
	}
	.content .row h2{
		text-align: center;
	}
	.content .yoo-zoo .tableWrapper{
		padding:0px;
	}
	.content .yoo-zoo table.playersTable.full tbody>tr>th{
		padding: 10px 3px;
	}
	.content .yoo-zoo table.playersTable tbody>tr>th{
		font-size:11px;
		font-weight:bold;
		padding: 10px 3px;
	}
	.content .yoo-zoo table.playersTable tbody>tr>td{
		font-size: 10px;
	}
	.content .yoo-zoo table.playersTable tbody>tr>td img{
		width: 50px;
	}
	.content .yoo-zoo>div.uk-align-medium-right{
		flex-direction:column;
	}
	.content .yoo-zoo>div.uk-align-medium-right img, .content .yoo-zoo>div.uk-align-medium-right iframe, .content .yoo-zoo div.toolScores{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.content .yoo-zoo div.toolScores div.uk-list>div div img{
		margin-top: 0px;
	}
	.content ul.uk-pagination>li a, .content ul.uk-pagination li.uk-active{
		margin: 0px;
	}
	
	
	.sign .btn{
		margin-right: 0px;
	}
	.footer ul.menu{
		display: none;
	}
	.footer .footerInf{
		flex-direction:column;
	}
	.footer .footerInf .copyright{
		border-bottom: 1px solid #303563;
		padding:20px 0px;
	}
	.footer .footerInf .phone{
		border-bottom: 1px solid #303563;
	}
	.footer .footerInf .copyright img{
		margin: 0px;
	}
	.footer .footerInf .email, .footer .footerInf .phone, .footer .footerInf .socials{
		margin-top: 10px;
	}
	.footer .footerInf .copyright p, .footer .footerInf .email p, .footer .footerInf .phone p{
		float: left;
	}
	.footer .footerInf .copyright p{
		font-size: 11px;
	}
	.footer .footerInf .phone .icon-phone{
		margin-right: 30px;
	}
	.footerInf .socials{
		text-align: center;
	}
}