@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,600;0,700;1,400&display=swap');
/* Comman CSS */
/********************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	list-style-type: none;
}
blockquote,q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,q:after {
	content:'';
	content: none;
}
:focus {
	outline:none;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
form {
	height: 100%;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
html,
body {
	text-align: left;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: 'Barlow', sans-serif;
	background: #f5f5f5;
	color: #fff;
	line-height: 20px;
	font-weight: normal;
}
a,
a:link,
a:visited {
	text-decoration: none;
}
.clear-both {
	clear:both;
	font-size: 0px;
	line-height: 0px;
	height: 0;
}
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.text-center {
	text-align: center;
}
.skLeft {
	float: left;
}
.skRight{
	float: right;
}

/* skin CSS */
/********************************************************************/
.skArea {
	background: url(images/rheems-bg.jpg) top center no-repeat;
	min-height: 100%;
	padding: 50px 0;
}
.skWidth {
	width: 960px;
	margin: 0 auto;
}
.skContent .dnnDropEmptyPanes {
	display: none;
}
.skContent {
	padding-top: 95px;
} 
.skContent .skBtnWrapp{
	position: relative;
	width: 280px;
	height: 250px;
	margin-right: 60px;
	margin-bottom: 50px;
	background: rgb(255,255,255);
	transition: all 0.3s;
}
.skContent .skBtnWrapp img {
	width: 100%;
}
.skBtnWrapp a {
	position: relative;
    display: inline-block;
	width: 100%;
	padding-top: 10px;
}
.skBtnWrapp a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #1136a8;
	height: 10px;
	width: 100%;
} 
.skBtnWrapp a:after {
    content: "";
    position: absolute;
	bottom: 0;
    left: 0;
    right: 0;
	height: 120px;
    width: 100%;
	background: rgb(17,54,168);
    background: linear-gradient(0deg, rgba(17,54,168,0.9) 0%, rgba(17,54,168,0.5) 50%, rgba(17,54,168,0) 100%);
	
}
.skBtnWrapp:hover a:after {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
}
.skContent .skBtnWrapp:nth-child(4) {
	margin-right: 0px;
}
.skContent .skBtnWrapp:nth-child(7) {
	margin-right: 0px;
}
.skBtnWrapp .skImageTitle {
    color: #ffffff;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    font-size: 28px;	
    font-weight: 700;
    letter-spacing: 2px;
    z-index: 1;
}
.skBtnWrapp:hover .skImageTitle {
    color: #1136a8;
}
.skEditContent {
	font-size: 18px;
	line-height: 28px;
	color: #222222;
	font-weight: 400;
	background-color: #fff;
	padding: 30px 20px;
	position: relative;
	text-align:center;
}
.skEditContent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #1136a8;
	height: 10px;
	width: 100%;
 }