@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


.page-template-emd-theme-customizations nav.main_menu > ul > li > a {
	color:  #fff;
}
.emd-banner {
	position:relative;
	width:100%;
/*	background-image:url(../img/dist/banner-bg.png);*/
	background-position:top right;
	background-repeat:no-repeat;
	z-index:1;
}

.emd-banner-title {
	padding: 10em 0 2em 8%;
	position: relative;
	z-index: 15;
	background: rgba(57, 57, 57, 0.5);
}
.emd-banner-title .wrap {
	border-left: solid #078c45 10px;
	/* animation */
	opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
}

.emd-banner-title .h1 {
	font-size:3.5rem;
	line-height: 1em; 
/*	margin:0 8%;*/
	display:block;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	text-transform: capitalize;
	font-weight:700;

/*	border-left: solid #078c45 10px;*/ 
	padding: 0 0 0 3%;

	/* animation */
	opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
}
.emd-banner-title .h3 {
	font-size:1.2rem;
	line-height: 1.5em; 
/*	margin:0 8%;*/
	display:block;
	color:#fff;
	font-family:"Open Sans", sans-serif;
	text-transform: uppercase;
	font-weight:700;

/*	border-left: solid #078c45 10px;*/
	padding: 0 0 0 3%;

	/* animation */
	opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
}
/*.emd-banner-title .h1::before {
  content: url("data:image/svg+xml,  %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' class='svg-triangle' width='10' height='10' fill='%23078c45' %3E%3Cpath d='M 9.5,5 0.5,9.5 0.5,0.5 z'/%3E%3C/svg%3E ");
  width: 200px;
  height: 200px;
}*/

.emd-banner-title::before {
	content: "";
/*	display: inline-block;*/
	position: absolute;
	height: 2rem;
	width: 2rem;
	background-size: 2rem auto;
/*	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' class='svg-triangle' width='10' height='10' fill='%23078c45' %3E%3Cpath d='M 8,6 0.5,9 0.5,2 z'/%3E%3C/svg%3E");*/
/*	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' class='svg-bar' width='10' height='10' fill='%23078c45' %3E%3Cpath d='M 5.5,10 0.5,10 0.5,0 5.5,0 z'/%3E%3Cpath d='M 8,5 5,7 5,3 z'/%3E%3C/svg%3E");*/
	background-repeat: no-repeat;
	left: 8%;

	/* animation */
	opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
}
/*.emd-banner-title .h3::before {
	content: "";
	display: inline-block;
	height: 3rem;
	width: 3rem;
	background-size: 3rem auto;
	background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' class='svg-bar' width='10' height='10' fill='%23078c45' %3E%3Cpath d='M 5.5,10 0.5,10 0.5,0 5.5,0 z'/%3E%3Cpath d='M 8,5 5,7 5,3 z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}*/


.emd-banner-image-m {
	display:block;
	position:absolute;
	left:-9999px;
	top:-9999px;
	right:-9999px;
	bottom:-9999px;
	margin:auto;
	width:100%;
/*	min-width:100em;*/
	min-height: 5em;
	user-drag:none;
	-webkit-user-select:none;
	 -moz-user-select:none;
	  -ms-user-select:none;
	      user-select:none;
	z-index:1;
	opacity:1;


	animation: move 40s ease-in-out 0s alternate infinite none running;
	/*-ms-animation: move 40s ease-in-out 0s alternate infinite none running;
	-webkit-animation: move 40s ease-in-out 0s alternate infinite none running;
	-0-animation: move 40s ease-in-out 0s alternate infinite none running;
	-moz-animation: move 40s ease-in-out 0s alternate infinite none running;*/
}

/*Image Overlay*/
/*.emd-banner .wrap::before {
	content: '';
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: linear-gradient(90deg, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.1) 100%);
}*/


/* Animation / Ken Burns Effect */
@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
  100% {
    transform: scale(1.6);
    -ms-transform: scale(1.6);
    /* IE 9 */
    
    -webkit-transform: scale(1.6);
    /* Safari and Chrome */
    
    -o-transform: scale(1.6);
    /* Opera */
    
    -moz-transform: scale(1.6);
    /* Firefox */
  }
}


@keyframes fadeInUp {
    from {
        transform: translate(0,40px);
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate(0,40px);
    }

    to {
        transform: translate(0,0);
        opacity: 1
    }
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
}






/*Desktop Styles*/
@media screen and (min-width: 600px) {

	/* Image Overlay */
	/*.emd-banner .wrap::before {
		background: linear-gradient(90deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0) 75%);
	}*/

	/* Header Size */
	.emd-banner-title {
		padding: 20em 0 3em 8%;
	}
}