/***

 * --- --- --- --- --- 
 * JD Sports Fashion plc
 * IBM WebSphere Commerce Platform
 * Adnan
 * --- --- --- --- ---
 * #RUGBY 6 NATIONS
 * --- --- --- --- ---

***/
.wrapper{text-align: center; max-width: 70%; margin: 0 auto; position: relative;padding-top: 1%;}

.shopByCategory__content{width: 44%;float: left;}
.shopByCategory__images{margin-top: 3px; margin-bottom: 20px; }
.shopByCategory__images.open{display: inline-block;}
.shopByCategory__image{ width: 12%; position: relative;float: left; margin-left: 10px;}
.shopByCategory__image img{max-width: 100%;}
.shopByCategory__image__overlay{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 99%; background-color: rgba(0, 0, 0, 0.7);}
.shopByCategory__image:hover .shopByCategory__image__overlay{display: flex; flex-direction: column; justify-content: center;}
.shopByCategory__image__overlay h3{font-size: 20px; color: #fff;}
.shopByCategory__image a{display: block; border: 1px solid #fff; width: 60%; margin: 0 auto; margin-top: 14px; font-weight: bolder; padding: 8px 0; color: #ffffff;}
.shopByCategory__content h2{margin-top: 5%;font-weight: 900;font-size: 50px;text-align: left;}
.shopByCategory__content p{font-weight: bold;  font-size: 15px; text-align: left;}



#pagesRugby {width:100%;max-width:100%!important;padding: 0;margin:0 auto;}
#rugby-container {display:block;height:auto;font-family:'Gotham A', 'Gotham B', sans-serif !important;}
#rugby-side-bar {width:20%;height:100%;display:block;box-sizing:border-box;padding:20px;float:left;}

#side-menu {color:#fff;display:block;}
#side-menu .nav-section {/*font-family: "Gotham Cond A", "Gotham Cond B";font-style: normal;font-weight: 400;*/font-size:16px;cursor:pointer;margin:0 0 5% 10%;font-weight:bold;}
.menu-trigger {color: #fff;margin: 0 0 6% 15%;display: block;font-size: 16px;text-decoration:none;}
.sub-nav {margin: 0 0 10% 15%;display:none;}
.sub-nav li a {color:#ddd;margin-bottom:1%;text-decoration:none;display:block;font-size:14px;}
.sub-nav li a:hover {text-decoration:underline;}

#rugby-content {float:right;box-sizing:border-box;width:100%;height:auto;background:#fff;}
.rugby-cta-white {display: block;position: absolute;font-size: 20px;font-weight: bold; width: 250px;text-transform: uppercase;bottom: 25px;right: 5%;background: white;padding: 8px 25px;font-family:'Gotham A', 'Gotham B', sans-serif !important;font-style: normal;color: #2e2e2e;text-align:center;font-size:16px;min-width:100px;}
.rugby-cta-black {display: block;position: absolute;font-size: 20px;font-weight: bold; width: 250px;text-transform: uppercase;bottom: 25px;right: 200px;background: black;padding: 8px 25px;font-family:'Gotham A', 'Gotham B', sans-serif !important;font-style: normal;color: white;text-align:center;font-size:16px;min-width:100px;}
.clear{display:block;clear:both;width:100%;height:1px;}
#boot-finder,#shirt-finder {background:#fff;display:block;width:100%;height:auto;position:relative;text-align:center;padding: 20px 0 30px 0;}
#boot-tabs,#shirt-tabs {display: block;width: 100%;padding: 0;margin: 0 0 20px;position: relative;font-family:'Gotham A', 'Gotham B', sans-serif !important;font-style: normal;font-weight: 400;}
#boot-tabs li,#shirt-tabs li {display:inline-block;margin:0 25px;font-size:24px;}
#boot-tabs li a,#shirt-tabs li a {color:#2e2e2e;text-decoration:none;}
.activeTab {text-decoration:underline!important;}
#boot-finder h2,#shirt-finder h2 {font-size:30px;text-transform:uppercase;margin:0 0 16px 0;font-family:'Gotham A', 'Gotham B', sans-serif !important;font-style: normal;font-weight: 600;}
#double-banner h2 {font-size:30px;text-transform:uppercase;margin:0 0 16px 0;font-family:'Gotham A', 'Gotham B', sans-serif !important;font-style: normal;font-weight: 600;}
#double-banner {background:#fff;display:block;width:100%;height:auto;position:relative;text-align:center;padding: 20px 0 30px 0;float:left;}
#double-bannerfooter {background:#fff;display:block;width: 51%;height:auto;position:relative;text-align:center;padding: 20px 0 30px 0;float:left; left: 25%;}

/* New CSS 03.02.2017*/

.slide {
	position: relative;
    text-align: center;
}
.clearfix {
		clear: both;
	}

	#two-img img {
		max-width: 100%;

	}

	*{
		box-sizing: border-box;
	}

	#two-img {
		width: 85%;
		margin: 0 auto;
		position: relative;
	}

	#two-img a {
		text-decoration: none;
		color: #fff;
		display: block;
	}

	#two-img .middle-spot {
		width: 50%;
		float: left;
		position: relative;
	}

	#two-img .item-text {
		position: absolute;
		top: 36%;
		left: 9%;
		width: 50%;
		font-family: 'Gotham A', 'Gotham B', sans-serif !important;
		font-size: 17px;
	}
	#two-img .item-text h2 {
		font-size: 31px; 
	}

	#two-img .rugby-cta-black {
	    display: block;
	    position: absolute;
	    font-size: 20px;
	    font-weight: bold;
	    width: 146px;
	    text-transform: uppercase;
	    bottom: 25px;
	    right: 25px;
	    background: black;
	    padding: 8px 25px;
	    font-family: 'Gotham A', 'Gotham B', sans-serif !important;
	    font-style: normal;
	    color: white;
	    text-align: center;
	    font-size: 16px;
	    min-width: 100px;
	}

.rugby-logo {position:relative;width:60%;height:auto;margin:0 20% 20%;}
#rugby-slider a{display: inline-block;}
.crossedOut {text-decoration:line-through;}
.offerText {color:red;}
img.brand-logo {height: 30px;margin: 19px auto;}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); }
.shirt-slide .footwear-personalise{border: 1px solid #e5e5e5; display: inline-block; padding: 8px 14px !important;}
#boot-scroller,.footwear-slide,#shirt-scroller,.shirt-slide {background:#fff;}
.footwear-slide a,.shirt-slide a {text-decoration:none;}
.footwear-name,.footwear-price,.footwear-personalise {margin:0!important;padding:0!important;text-decoration:none;}

.footwear-name,.shirt-name {font-size:12px!important;color:#222;font-weight:bold;padding:0 20%!important;z-index:5;position:relative;}
.footwear-price,.footwear-personalise,.shirt-price,.shirt-personalise {font-size:16px!important;color:#222;font-weight:normal;}
.footwear-price,shirt-price {margin-bottom:25px!important;font-size: 11px !important;}

#rugby-fixtures {width: 62%;float: left;box-sizing: border-box;padding: 2%;text-align: center;}
.fixtures-slide,.fixture {width:100%;height:auto;display:block;box-sizing:border-box;}
.fixture {clear:both;margin-bottom:15px;float:left;}
.fixtures-slide .fixture-logo,.fixtures-slide .fixture-info {float:left;position:relative;box-sizing:border-box;display:block;}
.fixtures-slide .fixture-logo {width:20%;height:auto;}
.fixtures-slide .fixture-info {width:60%;height:auto;}
.fixture-info {padding: 2%;display: block;font-size: 1.2em;}
.fixture-teams {width: 100%;height: auto;font-weight: bold;float: left;clear: both;}
.fixture-location {width: 100%;height: auto;font-weight: normal;float: left;clear: both;}
.fixture-date {width: 100%;height: auto;font-weight: normal;float: left;clear: both;}
.fixture-time {width: 100%;height: auto;font-weight: normal;float: left;clear: both;}

#rugby-twitter {width:33%;float:left;box-sizing:border-box;padding:2%;display:table;font-size:1.2em;}
#rugby-twitter ul li {float:left;clear:both;margin:4% 0;}
#rugby-twitter ul li a img {float: left;margin-right: 4%;}
#rugby-blog-entries {width:33%;float:left;box-sizing:border-box;}

#middle-spots {float:left;clear:both;margin:0;padding:0;position:relative;display:block;}
#middle-spots .spot {float:left;display:block; margin-right:2%;margin-bottom:2%;}
#middle-spots .last {margin-right:0!important;}
#middle-spot- .single {width:32%;height:auto;display:block;position:relative;}
#middle-spots .double {width:66%;height:auto;display:block;position:relative;}
#middle-spots .single img,#middle-spots .double img {width:100%;height:auto;}

.rugby-overlay {display:none;width:100%;height:99.5%;box-sizing:border-box;padding:6%;color:#fff;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);}
.rugby-overlay h3 {font-size:20px;margin: 0 0 8px 0;}
.rugby-overlay p {font-size:15px;}
.overlay-txt {position:absolute;width:88%;height:auto;display:block;bottom:6%;left:6%;}

		/* TEMP STYLES: REMOVE WHEN BLOG ELEMENTS ARE AVAILABLE START */
		#rugby-blog-entries img {width:80%;margin:0 auto;height:auto;display:block;}
		/* TEMP STYLES: REMOVE WHEN BLOG ELEMENTS ARE AVAILABLE END */

/*.bx-viewport:first-child {background: #f3f3f3!important;}*/

.GothamCondensed {font-family: "Gotham Cond A", "Gotham Cond B";font-style: normal;font-weight: 400;}
.GothamCondensedBold {font-family: "Gotham Cond A", "Gotham Cond B";font-style: normal;font-weight: 600;}
.h2condensed {font-size:30px!important;/*font-family: "Gotham Cond A", "Gotham Cond B";*/font-style: normal;font-weight: 600;}
.tweets_txt {padding-left:20%;}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  .fixtures-info {padding: 0 1%;display: block;font-size: 0.8em;}
	  #rugby-twitter {width:33%;float:left;box-sizing:border-box;padding:2%;display:table;font-size:0.9em;}
	  #rugby-twitter ul li:last-child {display:none;}

	  .shopByCategory__content p {    font-weight: normal;  font-size: 13px;}
	  .shopByCategory__content h2 {    font-size: 30px;}


}

@media only screen and (max-width: 1399px) and (min-width: 1025px){
    .wrapper {
        max-width: 86%;
    }
    .shopByCategory__image h2{
        margin-top: 15%;
    }
    .rugby-cta-white{
        right: 20px;
    }


}