/* HTML5GRID v1.0 (by PMKMedia.nl/html5grid) */

/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;}
.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],select{width:50%;}
textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1050px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* Stylesheet: Template1200 : Template1200-html5grid Modified On 2015-07-20 12:16:20 */
/* TEMPLATE 1200 v1.0 (by PMKMedia.nl/template1200) */

 

/* menu css */

#menu {
	font-size: 18px;
}


.logo a {
	text-decoration: none;
}

#nav-mobile {
	display: none;
}

#menu-mobile {
	float: right;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
float: left;
position: relative;
}

#menu li ul {
	position: absolute;
	display: none;
}

#menu li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 10px 18px;
}

#menu a:hover {
	color: #c3c3c3;
}

#menu ul {

width: 200px;
border-radius: 5px;
}

#menu ul a {
	width: 100%;
	padding: 10px;
}

.currentpage {
	color: #FFF !important;
	border-bottom: 1px solid #fff;
}

/* menu z-index */

#menu ul {
	z-index: 1000;
}

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

	/* mobile menu css */

	#menu-mobile {
		float: none;
	}
	
	.logo {
		display: none;
	}

	#nav-mobile {
		display: block;
		padding: 10px;
		font-size: 20px;
		font-weight: 400;
		background: url(/uploads/template1200/images/index.png) no-repeat right;
		background-position: 98% 50%; 
		background-size: 22px;
		-moz-background-size: 22px;
		-webkit-background-size: 22px;
	}

.currentpage {
	color: #FFF !important;
	border-bottom: 0px solid #fff;
}

	#menu {
		display: none;
	}
	
	#menu-mobile:hover #menu {
		display: block;
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	/* menu link css */
	
	#menu ul a {
		width: 100%;
		padding: 10px 10%;
	}

}
/* Stylesheet: Template1200 : Template1200-menu Modified On 2015-10-14 17:08:05 */