/* ---------------------------------- */
/* Animations
------------------------------------- */

.col-md-12.cms-column-bloc.nopadding.animated-fade-right .col-md-6:last-child {
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 100;
}

.col-md-12.cms-column-bloc.nopadding.animated-fade-left .col-md-6:first-child {
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 100;
}

.col-md-12.cms-column-bloc.nopadding.animated-fade-left-and-right .container > .row > div[class^="col"]:first-child {
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 100;
}

.col-md-12.cms-column-bloc.nopadding.animated-fade-left-and-right .container > .row > div[class^="col"]:last-child {
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 100;
}

/* ---------------------------------- */
/* Parallax Background
------------------------------------- */
.col-md-12.cms-column-bloc.nopadding.animated-parallax div[data-src]:first-child {
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    position: relative !important;
    z-index: 99 !important;
}


.parallax {
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    position: relative !important;
    z-index: 99 !important;
}

@media (max-width: 768px) { 
    .parallax {
        background: fixed;
    }

    .col-md-12.cms-column-bloc.nopadding.animated-parallax div[data-src]:first-child {
        background: fixed;
    }
}

/* fullscreen setup */
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}

.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.centered-container {
    display:table;
}
.centered-content {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

/* Parallax Overlay */
.parallax-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
}

/* Banner Home TOP Parallax */
.parallax-overlay.home-banner{
	background-color: #333;
}

/* Parallax Content */
.parallax-content {
	position: relative;
	z-index: 999;
	padding: 105px 0;
}


/* Parallax Titlebar
------------------------------------- */
.parallax #titlebar {
	background-color: transparent;
	position: relative;
	z-index: 999;
	padding: 120px 0;
}

.parallax #titlebar h1,
.parallax #titlebar h2,
.parallax #titlebar #breadcrumbs ul li,
.parallax #titlebar #breadcrumbs ul li a,
.parallax #titlebar #breadcrumbs ul li::before {color: #fff}

.parallax #titlebar span a,
.parallax #titlebar span { color: rgba(255,255,255,0.7); }