/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  

  .collapsing,.dropdown{position:relative}
  
  .main-nav__list {list-style:none; padding:0; margin:0;}
  
  .sr-only{
	  position:absolute;
	  width:1px;
	  height:1px;
	  padding:0;
	  margin:-1px;
	  overflow:hidden;
	  clip:rect(0, 0, 0, 0);
	  border:0}
	  
 .banner-content.handball-shop-small-banner-1,
 .banner-content.homepage-shop-small-banner{
	 height:200px !important}

 .btn,.top--navbar .top--carousel-nav button{
	 -webkit-user-select:none;
	 -moz-user-select:none}
 
 .header--with-placeholder-padding{
	 padding-bottom:78px;
	 background:#fff}

 .dropdown a{color:#FFF;}
 	 
 @media screen and (min-width: 850px){
	 .header--with-placeholder-padding{padding-bottom:140px}
 }
 
 .header__container-wrap{position:relative}
 
 .header__top-bar{
	 background:#000000;
	 height:60px;
	 display:-ms-flexbox;
	 display:flex;
	 padding-right:15px;
	 padding-left:15px;
	 position:relative}
	 
 @media screen and (min-width: 530px){
	 .header__top-bar{padding-right:30px;padding-left:30px}
 }
 
 @media screen and (min-width: 850px){
	 .header__top-bar{z-index:20;}
 }
 
 .header__top-bar.has-accordion-open{z-index:50}
 
 .header__bottom-bar{
	 position:fixed;
	 top:0;left:0;right:0;
	 z-index:5;
	 /*transform:translate3d(0, 60px, 0);*/
	 transition:background-color 0.5s,transform 0.4s;
	 /*border-bottom:1px solid rgba(199,145,73,0.4); 
	 border-top:1px solid rgba(199,145,73,0.4);*/
	 padding-right:15px;
	 padding-left:15px}
	 
 .header__bottom-bar--from-top{transform:translate3d(0, 0, 0)}
 
 .header__bottom-bar:before{
	 position:absolute;
	 content:' ';
	 top:0;
	 bottom:-1px;
	 left:0;
	 width:480px;
	 max-width:calc(100vw - 50px);
	 background:#000000;
	 z-index:0;
	 transform:translate3d(-100%, 0, 0);
	 transition:transform 0s;
	 display:none}
 
 @media screen and (min-width: 850px){
	 .header__bottom-bar:before{display:block}
 }
 
 .header--light .header__bottom-bar:before{display:none}
 
 @media screen and (min-width: 530px){
	 .header__bottom-bar{padding-right:30px;padding-left:30px}
 }
 
 @media screen and (min-width: 850px){
	 .header__bottom-bar{z-index:20}
 }
 
 .header__bottom-bar.is-fixed{
	 transform:translate3d(0, -100%, 0);
	 background:#000000;
	 border-color:transparent}
 
 .keep-nav-open .header__bottom-bar.is-fixed,
 .header__bottom-bar.is-showing{
	 transform:translate3d(0, 0, 0)}
 
 .with-open-sidebar .header__bottom-bar{background:#000000}
 
 .with-open-sidebar .header__bottom-bar:before{
	 transform:translate3d(0, 0, 0);
	 transition:transform 0.4s}
 
 .with-closing-sidebar .header__bottom-bar{background:#000000}
 
 .with-closing-sidebar .header__bottom-bar:before{
	 transform:translate3d(-100%, 0, 0);
	 transition:transform 0.15s}
 
 .header__bottom-bar-inner{
	 display:-ms-flexbox;
	 display:flex;-ms-flex-align:center;
	 align-items:center;
	 padding-top:10px;
	 padding-bottom:9px;
	 position:relative;
	 z-index:2}
 
 @media screen and (min-width: 850px){
	 .header__bottom-bar-inner{padding-top:25px;padding-bottom:25px}
 }
 
 .header__logo-container{
	 margin-left:auto;
	 margin-right:auto;
	 -ms-flex:0 0 35px;
	 flex:0 0 35px;
	 display:-ms-flexbox;
	 display:flex;
	 -ms-flex-direction:column;
	 flex-direction:column;
	 -ms-flex-align:
	 center;align-items:center}
	
	.is-fixed .header__logo-container{
		top:15px;
	}
	
	.is-fixed .header__logo{
		height:57px;
		width:176px;
	}
 
 @media screen and (min-width: 850px){
	 .header__logo-container{-ms-flex-preferred-size:70px;flex-basis:70px}
	 .header__logo-container{
		position:absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top:18px;
		z-index:1000;
		height:57px;
		width:176px;}
 }
 
.header__logo{
	height:57px;
	width:176px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background: url(../../images/logo.png) no-repeat;
	background-size:100% 100%;
}

 @media screen and (min-width: 850px){
	.header__logo{height:57px;width:176px}
 }
 .header__nav,.header__actions{-ms-flex:1 0 50px;flex:1 0 50px}
 
 .header__sidebar-toggle{
	 -ms-flex:0 0 25px;flex:0 0 25px;
	 width:25px;
	 background:none;
	 border:none;
	 border-radius:0;box-shadow:none;
	 cursor:pointer;position:relative;
	 padding:0;height:14px;
	 margin-right:30px}
	 
 .header__sidebar-toggle:focus{outline:none}
 
 .header__sidebar-toggle .bar{
	 background:#fff;height:2px;
	 width:100%;position:absolute;
	 left:0;
	 transition:all 0.2s;transform-origin:center center}
 
 .header--light .header__sidebar-toggle .bar{background:#000000}
 
 .header__sidebar-toggle .bar:first-child{top:0}
 
 .is-open .header__sidebar-toggle .bar:first-child,
 .with-open-sidebar .header__sidebar-toggle .bar:first-child{
	 top:50%;transform:rotate(45deg)}
	 
 .header__sidebar-toggle .bar:nth-child(2){
	 top:50%;transform:translateY(-50%)}
	 
 .is-open .header__sidebar-toggle .bar:nth-child(2),
 .with-open-sidebar .header__sidebar-toggle .bar:nth-child(2){opacity:0}

 .header__sidebar-toggle .bar:nth-child(3){bottom:0}
 
 .is-open .header__sidebar-toggle .bar:nth-child(3),
 .with-open-sidebar .header__sidebar-toggle .bar:nth-child(3){
	 top:50%;bottom:auto;transform:rotate(-45deg)}
 
 .top-countdown--sidebar{
	 display:-ms-flexbox;display:flex;
	 background:#0c101a;
	 padding:15px 10px;
	 border-top:1px solid #3f4b5a;
	 -ms-flex:1 1 auto;flex:1 1 auto;
	 width:100%} 
 
 @media screen and (min-width: 850px){
	 .top-countdown--sidebar{display:none}
 }
 
 .top-nav{display:none}
 
 @media screen and (min-width: 850px){
	 .top-nav{display:block}
 }
 
 .top-nav--sidebar{display:block}
 
 .top-nav--desktop-right{margin-right:10px}
 
 .top-nav--dark-links .top-nav__link{color:#000000}
 
 .top-nav__wrap{
	 display:-ms-flexbox;display:flex;-ms-flex-align:center;
	 align-items:center}
	 
 .top-nav__list,

 .sub_nav {
	 display:-ms-flexbox;display:flex;
	 list-style:none; margin:0; padding:0;}
	 
 .top-nav--sidebar .top-nav__list{
	 width:100%;
	 -ms-flex-direction:column;flex-direction:column}
 
 .containernav{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
 
 .sub_nav{
	-ms-flex-direction:row;flex-direction:row;
	-webkit-justify-content: center;-ms-flex-pack: center;
    justify-content: center;	
	margin-top: -3vw/*43.5px*/;
	margin-bottom: -3v/*w43.5px*/;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	z-index: 150;
	background: #FFFFFF;
	color:#000000;
	border-radius: 5px;
	line-height: 6vw;
	padding-left: 10px;
	font-family:'gotham';
	font-weight:normal;
	font-size:2vw !important;
	text-transform:none;
	font-style:normal;
 }
 
 #oi { margin-top: 30px !important;}
 
 .nav_club{
	 width:100%;
	 -ms-flex-direction:row;flex-direction:row;
	 padding-bottom:30px;}
 
 .nav_club li a{
	 color:#000000;
	 padding:0 0 0 15px;
	 text-decoration:none;
 }
	 
 .top-nav__link{
	 display:block;color:#fff;
	 padding:5px 30px;
	 text-transform:uppercase;
	 letter-spacing:1px;
	 font-size:15px;font-size:1.5rem}
 
 @media screen and (min-width: 850px){
	 .top-nav__link{padding:10px;font-size:16px;font-size:1.6rem}
	 
 }
 
 .top-nav__link:hover,
 .top-nav__link:focus{
	 outline:none;
	 color:#fff;text-decoration:none}
 
  body.has-noScroll{overflow:hidden}
  
  .main-nav__link{
	  display:block;
	  padding:5px 30px 5px;
	  text-transform:uppercase;
	  letter-spacing:1px;font-size:15px;font-size:1.5rem}
 
 @media screen and (min-width: 768px){
	 .main-nav__link{padding:10px 30px 9px;}
 }
 
 .main-nav__link:focus,.main-nav__link:hover{
	 text-decoration:none;
	 text-transform:uppercase;color:#fff;}
 
 .open>.main-nav__link{background:#000000;color:#fff}
 
 .main-nav__link .dropdown-icon{/*position:absolute;right:30px;top:0*/ padding-left:20px;}
 
 @media screen and (min-width: 768px){
	 .main-nav__link .dropdown-icon{top:8px}
 }
 
 .main-nav__sub-list.dropdown-menu{
	 display:none;position:static;
	 float:none;background:#000000;
	 color:#FFF;
	 padding-left:30px;
	 padding-bottom:15px;
	 margin-top:-10px;
}

 .main-nav__sub-list.dropdown-menu>li>a{ color:#FFF; padding:10px 0 0 20px;}

 .open>.main-nav__sub-list.dropdown-menu{
	 display:block;
	 animation:mainNavSubList 0.2s forwards}
 
 @keyframes mainNavSubList{
	 0%{opacity:0;transform:translate3d(-5%, 0, 0)}
	 100%{opacity:1;transform:translate3d(0, 0, 0)}
 }
 
 .main-nav__sub-link{
	 color:#fff;padding:40px;
	 display:block;font-size:13px;
	 font-size:1.3rem}
	 
  .dropdown-menu span{
	  margin:0;
	  padding-left:20px;	  
	  font-size:11px;
	  font-size:1rem;
	  line-height:1rem;
	  float:left;
  }
 
 .main-nav__sub-link:hover,.main-nav__sub-link:focus{
	 background:none !important;color:#fff}
 
 .rtl .main-nav .main-nav__link .dropdown-icon{right:auto;left:30px}
 
 .rtl .main-nav .main-nav__sub-link{padding-left:0;padding-right:40px}
 
 .dropdown-icon::after{
	 display:inline-block;
	 border-bottom:1px solid #ff931e;
	 border-right:1px solid #ff931e;
	 content:'';
	 height:8px;
	 pointer-events:none;
	 transform-origin:66% 66%;transform:rotate(45deg);
	 transition:all .15s ease-in-out;
	 width:8px}
 
 .open .dropdown-icon::after{
	 filter:alpha(opacity=100);-webkit-opacity:1;
	 -moz-opacity:1;opacity:1;
	 transform:rotate(-135deg)}
 
 .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none}
 
 .main-sidebar{
	 display:none;position:fixed;
	 top:0;height:100%;bottom:0;left:0;width:350px;
	 max-width:calc(100vw - 50px);z-index:159;
	 background:#000000;transition:padding-top 0.4s;
	 -ms-flex-direction:column;flex-direction:column}
 
 @media screen and (min-width: 850px){
	 .main-sidebar{width:480px;}
 }
 
 @media screen and (min-width: 850px){
	 
 }
 
 .main-sidebar.is-open{
	 display:-ms-flexbox;display:flex;
	 animation:slideIn forwards 0.4s}
 
 @keyframes slideIn{
	 0%{transform:translate3d(-100%, 0, 0)}
	 100%{transform:translate3d(0, 0, 0)}
 }
 
 .main-sidebar.is-closing{display:block;animation:slideOut forwards 0.15s}
 
 @keyframes slideOut{
	 0%{transform:translate3d(0, 0, 0)}
	 100%{transform:translate3d(-100%, 0, 0)}
 }
 
 .main-sidebar__inner{
	 overflow:auto;position:relative; padding-top:35px;
	 height:100%;-webkit-overflow-scrolling:touch}
 
 .main-sidebar__invisible-button{
	 position:fixed;
	 left:100%;top:0;bottom:0;width:500px;
	 z-index:20;cursor:pointer;background:none;
	 border:none;box-shadow:none;border-radius:0}
 
 .main-sidebar__invisible-button:hover{outline:none}
 
 @media screen and (min-width: 850px){
	 .main-sidebar__invisible-button{display:none}
 }
 
 .main-sidebar__toggle-container{padding:30px 0 30px 30px}
 
 @media screen and (min-width: 850px){
	 .main-sidebar__toggle-container{display:none}
 }
 
 .main-sidebar__top-nav-container{margin-bottom:20px}
 
 @media screen and (min-width: 850px){
	 .main-sidebar__top-nav-container{display:none}
 }
 
 .rtl .main-sidebar{direction:rtl;left:auto;right:0}
 
 .rtl .main-sidebar.is-open{animation:slideInRight forwards 0.4s}
 
 @keyframes slideInRight{
	 0%{transform:translate3d(100%, 0, 0)}
	 100%{transform:translate3d(0, 0, 0)}
 }
 
 .rtl .main-sidebar.is-closing{animation:slideOutRight forwards 0.15s}
 
 @keyframes slideOutRight{
	 0%{transform:translate3d(0, 0, 0)}
	 100%{transform:translate3d(100%, 0, 0)}
 }
 
 .footer-sponsors ul{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:60px}.footer-sponsors ul li{float:none;list-style-type:none;padding:0;margin:0}.footer-sponsors li{display:inline-block}.footer-sponsors a{display:block;padding:0 10px;text-align:center}.footer-sponsors img{display:inline-block}

@media (max-width: 900px){.sub_nav{font-size:2.5vw !important;}} 
@media (max-width: 768px){.sub_nav{font-size:2.5vw !important;}}
@media (max-width: 650px){.sub_nav{font-size:3vw !important;}}
@media (max-width: 450px){.sub_nav{font-size:4vw !important; margin-top:-6vw;}.kit{line-height:12vw;}}
 
 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: #555;
  color: #fff;
  font-size:1em !important;
  text-align: center !important;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  right:0;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltiptext .top-icon-circle{
	margin-top:0;
	line-height:24px;
	display:inline-block;
}


.tooltip{
	color:#CCC;
	font-size:0.8em;
	text-decoration:none;
	text-align:right;
}

.tooltip:hover{color:#008fd6;}



	.preload-images img{
		-moz-transition			: 0.2s ease-in all;
		-webkit-transition		: 0.2s ease-in all;
		-ms-transition			: 0.2s ease-in all;
		-o-transition			: 0.2s ease-in all;
		transition				: 0.2s ease-in all;
	}



	.filling,.hiding,.image img, .preload-images .image img{
		-moz-transition			: 0.5s ease-in all;
		-webkit-transition		: 0.5s ease-in all;
		-ms-transition			: 0.5s ease-in all;
		-o-transition			: 0.5s ease-in all;
		transition				: 0.5s ease-in all;

	}


/*START Image preloading effect .*/
	
	.image:not(.loaded) {
		background: url(../../images/loader2.gif) no-repeat center center white !important;
	}	

		.preload-images img {
			visibility:hidden;
			opacity:0;
		}
	
		/*START preloader effect - NOTE THAT THE TRANSFORMS ARE TEMPORARY DISABLED IN MOBILE SAFARI/ANDROID BROWSER ETC. */

		.hiding,
		.image img {
			-moz-transform		:scale(0);
			-webkit-transform	:scale(0);
			-ms-transform		:scale(0);
			-o-transform		:scale(0);
			transform			:scale(0);
			-webkit-backface-visibility: hidden;
			opacity:0;
			visibility:hidden;
		}		
		
		.filling,
		.image.loaded img {
			-moz-transform	 :scale(1);
			-webkit-transform:scale(1);
			-ms-transform	 :scale(1);
			-o-transform	 :scale(1);
			transform		 :scale(1);
			-webkit-backface-visibility: hidden;
			opacity:1;
			visibility:visible;
		}		
		
		/*END preloader effect*/	
		
	/*END Image preloading effect*/