/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


p {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
	font-weight: 200px;
	font-family; europa;
}

h3 {
    color: #200538;
    
}


p {
    margin: 0 0 10px;
}




	.menu-link {
		font-family: "Source Sans Pro",sans-serif;
    font-size: .85em;
    font-family: brandon-grotesque;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 3px;
    text-decoration: none;
    line-height: 2em;
	color:#200538;
	}


	.menu-link:hover{
		background-color: #ECECE7;
		text-shadow: 0px 0px 0 #0d0d10;
	}



	.text-block {
		position: absolute;
		bottom: 20px;
		right: 20%;
		left: 20%;
		
		padding-left: 20px;
		padding-right: 20px;
		background-color: rgba(248, 248, 245, 0.8);
		min-width: 206px;
		text-align: center;
		color: #2C2C2C;
		font-family: 'ParaSupreme';
		padding: 13px;
		font-size: 14px;
	  }


	  .zoom {
		
		overflow: hidden;
		margin: 0 auto;
	}
 
	.zoom img {
		width: 100%;
		transition: 0.5s all ease-in-out;
	}
 
	.zoom:hover img {
		transform: scale(1.2);
	}


	#content {
		background-color: #ece9e3;
	}

	.swiper_wrapper {
		background-color: #ece9e3;
		border-color: #200538;

	}


	.sticky-header #header-wrap {
		background-color: #fbf8f4!important;

	}


	
	#header-wrap {
		background-color: #fbf8f4!important;

	}


.story-box .story-box-info .story-box-content a {
    font-size: 16px;
    text-decoration: none !important;
}



.menu-container > .menu-item > .menu-link {
  font-size: 12px;
    font-family: "century-gothic";
    font-weight: 500;
    line-height: 18px;
	letter-spacing: 2px;
}

.sub-menu-container .menu-item > .menu-link {
	font-size: 12px !important;
    font-family: "century-gothic";
    font-weight: 400 !important;
    line-height: 18px;
}


label {
	font-size: 12px !important;
    font-family: "century-gothic";
    font-weight: 400 !important;
    line-height: 18px;

    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    margin-bottom: 10px;
    cursor: pointer;
}

video {
	width: 100% !important;
	height: auto !important;

}

#slider {
	background-color: #ece9e3;
}

.CaptionImage {
	background-color: rgba(248, 248, 245, 0.8);
	min-width: 206px;
	text-align: center;
	color: #2C2C2C;
	font-family: 'ParaSupreme';
	padding: 13px;
	font-size: 14px;
}

.story-box .story-box-info .story-box-content a {
	font-size: 12px;
	text-decoration: none !important;
}




*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	margin-top: 125px;
}


.m_scroll_arrows {
	display: block;
	width: 5px;
	height: 5px;
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);

	border-right: 2px solid white;
	border-bottom: 2px solid white;
	margin: 0 0 3px 4px;

	width: 16px;
	height: 16px;
}


.unu {
	margin-top: 1px;
}

.unu,
.doi,
.trei {
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
	animation: mouse-scroll 1s infinite;

}

.unu {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;

	animation-direction: alternate;
	animation-delay: alternate;
}

.doi {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;

	animation-delay: .2s;
	animation-direction: alternate;

	margin-top: -6px;
}

.trei {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;

	animation-delay: .3s;
	animation-direction: alternate;


	margin-top: -6px;
}

.mouse {
	height: 42px;
	width: 24px;
	border-radius: 14px;
	transform: none;
	border: 2px solid white;
	top: 170px;
}

.wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;

	height: 4px;
	width: 4px;
	border: 2px solid #fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.wheel {
	-webkit-animation: mouse-wheel 0.6s linear infinite;
	-moz-animation: mouse-wheel 0.6s linear infinite;
	animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@-moz-keyframes mouse-wheel {
	0% {
		top: 1px;
	}

	25% {
		top: 2px;
	}

	50% {
		top: 3px;
	}

	75% {
		top: 2px;
	}

	100% {
		top: 1px;
	}
}

@-o-keyframes mouse-wheel {

	0% {
		top: 1px;
	}

	25% {
		top: 2px;
	}

	50% {
		top: 3px;
	}

	75% {
		top: 2px;
	}

	100% {
		top: 1px;
	}
}

@keyframes mouse-wheel {

	0% {
		top: 1px;
	}

	25% {
		top: 2px;
	}

	50% {
		top: 3px;
	}

	75% {
		top: 2px;
	}

	100% {
		top: 1px;
	}
}

@-webkit-keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes mouse-scroll {

	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

.bottomright {
	position: fixed;
	right: 48%;
	bottom: 20%;
	width: 100px;
	height: 100px;
	padding: 5px;
}


@media all and (min-width:0px) and (max-width: 600px) {
	#logo{
	margin-left:20%;
}

.ContactAppLogo{

	width: 200px;
	align-content: center;


}

#HideDesktop{
	display:block;
}
}

#MobileShow {
	display: none;
}

#DesktopShow {
	display: block;
}


@media screen and (max-width: 800px) {
	#FooterLogo {
		width: 250px;
	}

	#MobileShow {
		display: block;

	}
	#DesktopShow {
	display: none;
}

}

h4{
	font-size: 18px !important;
    font-family: "century-gothic";
    font-weight: 400 !important;
    line-height: 18px;
}

.heading-block > span:not(.before-heading) {
    display: block;
	font-size: 16px !important;

    margin-top: 10px;
	font-family: "century-gothic";
    font-weight: 300;
    color: #777;
}

p{
	font-family: "Merriweather";

}