/* ------------------
  Ded Servers Header
------------------- */

header.servers {
	position: relative;
}

header.servers .cover {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background-image: url(/imgs/banners/servers_bg.webp);
	background-size: cover;
	z-index:0;
}

header.servers .slider {
	color: #fff;
}

header.servers .slider h1 {
	font-size: 20px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	position: relative;
}

header.servers .slider h2 {
	font-size: 17px;
	font-weight: 200;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 25px;
	position: relative;
	line-height: 26px;
}

header.servers .slider p {
	position: relative;
	font-size: 14px;
	opacity: 0.7;
}

header.servers .slider h2 strong {
	font-weight: 600;
}

header.servers .slider .sw-menu{
	position: relative;
	margin-top: 70px;
	opacity: 0.8;
}

header.servers .slider .sw-menu a{
	width: 50%;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	border: 1px solid #fff;
	padding: 8px 0;
	transition: background-color 200ms;
	-webkit-user-select: none;
	user-select: none;
}

header.servers .slider .sw-menu a:hover{
	background-color: rgba(255, 255, 255, 0.06);
}

header.servers .slider .sw-menu a:first-child{
	border-radius: 5px 0 0 5px;
}

header.servers .slider .sw-menu a:last-child{
	border-radius: 0 5px 5px 0;
}

header.servers .slider .sw-menu a.active{
	color: #272e33;
	cursor: default;
	background-color: #fff;
}

/* Servers > Layer 1 */
/* ----------------- */

.servers .layer-1{
	margin-top: 0;
}

.servers .layer-1 .wrapper{
	font-size: 0;
	padding-top: 40px;
}

.servers .layer-1 .product{
	display: block;
	text-align: center;
	position: relative;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.servers .layer-1 .product .inside{
	border: 1px solid rgba(56, 70, 80, 0.1);
    box-shadow: 8.485px 8.485px 10px 0px rgba(56, 70, 80, 0.05);
    border-radius: 12px;
	padding: 35px 30px 5px 30px;
}

.servers .layer-1 .product .col{
	margin-bottom: 30px;
	text-align: left;
}

.servers .layer-1 .product .col-1 {
	white-space: nowrap;
}

.servers .layer-1 .product .col-2,
.servers .layer-1 .product .col-3 {
	white-space: nowrap;
}

.servers .layer-1 .product h3{
	font-size: 17px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 30px;
}

.servers .layer-1 .product ul{
	list-style-type: none;
}

.servers .layer-1 .product ul > li{
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 600;
}

.servers .layer-1 .product ul > li:before{
	display: inline-block;
	vertical-align: middle;
	content: '';
	margin-right: 5px;
	background-image: url(/imgs/sprite_2.webp);
	background-size: 800px 800px;
	width: 32px;
	height: 32px;
}

.servers .layer-1 .product ul > li.itm-cpu:before{
	background-position: -356px -6px;
}

.servers .layer-1 .product ul > li.itm-ram:before{
	background-position: -420px -6px;
}

.servers .layer-1 .product ul > li.itm-hdd:before{
	background-position: -388px -6px;
}

.servers .layer-1 .product ul > li.itm-net:before{
	background-position: -484px -6px;
}

.servers .layer-1 .product ul > li.itm-ips:before{
	background-position: -452px -6px;
}

.servers .layer-1 .product ul > li.itm-loc:before{
	background-position: -324px -6px;
}

.servers .layer-1 .product .metter span{
	font-size: 13px;
	color: #004369;
	opacity: 0.8;
	display: inline-block;
	vertical-align: middle;
}

.servers .layer-1 .product .levels{
	border: 1px solid #ccc;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	transform: skewX(-20deg);
	padding: 5px;
}

.servers .layer-1 .product .levels a{
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 100%;
	margin: 0 2px;
}

.servers .layer-1 .group-1 .product .levels a{
	background-color: #b4d9f7;
}

.servers .layer-1 .group-2 .product .levels a{
	background-color: #c3c7ca;
}

.servers .layer-1 .group-1 .product .levels a.active{
	background-color: #0780e3;
}

.servers .layer-1 .group-2 .product .levels a.active{
	background-color: #384650;
}

.servers .layer-1 .product p.price{
	font-size: 18px;
	color: #004369;
	margin-top: 10px;
}

.servers .layer-1 .product a.btn-order{
	background-color: #1d2327;
	color: #fff;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	padding: 12px 25px 12px 45px;
	margin-top: 10px;
	border-radius: 20px 3px 20px 20px;
	position: relative;
}

.servers .layer-1 .group-1 .product a.btn-order{
	background-color: #0780e3;
}

.servers .layer-1 .group-2 .product a.btn-order{
	background-color: #1d2327;
}

.servers .layer-1 .product a.btn-order:before{
	background-image: url(/imgs/sprite_2.webp);
	background-size: 800px 800px;
	background-position: -649px -6px;
	display: block;
	content: '';
	position: absolute;
	width: 18px;
	height: 19px;
	top: 9px;
	left: 12px;
	opacity: 0.6;
	transition: opacity 200ms;
}

.servers .layer-1 .product a.btn-order:hover:before{
	opacity: 1;
}

.servers .layer-1 .product i {
	display: none;
}

.servers .layer-1 .product i.ic-pro{
	top: 30px;
	right: 10px;
	width: 36px;
	height: 41px;
	background-position: -523px -42px;
	position: absolute;
}

.servers .layer-1 .product i.ic-hp{
	width: 34px;
	height: 34px;
	position: absolute;
	top: 170px;
	right: 10px;
	background-position: -566px -42px;
}

.servers .layer-1 .product i.ic-led{
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: #2193f2;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 107px;
	right: 22px;
}

.servers .layer-1 .product i.ic-led.active{
	top: 90px;
	animation: led-flicker 150ms linear infinite alternate forwards;
}

.servers .layer-1 .group-2 .product i.ic-led{
	background-color: #103651;
}

.servers .layer-1 .group-2 .product i.ic-led.active{
	animation: led-flicker-pro 150ms linear infinite alternate forwards;
}

@keyframes led-flicker {
	0% {
		background-color: #c3c7ca;
	}
	10% {
		background-color: #c3c7ca;
	}
	11% {
		background-color: #2193f2;
	}
	30% {
		background-color: #2193f2;
	}
	31% {
		background-color: #c3c7ca;
	}
	50% {
		background-color: #c3c7ca;
	}
	51% {
		background-color: #2193f2;
	}
	90% {
		background-color: #2193f2;
	}
	91% {
		background-color: #c3c7ca;
	}
	100% {
		background-color: #c3c7ca;
	}
}

@keyframes led-flicker-pro {
	0% {
		background-color: #c3c7ca;
	}
	10% {
		background-color: #c3c7ca;
	}
	11% {
		background-color: #103651;
	}
	30% {
		background-color: #103651;
	}
	31% {
		background-color: #c3c7ca;
	}
	50% {
		background-color: #c3c7ca;
	}
	51% {
		background-color: #103651;
	}
	90% {
		background-color: #103651;
	}
	91% {
		background-color: #c3c7ca;
	}
	100% {
		background-color: #c3c7ca;
	}
}

.servers .layer-1 .custom-product .col {
	text-align: center;
}

.servers .layer-1 .custom-product h3{
	line-height: 26px;
	font-size: 17px;
	font-weight: normal;
}

.servers .layer-1 .custom-product h3 strong{
	font-weight: 600;
}

.servers .layer-1 .custom-product p{
	font-size: 14px;
	opacity: 0.8;
}

.servers .layer-1 .custom-product .col{
	white-space: normal;
}

.servers .layer-1 .custom-product .col-2{
	vertical-align: bottom;
}

.servers .layer-1 .product a.btn-config{
	border: 1px solid #1d2327;
	color: #1d2327;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	padding: 12px 25px 12px 50px;
	margin-top: 10px;
	border-radius: 20px 3px 20px 20px;
	position: relative;
	cursor: pointer;
	transition: background-color 200ms;
}

.servers .layer-1 .product a.btn-config:hover{
	background-color: rgba(31, 84, 117, 0.04);
}

.servers .layer-1 .product a.btn-config:before{
	background-image: url(/imgs/sprite_2.webp);
	background-size: 800px 800px;
	background-position: -617px -6px;
	display: block;
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 12px;
	bottom: 0;
	margin: auto;
}

/* Servers > Layer 2 */
/* ----------------- */

.servers .layer-2{
	background-color: #fff;
}

.servers .layer-2 .wrapper{
	padding: 20px 0 50px 0;
}

.servers .layer-2 .col {
	text-align: center;
	padding: 25px;
	border: 1px solid rgba(56, 70, 80, 0.085);
	border-radius: 30px;
	box-shadow: 3px 3px 5px 0px rgba(20, 69, 104, 0.05);
	transition: box-shadow 250ms ease-out;
}

.servers .layer-2 .col:hover {
	box-shadow: 5px 5px 20px 0px rgba(20, 69, 104, 0.2);
}

.servers .layer-2 .col i{
	display: block;
	margin: 0 auto 15px auto;
	width: 80px;
	height: 80px;
	transition: transform 300ms ease-out;
}

.servers .layer-2 .col:hover i {
	transform: translateY(8px);
}

.servers .layer-2 .col i.ic-1{
	background-position: -160px 0;
}

.servers .layer-2 .col i.ic-2{
	background-position: 0 0;
}

.servers .layer-2 .col i.ic-3{
	background-position: -80px 0;
}

.servers .layer-2 .col i.ic-4{
	background-position: -240px 0;
}

.servers .layer-2 .col h3{
	font-size: 17px;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 15px;
}

.servers .layer-2 .col p{
	font-size: 13px;
	opacity: 0.7;
	line-height: 1.5;
}

/* -------------------------
	Layer Server Options
/* ----------------------- */

.layer-srv-options .wrapper{
	padding: 40px 0 40px 0;
	font-size: 0;
}

.layer-srv-options .text h2{
	font-size: 20px;
	font-weight: 600;
	color: #144568;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 15px;
}

.layer-srv-options .text h3{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #144568;
}

.layer-srv-options .row{
	margin-top: 30px;
	box-shadow: 8.485px 8.485px 10px 0px rgba(56, 70, 80, 0.05);
	border: 1px solid rgba(56, 70, 80, 0.085);
	border-radius: 30px;
	text-align: center;
}

.layer-srv-options .col{
	text-align: center;
	color: #144568;
	padding: 40px 0;
	position: relative;
	vertical-align: top;
}

.layer-srv-options .col:after{
	display: block;
	width: 1px;
	height: 300px;
	background-image: linear-gradient( 90deg, rgba(31,84,117,0) 0%, rgb(31,84,117) 50%, rgba(31,84,117,0) 100%);
	content: '';
	position: absolute;
	top: 75px;
	right: 0;
	opacity: 0.302;	
}

.layer-srv-options .col:last-child:after{
	display: none;
}

.layer-srv-options .col .icon{
	display: block;
	margin: 0 auto 30px auto;
	width: 62px;
	height: 62px;
	background-color: #1f5475;
	border-radius: 50%;
	position: relative;
	transition: transform 300ms ease-out;
}

.layer-srv-options .col:hover .icon {
	transform: translateY(8px);
}

.layer-srv-options .col .icon i{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
}

.layer-srv-options .col .icon i.ic-1{
	width: 30px;
	height: 29px;
	background-position: -326px -48px;
}

.layer-srv-options .col .icon i.ic-2{
	width: 34px;
	height: 27px;
	background-position: -364px -48px;
}

.layer-srv-options .col .icon i.ic-3{
	width: 34px;
	height: 26px;
	background-position: -407px -48px;
}

.layer-srv-options .col .icon i.ic-4{
	width: 27px;
	height: 27px;
	background-position: -488px -48px;
}

.layer-srv-options .col .icon i.ic-5{
	width: 30px;
	height: 30px;
	background-position: -450px -48px;
}

.layer-srv-options .col h3{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 22px;
	margin-bottom: 30px;
}

.layer-srv-options .col ul{
	list-style-type: none;
	display: inline-block;
}

.layer-srv-options .col ul > li{
	font-size: 18px;
	opacity: 0.8;
	padding: 8px 0;
}

.layer-srv-options .col ul > li strong{
	float: right;
	width: 70px;
}

/* -------------------------
	Layer Server Licenses
/* ----------------------- */

.layer-srv-licenses{
	background-color: #0780e3;
}

.layer-srv-licenses .wrapper{
	color: #fff;
	padding: 40px 0;
}

.layer-srv-licenses .text h2{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 20px;
	margin-bottom: 15px;
}

.layer-srv-licenses .text h3{
	opacity: 0.5;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 40px;
}

.layer-srv-licenses .col {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.05);
	box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.04);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 0.07) 64%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid rgba(255, 255, 255, 0.06);
	transition: box-shadow 200ms, transform 200ms;
	cursor: default;
	overflow: hidden;
}

.layer-srv-licenses .col:hover {
	box-shadow: 14px 14px 10px 0px rgba(0, 0, 0, 0.08);
	transform: translateY(-6px);
}

.layer-srv-licenses .col i {
	display: block;
	margin: 0 auto;
}

.layer-srv-licenses .col i {
	background-image: url(/imgs/licenses.webp);
	height: 58px;
	margin-bottom: 25px;
}

.layer-srv-licenses .col i.ic-1{
	width: 157px;
	background-position: -318px -57px;
}

.layer-srv-licenses .col i.ic-2{
	width: 150px;
	background-position: 0 0;
}

.layer-srv-licenses .col i.ic-3{
	width: 170px;
	background-position: -150px 0;
}

.layer-srv-licenses .col i.ic-4{
	width: 110px;
	background-position: -475px -57px;
}

.layer-srv-licenses .col i.ic-5{
	width: 175px;
	background-position: -320px 0;
}

.layer-srv-licenses .col i.ic-6{
	width: 148px;
	background-position: -170px -57px;
}

.layer-srv-licenses .col i.ic-7{
	width: 170px;
	background-position: 0 -57px;
}

.layer-srv-licenses .col i.ic-8{
	width: 210px;
	background-position: -495px 0;
}

.layer-srv-licenses .col p.descr{
	font-size: 14px;
	opacity: 0.7;
}

.layer-srv-licenses .col p.price{
	margin-top: 35px;
	font-size: 16px;
}

.layer-srv-licenses .col p.price strong{
	font-size: 24px;
}

/* -------------------------
	Layer Server Management
/* ----------------------- */

.layer-srv-manage .wrapper{
	padding-top: 40px;
}

.layer-srv-manage .text h2{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #144568;
	margin-bottom: 15px;
}

.layer-srv-manage .text h3{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #144568;
	margin-bottom: 20px;
}

.layer-srv-manage .col{
	padding: 0 20px;
}

.layer-srv-manage .col h3{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}

.layer-srv-manage .col h3:before{
	display: inline-block;
	vertical-align: middle;
	content: '';
	margin-right: 10px;
	background-image: url(/imgs/sprite_2.webp);
	background-size: 800px 800px;
	width: 27px;
	height: 27px;
	background-position: -521px -10px;
}

.layer-srv-manage .col p{
	font-size: 14px;
	margin-bottom: 30px;
}

/* Servers > Layer 6 */
/* ----------------- */

.servers .layer-6{
	background-image: url(/imgs/benefits_bg.webp);
	background-size: cover;
}

.servers .layer-6 .wrapper{
	padding: 40px 0;
	color: #fff;
	font-size: 0;
}

.servers .layer-6 .text h2{
	font-size: 20px;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 20px;
}

.servers .layer-6 .text h3{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 40px;
}

.servers .layer-6 .col {
	text-align: center;
}

.servers .layer-6 .col i{
	display: block;
	margin: 0 auto 20px auto;
	width: 58px;
	height: 58px;
	transition: transform 300ms ease-out;
}

.servers .layer-6 .col:hover i {
	transform: translateY(8px);
}

.servers .layer-6 .col i.ic-1{
	background-position: -284px -88px;
}

.servers .layer-6 .col i.ic-2{
	background-position: -4px -88px;
}

.servers .layer-6 .col i.ic-3{
	background-position: -564px -88px;
}

.servers .layer-6 .col i.ic-4{
	background-position: -144px -88px;
}

.servers .layer-6 .col i.ic-5{
	background-position: -214px -88px;
}

.servers .layer-6 .col i.ic-6{
	background-position: -494px -88px;
}

.servers .layer-6 .col i.ic-7{
	background-position: -74px -88px;
}

.servers .layer-6 .col i.ic-8{
	background-position: -424px -88px;
}

.servers .layer-6 .col i.ic-9{
	background-position: -354px -88px;
}

.servers .layer-6 .col h3{
	font-size: 17px;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 15px;
}

.servers .layer-6 .col p{
	font-size: 14px;
	opacity: 0.7;
	line-height: 1.6;
}

/* Servers > Layer 7 */
/* ----------------- */

.servers .layer-7{
	background-color: #f3f7f9
}

.servers .layer-7 .wrapper{
	padding: 40px 0;
	font-size: 0;
	overflow: hidden;
}

.servers .layer-7 .text h2{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 20px;
	color: #144568;
	font-weight: 600;
	margin-bottom: 20px;
}

.servers .layer-7 .text h3{
	font-family: 'poppins', Arial, sans-serif;
	font-size: 17px;
	line-height: 26px;
	color: #144568;
}

.servers .layer-7 .tbl-wrapper{
	overflow-x: auto;
	padding-bottom: 10px; /* shaddow fix */
}

.servers .layer-7 .info-table{
	padding: 30px 30px 18px 30px;
	background-color: #fff;
	box-shadow: 8.485px 8.485px 10px 0px rgba(56, 70, 80, 0.05);
	border: 1px solid rgba(56, 70, 80, 0.085);
	border-radius: 30px;
	margin-top: 40px;
	overflow: hidden;
	min-width: 1000px;
}

.servers .layer-7 .info-table .t-row{
	position: relative;
}

.servers .layer-7 .info-table .t-row:hover {
	background-color: rgba(7, 128, 227, 0.02);
}

.servers .layer-7 .info-table .t-row:after {
	display: block;
	content: '';
	height: 1px;
	width: 100%;
	background-image: linear-gradient( 0deg, rgba(31,84,117,0) 0%, rgb(31,84,117) 50%, rgba(31,84,117,0) 100%);
	opacity: 0.302;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.servers .layer-7 .info-table .t-row:first-child:after,
.servers .layer-7 .info-table .t-row:last-child:after {
	display: none;
}

.servers .layer-7 .info-table .t-cell{
	opacity: 0.8;
	font-size: 14px;
	color: #144568;
	padding: 12px 0;
	width: 20%;
	display: inline-block;
}

.servers .layer-7 .info-table .h-row .t-cell{
	padding: 0 0 15px 0;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 17px;
	color: #144568;
	font-weight: 600;
}

.servers .layer-7 .info-table .t-cell i{
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px;
}

.servers .layer-7 .info-table .t-cell i.ic-r{
	width: 23px;
	height: 22px;
	background-position: -555px -7px;
}

.servers .layer-7 .info-table .t-cell i.ic-r.x-fill{
	background-position: -586px -7px;
}

.servers .layer-7 .text-2{
	margin-top: 100px;
}

/* Breakpoint 768 */

@media only screen and (min-width : 768px) {

	header.servers .slider h1 {
		font-size: 26px;
	}
	
	header.servers .slider h2 {
		font-size: 20px;
	}
	
	.servers .layer-1 .product h3{
		font-size: 20px;
	}
	
	.servers .layer-1 .product ul > li{
		font-size: 15px;
	}
	
	.servers .layer-1 .product p.price{
		font-size: 20px;
	}
	
	.servers .layer-1 .custom-product h3{
		font-size: 20px;
	}
	
	.servers .layer-2 .col h3{
		font-size: 20px;
	}
	
	.layer-srv-options .text h2{
		font-size: 26px;
	}
	
	.layer-srv-options .text h3{
		font-size: 15px;
	}
	
	.layer-srv-licenses .text h2{
		font-size: 26px;
	}
	
	.layer-srv-licenses .text h3{
		font-size: 20px;
	}
	
	.layer-srv-manage .text h2{
		font-size: 26px;
	}
	
	.layer-srv-manage .text h3{
		font-size: 15px;
	}
	
	.layer-srv-manage .col h3{
		font-size: 15px;
	}
	
	.servers .layer-6 .text h2{
		font-size: 26px;
	}
	
	.servers .layer-6 .text h3{
		font-size: 15px;
	}
	
	.servers .layer-6 .col h3{
		font-size: 20px;
	}
	
	.servers .layer-7 .text h2{
		font-size: 26px;
	}
	
	.servers .layer-7 .text h3{
		font-size: 20px;
	}
	
	.servers .layer-7 .info-table .h-row .t-cell{
		font-size: 20px;
	}
	
	.servers .layer-7 .info-table .t-cell{
		font-size: 15px;
	}
}

/* Breakpoint 992 */

@media only screen and (min-width : 992px) {

	header.servers {
		min-height: 700px;
	}
	
	header.servers .slider h1 {
		font-size: 44px;
	}
	
	header.servers .slider h2 {
		font-size: 22px;
		line-height: normal;
	}
	
	.servers .layer-2{
		margin-top: -100px;
	}
	
	.servers .layer-2 .wrapper{
		padding-top: 230px;
	}
	
	.layer-srv-options .wrapper{
		padding: 120px 0 100px 0;
	}
	
	.layer-srv-options .text h2{
		font-size: 34px;
	}
	
	.layer-srv-options .text h3{
		font-size: 18px;
		line-height: normal;
	}
	
	.layer-srv-options .row{
		margin-top: 70px;
		text-align: left;
	}
	
	.layer-srv-licenses .wrapper{
		padding: 120px 0;
	}
	
	.layer-srv-licenses .text h2{
		font-size: 42px;
	}
	
	.layer-srv-licenses .text h3{
		font-size: 22px;
		line-height: normal;
		margin-bottom: 80px;
	}
	
	.layer-srv-manage .wrapper{
		padding-top: 90px;
	}

	.layer-srv-manage .text h2{
		font-size: 34px;
	}
	
	.layer-srv-manage .text h3{
		font-size: 18px;
		line-height: normal;
		margin-bottom: 40px;
	}
	
	.layer-srv-manage .row{
		padding: 40px 0;
		background-image: url(/imgs/management.webp);
		background-position: left;
		background-repeat: no-repeat;
	}
	
	.layer-srv-manage .col{
		padding: 0 50px;
	}
	
	.layer-srv-manage .col h3{
		font-size: 18px;
	}
	
	.layer-srv-manage .col p{
		margin-bottom: 50px;
	}
	
	.servers .layer-6 .wrapper{
		padding: 100px 0;
	}
	
	.servers .layer-6 .text h2{
		font-size: 42px;
	}
		
	.servers .layer-6 .text h3{
		font-size: 18px;
		line-height: normal;
		margin-bottom: 120px;
	}
	
	.servers .layer-7 .wrapper{
		padding: 80px 0 100px 0;
	}
	
	.servers .layer-7 .text h2{
		font-size: 36px;
	}
	
	.servers .layer-7 .text h3{
		font-size: 22px;
	}
	
	.servers .layer-7 .info-table{
		padding: 50px;
		margin-top: 60px;
	}
	
	.servers .layer-7 .info-table .h-row .t-cell{
		font-size: 22px;
		padding: 0 0 35px 0;
	}
	
	.servers .layer-7 .info-table .t-cell{
		font-size: 18px;
	}
}

/* Breakpoint 1200 */

@media only screen and (min-width : 1200px) {

	.servers .layer-1{
		margin-top: -195px;
		background-color: #f2f9fe;
	}
	
	.servers .layer-1 .wrapper{
		padding: 0;
		width: auto;
	}
	
	.servers .layer-1 .product{
		position: relative;
		background-image: url(/imgs/server_case.webp);
		background-size: contain;
		background-repeat: no-repeat;
		width: 1200px;
		height: 222px;
		padding: 0;
	}
	
	.servers .layer-1 .product::before {
		content: '';
		position: absolute;
		left: 60px;
		top: 11px;
		width: 122px;
		height: 205px;
		background-image: url(/imgs/srv-part.webp);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 1;
	}
	
	.servers .layer-1 .product::after {
		content: '';
		position: absolute;
		left: 60px;
		top: 11px;
		width: 122px;
		height: 205px;
		background-image: url(/imgs/srv-part-mask.webp);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 2;
	}
	
	.servers .layer-1 .product .wheel {
		position: absolute;
		left: 80px;
		width: 94px;
		height: 94px;
		background-image: url(/imgs/srv-wheel.webp);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 2;
		animation:spin 3s linear infinite;
	}
	
	.servers .layer-1 .product .wheel.wheel-1 {
		top: 20px;
	}
	
	.servers .layer-1 .product .wheel.wheel-2 {
		top: 120px;
	}
	
	.servers .layer-1 .product .inside{
		border: 0;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
	}
	
	.servers .layer-1 .product .col{
		margin-top: 47px;
	}
	
	.servers .layer-1 .product .col-4 {
		text-align: right;
	}
	
	.servers .layer-1 .product ul > li{
		font-size: 17px;
	}
	
	.servers .layer-1 .custom-product .col{
		margin-top: 62px;
	}
	
	.servers .layer-1 .custom-product .col {
		text-align: center;
	}
	
	.servers .layer-1 .product h3{
		margin-bottom: 20px;
	}
	
	.servers .layer-1 .custom-product h3{
		line-height: normal;
		font-size: 27px;
	}
	
	.servers .layer-1 .product i {
		display: block;
	}

	.servers .layer-2 .col {
		padding: 50px;
	}
}

/* Breakpoint Retina */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.servers .layer-1 .group-2 .product::before {
		background-image: url(/imgs/srv-part-2x.webp);
	}
	
	.servers .layer-1 .group-2 .product::after {
		background-image: url(/imgs/srv-part-mask-2x.webp);
	}
	
	.servers .layer-1 .group-2 .product .wheel {
		background-image: url(/imgs/srv-wheel-2x.webp);
	}

	.layer-srv-licenses .col i {
		background-image: url(/imgs/licenses_retina.webp);
	}
}