@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,300,300italic);

h1,h2,h3,h4,h5,h6,p,address,a,span,li
{
	font-family: 'Roboto', sans-serif;
}

h1,h2,h3,h4,h5
{
	color: #58aac1;
}

/**
Header
**/
header
{
	position: relative;
	background: #05718E; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#05718E, #3D9FB8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#05718E, #3D9FB8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#05718E, #3D9FB8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#05718E, #3D9FB8); /* Standard syntax */
}
header address
{
	float: right;
	margin-bottom: -40px;
	z-index: 10;
	font-size: 13px;
	padding-right: 5px;
	padding-top: 10px;
	position: relative;
	color: #fff;
}

header address i
{
	margin-left: 5px;
}

header address a,
header address a:hover
{
	color: #fff;
	text-decoration: none;
}

header .MainLogo
{
	width: 100%;
}

header .AddressBackground
{
	background-image: url("/assets/img/FadeHeader.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 40px;
}

.Gradient
{
	background: #0e7996; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0e7996, #449db4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0e7996, #449db4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0e7996, #449db4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0e7996, #449db4); /* Standard syntax */
}

.SideImages a
{
	display: block;
	position: relative;
}

.SideImages a .HoverColorBlock
{
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	left: 5px;
	top: 5px;
}

/**
Main Menu
**/
#MenuWrapper .ContainerInner
{
	background-color: #000;
	padding: 12px 0;
}

#MenuWrapper .ContainerInner img
{
	width: 100px;
	position: absolute;
	float: left;
	display:none;
}

#MenuWrapper .ContainerInner button span
{
	background-color: #fff;
}

#MenuWrapper
{
	
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  
  background: #3D9FB8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3D9FB8, #449db4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3D9FB8, #449db4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3D9FB8, #449db4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3D9FB8, #449db4); /* Standard syntax */
  
}

#MenuWrapper.Static
{
	position: fixed;
    width: 100%;
    z-index: 999995;
	border-bottom: 5px solid #3794AC;
	/*//opacity: 1;*/
    top: 0;
	background: none;
    background-color: #000;
	text-align: right;
}

#MenuWrapper.Static .ContainerInner img
{
	display:block;
	
}

#MenuWrapper ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline-block;
}

#MenuWrapper ul li
{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	position: relative;
}

.navbar-collapse.collapse.in
{
	height: 350px;
	overflow: auto;
}
.navbar-collapse.collapse.in.flexcroll{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

/* Let's get this party started */
.navbar-collapse.collapse.in.flexcroll::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.navbar-collapse.collapse.in.flexcroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    /*-webkit-border-radius: 10px;
    border-radius: 10px;*/
}
 
/* Handle */
.navbar-collapse.collapse.in.flexcroll::-webkit-scrollbar-thumb {
  /*  -webkit-border-radius: 10px;
    border-radius: 10px;*/
    background: rgba(255,255,255,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#MenuWrapper ul li ul
{
	    position: absolute;
    left: 0;
    margin-top: 15px;
    z-index: 999;
    min-width: 200px;
	text-align: left;
    background-color: #000;
    padding-bottom: 15px;
    padding-top: 25px;
	display: none;
}

#MenuWrapper ul li:hover ul
{
	display: inline-block;
}

#MenuWrapper ul li ul li
{
	display: block;
	margin-bottom: 10px;
}

#MenuWrapper ul li a
{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

#MenuWrapper ul li a:hover,
#MenuWrapper ul li a.Active
{
	color: #f3f600;
}

/**
Slider
**/
#SliderWrapper
{
	width: 100%;
	opacity: 0;
	position: relative;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	 background: #449db4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#449db4, #05718E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#449db4, #05718E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#449db4, #05718E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#449db4, #05718E); /* Standard syntax */
}

.bx-wrapper
{
	
}

.Trekker
{
	position: relative;
	padding-bottom: 60px;
	text-align: center;
	z-index:99999;
}

.Trekker .container
{
	text-align: center;
	margin-top: -39px;
}

/**
Homepage Blocks
**/
#HomePageBlocks,
#OtherPageBlocks
{
	background-color: #fff;
}

#OtherPageBlocks
{
	padding: 60px 0;
	background-color: #e7e3e3;
}

#HomePageBlocks .HomePageBlock,
#OtherPageBlocks .HomePageBlock
{
	position: relative;
	margin-bottom: 30px;
}

#HomePageBlocks .HomePageBlock span,
#OtherPageBlocks .HomePageBlock span
{
	position: absolute;
	top: 0;
	z-index: 9;
	left: 0;
	font-size: 16px;
	color: #fff;
    padding: 5px 15px;
}
.HoverColorBlock
{
	text-align: center;
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.HoverColorBlock i
{
	font-size: 40px;
    color: #fff;
	margin-top: 80px;
}
.HoverColorBlock:hover
{
	opacity: 0.9;
}

.HoverColorBlock.Dark
{
	background-color: #58aac1;
}

.HoverColorBlock.Light
{
	background-color: #065c73;
}

#HomePageBlocks .HomePageBlock span img,
#OtherPageBlocks .HomePageBlock span img
{
	margin-right: 5px;
}

#HomePageBlocks .HomePageBlock.Dark span,
#OtherPageBlocks .HomePageBlock.Dark span
{
	background-color: #065c73;
}

#HomePageBlocks .HomePageBlock.Light span,
#OtherPageBlocks .HomePageBlock.Light span
{
	background-color: #58aac1;
}

#HomePageBlocks .HomePageBlock .img-responsive,
#OtherPageBlocks .HomePageBlock .img-responsive
{
	width: 100%;
}


#HomePageBlocks .ShadowBottom
{
	padding-top: 40px;
}
#ContentWrapper
{
	padding-bottom: 60px;
}

#ContentWrapper .MainContent
{
	padding-right: 25px;
}

#ContentWrapper .MainContent img
{
	max-width: 100%;
}

/**
Event slider
**/
ul.EventSlider
{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul.EventSlider li a
{
	display: inline-block;
	color: #fff;
	position: relative;
}

ul.EventSlider li a span
{
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	font-size: 16px;
	display: inline-flex;
	color: #fff;
	background-color: rgba(55,148,172,0.8);
	padding: 5px 15px;
}
ul.EventSlider li a span img
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	height: 100%;
}

.ContentSliderWrapper .bx-wrapper
{
	padding-bottom: 30px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.ContentSliderWrapper .bx-pager
{
	bottom: 10px;
	padding-top: 0;
}

/**
Event
**/
.AnEvent
{
	border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
	padding-top: 15px;
	margin-top: 15px;
cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.AnEvent:hover
{
	 background-color: rgba(17, 122, 149, 0.17);
}
.AnEvent  .col-xs-10
{
	padding-top: 39px;
}
.AnEvent a
{
	text-decoration: none;
	font-size: 30px;
	display: block;
	color: #58aac1;
	line-height: 20px;
}

.AnEvent a i
{
	font-size: 40px;
	margin-top: -7px;
}

.AnEvent a span
{
	margin-top: 7px;
	display: block;
	font-size: 13px;
}

.EventWrapper .col-sm-4
{
	padding-top: 75px;
}

.EventWrapper
{
	padding-bottom: 50px;
}

.EventWrapper .EventDate
{
	font-size: 12px;
    font-style: italic;
    padding-bottom: 15px;
    display: block;
}

/**
Clubs
**/
.AClub
{
	border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
	padding-top: 15px;
	margin-top: 15px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.AClub:hover
{
	 background-color: rgba(17, 122, 149, 0.17);
}

.AClub  .col-xs-10
{
	padding-top: 38px;
}
.AClub a
{
	text-decoration: none;
	font-size: 30px;
	display: block;
	color: #58aac1;
	line-height: 20px;
}

.AClub a i
{
	font-size: 40px;
	margin-top: -10px;
}

.AClub a span
{
	font-size: 13px;
}

.ClubWrapper .col-sm-4
{
	padding-top: 75px;
}

.ClubWrapper
{
	padding-bottom: 50px;
}

.SfeerImages img
{
	margin-bottom: 30px;
}

/**
Arags
**/
.AragRow .col-sm-6:first-child
{
	border-right: 1px solid #efefef;
}

.AragRow .col-sm-6
{
		margin-bottom: 30px;
}

.AragTitle
{
	padding: 35px 0;
    text-align: center;
	background-position: center center;
    background-size: cover;
}

.AragTitle h2,
.AragTitle h1
{
	margin: 0;
	font-size: 20px;
}

.AragDesc
{
	margin-top: 15px;
}

.AragImageWrapper
{
	padding-bottom: 30px;
}

.AragImageWrapper a
{
	display: block;
	margin-bottom: 30px;
}

.AragImages a
{
	display: block;
	margin-bottom: 15px;
}

.LatestItem
{
	    border-bottom: 1px solid #efefef;
    padding-bottom: 15px;
}

.AragText
{
	margin-top: 15px;
	font-weight: bold;
}

.UpperFooter
{
	padding-bottom: 30px;
	 background: #66b2c7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#66b2c7, #288fab); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#66b2c7, #288fab); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#66b2c7, #288fab); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#66b2c7, #288fab); /* Standard syntax */
}

.UpperFooter .Fancy,
.SfeerImages .Fancy
{
	position: relative;
	display: block;
}

.SfeerImages .HoverColorBlock i
{
	margin-top: 55px;
}

.UpperFooter .HoverColorBlock i
{
	margin-top: 20px;
}

.UpperFooter .UppferFooterCenter
{
	display: block;
    width: 2px;
    height: 315px;
  
    margin: 30px auto 0 auto;
	padding-bottom: 30px;
	 background: #66b2c7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#288fab, #347F94); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#288fab, #347F94); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#288fab, #347F94); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#288fab, #347F94); /* Standard syntax */
}

.UpperFooter h3
{
	color: #fff;
	font-size: 30px;
}

.UpperFooter img
{
	border: 5px solid #fff;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.UpperFooter p
{
	color: #fff;
}

.UpperFooter .col-sm-4
{
	text-align: center;
}

.UpperFooter a.LinkToImpress
{
	color: #fff;
	display: block;
	padding: 5px 0;
	margin: 15px auto;
	background-color: #4ca2ba;
	text-align: center;
}

footer
{
	
	 background-color: #065c73;
    
}

footer address,
footer address a
{
	color: #63b0c6;
	font-size: 15px;
	margin: 0;
    padding: 15px 0;
    text-align: right;
}

footer address a:hover
{
	color: #63b0c6;
}

.errormember
{
	background-color: rgb(169, 0, 0);
    padding: 15px 15px 0 15px;
    margin-bottom: 15px;
    border: 1px solid #FF7B7B;
}

.succesmember
{
	    background-color: rgb(19, 179, 0);
    padding: 15px 15px 0 15px;
    margin-bottom: 15px;
    border: 1px solid #ACFF82;
}

.BoxedWShadow
{
	border: 5px solid #fff;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

#MCFName,
#MCLName,
#MCEmail
{
	background-color: #065C73;
	margin-bottom: 15px;
	border: 1px solid #3797B2;
	color: #42ABC7;
}


.openings-card-wrapper {
	position: absolute;
    bottom: 0;
    width: 100%;
}

.openings-card-wrapper .card {
	display: inline-block;
	max-width: 315px;
	background-color: #000;
	color: #fff;
	border: 2px solid red;
	padding: 15px;
	margin-left: 49px;
	box-shadow: -7px 8px 6px #00000080;
}

.openings-card-wrapper .card table {
	width: 100%;
}

.openings-card-wrapper .card .remark {
	margin-top: 10px;
	font-size: 13px !important;
}

/**
Responsive
**/
@media(max-width:1200px)
{
	#MenuWrapper .ContainerInner img
	{
		display:none !important;
	}
}

@media(max-width:992px)
{
	.AClub .col-xs-10
	{
		padding-top: 18px;
	}
	
	.AnEvent  .col-xs-10
	{
		padding-top: 20px;
	}
	
	#MenuWrapper .ContainerInner img
	{
		display:none !important;
	}
	
	.openings-card-wrapper .card {
		max-width: 295px;
		transform: rotate(0);
	}
}

@media(max-width:768px)
{
	.openings-card-wrapper{
		position: relative;
	}
	
	.openings-card-wrapper .card {
		margin: 0 auto 15px auto;
		background: #ffffffc7;
		color: #000;
		display: block;
		 box-shadow: none;
	}
}

@media(max-width:767px)
{
	#MenuWrapper,
	#MenuWrapper.Static
	{
		background-image: url("/assets/img/HeaderTop2.png");
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #3D9FB8;
	}
	
	#MenuWrapper .ContainerInner
	{
		background-color: transparent;
	}
	
	#MenuWrapper ul
	{
		display: block;
	}
	
	#MenuWrapper ul li ul
	{
			position: inherit;
		
		margin-top: 15px;
		z-index: 999;
		min-width: 200px;
		text-align: right;
		background-color: transparent;
		padding-bottom: 0;
		padding-top: 0;
		margin-right: 15px;
		display: block;
	}

	#MenuWrapper ul li ul li
	{
		margin-bottom: 5px;
	}
	
	#MenuWrapper ul li
	{
		margin-bottom: 15px;
		display: block;
		text-align: right;
	}
	
	.AragRow .col-sm-6
	{
		padding: 0;
	}
	
	.AragRow .col-sm-6:first-child
	{
		border: none;
	}
	
	#HomePageBlocks
	{
		margin-top: 15px;
	}
	
	#HomePageBlocks .HomePageBlock,
	#OtherPageBlocks .HomePageBlock
	{
		margin-bottom: 15px;
	}
	
	.UpperFooter .col-sm-4 img
	{
		width: 100%;
		margin-bottom: 15px;
	}
	
	.AnEvent a
	{
			font-size: 23px;
	}
	
	.AClub .col-xs-10
	{
		padding-top: 3px;
	}
	
	.AnEvent  .col-xs-10
	{
		padding-top: 3px;
	}
	
	#MenuWrapper .ContainerInner img
	{
		display:none !important;
	}
}