/*Fonts*/
@font-face {
	font-family: 'gothamBlack';
	src: url('/assets/templates/site/fonts/gothamblack-webfont.woff2') format('woff2'),
		url('/assets/templates/site/fonts/gothamblack-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'gothamBold';
	src: url('/assets/templates/site/fonts/gothambold-webfont.woff2') format('woff2'),
		url('/assets/templates/site/fonts/gothambold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'gothamReg';
	src: url('/assets/templates/site/fonts/gotham-book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gothamMedium';
	src: url('/assets/templates/site/fonts/gothammedium-webfont.woff2') format('woff2'),
		url('/assets/templates/site/fonts/gothammedium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

::-webkit-input-placeholder {
	text-indent:5px; 
}

:-moz-placeholder { /* Firefox 18- */
	text-indent:5px;  
}

::-moz-placeholder {  /* Firefox 19+ */
	text-indent:5px;   
}

:-ms-input-placeholder {  
	text-indent:5px; 
}

textarea,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"] {-webkit-appearance:none; border-radius:0; box-sizing:border-box; font-size:15px; font-family:gothamReg}

html{-moz-osx-font-smoothing:grayscale;}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{font-family:'gothamReg', sans-serif; }
a{color:black; text-decoration:underline;}
.clear{clear:both;}
b, strong{font-family:'gothamBold', sans-serif; font-weight:normal;}
h1{font-family:'gothamBlack', sans-serif; font-size:26px;}


/*header*/
.header{
	width:100%; 
	background-color:white;
	height:90px; 
	border-top:2px solid black; 
	border-bottom:2px solid black;
	position:fixed;
	z-index:99;
}

.header-inhoud{width:100%;}

.logoinhoud{
	text-transform:uppercase;
	font-size:21px; 
	font-family:'gothamBold', sans-serif;
	width:350px;
	text-align:center;
	margin-top:30px;
	display:inline-block;
	float:left;

	position:absolute;
}

.logoinhoud span{padding-left:3px; padding-right:3px; padding-bottom:8px; display:block; margin:0px;}

.header a{text-decoration:none;}

.sponsorinhoud{text-align: right; margin-right: 20px; margin-top: 15px;font-size: 10px;position: fixed; right: 0px; z-index:999;}
.sponsorinhoud img{margin-top:5px; }

/*NAVIGATIE*/
nav{
	color:black; 
	font-family:'gothamBold', sans-serif;
	display:inline-block;
	width:100%;
	text-transform:uppercase;
}

nav a{color:black; text-decoration:none;}
nav a:hover{color:#f37021;}
nav li.active a{color:#f37021;}

nav ul{padding-top:30px; padding-left:150px; width:900px; margin:0px auto;}
nav li{display:inline; margin-right:18px;}
nav li.last{margin-right:0px;}

.mobnav{display:none;}

/*BANNER*/
.contentimg{
	height:390px;
	margin-bottom:35px;
}

.contentimg-last{margin-bottom:0px;}
.contentimgfirst, .firstbanner{
	border-bottom: 16px solid white;
	-webkit-border-image: url(/assets/templates/site/img/border-bottom.jpg);
	-o-border-image: url(/assets/templates/site/img/border-bottom.jpg);
	border-image: url(/assets/templates/site/img/border-bottom.jpg) 16;
	padding-top:90px;
}

.banner1{background: url(/assets/templates/site/img/banner-1.jpg); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 0%;}
.banner2{background: url(/assets/templates/site/img/banner-2.jpg); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}

.imgkopcontainer{max-width:930px; margin:0px auto;}

.contentimgvervolg.tekstrechts .imgkopcontainer {max-width:930px; margin:0px auto; padding-top:50px;}
.contentimgvervolg.tekstlinks .imgkopcontainer {max-width:750px; margin:0px auto; padding-top:262px;}

.tekstrechts{text-align:right;}
.tekstlinks{text-align:left;}

.contentimgfirst h2{font-size:55px; color:white; text-shadow: 0 0 6px rgba(0,0,0,0.80); padding-top: 250px;
	font-family:'gothamBold', sans-serif; margin-left:87px;}

.contentimgvervolg h2{font-size:34px; color:white; max-width:890px; text-shadow: 0 0 6px rgba(0,0,0,0.80);
	font-family:'gothamBold', sans-serif; line-height:40px;}

.contentimgvervolg h3{font-size:27px; color:white; max-width:890px; text-shadow: 0 0 6px rgba(0,0,0,0.80);
	font-family:'gothamBold', sans-serif;}

/*CONTENTVLAK*/
.contentvlak{background: url(/assets/templates/site/img/bg2.png);}

.contentvlakinhoud{max-width:750px; margin:0px auto; color:black; padding-bottom:50px; min-height:375px;}

.kopcontainer{height:80px; width:100%;}
.kopcontainer h1{max-width:750px; margin:0px auto; padding-top:24px;}

.kopgeel{background-color:#ffdd00;}
.koporanje{background-color:#f37021;}
.kopgroen{background-color:#0db14b;}
.kopblauw{background-color:#034ea2; color:white;}
.kopbruin{background-color:#8b4627; color:white;}
.kopzwart{background-color:#000000; color:white;}

.contentvlak p{padding-top:50px; font-family:'gothamReg', sans-serif; font-size:20px; line-height:32px;}
.contentvlak li{font-family:'gothamReg', sans-serif; font-size:20px; line-height:32px;}
.contentvlak ul{list-style:disc;}
.contentvlak li{margin-left:18px;}

.bannercontainer{position:absolute;}
.judobuttons{position:absolute; right:0px; margin-top:-35px;}
.judobutton{margin-right:20px;}

.gobutton{
	background-color: #f37021;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	margin: 4px 2px;
	cursor: pointer;
	float:left;
	border-radius: 10px;
	margin-top:40px;
	
	font-family:gothamBold;
}

.judobuttons-mob{display:none;}
.afblinks{float:left; margin-right:15px; margin-bottom:15px; margin-top:59px;}
.afbrechts{float:right; margin-top:55px; margin-left:15px; margin-bottom:15px;}

/*SPONSORPAGINA*/
.sponsorgroot{width:100%; text-align:center; padding-bottom:10px; padding-top:10px; height:100px; display:block}
.sponsorgroot img{max-width:100%; text-align:center;}
.sponsorgroot.last{padding-bottom:0px;}
.sponsorgroot.right img{float:right;}

/*FOOTER*/
.footertop{height:150px; background-color:#ffdd00; color:black;}
.footertop a{color:black!important; display:inline-block;}
.footerbottom{height:150px; background-color:#000000; color:white;}
.footerbottom a{color:white!important; display:inline-block;}
.footercontainer{width:1000px; margin:0px auto; font-size:16px; font-family: gothamReg; line-height:24px;}
.footercontainer span{font-family: gothamBlack;}
.footercontainer .footeritem{padding-top:15px;}
.footeritem{float:left; width:195px;}
.footeritem-rechts{float:right; width:195px;}
.footeritem-rechts.first{margin-top:-80px;}
.footeritem-rechts.last{padding-top:15px; text-align:right;}
.fb{margin-top:125px;}
.imgleft{float:left;}
.imgright{float:right; position:relative;}

.sponsors{height:130px;}
.sponsor{width:33%; float:left; text-align:center;}

.sponsor.first{text-align:left;}
.sponsor.last{float:right; text-align:right;}
.sponsor.last img{float:right; text-align:right;}

.sponsors span{padding-top:25px; display:block;}
.sponsors .footercontainer{padding-bottom:25px;}

footer a{text-decoration:none;}
footer a:hover{text-decoration:underline;}
.sponsors-mob{display:none;}
.esens{text-align:right;}

/*FORMULIER*/

.veldenleft{float:left; width:48%;}
.veldenright{float:right; width:48%;}
.formveld{width:100%; min-height:30px; line-height:24px; font-size:16px; margin-top: 10px; margin-bottom: 10px; border:1px solid black; text-indent:5px;}
.geboortedatumveld{text-indent:2px;}
.formkop, .formtitel{padding-bottom:0px; display:block;}
.formtitle{font-family:gothamReg;}
.bt_verstuur{width:100%; background-color:black; color:white; border:none; height:30px; font-size:15px; margin-top:120px; cursor:pointer;}
.errors{font-size:16px; line-height:26px; font-family:gothamReg; padding-bottom:20px;}
.responsbericht{line-height:26px; font-size:16px; font-family:gothamReg;}
.errors strong{font-family:gothamBold; color:red;}
.errors span{font-family:gothamBold;}
submit{font-family:gothamReg;}
.button{font-family:gothamReg;}
.textarea{max-width:100%; min-height:150px; padding:0px;}

/*CONTACTPAGINA*/
.formtitel{ font-family:gothamBold;}

.contactitem{width:50%; font-family:gothamReg; float:left;}
.contactitem span{font-family:gothamBold;}

.contactitem a{text-decoration:none;}
.contactitem a:hover{text-decoration:underline;}

/*FAQ*/
button.accordion {
	background-color: white;
	color: black;
	cursor: pointer;
	min-height:30px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 16px;
	transition: 0.4s;
	border:1px solid black;
	font-family:gothamReg;
}

button.accordion.active, button.accordion:hover {
	background-color: white;
}

button.accordion:after {
	content: "\f0da";
	font-family: FontAwesome;
	font-size:20px;
	color: black;
	float: right;
	margin-left: 5px;
	   margin-top: 4px;
}

button.accordion.active:after {
	content: "\f0d7";
	font-family: FontAwesome;
	font-size:20px;
}

div.panel {
	max-height: 0;
	overflow: hidden;
	transition: 0.6s ease-in-out;
	opacity: 0;
	font-family:gothamReg;
}

div.panel.show {
	opacity: 1;
	max-height: 500px;  
	padding-top:10px; padding-bottom:10px;
	font-family:gothamReg;
	line-height:20px;
}

.accordiontekst{width:90%; display:inline-block; margin-top: 3px;}

/*LESROOSTER*/
.lesrooster{width:100%; font-size:20px; line-height:32px; padding-top:50px; display:block;}
.lesrooster tr{width:100%;}
.lesrooster td{width:40%!important; /*60*/ border:1px solid black; padding:10px;}
.lesrooster em{font-style:italic;}
.tijd{width:100%;}

/*MOBNAVIGATIE*/
.bars {display:inline-block; cursor:pointer; margin-top:0; margin-right:0; width:inherit; height:inherit;}
.bar1, .bar2, .bar3 {width:25px; height:4px; background:black; margin:4px 0; transition:0.4s;}
.bar2{width:22px;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-4px, 3px); transform: rotate(-45deg) translate(-6px, 6px);}
.change .bar2 {filter:alpha(opacity=0); opacity:0; zoom:1;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-5px, -6px);}


/*MEDIAQUERIE*/
@media screen and (max-width: 1365px) {
	.logoinhoud{width:260px;}
	.sponsorinhoud img{max-width:150px;}
}

@media screen and (max-width: 1320px) {

	.logoinhoud{width:230px; font-size:19px;}
	nav ul{width:800px; padding-left:0px;}
	nav li{margin-right:15px;}
}

@media screen and (max-width: 1290px) {

	nav ul{padding-left:85px;}
	nav{font-size:14px;}
}

@media screen and (max-width: 1250px) {
	.logoinhoud{width:230px;}
}

@media screen and (max-width: 1220px) {

	nav ul {padding-left: 180px;}
}

@media screen and (max-width: 1140px) {

	/*header*/
	.header{height:78px;}
	.logoinhoud img{width:90px; }
	.logoinhoud{font-size:14px; width:160px; margin-top:27px;}

	/*navigatie*/
	nav{font-size:12px; float:right; margin-right:10px;}
	nav li{margin-right:14px; text-align:right;}
	nav ul{margin-top:28px; padding-top:0px; width:100%; margin-left:20px;}
}

@media screen and (max-width: 1040px) {

	/*footer*/
	.footertop{height:285px;}
	.footerbottom{height:285px;}
	.footercontainer{width:85%;}
	.ftitems{width:70%; float:left;}
	.footeritem{width:50%;}
	.footeritem-rechts{width:25%;}
	.sponsors{display:none;}
	.cr{display:none;}

	.imgright{width:92px;}
	.fb{margin-top:102px; margin-left:20px;}

	.footeritem-rechts.first{margin-top:-40px;}
	.footeritem-rechts.last{text-align:left;}
	.sponsor{max-width:75%; text-align:center; width:100%;}
	.sponsor img{max-width:100%; padding-top:5px;}
	.sponsors-mob{display:block;}

	.sponsorinhoud img{width:75%;}

	.sponsor.last{float:left; text-align:center;}
	.sponsor.last img{float:none; text-align:center;}
}

@media screen and (max-width: 980px) {	
	.contentimgfirst h2{font-size:40px; width:750px; padding-top:280px;}
}

@media screen and (max-width: 940px) {
	.contentimgvervolg.tekstrechts .imgkopcontainer, .contentimgvervolg h2 , .contentimgvervolg h3{max-width:750px;}
	.sponsorinhoud{display:none;}
}

@media screen and (max-width: 820px) {

	/*navigatie*/
	nav ul{margin-left:0px;}

	/*banner*/
	.contentimg{height:286px;}

	.contentimgfirst {
		border-bottom: 9px solid white;
		-webkit-border-image: url(/assets/templates/site/img/border-bottom.jpg);
		-o-border-image: url(/assets/templates/site/img/border-bottom.jpg);
		border-image: url(/assets/templates/site/img/border-bottom.jpg) 9;
	}
	
	.imgkopcontainer {
		max-width: 510px;
	}

	/*contentvlak*/
	.contentimgfirst h2{max-width:570px; padding-top:210px; font-size:33px; line-height:32px; margin-left:0px;}
	.contentvlakinhoud{max-width:570px; min-height:200px;}
	.contentvlak p{font-size:16px; line-height:24px; padding-top:35px;}
	.contentvlak li{font-size:16px; line-height:24px;}
	.kopcontainer{height:55px;}
	.kopcontainer h1 {padding-top:16px; max-width: 570px;}
	h1 {font-size: 18px; line-height:22px;}

	.judobutton{margin-right:10px;}
	.fight-right{width:34px;}
	.judo-bond{width:67px;}

	.gobutton{margin-top:15px;  border-radius: 7px; padding: 14px 12px; font-size:18px;}

	.contentimgvervolg.tekstrechts .imgkopcontainer {max-width:580px; margin:0px auto; padding-top:35px;}
	.contentimgvervolg.tekstlinks .imgkopcontainer {max-width:580px; margin:0px auto; padding-top:213px;}

	.contentimgvervolg h2{font-size:28px; line-height:32px;}	
	.contentimgvervolg h3{font-size:26px; line-height:30px;}	

	/*formulier*/
	.veldenleft,.veldenright{width:100%;}
	.veldenleft{padding-bottom:20px;}

	/*footer*/
	.footercontainer{font-size:15px;}

	/*contactpagina*/
	.contactitem{width:50%;}
	.formtitel{padding-top:20px;}

	/*sponsorpagina*/
	.sponsorgroot{width:60%; float:none; text-align:center; padding-bottom:25px; padding-top:25px; height:50px; text-align:center; margin: 0px auto;}
	.sponsorgroot img{max-width:100%; float:none; text-align:center;}
	.sponsorgroot.last{padding-bottom:25px; padding-top:25px;}
	.sponsorgroot.right img{float:none;}

	.afblinks{max-height:120px; margin-top:36px;}
	.afbrechts{max-height:120px; margin-top:33px;}

	.lesrooster{font-size:16px; line-height:24px; padding-top:35px;}
}

@media screen and (max-width: 799px) {

	nav li{margin-right:11px;}
	.fb{margin-left:0px;}
	
	nav a{padding-top: 20px; padding-bottom: 20px;}
}


@media screen and (max-width: 767px) {

	.mobnav{display:block;}
	.desknav{display:none;}
	.logoinhoud{float:none; text-align:center; z-index: 999; position: relative;}
	.header-inhoud{text-align:center;}
	.header{height:60px;}
	.logoinhoud{width:200px; font-size:16px; margin-top:15px;}
	.sponsorinhoud{display:none;}
	.open{font-size: 35px; cursor: pointer; position: absolute; left: 20px; top: 12px;}
	
	#mobheader{text-align:center;border-top: 2px solid black;border-bottom: 2px solid black; height:60px; background-color:white; color:black;}
	
	.logoinhoud span{color:black;}
	#mobheader .logoinhoud{margin-top:7px;}
	
	.bar1, .bar2, .bar3 {
		width: 25px;
		height: 4px;
		background: black;
		margin: 4px 0;
		transition: 0.4s;
	}
	.bar2{width:22px;}
	.bars{position: absolute; left: 15px; top: 15px;}
}

@media screen and (max-width: 730px) {
	.judobuttons{display:none;}
	.judobuttons-mob{display:block; text-align:center;}
	.judo-bond{width:74px; margin-right:10%;}
	.fight-right{width:39px; margin-left:10%;}
	.gobutton{width:100%; padding: 10px 0px; /*margin-bottom: 30px; margin-top:30px;*/}
	.contactitem{width:100%;}
	.mobnone{display:none;}
}

@media screen and (max-width: 640px) {

	.contentvlakinhoud, .imgkopcontainer, .contentimgfirst h2, .kopcontainer h1{max-width:460px;}
	.contentimgfirst h2{font-size:30px;}
	
	.contentimgvervolg.tekstrechts .imgkopcontainer{max-width:500px;}
	.contentimgvervolg.tekstlinks .imgkopcontainer{max-width:460px;}

}

@media screen and (max-width: 600px) {
	.footeritem-rechts{display:none;}
	.ftitems{width:100%;}
	.footeritem{width:100%; text-align:center;}
	.footertop{height:440px;}
	.footerbottom{height:510px;}
	.vul{display:none;}	
	.footercontainter{font-size:16px; line-height:21px;}
	.sponsors{display:block; text-align:center;}
	.sponsor{text-align:center; width:100%; max-width:100%; padding-top:20px; padding-bottom:20px;}
	.sponsor.first{text-align:center;}
	
}

@media screen and (max-width: 485px) {
	.contentimgvervolg.tekstlinks .imgkopcontainer,	.contentimgvervolg.tekstrechts .imgkopcontainer, .contentimgvervolg h2 , .contentimgvervolg h3{max-width:345px;}

	.kopcontainer h1, .contentvlakinhoud {max-width: 345px; font-size:15px;}

	.contentvlak p{font-size:15px; padding-top:15px;}
	.contentimg{margin-bottom:15px;}

	.imgkopcontainer{max-width:380px;}
	.contentimgfirst h2{font-size: 24px; line-height: 28px; padding-top:215px; max-width:100%; margin-left:17px;}
	.contactform{padding-bottom:40px;}
	.contentimg-last{margin-bottom:0px;
	}

	.afblinks, .afbrechts{ float:none; margin-bottom:0px; margin-right:0px; margin-left:0px;}
	.contentvlakimg{width:100%; text-align:center;}
	
	.kopcontainer h1{padding-top:16px; padding-bottom:16px; font-size:16px;}
	.kopcontainer{height:100%;}

	.lesrooster{font-size:15px;  margin-top:15px;}
	/*.lesrooster td{float:left; padding-top:5px; width:100%;}*/
	.lesrooster td {width: 50%;}
}

@media screen and (max-width: 420px) {
	.contentvlakinhoud { max-width: 305px;}
	.contentimgvervolg.tekstrechts .imgkopcontainer{max-width:305px; padding-top:25px;}
	.contentimgvervolg.tekstlinks .imgkopcontainer{max-width:305px;     padding-top: 219px;}

	.contentimgvervolg h2 {font-size: 22px; line-height: 26px;}
	.contentimgvervolg h3 {font-size: 20px; line-height: 25px;}
	.formveld{height:25px;}

	.kopcontainer h1 {padding-top: 16px; padding-bottom: 16px; font-size: 16px; max-width:305px;}
	/*.lesrooster tr{padding-bottom:20px; display:block;}*/
	.tijd{padding-bottom:20px;}
	
	.gobutton{font-size:16px;}
}

@media screen and (max-width: 400px) {
	.imgkopcontainer{max-width:305px; font-size:17px; line-height:21px;}
	.contentimgfirst h2{max-width:305px; padding-top:125px; margin-left:0px; font-size:18px;}
	.contentimg {height: 225px;}
	.contentimgvervolg.tekstlinks .imgkopcontainer{max-width:305px;     padding-top: 165px;}
	.contactitem{text-align:left; float:left;}

	.sponsorgroot{ padding-bottom:15px; padding-top:15px; height:50px; width:80%}
	.sponsorgroot.last{padding-bottom:15px; padding-top:15px;}
.mobbr{display:block;}
	.accordiontekst{display:inline-block; margin-top:4px; margin-bottom:2px; line-height:20px;}
	.lesrooster td{font-size:12px;}
}

@media screen and (max-width: 330px) {
	.kopcontainer h1{ max-width: 220px;}
	.contentvlakinhoud { max-width: 220px;}
	.contentimgvervolg.tekstrechts .imgkopcontainer{max-width:220px;}
	.contentimgvervolg.tekstlinks .imgkopcontainer{max-width:220px;}
	.contentimgfirst h2 {font-size: 19px; line-height: 22px; padding-top: 150px; margin-left: 25px; max-width: 230px;}
	.gobutton{font-size:12px;}
	.bt_verstuur{font-size:13px!important;}
}

	#map{height:100%; width:100%;}

	.gm-style-iw * {display: block; width: 100%; max-width:300px!important;}
	.gm-style-iw a{display:none;}
	.gm-style-iw h4, .gm-style-iw p {margin: 0; padding: 0;}
	.gm-style-iw a {color: #4272db;}

	.jctitel{font-family:gothamBold;}

.active{width:100%!important;}
.mobbr{display:none;}


	/*MOB NAVIGATIE*/
	.mobnav-bottom{color:white; padding-top:120px; width:80%; margin:0px auto;}
	.mobnav-bottom-left {width:50%; float:left; font-family:gothamReg; padding-bottom: 80px;}
	.mobnav-bottom-right {width:50%; float:right; text-align:right;}

	.mobnav-bottom-left img{float:left;}
	.mobnav-bottom-right img{float:right;}
	.mobnav-bottom-left a, .mobnav-bottom-right a{padding:0px; margin:0px;}

	.mobnav-bottom-right .judo-bond-navmob{margin-right:0px; margin-left:0px; width:75%; padding-right:0px; max-width:74px;}
	.mobnav-bottom-right .fight-right-navmob{width:27%; margin-left:0px; margin-right:0px; padding-left:5%; padding-right:0px; max-width:39px;}

	.full{width:100%; height:100%;}

	.overlay {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color:black;
		overflow-x: hidden;
		transition: 0.5s;
		top:60px;
	}

	.overlay-content {
		position: relative;
		top: 75px;
		width: 100%;
		text-align: center;
		margin-top: 30px;
		width: 80%;
		text-align: center;
		margin: 0 auto;
		min-width: 250px;
	}

	.overlay a {
		padding: 14px;
		text-decoration: none;
		font-size: 16px;
		color: white;
		display: block;
		transition: 0.3s;
		padding-right: 18px;
		font-family:gothamMedium;
	}
	
	.overlay li.active a{color:#f37021}



	.overlay .closebtn {
		position: absolute;
		top: -5px;
		left:12px;
		font-size: 60px;
		color:black;
	}
	
	.overlay-content li{border-bottom:1px solid white;}
	.overlay-content .last{border:none;}

	.sponsormobnav img{width:100%; max-width:110px; margin-top:10px;}
	.active{width:100%!important;}
	
	@media screen and (max-width: 340px) {
		.overlay a{font-size:14px;}
	}



	#map{height:100%; width:100%;}
	.gm-style-iw * {
		display: block;
		width: 100%;
		max-width:300px!important
	}
	.gm-style-iw a{display:none;}
	.gm-style-iw h4, .gm-style-iw p {
		margin: 0;
		padding: 0;
	}
	.gm-style-iw a {
		color: #4272db;
	}

	.jctitel{font-family:'gothamBold';}