#maingrey {
	background-color: #20252b;
	height: auto;
	min-width: 960px;
}
#easy_services ul {
	width: 100%;
	height: 600px;
	position: relative;
	background: url(https://europlanet.gr/img/home/services.jpg) no-repeat 0 0 #20252b;
}
#easy_services .easy_li {
	position: absolute;
	cursor: pointer;
	width: 178px;
	margin: 0;
	-webkit-transition: all .6s ease 0s;
	   -moz-transition: all .6s ease 0s;
	     -o-transition: all .6s ease 0s;
	        transition: all .6s ease 0s;
}
#easy_services .easy_li .easy_block {
	height: 223px;
	position: relative;
}
#easy_services .easy_li .front {
	position: relative;
}
#easy_services .easy_li .back {
	position: absolute;
	top: 0;
	left: 190px;
	width: 200px;
	-khtml-opacity: 0;
	  -moz-opacity: 0;
		   opacity: 0;
	-webkit-transition: all .4s linear 0.3s;
	   -moz-transition: all .4s linear 0.3s;
	     -o-transition: all .4s linear 0.3s;
	        transition: all .4s linear 0.3s;
}
#easy_services .easy_image {
	width: 178px;
	height: 178px;
	border-radius: 89px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	position: relative;
}
#easy_services .easy_li1 .easy_image {
	background-color: #5494D1;
	line-height: 178px;
	font-size: 105px;
}
#easy_services .easy_li2 .easy_image {
	background-color: #B7D326;
	line-height: 178px;
	font-size: 95px;
}
#easy_services .easy_li3 .easy_image {
	background-color: #F99B1F;
	line-height: 178px;
	font-size: 106px;
}
#easy_services .easy_li4 .easy_image {
	background-color: #C73387;
	line-height: 178px;
	font-size: 120px;
}
#easy_services .easy_title {
	color: #fff;
	font-size: 30px;
	font-weight: lighter;
	text-align: center;
	padding: 15px 0 0;
	cursor: pointer;
	font-family: 'Roboto Condensed';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* easy_actions1 */
#easy_services.easy_actions1 .easy_li1 .easy_image, #easy_services.easy_actions1 .easy_li1 .easy_title {
	cursor: default;
}
#easy_services.easy_actions1 .easy_li1 .back {
	-khtml-opacity: 1;
	  -moz-opacity: 1;
		   opacity: 1;
}
#easy_services.easy_actions1 .easy_li2 {
	-webkit-transform: translate3d(180px,55px,0) scale(.5);
	   -moz-transform: translate3d(180px,55px,0) scale(.5);
	     -o-transform: translate3d(180px,55px,0) scale(.5);
	        transform: translate3d(180px,55px,0) scale(.5);
}
#easy_services.easy_actions1 .easy_li3 {
	-webkit-transform: translate3d(110px,55px,0) scale(.5);
	   -moz-transform: translate3d(110px,55px,0) scale(.5);
	     -o-transform: translate3d(110px,55px,0) scale(.5);
	        transform: translate3d(110px,55px,0) scale(.5);
}
#easy_services.easy_actions1 .easy_li4 {
	-webkit-transform: translate3d(43px,55px,0) scale(.5);
	   -moz-transform: translate3d(43px,55px,0) scale(.5);
	     -o-transform: translate3d(43px,55px,0) scale(.5);
	        transform: translate3d(43px,55px,0) scale(.5);
}
/* easy_actions2 */
#easy_services.easy_actions2 .easy_li2 .easy_image, #easy_services.easy_actions2 .easy_li2 .easy_title {
	cursor: default;
}
#easy_services.easy_actions2 .easy_li2 .back {
	-khtml-opacity: 1;
	  -moz-opacity: 1;
		   opacity: 1;
}
#easy_services.easy_actions2 .easy_li1 {
	-webkit-transform: translate3d(-44.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(-44.5px,55px,0) scale(.5);
	     -o-transform: translate3d(-44.5px,55px,0) scale(.5);
	        transform: translate3d(-44.5px,55px,0) scale(.5);
}
#easy_services.easy_actions2 .easy_li2 {
	-webkit-transform: translate3d(-44.5px,0,0);
	   -moz-transform: translate3d(-44.5px,0,0);
	     -o-transform: translate3d(-44.5px,0,0);
	        transform: translate3d(-44.5px,0,0);
}
#easy_services.easy_actions2 .easy_li3 {
	-webkit-transform: translate3d(89px,55px,0) scale(.5);
	   -moz-transform: translate3d(89px,55px,0) scale(.5);
	     -o-transform: translate3d(89px,55px,0) scale(.5);
	        transform: translate3d(89px,55px,0) scale(.5);
}
#easy_services.easy_actions2 .easy_li4 {
	-webkit-transform: translate3d(44.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(44.5px,55px,0) scale(.5);
	     -o-transform: translate3d(44.5px,55px,0) scale(.5);
	        transform: translate3d(44.5px,55px,0) scale(.5);
}
/* easy_actions3 */
#easy_services.easy_actions3 .easy_li3 .easy_image, #easy_services.easy_actions3 .easy_li3 .easy_title {
	cursor: default;
}
#easy_services.easy_actions3 .easy_li3 .back {
	-khtml-opacity: 1;
	  -moz-opacity: 1;
		   opacity: 1;
}
#easy_services.easy_actions3 .easy_li1 {
	-webkit-transform: translate3d(-44.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(-44.5px,55px,0) scale(.5);
	     -o-transform: translate3d(-44.5px,55px,0) scale(.5);
	        transform: translate3d(-44.5px,55px,0) scale(.5);
}
#easy_services.easy_actions3 .easy_li2 {
	-webkit-transform: translate3d(-133.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(-133.5px,55px,0) scale(.5);
	     -o-transform: translate3d(-133.5px,55px,0) scale(.5);
	        transform: translate3d(-133.5px,55px,0) scale(.5);
}
#easy_services.easy_actions3 .easy_li3 {
	-webkit-transform: translate3d(-133.5px,0,0);
	   -moz-transform: translate3d(-133.5px,0,0);
	     -o-transform: translate3d(-133.5px,0,0);
	        transform: translate3d(-133.5px,0,0);
}
#easy_services.easy_actions3 .easy_li4 {
	-webkit-transform: translate3d(44.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(44.5px,55px,0) scale(.5);
	     -o-transform: translate3d(44.5px,55px,0) scale(.5);
	        transform: translate3d(44.5px,55px,0) scale(.5);
}
/* easy_actions4 */
#easy_services.easy_actions4 .easy_li4 .easy_image, #easy_services.easy_actions4 .easy_li4 .easy_title {
	cursor: default;
}
#easy_services.easy_actions4 .easy_li4 .back {
	-khtml-opacity: 1;
	  -moz-opacity: 1;
		   opacity: 1;
}
#easy_services.easy_actions4 .easy_li1 {
	-webkit-transform: translate3d(-44.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(-44.5px,55px,0) scale(.5);
	     -o-transform: translate3d(-44.5px,55px,0) scale(.5);
	        transform: translate3d(-44.5px,55px,0) scale(.5);
}
#easy_services.easy_actions4 .easy_li2 {
	-webkit-transform: translate3d(-133.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(-133.5px,55px,0) scale(.5);
	     -o-transform: translate3d(-133.5px,55px,0) scale(.5);
	        transform: translate3d(-133.5px,55px,0) scale(.5);
}
#easy_services.easy_actions4 .easy_li3 {
	-webkit-transform: translate3d(-222.5px,55px,0) scale(.5);
	   -moz-transform: translate3d(-222.5px,55px,0) scale(.5);
	     -o-transform: translate3d(-222.5px,55px,0) scale(.5);
	        transform: translate3d(-222.5px,55px,0) scale(.5);
}
#easy_services.easy_actions4 .easy_li4 {
	-webkit-transform: translate3d(-222.5px,0,0);
	   -moz-transform: translate3d(-222.5px,0,0);
	     -o-transform: translate3d(-222.5px,0,0);
	        transform: translate3d(-222.5px,0,0);
}
#easy_services .easy_image1 {
	color: #fff;
	font-size: 120px;
	line-height: 75px;
	height: 55px;
	display: block;
	margin-bottom: 20px;
}
#easy_services .easy_subheader {
	color: #bcbec2;
	font-size: 30px;
	font-weight: lighter;
	padding-bottom: 30px;
	text-align: center;
	font-family: 'Roboto Condensed';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#easy_services .easy_subtitle {
	color: #51C4D6;
	font-size: 18px;
	padding-bottom: 5px;
	font-weight: bold;
	font-family: 'Roboto Condensed';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#easy_services .easy_subtext {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-family: 'Roboto Condensed';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#easy_services .easy_subtext a {
	color: #fff;
	text-decoration: none;
}
#easy_services .easy_subtext a:hover {
	text-decoration: underline;
}
#easy_services .easy_earth {
    background-image: url(https://europlanet.gr/css/svg/earth.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 82px;
    width: 78px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -41px 0 0 -39px;
}
#easy_services .easy_arrow {
    background-image: url(https://europlanet.gr/css/svg/arrow.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 188px;
    width: 181px;
	left: -14px;
	top: -38px;
    position: absolute;
	-webkit-transform: rotate(-13deg);
	   -moz-transform: rotate(-13deg);
	     -o-transform: rotate(-13deg);
	        transform: rotate(-13deg);
    -webkit-transform-origin: 56.45% 67.25% 0;
			transform-origin: 56.45% 67.25% 0;
}
#easy_services .easy_li1.anim .easy_arrow {
	-webkit-animation: easyDomain 1s linear forwards 0s;
	   -moz-animation: easyDomain 1s linear forwards 0s;
	     -o-animation: easyDomain 1s linear forwards 0s;
	        animation: easyDomain 1s linear forwards 0s;
}

@-webkit-keyframes easyDomain {
	0% {
		-webkit-transform: rotate(-13deg);
	}
	100% { 
		-webkit-transform: rotate(347deg);
	}
}
@-moz-keyframes easyDomain {
	0% {
		-moz-transform: rotate(-13deg);
	}
	100% { 
		-moz-transform: rotate(347deg);
	}
}
@-o-keyframes easyDomain {
	0% {
		-o-transform: rotate(-13deg);
	}
	100% { 
		-o-transform: rotate(347deg);
	}
}
@keyframes easyDomain {
	0% {
		transform: rotate(-13deg);
	}
	100% { 
		transform: rotate(347deg);
	}
}
#easy_services .easy_host {
    background-image: url(https://europlanet.gr/css/svg/host.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 21px;
    width: 77px;
	left: 50%;
	margin-left: -38.5px;
    position: absolute;
	-webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	     -o-transform: scale(1, 1);
	        transform: scale(1, 1);
    -webkit-transform-origin: 50% 50% 0;
			transform-origin: 50% 50% 0;
}
#easy_services .easy_host1 {
	top: 52px;
}
#easy_services .easy_host2 {
	top: 78px;
}
#easy_services .easy_host3 {
	top: 104px;
}
#easy_services .easy_li2.anim .easy_host1 {
	-webkit-animation: easyHosting 1s ease forwards .5s;
	   -moz-animation: easyHosting 1s ease forwards .5s;
	     -o-animation: easyHosting 1s ease forwards .5s;
	        animation: easyHosting 1s ease forwards .5s;
}
#easy_services .easy_li2.anim .easy_host2 {
	-webkit-animation: easyHosting 1s ease forwards 1s;
	   -moz-animation: easyHosting 1s ease forwards 1s;
	     -o-animation: easyHosting 1s ease forwards 1s;
	        animation: easyHosting 1s ease forwards 1s;
}
#easy_services .easy_li2.anim .easy_host3 {
	-webkit-animation: easyHosting 1s ease forwards 0s;
	   -moz-animation: easyHosting 1s ease forwards 0s;
	     -o-animation: easyHosting 1s ease forwards 0s;
	        animation: easyHosting 1s ease forwards 0s;
}
@-webkit-keyframes easyHosting {
	0% {
		-webkit-transform: scale(.99, .99);
	}
	50% {
		-webkit-transform: scale(1.23, 1.23);
	}
	100% { 
		-webkit-transform: scale(1, 1);
	}
}
@-moz-keyframes easyHosting {
	0% {
		-moz-transform: scale(.99, .99);
	}
	50% {
		-moz-transform: scale(1.23, 1.23);
	}
	100% { 
		-moz-transform: scale(1, 1);
	}
}
@-o-keyframes easyHosting {
	0% {
		-o-transform: scale(.99, .99);
	}
	50% {
		-o-transform: scale(1.23, 1.23);
	}
	100% { 
		-o-transform: scale(1, 1);
	}
}
@keyframes easyHosting {
	0% {
		transform: scale(.99, .99);
	}
	50% { 
		transform: scale(1.23, 1.23);
	}
	100% { 
		transform: scale(1, 1);
	}
}
#easy_services .easy_browser {
    background-image: url(https://europlanet.gr/css/svg/browser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 99px;
    width: 96px;
    position: absolute;
	left: 50%;
	top: 50%;
	margin: -49.5px 0 0 -48px;
}
#easy_services .easy_browser1 {
    background-color: #fff;
    height: 23px;
    width: 55px;
    position: absolute;
	left: 62px;
	top: 89px;
}
#easy_services .easy_browser2 {
    background-color: #fff;
    height: 4px;
    width: 29px;
    position: absolute;
	left: 88px;
	top: 80px;
}
#easy_services .easy_browser3 {
    background-color: #fff;
    height: 8px;
    width: 22px;
    position: absolute;
	left: 62px;
	top: 76px;
}
#easy_services .easy_li3.anim .easy_browser1 {
	-webkit-transform-origin: 0 50% 0;
			transform-origin: 0 50% 0;
	-webkit-animation: easyWebsite 1s ease forwards .3s;
	   -moz-animation: easyWebsite 1s ease forwards .3s;
	     -o-animation: easyWebsite 1s ease forwards .3s;
	        animation: easyWebsite 1s ease forwards .3s;
}
#easy_services .easy_li3.anim .easy_browser2 {
	-webkit-transform-origin: 0 50% 0;
			transform-origin: 0 50% 0;
	-webkit-animation: easyWebsite 1s ease forwards .6s;
	   -moz-animation: easyWebsite 1s ease forwards .6s;
	     -o-animation: easyWebsite 1s ease forwards .6s;
	        animation: easyWebsite 1s ease forwards .6s;
}
#easy_services .easy_li3.anim .easy_browser3 {
	-webkit-transform-origin: 0 50% 0;
			transform-origin: 0 50% 0;
	-webkit-animation: easyWebsite 1s ease forwards 0s;
	   -moz-animation: easyWebsite 1s ease forwards 0s;
	     -o-animation: easyWebsite 1s ease forwards 0s;
	        animation: easyWebsite 1s ease forwards 0s;
}
@-webkit-keyframes easyWebsite {
	0% {
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(0, 1);
	}
	100% { 
		-webkit-transform: scale(1, 1);
	}
}
@-moz-keyframes easyWebsite {
	0% {
		-moz-transform: scale(1, 1);
	}
	50% {
		-moz-transform: scale(0, 1);
	}
	100% { 
		-moz-transform: scale(1, 1);
	}
}
@-o-keyframes easyWebsite {
	0% {
		-o-transform: scale(1, 1);
	}
	50% {
		-o-transform: scale(0, 1);
	}
	100% { 
		-o-transform: scale(1, 1);
	}
}
@keyframes easyWebsite {
	0% {
		transform: scale(1, 1);
	}
	50% { 
		transform: scale(0, 1);
	}
	100% { 
		transform: scale(1, 1);
	}
}
#easy_services .easy_phone1 {
    background-image: url(https://europlanet.gr/css/svg/phone2.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 72px;
    position: absolute;
	left: 50%;
	margin-left: -36px;
	top: 62px;
}
#easy_services .easy_phone2 {
    background-image: url(https://europlanet.gr/css/svg/phone1.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 117px;
    width: 113px;
    position: absolute;
	left: 50%;
	margin-left: -56.5px;
	top: 15px;
}
#easy_services .easy_li4.anim .easy_phone2 {
	-webkit-animation: easyTelephony 1.5s linear forwards 0s;
	   -moz-animation: easyTelephony 1.5s linear forwards 0s;
	     -o-animation: easyTelephony 1.5s linear forwards 0s;
	        animation: easyTelephony 1.5s linear forwards 0s;
}
@-webkit-keyframes easyTelephony {
	0% {
		-webkit-transform: rotate(1deg);
	}
	10% {
		-webkit-transform: rotate(-5deg);
	}
	19% { 
		-webkit-transform: rotate(4deg);
	}
	27% { 
		-webkit-transform: rotate(-5deg);
	}
	36% { 
		-webkit-transform: rotate(4deg);
	}
	46% { 
		-webkit-transform: rotate(0deg);
	}
	49% { 
		-webkit-transform: rotate(1deg);
	}
	55% { 
		-webkit-transform: rotate(-5deg);
	}
	69% { 
		-webkit-transform: rotate(4deg);
	}
	79% { 
		-webkit-transform: rotate(-5deg);
	}
	89% { 
		-webkit-transform: rotate(4deg);
	}
	100% { 
		-webkit-transform: rotate(1deg);
	}
}
@-moz-keyframes easyTelephony {
	0% {
		-moz-transform: rotate(1deg);
	}
	10% {
		-moz-transform: rotate(-5deg);
	}
	19% { 
		-moz-transform: rotate(4deg);
	}
	27% { 
		-moz-transform: rotate(-5deg);
	}
	36% { 
		-moz-transform: rotate(4deg);
	}
	46% { 
		-moz-transform: rotate(0deg);
	}
	49% { 
		-moz-transform: rotate(1deg);
	}
	55% { 
		-moz-transform: rotate(-5deg);
	}
	69% { 
		-moz-transform: rotate(4deg);
	}
	79% { 
		-moz-transform: rotate(-5deg);
	}
	89% { 
		-moz-transform: rotate(4deg);
	}
	100% { 
		-moz-transform: rotate(1deg);
	}
}
@-o-keyframes easyTelephony {
	0% {
		-o-transform: rotate(1deg);
	}
	10% {
		-o-transform: rotate(-5deg);
	}
	19% { 
		-o-transform: rotate(4deg);
	}
	27% { 
		-o-transform: rotate(-5deg);
	}
	36% { 
		-o-transform: rotate(4deg);
	}
	46% { 
		-o-transform: rotate(0deg);
	}
	49% { 
		-o-transform: rotate(1deg);
	}
	55% { 
		-o-transform: rotate(-5deg);
	}
	69% { 
		-o-transform: rotate(4deg);
	}
	79% { 
		-o-transform: rotate(-5deg);
	}
	89% { 
		-o-transform: rotate(4deg);
	}
	100% { 
		-o-transform: rotate(1deg);
	}
}
@keyframes easyTelephony {	
	0% {
		transform: rotate(1deg);
	}
	10% {
		transform: rotate(-5deg);
	}
	19% { 
		transform: rotate(4deg);
	}
	27% { 
		transform: rotate(-5deg);
	}
	36% { 
		transform: rotate(4deg);
	}
	46% { 
		transform: rotate(0deg);
	}
	49% { 
		transform: rotate(1deg);
	}
	55% { 
		transform: rotate(-5deg);
	}
	69% { 
		transform: rotate(4deg);
	}
	79% { 
		transform: rotate(-5deg);
	}
	89% { 
		transform: rotate(4deg);
	}
	100% { 
		transform: rotate(1deg);
	}
}
#easy_domain_logos {
	width: 100%;
	height: 75px;
	position: absolute;
	bottom: 200px;
	left: 0;
	background-color: #fff;
	background-color: rgba(255,255,255,.85);
	-webkit-transform: translate3d(0, 75px, 0);
	   -moz-transform: translate3d(0, 75px, 0);
	     -o-transform: translate3d(0, 75px, 0);
	        transform: translate3d(0, 75px, 0);
	
}
#easy_domain_logos.visible {
	-webkit-animation: easyDomainLogos .6s ease forwards 2s;
	   -moz-animation: easyDomainLogos .6s ease forwards 2s;
	     -o-animation: easyDomainLogos .6s ease forwards 2s;
	        animation: easyDomainLogos .6s ease forwards 2s;
}
#easy_domain_logos .easy_domain_logos {
	width: 960px;
	height: 75px;
	position: relative;
	margin: 0 auto;
	background: url(https://europlanet.gr/img/home/domain_logos.png) no-repeat 14px 11px transparent;
}
#easy_domain_logos .easy_domain_logos a {
	float: left;
	width: 20%;
	height: 75px;
	text-decoration: none;
}

@-webkit-keyframes easyDomainLogos {
	0% {
		-webkit-transform: translate3d(0, 75px, 0);
	}
	100% { 
		-webkit-transform: none;
	}
}
@-moz-keyframes easyDomainLogos {
	0% {
		-moz-transform: translate3d(0, 75px, 0);
	}
	100% { 
		-moz-transform: none;
	}
}
@-o-keyframes easyDomainLogos {
	0% {
		-o-transform: translate3d(0, 75px, 0);
	}
	100% { 
		-o-transform: none;
	}
}
@keyframes easyDomainLogos {
	0% {
		transform: translate3d(0, 75px, 0);
	}
	100% { 
		transform: none;
	}
}
#easy_services .easy_li1 {
	top: 85px;
	left: 83px;
}
#easy_services .easy_li2 {
	bottom: 38px;
	left: 118px;
}
#easy_services .easy_li3 {
	top: 36px;
	right: 85px;
}
#easy_services .easy_li4 {
	bottom: 28px;
	right: 121px;
}
#easy_services .easy_li5 {
	width: 200px;
	left: 352px;
	top: 184px;
}
#easy_services .easy_li5 i {
	color: #A3B0C1;
	font-size: 200px;
	height: 200px;
	line-height: 200px;
	width: 200px;
}
#easy_services .easy_li6 {
	text-align: center;
	left: 50%;
	margin-left: -80px;
	top: 125px;
}
#easy_services .easy_li6 a {
	text-decoration: none;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Roboto Condensed';
}
#easy_services .easy_li6 a span {
	font-weight: lighter;
	color: #fff;
	font-size: 30px;
}
#easy_services .easy_bottom_text {
	font-size: 24px;
	font-weight: normal;
	color: #80858e;
	text-align: center;
	clear: both;
	line-height: 70px;
}