/*-------------------------------------------------- About Page Service List ---------------------------------------------------*/


.service-list-wrapper {
	/* padding is recalculated by js to center the block */

	position: relative;
	margin-right: auto;
margin-left: auto;
	}
	
	.service-list a{
		cursor: default;
	}

	.service-list a span{
		margin-right:10px;
		color:#888888;
		font-size:16px;
		font-weight:100;
	}
	.service-list-wrapper.height-auto {
	padding: 40px 0;
	}
	#hero + #page-body > .service-list-wrapper:first-child,
	#hero + #page-body > div[class*='spacer-']:first-child + .service-list-wrapper {
	padding-top: 0 !important;
	}
	.service-list-wrapper.style-grid {
	padding: 0;
	}
	#hero + #page-body > .spacer-slist {
	display: none;
	}




.slist .service-list {
	position: relative;
	z-index: 4;
	opacity: 1;
	transition: all 0.4s ease 0.25s;
	}
	.slist.text-left .service-list {
	text-align: left;
	}
	.slist.text-right .service-list {
	text-align: right;
	}
	.slist .service-list:hover {
	transition-delay: 0.2s;
	}
	.slist.block-align .service-list {
	display: inline-block;
	margin-right: -4px;
	}
	.slist .service-list.filtered {
	opacity: 0.2;
	cursor: default;
  	pointer-events: none;
	}
	.slist .service-list.hide {
	z-index: 2;
	}
	.slist.hover-hide .service-list.hide {
	opacity: 0;
	transition-delay: 0s;
	}
	.slist.fade-hide .service-list.hide {
	opacity: 0.24;
	transition-delay: 0s;
	}
	.slist.hover-hide.trans-none .service-list,
	.slist.fade-hide.trans-none .service-list {
	transition: all 0.1s ease 0s;
	}

.slist .service-list a {

	transition-delay: 0.1s !important;
	display: inline-block;
	vertical-align: top;

	}

	.slist h3{
			line-height: normal;
			margin-bottom: 50px;
	}
	.text-light .slist .service-list a {
	color: #fff;
	}
	.slist.spaced .service-list a {
	padding: 15px 0;
	}
	.slist.spaced-big .service-list a {
	padding: 20px 0;
	}
	.slist.spaced-huge .service-list a {
	padding: 30px 0;
	}
	.slist.trans-none .service-list a {
	transition-duration: 0s;
	}


/* spacing block align */
.slist.block-align .service-list a {
	padding: 5px 10px;
	}
	.slist.block-align.spaced .service-list a {
	padding: 8px 20px;
	}
	.slist.block-align.spaced-big .service-list a {
	padding: 12px 30px;
	}
	.slist.block-align.spaced-huge .service-list a {
	padding: 18px 50px;
	}
	.slist.block-align.text-left .service-list a {
	padding: 5px 20px 5px 0;
	}
	.slist.block-align.text-left.spaced .service-list a {
	padding: 8px 40px 8px 0;
	}
	.slist.block-align.text-left.spaced-big .service-list a {
	padding: 12px 60px 12px 0;
	}
	.slist.block-align.text-left.spaced-huge .service-list a {
	padding: 18px 100px 18px 0;
	}
	.slist.block-align.text-right .service-list a {
	padding: 5px 0 5px 20px;
	}
	.slist.block-align.text-right.spaced .service-list a {
	padding: 8px 0 8px 40px;
	}
	.slist.block-align.text-right.spaced-big .service-list a {
	padding: 12px 0 12px 60px;
	}
	.slist.block-align.text-right.spaced-huge .service-list a {
	padding: 18px 0 18px 100px;
	}

.slist .service-list a > * {
	display: inline-block;
	}
	.slist .service-list.do-anim-text a > *,
	.slist .service-list .slist-inner.do-anim-text a > *{
	transform: translateY(50%) rotate(-4deg);
	transform-origin: top right;
	opacity: 0;
	transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0.3s ease 0.1s;
	}
	.slist.trans-none .service-list.do-anim-text:hover a > *,
	.slist.trans-none .service-list .slist-inner.do-anim-text:hover a > * {
	transition: all 1.2s cubic-bezier(.19,1,.22,1), color 0s ease;
	}

.slist.captionpos-below .service-list a .caption-sub {
	display: block;
	}

.slist.captionpos-left .service-list a .caption-sub {
	margin-right: 6px;
	display: inline-block;
	}

.slist.captionpos-right .service-list a .portfolio-name {
	margin-right: 6px;
	}

body.loading-end .slist .service-list.do-anim-text.animated a > *,
body.loading-end .slist .service-list .slist-inner.do-anim-text.animated a > * {
	-webkit-transform: translateY(0%);
  	-moz-transform: translateY(0%);
  	transform: translateY(0%);
	opacity: 1;
	}
	body.loading-end .slist .service-list.do-anim-text.animated a > .caption-sub,
	body.loading-end .slist .service-list .slist-inner.do-anim-text.animated a > .caption-sub {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0.3s ease 0.1s;
	}
	body.loading-end .slist .service-list.do-anim-text.animated a > *:nth-child(3n),
	body.loading-end .slist .service-list .slist-inner.do-anim-text.animated a > *:nth-child(3n) {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0.3s ease 0.1s;
	}
	body.loading-end .slist.trans-none .service-list.do-anim-text.animated:hover a > .caption-sub,
	body.loading-end .slist.trans-none .service-list .slist-inner.do-anim-text.animated:hover a > .caption-sub {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.3s, color 0s ease;
	}
	body.loading-end .slist.trans-none .service-list.do-anim-text.animated:hover a > *:nth-child(3n),
	body.loading-end .slist.trans-none .service-list .slist-inner.do-anim-text.animated:hover a > *:nth-child(3n) {
	transition: all 1.2s cubic-bezier(.19,1,.22,1) 0.4s, color 0s ease;
	}

.slist .slist-hover-media {
	position: fixed;
	top: 50%;
	left:  50%;
	transform: translateX(-50%) translateY(-50%);
	width: 600px;
	height: 338px;
	overflow: hidden;
  	pointer-events: none;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	transition-delay: 0.8s;
	}
	body.loading-end .slist .slist-hover-media.visible {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
	}
	body:not(.loading-end) .slist .slist-hover-media {
	transition-delay: 0s !important;
	}
	.slist .slist-hover-media.mousemove {
	top: 0;
	left: 0;
	transform: none;
	}
	.slist .slist-hover-media.size-right {
	left: auto;
	right: -5%;
	z-index: 3;
	}
	.slist .slist-hover-media.size-right.mousemove {
	right: calc( (100vw - 1000px) / 2);
	}
	.slist .slist-hover-media.size-rightbottom {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	transform: none;
	}
	.slist .slist-hover-media.size-full {
	top: 0;
	left: 0;
	transform: none;
	width: 100%;
	height: 100%;
	}
	.slist:not(.hover-hide) .slist-hover-media:not(.size-full) {
	z-index: 3;
	}
	.slist .slist-hover-media.size-full.mousemove {
	width: 115%;
	height: 115%;
	}
	.slist .slist-hover-media.size-half {
	top: 0;
	left: 50%;
	transform: none;
	width: 50%;
	height: 100%;
	}

.slist .slist-hover-media .service-list-media {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	opacity: 0;
	visibility: hidden;

	}
	.slist .slist-hover-media .service-list-media.visible {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	}


.slist .slist-hover-media .service-list-media .media {
	position: relative;
	display: inline-block;
	max-height: 100%;
	vertical-align: middle;
	}
	.slist .slist-hover-media.img-cover .service-list-media .media,
	.slist .slist-hover-media.size-full .service-list-media .media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	.slist .slist-hover-media.img-cover .service-list-media .media .media-image,
	.slist .slist-hover-media.size-full .service-list-media .media .media-image,
	.slist .slist-hover-media.size-half .service-list-media .media .media-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 450px;
	}
	.slist .slist-hover-media.size-full .service-list-media .media .media-image,
	.slist .slist-hover-media.size-half .service-list-media .media .media-image {
	width: 100%;
	height: 100%;
	/* updated by js */
	}

.slist .slist-hover-media .service-list-media .media-image img {
	max-width: 100%;
	max-height: 450px;
    vertical-align: middle;
	width: auto;
	}
	.slist .slist-hover-media.img-cover .service-list-media .media-image img,
	.slist .slist-hover-media.size-full .service-list-media .media-image img,
	.slist .slist-hover-media.size-half .service-list-media .media-image img {
	max-width: inherit;
	max-height: inherit;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	}

.slist .slist-hover-media .service-list-media .media-video  {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.slist .slist-hover-media .service-list-media::before {		/* helper for vertical center */
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
    margin-right: -7px;
}

/* Fade Transition */
.slist .slist-hover-media.trans-fade .service-list-media {
	transition: all 0.35s ease 0.2s;
}

.slist .slist-hover-media.trans-fade .service-list-media.visible {
	transition-delay: 0.1s;
}

/* Slide Transition */
.slist .slist-hover-media.trans-slide .service-list-media {
	opacity: 1;
	visibility: visible;
}

.slist .slist-hover-media.trans-slide .service-list-media .media  {
	overflow: hidden;
	height: 0;
	-webkit-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
	   -moz-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
		 -o-transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
			transition: all 749ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.25s;
	}
	.slist .slist-hover-media.trans-slide .service-list-media.visible .media  {
	height: 100%;
	transition-delay: 0.2s;
	}

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.visible.from-top .media > span { top:0; bottom: auto; }

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.visible.from-bottom .media > span { bottom:0; top: auto; }

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.to-top .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.to-top .media > span { top:0; bottom: auto; }

.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.to-bottom .media,
.slist .slist-hover-media.trans-slide:not(.size-half):not(.size-rightbottom) .service-list-media.to-bottom .media > span { bottom:0; top: auto; }

.slist .slist-hover-media.trans-slide .service-list-media .media .media-image  {
	transform: translateY(-25%) scale(1.1);

	}
	.slist .slist-hover-media.trans-slide .service-list-media.to-top .media > span,
	.slist .slist-hover-media.trans-slide .service-list-media.to-bottom .media > span,
	.slist .slist-hover-media.trans-slide .service-list-media.visible .media > span  {
	-webkit-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
	   -moz-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
		 -o-transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
			transition: all 949ms cubic-bezier(0.4, 0.4, 0.000, 1.0) 0.1s;
	}
	.slist .slist-hover-media.trans-slide .service-list-media.visible .media > span  {
	transform: none !important;
	transition-delay: 0.1s;
	}

.slist .slist-hover-media.trans-slide .service-list-media.from-top .media > span { transform: translateY(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .service-list-media.from-bottom .media > span { transform: translateY(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .service-list-media.to-top .media > span { transform: translateY(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide .service-list-media.to-bottom .media > span { transform: translateY(25%) scale(1.1); }


/* Slide Transition for half/rightbottom size */
.slist .slist-hover-media.trans-slide.size-half .service-list-media .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media .media {
	overflow: hidden;
	height: 100%;
	width: 0%;
	}
	.slist .slist-hover-media.trans-slide.size-half .service-list-media.visible .media,
	.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.visible .media {
	width: 100%;
	}

.slist .slist-hover-media.trans-slide.size-half .service-list-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide.size-half .service-list-media.visible.from-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.visible.from-top .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.visible.from-top .media > span { right:0; left: auto; }

.slist .slist-hover-media.trans-slide.size-half .service-list-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide.size-half .service-list-media.visible.from-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.visible.from-bottom .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.visible.from-bottom .media > span { left:0; right: auto; }

.slist .slist-hover-media.trans-slide.size-half .service-list-media.to-top .media,
.slist .slist-hover-media.trans-slide.size-half .service-list-media.to-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.to-top .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.to-top .media > span { right:0; left: auto; }

.slist .slist-hover-media.trans-slide.size-half .service-list-media.to-bottom .media,
.slist .slist-hover-media.trans-slide.size-half .service-list-media.to-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.to-bottom .media,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.to-bottom .media > span { left:0; right: auto; }

.slist .slist-hover-media.trans-slide.size-half .service-list-media .media .media-image,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media .media .media-image {
	transform: translateX(25%) scale(1.1);
	}

.slist .slist-hover-media.trans-slide.size-half .service-list-media.from-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.from-top .media > span { transform: translateX(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .service-list-media.from-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.from-bottom .media > span { transform: translateX(-25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .service-list-media.to-top .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.to-top .media > span { transform: translateX(25%) scale(1.1); }
.slist .slist-hover-media.trans-slide.size-half .service-list-media.to-bottom .media > span,
.slist .slist-hover-media.trans-slide.size-rightbottom .service-list-media.to-bottom .media > span { transform: translateX(-25%) scale(1.1); }


/* Size Small */
.slist .slist-hover-media.size-small,
.slist .slist-hover-media.size-small.img-cover .service-list-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image {
	width: 300px;
	height: 300px;
	}
	.slist .slist-hover-media.size-small .service-list-media img {
	max-height: 300px;
	}
.slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 300px; height: 150px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 300px; height: 100px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 300px; height: 200px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 300px; height: 225px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 300px; height: 170px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 300px; height: 130px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 225px; height: 300px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 200px; height: 300px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 100px; height: 300px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-small.img-cover .service-list-media .media .media-image { width: 150px; height: 300px; }

/* Size Medium */
.slist .slist-hover-media.size-medium,
.slist .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image {
	width: 600px;
	height: 338px;

	}
	.slist .slist-hover-media.size-medium .service-list-media img {
	max-height: 450px;
	}
.slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 450px; height: 225px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 450px; height: 150px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 450px; height: 300px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 450px; height: 340px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 450px; height: 254px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 450px; height: 193px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 340px; height: 450px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 300px; height: 450px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 150px; height: 450px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-medium.img-cover .service-list-media .media .media-image { width: 225px; height: 450px; }


/* Size Big */
.slist .slist-hover-media.size-big,
.slist .slist-hover-media.size-big.img-cover .service-list-media .media .media-image,
.slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:1'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image {
	width: 600px;
	height: 600px;
	}
	.slist .slist-hover-media.size-big .service-list-media img {
	max-height: 600px;
	}
.slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='2:1'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 600px; height: 300px; }
.slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:1'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 600px; height: 200px; }
.slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:2'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 600px; height: 400px; }
.slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='4:3'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 600px; height: 450px; }
.slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='16:9'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 600px; height: 338px; }
.slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='21:9'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 600px; height: 257px; }
.slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='3:4'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 450px; height: 600px; }
.slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='2:3'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 400px; height: 600px; }
.slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:3'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 200px; height: 600px; }
.slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover,
.slist[data-ratio='1:2'] .slist-hover-media.size-big.img-cover .service-list-media .media .media-image { width: 300px; height: 600px; }