@keyframes propertyTileLoad
{ 
    from { opacity: 0; transform: scale(0.8) rotateY(30deg);}
    to { opacity: 1; transform: none;}
}

@-webkit-keyframes propertyTileLoad
{ 
    from { opacity: 0; -webkit-transform: translateY(30px);}
    to { opacity: 1; -webkit-transform:  translateY(0px);}
}

.csstransitions #headlineContainer #imageContainer,
.csstransitions #searchContainer #imageContainer
{
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}


.csstransitions [data-loadstate="loaded"] #headlineContainer #imageContainer,
.csstransitions [data-loadstate="loaded"] #searchContainer #imageContainer
{
    opacity: 0.5;
}

.csstransitions [data-template-id="17"][data-loadstate="loaded"] #headlineContainer #imageContainer
{
    opacity: 1;
}

/*

ul.searchResults>li 
{
    perspective: 500px;
}

.csstransitions li .propertyTile
{
    opacity: 0;
    transform-origin: top left;
    -webkit-transform-origin: top left;
}

.csstransitions [data-loadstate="loaded"]  li .propertyTile
{
    transform-origin: center center;
    animation: 0.8s ease 0s normal forwards 1 propertyTileLoad;
    -webkit-animation: 0.8s ease 0s normal forwards 1 propertyTileLoad;
}

.csstransitions li:nth-child(1)>.propertyTile { animation-delay:0.15s; }
.csstransitions li:nth-child(2)>.propertyTile { animation-delay:0.3s; }
.csstransitions li:nth-child(3)>.propertyTile { animation-delay:0.45s; }
.csstransitions li:nth-child(4)>.propertyTile { animation-delay:0.6s; }
.csstransitions li:nth-child(5)>.propertyTile { animation-delay:0.75s; }
.csstransitions li:nth-child(6)>.propertyTile { animation-delay:0.9s; }
.csstransitions li:nth-child(7)>.propertyTile { animation-delay:1.05s; }
.csstransitions li:nth-child(8)>.propertyTile { animation-delay:1.2s; }
.csstransitions li:nth-child(9)>.propertyTile { animation-delay:1.35s; }
.csstransitions li:nth-child(10)>.propertyTile { animation-delay:1.5s; }
.csstransitions li:nth-child(11)>.propertyTile { animation-delay:1.65s; }
.csstransitions li:nth-child(12)>.propertyTile { animation-delay:1.8s; }
.csstransitions li:nth-child(13)>.propertyTile { animation-delay:1.95s; }
.csstransitions li:nth-child(14)>.propertyTile { animation-delay:2.1s; }
.csstransitions li:nth-child(15)>.propertyTile { animation-delay:2.25s; }
.csstransitions li:nth-child(16)>.propertyTile { animation-delay:2.4s; }
.csstransitions li:nth-child(17)>.propertyTile { animation-delay:2.55s; }
.csstransitions li:nth-child(18)>.propertyTile { animation-delay:2.7s; }
.csstransitions li:nth-child(19)>.propertyTile { animation-delay:2.85s; }
.csstransitions li:nth-child(20)>.propertyTile { animation-delay:3s; }
.csstransitions li:nth-child(21)>.propertyTile { animation-delay:3.15s; }
.csstransitions li:nth-child(22)>.propertyTile { animation-delay:3.3s; }
.csstransitions li:nth-child(23)>.propertyTile { animation-delay:3.45s; }
.csstransitions li:nth-child(24)>.propertyTile { animation-delay:3.6s; }

.csstransitions li:nth-child(1)>.propertyTile { -webkit-animation-delay:0.15s; }
.csstransitions li:nth-child(2)>.propertyTile { -webkit-animation-delay:0.3s; }
.csstransitions li:nth-child(3)>.propertyTile { -webkit-animation-delay:0.45s; }
.csstransitions li:nth-child(4)>.propertyTile { -webkit-animation-delay:0.6s; }
.csstransitions li:nth-child(5)>.propertyTile { -webkit-animation-delay:0.75s; }
.csstransitions li:nth-child(6)>.propertyTile { -webkit-animation-delay:0.9s; }
.csstransitions li:nth-child(7)>.propertyTile { -webkit-animation-delay:1.05s; }
.csstransitions li:nth-child(8)>.propertyTile { -webkit-animation-delay:1.2s; }
.csstransitions li:nth-child(9)>.propertyTile { -webkit-animation-delay:1.35s; }
.csstransitions li:nth-child(10)>.propertyTile { -webkit-animation-delay:1.5s; }
.csstransitions li:nth-child(11)>.propertyTile { -webkit-animation-delay:1.65s; }
.csstransitions li:nth-child(12)>.propertyTile { -webkit-animation-delay:1.8s; }
.csstransitions li:nth-child(13)>.propertyTile { -webkit-animation-delay:1.95s; }
.csstransitions li:nth-child(14)>.propertyTile { -webkit-animation-delay:2.1s; }
.csstransitions li:nth-child(15)>.propertyTile { -webkit-animation-delay:2.25s; }
.csstransitions li:nth-child(16)>.propertyTile { -webkit-animation-delay:2.4s; }
.csstransitions li:nth-child(17)>.propertyTile { -webkit-animation-delay:2.55s; }
.csstransitions li:nth-child(18)>.propertyTile { -webkit-animation-delay:2.7s; }
.csstransitions li:nth-child(19)>.propertyTile { -webkit-animation-delay:2.85s; }
.csstransitions li:nth-child(20)>.propertyTile { -webkit-animation-delay:3s; }
.csstransitions li:nth-child(21)>.propertyTile { -webkit-animation-delay:3.15s; }
.csstransitions li:nth-child(22)>.propertyTile { -webkit-animation-delay:3.3s; }
.csstransitions li:nth-child(23)>.propertyTile { -webkit-animation-delay:3.45s; }
.csstransitions li:nth-child(24)>.propertyTile { -webkit-animation-delay:3.6s; }
*/

/*
.csstransitions [data-current-slide="1"] #slideshow.carousel > :nth-child(1) .caption, 
.csstransitions [data-current-slide="2"] #slideshow.carousel > :nth-child(2) .caption, 
.csstransitions [data-current-slide="3"] #slideshow.carousel > :nth-child(3) .caption, 
.csstransitions [data-current-slide="4"] #slideshow.carousel > :nth-child(4) .caption, 
.csstransitions [data-current-slide="5"] #slideshow.carousel > :nth-child(5) .caption, 
.csstransitions [data-current-slide="6"] #slideshow.carousel > :nth-child(6) .caption, 
.csstransitions [data-current-slide="7"] #slideshow.carousel > :nth-child(7) .caption, 
.csstransitions [data-current-slide="8"] #slideshow.carousel > :nth-child(8) .caption, 
.csstransitions [data-current-slide="9"] #slideshow.carousel > :nth-child(9) .caption {
    animation: captionLoad 0.4s ease-out 0.6s 1 normal;
    animation-play-state: running;
    animation-fill-mode: forwards;
    -webkit-animation: captionLoad 0.4s ease-out 0.6s 1 normal;
	-webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
}
*/