/* css */


.slide3D_slider_wrapper{
	position:relative;
}

.slide3D_slider {
	position: relative;
	width: inherit;
	height: 686px;
	background: url(https://cdn.warriorinsurancenetwork.com/img/device_beauty.png) no-repeat 0px 0px;
	z-index: 2;
	background-size: cover; /* EXTRA IMPORTANT */
}

 .slide3D_imageHolder{
	width:280px;
	height:416px;
	position: relative;
	top: 19.5%;
	left: 0;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto;
	
}

.slide3D_imageHolder img{
	position: absolute;
	left:0px;
	top:0px;
	display: none;
}

.slide3D_phone_shadow {
	height: 226px;
	width: inherit;
	background: url(https://cdn.warriorinsurancenetwork.com/img/device_shadow.png) no-repeat 0px 0px;
	position: absolute;
	top: 0px;
	left: auto;
	z-index: 0;
	background-size: cover; /* EXTRA IMPORTANT */
}
.slide3D_phone_highlight {
	width: inherit;
	height: inherit;
	position: absolute;
	background: url(https://cdn.warriorinsurancenetwork.com/img/device_highlight.png) no-repeat 0px 0px;
	z-index: 5;
	top: 0%;
	right: 0%;
	background-size: cover; /* EXTRA IMPORTANT */
}

.slide3D_pagination_centered{
	margin: 0 auto;
	height: 20px;
}

ul.slide3D_pagination{
	z-index: 999;
	position: relative;
	bottom: 0;
	padding: 0;

	margin: 0 auto;
	width: 100%;
	height: 50px;
}

ul.slide3D_pagination li.slide3D_bullets{
	z-index: 999;
	position: relative;
	background: #c6c6c6;
	float: left;
	cursor: pointer;
	list-style-type: none;
	display:inline;

	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-top: 10px;

	transition: 0.25s ease-in-out background;
	-webkit-transition: 0.25s ease-in-out background;
	-moz-transition: 0.25s ease-in-out background;
	-o-transition: 0.25s ease-in-out background;
}

ul.slide3D_pagination li.slide3D_bullets:hover{
	background: #1198fb;
}


/*.slide3D_bullets_first{
	margin-left: 0px;
}*/

ul.slide3D_pagination li.slide3D_bullets.slide3D_activeBullet{
	background: #1198fb;
}


/*MOBILE*/

.slide3D_swipe_text{
	font: bold 26px Verdana;
	color: white;
	top: 50px;
	position: relative;
}

.slide3D_swiping_div{
	text-align: center;
}

#slide3D_SVG{
	position: absolute;
	top: 200px;
	-webkit-animation: mobile_guide alternate 1s ease-in-out infinite;
	-moz-animation:mobile_guide alternate 1s ease-in-out infinite;
	-ms-animation: mobile_guide alternate 1s ease-in-out infinite;
	animation: mobile_guide alternate 1s ease-in-out infinite;
	width: 120px;
	height: 120px;
}

.slide3D_mobile_guide{
	fill: #6b6b6b;
	stroke: #fff;
	width: 36px;
	height: 10px;
	display: block;
}


/* CSS 3 transform classes */

.slide3D_versus{
	-ms-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	transform: scaleX(-1);
}



@-webkit-keyframes mobile_guide{
	0%{
		left: -20%;
		-webkit-transform: rotate(-30deg);
	}

	100%{
		left: 100%;
		-webkit-transform: rotate(30deg);
	}
}

@-ms-keyframes mobile_guide{
	0%{
		left: -20%;
		-ms-transform: rotate(-30deg);
	}

	100%{
		left: 100%;
		-ms-transform: rotate(30deg);
	}
}


@-moz-keyframes mobile_guide{
	0%{
		left: -20%;
		-moz-transform: rotate(-30deg);
	}

	100%{
		left: 100%;
		-moz-transform: rotate(30deg);
	}
}


@keyframes mobile_guide{
	0%{
		left: -20%;
		transform: rotate(-30deg);
	}

	100%{
		left: 100%;
		transform: rotate(30deg);
	}
}