html{overflow-x:hidden}

.col-25 {

	width: 25%;

	float: left

}

.col-33 {

	width: 33.33%;

	float: left

}

.col-50 {

	width: 50%;

	float: left

}

.col-100 {

	width: 100%;

	float: left

}

.col-100, .col-25, .col-33, .col-50 {

	margin-bottom: 40px

}

#services-intro p {

	

	font-size: 18px;

	color: #000;

	line-height: 30px;

	font-weight: 400;

	padding: 40px 15% 0;

	opacity: .6;

	text-align: center

}

#services-intro p a {

	color: #000;

	text-decoration: none;

	border-bottom: 1px dotted #000

}

.service {

	margin: 0 20px;

	text-align: center

}

.service i {

	background-color: transparent;

	display: inline-block;

	width: 128px;

	height: 128px;

	border: 2px solid #eb464d;

	box-sizing: border-box;

	border-radius: 65px;

	margin-bottom: 18px;

	-webkit-transition: cubic-bezier(.77, 0, .175, 1).5s;

	transition: cubic-bezier(.77, 0, .175, 1).5s;

	background-position: center bottom;

	background-repeat: no-repeat;

	-webkit-transform: rotateY(0);

	transform: rotateY(0)

}

.service i.icn-uxui {

	background-image: url(../img/icn-ux-ui-design.svg)

}

.service i.icn-webmobile {

	background-image: url(../img/icn-web-mobile.svg)

}

.service i.icn-graphicdesign {

	background-image: url(../img/icn-graphic-design.svg)

}

.service i.icn-printdigital {

	background-image: url(../img/icn-print-design.svg)

}

.service h4 {

	

	font-weight: 900;

	font-size: 16px;

	color: #000;

	letter-spacing: 2.66px;

	margin-bottom: 18px

}

.service p {

	opacity: .6;

	

	font-weight: 400;

	font-size: 14px;

	color: #000;

	line-height: 21px;

	text-align: left

}

.service ul {

	margin-top: 14px

}

.service ul li {

	text-align: left;

	color: #4A4A4A;

	opacity: .75;

	list-style: square;

	list-style-position: inside;

	line-height: 21px

}

.service ul li.list-title {

	list-style: none;

	color: #000;

	opacity: 1;

	letter-spacing: 1px;

	font-weight: 600

}

.skrollable-after .service i {

	background-color: #eb464d;

	background-position: center top;

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg)

}

.skrollable-after .service i[data-transition-delay="500"] {

	-webkit-transition-delay: .5s;

	transition-delay: .5s

}

.skrollable-after .service i[data-transition-delay="1000"] {

	-webkit-transition-delay: 1s;

	transition-delay: 1s

}

.skrollable-after .service i[data-transition-delay="1500"] {

	-webkit-transition-delay: 1.5s;

	transition-delay: 1.5s

}

.skrollable-after .service i[data-transition-delay="2000"] {

	-webkit-transition-delay: 2s;

	transition-delay: 2s

}

 .service i:hover {

	background-color: transparent;

	background-position: center bottom;

	-webkit-transform: rotateY(0);

	transform: rotateY(0);

	-webkit-transition-delay: 0s!important;

	transition-delay: 0s!important

}