/******************************

disable desktop elements
& enable mobile elements

******************************/

a#scroll-to-top,
#wrap #header #nav{
	display: none !important;
}

/* end of disable desktop elements & enable mobile elements */

/******************************

mobile elements

******************************/

#wrap,
#cookie-bar{
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-khtml-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.offset{
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-khtml-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

@media screen and (max-width: 768px){
.offset{
	transform: translateX(-75%);
	-o-transform: translateX(-75%);
	-ms-transform: translateX(-75%);
	-moz-transform: translateX(-75%);
	-khtml-transform: translateX(-75%);
	-webkit-transform: translateX(-75%);
}
}

/* end of mobile elements */

/******************************

mobile-header

******************************/

#mobile-header{
	position: absolute;
	top: 33px;
	z-index: 999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 64px;
	background-color: #ffffff;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #e5e5e5;
	display: block;
	transition: transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-khtml-transition: -khtml-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
}

#mobile-header.sticky{
	position: fixed;
	top: 0px;
}

			#mobile-header a#mobile-search{
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 64px;
				height: 64px;
				background-color: transparent;
				display: block;
			}
			
			#mobile-header a#mobile-search:before{
				position: absolute;
				top: 20px;
				left: 20px;
				width: 24px;
				height: 24px;
				background-color: transparent;
				background-image: url('data/img/icons-24x24.png');
				background-position: -120px 0px;
				background-repeat: no-repeat;
				content: "";
			}
			
			#mobile-header a#mobile-logo{
				position: absolute;
				top: 0px;
				left: 50%;
				margin: 0px 0px 0px -85px;
				padding: 0px 0px 0px 0px;
				width: 170px;
				height: 64px;
				background-color: transparent;
				background-image: url('data/img/logo-nav.png');
				background-position: center center;
				background-repeat: no-repeat;
				display: block;
			}
			
			#mobile-header a#mobile-menu{
				position: absolute;
				top: 0px;
				right: 0px;
				margin: 0px 0px 0px 0px;
				padding: 20px 20px 20px 20px;
				width: 24px;
				height: 24px;
				background-color: transparent;
				display: block;
			}
			
						#mobile-header a#mobile-menu span{
							position: relative;
							margin: 11px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 24px;
							height: 2px;
							background-color: #333333;
							display: block;
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
						#mobile-header a#mobile-menu span:before{
							position: absolute;
							margin: -6px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 24px;
							height: 2px;
							background-color: #333333;
							display: block;
							content: "";
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
						#mobile-header a#mobile-menu span:after{
							position: absolute;
							margin: 6px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 24px;
							height: 2px;
							background-color: #333333;
							display: block;
							content: "";
							border-radius: 1px;
							-o-border-radius: 1px;
							-ms-border-radius: 1px;
							-moz-border-radius: 1px;
							-khtml-border-radius: 1px;
							-webkit-border-radius: 1px;
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
						#mobile-header a#mobile-menu.highlight span{
							background-color: transparent;
						}
						
						#mobile-header a#mobile-menu.highlight span:before{
							margin: 0px 0px 0px 0px;
							background-color: #333333;
							transform: rotate(45deg);
							-o-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-khtml-transform: rotate(45deg);
							-webkit-transform: rotate(45deg);
						}
						
						#mobile-header a#mobile-menu.highlight span:after{
							margin: 0px 0px 0px 0px;
							background-color: #333333;
							transform: rotate(-45deg);
							-o-transform: rotate(-45deg);
							-ms-transform: rotate(-45deg);
							-moz-transform: rotate(-45deg);
							-khtml-transform: rotate(-45deg);
							-webkit-transform: rotate(-45deg);
						}
			
			#mobile-header form{
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 100%;
				background-color: transparent;
				display: none;
			}
			
						#mobile-header form a{
							position: absolute;
							top: 0px;
							left: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 64px;
							height: 64px;
							background-color: transparent;
							display: block;
						}
						
									#mobile-header form a span{
										position: relative;
										margin: 20px 20px 20px 20px;
										padding: 0px 0px 0px 0px;
										width: 24px;
										height: 24px;
										background-color: transparent;
										display: block;
									}
									
									#mobile-header form a span:before{
										position: absolute;
										top: 11px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 24px;
										height: 2px;
										background-color: #333333;
										display: block;
										content: "";
										border-radius: 1px;
										-o-border-radius: 1px;
										-ms-border-radius: 1px;
										-moz-border-radius: 1px;
										-khtml-border-radius: 1px;
										-webkit-border-radius: 1px;
										transform: rotate(45deg);
										-o-transform: rotate(45deg);
										-ms-transform: rotate(45deg);
										-moz-transform: rotate(45deg);
										-khtml-transform: rotate(45deg);
										-webkit-transform: rotate(45deg);
									}
									
									#mobile-header form a span:after{
										position: absolute;
										top: 11px;
										left: 0px;
										margin: 0px 0px 0px 0px;
										padding: 0px 0px 0px 0px;
										width: 24px;
										height: 2px;
										background-color: #333333;
										display: block;
										content: "";
										border-radius: 1px;
										-o-border-radius: 1px;
										-ms-border-radius: 1px;
										-moz-border-radius: 1px;
										-khtml-border-radius: 1px;
										-webkit-border-radius: 1px;
										transform: rotate(-45deg);
										-o-transform: rotate(-45deg);
										-ms-transform: rotate(-45deg);
										-moz-transform: rotate(-45deg);
										-khtml-transform: rotate(-45deg);
										-webkit-transform: rotate(-45deg);
									}
						
						#mobile-header form input[type="text"]{
							padding: 0px 64px 0px 64px;
							height: 64px; /* box-sizing ignores padding and border */
							line-height: 64px; /* box-sizing ignores padding and border */
							font-size: 16px;
							text-align: center;
						}
						
						#mobile-header form button{
							position: absolute;
							top: 0px;
							right: 0px;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
							width: 64px;
							height: 64px;
							background-color: #082a4d;
							border: none;
							outline: none;
							cursor: pointer;
							-webkit-appearance: none; /* prevent webkit default style */
							transition: all 0.3s;
							-o-transition: all 0.3s;
							-ms-transition: all 0.3s;
							-moz-transition: all 0.3s;
							-khtml-transition: all 0.3s;
							-webkit-transition: all 0.3s;
						}
						
									#mobile-header form button span{
										margin: 20px 20px 20px 20px;
										padding: 0px 0px 0px 0px;
										width: 24px;
										height: 24px;
										background-color: transparent;
										background-image: url('data/img/icons-24x24.png');
										background-position: -96px 0px;
										background-repeat: no-repeat;
										display: block;
									}

/* end of mobile-header */

/******************************

mobile-nav

******************************/

#mobile-nav{
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50%;
	height: 100%;
	background-color: #ffffff;
	display: block;
	/*
	overflow: hidden;
	*/
	overflow: auto;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-khtml-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-khtml-transform: translateX(100%);
	-webkit-transform: translateX(100%);
}

@media screen and (max-width: 768px){
#mobile-nav{
	width: 75%;
}
}

#mobile-nav.highlight{
	transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-khtml-transform: translateX(0%);
	-webkit-transform: translateX(0%);
}
			
			#mobile-nav > div{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 100%;
				background-color: transparent;
				box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);						
				-khtml-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
				-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
			}
			
						#mobile-nav > div > a{
							float: left;
							width: 50%;
							line-height: 64px;
							background-color: #082a4d;
							font-size: 16px;
							font-weight: normal;
							color: #ffffff;
							text-align: center;
							display: block;
						}
						
						#mobile-nav > div > a:hover{
							background-color: #0f5499;
						}
						
						#mobile-nav > div > a.login{
							background-color: #339900;
						}
						
						#mobile-nav > div > a.login:hover{
							background-color: #4de500;
						}
						
						#mobile-nav > div > a.logout{
							background-color: #990000;
						}
						
						#mobile-nav > div > a.logout:hover{
							background-color: #e50000;
						}
			
			#mobile-nav > a{
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				height: 64px;
				line-height: 64px;
				font-size: 16px;
				font-weight: normal;
				color: #333333;
				text-align: center;
				display: block;
				overflow: hidden;
			}
			
			#mobile-nav > a:hover,
			#mobile-nav > a.highlight{
				color: #082a4d;
			}
			
			#mobile-nav > a:before{
				position: absolute;
				bottom: 0px;
				left: 50%;
				width: 0px;
				height: 1px;
				background-color: #e50000;
				content: "";
				transition: all 0.3s;
				-o-transition: all 0.3s;
				-ms-transition: all 0.3s;
				-moz-transition: all 0.3s;
				-khtml-transition: all 0.3s;
				-webkit-transition: all 0.3s;
				opacity: 0;
				-moz-opacity: 0;
				-khtml-opacity: 0;
				filter: alpha(opacity=0);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			}
			
			#mobile-nav > a:hover:before,
			#mobile-nav > a.highlight:before{
				left: 0px;
				width: 100%;
				opacity: 1;
				-moz-opacity: 1;
				-khtml-opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}
			
			#mobile-nav > p{
				background-color: #f2f2f2;
				text-align: center;
			}
			
						#mobile-nav > p > a{
							line-height: 64px;
							display: block;
						}

/* end of mobile-nav */

/******************************

nav-overlay

******************************/

#mobile-overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	display: none;
}

/* end of nav-overlay */

/******************************

main style

******************************/

body{
	min-width: 0px;
}

/* end of main style */

/******************************

common elements

******************************/

@media screen and (max-width: 768px){
.submenu{
	margin: 0px 0px 10px 0px;
}

.box-warning,
.box-alert,
.box-error{
	margin: 0px 0px 10px 0px;
}
			
.box-toggle{
	margin: 0px 0px 10px 0px;
}
}

/******************************

separator

******************************/

.separator.first-child{
	margin: 20px 0px 20px 0px;
}

/* end of separator */

/******************************

pagination

******************************/

@media screen and (max-width: 768px){
#pagination{
	margin: 10px 0px 0px 0px;
}
}

/* end of pagination */

/******************************

gallery

******************************/

@media screen and (max-width: 768px){
.gallery > div > a{
	width: 33.333333%;
}
}

/* end of gallery */

/******************************

item-post

******************************/

@media screen and (max-width: 768px){
.item-post,
.item-search{
	margin: 0px 0px 10px 0px;
}

			.item-post > a,
			.item-search > a{
				margin: 0px 0px 10px 0px;
				float: none;
			}
			
						.item-post > a img,
						.item-search > a img{
							width: 100%;
							height: auto;
						}
			
			.item-post h1,
			.item-search h1{
				line-height: 32px;
				text-align: center;
				white-space: normal;
				text-overflow: clip;
			}
			
						.item-post h1 a,
						.item-search h1 a{
							line-height: 32px;
						}
			
			.item-post .meta{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				height: auto;
				text-align: center;
			}
						
						.item-post .meta p,
						.item-post .meta a{
							line-height: 24px;
						}
						
						.item-post .meta p:first-of-type,
						.item-post .meta p:last-of-type{
							margin: 0px 5px 0px 5px;
						}
						
									.item-post .meta p span,
									.item-post .meta a span{
										margin: 6px 5px 0px 0px;
									}
			
			.item-post > p,
			.item-search > p{
				max-height: none;
			}
}

/* end of item-post */

/******************************

google-maps

******************************/

@media screen and (max-width: 768px){
#google-maps.widescreen{
	padding-bottom: 100%;
}

#google-maps.contact{
	padding-bottom: 100%;
}
}

/* end of google-maps */
			
/* end of common elements */

/******************************

wrap

******************************/

			/******************************
			
			header
			
			******************************/

						/******************************
						
						links
						
						******************************/
						

						@media screen and (max-width: 768px){
						#wrap #header #links .item-links > a{
							font-size: 0px;
						}

									#wrap #header #links .item-links > a > span{
										margin: 8px 0px 0px 0px;
									}
						}
						
						/* end of links */
			
						/******************************
						
						overlay
						
						******************************/
									
						@media screen and (max-width: 768px){
						#wrap #header #overlay #info > h1{
							margin: 0px 10px 10px 10px;
							max-width: none;
							line-height: 32px;
							font-size: 24px;
						}
						
						#wrap #header #overlay #info > h2{
							margin: 0px 10px 0px 10px;
							max-width: none;
							line-height: 24px;
							font-size: 12px;
						}
						
									#wrap #header #overlay #info > h2 > a{
										line-height: 24px;
										font-size: 12px;
									}
									
						#wrap #header #overlay #info > img{
							margin: 0px auto 10px auto;
							width: 128px;
							height: 128px;
						}
						
						#wrap #header #overlay #slider-nav{
							bottom: 10px;
						}
						
						#wrap #header #overlay > p{
							bottom: 10px;
							right: 10px;
						}
						}
															
						/* end of overlay */
			
			/* end of header */

			/******************************
			
			main
			
			******************************/
			
						/******************************
						
						page
						
						******************************/
						
						#wrap #main #page{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page{					
							padding: 10px 10px 10px 10px;
						}

									#wrap #main #page .column-wrap > div{
										margin: -5px 0px -5px 0px;
									}

												#wrap #main #page .column-wrap > div .one-half,
												#wrap #main #page .column-wrap > div .one-third,
												#wrap #main #page .column-wrap > div .one-fourth{
													padding: 5px 0px 5px 0px;
													float: none;
												}

												#wrap #main #page .column-wrap > div .one-half{
													width: auto;
												}

												#wrap #main #page .column-wrap > div .one-third{
													width: auto;
												}

												#wrap #main #page .column-wrap > div .one-fourth{
													width: auto;
												}
						}
						
						/* end of page */

						/******************************
						
						page-sidebar
						
						******************************/
						
						#wrap #main #page-sidebar{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-sidebar{
							padding: 10px 10px 10px 10px;
						}
						}
									
									/******************************
									
									page-inner
									
									******************************/
									
									#wrap #main #page-sidebar #page-inner{
										float: none;
										width: auto;
									}
												
												@media screen and (max-width: 768px){
												#wrap #main #page-sidebar #page-inner > p > img.alignleft,
												#wrap #main #page-sidebar #page-inner > p > img.alignright{
													margin: 0px 0px 0px 0px;
													float: none;
													width: 100%;
												}
												}
									
									/* end of page-inner */
						
						/* end of page-sidebar */
						
						/******************************
						
						page-contact
						
						******************************/
						
						#wrap #main #page-contact{
							margin: 0px 0px 0px 0px;
							margin: 20px 20px 20px 20px;
							width: auto;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-contact{
							padding: 10px 10px 10px 10px;
						}
						}
						
									#wrap #main #page-contact #info,
									#wrap #main #page-contact #contact-form{
										float: none;
										width: auto;
									}
									
									@media screen and (max-width: 768px){
									#wrap #main #page-contact #contact-form form .left,
									#wrap #main #page-contact #contact-form form .right{
										padding: 0px 0px 0px 0px;
										float: none;
										width: auto
									}
									}
						
						/* end of page-contact */
						
						/******************************
						
						page-posts
						page-search
						
						******************************/
						
						#wrap #main #page-posts,
						#wrap #main #page-search{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #page-posts,
						#wrap #main #page-search{
							padding: 10px 10px 10px 10px;
						}
						}
									
									/******************************
									
									posts
									search-results
									
									******************************/
									
									#wrap #main #page-posts #posts,
									#wrap #main #page-search #search-results{
										float: none;
										width: auto;
									}
									
									/* end of posts */
									/* end of search-results */
						
						/* end of page-posts */
						/* end of page-search */
						
						/******************************
						
						single-post
						
						******************************/
						
						#wrap #main #single-post{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}

						@media screen and (max-width: 768px){
						#wrap #main #single-post{
							padding: 10px 10px 10px 10px;
						}
						}
									
									/******************************
									
									post
									
									******************************/
									
									#wrap #main #single-post #post{
										float: none;
										width: auto;
									}
									
												/******************************
												
												meta
												
												******************************/
												
												@media screen and (max-width: 768px){
												#wrap #main #single-post #post #meta{
													text-align: center;
												}
												
															#wrap #main #single-post #post #meta > p,
															#wrap #main #single-post #post #meta > a,
															#wrap #main #single-post #post #meta > p:first-of-type,
															#wrap #main #single-post #post #meta > p:last-of-type{
																margin: 0px 5px 10px 5px;
															}
															
															#wrap #main #single-post #post #meta #share{
																float: none;
															}
															
																		#wrap #main #single-post #post #meta #share > a:first-of-type,
																		#wrap #main #single-post #post #meta #share > a:last-of-type{
																			margin: 0px 5px 0px 5px;
																		}
												}
												
												/* end of meta */
												
												@media screen and (max-width: 768px){
												#wrap #main #single-post #post > p > img.alignleft,
												#wrap #main #single-post #post > p > img.alignright{
													margin: 0px 0px 0px 0px;
													float: none;
													width: 100%;
												}
												}
									
									/* end of post */
						
						/* end of single-post */
						
						/******************************
						
						sidebar
						
						******************************/
						
						#wrap #main #sidebar{
							float: none;
							width: auto;
						}
						
						/* end of sidebar */
						
						/******************************
						
						page-conditions
						
						******************************/
						
						#wrap #main #page-conditions{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-conditions{
							padding: 10px 10px 10px 10px;
						}
						}
									
									#wrap #main #page-conditions ul li,
									#wrap #main #page-conditions ol li,
									#wrap #main #page-conditions ul li ul li,
									#wrap #main #page-conditions ol li ol li{
										list-style-position: inside;
									}
						
						/* end of page-conditions */
						
						/******************************
						
						page-sitemap
						
						******************************/
						
						#wrap #main #page-sitemap{
							margin: 0px 0px 0px 0px;
							padding: 20px 20px 20px 20px;
							width: auto;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-sitemap{
							padding: 10px 10px 10px 10px;
						}
						}
						
						/* end of page-sitemap */
						
						/******************************
						
						page-404
						
						******************************/
						
						#wrap #main #page-404{
							margin: 20px 0px 20px 0px;
							display: block;
						}
						
						@media screen and (max-width: 768px){
						#wrap #main #page-404{
							margin: 10px 0px 10px 0px;
						}
						}

									#wrap #main #page-404 span{
										margin: 0px auto 20px auto;
										float: none;
									}
									
									#wrap #main #page-404 div{
										float: none;
									}
									
												#wrap #main #page-404 div h1{
													margin: 0px 0px 0px 0px;
													text-align: center;
												}
												
												#wrap #main #page-404 div p{
													text-align: center;
												}
						
						/* end of page-404 */
						
						/******************************
						
						call-to-action
						
						******************************/
						
						@media screen and (max-width: 768px){
						#wrap #main .call-to-action:before{
							width: 100%;
						}
						
						#wrap #main .call-to-action:after{
							width: 100%;
						}
						}
						
									#wrap #main .call-to-action > div{
										margin: 0px 0px 0px 0px;
										width: auto;
									}
									
												#wrap #main .call-to-action > div > div{
													padding: 64px 20px 64px 20px;
													width: auto;
												}
												
												@media screen and (max-width: 768px){
												#wrap #main .call-to-action > div > div{
													padding: 64px 10px 64px 10px;
													text-align: center;
												}
												}
												
															@media screen and (max-width: 768px){
															#wrap #main .call-to-action > div > div > h1,
															#wrap #main .call-to-action > div > div > h2{
																margin: 0px 0px 10px 0px;
															}
															
															#wrap #main .call-to-action > div > div > a{
																padding: 0px 0px 0px 0px;
																display: block;
															}
															}
						
						/* end of call-to-action */
						
						/******************************
						
						partner
						
						******************************/
						
						#wrap #main #partner > div{
							margin: 0px 0px 0px 0px;
							padding: 64px 20px 64px 20px;
							width: auto;
						}
						
						/* end of partner */
			
			/* end of main */
			
			/******************************
			
			footer
			
			******************************/
			
			#wrap #footer #footer-inner{
				margin: 0px 0px 0px 0px;
				padding: 20px 20px 20px 20px;
				width: auto;
			}
			
						#wrap #footer #footer-inner > a{
							margin: 0px auto 20px auto;
							float: none;
						}
						
						#wrap #footer #footer-inner .item-footer{
							text-align: center;
						}
						
						#wrap #footer #footer-inner .item-footer.left,
						#wrap #footer #footer-inner .item-footer.right{
							float: none;
							text-align: center;
						}
						
									#wrap #footer #footer-inner .item-footer > p,
									#wrap #footer #footer-inner .item-footer p.copyright{
										text-align: center;
									}
									
									#wrap #footer #footer-inner .item-footer > a:first-of-type,
									#wrap #footer #footer-inner .item-footer > a:last-of-type{
										margin: 0px 10px 0px 10px;
									}
			
			/* end of footer */

/* end of wrap */

/******************************

popup

******************************/

.popup > .screensaver{
	position: relative;
	top: auto;
	left: auto;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	width: auto;
}

			.popup > .screensaver > span{
				margin: 0px auto 20px auto;
				float: none;
			}
			
			.popup > .screensaver > h1{
				margin: 0px 0px 0px 0px;
				text-align: center;
			}
			
			.popup > .screensaver > p{
				text-align: center;
			}

@media screen and (max-width: 768px){
.popup .popup-content{
	top: auto;
	left: auto;
	margin: 20px 20px 20px 20px;
	width: auto;
	transform: translate(0%,0%);
	-o-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-khtml-transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
}

/* end of popup */

/******************************

jQuery CookieBar

******************************/

#cookie-bar{
	padding: 0px 0px 0px 0px;
}

#cookie-bar.fixed{
	margin: 0px 0px 0px 0px;
	left: 0px;
	width: 100%;
}

			#cookie-bar p{
				padding: 20px 20px 20px 20px;
				border-radius: 0px;
				-o-border-radius: 0px;
				-ms-border-radius: 0px;
				-moz-border-radius: 0px;
				-khtml-border-radius: 0px;
				-webkit-border-radius: 0px;
			}

/* end of jQuery CookieBar */

/******************************

retina displays

******************************/

@media only screen and (min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-Webkit-min-device-pixel-ratio: 1.5){
#mobile-header a#mobile-logo{
	background-image: url('data/img/logo-nav-retina.png');
	background-size: 170px 48px;
}

#mobile-header a#mobile-search:before,
#mobile-header form button span{
	background-image: url('data/img/icons-24x24-retina.png');
	background-size: 480px 24px;
}
}

/* end of retina displays */