body{
	margin:0;
}
.cycle-slideshow {
	z-index:-9999;
width: 100%;
}
.cycle-slideshow div {
width: 100%;
height: 100%;
position: absolute;
z-index:-9998;
}
.previous-next {
	display: none;
position: absolute;
z-index: 100;
top: 45%;
width: 100%;
margin: 0;
padding:0;
}
.previous-next a {
background-color: rgba(0,0,0,0.1);
color: rgba(255,255,255,1);
display: inline-block;
padding: 10px 10px;
border-radius: 0%;
width: 20px;
height: 20px;
text-align: center;
font-size: 22px;
opacity: 0.7;
}
.previous-next a:hover{
	opacity:1;
}

.previous i {
padding-right: 4px;
}
.next i {
padding-left: 4px;
}
.previous {
float: left;
}
.next {
float: right;
}




















.slide_1 {
background-image: url(../images/alphacabin-phone1.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}
.slide_2 {
background-image: url(../images/alphacabin-phone2.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}

.slide_3 {
background-image: url(../images/alphacabin-phone3.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}
.slide_4 {
background-image: url(../images/alphacabin-phone4.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}

.headerslideshow h1 {
font-size: 35pt;
line-height: 38pt;
font-weight:300;
padding: 0 0 0 5%;
position: relative;
color: #fff;
top: 50%;
font-family: 'Open Sans', sans-serif;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin:0 0 0 0;
text-shadow: 2px 2px rgba(0,0,0,0.5);
}


.headerslideshow span{
font-weight:700;
}
/*white over image*/
#imageSplit {
background: -webkit-linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Safari 5.1-6*/
background: -o-linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Opera 11.1-12*/
background: -moz-linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Fx 3.6-15*/
background: linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Standard*/
width:100%;
height:162px;
bottom: 0;
color:#6daab9;
position: absolute;
}















@media only screen and (min-width: 481px) {
.slide_1 {
background-image: url(../images/alphacabin-tablet1.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}
.slide_2 {
background-image: url(../images/alphacabin-tablet2.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}

.slide_3 {
background-image: url(../images/alphacabin-tablet3.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}
.slide_4 {
background-image: url(../images/alphacabin-tablet4.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}

.headerslideshow h1 {
font-size: 45pt;
line-height: 48pt;
font-weight:300;
padding: 0 0 0 5%;
position: relative;
color: #fff;
top: 45%;
-webkit-transform: translateY(-45%);
-ms-transform: translateY(-45%);
transform: translateY(-45%);
margin:0 0 0 0;
text-shadow: 2px 2px rgba(0,0,0,0.5);
}

.headerslideshow span{
font-weight:700;
}
/*white over image*/
#imageSplit {
background: -webkit-linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Safari 5.1-6*/
background: -o-linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Opera 11.1-12*/
background: -moz-linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Fx 3.6-15*/
background: linear-gradient(to left bottom, rgba(255, 255, 255,0) 50%, rgba(255,255,255,1) 50%); /*Standard*/
width:100%;
height:162px;
bottom: 0;
color:#6daab9;
position: absolute;
}


.previous-next {
	display:block;
position: absolute;
z-index: 100;
top: 45%;
width: 100%;
margin: 0;
padding:0;
}
.previous-next a {
background-color: rgba(0,0,0,0.1);
color: rgba(255,255,255,1);
display: inline-block;
padding: 10px 10px;
border-radius: %;
width: 20px;
height: 20px;
text-align: center;
font-size: 22px;
opacity: 0.3;
}
.previous-next a:hover{
	opacity:0.8;
}

.previous i {
padding-right: 4px;
}
.next i {
padding-left: 4px;
}
.previous {
float: left;
}
.next {
float: right;
}

}





















@media only screen and (min-width: 1100px) {
.slide_1 {
background-image: url(../images/alphacabin-desktop1.jpg);
	background-size: cover;
	position: relative;
	height: 100%;
	background-position: center center;
}
.slide_2 {
background-image: url(../images/alphacabin-desktop2.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}

.slide_3 {
background-image: url(../images/alphacabin-desktop3.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}
.slide_4 {
background-image: url(../images/alphacabin-desktop4.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center center;
}

.headerslideshow h1 {
font-size: 60pt;
line-height: 63pt;
font-weight:300;
padding: 0 0 0 7.5%;
position: relative;
color: #fff;
top: 45%;
-webkit-transform: translateY(-45%);
-ms-transform: translateY(-45%);
transform: translateY(-45%);
margin:0 0 0 0;
text-shadow: 2px 2px rgba(0,0,0,0.5);
}

.headerslideshow span{
font-weight:700;
}


.previous-next {
	display:block;
position: absolute;
z-index: 100;
top: 45%;
width: 100%;
margin: 0;
padding:0;
}
.previous-next a {
background-color: rgba(0,0,0,0.1);
color: rgba(255,255,255,1);
display: inline-block;
padding: 10px 10px;
border-radius: %;
width: 20px;
height: 20px;
text-align: center;
font-size: 22px;
opacity: 0.3;
}
.previous-next a:hover{
	opacity:0.8;
}

.previous i {
padding-right: 4px;
}
.next i {
padding-left: 4px;
}
.previous {
float: left;
}
.next {
float: right;
}

}