@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"open-sans-bold";
	src: url("../font/open_san/OpenSans-Bold.ttf");}
@font-face{
	font-family:"mr-evans";
	src: url("../font/Mr_evans/Mrs Eaves OT Roman.otf");}
@font-face{
	font-family:"open-sans-p";
	src: url("../font/open_san/OpenSans-Regular.ttf");}
@font-face{
	font-family:"open-sans-light";
	src: url("../font/open_san/OpenSans-Light.ttf");}
@font-face{
	font-family:"caviar-dreams";
	src: url("../font/caviar-dreams/CaviarDreams.ttf");}
@font-face{
	font-family:"thin-header";
	src: url("../font/thin-header.otf");}
@font-face{
	font-family:"header-font";
	src: url("../font/header-font.otf");}
@font-face{
	font-family:"Football-font";
	src: url("../font/Football-font.otf");}
@font-face{
	font-family:"Lato";
	src: url("../font/Lato-Regular.otf");}


  /*WRAPPER/BODY/HTML STYLING*/
#wrapper{width:100%;height:100%;z-index:0;margin:0;padding:0;letter-spacing:1.5px;}
body, html {height:100%;width:100%;}
/*html, body {margin: 0; height: 100%; overflow: hidden}    TO BE USED TO STOP SCROLL*/
body{margin: 0;padding: 0;overflow-x: hidden;}

a {text-decoration: none;}
.resp-menu{
position: fixed;
display:none;
width: 100%;
height: 100vh;
background: rgba(46,46,46,0.95);
z-index: 300;}
.resp-menu a{				
float: left;
width: 100%;
height: 70px;
text-align: center;
text-decoration: none;
text-decoration-style: none;
font-family:"header-font";
font-size: 20px;
margin:0;
color: #fff;}
.resp-menu ul {
  margin-top:80px;
  padding: 0;
  color:#fff;
  list-style-position: inside;
  list-style: none;}
.resp-menu ul li {
  margin: 10px 0;
  list-style-position: inside;
  transition: all 0.25s ease-in-out;}
.resp-menu ul li a::after {content: '';display:block;width:0;height:2px;background:#fff;transition: width .3s;}
.resp-menu ul li a:hover::after {width:100%;transition: width .02s;}


/*LOADING SCREEN*/
#loader{
z-index:1000;
width:100%;
height:100%;
background:#fff;
position:fixed;}

/*FLEX OPTIONS*/
.flex{display:flex;}
.flex-directionColumn{flex-direction:column;}
.flex-directionRow{flex-direction:row;}
.flex-absolute-centre{justify-content: center;align-content: center;align-items: center;}
.margin-auto{margin:auto;}
.align-text-centre{text-align: center;}
.background-blue{background-color: blue;}

/*Rounded-Corner*/
.rounded-border{border-radius: 25px;}
.box-shadow-mid{box-shadow:0px 0px 5px 1px grey;}

/*MIN SIZE SETTINGS FOR RESPONSIVNESS*/
.min-size-rule{min-height:850px;}
.min-size-rule2{min-height:1200px;}

/*Headers*/
h1 {
	font-size: 5vw;color: #fff;font-family: "Football-font";font-weight: 1;text-shadow: 1 1 3 #000;text-shadow: 2px 2px 3px #989898;
}
h2 {
	font-size: 80px;color: #fff;font-family: "Football-font";font-weight: 1;text-shadow: 1 1 3 #000;text-shadow: 2px 2px 3px #989898;
}
h3 {
	font-size: 50px;color: #fff;font-family: "Football-font";font-weight: 2;text-shadow: 1 1 3 #fff;text-shadow: 2px 2px 3px #989898;
}
h4 {
	font-size: 50px;color: #000;font-family: "Football-font";font-weight: 2;text-shadow: 1 1 3 #fff;text-shadow: 2px 2px 3px #989898;
}

/*HEADER/NAV STYLING*/
.header1{width:100%;height:auto;top:0;left:0;position:fixed;z-index: 20;}
.header1 li{border:#FFFFFF solid thin;border-top:none;border-bottom:none;border-left:none;padding: 0 10px 0 0;margin-right:5px}
.header1 .no-bord, li {border-right:none;}
.header2{display:none;width:100%;height:80px;top:0;left:0;position:fixed;z-index: 15;}
nav{display:none;width:100%;height:75px;padding:5px;margin:auto;background-color:#2E2E2E;border-bottom:#FFFFFF solid thin;}
.nav-settings{width:50%;height:75px;margin:0;padding:0;}
.logo{width:100%;height:45px;background:url("../img/logo.jpg")no-repeat;background-size:contain;float:left;transition: transform .6s;/* Animation */}
.logo:hover {transform: scale(1.1);}
.nav-left{margin-left:1%;width:5%;height:75px;padding:0;position: absolute;align-items: center;}
.nav-right{width:95%;height:75px;padding:0;margin:auto;justify-content: center;text-align:center;}
ul {padding: 0;color: white;list-style-position: inside;list-style: none;}
ul li {margin:6px 8px;list-style-position: inside;transition: all 0.25s ease-in-out;}
ul li a{color:#fff;list-style-position:inside;text-decoration:none;font-size:0.7vw;letter-spacing:1.5px;font-family:"header-font";}
ul li a::after {content: '';display:block;width:0;height:2px;background:#fff;transition: width .3s;}
ul li a:hover::after {width:100%;transition: width .3s;}
.nav2{position:fixed;display:none;width:100%;height:100px;top:0;left:0;}
.rep-1{width:20%;height:100px;margin-left:1%;padding:0;}
.rep-2{width:80%;height:100px;padding:0;justify-content: flex-end;align-items: center;}
.rep-menu-holder{width:150px;height:50px;top:0;right:0;margin-right:2%;}
.menu-text{width:50%;height:50px;margin:0;padding:0;}
.menu-burger{width:60px;height:60px;padding:0;background:url("../img/burger-menu.png")no-repeat;background-size:contain;}
.menu-burger:hover {transform: scale(1.2);}
.exit{width:30px;height:30px;position:absolute;top:0;right:0;font-size:20px;color:#fff;margin-top:15px;margin-right:20px;border:solid;border-color:#fff;border-radius: 5px;}
.exit:hover{transform: scale(1.2);}


#hero{
	height:100%;width:100%;background:url("../img/hero.jpg")no-repeat center;background-size:cover;
}
.h-top{
	width:100%;height:50%;background-color: none;padding:50px 0px;
}
.h-top-image-holder{
	width:60%;height:100%;margin:auto;
}
.h-mid{
	width:100%;height:30%;background-color: none;margin-top:7.5%;
}
.h-holder h1 {
	margin:auto;text-align: center;
}
.carousel {}
.carousel-cell {overflow: hidden;}
.carousel-cell img {display: block;height:600px;width:auto;}
.hidden{display:none;}
.min-size-rule3{min-height:600px;}

#main-wrapper{
	width:100%;
	margin: auto;
}

#fixtures{
	height:auto;width:100%;
}
#photo-gallery{
	height:auto;width:100%;
}
.fix-1{
	display: block;
}
.fix-2{
	display: none;
}
.fix-nav{
	height:30px; width:30px;margin:auto 20px;cursor: pointer;
}
.fix-nav-r{
	background:url("../img/arrow.png")no-repeat center;background-size:contain;box-shadow: 0px 0px 12px 3px #FD2B2B;
}
.fix-nav-r:hover{
	transform: scale(1.2);box-shadow: 0px 0px 12px 3px #4263E8;background:url("../img/arrow1.png")no-repeat center;background-size:contain;
}
.fix-nav-l:hover{
	transform: scale(1.2);box-shadow: 0px 0px 12px 3px #4263E8;background:url("../img/arrow1-l.png")no-repeat center;background-size:contain;
}
.fix-nav-l{
	background:url("../img/arrow-l.png")no-repeat center;background-size:contain;box-shadow: 0px 0px 12px 3px #FD2B2B;
}
.fix-hider{
	display:block;
}
.fix-hider-one{
	display:none;
}
.f-top{
	height:auto;padding: 80px 0px;margin-top:40px;
}
.f-top h1, h2, h3{
	margin:auto;
	color: #434343;
}
.f-top h3{
	font-size:50px;
	margin-top:10px;
}
.f-top h1, h2{
	text-shadow: 2px 2px 3px #989898;
}

.f-mid{
	height:20%;
}
.f-mid-holder{
	width:80%;
	height:100%;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	gap:0px;
}
.date-box{
	width:150px;
	height:100px;
	cursor: pointer;
	text-align: center;border: #2B2B2B solid thin;
	box-shadow: 1px 3px 5px 0.1px #434343;
}
.date-box:hover {transform: scale(1.1);
background-color: #434343;
color:#fff;
transition:1s; 
}
.date-box p:hover{
	color: #fff;
}

.date-box p{
	color:#000;
	font-family:"Football-font";
	font-size: 25px;
	text-shadow: 2px 2px 3px #989898;
}
.f-bot{
	height:100%;
	padding:50px 0px;
	width:auto;
	align-items: center;
}
.fixture-holder{
	width: 60%;
	height:auto;
	min-height:600px;
}
.fix-title{
	display: none;
}
.fix-title1 {
	display:flex;
	padding-top:20%;
}
.fix-header{
	height:70px;
	width: 100%;
	background-color:#434343;
}
.fix-header h3{
	color:#fff;
	font-size:40px;
}
.fix-game{
	height:70px;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin: auto;
}
.fix-game p{
	color:#000;
	font-family:"Football-font";
	font-size: 25px;
}
.fix-team{
	width:40%;
	height: auto;
	text-align: center;
}
.fix-team1{
	width:auto;
	height: auto;
	text-align: center;
	margin:0 10px;
}
.fix-team1 p{
	color:#fff;
	font-family: "Lato";
	background-color: #CD1114;
	padding:0px 5px;
	border:#0F0F0F solid 1px;
}
.back-blue{
	width:auto;
	height: auto;
	text-align: center;
	margin:0 10px;
}
.back-blue p{
	background-color: #1224B5;
	font-family: "Lato";
	padding:0px 5px;
}
.fix-title1 h3{
	text-align: center;
}
.align-left{
	text-align: left;
}
.align-right{
	text-align: right;
}

.s-forms{
	height:1000px;
	text-align: center;
}


#contact{
	height:100%;
}
.contact-top{
	height:20%;width:100%;margin-top:70px;
}
.contact-top h1{
	padding-top: 20px;color: #434343;margin: auto;
}
.contact-mid h2, .contact-bot h2, .contact-bot h3{
	color: #434343;margin: auto;padding-top:20px;font-family:"Football-font";font-weight: 1;font-size:50px;
}
.contact-bot h4{
	margin: auto;
}
.contact-mid p{
	font-family: "Lato";color: #434343;margin: auto;padding-top:20px;font-size: 30px;text-align: center;
}
.header-underline{height:2px;width:80%;background-color:#B8B8B8;
}
.contact-mid{
	height:45%;width:100%;padding:60px 0px;
}
.logo1{
		width:100px;height:85px;background:url("../img/logo.jpg")no-repeat;background-size:contain;justify-content: center;margin-bottom:40px;
}
.contact-bot{
	height:45%;width:100%;text-align: center;padding-top:50px;
}

#signing-forms{height: 100%;width:100%;}
.form-top h1,  .form-mid h1, .form-bot h1{
	color:#434343;
}
.form-top{height:20%;width:100%}
.form-mid{height:60%;width:100%;justify-content: space-around;}
.form-holder{
	widht:50%;height:100%;
}
.form-holder a{
	color:#fff;
	font-family: "Football-font";
	justify-content: center;
	font-size: 50px;
	text-align: center;
	text-shadow: 2px 2px 3px #989898;
}
.form-cont{
	width:600px;height:300px;border-radius: 10px;cursor: pointer;box-shadow:5px 5px 15px 1px #474747;
}
.form-cont:hover {transform: scale(1.1);transition:1s; }
.form-1{background:url("../img/new-player.jpg")no-repeat center;background-size:cover;}
.form-2{background:url("../img/trialist.jpg")no-repeat center;background-size:cover;}
.form-bot{height:20%;width:100%}
.gallery-holder{
	width:80%;
	height:100%;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom:20px;
}
.gallery-box{
	width:150px;
	height:150px;
	cursor: pointer;
	text-align: center;border: #2B2B2B solid thin;
	box-shadow: 1px 3px 5px 0.1px #434343;
	margin:10px 0px;
}
.gall-1{
	background:url("../img/team-logos/portletico-logo.png")no-repeat center;background-size:cover;
}
.gall-2{
	background:url("../img/team-logos/mugiemoss-afc-logo.png")no-repeat center;background-size:cover;
}
.gall-3{
	background:url("../img/team-logos/inverdee-fc-logo.png")no-repeat center;background-size:cover;
}
.gallery-box:hover {transform: scale(1.1);
background-color: #434343;
color:#fff;
transition:1s; 
}
.gallery-box p:hover{
	color: #fff;
}
.gallery-box p{
	color:#434343;
	font-family:"Football-font";
	font-size: 1.1rem;
	text-shadow: 2px px 3px #000;
	margin-top:200px;
}
.return-top{
	margin:50px auto;
	font-size: 1.3rem;
	font-family: 'Football-font';
	background-color:red;
	border:2px;
	color:#fff;
	padding:10px 10px;
	border-radius: 5px;
	box-shadow: #424242 3px 3px 5px;
	text-shadow: #0F0F0F 2px 2px 5px;
}
.return-top:hover{
	scale:1.1;
}
#gallery, #look-team{
	height:auto;
}
#gallery-holder{
	height:auto;width:90%;margin: auto;
}
.gallery{
	height:auto;
	width:100%;
	margin:70px 0px;
}
.gallery h3{
	text-align:center;
	margin:auto;
}
.gallery-set-1{
	flex-direction:column;
	justify-content: center;
	align-content: center;
	gap:5%;
}
.gallery-pic{
	height:400px;
	width:700px;
	background-color:#999999;
	margin:20px 0px;
}
.pic1{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss1.webp")no-repeat center;background-size:contain;
}
.pic2{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss2.webp")no-repeat center;background-size:contain;
}
.pic3{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss3.webp")no-repeat center;background-size:contain;
}
.pic4{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss4.webp")no-repeat center;background-size:contain;
}
.pic5{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss5.webp")no-repeat center;background-size:contain;
}
.pic6{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss6.webp")no-repeat center;background-size:contain;
}
.pic7{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss7.webp")no-repeat center;background-size:contain;
}
.pic8{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss8.webp")no-repeat center;background-size:contain;
}
.pic9{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss9.webp")no-repeat center;background-size:contain;
}
.pic10{
	background:url("../img/gallery/24.09.23/inverdee-mugiemoss10.webp")no-repeat center;background-size:contain;
}
.pic11{
	background:url("../img/gallery/15.10.23/mugiemoss-portletico1.webp")no-repeat center;background-size:contain;
}
.pic12{
	background:url("../img/gallery/15.10.23/mugiemoss-portletico2.webp")no-repeat center;background-size:contain;
}
.pic13{
	background:url("../img/gallery/15.10.23/mugiemoss-portletico3.webp")no-repeat center;background-size:contain;
}
.pic14{
	background:url("../img/gallery/15.10.23/mugiemoss-portletico4.webp")no-repeat center;background-size:contain;
}
.pic15{
	background:url("../img/gallery/15.10.23/mugiemoss-portletico5.webp")no-repeat center;background-size:contain;
}
.pic16{
	background:url("../img/gallery/15.10.23/mugiemoss-portletico6.webp")no-repeat center;background-size:contain;
}
.pic17{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven1.webp")no-repeat center;background-size:contain;
}
.pic18{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven2.webp")no-repeat center;background-size:contain;
}
.pic19{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven3.webp")no-repeat center;background-size:contain;
}
.pic20{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven4.webp")no-repeat center;background-size:contain;
}
.pic21{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven5.webp")no-repeat center;background-size:contain;
}
.pic22{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven6.webp")no-repeat center;background-size:contain;
}
.pic23{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven7.webp")no-repeat center;background-size:contain;
}
.pic24{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven8.webp")no-repeat center;background-size:contain;
}
.pic25{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven9.webp")no-repeat center;background-size:contain;
}
.pic26{
	background:url("../img/gallery/15.10.23/inverdee-johnshaven10.webp")no-repeat center;background-size:contain;
}
.title-header h1{
	color:#424242;padding:10px 0px;margin:0;text-align: center;
}
#gallery .header-underline, #look-team .header-underline{
	margin:0px auto;width:90%;
}
.header-underline1{
	margin:20px auto;width:60%;
}
.lft1{
	width:700px;
	height:900px;
	background:url("../img/lft/lft1.jpg")no-repeat center;background-size:contain;
}
.lft2{
	width:700px;
	height:500px;
	background:url("../img/lft/Aberfield.jpg")no-repeat center;background-size:contain;
}
.lft3{
	width:700px;
	height:500px;
	background:url("../img/lft/Mugiemoss.jpg")no-repeat center;background-size:contain;
}
.nav-filler{
	height:85px;width: 100%;
}
.fb-ad h4{
	color:#434343; text-align: center;
}

.league-table{
	height:100vh;
	width:90vw;
	margin:auto;
}
.table-holder{
	padding-top:20px;
	width:100%;
	height:800px;
}
.table-row{
	width:auto;
	height:50px;
	border:#424242 solid 0.5px;
}
.table-row p{
	font-family: "open-sans-p";
	color:#fff;
	align-content: center;
	justify-content: center;
	padding:0;
	font-size:0.9rem;
}
.bold{
	font-weight:bold;
}
.t-top{
	background-color:#727272;
}
.t-bot p{
	color:#424242;
}
.t-1, .t-2, .t-4, .t-5, .t-6, .t-7, .t-8, .t-9, .t-10, .t-11{
	width:10%;
	height:100%;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
}
.t-3{
	width:20%;
	height:100%;
	align-content: center;
	flex-wrap: wrap;
}
.t-3 p{
	text-align: left;
}
		/*Footer*/

footer{height:250px;width:100%;background-color:#2E2E2E;border-top:#fff solid thin;align-self: flex-end;}
.foot-bot{width:100%;height:30%;}
.foot-top{width:100%;height:40%;}
.foot-top-holder{width:60%;height:70%;}
.links{height:33%;width:100%;margin-bottom:1%;}
.links ul li a {font-size: 10px;}
.foot-bar{height:3%;width:100%;background-color:#B0ADAE;}
.foot-bar-anco{height:2px;width:100%;background-color:#B0ADAE;margin:80px 0px;}
.socail{height:53%;width:30%;margin-top:2%;}
.socail-rules{width:30px;height:30px;}
.socail a::after {content: '';display:block;width:0;height:2px;background:#fff;transition: width .3s;margin-top:10px;}
.socail a:hover::after {width:120%;transition: width .3s;}
.socail a{margin:auto;}
.socail a :hover {transform: scale(1.4);}
.fb{background:url("../img/fb.png")no-repeat;background-size:contain;}
.fb1{background:url("../img/fb1.png")no-repeat;background-size:contain;}
.linkedIn{background:url("../img/linkedin.png")no-repeat;background-size:contain;}
.twitter{background:url("../img/twitter.png")no-repeat;background-size:contain;}
.instagram{background:url("../img/insta.png")no-repeat;background-size:contain;}
.foot-bot-left{width:100%;height:100%;}
.foot-bot-text{width:100%;height:50%;}
.foot-bot-text p{font-size:12px;color:#fff;letter-spacing: 3px;padding-top:10px;text-align: center;}
.certs{width:500px;height:140px;background:url("../img/certs.png")no-repeat;background-size:contain;}
.certs:hover {transform: scale(1.2);}
.terms-dl{color:mediumpurple;font-size:15px;}
.terms-dl:hover {color:darkred;}
.footer-copyr{font-size: 10px;font-family: "";}

/*GOOGLE MAP*/
.mapouter{position:relative;text-align:right;height:500px;width:600px;}.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:600px;}

/*LOADER ANIMATIONS*/
.circle{width: 180px;height: 180px;border: 10px inset rgb(214, 21, 63);display: block;position: fixed;top: 50%;left: 50%;margin-left: -100px;margin-top: -100px;border-radius: 200px;-moz-animation: rotate 5s infinitelinear;-webkit-animation: rotate 5s infinite linear;animation: rotate 5s infinite linear;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.circle-small{width: 150px;height: 150px;border: 6px outset rgb(214, 21, 63);display: block;position: fixed;top: 50%;left: 50%;margin-left: -81px;margin-top: -81px;border-radius: 156px;-moz-animation: rotate-rev 3s infinite linear;-webkit-animation: rotate-rev 3s infinite linear;animation: rotate-rev 3s infinite linear;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.circle-big{width: 210px;height: 210px;border: 4px dotted rgb(33, 36, 226);display: block;position: fixed;top: 50%;left: 50%;margin-left: -109px;margin-top: -109px;border-radius: 214px;-moz-animation: rotate-rev 10s infinite linear;-webkit-animation: rotate-rev 10s infinite linear;animation: rotate-rev 10s infinite linear;}
.circle-inner{width: 80px;height: 80px;background-color: rgb(33, 36, 226);display: block;position: fixed;top: 50%;left: 50%;margin-left: -40px;margin-top: -40px;border-radius: 80px;-moz-animation: pulse 1.5s infinite ease-in;-webkit-animation: pulse 1.5s infinite ease-in;animation: pulse 1.5s infinite ease-in;opacity: 1;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.circle-inner-inner{width: 100px;height: 100px;background-color: rgb(33, 36, 226);display: block;position: fixed;top: 50%;left: 50%;margin-left: -50px;margin-top: -50px;border-radius: 100px;-moz-animation: pulse 1.5s infinite ease-in;-webkit-animation: pulse 1.5s infinite ease-in;animation: pulse 1.5s infinite ease-in;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
/*==============ANIMATIONS=================*/
/*Hero Spin*/
.image-spin {
		-webkit-animation: rotation 0.8s linear;animation-iteration-count: 1;}
@-webkit-keyframes rotation {
		from {-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(359deg);}}
/*Loading-Screen*/
@-moz-keyframes rotate{
  0% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);}}

@-webkit-keyframes rotate{
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}}

@keyframes rotate{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}}

@-moz-keyframes rotate-rev{
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(-360deg);}}

@-webkit-keyframes rotate-rev{
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(-360deg);}}

@keyframes rotate-rev{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}}

@-moz-keyframes pulse{
	0% {
        -moz-transform: scale(0.1);
        opacity: 0.2;}
	50% {
        -moz-transform: scale(1);
        opacity: 0.8;}
    100% {
        -moz-transform: scale(0.1);
        opacity: 0.2;}}

@-webkit-keyframes pulse{
	0% {
        -webkit-transform: scale(0.1);
        opacity: 0.2;}
	50% {
        -webkit-transform: scale(1);
        opacity: 0.8;}
    100% {
        -webkit-transform: scale(0.1);
        opacity: 0.2;}}

@keyframes pulse{
	0% {
        transform: scale(0.1);
        opacity: 0.2;}
	50% {
        transform: scale(1);
        opacity: 0.8;}
  100% {
        transform: scale(0.1);
        opacity: 0.2;}}

									/*Mobile Site*/

@media screen and (max-width: 1100px){
nav ul li a{font-size:1vw;}
	.nav-left{width:20%;}
	.nav-right{width:80%;}
}
@media screen and (max-width: 1200px){
	/*NAV*/
.header2{display:flex;z-index:100;}
.header1{display:none;}
.nav1{display:none;}
.nav2{display:flex;z-index: 100;height:60px}
.logo{height:40px;}
.rep-1{height:60px;}
.logo:hover {transform: scale(1.1);}
.menu-burger {
	height:25px;
	width:40px;
}
	
#hero{background:url("../img/hero-mob.jpg")no-repeat center;background-size:cover;height:auto;}

.h-top{
	width:100%;height:30%;background-color: none;padding:20px 0px;
}
.h-top-image-holder{
	width:95%;max-width:400px;height:100%;margin:50px 0px;
}
.carousel-cell img {display: block;height:240px;width:auto;}
	
.h-mid h1 {
	font-size: 50px;
}
.h-mid{
	width:100%;height:auto;background-color: none;padding-top:60px;
}
.h-holder{
	text-align: center;
}

	#main-wrapper{
		width:100%;
	}
	
	#fixtures{
		
	}
	.f-mid{
		width:100%;
		flex-direction: column;justify-content: center;align-content: center;align-items: center;margin:0;padding-top:20px;
	}
	.f-mid-holder{
		align-content: center;
		width:100%;
		height:100%;
		flex-wrap: wrap;
		justify-content: center;
		gap:10px;
	}
	.date-box{
		width:90px;
		height:70px;
	}
	.date-box p{
	color:#000;
	font-family:"Football-font";
	font-size: 20px;
	text-shadow: 2px 2px 3px #989898;}
	
	
	.f-top{
		padding:0;
		margin-top:80px;
	}
	.f-top h1 {
		font-size: 50px;
	}
	.f-top h2 {
		font-size: 40px;
	}
	.f-bot h3 {
		font-size: 30px;
	}
	.f-bot{
		padding-bottom:30px;
		min-height:100px;
	}
	.fixture-holder{
		width: 100%;
		height:auto;
		padding:0px;
	}
	.fix-title{
		display: none;
	}
	.fix-title1{
		display: flex;
	}
	.fix-team1{
		height:100%;
		margin:0 1px;
		padding-top:2px;
	}
	.fix-header{
		height:50px;
		width: 100%;
		background-color:#434343;
	}
	.fix-header h3{
		color:#fff;
	}
	.fix-game{
		height:50px;
		width: 100%;
		margin:3px 0px;
		justify-content: center;
		align-content: center;
	}
	.fix-game p{
		color:#000;
		font-family:"Football-font";
		font-size: 1rem;
		text-align: center;
	}
	.fix-team1 p{
		color:#fff;
		font-family: "Lato";
		background-color: #CD1114;
		font-size: 16px;
	}
	.fix-team1 h3{
		font-size: 20px;
	}
	#contact{
		height:100%;
	}
	
	#signing-forms{height:auto;}
	#signing-forms h1{
		font-size: 50px;margin: 0;text-align: center;
	}
	.nav-filler{height:100px;}
	.form-mid{
		flex-direction: column;
	}
	.form-holder{
		margin:20px 0px;
	}
	.form-cont{
	width:290px;height:180px;
	}

/*FOOTER*/
footer{height:auto;width:100%;background-color:#2E2E2E}
.foot-bot{width:100%;height:auto;flex-direction: column;}
.foot-top{width:100%;height:500px;margin:none;}
.foot-top-holder{width:80%;height:auto; }
.links{height:auto;width:80%;text-align: center;margin:auto;}
	.links li{margin:10px 0px;}
.links ul li a {font-size: 15px;margin:auto;text-align: center;}
	.links ul{display:flex;flex-direction: column;}
.foot-bar{height:1%;width:100%;background-color:#B0ADAE; }
.socail{height:auto;width:80%;flex-direction:row;justify-content: center;align-content: center;align-items: center;}
.socail-rules{width:30px;height:30px;}
.socail a{margin:none;}
.socail a :hover {transform: scale(1.4);}
.fb{background:url("../img/fb.png")no-repeat;background-size:contain;margin-top:20px;}
.linkedIn{background:url("../img/linkedin.png")no-repeat;background-size:contain;margin-top:20px;}
.twitter{background:url("../img/twitter.png")no-repeat;background-size:contain;margin-top:20px;}
.instagram{background:url("../img/insta.png")no-repeat;background-size:contain;margin:10px auto;}
.foot-bot-left{width:100%;height:auto;}
.foot-bot-right{width:100%;height:auto;}
.foot-bot-text{width:100%;height:auto;margin:auto;text-align: center;}
.foot-bot-text p{font-size:10px;color:#fff;letter-spacing: 3px;padding-top:30px;}
.certs{width:200px;height:140px;background:url("../img/certs.png")no-repeat;background-size:contain;margin-top:100px;}

	@media screen and (max-width: 800px){
		.gallery-pic{width:90vw;height:200px;background-size:contain;}
}
	@media screen and (max-width: 750px){
		.f-mid-holder{width:60%;}
}
	@media screen and (max-width: 500px){
.f-mid-holder{width:100%;}
.carousel-cell img {display: block;height:220px;width:auto;}	
		#hero h1{
			font-size:40px;
		}	
#fixtures{
	height:auto;
		}
.f-top h3{
	margin:0;text-align: center;font-size:40px;	
		}
.f-top h2{
	font-size:60px;	text-align: center;	color: #434343;
		}
.fixture-holder{
	width: 100%;
	height:auto;
	min-height:100px;
}
.f-bot{
	padding:20px 0px;
}
#contact{
	height:100%;
}
.contact-top{
	height:20%;width:100%;margin-top:70px;
}
.contact-top h1{
	padding-top: 20px;color: #434343;margin: auto;font-size: 70px;
}
.contact-mid h2, h4{
	color: #434343;margin: auto;padding-top:10px;font-family:"Football-font";font-weight: 1;font-size:50px;
}
h4{
		font-size: 20px;padding:10px 2px;	
		}
.contact-mid p{
	font-family: "Lato";color: #434343;margin: auto;padding-top:20px;font-size: 20px;
}
.header-underline{height:2px;width:80%;background-color:#B8B8B8;
}
.contact-mid{
	height:45%;width:100%;padding:10px 0px;text-align: center;margin:0;
}
.logo1{
		width:60px;height:60px;background:url("../img/logo.jpg")no-repeat;background-size:cover;justify-content: center;margin-bottom:10px;
}
.contact-bot{
	height:45%;width:100%;text-align: center;margin:20px 0px 10px 0px;
}
.form-holder a{
	font-size: 30px;
}	
.form-mid{
	margin:0;	
}
#signing-forms{
	height:100%;
}
.form-top{
	height:10%
}
#signing-forms .header-underline{
	margin:20px 0;
}
#gallery h1,#look-team h1{font-size:60px;text-align: center;}
.gallery h3{font-size:25px;}
.gallery-pic{margin:10px 0;}
.gallery-set-1{
	flex-direction: column;
}
.lft1{width:250px;height:600px;margin: auto;}
.lft2{width:90vw;height:280px;margin: auto;}
.lft3{width:90vw;height:280px;margin: auto;}
.min-size-rule1{min-height:850px;}
.min-size-rule2{min-height:600px;}
.min-size-rule3{min-height:600px;}
.league-table{height:auto;width:100vw;}
.table-row p{font-size:16px;}
.table-row{border:#999999 solid 0.5px;}
.t-1, .t-2{
	width:5%;	
}
.t-3{width:35%;}
}
.t-11{
	width:10%;
}
.table-holder{
		width:100%;
}
.tb p{
	font-size:0.75rem;
}
.th p{
	font-size:0.9rem;
}
.bold p{
	font-size:0.8rem;	
	}
	.t-1, .t-2, .t-4, .t-5, .t-6, .t-7, .t-8, .t-9, .t-10, .t-11{
		wdith:15%;
	}
	.t-3{
		width:25%;
	}
.gallery-box{
	height:110px;
	width:110px;
}
.gallery-box p{
margin-top: 170px;
}
}
	@media screen and (min-height: 1200px){
		#hero{height:100vh;}
		#hero h1{font-size:120px;}
		#fixtures{height:2000px;}
		.h-top{margin:auto;width:100%;}
		.form-cont{width:500px;height:380px;background-color: yellow;}
		#signing-forms h1{font-size:120px;}
		#signing-forms{height:100%;}
	}
	@media screen and (max-width: 350px){
		.date-box{width:80px;}
		.date-box p{font-size:16px;}
		.fix-team1 {margin:0px 1px;}
		.fix-team1 p{font-size:14px;}
		.fix-team p{font-size:14px;}
		
}
	@media screen and (max-width: 310px){
		.fix-team1 {margin:0px -5px;}	
}