/* css3 transition
.accordion-slider .accordion-slide,.accordion-slider .tab,.accordion-slider .slide-container{
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
} */

/* accordion-slidedeck layout */

.accordion-slider{
    position: relative;
    float: left;
    width: 41.75em; /* 3 vtabs plus tab width*/
    height: 22.25em;
    overflow: hidden;
    font-size: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 0 9px;
}
.accordion-slider > div{
    width: 600%;
    height: 22.25em;
}

.accordion-slide{
    float: left;
}

.vtab { 
    height: 22.25em; 
    width: 2.75em;
    display: block; 
    position: relative; 
    float: left;
    cursor: pointer;
    box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin: 0 -1px;
}

.tab-triggers {

    position: absolute;
    bottom:0;
    width: 100%;
}
.tab-triggers .tab{
    cursor: pointer;

    width: 2.8em !important;
    height: 1.5em;
    margin: 0em;
    /* text-align: center;
    background: #444;
     background: rgba(0,0,0,.2);
     border: solid 1px #444; 
     border-radius: .75em;*/

    background: url('../img/icons/dot.png') no-repeat center center;

    opacity: .5;
}
.active .tab-triggers .tab.active,
.tab-triggers .tab:hover{
    /*background: #ddd;
    border: solid 1px #aaa; */
    opacity: 1;
}
.tab-triggers .icon {
    height: 24px;
    width: 24px;
    margin: .5em 0 .5em 0.9em !important;
}
.slide-window{
    position: relative;
    margin: 0;
    padding: 0;
    height: 22.25em;
    width: 33.5em;
    overflow: hidden;
    float: left;
}
.slide-container{
    position: relative;
}
.slide {
    height: 22.25em;
    width: 33.5em;
    background: #2b2b2b;
}
.slide-inside{
    position: relative;
    font-size: 16px; /* reset for any relative font-sizing*/
    /* color: #fff;*/ 
    height: 100%;
    width: 100%;

}
.slide-inside .layer { position: relative; z-index: 0; height: 100%; width: 100%; }

.slide-inside .layer .layer-link { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1;}

.slide-inside .layer h2 { font-family: 'AlbertRegularBold'; font-size: 36px !important; font-weight: 100; line-height: 1.23; padding: 12% 6% 3%; position: relative; text-shadow: 0 3px 4px #000000; width: 60%; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.slide-inside .layer span.time { text-shadow: 0 0 4px #000; position: relative; font-family: 'AlbertRegularBold'; font-weight: 100; font-size: 20px !important; color: #ffc600; width: 60%; padding: 6%; line-height: 1.23; }

.slide-inside .layer p { position: absolute; bottom: 0; left: 0; right: 0; background: #000; background: rgba(0,0,0,0.7); font-family: 'AlbertRegular'; font-size: 92%; padding: 1em; line-height: 20px; }

/* .slide-inside .layer a { position: absolute; top: 70%; left: 10%; margin: 0; font-family: 'AlbertRegular'; font-weight: bold; font-size: 15px;} */

.slide-inside .layer a.share-icon { position: absolute; right: 5px; bottom: 5px; z-index: 2; }

.slide-inside img { position: absolute; z-index: 0; width: 100%; height: auto;}

/* touch accordion-slidedeck layout */

.touch_accordion-slider{
    position: relative;
    float: left;
    width: 41.75em; /* 3 vtabs plus tab width*/
    height: 22.25em;
    overflow: hidden;
    font-size: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 0 9px;
}
.touch_accordion-slider > div{
    width: 600%;
    height: 22.25em;
}

.touch_accordion-slide{
    float: left;
}

.touch_vtab { 
    height: 22.25em; 
    width: 2.75em;
    display: block; 
    position: relative; 
    float: left;
    cursor: pointer;
    box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin: 0 -1px;
}

.touch_tab-triggers {
    position: absolute;
    bottom:0;
    width: 100%;
}
.touch_tab-triggers .touch_tab{
    width: 2.8em !important;
    height: 2.5em;
    margin: 0em;
    /* text-align: center;
    background: #444;
     background: rgba(0,0,0,.2);
     border: solid 1px #444; 
     border-radius: .75em;*/

    background: url('../img/icons/dot.png') no-repeat center center;

    opacity: .5;
}
.active .touch_tab-triggers .touch_tab.active,
.touch_tab-triggers .touch_tab:hover{
    /*background: #ddd;
    border: solid 1px #aaa; */
    opacity: 1;
}
.touch_tab-triggers .touch_icon {
    height: 24px;
    width: 24px;
    margin: .5em 0 .5em 0.9em !important;
}
.touch_slide-window{
    position: relative;
    margin: 0;
    padding: 0;
    height: 22.25em;
    width: 33.5em;
    overflow: hidden;
    float: left;
}
.touch_slide-container{
    position: relative;
}
.touch_slide {
    height: 22.25em;
    width: 33.5em;
    background: #2b2b2b;
}
.touch_slide-inside{
    position: relative;
    font-size: 16px; /* reset for any relative font-sizing*/
    /* color: #fff;*/ 
    height: 100%;
    width: 100%;

}
.touch_slide-inside .touch_layer { position: relative; z-index: 0; height: 100%; width: 100%; }

.touch_slide-inside .touch_layer .touch_layer-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }

.touch_slide-inside .touch_layer h2 { text-shadow: 0 0 4px #000; text-shadow: 1px 2px 6px rgba(0,0,0, 0.7), -1px -1px 15px rgba(0,0,0, 0.6), 3px 3px 9px rgba(0,0,0, 0.5); position: relative; font-family: 'AlbertRegularBold'; font-weight: 100; font-size: 34px !important; width: 60%; padding: 6%; line-height: 1.23;}

.touch_slide-inside .touch_layer p { position: absolute; bottom: 0; background: #000; background: rgba(0,0,0,0.7); font-family: 'AlbertRegular'; font-size: 92%; padding: 1em; line-height: 20px; }

/* .slide-inside .layer a { position: absolute; top: 70%; left: 10%; margin: 0; font-family: 'AlbertRegular'; font-weight: bold; font-size: 15px;} */
.touch_slide-inside .touch_layer span.time { text-shadow: 0 0 4px #000; position: relative; font-family: 'AlbertRegularBold'; font-weight: 100; font-size: 20px !important; color: #ffc600; width: 60%; padding: 6%; line-height: 1.23; }

.touch_slide-inside .touch_layer a.touch_share-icon { position: absolute; right: 5px; bottom: 5px; z-index: 2; }

.touch_slide-inside img { position: absolute; z-index: 0; }