@import url(http://fonts.googleapis.com/css?family=Roboto:400,900,700,500,300,100);

html{color:#000;width:100%; height:100%; overflow-x:hidden;}
*{outline:none; list-style:none; -o-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; color:#000;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;} 
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

h1 {
  font-size: 2.244em;
  line-height: 1.387em;
}
h2 {
  font-size: 1.618em;
  line-height: 1.387em;
}
h3 {
  font-size: 1.387em;
}
h4 {
  font-size: 1em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.857em;
}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
article, aside, figure, footer, header, nav, section {display: block; margin: 0; padding: 0;} 
body {margin: 0px; padding: 0px; text-align: left; font-family: 'Roboto', 'sans-serif'; font-size:14px; line-height:normal;-o-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out;}
.relative{position:relative;}
.left{float:left;}
.right{float:right;}
.block{display:block;}
td{vertical-align:text-bottom;} 
img:hover{opacity:.9;}
.clr{clear:both;}
a[href^='tel']{pointer-events:none;}
.container{width:1180px; margin:0 auto;}
.clearfix{clear:both;}
a:hover{color:#2b9846;}
/************************************Page Fall Starts************************************************************/

/**Top Strip**/
.topStrip{background:#fff; border-bottom:1px solid #ccc; float:left; width:100%;}
.topStrip .left {white-space:nowrap;}
.topStrip .left ul{white-space:nowrap; float:left;}
.topStrip .left li{float:left; display:block; margin-right:50px;}
.topStrip .left li img{float:left; margin:4px 10px 0 0;}
.topStrip .left li a{display:block; padding:3px 0 5px; text-decoration:none;}
.topStrip .left li a:hover strong, .topStrip .left li a:hover p{color:#2b9846;}
.topStrip .left li a:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease;}
.topStrip .left li p{font-size:13px; color:#666; line-height:16px; white-space:nowrap; margin-left:30px;}
.topStrip .left li p strong{display:block; font-size:14px; white-space:nowrap; text-transform:uppercase; color:#ff7800; font-weight:700}


.topStrip .right ul{float:right; border-right:1px solid #ccc;}
.topStrip .right ul li{float:left; border-left:1px solid #ccc; line-height:40px;}
.topStrip .right ul li a{color:#666; text-decoration:none; padding:0 15px; display:block;}
.topStrip .right ul li a:hover{color:#fff; background:#2b9846;}


/**Header**/
header{background:rgba(255,255,255,.9); position:absolute; left:0; top:41px; width:100%; z-index:9; box-shadow:0 2px 2px rgba(0,0,0,.3); -o-transition:0s; -moz-transition:0s; -webkit-transition:0s;}
header .logo{float:left; margin:8px 0 7px; }
header .logo img{float:left;}

header.sticky{position:fixed; top:0; -o-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out;}
header.sticky .logo{margin:3px 0;}
header.sticky .logo img{height:46px; width:auto;}
header.sticky nav{margin-top:0;}


header nav{float:right; text-align:right; margin-top:20px;}
.menuIcon{display:none;}
header nav ul{float:left; display:inline-block; border-right:1px solid #ccc;}
header nav ul li{float:left; display:inline-block;font-size:16px; text-transform:uppercase; font-weight:300;}
header nav ul li a{color:#000; text-decoration:none; padding:10px 20px; display:block; line-height:32px;font-weight: 300;}
header nav ul li a:hover{color:#fff; background:#2b9846;}

header nav ul.menu .sub-menu{position:absolute; left:0; top:80%; height:0; overflow:hidden; background:#2b9846; min-width:200px; z-index:9; opacity:0}
header nav ul.menu li:hover .sub-menu{height:auto; overflow:hidden; top:100%; opacity:1;}
header nav ul.menu .sub-menu li{float:none; border-bottom:1px solid rgba(255,255,255,.1); box-shadow:0 1px 0 rgba(0,0,0,.1); display:block; clear:both; text-align:left;}
header nav ul.menu .sub-menu li a{color:#fff;}
header nav ul.menu .sub-menu li:hover a{background:#ff7800;}

header nav ul.sub-menu .sub-menu{position:absolute; left:40%; top:80%; height:0; overflow:hidden; background:#2b9846; min-width:300px; z-index:9; opacity:0}
header nav ul.sub-menu li:hover .sub-menu{height:auto; overflow:hidden; top:0; opacity:1;}
header nav ul.sub-menu .sub-menu li{float:none; border-bottom:1px solid rgba(255,255,255,.1); box-shadow:0 1px 0 rgba(0,0,0,.1); display:block; clear:both; text-align:left;}
header nav ul.sub-menu .sub-menu li a{color:#fff;}
header nav ul.sub-menu .sub-menu li:hover a{background:#ff7800;}

header .search{display:inline-block; float:left; margin:0px 0px; white-space:nowrap; border-right:1px solid #ccc;}
header .search a{padding:10px 20px; display:block;}
header .search a:hover{background:#ccc;}
header .search aside{display:none; position:absolute; padding:0 2%; top:0; white-space:nowrap; width:100%; right:0; background:#fff; -o-transition:0s ease-in-out; -moz-transition:0s ease-in-out; -webkit-transition:0s ease-in-out;}
header .search aside input[type=text]{padding:0 10px; font-size:24px; font-weight:300; float:left; display:inline-block; border:none; height:92px; width:75%; color:#999; font-weight:100;box-shadow:none;background: none;}
header .search aside input[type=text]:focus{color:#000}
header .search aside span.close{font-size:36px; color:#999; font-weight:100; line-height:92px; display:block; float:right; cursor:pointer;}
header .search aside span.close:hover{color:#000;}

header .cart{display:inline-block; float:left;}
header .cart a{display:block; background:url(../images/cart-main.png) 20px 14px no-repeat; padding:0 20px 0 60px; line-height:52px; border-right:1px solid #ccc; color:#ff7800; text-decoration:none; font-size:18px; font-weight:900;}
header .cart a:hover{color:#777;}

.closeMenu{display:none;}


/**Banner**/
#banner{float:left; width:100%;}
#banner .slides li figure{position:absolute; z-index:2; left:10%; top:35%; font-size:30px; font-weight:500; width:350px;}
#banner .slides li figure p{margin-bottom:10px;}
#banner .slides li figure figcaption{margin-bottom:20px; display:block;}
#banner .slides li figure strong{font-weight:900;}
#banner .slides li p a{display:inline-block; background:#ff7800; border:1px solid #ff7800; box-shadow:inset 0 0 0 1px #fff; -moz-box-shadow:inset 0 0 0 1px #fff; -webkit-box-shadow:inset 0 0 0 1px #fff; color:#fff; text-decoration:none; text-transform:uppercase; padding:10px 20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#banner .slides li p a:hover{background:#2b9846; border-color:#2b9846;}


.flexslider {float:left; width:100%; height:auto; position:relative}
.flexslider .slides li{display:none; position:relative;}
.flexslider .slides li > img{width:100%; height:auto; float:left;} 
.flex-direction-nav{position:absolute; width:100%; left:0; top:50%; height:1}
.flex-direction-nav li{float:left; width:50%; height:1px; position:relative}
.flex-direction-nav li a{background:url(../images/slider-arrows.png) 0 0 no-repeat; height:35px; width:25px; position:
absolute; display:block; top:0; margin-top:-17px; opacity:.1;}
.flex-direction-nav li a.flex-prev{left:3%;}
.flex-direction-nav li a.flex-next{right:3%; background-position:100% 0}
.flexslider:hover a.flex-prev{left:5%;}
.flexslider:hover a.flex-next{right:5%;}
.flexslider:hover .flex-direction-nav li a{opacity:.5;}
.flex-direction-nav li a:hover{opacity:1 !important;}


/**Sale Section**/
.sale{float:left; width:100%; padding:20px 0;}
.sale h2{background:url(../images/dot.jpg) 0 center repeat-x; font-size:24px; font-weight:400; text-align:center}
.sale h2 span{display:inline-block; background:#fff; padding:0 20px; text-transform:uppercase;}

.sale ul{margin-top:50px;}
.sale ul li{float:left; width:33.33%; text-align:center; padding:0 20px;}
.sale ul li a{background:#34b955; border-bottom:5px solid #288e41; display:block; color:#fff; position:relative; text-decoration:none;}
.sale ul li a:hover{background:#ff7800; border-color:#df6900;}
.sale ul li a p{color:#fff; padding:30px 20px 30px 120px; font-weight:300; font-size:24px; text-transform:uppercase;}
.sale ul li a p strong{display:block; font-weight:900;}
.eemail_widget h3{display: none}


@-webkit-keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-moz-keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-o-keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
.sale ul li.gloves{padding:0 40px 0 0;}
.sale ul li.gloves a span{position:absolute; left:10px; bottom:-5px; z-index:1; opacity:.4; -webkit-animation:shadowGloves 2s infinite;   -moz-animation:shadowGloves 2s infinite; -o-animation:shadowGloves 2s infinite; animation:shadowGloves 2s infinite}


@-webkit-keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-moz-keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-o-keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
.sale ul li.clubs a span{position:absolute; left:10px; bottom:-5px; z-index:1; opacity:.5; -webkit-animation:shadowClubs 2s infinite;   -moz-animation:shadowClubs 2s infinite; -o-animation:shadowClubs 2s infinite; animation:shadowClubs 2s infinite}


@-webkit-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@-moz-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@-o-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
.sale ul li.balls{padding:0 0 0 40px;}
.sale ul li.balls a span{position:absolute; left:11px; bottom:0px; z-index:1; opacity:.4; -webkit-animation:shadowballs 2s infinite;   -moz-animation:shadowballs 2s infinite; -o-animation:shadowballs 2s infinite; animation:shadowballs 2s infinite}

@-webkit-keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
@-moz-keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
@-o-keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
@keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
.sale ul li a > img{float:left; position:absolute; left:20px; top:-50px; z-index:2; -webkit-animation:proTween 2s infinite;   -moz-animation:proTween 2s infinite; -o-animation:proTween 2s infinite; animation:proTween 2s infinite}

.sale ul li a img:hover{opacity:1;}

/**Best Sellers**/
.bestSeller{background:#f9f9f9; float:left; width:100%; margin-top:10px; padding:20px 0}
.bestSeller h1{text-align:center; font-weight:300; font-size:24px; margin-bottom:15px;}
.bestSeller h3{background:url(../images/dot.jpg) 0 center repeat-x; font-size:24px; font-weight:400; text-align:center; margin-bottom:5px;}
.bestSeller h3 span{display:inline-block; background:#f9f9f9; padding:0 20px; text-transform:uppercase;}
.bestSeller p{text-align:center;}
.bestSeller p a{color:#333; text-transform:uppercase; font-size:14px; color:#000; text-decoration:underline;}
.bestSeller p a:hover{color:#2b9846; text-decoration:none;}

#bestSlider{margin-top:20px;}
#bestSlider .slides li:hover{background:#ff7800;}
#bestSlider .slides li a{padding:10px; display:block; text-decoration:none;}
#bestSlider .slides li .picWrap{background:#fff; text-align:center; margin-bottom:10px;}
#bestSlider .slides li .picWrap img{border:1px solid #ccc; margin:15px 15px 10px;}
#bestSlider .slides li h3{font-size:16px; background:none; color:#000; font-weight:700;}
#bestSlider .slides li figure{text-align:center; color:#000;}
#bestSlider .slides li figure figcaption{border-left:1px solid #ccc; margin-left:10px; padding-left:10px; vertical-align:-2px;}
[class^="starp"], [class*=" starp"]{background:url(../images/rating.png) 10px 0 no-repeat; width:81px; height:14px; display:inline-block;}
.starp1{background-position:10px -64px;}
.starp2{background-position:10px -42px;}
.starp3{background-position:10px -28px;}
.starp4{background-position:10px -14px;}
.starp5{background-position:10px 0px;}
  

/**Other Offers**/
.offers{float:left; width:100%; padding:20px 0;}
.offers li{float:right; width:49.5%;}
.offers li:first-child{float:left;}
.offers li img{width:auto; height:auto; max-width:100%;}
.offers li img:hover{opacity:.5;}

/**Footer**/
footer{float:left; width:100%; height:auto;border-top:1px solid #ccc; padding:10px 0 60px;}
footer ul.ctas li{float:left; width:33.33% ; text-align:center; margin-bottom:0px;}
footer ul.ctas li > img{margin-bottom:10px;}
footer ul.ctas li p{font-size:11px; text-transform:uppercase; text-align:center; letter-spacing:2px; color:#666; margin-bottom:15px;}
footer ul.ctas li p a{letter-spacing:0px; font-size:13px; font-weight:700; color:#000; text-decoration:none; text-transform:none;}
footer ul.ctas li .signup{background:#fff; border:1px solid #ccc; padding-right:10px; display:inline-block; width:80%}
footer ul.ctas li .signup input[type=text]{float:left; width:80%; font-size:12px; font-weight:300; color:#999; padding:8px 10px; border:none;background:none;box-shadow:none;}
footer ul.ctas li .signup input[type=text]:focus{color:#000;}
footer ul.ctas li .signup input[type=submit]{background:url(../images/black-tick.png) center no-repeat; border:none; cursor:pointer; width:17px; float:right; height:35px;box-shadow:none;line-height:none;margin: 0 0 0 0;padding: 0 0 0 0;}
footer ul.ctas li .signup input[type=submit]:hover{opacity:.5;box-shadow:none;}

footer ul.ctas li p > img{margin:6px 3px 0;}
footer ul.ctas li p > img:hover{opacity:.5; cursor:url(../images/black-tick.png);}


footer .fixed{position:fixed; left:0; bottom:0; width:100%; background:#fff; border-top:1px solid #ccc; text-align:center; padding:10px 20px; font-size:12px; z-index:9;-o-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out;}

footer .fixed .copyright{float:left; line-height:30px;}
footer .fixed .copyright a{color:#666; text-decoration:none; margin:0 5px;}
footer .fixed .copyright a:hover{color:#2b9846; text-decoration:underline;}

footer .fixed .social{float:right; font-size:20px; color:#999;}
footer .fixed .social a{color:#666; text-decoration:none;}
footer .fixed .social a:hover{font-weight:100;}
footer .fixed .social [class^="icon-"], footer .fixed .social [class*=" icon-"]{padding:5px; display:inline-block; margin-left:5px;}
footer .fixed .social .icon-facebook:hover{color:#fff; background:#006;}
footer .fixed .social .icon-twitter:hover{color:#fff; background:#099;}
footer .fixed .social .icon-googleplus:hover{color:#fff; background:#F30;}
footer .fixed .social .icon-pinterest:hover{color:#fff; background:#FD024E;}
footer .fixed .social .icon-instagram:hover{color:#fff; background:#960;}
footer .fixed .social .icon-youtube:hover{color:#fff; background:#f00;}

#main .product{margin-top:25px }
#content #main .product{padding:0 0;}

@media screen and (max-width:1200px){
.container{width:980px;}
.sale ul li.gloves{padding:0 20px 0 0;}	
.sale ul li.clubs{padding:0 10px;}	
.sale ul li.balls{padding:0 0 0 20px;}	
}

@media screen and (max-width:1024px){
.container{width:748px;}
header.sticky.mobileHeader{left:-250px;}
.topStrip .left li{margin-right:0px; border-left:1px solid #ccc; padding:0 13px;}
.topStrip .left li img{display:none;}
.topStrip .left li p{margin-left:0;}
nav.active{position:relative;}
.mobile{position:fixed; right:-250px; z-index:99; background:#000; top:0; width:250px; height:100%; overflow:auto}
body.open{position:absolute; -o-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out;}
nav.active .mobile{right:0px; border-left:3px solid #000; background:rgba(0,0,0,.1)}
header nav.active ul{float:none; display:block; text-align:left;}
header nav.active ul li{float:none; display:block; text-align:left; border-bottom:1px solid #ccc;}
header .cart{float:none; text-align:left; display:block; border-bottom:1px solid #ccc;}
header .cart a:hover{background-color:#2b9846; color:#fff;}
header .search{display:none;}
.menuIcon{display:block; background:#ff7800 url(../images/menu_icon.png) center no-repeat; text-indent:-999em; width:36px; height:30px; border-radius:2px; cursor:pointer; border:1px solid #da6700; margin-top:10px;}
.menuIcon.active{background:#cf2061 url(../images/menu_icon.png) center no-repeat;}
.closeMenu{display:block; background:rgba(255,255,255,.2); text-align:left; padding:10px; text-align:center; letter-spacing:2px; border-bottom:1px solid #ccc; cursor:pointer}
.closeMenu:hover{background:rgba(255,255,255,.8)}
footer{padding-bottom:50px;}
footer ul.ctas{text-align:center;}
footer ul.ctas li{width:49%; float:none; vertical-align:top; margin-bottom:20px; display:inline-block;}
footer ul.ctas li:last-child{width:100%; border-top:1px solid #ccc; padding:20px 0 10px; margin-bottom:0;}
footer .fixed {padding:0; z-index:8;}
footer .fixed.mobilefooter{left:-250px;}
footer .fixed .copyright{border-bottom:1px solid #ccc;}
footer .fixed .copyright, footer .fixed .social{float:none; text-align:center;}
}

@media screen and (max-width:1024px) and (min-width:641px){
.sale ul li a p{padding:125px 10px 30px; text-align:center}
@-webkit-keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
@-moz-keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
@-o-keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
@keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
.sale ul li.gloves a > img{left:50%; margin-left:-53px;}
.sale ul li.gloves a span{left:50%; margin-left:-62px; top:90px;}

@-webkit-keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@-moz-keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@-o-keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
.sale ul li.clubs a > img{left:50%; margin-left:-55px;}
.sale ul li.clubs a span{left:50%; margin-left:-70px; top:87px;}

@-webkit-keyframes shadowballs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@-moz-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@-o-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
.sale ul li.balls a > img{left:50%; margin-left:-40px;}
.sale ul li.balls a span{left:50%; margin-left:-49px; top:87px;}
}


@media screen and (max-width:768px){
.container{width:620px;}	
.topStrip .left{display:none;}
header{position:static;}
#banner .slides li figure{width:100%; left:0; top:20%; text-align:center}
}

@media screen and (max-width:640px){
.container{width:480px;}	
#banner .slides li figure{font-size:24px;}
.flex-direction-nav li a{opacity:1;}
.sale ul li{width:100%;}
@-webkit-keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-moz-keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-o-keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@keyframes shadowGloves{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
.sale ul li.gloves{padding:0 40px 0 0;}
.sale ul li.gloves a span{position:absolute; left:10px; bottom:-5px; z-index:1; opacity:.4; -webkit-animation:shadowGloves 2s infinite;   -moz-animation:shadowGloves 2s infinite; -o-animation:shadowGloves 2s infinite; animation:shadowGloves 2s infinite}


@-webkit-keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-moz-keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@-o-keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
@keyframes shadowClubs{0%{bottom:-5px;}50%{bottom:-10px; left:10px; opacity:.4; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:-5px;}}
.sale ul li.clubs a span{position:absolute; left:10px; bottom:-5px; z-index:1; opacity:.5; -webkit-animation:shadowClubs 2s infinite;   -moz-animation:shadowClubs 2s infinite; -o-animation:shadowClubs 2s infinite; animation:shadowClubs 2s infinite}


@-webkit-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@-moz-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@-o-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
.sale ul li.balls{padding:0 0 0 40px;}
.sale ul li.balls a span{position:absolute; left:11px; bottom:0px; z-index:1; opacity:.4; -webkit-animation:shadowballs 2s infinite;   -moz-animation:shadowballs 2s infinite; -o-animation:shadowballs 2s infinite; animation:shadowballs 2s infinite}

@-webkit-keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
@-moz-keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
@-o-keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
@keyframes proTween{0%{top:-50px;}50%{top:-55px; }100%{top:-50px;}}
.sale ul li a > img{float:left; position:absolute; left:20px; top:-50px; z-index:2; -webkit-animation:proTween 2s infinite;   -moz-animation:proTween 2s infinite; -o-animation:proTween 2s infinite; animation:proTween 2s infinite}
.sale ul li{padding:0 0px !important; margin-bottom:60px;}
.sale ul li:last-child{margin-bottom:0 ;}
.offers li{width:100%; margin-bottom:10px;}
footer ul.ctas li:last-child{padding:0;}


footer ul.ctas li{width:100%; border-bottom:1px solid #ccc; margin:10px 0;}
footer ul.ctas li .signup{margin-bottom:10px;}
footer{padding-bottom:0;}
footer .fixed .social{padding:10px 0;}
footer ul.ctas li:last-child{border:none;}
footer .fixed{position:static;}
}

@media screen and (max-width:480px){
.container{width:auto; padding:0 15px;}	

.sale ul li a p{padding:125px 10px 30px; text-align:center}
@-webkit-keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
@-moz-keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
@-o-keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
@keyframes shadowGloves{0%{top:90px;}50%{top:85px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:90px;}}
.sale ul li.gloves a > img{left:50%; margin-left:-53px;}
.sale ul li.gloves a span{left:50%; margin-left:-62px; top:90px;}

@-webkit-keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@-moz-keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@-o-keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@keyframes shadowClubs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
.sale ul li.clubs a > img{left:50%; margin-left:-55px;}
.sale ul li.clubs a span{left:50%; margin-left:-70px; top:87px;}

@-webkit-keyframes shadowballs{0%{top:87px;}50%{top:82px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{top:87px;}}
@-moz-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@-o-keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
@keyframes shadowballs{0%{bottom:0px;}50%{bottom:-7px; left:13px; opacity:.2; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8)}100%{bottom:0px;}}
.sale ul li.balls a > img{left:50%; margin-left:-40px;}
.sale ul li.balls a span{left:50%; margin-left:-49px; top:87px;}
}