/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    CSS BASICS DO NOT UPDATE OR CHANGE THIS                          +
+     IF YOU WANT TO OVER RIDE THESE STYLES PLEASE DO IT IN THE CSS_SITE DIRECTORY    +
+     CHANGES TO THESE STYLES WILL BE COPIED OVER THE ENTIRE SECTION                  +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* -------------------------------------------------
 Slide Show Transitions:

Please note that these transitions will, in most cases, require CSS 3.0 or greater support.  
Most modern browsers and phones should be okay but in older versions of Internet Explorer this was 
not supported or supported only in limited ways.  There is an alternate version of this 
stylesheet that degrades in older IE browsers gracefully.

*/


/*-----------------------------
SLIDE DEFAULT
------------------------------*/
.slide_default .slide_show
{
    opacity: 1;
    z-index: 40;
    transition: all 0s;
}

.slide_default .slide_hide
{
    opacity: 0;
    z-index: 50;
    transition: all 0s;
}


/*-----------------------------
SLIDE DOWN
------------------------------*/
.slide_down .slide_show
{
    opacity: 1;
    z-index: 40;
    transition: opacity 2s;
}

.slide_down .slide_hide
{
    margin-top: 10%;
    opacity: 0;
    z-index: 50;
    transition: all 2s;
}

/*-----------------------------
SLIDE LEFT
------------------------------*/

.slide_left .slide_show
{
    opacity: 1;
    z-index: 40;
    left: 0px;
    top: 0px;
    transition: opacity 2s;
}

.slide_left .slide_hide
{
    left: -50px;
    margin-right: 50px;
    top: 0px;
    opacity: 0;
    z-index: 50;
    transition: all 2s;
}

/*-----------------------------
FADE OUT
------------------------------*/

.slide_fade .slide_show
{
    opacity: 1;
    z-index: 40;
    transition: opacity 2s;
}

.slide_fade .slide_hide
{
    opacity: 0;
    z-index: 50;
    transition: all 2s;
}

/*-----------------------------
FLIP HORIZONTALLY
------------------------------*/

.slide_fliph .slide_show
{
    opacity: 1;
    transform: rotateY(0deg);
    transition: all 2s ease-in-out;
}

.slide_fliph .slide_hide
{
    opacity: 0;
    transform: rotateY(180deg);
    transition: all 2s ease-in-out;
}

/*-----------------------------
FLIP VERTICALLY
------------------------------*/
.slide_flipv .slide_show
{
    opacity: 1;
    transform: rotateX(360deg);
    transition: all 2s ease-in-out;
}

.slide_flipv .slide_hide
{
    opacity: 0;
    transform: rotateX(180deg);
    transition: all 2s ease-in-out;
}

/*-----------------------------
SPIN SLIDE
------------------------------*/
.slide_spin .slide_show
{
    opacity: 1;
    transform: rotateY(720deg);
    transition: all 3s cubic-bezier(1.000, -0.530, 0.405, 1.425);
}

.slide_spin .slide_hide
{
    opacity: 0;
    transform: rotateY(0deg);
    transition: all 3s cubic-bezier(1.000, -0.530, 0.405, 1.425);
}

/*-----------------------------
GROW SLIDE OUT
------------------------------*/
.slide_grow .slide_show
{
    opacity: 1;
    transform: scale3d(1,0.5,1);
    transition: all 3s ease-in;
}

.slide_grow .slide_hide
{
    opacity: 0;
    transform: scale(0.5,1);
    transition: all 3s ease-in;
}

/*-----------------------------
SKEW AND FADE
------------------------------*/
 .slide_skewfade .slide_show
 {
    opacity: 1;
    transition: all 2s linear;  
  }

 .slide_skewfade .slide_hide
 {
    opacity: 0;
    transform: skew(90deg) rotate(20deg);
    transition: all 2s linear;              
 }
 
 /*-----------------------------
GARAGE DOOR
------------------------------*/
 .slide_garage .slide_show
 {
    opacity: 1;              
    transition: opacity 5s;
 }

.slide_garage .slide_hide
{
    opacity: 0;
    margin-top: -300px;
    transform: perspective(200px) scaleZ(1.0) rotateX(45deg);
    transition: all 3s linear;                             
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+              END OF STANDARD STYLES YOU ARE                                         +
+     USE THE MY STYLE OVERRIDE CSS FILE TO ADJUST STYLES AS NEEDED                   +
+     PLEASE MAINTAIN YOUR SITE NAVIGATION SECTION IN THE MY NAVIGATION CSS FILE      +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/