/*
 * 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
 */

.alpha_slider{ position: relative; width: 100%; height: auto; overflow: hidden; z-index: 1000; text-align: center; }

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

.alpha_cover{ position: absolute; top: 0px; z-index: 1000; height: 100%; margin: 0px; padding: 0px;
    /* background: url(/images/slide_overlay.png) repeat top left; */
    /* background: #fff; opacity: .2; */
    background: #fff;
}

/* to make sure it covers extrordinarily wide screens */
.alpha_cover_left, .alpha_cover_right{ width: 1000%; }
.alpha_cover_left{ right: 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; */
}

/* removed max-width: 1366px;*/
.alpha_slides ul li{
    position: relative;
    overflow: hidden;
    width: 100%;
    word-spacing:0em;
}
.alpha_slides ul li img{ position: relative; 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;
    left: 20%;
    top: 70%;
    z-index: 900;
    margin-top: -30px;


/* these are the settings for full size */
    width: 250px;
    height: 120px;
    font-size: 16px;

    line-height: 18px;

    text-align: left;

    font-family: 'Oswald';
    color: #fff;

    white-space: normal;

    text-shadow: 3px 4px 5px rgb(130, 130, 130);
    text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.45);
}

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

.alpha_slides .slide_text span{
    font-family: 'Oswald'; color: #11b5e9;
}

.slide_control_prev, .slide_control_next{ display: block; width: 120px; opacity: 1; cursor: pointer; font-size: 20px; }

.slide_control_prev{ float: left; }
.slide_control_next{ float: right; }

.slide_control_prev:hover, .slide_control_next:hover{ color: #7d1237; }

.slide_pagination{ display: inline-block; padding-top: 10px; margin: 0px auto; text-align: center; }

.slide_pagination ul{ list-style: none; margin: 0px auto; padding: 0px; }
.slide_pagination li{ margin: 0px 10px; padding: 0px; float: left; }
.slide_pagination li a{ display: block; width: 18px; height: 18px; background-color: #787878; border: 1px solid #fa9900; border-radius: 12px; text-decoration: none; }
.slide_pagination li .cur_slide{ background-color: #fa9900; }


.slide_control_c{
    text-align: center;
    padding: 20px;
}



/* responsive */

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

.alpha_slides .slide_text{
    display: none;
    left: 15%;
    top: 40%;

    font-size: 24px;

    line-height: 28px;
}

}
/* end 450 */

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

.alpha_slides .slide_text{
    left: 13%;
    top: 40%;

    font-size: 32px;

    line-height: 36px;
}

}
/* end 580 */

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

.alpha_slides .slide_text{
    display: none;
    left: 10%;
    top: 50%;

    margin-top: -90px;

    font-size: 32px;

    line-height: 38px;

    width: 350px;
    height: 180px;
}

}
/* end 720 */

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

.alpha_slides .slide_text{
    display: none;
    left: 10%;
    top: 50%;
    margin-top: -110px;

/* these are the settings for full size */
    width: 430px;
    height: 220px;
    font-size: 60px;
    line-height: 70px;
}

.alpha_slides .slide_text .button{ margin-top: 10px; padding: 20px; }


}
/* end 780 */

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


}
/* end 950 */