.wcs-pdp-new-wifi{
	background:#e9f5f0;
	padding:35px 25px 25px 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    margin:30px 0;
}

.wcs-pdp-new-wifi .wcs-pdp-extra-benefits-title{
	color:#509e2f;
	font-size:21px;
	padding:0 0 20px 0;
}

.wcs-pdp-new-wifi .wcs-photo{
	background: url("../images/wcs-pdp-statheris/router-mesh-extender.png") no-repeat center center;
	max-width: 520px;
	height: 240px;
	margin:30px auto 0 auto;
	position:relative;
}

.wcs-pdp-new-wifi .wcs-photo .wcs-balloon{
	position:absolute;
	right:0px;
	top:-40px;
	width:116px;
	height:116px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#97d700;
	text-align:center;
	color:#fff;
	font-size:13px;
	padding: 5px 0 0 0;
}

.wcs-pdp-new-wifi .wcs-photo .wcs-balloon strong{
	font-size:20px;
}

.wcs-pdp-new-wifi  .wcs-photo .wcs-info{
	height:52px;
	line-height:52px;
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%, 55px);
	-webkit-transform: translate(-50%, 55px);
	transform: translate(-50%, 55px);
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	font-size:17px;
	font-weight:bold;
	color:#3d5265;
	padding:0 17px 0 17px;
	white-space:nowrap;
	background:#fff;
}

.wcs-pdp-new-wifi .wcs-photo .wcs-info .wcs-pop{
	position:absolute;
	background:#3d5265;
	color:#fff;
	left:100%;
	top:50%;
	-ms-transform: translate(20px, -50%);
	-webkit-transform: translate(20px, -50%);
	transform: translate(20px, -50%);
	font-size:12px;
	line-height:20px;
	padding:10px 20px 10px 20px;
	width:260px;
	white-space:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:none;
}

.wcs-pdp-new-wifi .wcs-photo .wcs-info .wcs-pop::after {
    right: 99.5%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(61, 82, 101, 0);
    border-right-color: #3d5265;
    border-width: 8px;
    margin-top: -8px;
}


.wcs-pdp-new-wifi .wcs-photo .wcs-info:hover .wcs-pop{
	display:block;
}


@media screen and (max-width: 959px) {
 
	.wcs-pdp-new-wifi .wcs-photo .wcs-info .wcs-pop{
		left:50%;
/*		display:block;*/
		top:100%;
		-ms-transform: translate(-50%, 25px);
	    -webkit-transform: translate(-50%, 25px);
	    transform: translate(-50%, 25px);
	}

	.wcs-pdp-new-wifi .wcs-photo .wcs-info .wcs-pop:after{
		display:none;
	}

	.wcs-pdp-new-wifi .wcs-photo .wcs-info .wcs-pop:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(65, 82, 99, 0);
		border-bottom-color: #415263;
		border-width: 8px;
		margin-left: -8px;
	}

	.wcs-pdp-new-wifi .wcs-points{
		margin-top:190px;
	}

}


@media screen and (max-width: 767px) {
    .wcs-pdp-new-wifi .wcs-photo{
        background-size:cover;
        height:180px;
    }
.wcs-pdp-new-wifi .wcs-pdp-extra-benefits-title{
		text-align:center;
		font-size:21px;
		line-height:29px;
	}

.wcs-pdp-new-wifi {
		width:calc(100% - 20px);
		margin: 20px auto 20px auto;
	}
	
.wcs-pdp-new-wifi .wcs-photo .wcs-info .wcs-pop{
		text-align:center;
	}

.wcs-pdp-new-wifi.wcs-points{
		text-align:center;
		font-size:13px;
		line-height:22px;
		color:#4f4f4f;
		padding:15px;
	}

}


.wcs-my-wifi{
	background:#fff  url("https://www.cosmote.gr/pdps/cosmotetv-migration/toolkit/images/wcs-cosmote-tv/img-inner-icon-wifi.png") no-repeat 40px center;
	font-size: 15px;
	line-height: 24px;
	color: #223a4c;
	padding: 20px 60px 20px 140px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: left;
	max-width: 740px;
	margin: 20px auto 30px auto;
}

.wcs-my-wifi strong{
	font-weight: bold;
    display: block;
	font-size: 17px;
	padding: 0 0 4px 0;
}

@media screen and (max-width: 767px){

.wcs-my-wifi{
		background-position: center 23px;
		font-size: 15px;
		line-height: 24px;
/*		color: #fff;*/
		padding: 100px 10px 20px 10px;
		text-align: center;
	}


}







.wcs-pdp-statheris .wcs-points{
margin: 60px auto 20px auto;
    padding: 15px 0 15px 0;
    font-size: 15px;
    color: #4f4f4f;
    line-height: 25px;
    display: block;
    background: #fff;
    border-radius: 15px;
    max-width: 750px;
}

.wcs-pdp-statheris .wcs-copy{
font-size: 11px;
    line-height: 23px;
    color: #4f4f4f;}