/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0


font-family: 'Alfa Slab One', cursive;
font-family: 'Open Sans', sans-serif;
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */
@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-icon_draws:before{content:'\0041';}
.icon-icon_enter_now:before{content:'\0042';}
.icon-icon_results:before{content:'\0043';}
.icon-icon_enternow_subpage:before{content:'\0045';}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	line-height:25px;
}
html { height: 100%; }
body {height: 100%; }



p {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	line-height:25px;
}
html { height: 100%; }
body {height: 100%;width: 100%;}
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{
	z-index:8;
	position:relative;
	bottom:0;
	width:100%;
	/* text-align:center; */
	padding:10px;
	color:#00a550;
	font-family: 'Alfa Slab One', cursive;
	font-size:60px;
	line-height:60px;
	padding-bottom: 30px;
}
h3{
	z-index:8;
	position:relative;
	bottom:0;
	width:100%;
	/* text-align:center; */
	padding:10px;
	color:#00a550;
	font-family: 'Alfa Slab One', cursive;
	font-size:30px;
	line-height:30px;
}
h2 p, h2 strong{ font-size:17px;; font-weight:bold; line-height:25px;}

ol, ul {
	/*list-style: none;*/
	list-style:disc;
}
.subcontent li{ margin-left:30px;}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	

}

a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box;}

.maincontent{ width:80%; position:relative; margin:0 auto;}
.clear{clear:both;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}

/*DEFAULT*/
	.head_strip{ position:fixed; z-index:999999; width:100%; top:0;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
	.smallheader .menubar{ background: rgba(0,11,59,1); height:50px; }
	.smallheader nav a {margin: 5px 25px !important;}
	.smallheader .menu-main-menu-container {    top: 0px;  height:20px; margin-top:8px;}

	
	.smallheader .maincontent{ z-index:0;}
	.main_logo{ width:257px; margin-left:50px; }
	.main_logo, .main_logo img{  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }

	.smallheader .main_logo{width:150px;margin-left:-197px;position: fixed;}
	
	.menubar{width:100%;background:#000b3b;background: rgba(0,11,59,0.76);height:78px;line-height:78px;z-index:10;position:relative; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s}
	/* MENU */
	/* Menu Styles */
	.menu-main-menu-container{top: 7px;position:absolute;width: 100%;}
	.menu li{ position:relative; }
	.menu ul	{position: absolute;top: 0px;left: 0;width: auto;list-style: none;padding: 0;margin: 0;margin-top:-4px; display: none; /* z-index:2000; */padding:15px 0;}
	.smallheader .menu ul{ padding:0; margin:0; }
	.smallheader .menu ul > li{ height:20px; }
	.smallheader .menu a{line-height: 19px;}
	.menu ul > li	{		position: relative;		height: 30px; text-align:left;	 margin-left:-20px; width:150px;	background: rgba(255,255,255,0.7);		white-space:nowrap;		z-index:9999;}
	.menu ul > li a{ text-transform:none; color:#262261 !important; }
	.menu ul > li a:hover{ color:#000; }
	.menu ul > li:hover { color: #fff;}
	.menu	{list-style: none;padding: 0;margin: 0;position: relative;text-align: right;width: 100%;}
	.menu > li	{position: relative;display: inline-block;height: auto;width: auto;background: transparent;/* display:block; */  }
	.menu ul > li.current-menu-item a{ color:#FFF !important; }
	.menu li:hover > ul	{	display: inline;	}
	.menu a {text-transform:uppercase;font-size: 18px; color: #FFFFFF;text-decoration: none;display: block;line-height: 30px;  font-weight:300; }
	.menu a:hover {color: #fff; }
	.third-level-menu{		position: absolute;		top: 0;		right: -100%;		width: 150px;		list-style: none;		padding: 0;		margin: 0;		display: none;	}
	.third-level-menu > li	{		height: 30px;		background: #999999;	}
	.third-level-menu > li:hover { background: #CCCCCC; }

	/*sponsors*/
	.sponsors{ 
		box-sizing: border-box; padding:80px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,b2b1b2+100 */
		background: #e8e8e8; /* Old browsers */
		background: -moz-linear-gradient(top,  #e8e8e8 0%, #b2b1b2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #e8e8e8 0%,#b2b1b2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #e8e8e8 0%,#b2b1b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#b2b1b2',GradientType=0 ); /* IE6-9 */
	}
	.sponsors_title{  font-family: 'Alfa Slab One', cursive; width:100%; text-align:center; font-size:48px; color:#bcbec0; line-height:60px; padding-bottom:30px;}
	.sponsor_logos {	    width: 25%;	    box-sizing: border-box;	    height: auto;	    margin-bottom: 20px;	    float: left;	    display: table;	    text-align: center;	    border: 10px solid #001B4B;	    background: #FFF;	    height: 200px;	}
	.vertalign{ display:table-cell; vertical-align: middle;}
	.sponsor_logos img {
	   padding: 20px;display: block;box-sizing: border-box;max-height: 100%;width: auto;max-width: 100%; position: relative; margin:0 auto;}
	.sponsorscont hr{ border:0px; border-top:1px solid #858DC5; margin:10px 0 30px;}

/*FOOTER*/
	.footer{ padding:60px 0; font-size:14px; color:#001745; }
	.footer .maincontent{ width:960px; padding: 60px 0; }
	.selwynlogo, .footer_contact, .socialmedia{ width:33%; float:left; box-sizing:border-box; padding:0 20px 60px; text-align:center;  font-size:14px; color:#001745; } 
	.selwynlogo span{ font-size:11px; font-style:italic; letter-spacing:-0.5px; font-weight:bold;}
	.footer_contact{ padding-top:15px;}
	.contactname{ text-transform:uppercase;  font-size:14px;  }
	.contacttitle{ font-size:14px; font-style:italic; }

/*HOME*/
	.header_slide{width:100%;height:863px;position:relative;margin-top: -78px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008858+1,001545+100 */
		background: #008858; /* Old browsers */
		background: -moz-linear-gradient(top,  #008858 1%, #001545 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #008858 1%,#001545 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #008858 1%,#001545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008858', endColorstr='#001545',GradientType=0 ); /* IE6-9 */
	}
 	.header_image{ 		height:863px; 		position:relative;		background-position:50% !important; background-size:cover !important;	}
	.header_leftshade{ position:absolute; top:0; left:0; height:863px; }
	.header_rightshade{ position:absolute; top:0; right:0;  height:863px; }
	.header_leftshade img, .header_rightshade img{ height:100%; }
	.header_title{ position:absolute; top:50%; left:50%; width:500px; margin-left:-250px; height:260px; margin-top:-130px;}
	.header_title div{ color:#FFF; text-align:center; font-family: 'Alfa Slab One', cursive; font-size:67px; line-height:70px;  width:500px; text-shadow:0 10px 15px rgba(0,0,0,0.9) }
	.h_month{ text-transform:uppercase; }
	.header_title .h_days{  font-size:94px; line-height:94px; }
	.header_title .h_year{font-size: 92px;line-height: 92px;}

	/*intro box*/
	.intro_boxes{ width:100%; }
	.intro_left{width:57.66%;float:left;padding: 60px 0 55px 0;}
	.intro_left .intro_title, .intro_left .intro_subtitle, .intro_left .intro_content{max-width:600px;  position:relative; margin:0 auto; box-sizing: border-box;padding-right: 70px;float:right; width:100%; }
	.intro_title div, .intro_subtitle div, .intro_content div{text-align:left; display: block; position: relative; width: 100%; float: left;  }
	.intro_title div{ font-size:80px; line-height:70px; color:#00a651; font-family: 'Alfa Slab One', cursive; padding-bottom:10px; }
	.intro_subtitle div{ font-size:30px; line-height:30px; color:#bcbec0; font-family: 'Alfa Slab One', cursive; padding-bottom:5px; }
	.intro_content div{ font-size:16px; line-height:19px; }
	.intro_right{ width:42.33%; float:left; background-position:50% !important; background-size:cover !important; min-height:400px; }

	/*sports*/
	.sport_front{ float:left; box-sizing:border-box; text-align:center; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001545+2,008858+99 */
		background: #001545; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #001545 2%, #008858 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #001545 2%,#008858 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #001545 2%,#008858 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001545', endColorstr='#008858',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		height:350px;
	}
	.sport_front div{ display:table; width:100%; height:100%; position:relative; box-sizing:border-box; padding:0 70px;}
	.sport_front span{ display:table-cell; width:100%; height:100%; vertical-align:middle; color:#FFF; font-family: 'Alfa Slab One', cursive; font-size:30px; line-height:40px; }
	.single{ width:25%; }
	.double{ width:50%; }
	.triple{ width:75%; }
	.sport_image{width:25%;float:left;height:350px;overflow:hidden;position:relative;z-index: 999;}
	.sport_image{  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
	.sportbox_title{ z-index:8; position:absolute; bottom:0; width:100%; text-align:center; padding:10px; color:#FFF; font-family: 'Alfa Slab One', cursive; font-size:30px; line-height:40px; text-shadow:0 3px 10px rgba(0,0,0,0.7) }
	.sport_image img{ min-width:100%; min-height:100%; width:auto; height:auto; position:absolute; z-index:0; top:0; left:0; -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
	.sport_image:hover .imgcolour{  filter: alpha(opacity=100);  opacity: 1;  transform: scale(1.2);  -moz-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);  -ms-transform: scale(1.2); /* IE 9 */ }
	.sport_image .imgcolour{opacity:0; z-index:1;}
	.sport_image div, .sport_image div img{ max-width:100%; max-height:100%; width:100% !important; height:100% !important; }
	.whitebar{ width:100%; box-sizing:border-box; padding:60px; text-align:center; }
	.icon-icon_draws:hover, .icon-icon_enter_now:hover, .icon-icon_results:hover,.icon-icon_draws:hover:before, .icon-icon_enter_now:hover:before, .icon-icon_results:hover:before{ color:green; cursor:pointer; }

	.icon-icon_draws:before, .icon-icon_enter_now:before, .icon-icon_results:before{ padding:0 20px; }
	.icon-icon_draws, .icon-icon_enter_now, .icon-icon_results{ position:relative; width:280px; height:160px; display:inline-block; overflow:hidden; color:#d1d2d4;}

	.icon-icon_enter_now:before{content:'\0042'; font-size:150px; color:#d1d2d4; line-height:130px; left:10px; top:0px; position:relative;}
	.icon-icon_enter_now:after{ content:'Enter now'; position:absolute; left:0; bottom:0; text-align:center; width:280px; font-family: 'Alfa Slab One', cursive; font-size:30px; line-height:40px;   }
	.icon-icon_draws:before{content:'\0041'; font-size:130px; color:#d1d2d4; line-height:130px;}	
	.icon-icon_draws:after{content:'Draws'; position:absolute; left:0; bottom:0; text-align:center; width:280px; font-family: 'Alfa Slab One', cursive; font-size:30px; line-height:40px;  }
	.icon-icon_results:before{content:'\0043'; font-size:110px; color:#d1d2d4; line-height:130px; top:0px; position:relative; }
	.icon-icon_results:after{content:'Results'; position:absolute; left:0; bottom:0; text-align:center; width:280px; font-family: 'Alfa Slab One', cursive; font-size:30px; line-height:40px;  }

	/*fairplay*/
	.fairplaybox{ padding:150px 90px; box-sizing:border-box; background-position:50% !important; background-size:cover !important;}
	.fairplaytext{ width:50%; max-width:680px; position:relative; box-sizing:border-box; margin:0 auto;  font-family: 'Alfa Slab One', cursive; font-size:48px; line-height:60px; color:#001745;  text-shadow: 0 5px 10px rgba(255,255,255,0.7) }
	.fairplaylink{ border:1px solid #DDD; padding:10px 20px; text-transform:uppercase; color:#FFF !important; clear:both;  }
	.general_info{		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004372+0,001546+100 */
		background: #004372; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #004372 0%, #001546 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #004372 0%,#001546 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #004372 0%,#001546 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004372', endColorstr='#001546',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 	}
 	.general_info .maincontent{ width:700px; padding: 60px 0; }
 	.general_info_title{ color:#00a651; font-family: 'Alfa Slab One', cursive; font-size:48px; line-height:60px; text-align:center; padding-bottom:40px; }
	.general_info_box{ width:29%; float:left; margin:2%; }
	.general_infobox_title{ color:#FFF; font-family: 'Alfa Slab One', cursive; font-size:24px; line-height:50px; }
	.general_infobox_intro{ color:#FFF; font-size:14px; line-height:18px; }
	.general_info_box a{font-style:italic;color: #6ddbdc;white-space: nowrap;font-size: 14px;/* padding-left: 10px; */}

/* SUBPAGE DEFAULT*/
	.sub_header_slide{width:100%;height:500px;overflow: hidden;}
	.sub_header_image{ height:500px; background-position:50% !important; background-size:cover !important; }
	.submaincontent{max-width: 1700px;margin:0 auto;position: relative;}
	.subcontent{ max-width:960px; margin:0 auto; }

/* SPORTS*/
	.sports_left{ width:73%; float:left; box-sizing:border-box; padding-right:90px; text-align:left;  }
	.sports_right{width:27%;float:left;min-height: 300px; background:left; margin-top:30px;}
	.enternow, .subpagebutton{
		position:relative;
		display:block;
		padding: 32px 15px 27px 95px;
		box-sizing:border-box;
		border-radius:10px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008858+1,001545+100 */
		background: #008858; /* Old browsers */
		background: -moz-linear-gradient(left,  #008858 1%, #001545 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #008858 1%,#001545 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #008858 1%,#001545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008858', endColorstr='#001545',GradientType=0 ); /* IE6-9 */
		height: auto;
		margin-bottom: 20px;
		text-transform:initial !important;

		}
	.sports_right a .enternow, .sports_right a .subpagebutton{ color:#FFF; font-size:20px; font-family: 'Alfa Slab One', cursive;   }
	.subpagebutton:before{color:#FFF;font-size:50px;line-height:50px;margin-top:20px;position: absolute;left: 0;top: 0;}
	.subpagebutton:hover:before, .subpagebutton:hover{ text-shadow:0 0px 10px rgba(255,255,255,0.7); color:#FFF;  }
	.subpagebutton:hover{ background: linear-gradient(to left,  #008858 1%,#001545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
	.subpagebutton:after{ content:''; margin-top:0;}

	.rhsimage{ width:100%; height:400px; background-size:cover !important; background-position:50% !important; margin-bottom:30px; }
	.enternow:after{ content:'Enter now'; font-family: 'Alfa Slab One', cursive; font-size:28px; line-height:50px; position:absolute; padding-left:10px; text-transform: capitalize}
	.find_out_more{ 
		display:block;
		padding: 5px 15px;
		width:100%; margin-top:30px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,b2b1b2+100 */
		background: #e8e8e8; /* Old browsers */
		background: -moz-linear-gradient(top,  #e8e8e8 0%, #b2b1b2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #e8e8e8 0%,#b2b1b2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #e8e8e8 0%,#b2b1b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#b2b1b2',GradientType=0 ); /* IE6-9 */ }
	.find_out_more:after{ content:'Find out more...'; font-family: 'Alfa Slab One', cursive; font-size:26px; line-height:50px; position:r; padding-left:10px; color:#FFF; }
	.find_out_more:hover{ background: linear-gradient(to top,  #e8e8e8 0%,#b2b1b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
	
/*CONTACT*/
	#sending, #sent{display:none;}
	.fields input, .fields textarea{ width:80%; display:block; margin-bottom:10px; padding:5px 10px; font-size:16px;}
	.fields textarea{ height:150px;}
	.fields label{ text-transform: uppercase; font-family: 'Raleway', sans-serif;}
	.fields input[type="submit"]{ width:90px; float:right; margin-right:20%; background:#DFDDDC; border:0; }
	.mobileonly{ display:none; }
	.mobilmenu{ width:90%;}
	.mobilmenuclose{ font-size:20px}
	.mobilemenu_button{ margin-top:25px; }	
	.mobilemenu_button img{ width:30px;}
	.formdiv{ margin:0 auto; width:80%; }

/*RESPONSIVE*/
	.animateslide{ transform: translate3d( 90%, 0, 0 ) !important;  -webkit-transform: translate3d( 90%, 0, 0 ) !important;  }

	@media only screen and (max-width:1440px){
		.maincontent{ width:100%; position:relative; margin:0 auto;}
		.smallheader .main_logo{width:150px;margin-left:-0;position: fixed;}
		.sport_front span {    font-size: 22px;    line-height: 30px; }
		.sport_front{ height:250px;		}
		.sport_image{width:25%;float:left;height:250px;overflow:hidden;position:relative;z-index: 999;}
		.fairplaytext {font-size: 38px; }
	}

	@media only screen and (max-width:960px){
		html, body, div, span, applet, object, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, big, cite, code,
			del, dfn, em, font, img, ins, kbd, q, s, samp,
			small, strike, strong, sub, sup, tt, var,
			b, u, i, center,
			dl, dt, dd, ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td {
				box-sizing:border-box;
				font-size:15px;
				line-height:22px;
			}
		h1 {
			z-index: 8;
			position: relative;
			bottom: 0;
			width: 100%;
			/* text-align: center; */
			padding: 10px;
			color: #00a550;
			font-family: 'Alfa Slab One', cursive;
			font-size: 60px;
			line-height: 60px;
		}

		body{max-width:100%;  transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s}
		.desktoponly{ display:none !important;}
		.mobileonly{ display:block; }
		.header_slide{width:100%;height: 639px;position:relative;margin-top: 0; overflow:hidden; }
		.header_image {    height: 639px;}
		.mobilelogo{ position:absolute; z-index:999999; max-width:20%; top:20px; left:20px;}
		.mobilemenu_button{ padding:10px 6px 5px; border-radius:5px; position:fixed; top:20px; right:20px; z-index:999999 }	

		.mobilemenu_button img{ width:50px; opacity:1; -webkit-filter: drop-shadow(0px 0px 5px #222);    filter:         drop-shadow(0px 0px 5px #222); }
		
		.mobilmenu{ left: -90%; position: fixed;width: 90%;background: #000 none repeat scroll 0% 0%;height: 100%;top: 0px; z-index: 0;box-sizing: border-box;padding: 5px 50px 50px 0px;overflow: scroll; }
		.mobilmenu .menu-main-menu-container { top: 70px; }
		.mobilmenu ul{ clear:both;  }
		.mobilmenu li{ list-style: none; float: none; display: block; clear:both; display:block; width:100%; padding:10px 20px; background:rgba(17,60,67,0.9); box-sizing:border-box; margin-bottom:5px;}
		.mobilmenu li ul { margin-left:30px; }
		.mobilmenu li ul li{ padding:5px;}
		.mobilmenu a{ color:#FFF; display:block; clear:both; padding:10px; text-transform: uppercase;}
		.mobilmenu li ul li a{ text-transform: none;}
		.mobilmenuclose{ float:right; background:rgba(255,255,255,0.1); color:#FFF; font-size:40px; padding:15px 10px 5px; text-align:Center; margin-bottom:5px;}
		.mobilmenuclose span{ color:inherit; display: block; font-size:10px; padding-top:5px;}
		
		.mobmenu{ width:100%; box-sizing: border-box; clear:both;}
		.mobmenu span{ text-transform: uppercase; background:rgba(255,255,255,0.1); width:100%; display:block; padding:20px 30px; margin-bottom: 5px; box-sizing:border-box;}
		.maincontent{ width:100%;}

		.subcontent {
			padding:0 10px;
		}
		.subcontent h1{ padding-left:0;}

		/* HOME */		
		.intro_left{ width:100%; }
		.intro_left .intro_title, .intro_left .intro_subtitle, .intro_left .intro_content {  max-width: unset; padding:0 30px; }
		.intro_right { display:none; }
		.sport_front{ width:100%; height:auto; padding:20px; font-size:18px; }

		.sport_image {	width: 33.3%;	float: left;		height: 200px;				overflow: hidden;				position: relative;				z-index: 999;			}
		.icon-icon_draws, .icon-icon_enter_now, .icon-icon_results {width: 30%;	height: auto;	}
			icon-icon_enter_now:before{font-size:100px; color:#d1d2d4; line-height:100px; left:10px; top:0px; position:relative;}
			.icon-icon_enter_now:after{ content:'Enter now'; position:absolute; left:0; bottom:0; text-align:center; width:100%; font-family: 'Alfa Slab One', cursive; font-size:24px; line-height:30px;   }
			.icon-icon_draws:before{content:'\0041'; font-size:90px; color:#d1d2d4; line-height:130px;}	
			.icon-icon_draws:after{content:'Draws'; position:absolute; left:0; bottom:-0px; text-align:center; width:100%; font-family: 'Alfa Slab One', cursive; font-size:24px; line-height:30px;  }
			.icon-icon_results:before{content:'\0043'; font-size:80px; color:#d1d2d4; line-height:130px; top:0px; position:relative; }
			.icon-icon_results:after{content:'Results'; position:absolute; left:0; bottom:0; text-align:center; width:100%; font-family: 'Alfa Slab One', cursive; font-size:24px; line-height:30px;  }

		.fairplaybox {	padding: 30px 0px;	}
		.fairplaytext { width: 90%;   max-width: 600px;    font-size: 28px;    line-height: 40px; }

		.footer .maincontent{ width:100%; padding: 30px 0; }
		.footer .maincontent div{ width:100%; margin:0; }
		.selwynlogo, .footer_contact, .socialmedia {    padding: 0 0px 30px; }

	
		.sports_right, .sports_left{ width:100%; }
		.sports_left{ padding:0 20px;}
		.enternow, .subpagebutton{
			position:relative;
			display:block;
			padding: 32px 15px 27px 95px;
			box-sizing:border-box;
			border-radius:10px;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008858+1,001545+100 */
			background: #008858; /* Old browsers */
			background: -moz-linear-gradient(left,  #008858 1%, #001545 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  #008858 1%,#001545 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  #008858 1%,#001545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008858', endColorstr='#001545',GradientType=0 ); /* IE6-9 */
			height: auto;
			margin-bottom: 20px;
			text-transform:initial !important;

			}
		.sports_right a .enternow, .sports_right a .subpagebutton{ color:#FFF; font-size:20px; font-family: 'Alfa Slab One', cursive; width:100%;   }
		.subpagebutton:before{color:#FFF;font-size:50px;line-height:50px;margin-top:20px;position: absolute;left: 0;top: 0;}
		.subpagebutton:hover:before, .subpagebutton:hover{ text-shadow:0 0px 10px rgba(255,255,255,0.7); color:#FFF;  }
		.subpagebutton:hover{ background: linear-gradient(to left,  #008858 1%,#001545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
		.subpagebutton:after{ content:''; margin-top:0;}
	}

	@media only screen and (max-width:767px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .general_info .maincontent{ width:100%; box-sizing:border-box; }
	  .header_title div {    font-size: 46px;    line-height: 50px;    width: 100%;   }
	  .header_title .h_days{  font-size:64px; line-height:64px; }
	  .header_title .h_year{font-size:62px;line-height: 62px;}
	  .sport_front span {    font-size: 18px;    line-height: 30px; }
	  .sport_image {	width: 50%; }
	  .sportbox_title {    font-size: 24px;    line-height: 30px; }
		.icon-icon_enter_now:before{content:'\0042'; font-size:70px; color:#ddd; line-height:130px; left:10px; top:0px; position:relative;}
		.icon-icon_enter_now:after{ content:'Enter now'; position:absolute; left:0; bottom:0; text-align:center; width:100%; font-family: 'Alfa Slab One', cursive; font-size:14px; line-height:40px;   }
		.icon-icon_draws:before{content:'\0041'; font-size:60px; color:#ddd; line-height:130px;}	
		.icon-icon_draws:after{content:'Draws'; position:absolute; left:0; bottom:0; text-align:center; width:100%; font-family: 'Alfa Slab One', cursive; font-size:14px; line-height:40px;  }
		.icon-icon_results:before{content:'\0043'; font-size:50px; color:#ddd; line-height:90px; top:-20px; position:relative; }
		.icon-icon_results:after{content:'Results'; position:absolute; left:0; bottom:0; text-align:center; width:100%; font-family: 'Alfa Slab One', cursive; font-size:14px; line-height:40px;  }
		.whitebar {    padding: 0px; }
		.fairplaytext { width: 90%;   max-width: 600px;    font-size: 18px;    line-height: 24px; }

		.general_info_box {width: 100%;float: left;margin: 0%;box-sizing:border-box;  padding:20px ;}
		.general_info_box:after{ content:''; border-bottom:1px solid #FFF; width:100%; display:block;}
		.general_info_box a{ padding:0; display:block; box-sizing:border-box;}
		.general_info_box img{ display:none;  }
		.general_infobox_title{ display:block; padding:0 20px;}
		.general_infobox_intro{ padding:0 20px 20px; display:block; }

		.header_leftshade img, .header_rightshade img{ display:none;}

		.sports_right a .enternow, .sports_right a .subpagebutton{ color:#FFF; font-size:20px; font-family: 'Alfa Slab One', cursive; width:90%; margin-left:5%;   }
		.subpagebutton:before{color:#FFF;font-size:50px;line-height:50px;margin-top:20px;position: absolute;left: 0;top: 0;}
		.subpagebutton:hover:before, .subpagebutton:hover{ text-shadow:0 0px 10px rgba(255,255,255,0.7); color:#FFF;  }
		.subpagebutton:hover{ background: linear-gradient(to left,  #008858 1%,#001545 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
		.subpagebutton:after{ content:''; margin-top:0;}

		h1{ font-size: 40px;    line-height: 40px;}
		.selwynlogo img{max-width: 290px;}
		.socialmedia img{ max-width:50px;}
		.footer_contact{ padding:0 20px; margin-bottom:20px; display:block;}

		.sport_front div {padding: 0;}

		.sport_image {    width: 100%; }

	}

	@media only screen and (max-width:359px){
	  .mobileonly{ display:block; }
	}