@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/* font-family: 'Raleway', sans-serif;  */


body {
    color: var(--white);
    background-color: #131418;
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0px;
    margin-bottom: 10px;
    letter-spacing: 0.2em;
    font-size: 1em;
    line-height: 1.2;
    text-transform: uppercase;
    color: rgb(255, 255, 255);

}

.header-tw{
	background: url(../images/main-banner.jpeg);
	width: 100%;   
    padding: 175px 0 75px 0;
}
.header-tw h1{
	padding-top: 195px;
	padding-left: 100px;
	font-weight: 700;
}
.header-tw video{
	width: 85%;
}

h1{
	font-size: 3em;
	color: #fff;
}
h1:after{
	font-size: 3em;
	color: #fff;
}
.header-tw:after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/line-haxa-grey.png);
    background-position: 10% top;
    background-repeat: no-repeat;
    background-size: 70px;
 }

 .footer-section:after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/line-haxa-black-1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 50px;
 }
 ul li{
	margin-left: 15px;
 }
 input[type="text"], input[type="password"], textarea, .form-control,.form-control:focus{
	background-color:  rgba(0,0,0,0.2) ;
	color: #fff;
 }
 .card-title{
	margin: .75rem 0;
 }
.main-nav-tw {
	background-color: rgba(0,0,0,0.2);
    padding: 20px;
    transition: transform 0.3s;
      transform: translateY(0); /* Make it visible initially */
    position: fixed;
    width: 100%;
    text-align: center;
}

.club-right-col{
	background: url(../images/club-right.jpeg);
}

.card-header, .card-body, .card-footer{
	background: rgb(19 20 24);
}
.card-header{
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}
.card-footer{
	border-top: 1px solid #fff;
}
.card-deck .card {
	flex: 1 0 45%;
	margin-bottom: 30px;
	border-radius: 0;
}

.px-holder{
	position: absolute;
	top:0;
	z-index:-10;
	width: 100%;
	top: 0px;
	padding: 0;
}
.btn-primary{
	background-color: #131418;
    border-color: #ffffff;
	border-radius: 0;
}
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,.btn-primary.focus, .btn-primary:focus{
color: #fff;
background-color: #000000;
border-color: #b4bac1;
}
.px-holder video{
	width: 100%;
	
}
.footer-section{
	position: relative;
	overflow: hidden;
}
.footer-content {
	
	z-index: 99999;
	position: relative;
}
.social-link-icon {
    width: 60px;
    float: left;
    margin-right: 30px;
    color: black;
}


.footer-section h2 {
    font-family: gravesend-sans,sans-serif;
    font-size: 4em;
    font-weight: 500;
    line-height: 1;
	opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
	color: black;
	letter-spacing: 5px;
	text-transform: uppercase;

}

.footer-logos-cotainer{
	text-align: center;
	margin: 75px 0;
	
}

.footer-section .address a{
    letter-spacing: .2em;
    text-transform: uppercase;
    font-family: Raleway,sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2;
	color: #000;
	text-align: right;
	margin-top: 30px;
    display: block;
}

.footer-section .address a:hover {
 	color: #fff;
	text-decoration: none;
}
.footer-section .address {
	text-align: right;
}

.club-desc h2 {
    font-family: gravesend-sans,sans-serif;
    font-size: 3em;
    font-weight: 500;
    line-height: 1;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    color: #fff;
    letter-spacing: 5px;
    padding: 40px;
    border-bottom: 1px solid;
    text-transform: uppercase;

}
.cta{
	padding: 100px 0;
}
.grav-p {
    letter-spacing: .2em;
    font-family: gravesend-sans,sans-serif;
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.8;
	text-align: center;
	text-transform: uppercase;
}	
.svg-line{
	background: url(../images/line-haxa-grey-1.png) center no-repeat;
	height: 300px;
	width: 100%;
	margin: 50px 0;	
}



.clubs-tw{
	border: 2px solid #fff;
    margin: 0%;
    /* float: right; */
    width: 40%;
    margin-left: 10%;
}
.club-text{
	padding: 10px 35px;
    letter-spacing: .2em;
    text-transform: uppercase;
    line-height: 1.2;
	font-size: 1.05em;
    font-weight: 400;
}
.club-text ul li{ 
	margin-left: 20px;
    font-size: 0.9em;
}
#club-row{
	background: url('https://assets-global.website-files.com/655d333bb586d668cfdf6123/65795c7e74e87da7d2a956b5_asdas1010_TitaniumStudio_Olson-10%201.jpg') no-repeat;
	background-size: 55% auto;
    background-position: top right;
	padding: 240px 0 60px 0;
	background-color: #000;
}

.overlay {
	z-index: -1;
    background: rgb(112 112 112 / 30%);
    height: 100%;
    width: 100%;
    position: absolute;
  }
.footer-content .row{
	padding: 120px 0 100px  0 ;
}


@media only screen and (max-width: 980px) {
	.clubs-tw {
	    float: none;
		width: 100%;
		margin-left: 0;

	}
	.header-tw h1{
		padding-top: 20px;
		padding-left: 100px;
		text-align: left !important;
		font-size: 3em;
	}
	.header-tw video{
		width: 100%;
	}
	.header-tw .col-md-7{
		z-index: 99999;
	}
	.header-tw:after {
		background-position: 3% top;
		background-size:80px;
	 }
	 .footer-section {
		position: relative;
		padding: 0 0;
		overflow: hidden;
	}
	.footer-section h2 {
		font-size: 2em;
		padding: 28px 0; 
	}	
	.social-link-icon {
		width: 50px;
		float: left;
		margin-right: 30px;
	}
	.footer-section .address {
		text-align: left;
		text-align: left;
		line-height: 37px;
		margin-top: 20px;
	}
	.footer-section:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: none;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 50px;
	 }
	 .px-holder{
		width: 200%;
		top:0;
	 }
	 .header-tw  .row{
		flex-direction: column-reverse;
	
	}
	.footer-content{
		margin: 0;
	}
	.footer-content .row{
		flex-direction: column-reverse;
	}
	.footer-section .address a{
		text-align: left;
	}
	#club-row{
		background-size: 100% auto;
		padding: 540px 0 60px 0;
	
	}
	.club-desc {
		background-color: #000;
	}
  }
  @media (max-width: 1981px) and (max-width: 1300px) {
	.clubs-tw {
		
		width: 55%;
		
  }