/* Teaser */

.teaser-content {
	background: url(img/bg2.png) no-repeat;
	background-size: auto;
	background-position: bottom center;
}

.teaser-content .teaser {
	position: relative;
	display: block;
	min-height: 450px;
    text-decoration: none!important;
    transition: all .8s cubic-bezier(.77,0,.175,1);
    -webkit-clip-path: inset(15px 15px 15px 15px);
    clip-path: inset(15px 15px 15px 15px);
    overflow: hidden;
}

.teaser-content .teaser::after {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 6px;
    background: #b21a22;
    bottom: 15px;
    left: 15px;
    z-index: 9;
}

.teaser-content .teaser::after:hover {
    opacity: 0;
}

.teaser-content .teaser:hover {
    -webkit-clip-path: inset(2px 2px 2px 2px);
    clip-path: inset(2px 2px 2px 2px);
}

.teaser-content .teaser .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover !important;
	background-position: center !important;
	z-index: 0;
}

.teaser-content .teaser .filter {
	position: absolute;
	z-index: 1;
	background: rgba(35,32,32, .35);
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	transition: .3s;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-bottom: 6px solid transparent;
}

.teaser-content .teaser:hover .filter {
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	background: rgba(35,42,53, .8);
	transition: .3s;
	border-bottom: 6px solid #b21a22;
}

.teaser-content .teaser hr {
	width: 40%;
	height: 2px;
	background: #fff;
	opacity: 1;
	margin: 10px 0;
	position: relative;
	transition: .6s;
}

.teaser-content .teaser hr:after {
	content: "";
	position: absolute;
	width: 20%;
	height: 2px;
	background: #b21a22;
	top: 0;
	right: 0;
}

.teaser-content .teaser .inner-title {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 40px;
	transition: .3s;
	display: flex;
    align-items: end;
    transition: all .8s cubic-bezier(.77,0,.175,1);
}

.teaser-content .teaser .title {
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	transition: all .8s cubic-bezier(.77,0,.175,1);
	opacity: 1;
	width: 100%;
	text-transform: capitalize;
}

.teaser-content .teaser:hover .title {
	-webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
	transition: all .8s cubic-bezier(.77,0,.175,1);
	opacity: 0;
}

.teaser-content .teaser .inner-title .title h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;	
}

.teaser-content .teaser .inner-text {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 40px;
	transition: .3s;
	display: flex;
    align-items: end;
    transition: all .8s cubic-bezier(.77,0,.175,1);
    font-size: 18px;
}

.teaser-content .teaser .text {
	-webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
	transition: all .8s cubic-bezier(.77,0,.175,1);
	opacity: 0;
	color: #fff;
	font-weight: 600;
}

.teaser-content .teaser:hover .text {
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	transition: all .8s cubic-bezier(.77,0,.175,1);
	opacity: 1;
}

.teaser-content .teaser .inner-text .text h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 700;	
	margin-bottom: 2px;
	text-transform: capitalize;
}

.teaser-content .teaser .inner-text .text h4 {
	color: #fff;	
	text-transform: capitalize;
}

.teaser-content .teaser .inner-text .text p {
	margin-bottom: 10px;
}


/* Footer */

footer {
	background: #232a35;
	color: #8f98a4;
}

footer a.logo-footer {
    width: 190px;
    display: block;
}

footer h4 {
	color: #eee;
}

footer a {
	color: #8f98a4;
}

footer a:hover {
	color: #fff;
}

footer nav ul li:last-child {
    margin-bottom: 0;
}

.social-link {
	margin-top: 15px;
}

.social-link span {
	text-transform: uppercase;
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.social-link i {
    font-size: 34px;
}

.copyright {
    border-top: 1px solid #313946;
    padding: 0 15px;
    font-size: 14px;
}