body{
	margin:0;
}
.cycle-slideshow {
	z-index:-9999;
width: 100%;
}
.cycle-slideshow div {
width: 100%;
height: 100%;
position: absolute;
z-index:-9998;
}




















.slide_1 {
background-image: url(../images/zepto-phone.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
.slide_2 {
background-image: url(../images/ocker1.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
 
.slide_3 {
background-image: url(../images/himley-iphone.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
.slide_4 {
background-image: url(../images/yocto-phone.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
 
.headerslideshow h1 {
font-size: 38pt;
line-height: 40pt;
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/zepto-tablet.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
.slide_2 {
background-image: url(../images/ocker1-tablet.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
 
.slide_3 {
background-image: url(../images/himley-ipad.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
.slide_4 {
background-image: url(../images/yocto-tablet.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
 
.headerslideshow h1 {
font-size: 50pt;
line-height: 52pt;
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;
}
}





















@media only screen and (min-width: 1100px) {
.slide_1 {
background-image: url(../images/zepto.jpg);
	background-size: cover;
	position: relative;
	height: 100%;
	background-position: center top;
}
.slide_2 {
background-image: url(../images/ocker1.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
 
.slide_3 {
background-image: url(../images/himley.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
.slide_4 {
background-image: url(../images/yocto.jpg);
background-size: cover;
position: relative;
height: 100%;
background-position: center top;
}
 
.headerslideshow h1 {
font-size: 70pt;
line-height: 72pt;
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;
}
/*white over image*/

}