/* ---------------------------------------------------------------------- */
/* ------------------------- BASIC DESIGN RULES ------------------------- */
/* ---------------------------------------------------------------------- */

html, body { margin:0; padding:0; border:0; height:100%; }
body {
	color:#444; font-size:84%; font-family: "Trebuchet MS", Arial, sans-serif; text-align:center; 
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.body-front-home { background-color: #fff; }

@font-face {
    font-family: 'Intro';
	src: url('../font/Intro.ttf') format('truetype'), url('../font/Intro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GYMNCOMP';
	src: url('../font/GYMNCOMP.ttf') format('truetype'), url('../font/GYMNCOMP.woff') format('woff'), url('../font/GYMNCOMP.eot') format('eot'), url('../font/GYMNCOMP.otf') format('otf'), url('../font/GYMNCOMP.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {	color:#333; text-decoration:none;}
a:hover { color:#EC7404; text-decoration:underline;}

h1 {font-size:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding-bottom:8px;}
h2 {font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 0 5px; padding:8px 0 5px 0; text-transform:uppercase;}
h3 {font-size:0.9em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding-bottom:8px;}
h4 {font-size:0.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding-bottom:8px;}

p  {margin:0; padding-bottom:8px;}
img {border:none;}
input { color:#666; margin:0; padding:0px 0 0 5px; height:18px; outline-style: none; font-size: 12px;}
div { box-sizing: border-box; }

#main_body {width: 100%; margin:0 auto; text-align: left; position: relative;}
#header_top {width:100%; max-width:1180px; text-align:center; margin: 0 auto; position: relative;}

.wrapper { margin: 0 auto; width: 100%; max-width: 1180px; position: relative; }

/* ----------------------------------------------------------------- */
/* ------------------------- HEADER DESIGN ------------------------- */
/* ----------------------------------------------------------------- */

.header-wrap { width: 100%; background-color: #222; }

/* --------------------- Logo Line --------------------- */

#header_top, #header_top a { color: #fff; }

#header_top .logo { margin-top: 8px; width:200px; float: left; }
#header_top .actions { float: left; padding: 20px 0 0 40px; position: relative; display: inline-block; width: 80%; }
/*#header_top .actions > div { display: inline-block; }*/

	/* --- Search Bar on top --- */
	#header_top .search-wrap { background: #444; color: #fff; border: 0; border-radius: 10px; padding: 5px; display: inline-block; position: relative; float: left; }
	#header_top .search-wrap input.search-input { width: 380px; background: none; height: 30px; border: none; }
	#header_top .search-wrap input.search-input::placeholder { color: #fff; }
	#header_top .search-wrap input.btn { width: 29px; height:29px; float:right; padding:0; margin: 0;border:none; border-radius: 0;}
	#header_top .search-wrap-mobile {display: none; background: #444; color: #fff; border: 0; border-radius: 10px; padding: 5px; position: relative;}
	#header_top .search-wrap-mobile input.search-input { width: 380px; background: none; height: 30px; border: none; }
	#header_top .search-wrap-mobile input.search-input::placeholder { color: #fff; }
	#header_top .search-wrap-mobile input.btn { width: 29px; height:29px; float:right; padding:0; margin: 0;border:none; border-radius: 0;}
	#header_top form.search { float: left; margin: 0; padding: 0;  text-align: left;}
	#header_top form.search input[type=image] { vertical-align: top;}

	/* --- Shopping Cart (general) --- */

	#header_cart { position: relative; float: right; margin-left: 8px; }
	#header_cart .cart {
		float: right;
		padding: 2px 24px 4px 5px;
		border: 1px solid #fff;
		border-radius: 3px 0 0 3px;
		height: 28px;
		border-right: 0;
	}
	#header_cart a.cartbg { color: #fff; font-size: 12px; }
	a#cart-size {
		position: absolute;
		z-index: 2;
		color: #000;
		padding: 16px 20px 8px;
		background: url(/images/icon_shopping-bag.png);
		background-size: 50px;
		background-position: center bottom;
		background-repeat: no-repeat;
		bottom: -5px;
		right: -18px;
		font-size: 16px;
	}


	/* --- Main Site Menu --- */	
	#header_menu { border-top: 1px solid #000; border-bottom: 1px solid #000; box-shadow: 0 1px 0 #313131 inset; }
	.menuwrapper { width: 100%; margin: 0 auto; text-align: center; z-index: 100; position: relative; }
	#mainmenu { width: 100%; margin: 0 auto; clear: both; position: relative; height: 50px; }

		/* Level 1 */
		ul.menu_l1 { float: left; text-align:left; margin: 0; padding: 0;  list-style: none; height: 40px; max-width: 998px; }
		ul.menu_l1 li { position: static; float: left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
		ul.menu_l1 li a, ul.menu_l1 li a:link, ul.menu_l1 li a:visited { float: left; outline: none; color:#fff; text-decoration: none; font-size:13px;
			margin:0; padding:9px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.1em; line-height: 32px;
		}
		ul.menu_l1 li i.fa.fa-home { font-size: 24px; line-height: 32px; }
		ul.menu_l1 li a.current { background: #403f3a; color: #ec7404; }
		ul.menu_l1 li a.selected { background: #403f3a; color: #ec7404; }
		ul.menu_l1 > li:last-child { background: #4ea7c7; }
		ul.menu_l1 > li:nth-last-child(2) { background: #ff6600; }

		/* Level 2 */
		ul.menu_l2 { background: #403f3a; display: none; left: 0; list-style: none outside none; margin: 0; padding: 32px 60px 30px 0; position: absolute; top: 50px; width: 939px;	z-index: 99; }
		ul.menu_l2 li { border-right: 1px solid rgb(120, 120, 120); float: left; padding: 0 0 0 15px; width: 230px; }
		ul.menu_l2 li a, ul.menu_l2 li a:link, ul.menu_l2 li a:visited { font-size:13px; float: none; padding: 0; color:#ffffff; text-transform: uppercase; border: none; line-height: 24px; }
		ul.menu_l2 li a:hover { color: #EC7404; }

		/* Level 3 */
		ul.menu_l3 { float: none; margin: 0; list-style: none; padding: 0px; margin: 0; width: 200px; }
		ul.menu_l3 li { float: none; margin: 0; border: none; }
		ul.menu_l3 li a, ul.menu_l3 li a:link, ul.menu_l3 li a:visited { float: none; font-weight: normal; padding: 0px; margin-left: 0px; text-transform: none; line-height: 24px; }


	/* --- SLIDER (Unslider) --- */
	.unslider{position: relative; overflow:auto;margin:0;padding:0; margin-bottom: 15px; min-height: 500px;}
	.unslider-wrap{position:relative}
	.unslider-wrap.unslider-carousel>li{float:left}
	.unslider-vertical>ul{height:100%}
	.unslider-vertical li{float:none; width:100%}
	.unslider-fade{position:relative}
	.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
	.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
	.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
	.unslider-arrow { position: absolute; left: 20px; z-index: 2; cursor: pointer;}
	.unslider-arrow{ position: absolute; left: 20px; z-index: 2; cursor: pointer; top: 50%; background: rgba(0,0,0,.2) no-repeat 50% 50%;
		text-indent: -999em; width: 40px; height: 40px; margin-top: -16px; border-radius: 32px; }
	.unslider-arrow.next {left:auto; right:20px; background: url(../images/slider_arrows_right.png) no-repeat;}
	.unslider-arrow.prev {background: url(../images/slider_arrows_left.png) no-repeat;}
	.unslider-nav { bottom: 20px; left: 46%; padding: 6px 9px; position: absolute; border-radius: 15px; background-color: rgba(0,0,0,0.6); }

	.unslider-nav ol { list-style: none; text-align: center; }
	.unslider-nav ol li { display: inline-block; width: 12px; height: 12px; margin: 0 4px; background: transparent; border-radius: 50%; overflow: hidden;
		text-indent: -999em; border: 2px solid #fff; cursor: pointer; }
	.unslider-nav ol li.unslider-active { background: #fff; cursor: default; }


	/* --- BANNER SECTION : GRID (Homepage) --- */
	.sportlic_title { font-weight: bold; text-transform: uppercase; text-align: center; font-size: 1.2em; padding: 15px 0; }

	.sportlic_grid, .sportlic_grid .grid_row { width: 100%; position: relative; }
	.sportlic_grid .grid_row .grid_1of4 { width: 25%; height: 200px; float: left; position: relative; }
	.sportlic_grid .grid_1of4 > a { padding: 60px 0; text-align: center; position: absolute; width: 100%;
    height: 100%; background: rgba(0,0,0,0.5); -webkit-transition: background 1s; /* Safari */
    transition: background 1s; }
    .sportlic_grid .grid_1of4 > a:hover { background: rgba(0,0,0,0.1); text-decoration: none; }
    .sportlic_grid .grid_1of4 > a:active, .sportlic_grid .grid_1of4 > a:focus { text-decoration: none; }
	.sportlic_grid .grid_1of4 > a > span { width: 100%; display: block; color: #fff; text-transform: uppercase; }
	span.in_grid_title { font-weight: bold; font-size: 1.8em; }

	.sportlic_grid .football { background: url('../images/banners/hp-football.jpg') no-repeat; }
	.sportlic_grid .basketball { background: url('../images/banners/hp-basketball.jpg') no-repeat; }
	.sportlic_grid .volleyball { background: url('../images/banners/hp-volleyball.jpg') no-repeat; }
	.sportlic_grid .handball { background: url('../images/banners/hp-handball.jpg') no-repeat; }
	.sportlic_grid .sprint { background: url('../images/banners/hp-running.jpg') no-repeat; }
	.sportlic_grid .fitness { background: url('../images/banners/hp-fitness.jpg') no-repeat; }
	.sportlic_grid .swimming { background: url('../images/banners/hp-swimming.jpg') no-repeat; }
	.sportlic_grid .tennis { background: url('../images/banners/hp-tennis.jpg') no-repeat; }

	.group-title { background: url(../images/header_bg.png) center repeat-x; width: 100%; text-align: center; padding: 15px 0; }
	.group-title > a { background: #fff; padding: 0 30px; font-size: 2.3em; font-weight: bold; }

/* ----------------------------------------------------------------- */
/* ------------------------- FOOTER DESIGN ------------------------- */
/* ----------------------------------------------------------------- */
	#footer { background: #e1e1e1; padding: 10px; }

	.logo-line { width: 100%; text-align: center; margin-bottom: 10px; }
	.clmn.c1of3 { width: 33%; float: left; color: #727272; }
	.clmn.c1of3 > div { margin-bottom: 10px; }

	.footer-title { font-size: 1.4em; font-weight: bold; color: #403f3a; text-transform: uppercase; }
	.footer-phone > a { font-size: 2em; display: block; font-weight: bold; color: #403f3a; }
	.footer-email { font-size: 1.3em; }
	.footer-email > a > i { color: #ff6600; }
	ul.footer-menu { list-style: none; }
	ul.footer-menu > li { margin-bottom: 8px; }
	ul.footer-menu > li > a { color: #727272; }
	ul.footer-social > li { display: inline-block; font-size: 2.6em; margin: 0 10px 0 0; }

	.footer-bottom { text-align: left; padding: 10px 0; color: #fff; background: #444; }
	.footer-bottom a { color: #fff; }
	.footer-bottom a:hover { color: #f60; }

	.footer-subscription iframe { width: 100%; }


/* ----------------------------------------------------------------- */
/* ------------------------ HOMEPAGE DESIGN ------------------------ */
/* ----------------------------------------------------------------- */
body.body-front-home #content.wrapper { max-width: initial; padding: 0; }
body.body-front-home #leftcontent { position: relative; max-width: 1366px; margin: 0 auto; }
body.body-front-home #rightcontent { position: relative; max-width: 1180px; margin: 0 auto; }

body.body-front-home #text_content {
	min-height: 160px;
	background: #444 url('../images/sportlic_footerinfo.jpg') no-repeat center bottom;
	background-size: cover;
	padding: 20px 0 40px 0;
	color: #fff;
	margin-bottom: -40px;
}

body.body-front-home #text_content h1 { text-align: center; font-weight: bold; margin: 0; }
body.body-front-home #text_content p.subline_text { text-align: center; font-size: 26px; }
body.body-front-home #text_content .slogal_text a { color: #fff; }

/* ----------------------------------------------------------------- */
/* -------------------- SIX PRODUCTS IE DESIGN --------------------- */
/* ----------------------------------------------------------------- */

.sixproducts-ie .product { width: 220px; margin-left: 10px;}
.sixproducts-ie .product:nth-child(6n-10) { padding-left: 0; }

.sixproducts-ie .product .image-wrap { height: 234px; }
.sixproducts-ie .product.thumbs.home-thumbs { height: 350px; }


/* ----------------------------------------------------------------- */
/* -------------------- CATEGORIES PAGE DESIGN --------------------- */
/* ----------------------------------------------------------------- */

	/* General Product Menu */
	#floating-menu { width: 25%; float: left; padding: 0 40px 0 0; }
	#floating-menu ul { list-style: none; }
	#floating-menu h3 {
		margin: 0;
		background: url(../images/header_bg.png) bottom repeat-x;
		padding: 0 0 20px 0;
	}

	/* Categories List */
	#cat-left li { padding: 5px 0; }
    .cat-group {background: #F3F3F3; padding: 10px;}
.arrow-up {
    margin-left: 10px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #F3F3F3;
}
	#filter .label.main-label {
		display: inline-block;
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 1.3em;
		padding: 10px 0 20px 0;
		text-align: left;
		text-transform: uppercase;
		width: 100%;
		box-sizing: content-box;
		border-radius: 0px;
		position: relative;
		cursor: pointer;
		background: url(../images/header_bg.png) bottom repeat-x;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	#filter .label.main-label:after { content: '+'; float: right; }
	#filter .label.main-label.open:after { content: '-'; }

	.menu-collaps > .filter-wrap { display: none; }

	.filter-wrap {
		margin-top: 15px;
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
		z-index: 11;
		height: 150px;
	}

	/* Filter Checked Boxes */
	#filter input[type=checkbox] {
		background-color: #f8f8f8;
		border: 1px solid #ccc;
		display: inline-block;
		height: 16px;
		width: 16px;
		vertical-align: top;
	}
	#filter .text-option { margin-left: 10px; }

	.orderPrice { display: block; position: relative; width: 100%; }
	.orderPrice input[type=radio] {
		position: absolute;
		visibility: hidden;
	}
	.orderPrice input[type=radio]:checked ~ label { color: #444; }
	.orderPrice label { padding: 0 0 0 25px; display: block; position: relative; margin: 10px auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
	input[type=radio]:checked ~ .check { border: 2px solid #444; }
	input[type=radio]:checked ~ .check::before { background: #444; }
	.orderPrice .check {
		display: block;
		position: absolute;
		border: 2px solid #444;
		border-radius: 100%;
		height: 20px;
		width: 20px;
		top: 0;
		z-index: 5;
		transition: border .25s linear;
		-webkit-transition: border .25s linear;
	}
	.check::before {
		display: block;
		position: absolute;
		content: '';
		border-radius: 100%;
		height: 10px;
		width: 10px;
		top: 3px;
		left: 3px;
		margin: auto;
		transition: background 0.25s linear;
		-webkit-transition: background 0.25s linear;
	}

	/* Slider */
	#slider-range { margin-top: 30px; border-color: #e6e6e6 !important; margin: 30px 6px 10px 6px; }
	#slider-range a { width: 20px; border-radius: 50%; margin: -4px -10px; }
	#slider-range a { background: #6d0025!important; color: #6d0025!important; border-color: #6d0025!important;  }
	#slider-range a { background: #fe6d00!important; color: #fe6d00!important; border-color: #fe6d00!important;  }
	#slider-range .ui-widget-header { background: #e6e6e6 !important; }


	/* Filter Button */
	#filters button, .btn.mobile-filter-button { 
		background: transparent;
		border: 2px solid #444;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;

		color: #444;
		font-size: 14px;
		font-weight: 800;
		text-transform: uppercase;
		display:inline-block;
		cursor:pointer;

		padding:6px 8px;
		width: 100%;
		box-sizing: border-box;

		margin-top: 20px;
	}
	#filters button:hover, .btn.mobile-filter-button:hover {
		color: #fe6d00;
		border: 2px solid #fe6d00;
	}
	#filters button:active {
		position:relative;
		top:1px;
	}


#cat-middle { width: 75%; float: right; padding: 0; }
#cat-middle h2 { margin: 0 0 10px 0; padding: 0; }

.home-page-small-banners{
	width: 100%;
	float: left;
}

.home-page-small-banners a{
	float: left;
	width: 33.33%;
}

.home-page-small-banners img{
	width: 100%;
}


	/* Three products */
	.productlisting .product { text-align: center; }
	.threeproducts-ie .product { width: 33%; padding: 10px; position: relative; display: block; }
    .img-center {text-align: center; display: block; position: absolute; top: 0px; left: 15%;}
	/* Product listing */
	.image-wrap { position: relative; display: block; height: 300px; }
	.product.thumbs { height: 420px; }
	.product_options { padding-top: 10px; display: block; position: relative; border-top: 1px solid #ccc; }
		.product_name { font-weight: bold; text-transform: uppercase; width: 100%; display: block; position: relative; font-size: 1.1em; text-align: center; }
		.product_status { display: block; }
		.product_price { text-align: center; width: 100%; display: block; }

	/* Category */
	#text-cat { display: block; }

	/* Sale */
	span.sale_banner {
		z-index: 100;
		background: url(../images/sale-banner.png) no-repeat;
		height: 52px;
		width: 50px;
		position: absolute;
		right: 0;
		padding: 20px 10px;
		color: #fff;
	}


/* ----------------------------------------------------------------- */
/* ------------------ GENERAL PRODUCT PAGE DESIGN ------------------ */
/* ----------------------------------------------------------------- */


#group-products { width: 100%; }

#product-photo { width: 50%; }

/* Product slider left side */
#photos {
	background: #fff;
	float: left;
	width: 18%;
	margin: 0 15px;
}
.photo-big {
    float: left;
    width: 60%;
    margin-left: 65px;
}
#photos div.scroller { width: 100%; }
.verticalScroller td { display: inline-block; }


#cart-bg { background-image: url(../images/shopping_cart.png); width:32px; height:32px; float:right; text-align:center;	vertical-align:middle;	font-weight:bold; font-size:15px; padding-top:10px;	color:#FFF;	margin-top:-3px; letter-spacing:-1px;}
#cart-bg a {color:#FFF;}
#cart-bg a:hover {color:#FFF;}
#cart { float:right; padding:6px 8px 0px 3px; position:relative; zoom:1; }
#cart a {color:#fff; font-weight:bold; text-decoration:none;}
#cart a:hover {text-decoration:underline;}

#register { width:479px; width:459px; float:left;}
#register h1 { padding:30px 0 20px 210px; padding:30px 0 20px 190px; color:#000;}
#register p { padding:0 0 0 210px; padding:0 0 0 170px; width:250px; width:240px;}
#register ul { padding:0 0 0 225px; padding:0 0 0 185px; width:260px; width:250px;}
.sign-buttons-equal { height:150px;}
#sign-in { width:519px; float:right;}
#sign-in-line { float:left; margin:25px 0 25px 0; background-color:#FFF; border-left: 1px solid #333;}
#sign-in h1 { padding:5px 0 20px 30px; color:#000;}
#sign-in p { padding:0 0 0 30px; width:280px;}
.underline { text-decoration:underline;}
.breadup {text-transform:uppercase;}
.breadselected { font-weight:bold; color:#EC7404; text-transform:uppercase; line-height: 220%;}
.pages {float:right; display:inline; width:200px; }
.pages-bottom {float:right; display:inline; width:200px; margin-top: 10px;}

.borderbottom {margin-bottom:1px;}
#smallbanners {float:left; width:750px;}
.smallb {margin-right:1px; float:left;}
.smallnob { float:left;}

.logo-text { margin-top:4px; text-align:left; padding-top:17px; padding-bottom: 17px; color:#f74b02; font-size:16px; padding-left:58px; background-image:url(../images/shopping_cart.png); background-repeat:no-repeat; background-position:left top; text-transform:none;}
.logo-text-p { margin:3px 0 0 5px; padding:0; font-weight:normal;}

.promo { color:#C00;}
.selected-category { font-weight:bold; color:#EC7404; }
.selected-group { font-weight:bold; color:#EC7404;}

#smallbanners-cat {float:left; width:829px;}



#featured-group {width:829px; height:50px; margin:-1px 0 0 1px;}
.fourproducts-ie {display:block;}
.current-page { font-weight:bold; }
.product { float:left; width:200px; height:325px; padding-left:20px; padding-bottom:5px; font-size:12px;}
.product img { padding-bottom:3px;}
.new-pr { color:#F00; font-weight:bold; }
.promo-pr { color:red;}
.price-group { color:#333; font-size: 14px;}
.price-old-group { color:#000; text-decoration:line-through; }
.colors-pr { color:#999; font-weight:bold; }

.fourproducts-ie-small {display:block; height:286px;}
.product-small { float:left; width:120px; height:280px; padding:0 10px 5px 0; font-size:11px;}



#bottom-group { width:75%; margin-top:8px; clear: both;}
#group-newsletter { float:right; }

#left-group-promo {width:170px; float:left;}
#text-group {float:right; width:75%; padding-left:10px; padding-right:5px; *min-height: 510px; padding-bottom: 40px}
#text-group h1 {font-family: GYMNCOMP; margin-left:5px; text-align:left; padding-top:9px; font-weight:normal; font-size: 32px; text-transform: uppercase; padding-left:60px; background-image:url(../images/shopping_cart.png); background-repeat:no-repeat; background-position:left top;}
#text-group p { text-align:left; color:#333;}
.h2product { margin-top:4px; text-align:left; padding-top:9px; color:#f74b02; font-size:14px; padding-left:32px; background-image:url(../images/shopping_cart.png); background-repeat:no-repeat; background-position:left top;}
#suggestions-text { width:998px; text-align:left; padding:30px 0 10px 10px; font-weight:bold;}


#product-content {}
#product-photo {float: left; width: 60%; z-index: 9; position: relative;}
.thumb { float:left; width:60px; height:70px; padding:5px 5px 0 0;}

#product-desc { float:right; width:490px; margin-left: 10px;}
#product-desc h1 { color:#222; font-size:24px; text-transform: uppercase; font-weight: bold;}


/* ---------------------------------------------------------- products thumbs ---------------------------------------------------------- */
/* Tabs */
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px; /*--Set height of tabs--*/
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 3px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 15px; /*--Vertically aligns the text within the tab--*/

	border: 1px solid #e6e6e6;
    border-radius: 3px;
	*border: 1px solid #CCC;
	border-left: none;
	border-bottom: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	background: #EF672D;
}
ul.tabs li a {
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #fff;
	display: block;
	padding: 7px 7px;
	font-weight:bold;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #E7632A;
	color: #fff;
}
ul.tabs li.active a, ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	color: #000;
}
.tab_container {
	*border: 1px solid #CCC;
	border: 1px solid #e6e6e6;
    border-radius: 3px;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 8px 5px 8px 22px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#product-content { width:100%; }
.product-text { padding:0px 5px 0 10px; }
.product-ul { margin:5px 0 5px 0; padding:0 0 0 30px;}
.product-price { color:#555; font-size:18px;}
.product-instock { color:#3e8518; font-size:15px;
    background-image: url(../images/nalichen.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding:5px 0 10px 35px;}
    
.product-instock-mini{ color:#1a8900;}

.product-instock1 { color:#FE6700; font-size:15px; font-weight:bold; 
    background-image: url(../images/nalichen1.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-left:25px;
	padding-top:3px;
	padding-bottom: 4px;
}
 
.product-instock1-mini{ color:#FE6700;}
    
.product-not-available { color:#f00; font-size:15px; font-weight:bold;
    background-image: url(../images/nenalichen.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	padding-left:25px;
	padding-top:3px;
}
.product-not-available-mini {color:#FF0000;}

.product-save { color:#666; font-size:16px;}
.product-save-price { color:#666; font-size:14px; font-weight:bold;}
.product-old-price { color:#000; font-size:20px; text-decoration: line-through; }
.product-promo { color:red; font-size:20px; }
.product-attribute { float:right; width:488px; margin:10px 0 0 10px; border:1px solid #CCC;}
#product-color { width:488px; margin:10px 0 0 0; border:1px solid #CCC;}
#product-order {
	width:100%;
	margin:10px 0 0 0;
	padding: 10px;
    border-radius: 5px;
}
	#product-order #size_table_container { float: right; *margin-top: 10px; margin-top: 10px; right: 35px;}
		span.help {background: transparent url("../images/bg/ruler.png") no-repeat scroll left; padding-left: 23px; font-size: 11px;}
		span.help:focus, span.help:hover, span.help:active{cursor: pointer;}
.attr-wrap {float: left; margin-right: 5px;}
	#product-order .attr-wrap {width: 48%; padding: 5px 0;}
		#product-order .attr-wrap label {width: 100%; display: inline-block; *border-right: 1px solid #cacaca; margin-bottom: 0; font-weight: normal;}
		#product-order .attr-wrap select { margin-top: 5px; width: 100%; height: 46px; background: #E1E1E1; border-radius: 5px; border: none; padding-left: 5px;}

#add-to-cart { width:100%; margin:5px 0 0 0px;}
.send-email { padding-left:5px; color:#006; text-decoration:underline;}

#giftcards { width:110px; text-align:center; float:left; margin-right:10px;}


#photos { margin-top: 4px; }
div.horizontalScroller { border: 1px solid #e6e6e6!important; }
#photos div.scroller { border:none; }
#photos div.scroller .item { border: 1px solid #bfbfbf; border-radius: 5px; padding: 5px;}
#photos div.scroller .selected { border: 1px solid #FF6600; border-radius: 5px; padding: 5px;}

body#tinymce {
	text-align: left;
}

#dlg-cart-add {
	display: none;
}

#dlg-cart-add div.header {
	
}

.formError {
	color: #ff0000;
	font-size: 0.9em;
	padding-left: 4px;
}



/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #888;
	margin:-1px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

/* SLIDER CSS */
* {margin: 0; padding: 0;}
.anythingSlider { width: 829px; height: 480px; position: relative; margin: 0 auto 0px; margin-top: 0px; }
.anythingSlider .anwrapper { width: 829px; overflow: auto; height: 480px; margin: 0 0px; position: absolute; top: 0; left: 0; }
/* Width below is max for Opera */
.anythingSlider .anwrapper ul {width: 32700px; list-style: none; position: absolute; top: 0px; left: 0; background: #eee; margin: ;}
.anythingSlider ul li { display: block; float: left; padding: 0; height: 480px; width: 829px; margin: 0; }
.anythingSlider ul li img { border:0;}
#thumbNav { position: relative; float: right; top: 5px; left: 0px;}
#thumbNav a { color: #666; font-size:12px; font:Arial, Helvetica, sans-serif; font-weight:bold; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; border:1px solid #666; background: none; repeat-x; text-align: center; /*opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);*/}
#thumbNav a:hover { background-image: none; }
#thumbNav a.cur { background: #eb642d; }
#start-stop { background: green; color: white; padding: 2px 5px; width: 35px; position: absolute; left: 50px; top: 330px; visibility: hidden; }
#start-stop.playing { background-color: #666; }
#start-stop:hover { background-image: none; }
/*Prevents*/
.anythingSlider .anwrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .anwrapper ul ul li { float: none; height: auto; width: auto; background: none; }

/* SLIDER2 CSS */
/* main vertical scroll */
  #main {
  position:relative;
  overflow:hidden;
  height: 480px;
  }

  /* root element for pages */
  #pages {
  position:absolute;
  height:20000em;
  }

  /* single page */
  .page {
  padding:0px;
  height: 480px;
  background:#222;
  width:790px;
  }

  /* root element for horizontal scrollables */
  .scrollable {
  position:relative;
  overflow:hidden;
  width: 790px;
  height: 480px;
  }

  /* root element for scrollable items */
  .scrollable .items {
  width:20000em;
  position:absolute;
  clear:both;
  }

  /* single scrollable item */
  .itemss {
  float:left;
  cursor:pointer;
  width:790px;
  height:480px;
  padding:0px;
  }

  /* main navigator */
  #main_navi {
  float: right;
  padding:0px !important;
  margin:0px !important;
  }

  #main_navi li {
  background-color:#333;
  border: 0 0 1px 0 solid #fff;
  border:
  clear:both;
  text-align:left;
  color: #fff;
  font-size:11px;
  height:76px;
  list-style-type:none;
  padding:10px;
  width:190px;
  cursor:pointer;
  }
  #main_navi h2 {
	  margin-top: -8px;
  font-size:10px;
  color:#FFF;
	 }

  #main_navi li:hover {
  background-color:#444;
  }

  #main_navi li.active {
  background-color:#000000;
  }
  #main_navi #t2.active {
  background-color:#D6A757;
  }
  #main_navi #t3.active {
  background-color:#608A02;
  }
  #main_navi #t4.active {
  background-color:#E05210;
  }  
  #main_navi #t5.active {
  background-color:#B8D82F;
  }

  #main_navi img {
  float:left;
  margin-right:10px;
  }

  #main_navi strong {
  display:block;
  }

  #main div.navi {
  margin-left:250px;
  cursor:pointer;
  }

/* GDPR CHECKBOXES ----------------------------------> */
.popup{
    position: relative;
    display: inline-block;
  }

.popup-text{
	margin-bottom: -8px;
	visibility: hidden;
	width: auto;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	margin-left: -80px;
}

.popup .popup-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 53.7%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent;
}

.popup:hover .popup-text {
  	visibility: visible;
}
/* -----------------------------------------------| */

/* Paging */
.paging a {
	border: 1px solid #aaaaaa;
	padding: 0 6px;
	background-color: #fafafa;
	display: inline-block;
	*display: inline;
	zoom: 1; 
}

.paging {
	padding: 8px 0 ;
}

.paging a:hover {
	text-decoration: none;
	background-color: #eaeaea;
}

.paging span {
	border: 1px solid #FF6600;
	padding: 1px 7px;
	font-size: 105%;
	background-color: #FF6600;
	color: #ffffff;
	display: inline-block;
	zoom: 1; 
}

#google-map{
	width: 404px;
	height: 394px;
	margin-left: 10px;
	background: url(../images/banners/dimibike-map.jpg)  no-repeat !important;
}

/***** Back-UP *****/
#back-top{ position: relative; border-bottom: 3px solid #ff6600; padding: 0; width: 100%; }
#back-top a { width: 80px; height: 80px; }
#back-top a:hover { cursor: pointer; }
#back-top span { width: 80px; height: 40px; display: block; background: url(../images/up-arrow.png) no-repeat center 7px #ff6600; -webkit-border-radius: 80px 80px 0 0; -moz-border-radius: 80px 80px 0 0; border-radius: 80px 80px 0 0; margin: 0 auto;}

#slogan {
	width: 998px;
	height: 65px;
	border: 1px solid #8B8B8B;
	border-radius: 10px 10px 10px 10px;
	margin: 10px 0 20px 0;
	position: relative;
}

#slogan p {text-align: center; font-size: 28px; padding: 2px 0 2px;}

#dlg-ajax-wait {
	display: none;
}
#menu-top {color: #ffffff;}
#menu-top a{color: #ffffff;}

.filter-block-separator {background: url("../images/megasprite.png") no-repeat scroll -573px 0 rgba(0, 0, 0, 0); height: 9px; margin: 0 auto; position: relative; top: -1px; width: 22px;}

.ui-widget-content { border-color: #2F302B!important; height: inherit; }
.ui-widget-header {  color: #fff!important; border-bottom: 2px solid #FF6600; }
.ui-dialog .ui-widget-header,.ui-state-default {border-color: #FF6600!important; }

.ui-dialog .ui-dialog-buttonpane button { background: #fe6d00!important; border-radius: 5px;}
.ui-dialog .ui-dialog-buttonpane button:hover { background: #fff!important; color: #fe6d00!important; }
.ui-dialog .ui-dialog-titlebar-close { background: #fff!important; }
.ui-dialog .ui-dialog-buttonpane button { padding: 5px 10px!important; }



.li-links {list-style: none outside none;}
.li-links a {background: url(../images/arrow-li.jpg) no-repeat; padding-left: 10px;}
.related-products {
	font-family: GYMNCOMP; 
	color: #2F302B; 
	text-transform: uppercase; 
	background: url(../images/pdp-dividers.png) no-repeat; 
	background-size: 100%;
	font-size: 32px; margin-bottom: 0px; margin-left: 0px; 
	margin-top: 10px; padding-bottom: 0px; padding-top: 20px; width: 100%; font-weight: normal;
}

/*sports*/
.sports {padding: 0 0 20px 0; margin: 10px auto 0; width: 1000px; font-family: GYMNCOMP;}
.sports li {font-family: GYMNCOMP; height: 273px; text-align: center; text-transform: uppercase; display: inline-block;}
.sports li a {display: inline-block; height: 273px; position: relative; width: 138px;}
.sports li a span {bottom: 0; font-size: 26px; left: 0; position: absolute; text-align: center; width: 100%;}




/*********** NEW CSS ***********/
/*
* FLOATING BAR
*/
.social-header {
	float: left;
	margin: 8px 0 0;
}
.social-header a {
	float: left;
	margin: 0 5px 0 0;
	display: block;
	height: 25px;
	width: 25px;
}
.social-header .fb {
	background: url(../images/icon-sprite.png) no-repeat 0 -76px transparent;
}
.social-header .gp {
	background: url(../images/icon-sprite.png) no-repeat 0 -50px transparent;
}
.social-header .tw {
	background: url(../images/icon-sprite.png) no-repeat 0 -26px transparent;
}
.phone {
	background: url(../images/icon-sprite.png) no-repeat 0 4px transparent;
	float: left;
	padding: 0 0 0 20px;
	color: #fff;
	height: 25px;
	line-height: 25px;
	font-size: 20px;
	margin: 8px auto 8px 90px;
}
.header-links {
	overflow: hidden;
	float: right;
}
.header-links > a {
	float: left;
	padding: 0 0 0 20px;
	color: #fff;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	margin: 8px 8px 0 0;
	text-transform: uppercase;
	display: block;
}
.header-links .delivery {
	background: url(../images/icon-sprite.png) no-repeat 0 -203px transparent;
}
.header-links .about {
	background: url(../images/icon-sprite.png) no-repeat 0 -177px transparent;
}
.header-links .contact {
	background: url(../images/icon-sprite.png) no-repeat 0 -148px transparent;
}
.header-links .help {
	background: url(../images/icon-sprite.png) no-repeat 0 -125px transparent;
}
.cart {
	float: left;
	margin: 8px 8px 0 0;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	text-transform: uppercase;
}
.caption {
	background: url(../images/icon-sprite.png) no-repeat 9px -102px transparent;
	float: left;
	padding: 0 0 0 36px;
	color: #fff;
	display: block;
	border-left: 1px solid #fff;
}

.header-links .delivery-ico, .header-links .about-ico, .header-links .contact-ico, .header-links .help-ico, .phone-ico {
	display: none;
}


/*
* END FLOATING BAR
*/
.header_menu {
	background: url(../images/shoe-prints.jpg) no-repeat 80% -70px #fff;
	border-bottom: solid 6px #AD212C;
	position: relative;
}
.header_menu_wrap {
	width: 998px;
	margin: 0 auto;
	overflow: hidden;
}

.logo {
	float: left;
	*margin: 20px 0;
	width: 22%;
}
.free_shipping {
	width: 50%;
	margin: 40px auto 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	height: 79px;
	line-height: 22px;
	float: left;
}
.free_shipping a {
	font-size: 14px;
	color: #004274;
	text-decoration: underline;
}

/*
* END HEADER SEARCH
*/
ul.menu_l1 {
	text-transform: uppercase;
}

/*
* MOBILE MENU
*/
body.menu-opened { overflow: hidden; position: relative; }
body.menu-opened #mobile-nav-wrapper.opened { position: fixed; }
.mobile-nav-button {
	display: none;
	cursor: pointer;
}
.mobile-nav {
	*display: none;
}

#mobile-nav-wrapper {
	display: none;
	width: 100%; 
	max-width: 767px; 
	height: 100%; 
	position: absolute; 
	z-index: 1500; 
	background: rgba(0,0,0, 0.85); 
	left:0%; 

	overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#mobile-nav-wrapper  {  
    -webkit-transition-delay: ease, 0s;
    -webkit-transition: -webkit-transform 950ms ease;
    -moz-transition: -moz-transform 950ms ease;
    -o-transition:  -o-transform 950ms ease;
    transition: transform 950ms ease;

    -webkit-transform: translate3d(-100%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(-100%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(-100%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(-100%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(-100%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

#mobile-nav-wrapper.opened  {
	-webkit-transform: translate3d(0, 0, 0) scale3d(1.0, 1.0, 1.0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.0, 1.0, 1.0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.0, 1.0, 1.0);
    -o-transform: translate3d(0, 0, 0) scale3d(1.0, 1.0, 1.0);
    transform: translate3d(0, 0, 0) scale3d(1.0, 1.0, 1.0);


    -webkit-transition-delay: ease, 0s;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 900ms ease;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 900ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 900ms ease;
    transition: opacity 300ms 100ms ease, transform 900ms ease;

    height: 100%;
}

.mobile-nav-container { 
	width: 80%; 
	height: 100%; 
	position: relative; 
	z-index: 2000; 
	padding: 35px 0; *top:-35px; 
	background: #ECECEC;

	border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;

    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.mobile-nav-button { 
	width: 20%; 
	margin-top: 15px;  
	*min-width: 100px; 
 	position: absolute;
}

#head.menu-opened .mobile-nav-button.closed { *display: none; opacity: 0.5; }
#header_top .mobile-nav-button.opened { 
 	left:80%;  *right: 10px;
 	color: #fff;
 	text-align: center;
}

#mobile-nav {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

#mobile-nav li a {
    display: block;
    padding: 10px 15px;
    background: #ececec;
    *border-top: 1px solid #eee;
    *border-bottom: 1px solid #555;
    text-decoration: none;
    color: #000;
    
}
#mobile-nav>li>a { font-weight: bold; }
#mobile-nav li a.active {
    *background: #ec7404;
    *color: #fff;
}
#mobile-nav li ul {
    display: none;
}
#mobile-nav li ul li a {
    padding: 10px 25px;
    font-weight: normal;
    *background: #ececec;
    *background: #403f3a;
    *color: #fff;
    *border-bottom: 1px dotted #ccc;
}

/*
* END END MOBILE MENU
*/

/*
* HOME PAGE STYLES
*/
.slides-home-wrap {
	border-bottom: 10px solid #F2F2F2;
}
.slides-home-wrap:after {
	content: '';
	display: block;
	clear: both;
}
.banners-home-wrap {
	border-bottom: 10px solid #F2F2F2;
}
.banners-home-wrap:after {
	content: '';
	display: block;
	clear: both;
}
.banners-home {
	float: left;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}
.banners-home.left {
	padding: 10px 5px 10px 10px;
}
.banners-home.right {
	padding: 10px 9px 10px 5px;
}
.banners-home img {
	max-width: 100%;
	/*width: 100%;*/
}
#breadcrumbs {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	box-sizing: border-box;
	float: none;
	font-size: 12px; 
	text-transform: uppercase;
}
.pngfix {
	width: 46px;
	height: 22px !important;
	left: -10px !important;
	right: inherit !important;
}
/*
* HOME PAGE STYLES
*/

/*
* PRODUCTS PAGE
*/
#photo-zoom {
	width: auto;
	height: inherit;
	position: relative;
	z-index: 9;
}
.horizontalScroller {
	width: auto !important;
}
#product-photo div.image-wrap { width: 320px; height: 373px; margin: 0 auto; }
#product-desc {
	float: right;
	width: 35%;
	/*padding: 0 0 0 10px;*/
	box-sizing: border-box;
}
.cloud-zoom img {
	width: 100%;
	max-width: 100%;
	height: inherit;
}
.scroller {
	*width: auto !important;
}

.flexslider {
	display: none;
}
.flex-direction-nav a.flex-next {
    background: url(../images/slider-arrow.png) no-repeat -71px -13px!important;
}
.flex-direction-nav a.flex-prev {
    background: url(../images/slider-arrow.png) no-repeat 0px -13px!important;
}

.dds {
	font-size: 12px;
	color: #999;
}
.attr-wrap {
	width: 100%;
	padding: 15px 0 0;
}
.attr-wrap:after {
	content: '';
	display: block;
	clear: both;
}
.attr-label {
	width: 70px;
	display: block;
	float: left;
	padding: 0 20px 0 0;
	line-height: 22px;
	box-sizing: border-box;
}
.attr-select {
	float: left;
}
.attr-select select{
	padding: 3px;
	width: 250px;
	background: #fff;
	border: 1px solid #ccc;
}
.add-to-cart-wrap {
	margin: 15px 0;
}
.add-to-cart-wrap:after {
	content: '';
	display: block;
	clear: both;
}

.add-to-cart {
	color: #fff;
	font-size: 18px;
	width: 100%;
	clear: both;
}
.attr-wrap.qty {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
.attr-wrap.qty .attr-label {
}
.add-products-input {
	height: 50px;
    padding: 0 !important;
    width: 233px;
    background: #393;
    color: #fff;
    font-size: 14px;
    font-weight: 800;   
    text-transform: uppercase;
    width: 97%;
    border: 2px solid #393;
    border-radius: 3px;
    margin-top: 15px;
}
.add-products-input i { font-size: 20px; padding-right: 5px; }
.add-products-input:hover { background: #fff; color: #393;  }

.social-product {
	text-align: right;
	margin: 0;
}

.tabs-info { position: relative; top:10px;}


/*
* END PRODUCTS PAGE
*/

/*
* CHECKOUT CSS
*/

.checkout-button:hover {
	/*background: #931720;*/
	color: #fff;
	text-decoration: none;
}
.checkout-title {
	float: left;
}
.checkout-title h1 {
	font-size: 24px;
	margin: 10px 0;
}
.checkout {
	text-align: right;
}
.checkout-summ {
	display: none;
}
.steps-checkout {
	padding: 20px;
}
.info-sidebar {
	text-align: center;
	padding: 15px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px !important;
	line-height: 1.42857143;
	vertical-align: top;
	background: #f1f1f1;
	border-bottom: 2px solid #fff;
}
#formConfirmOrder {
	overflow: hidden;
}
.back-btn {
	padding: 8px;
	border-radius: 5px;
	margin: 0 10px 0 0;
	background: #222;
	color: #fff;
}
.back-btn:hover {
	text-decoration: none;
	color: #fff;
	background: #FF6600;
}

/*---------------check out pages ------------------------------*/

.steps-checkout {
    padding: 20px;
}

.steps-checkout span { display: inline-block; margin-top: 20px; }
.info-sidebar {
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
}
.info-content { box-sizing: border-box; margin-bottom: 10px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px !important;
    line-height: 1.42857143;
    vertical-align: top;
    background: #f1f1f1;
    border-bottom: 2px solid #fff;
     font-size: 14px;
}
.checkout-button, .send-info-button {
    padding: 15px 24px;
    font-size: 18px;
    display: inline-block;
    color: #fff;
    line-height: 10px;
    float: right;
    margin: 10px 0;
    border-radius: 5px;
    border: 2px solid #fe6d00;
    background: #fe6d00;
}
.checkout-button:hover, .send-info-button:hover { background: #fff; color: #fe6d00; border: 2px solid #fe6d00;}
}
.checkout-table {
    width: 100%;
    margin: 10px auto;
    border: 2px solid #E8E8E8;
    border-collapse: separate;
    box-sizing: border-box;
}

.checkout-table td, .checkout-table th {
    padding: 10px;
    border: 1px solid #F2F2F2;
    font-size: 14px;
}
.checkout-table thead th {
    border-bottom: 1px solid #E0E0E0;
    background: #F4F4F4;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    text-transform: capitalize;
    white-space: nowrap;
}
.checkout-table tfoot td {
    background: #F4F4F4;
}
.checkout-summ {
    display: none;
}
.table-whereYouHear { width: 50%; margin: 0 auto;  }
.table-whereYouHear textarea, .table-whereYouHear select { width: 100%; padding: 5px; margin-bottom:5px;} 
.table-whereYouHear label { margin-top: 5px; }
.send-info-button { padding: 10px 24px;  *width: 70%; height: auto;     font-size: 16px;
    font-weight: 300;
    display: inline-block;
    line-height: 18px;}
/*.send-info-button:hover { background: #6d0025; color: #fff;  }*/
/*
* END CHECKOUT CSS
*/

/*filters*/



#filters .label {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
	text-align: left;
}
#filters label {
	color: #444;
	font-weight: normal;
}
#filters .label1 { min-width: 100%; }

.button-reset {float: right; }
.label {font-weight: bold; color: #000;}
.filters-dashed { margin-bottom: 10px; border-top: 1px solid #c1c1c1;}
.text-option {margin-left: 20px;}
.text-option p {float: left; padding-left: 20px;}
#show-price-min {float: left;}
#show-price-max { float: right;}

#filter span.orderBy { display:inline-block; position:relative; padding-left: 0px; width: 49%; margin-bottom: 5px;}
	#filter span.orderBy input[type='radio'] { margin-left: 0px; }

.shadow-filters { background: url("../images/shadow-inverted.gif") no-repeat scroll center bottom #fff; height: 20px; margin-bottom: 20px;}
.reset-up {background: url(../images/drop-filters.png) no-repeat right; padding-right: 15px; border: none;}
.reset-up:hover {background: url(../images/drop-filters-orange.png) no-repeat right; color: #fe6d00; padding-right: 15px; border: none;}
.text-delivery {font-style:italic; color: #9E9E9E; text-align: center; width: 100%;}
.reset-up {
    background: url(../images/drop-filters.png) no-repeat right;
    padding-right: 15px;
    border: none;
}

.ui-widget-content { border-color: #fe6d00!important; }

.mobile-filter {
	display: none;
}
.btn.mobile-filter-button {
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 45%;
    float: left;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;

}
.btn.mobile-filter-button:active, .btn.mobile-filter-button:hover {
	*color: #fff;
}

/*
* END NEW CSS
*/

/*--------------------------------- Ralated products ------------------------------------------*/
div.related-products { float: right; }
div.related-products h5 { color: #ffffff; background-color: #009EE3; font-size: 20px; margin-bottom: 0px; margin-left: 0px; margin-top: 20px; padding-bottom: 5px; padding-top: 5px; width: 822px; }
ul.jcarousel-list { list-style: none; }
.jcarousel-skin-tango #products { width: 100%; box-sizing: border-box;}
.jcarousel-skin-tango #products ul li.jcarousel-item { padding-left: 5px; float: left; list-style: outside none none; }
.jcarousel-skin-tango #products ul li.jcarousel-item div { width: 180px; height: 210px; position: relative; }
.jcarousel-skin-tango #products ul li.jcarousel-item div img { display: block; position: absolute; top: 0px; left: 0px; }
.rel-pro {display: none;}

/* ------------------------- home page banners -------------------------------------------- */
.home-row {width: 100%; *width: 1000px; *height: 157px; padding: 10px 0 20px 0; margin: 0 0 32px 0; }
	.home-row img { width: 100%; height: auto;  }
	.home-col { *height: 290px; }
		.home-col img { width: 100%; height: auto; }
	.home-col-1 { width: 33%; *width: 312px; float: left; *border-right: 1px solid #ccc; }
	.home-col-2 { width: 66%; *width: 654px; *height: 250px; float: left; margin-top: 32px; }
	.home-col-3 { width: 100%; *width: 1000px; height: 250px; float: left; margin-top: 32px; }
	.home-col-1 p { font-family: GYMNCOMP; text-transform: uppercase; font-size: 32px; text-decoration: none; }
.banner-bottom div {*margin-right:32px; padding:0 15px;}
	.banner-bottom div  img { width: 100%; height: auto; }
	.banner-bottom .banner-title { width: 100%; *width: 291px; padding: 10px; background: #fff;  }
.pdfs { float: right; margin-top: 32px; margin-right: 3px; }
	.pdfs img {width: 100%; height:auto;}


.econt-iframe { overflow: auto; width: 100%; -webkit-overflow-scrolling:touch; }
.cc_container {border-top: 2px solid #ec7404!important;}
.cc_btn /*.cc_container*/ {
	color: #ffffff!important;
	border: 2px solid #fe6d00!important;
	background: #fe6d00;
    background: -moz-linear-gradient(top, #fe6d00 0%, #fe6d00 19%, #f83201 91%, #f83201 100%);
    background: -webkit-linear-gradient(top, #fe6d00 0%,#fe6d00 19%,#f83201 91%,#f83201 100%);
    background: linear-gradient(to bottom, #fe6d00 0%,#fe6d00 19%,#f83201 91%,#f83201 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6d00', endColorstr='#f83201',GradientType=0 );}


/*--------------------- account menu ----------------------*/
.actions .cart-account-wrapper .account {
    float: right;
    height: 35px;
    text-align: right;
    min-width: 150px;
}
.col-xs-9 {color: #000;}
.glyphicon-ok {color: #fff;}
.list-group-item {color: #000!important;}
.account {position: relative; padding-right: 30px; margin-top: 5px;}
.acc-Menu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 6px 0 #333;
    display: none;
    float: none;
    right: 20px;
    overflow: hidden;
    position: absolute;
    top: 35px;
    width: 240px;
    z-index: 999;
}

.acc-Menu > li {
    display: block !important;
    height: inherit !important;
}
.acc-body {
 padding: 20px;
}
.acc-name {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px !important;
    margin: 0 0 15px;
    padding: 0 0 10px;
    line-height: 35px;
    text-align: left;
}
.acc-body .list-group {
 margin: 0;
}
.acc-body .list-group .list-group-item {
 text-align: left;
}
.acc-footer {
 padding: 20px;
}
.acc-userIcon {
    border-radius: 39px;
    padding: 9px;
    border: 1px solid;
    font-size: 15px !important;
    float: left;
    margin: 0 2px 0 0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2!important;
    color: #fff!important;
    background-color: #222222!important;
    border-color: #222222!important;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

a.list-group-item {
    color: #555;
}

.profile-menu i {
    font-size: 12px!important;
}
/*--------------------- account menu END ----------------------*/
/*--------------------- account pages ----------------------*/

/* -------------------- PROFILES -------------------- */

#login-overlay .login-form { color: #222222; }
#login-overlay .login-form div.btn.btn-success {
	background: #FF6600;
	border-radius: 5px;
	border: 0;
	padding: 15px;
	text-transform: uppercase;
}

/*   --- Reset Related Styles ---   */
#login-overlay .table > tbody > tr > td { background: transparent; }
#login-overlay input { border-radius: 0; }
#login-overlay .table > tbody > tr > td { border-top: 0; }

/*   --- LogIn Overlay ---   */
#login-overlay { width: 100%; max-width: 1180px; }
#login-overlay .panel-primary { border: 0; }
#login-overlay .panel-primary > .panel-heading { background-color: transparent; border: 0 ; color: #000 ; padding: 0;}
#login-overlay ul.profile-menu { list-style: none; border: 1px solid #ccc; }
#login-overlay ul.profile-menu li {
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	padding: 10px 5px;
	margin: 0;
	list-style: none;
	text-transform: uppercase;
}
.profile-menu a:hover {color: #FF6600; text-decoration: none;}
#login-overlay ul.profile-menu a:last-of-type li { border-bottom: 0; }
#login-overlay ul.profile-menu li .fa { width: 20px; text-align: center; }
#login-overlay .user-left_menu { padding: 0 15px 0 0; }
#login-overlay h1.panel-title { color: #222; font-weight: bold; }
#login-overlay h1.panel-title .glyphicon { color: #000;  font-weight: normal;}
#login-overlay h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px;
	color: #FF6600;
}
#login-overlay button {
	border-radius: 0;
	color: #fff;
	background: #FF6600;
	padding: 15px;
	width: auto;
	text-transform: uppercase;
	border-radius: 5px;
	border: 0;
}
#login-overlay button:hover { background: #ba4a00; color: #fff; }

/*   --- New Profile ---   */
#login-overlay .user_createprofile form { border-top: 0; }

.user_module .modal-header { border-bottom: 1px dashed #999; }
.user_module .modal-header h1 { margin: 0; }
.user_module .login-form {
	border: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.user_module .login-form form { border-top: 0; }
.user_module .login-form button { padding: 15px; background: #000; color: #fff;}
.user_module .login-form button:hover { background: #C1C1C1; }

.user_module .modal-content {
	border: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.user_module .label-size-1 { width: 8%; }
.user_module .label-size-2 { width: 40%; }
.user_module .label-size-3 { width: 10%; }
.user_module .label-size-4 { width: 15%; }
.user_module .label-size-5 { width: 25%; }

/*   --- User Orders ---   */
.user_order-info h1 { margin-top: 0; }
.user_order-info .panel-body { padding: 15px 0; }

.label-size-1, .label-size-2, .label-size-3, .label-size-4, .label-size-5 { float: left; }
.label-size-5 { text-align: right; }
.list-group-item.list-orders { padding: 25px 15px 40px; }

.list-group-item .btn-info { border-radius: 5px; color: #fff; background: #FF6600; border: 0;}
.list-group-item .btn-info:hover,
.list-group-item .btn-info:focus {background: #ba4a00;}

.user_module .panel-body-mobile { display: none; }
.user_module .back-to-list { background: #c1c1c1; border-radius: 0; border: 0;}
.user_module .back-to-list:hover,
.user_module .back-to-list:focus { background: #6d0025; color: #fff;  }

.panel-body { padding: 15px 0; }
/*--------------------- account pages END----------------------*/

/* -------------------- MODULE: PROMOCODE -------------------- */
form#add-promocode-form .promo-btn {
	height: 34px;
	width: 100px;
	background: #C1C1C1;
	color: #000;
	border: 0;
}
form#add-promocode-form input.form-control {
	border-radius: 0;
}
form#add-promocode-for label.formError {
	position: absolute;
}
.welcome-name {position: relative; top:-4px;}
.col-xs-12 {margin-bottom: 20px;}
.btn-block {width: auto!important;}
.register-banner img {
	width: 100%;
    height: auto;
    max-width: 585px;
    margin: 0 auto;
}
.myacc input {float: right; width: 350px;}
.panel-body-mobile {display: none;}
.label-size-1 { width: 8%;}
.label-size-2 {width: 40%;}
.label-size-3 {width: 10%;}
.label-size-4 {width: 15%;}
.label-size-5 {width: 25%;}
.fb-like {padding-left: 10px;}
#dlg-cart-add {height: 145px!important;}
.logo-brands img {margin-right: 5%;}
/*
----------------------------------------------------------------------------------------------------------------------------------------------
 Media Queries 
-----------------------------------------------------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 1199px) {
	#header_top .actions {width: 72%;}
}
@media screen and (max-width: 1000px) {

	.wrapper { padding: 0 10px; }

	ul.menu_l1, ul.menu_l2 { width: 100%; max-width: 998px; }
	#floating-menu, #cat-left { width: 18%; }
	#cat-middle, #group-products{ width: 80%; }

	#ribbon_abonare_nl { min-width: initial!important; }

	#header_top .actions { width: 75%;  }

	#footer p a, #footer p strong { display: inline-block; } 

	#text1 #Table_01, #text1 #table_01 p { width: 100%!important; }
	.sports li a{ width: 100px!important; }

	#cat-middle p img { width: 100%;height: auto; }


	#product-photo div.image-wrap { width: 100%; height: auto; }
	#photos div.scroller  { width: 180px!important; }

	div.fb-like { width: 100%!important; max-width: 460px!important; }
	#product-content div>span { width: 100%!important; }

	/*------------------------------------------- Ralated products ----------------------------------------------------------------*/
	.jcarousel-skin-tango #products { width: 100%; float: none;}
	.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 100%!important;}
		.jcarousel-skin-tango .jcarousel-item { *width: 25%!important; margin-left: 0px!important; }

	/*------------------------------------------- home page slider ----------------------------------------------------------------*/
	.home-slider iframe {width: 100%!important;  }
	.home-slider iframe div { text-align: center!important; }
	#slider1_container, #slider1_container>div { width: 100%!important; text-align: center!important; }

	, 
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe, .fb_iframe_widget_fluid span { width: 100%!important; max-width: 490px!important; }
}
/* Tablet (Landscape) */
@media only screen and (max-width: 991px) {


	#head1 .header-links1 .delivery, #head1 .header-links1 .contacts, #head1 .header-links1 .help { display: none; }
	#head1 .header-links1 div>a>span { margin-right: 6px; }

	#header_top .actions { width: 70%;  }
	#header_top .actions .search-wrap input.search-input { width: 195px; }
	#header_top .actions .cart-wrap { width: 18%; }
	.cart { margin-right: 0; }
	#header_top .actions a.caption { padding-left: 0; }

	.contact-form iframe {
	    width: 100%;
	    padding: 10px;
	    box-sizing: border-box;
	}
	.unslider {height: 350px; min-height: 350px;}
	.unslider img {width: 100%; height: auto;}
	.logo-brands img {margin-right: 0;}
}
@media screen and (max-width: 860px) {
		body.body-front-home { background-size: auto 600px; }
		.home-slider iframe { height: 450px; }
		/*.fourproducts-ie { padding: 0 10px; }*/
		.fourproducts-ie-home .product { width: 25%; text-align: center; padding: 10px 8px;}
		.fourproducts-ie-home .product .image-wrap, .fourproducts-ie-home .product .image-wrap img { width: 90%; }
		.fourproducts-ie .product { width: 33%; /*text-align: center; padding: 10px 8px;*/}
		.unslider {height: 280px; min-height: 280px;}
}
/* Tablet (Portrait) */
@media screen and (max-width: 767px) {
	.home-page-small-banners a{
		width: 100%;
	}
	#head1 .actions div.header-links1 .free-shipping, #header_top .actions a.caption { display: none;}
	#head1 .actions div.header-links1, #head1 .actions div.header-email {width: 50%;}
	#head1 .actions div.header-email p { padding:0; margin: 0; }
	#header_top { min-height: 60px; }
	#header_top .actions { width: 100%; float: none; padding: 0; position: relative; display: block; }
	#header_top .actions .cart-wrap {
		width: auto;
		top: 14px;
		right: 10px;
	}
	.cart { float: right; margin-right: 10px; }

	#header_top .actions .search-wrap { 
		z-index: 1000;
		margin: 66px 0 10px 0;
		width: 98%;
		position: relative;
		left: 0;
		right: 0;

	}
	#header_top .actions form.search { width: 100%; }
	#header_top .actions .search-wrap input.search-input { width: 100%; min-width: initial; }

	#header_top .logo { position: absolute; left:0; right: 0; float: none; margin: 5px auto 0 auto; width: 130px; z-index: 100; }
	#header_top .logo img { width: 100%; height: auto; }

	#header_top .actions a.cartbg {width:65px;  background-size: cover; height: 44px; }
	#header_top .actions a.bag { padding-top: 13px; }

	#header_menu { display: none; }

	.menuwrapper { height: 40px; display: initial; } 

	#mobile-nav-wrapper { display: initial; }
	.mobile-nav-button {
		display: block;
		padding: 7px;
		text-transform: uppercase;
		font-weight: bold;
		text-align: left;
		font-size: 18px;
		z-index: 100;
	}
	
	.mobile-nav-button i {
		position: relative;
		top:-1px;
		margin: 0 7px 0 0px;
		
	}

	#floating-menu, #cat-left  { display: none; }
	#cat-middle, #group-products, #text-group { width: 100%; position: relative;}
	.body-content1 #floating-menu  { display: block; width: 100%!important; position: relative; height: auto; }
	.body-content1 #cat-left {width: 100%!important; position: relative; height: auto;}

	#text1 { display: none; }

	.product { width: 50%; text-align: center; height: 335px;}
	.fourproducts-ie-home .product>div { margin: 0 auto;}

	#product-photo {
		float:none;
		width: 100%;
	}
	#product-desc {
		float: none;
		width: 95%;
		padding: 0;
	}
	#product-photo {
		display: none;
	}
	.flexslider {
		display: block;
	}
	.banners-home.left, .banners-home.right {
		width: 100%;
		padding: 10px;
	}
	.ui-dialog {
	    width: 100% !important;
	    left: 0 !important;
	    box-sizing: border-box;
	}
	.ui-dialog-buttonpane {
		text-align: center !important;
	}
	button.ui-state-default.ui-corner-all {
		margin: 5px !important;
		padding: 5px 10px!important;
	}
	.info-sidebar {
		display: none;
	}
	.info-content {
		padding: 0 25px;
	}

	.home-row.sale, .home-row .sale  { display: none; }
	.pdfs { float: left; width: 45%; }
	.small-banners .home-col-1 { min-height: 322px; }

	#text-cat h2 { text-align: left!important; }

	.threeproducts-ie { width: 100%; }
	.threeproducts-ie .product { width: 50%; }

	/* ------------------- -  - -  - filter -  - -  - ------------------------------- */
	.mobile-filter {
		margin-top: 10px;
		display: block;
	}
	#filters {
		display: none;
	}
	#cat-left {
		display: none;
	}
	.filters-h3 h3 { margin: 0 0 5px 0; }
	#filter label.label1 {*width: 30%; min-width: 28%; display: inline-block; position: relative; float: left;}
	.text-option {margin-left: 30px;}
	#filters input[type='checkbox'] { margin-top:0; }
	#brands div { width: auto; min-width: 30%; float: left; display: inline-block; position: relative; }
	#filters button { width: auto; }
	.filters-dashed { margin: 10px 0; }

	#cat-left ul ol { padding: 10px 3px; }
	.panel-body-desktop {display: none;}
	.panel-body-mobile {display: block;}
	.unslider {height: 240px; min-height: 240px;}
	.welcome-name {display: none;}
	.search-wrap {display: none!important;}
	#header_top .search-wrap-mobile {display: block; margin: 10px 0;}
	#header_top form.search {float: none;}
	.account {margin-top: 18px;}
	#floating-menu {padding: 0;}
}
@media screen and (max-width: 680px) { 
	.clmn.c1of3 { width: 100%; float: none; text-align: center; }
	.footer-subscription iframe { max-width: 300px; }
	.unslider img {width: 680px;}
}
@media only screen and (max-width : 559px) {

	#header_top .actions { width: auto; }
	.mobile-nav-container { width: 75%; }
	#header_top .mobile-nav-button.opened { left: 75%;}
	.mobile-nav-button i { margin: 0; }


	body.body-front-home { background-image: none;}

	.fourproducts-ie { border-top: 1px solid #ccc; }
	.fourproducts-ie .product {
		padding: 10px;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #ccc;
		text-align: left;
		box-sizing: border-box;
		height: auto;
	}
	
	.product .image-wrap img {
		width: 100px;
		height: auto;
		float: left;
		border: 1px solid #ccc;
		padding: 3px;
		border-radius: 3px;
		margin: 0 8px 0 0;
		background: #fff;
	}
	.product img.main { *display: none; }
	.product-name {
		font-size: 17px;
		font-weight: bold;
	}
	.product-instock-mini {
		font-size: 16px;
		padding: 6px 0;
	}
	.price-group {
		font-size: 16px;
	}
	.fourproducts-ie-home .product .image-wrap { margin: 0; width: 110px; height: 110px; float: left; }
	.product .image-wrap {
		height: 110px;
		position: relative;
		float: left;
		width: 110px;
	}
	.pngfix {
		display: none !important;
	}
	.attr-wrap {
		padding: 15px 15px 0;
		box-sizing: border-box;
	}
	.attr-wrap.qty {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.button-wrap {
		width: 100%;
		box-sizing: border-box;
		padding: 15px 15px 0;
	}
	.attr-label {
		width: 20%;
	}
	.attr-select {
		width: 80%;
	}
	.attr-select select {
		width: 100%;
	}
	button.ui-state-default.ui-corner-all {
		float: none !important;
	}

	button.ui-state-default.ui-corner-all {
		float: none !important;
	}


	.checkout-table thead,.checkout-table tfoot  {
		display: none;
	}
	.checkout-item {
		overflow: hidden;
	}
	.checkout-table td:first-child {
		display: block;
	}
	.checkout-table td {
		border-bottom: none !important;
		text-align: left;
	}
	.checkout-table tr {
		display: block;
		border-bottom: 1px solid #E8E8E8;
	}
	.checkout-table tr:last-child {
		border: none;
	}
	.checkout-table td, .checkout-table th {
		*border-right: none;
	}
	.checkout-summ {
		display: block;
		background: #F4F4F4;
		border: 1px solid #E8E8E8;
		margin: 0 0 10px;
		text-align: right;
		border-radius: 3px;
		color: #000;
	}
	.checkout-summ:after {
		content: '';
		display: block;
		clear: both;
	}
	.summ-left, .summ-right {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
	}
	.summ-left {
		border-right: 1px solid #E8E8E8;
	}	
	.table-user-information td {
		display: block;
		border: none !important;
		padding: 0 !important;
		margin: 0;
	}
	.table-user-information tr {
		padding: 1px 0 ;
		display: block;
	}
	.steps-checkout {
		padding: 0px 20px ;
	}

	/* */
	.sportlic_grid .grid_row .grid_1of4 { width: 50%; }



	.threeproducts-ie { width: 100%; }
	.product.thumbs { height: 100%; width: 100%; margin-left: 0; height: auto!important; padding-left: 0; }
	.image-wrap { height: 135px!important; margin-top: 10px;}
.cartbg {display: none;}
#header_cart .cart {border: none;}
.account {padding-right: 10px;}
.actions .cart-account-wrapper .account {min-width: 40px;}
#header_top .search-wrap-mobile input.search-input {width: 88%}
.myacc input {width: 100%}
}
/* Smartphones (portrait) */
@media only screen and (max-width : 480px) {
	/*.product div, .product a { margin: 0 auto; }*/
	#head1 .actions div.header-email { width: 60%; }
	#head1 .actions div.header-links1 { width: 40%; }
	.mobile-nav-button { width: 22%; font-size: 16px; }
	.home-row {text-align: center;}
	.home-col-1 { width: 60%; margin: 5px auto; float: none; display: inline-block; }
	.small-banners .home-col-1 {border-right: none!important; border-bottom:1px solid #ccc; min-height: initial;}
	.footer-wrapper img{
		float: none !important;
		display: block;
		margin: 13px auto 13px;
	}
	.footer-wrapper ul{ margin-left: 15px; }

	.banner-bottom div { padding: 0; }
	.sportlic_grid .football {background-size: 100%;}
	.sportlic_grid .basketball {background-size: 100%;}
	.sportlic_grid .volleyball {background-size: 100%;}
	.sportlic_grid .handball {background-size: 100%;}
	.sportlic_grid .sprint {background-size: 100%;}
	.sportlic_grid .fitness {background-size: 100%;}
	.sportlic_grid .fitness {background-size: 100%;}
	.sportlic_grid .swimming {background-size: 100%;}
	.sportlic_grid .tennis {background-size: 100%;}
}
@media only screen and (max-width : 400px) {
	.ui-dialog .ui-dialog-content { height: 200px!important; }
	#head1 .actions span.email-caption { display: none; }
	#head1 .actions div.header-email { margin-top: 8px; }
	#head1 .actions span.email { font-size: 15px; }
	.mobile-nav-button { font-size: 13px; width: 24%; }
	.mobile-nav-button i { margin: 0 1px 0 0; font-size: 18px; top:1px; }

	.mobile-nav-container { width: 70%; }
	#header_top .mobile-nav-button.opened { left: 70%;}

	#header_top .actions .search-wrap { width: 90%; }
	#header_top .actions .search-wrap input.search-input { width: 85%; }

	.home-slider { min-height: 160px; }
	.home-col-1 {width: 100%;}

	#footer {padding: 5px 10px;}


	.sportlic_grid .grid_row .grid_1of4 { width: 100%; }
	div.fb-like {display: none;}
}
@media only screen and (max-width : 320px) {

	/*.jcarousel-skin-tango #products ul li.jcarousel-item div { width:200px!important; }*/
	/*.mobile-nav-button { font-size: 16px; }*/


}