.header {
	/*position: relative;*/
	}

.header-under {
	display: none;
}
.header {
	background-color: rgba(0,0,0,0.8);
}


.p-banner {
    /*height: calc(100vh - 75px);
	background-color: rgba(0,0,0,0.50) !important;*/
	overflow: hidden;
}


@media screen and (min-width: 1140px) {
nav ul li a {
		color: #DFDFDF;
		font-family: "Red Hat Display", sans-serif;
		font-weight: 400;
		font-size: 0.9em;
		padding: 19px 12px;
		background-color: transparent;
		border-left: solid 1px rgba(255,255,255,0.35);
	}
	nav ul li:last-of-type a {
    border-right: solid 1px rgba(255,255,255,0.35);
}
}
@media screen and (max-width: 1139px) {
	.menu-hold {
		position: absolute;
		right: 0px;
		top: 0px;
		left: auto;
		width: 100%;
		height: 60px;
		background-color: transparent;
	}
}
/*-------------------------------------------*/
@media (min-width: 1150px) {
	.c2a figcaption H4 {
		font-size: 2em !important;
	}
}
.c2a figcaption H4 {
    background-color: transparent;
    padding: 4% 0px 10px 5%;
    margin: 0.1em 0px 0.3em 0px;
    font-size: 1.9m;
    display: block;
    text-align: left;
    line-height: 1em;
    position: absolute;
    bottom: auto;
	top: 0px;
    left: 0px;
    color: #FFFFFF;
    font-family: "Red Hat Display", sans-serif;
    font-weight: 400;
}
.c2a figure:hover {
	transform: scale(1.00)
}
.c2a figure {
    position: relative;
    margin: 20px 0px 0px 0px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background-color: #000000;
	color: #ffffff;
}
.c2a figure:hover {
    transform: translateY(-10px);
}
.c2a-inner p:nth-of-type(1) {
    margin: 0%;
    display: block;
    background-color: transparent;
    position: relative;
    padding: 10px 0px 0px 0px;
}
.c2a figcaption {
	background-color: transparent !important;
}
.c2a-content {
	padding: 15px 25px 100px 25px;
}
.c2a-img1 {
	background-color: rgba(55,181,230,1);
}
.c2a-img2 {
	background-color: rgba(231,66,96,1);
}
.c2a-img3 {
	background-color: rgba(119,184,41,1);
}
.c2a-img1 img, .c2a-img2 img, .c2a-img3 img {
	opacity: 0.4;
}

.c2a-content .btn {
	position: absolute;
	bottom: 15px;
	right: 25px;
}

.c2a-inner {
    padding-bottom: 0px;
}


.h-detail h2 {
	padding-bottom: 0.7em;
    background-image: url(images/h1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100px 6px;
    margin-bottom: 1.5em;
}

.restrict-width-mini {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
}

/*--------------------------------------*/

.images-three-mini .column:nth-of-type(3) {
    margin-top: 76px;
}



/*-------------------TRANSITIONS
=======================================================*/
@keyframes fadeIn {
  0% { opacity: 0; }
	25% { opacity: 0; }
  100% { opacity: 1; }
}
.full-anim img {
    animation: fadeIn 2s;
}



.p-banner H1 {
	animation-duration: 2.0s; /* the duration of the animation */
	animation-timing-function: ease-out; /* how the animation will behave */
	animation-delay: 0s; /* how long to delay the animation from starting */
	animation-iteration-count: 1; /* how many times the animation will play */
	animation-name: slideInFromRight; /* the name of the animation we defined above */
}
.p-banner span {
	animation-duration: 3.0s; /* the duration of the animation */
	animation-timing-function: ease-out; /* how the animation will behave */
	animation-delay: 0s; /* how long to delay the animation from starting */
	animation-iteration-count: 1; /* how many times the animation will play */
	animation-name: slideInFromRight; /* the name of the animation we defined above */
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}