/*styles*/
@font-face {
	font-family: 'InterRegular';
	src:url('../fonts/InterRegular.ttf')  format('truetype');
}
@font-face {
	font-family: 'InterstateLight';
	src:url('../fonts/InterstateLight.ttf')  format('truetype');
}
@font-face {
	font-family: 'InterBold';
	src:url('../fonts/InterBold.ttf')  format('truetype');
}
@font-face {
	font-family: 'InterstateCondensed-Bold_24162';
	src:url('../fonts/InterstateCondensed-Bold_24162.ttf')  format('truetype');
}

h1 {
	font-size:2.5em;
	font-family:'InterBold';
}
h6 {
	font-size:2em;
	font-family:'Interstatelight';
}
h7{
	font-size:35px;
	color:#ac162c;
	font-family:'InterBold';
}
h2 {
	font-size:2em;
	font-family:'InterBold';
}
h3 {
	font-size:1em;
	font-family:'InterBold';
	
}
h4{
	font-size:20px;
	font-family:'InterstateLight';
}
h5{
	font-size:1em;
	font-family:'InterstateLight';
	color:white;
}
p {
	font-family:'InterRegular';
}

p a{
	color:#000;
}

a{
	color:#fff;
}
a:hover{
	color:#b1152a;
	text-decoration:none;
}

.tennis{
	color:#fff;
	font-size:1.1em;
	font-family: 'InterstateCondensed-Bold_24162';
	padding:2px;
}


.container {
  max-width: 600px;
}
.row{
	margin-left:0px;
	margin-right:0px;;
}
.col-12{
	padding-right:0px;
	padding-left:0px;
}

.spaceontop{
	padding-top:2%;
}

.texts{
	text-align:center;
	font-size:1em;
}

.shop{
	background-color:#a51427;
	border:none;
	color:#fff;
	width:190px;
	height:40px;
}
.shop a{
	color:#fff;
	text-decoration:none;
}

img{
	max-width:100%;
}

.bold li a{
	font-family:'InterstateCondensed-Bold_24162';
	font-size:1em;
}

.shopbutton img{
	width:50px;
}

.course{
	border:none;
	background:#b1152a;
	font-family:'InterstateCondensed-Bold_24162';
	font-size:1em !important;
}
.course:hover{
	color:#000 !important;
}
	
	
/*
 * Custom translucent site header
 */
 
 
 .custmlabel{
	 width:100% !important;
	 margin-top:5% !important;
	 border-bottom:none !important;
	 background:#b1152a;
 }
 
 .arrow1{
	 width:15px;
	 min-height:auto !important;
	 min-width:auto !important;
 }
 
 .custmlabel a:hover{
	 color:#fff;
 }
 

#container {
  z-index: 111;
}

.logo{
	width:270px;
	padding-top:20px;
	padding-bottom:10px;
}

.navT {
  -webkit-transition: all 0.25s;
  z-index: 111;
  cursor: pointer;
  width: 100%;
  background: #fff;
  height: 125px;
  left: 0;
  top: 0;
  position: fixed;
}
.navT .icon {
  -webkit-transition: all 0.25s;
  position: absolute;
  width: 40px;
  height: 3px;
  left: 15px;
  top: 50px;
  background-color: #b1152a;
}
.navT .icon:before, .navT .icon:after {
  -webkit-transition: all 0.25s;
  width: 40px;
  height: 3px;
  left: 0;
  background: #b1152a;
  position: absolute;
  content: '';
}
.navT .icon:before {
  top: -10px;
}
.navT .icon:after {
  top: 10px;
}
/*.navT:hover {
  background: black;
}*/
.navT:hover .icon:before {
  top: -12px;
}
.navT:hover .icon:after {
  top: 12px;
}
.link-home{
	position:absolute;
	bottom:0;
	margin-bottom:4%;
	color:#fff;
}

.navT.active .icon {
  -webkit-transform: rotate(180deg);
  background-color: transparent;
  left: 10px;
}
.navT.active .icon:before, .navT.active .icon:after {
  top: 0;
}
.navT.active .icon:before {
  -webkit-transform: rotate(45deg);
}
.navT.active .icon:after {
  -webkit-transform: rotate(-45deg);
}

.red{
	background:#b1152a;
}
.red a{
	color:#fff;
	font-family:'InterBold';
	font-size:1em;
}
.red a:hover, .red a:focus{
	color:#000;
}
.redbar{
	  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.redbar li a{
	padding:.5rem 1rem;
}
.redbar li{
  border-right: 2px solid #fff;
  line-height:1px;
}

.redbar>li:last-child{
   border: none;
}

.redbarspace{
	padding:1rem;
	background-color:#b1152a;
	margin-top:20px;
	position:fixed;
	top:104px;
	z-index:110;
	width:100%;
}

.shopbutton{
	position:fixed;
	z-index:2;
	top:30%;
	width:100px;
	right:0%;
}


#menu {
  z-index: 999;
  -webkit-transition: all 0.5s;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 115px;
  font-size: 18px;
  font-family: sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  width: 100%;
  height: 0;
  border-bottom: 1px solid transparent;
  overflow: hidden;
}
#menu ul {
  list-style: none;
  padding: 0;
  letter-spacing: 0.4em;
  padding-top:4%;
}
#menu li:first-child {
  margin-top: 0;
}
#menu li {
  -webkit-transition: all 0.2s;
  color: #fff;
  border-bottom:solid 1px #fff;
  width:440px;
  margin:0 auto;
  padding:15px 5px 15px 5px;
 
}
#menu a {
  padding: 8px;
  -webkit-transition: all 0.25s;
  cursor: pointer;
}
#menu a:hover {
  letter-spacing: 0.5em;
  text-decoration:none;
}
#menu.open {
  height: 100%;
  width: 100%;
  background: #000;
  border-bottom: 1px solid black;
  top:112px;
}

.space {
  letter-spacing: 0;
}

.content {
  width: 100%;
  font-size: 20px;
  font-family: sans-serif;
  font-weight: 100;
  -webkit-transition: top 0.5s;
  position: absolute;
  top: 160px;
  margin: 0 auto;
}
.content h1 {
  font-size: 2em;
  text-transform: uppercase;
  margin-top: 75px; 
  margin-left: 10px;
}
.content h2 {
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom:20px;
  font-weight: 400;
  color:#000;
}
.content.shift {
  top: 335px;
}
.video{
	object-fit: cover;
}

/*p {
  max-width: 600px;
  font-size: 0.75em;
  line-height: 1.75em;
  text-align: left;
  margin-left: 10px;
} */

.text{
	max-width:80%;
	margin:0 auto;
}
.text h1{
	color:#b1152a;
	margin-bottom:3%;
	margin-left:0px;
}
.text strong{
	color:#b1152a;
	font-weight:600;
}
.text h2{
	color:#b1152a;
}
.text h3{
	font-size:1em;
	color:#000;
	margin-top:4%;
}

#second {
  left: 0;
  width: 100%;
  background: #999;
  height: 600px;
  margin-top: 200px;
  text-align: center;
}
#second h1, #second h2 {
  margin-right: 20px;
}
#second h1 {
  padding-top: 40px;
}
#second p {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}

#third {
  background: black;
  width: 100%;
  height: 300px;
  padding-top: 50px;
}
#third h2 {
  color: white;
  text-align: center;
  margin-top: 50px;
}
#third h5 {
  color: white;
  font-family: sans-serif;
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 0.25em;
  text-align: center;
}

#bar {
  width: 40%;
  height: 200px;
  margin: 0 auto;
  border: 1px dashed white;
}

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}


.carousel{
	max-width:60%;
	margin:0 auto;
}
.carousel-indicators li{
	background-color:#9E9E9E;
	width:10px;
	height:10px;
	border-radius:200px;
}
.carousel-indicators .active{
	background-color:#000;
}

.carousel-control-next-icon{
	background-image:url(../img/HOMEPAGE/SLIDER/arrow_right.png);
	width:40px;
	height:70px;
}
.carousel-control-prev-icon{
	background-image:url(../img/HOMEPAGE/SLIDER/arrow_left.png);
	width:40px;
	height:70px;
}

.Fixed
{
    position: fixed;
    top: 20px;
}

/* Gallery */

.gallery-container {
    display: flex;
    flex-wrap: wrap;
  justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
}
.gallery-item {
    flex-basis: 31.7%;
    cursor: pointer;
	padding:5px;
}

.tennis-gallery{
    flex-basis: 33.333%;;
    cursor: pointer;
	padding:5px;
	width:250px;
	height:250px;
}
#image-1{
	flex-basis:39%;
}
#image-2{
	flex-basis:39%;
}
#image-3{
	flex-basis:61%;
}
#image-4{
	flex-basis:29.3%;
}

#tennis-1{
	margin-left:16%;
}
#tennis-2{
	margin-right:16%;
}

#top{
	margin-top:50%;
}
.gallery-item:hover {
    filter: brightness(50%);
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tennis-gallery:hover {
    filter: brightness(50%);
}
.tennis-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-content {
    font-size: .8em;
}
/*.gallery-item::before{
	font-size:1em;
	content:"\f067";
}*/
.fa-plus{
	display:block;
	position:absolute;
	font-size:2em;
	padding:20px;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
	z-index:999;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
}
.lightbox-content img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    width: 100%;
   /* height: 100%; */
    object-fit: cover;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px;
    top: 50%;
    cursor: pointer;
	width:50px;
	font-size:3rem;
}
.lightbox-prev {
    left: 0;
	padding-left:10px;
}
.lightbox-next {
    right: 0;
	padding-left:18px;
}
.left-video{
	padding-right:15px;
}
.right-video{
	padding-left:15px;
}
.playwell{
position:absolute; 
bottom:0; 
color:#fff !important;
margin-left:auto !important;
margin-right:auto;
left:0;
right:0;
}

@media (max-width: 767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
	
	.tennis-gallery{
		        flex-basis: 49.80%;
        margin-bottom: 3px;
	}
	
	#top{
		margin-top:120%;
	}
	
	#tennis-1{
		margin-left:0;
	}
	#tennis-2{
		margin-right:0;
	}
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
	#image-1{
	flex-basis:49.80%;
}
#image-2{
	flex-basis:49.80%;
}
#image-3{
	flex-basis:49.80%;
}
#image-4{
	flex-basis:49.80%;
}
.left-video{
	padding-right:0px;
}
.right-video{
	padding-left:0px;
}
.logo{
	width:235px;
	padding-top:15px;
}
#menu li{
	width:100%;
}
.kohl{
	width:100%;
}
.content h1{
	font-size:1.1em;
}

.content{
	top:18%;
}

.redbarspace{
	top:80px;
}

.text h1 {
	margin-bottom:6%;
	font-size: 1.5em;
}

 .arrow1{
	 width:10px;
	 
 }


}
@media (max-width: 480px) {
	
.content{
	top:15%;
}

	#top{
		margin-top:130%;
	}
	

	p{
		font-size:14px;
	}
	h3{
		font-size:.7em !important;
	}
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
		#image-1{
	flex-basis:100%;
}
#image-2{
	flex-basis:100%;
}
#image-3{
	flex-basis:100%;
}
#image-4{
	flex-basis:100%;
}
.left-video{
	padding-right:0px;
}
.right-video{
	padding-left:0px;
}
.content h1{
	font-size:1.1em;
	margin-top:20px;
}
.shopbutton img{
	width:40%;
}
.logo{
	width:200px;
	padding-top:15px;
}
#menu li{
	width:80%;
}
.red a{
	font-size:.5em;
}
.kohl{
	width:70%;
}
.carousel{
	max-width:100%;
	margin-bottom:7%;
	
}
.carousel-indicators{
	bottom:-20px;
}
#menu ul{
	padding-top:10%;
}
#menu.open{
	top:100px;
}
.redbar li a{
	padding:5px;
}
.lightbox-prev, .lightbox-next{
	top:15%;
	width:30px;
	height:60px;
	font-size:3em;
}
.course{
	border:none;
	background:#b1152a;
	font-family:'InterstateCondensed-Bold_24162';
	font-size:1em !important;
}
.course:hover{
	color:#000 !important;
}
.texts{
	font-size:15px;
}
.content h2{
	font-size:1.1em;
}
.shop{
	width:170px;
	height:30px;
	font-size:15px;
}

.navT{
	height:101px;
}
}

/* Gallery End */





.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}



.bottom{
	background-color:#000;
	color:#fff;
	padding-top:3%;
	padding-bottom:3%;
}

.nav-link{
	font-size:0.6em;
	color:#fff;
	padding:.5rem .3rem;
}

.nav-link:focus, .nav-link:hover{
	color:#b1152a;
}

.nav>li{
  border-right: 1px solid #fff;
  line-height:1px;
}

.nav>li:last-child{
   border: none;
}



#social>li{
	border:none !important;
}

/*
 * Extra utilities
 */

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }