/*
 * BX3 Alpha Slider v0.0.1 Custom
 * http://www.bx3interactive.com/
 *
 * Copyright 2014, BX3 Interactive, LLC
 * Built this because we couldn't find any open source sliders like it
 * One of these days we might release it in some public fashion and actually make
 * an official downloadable slider, but until then, if you find it and you're
 * reading this, then you can use it under an MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* max-height: 586px; */

#alpha_slider{
    position: relative;
    height: auto;
    z-index: 1000;
    text-align: center;
    margin: 0;
    padding: 0 0 60px 0;

    max-width: 1333px;

    background: #2d2d2d;

    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);

    overflow: hidden;
}

.alpha_view_port{
    position: relative; z-index: 0; margin: 0px auto; width: 100%; max-width: 100%; white-space: nowrap;
    /* calculated */
    height: auto;

}

.alpha_cover{ position: absolute; top: 0px; z-index: 1000; height: 100%; margin: 0px; padding: 0px;
    background: transparent; opacity .2;
    background: #000; opacity: .5;
}

/* to make sure it covers extrordinarily wide screens */
.alpha_cover_left, .alpha_cover_right{ background: #2d2d2d; opacity: 1; width: 100%; margin: 0; padding: 0; padding-bottom: 60px; }
.alpha_cover_left{ left: -100%; }
.alpha_cover_right{ left: 100%; }
.alpha_cover_center{ display: none; left: 0px; width: 100%; }

.alpha_slides{ position: absolute; top: 0px; z-index: 100;}

.alpha_slides ul{
    word-spacing:-.50em;
}

.alpha_slides ul, .alpha_slides ul li{ display: inline; display: inline-block; vertical-align: top; margin: 0px; padding: 0px;
    /* actual height specified by defined aspect ratio */
    max-height: 659px;
}
.alpha_slides ul li{
    position: relative;

    width: 100%;
    max-width: 100%;
    height: 100%;
    word-spacing:0em;
}

.alpha_slides ul li .slide_img_a{
    position: relative;
    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;
}

.alpha_slides ul li img{
    position: absolute; top: 0px; left: 0px; display: inline; display: inline-block;
    margin: 0px; padding: 0px; width: 100%; height: auto;
}

/* most stuff you want to change would be below here */

.alpha_slides .slide_text{
   display: none;
   position: absolute;
   top: 100%;
   left: 20%;

   padding-top: 20px;

   z-index: 900;


   margin: auto;


/* small size */

    width: 60%;

    font-size: 24px;
    line-height: 36px;

    text-align: center;
    text-transform: uppercase;

/*  font-family: "Oswald", sans-serif; */
    font-family: 'Carrois Gothic', Helvetica, sans-serif;;

    color: #fff;

    white-space: normal;

    font-weight: normal;

}


/* small size screens, disable this */

.slide_text_i, .slide_text a{

}


.slide_text_i{
    /* padding: 20px; */

    /* font-family: "Oswald", sans-serif; */
    font-family: 'Carrois Gothic', Helvetica, sans-serif;;
}

.alpha_slides .slide_text .button{
    line-height: 1em; margin-top: 20px; padding: 10px 20px; vertical-align: top;
    font-weight: 300;
}

.alpha_slides .slide_text span{
    /* font-family: 'Oswald'; color: #fff; */
}

.slide_control_prev, .slide_control_next{
    display: block;
    position: absolute; top: 100%; z-index: 900;
    width: 60px; height: 60px;
    margin-top: -60px;
    cursor: pointer;
}

/* .slide_control_prev:hover, .slide_control_next:hover{ opacity: .8; } */

.slide_control_prev{ background: url(/images/icon_slide_left.png) no-repeat top left; left: 2%; }
.slide_control_next{ background: url(/images/icon_slide_right.png) no-repeat top left; right: 2%; }

.slide_control_prev:hover{ background-image: url(/images/icon_slide_left_hover.png); }
.slide_control_next:hover{ background-image: url(/images/icon_slide_right_hover.png); }

.slide_pagination{ display: none; position: absolute; bottom: 8px; left: 20px; width: auto; z-index: 900; }

.slide_pagination ul{ list-style: none; margin: 0px auto; padding: 0px; text-align: center; }
.slide_pagination li{ display: inline-block; margin: 0px 5px; padding: 0px; }
.slide_pagination li a{
    display: block;
    border-spacing: border-box;
    width: 32px; height: 32px;
    padding-top: 6px;

    text-decoration: none;
    text-align: center;
    color: #fff;
    font-family: 'Homenaje', sans-serif;
    font-size: 15px;

    background: url(/images/presentation_page.png) no-repeat top left;
}
.slide_pagination li .cur_slide{
    background: url(/images/presentation_page_active.png) no-repeat top left;
}





/* responsive */

/* 450 */
@media screen and (min-width: 450px) {

}
/* end 450 */

/* 580 */
@media screen and (min-width: 580px) {

#alpha_slider{
    padding: 20px 20px 60px 20px;
}

.slide_text_i{
    display: block;
}
.slide_text a{
    display: inline-block;
}

.slide_pagination{
    display: block;
}


.slide_control_prev, .slide_control_next{
    top: 50%;
    margin-top: -50px;
}
.slide_control_prev{
    left: 30px;
}
.slide_control_next{
    right: 30px;
}

.alpha_slides .slide_text{
    right: 0px;
    left: auto;
    text-align: right;
}

}
/* end 580 */

/* 780 */
@media screen and (min-width: 780px) {

.alpha_slides .slide_text .slide_text_i{
    font-size: 18px;
}

}
/* end 780 */

/* 950 */
@media screen and (min-width: 950px) {

.alpha_slides .slide_text{
    padding-top: 15px;
    margin-top: 0px;
}

.alpha_slides .slide_text .slide_text_i{
    font-size: 20px;
}

}
/* end 950 */


/* 1200 */
@media screen and (min-width: 1200px) {

}
/* end 1200 */