.cp-download {
	position : fixed !important;
	z-index : 999;
	bottom : 20px;
	transform : rotateY(90deg);
	animation : cpdownloadin .8s 2s forwards;
}

.cp-download.right {
	right : 0px; left:0; bottom:0; top:0; width:100%; height:10px
}

.cp-download.left {
	left : 20px;
}

@keyframes cpdownloadin {
	0% {
		transform : rotateY(90deg);
	}
	100% {
		transform : rotateY(0deg);
	}
}

#cp-product {
	display : none;
}

#cp-product:checked + .cp-product {
	display : none;
}

.cp-product {
	font-weight: normal;
    position: relative;
    padding: 10px;
    border-radius: 4px;
    background:url(../images/bghi.png) no-repeat center top;
    position: relative;
    width: 753px;
    margin: 140px auto 35px auto; height:530px
}

.cp-product-image {
	position : relative;
	display : inline-block;
	margin-right : 10px;
	transition : all .4s ease;
}

.cp-text span {
	display : block;
}

.cp-text {
	display : inline-block;
	width :100%;
	margin-right : 30px;
	color : #333; padding:5%; text-align:center
}

.cp-text-h1 {
	font-size : 42px;
	line-height : 42px;
	margin-bottom : 5px;
}

.cp-text-h2 {
	font-size : 26px;
	line-height : 26px;
	margin-bottom : 5px;
}
.cp-text-p { font-size:16px; text-align:left; line-height:34px; margin-top:30px}
.cp-button {
	font-size : 16px;
	position:relative;

	display : block;
	width : 200px;
	padding : 10px;
	transition : all .2s ease;
	text-align : center;
	color : #333;
	border : solid 1px #333;
	border-radius : 5px;
	background : linear-gradient(to top, #15b89b 50%, transparent 50%);
	background-position : top;
	background-size : 100% 200%; margin:0 auto
}

.cp-button:hover ,
.cp-button:focus {
	color : #fff;
	background-position : bottom;border : solid 1px #15b89b;
}

.cp-button i {
	line-height : 35px;
	width : 35px;
	height : 35px;
	margin-left : 7px;
	transition : all .2s ease .4s;
	color : #51a7ff;
	border-radius : 100%;
	background : linear-gradient(to top, #51a7ff 50%, #333 50%);
	background-position : top;
	background-size : 100% 200%;
}

.cp-button:hover i ,
.cp-button:focus i {
	color : #fff;
	background-position : bottom;
}

.cp-dismiss {
	font-size : 22px;
	position : absolute;
	top : 14px;
	right : 18px;
	cursor : pointer;
	color : #ecf6ff;
}

.cp-product a ,
.cp-product a:hover ,
.cp-product a:focus {
	text-decoration : none;
}

.cp-void {
	/* cursor: text; */
}

@media screen and (min-width: 601px) {
	.cp-product:hover .cp-product-image {
		transform : translateY(-25px);
	}
}

@media screen and (max-width: 600px) {
	.cp-download {
		top : 20px;
		right : 20px;
		bottom : 20px;
		left : 20px;
		overflow : auto;
		height : 100%;
	}

	.cp-product-image {
		display : block;
		width : 175px;
		margin : 10px auto;
	}

	.cp-text {
		display : block;
		width : 80%;
		margin : auto !important;
		text-align : center;
	}

	.cp-button {
		position : static;
		margin : 15px auto;
	}
}