@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@font-face {
	font-family: 'Conv_Headline Font';
	src: url('../fonts/Headline Font.eot');
	src: local('?'), url('../fonts/Headline Font.woff') format('woff'), url('../fonts/Headline Font.ttf') format('truetype'), url('../fonts/Headline Font.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Broetown Signature';
	src: url('../fonts/Broetown Signature.eot');
	src: local('?'), url('../fonts/Broetown Signature.woff') format('woff'), url('../fonts/Broetown Signature.ttf') format('truetype'), url('../fonts/Broetown Signature.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_breamcatcher';
	src: url('../fonts/breamcatcher.eot');
	src: local('?'), url('../fonts/breamcatcher.woff') format('woff'), url('../fonts/breamcatcher.ttf') format('truetype'), url('../fonts/breamcatcher.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Edo SZ';
    src: url('../fonts/EdoSZ.eot');
    src: url('../fonts/EdoSZ.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EdoSZ.woff2') format('woff2'),
        url('../fonts/EdoSZ.woff') format('woff'),
        url('../fonts/EdoSZ.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
html,body{
  place-items: center;
  /*background: linear-gradient(315deg, #ffffff 0%, #d7e1ec 74%);*/
	background: url(../images/redirect.jpg) no-repeat left top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.wrapper {padding: 80px 12px 0 12px;}
.manu-item{display:flex; justify-content: center; margin-top: 100px; }
.manu-item.secline{ margin-top: 50px;}
.wrapper h1{font-family: 'Edo SZ'; font-size:50px; color: #fff; font-weight: 500; text-align: center}
.wrapper .icon{
  margin: 0  20px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
/*  justify-content: center;*/
  flex-direction: column;
  position: relative;
  z-index: 2;
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 80px;
}
.wrapper .icon h2,.wrapper .icon h2 a{ font-size: 14px; color: #fff; text-decoration: none; font-weight: 500; line-height: 14px; margin-top: 10px;}
.wrapper .icon a.iconimg{
  display: block;
  height: 80px;
  width: 80px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon a.iconimg i{
  line-height: 60px;
  font-size: 25px;
}

.erp-system{background: url("../../icon/erp.png") no-repeat;}
.human-resource{background: url("../../icon/human-resource.png") no-repeat;}
.monthly-report{background: url("../../icon/monthly-report.png") no-repeat;}
.pms{background: url("../../icon/pataint.png") no-repeat;}
.vms{background: url("../../icon/visitor.png") no-repeat;}
.placement{background: url("../../icon/placement.png") no-repeat;}
.lms{background: url("../../icon/lms.png") no-repeat;}

.payroll{background: url("../../icon/payroll.png") no-repeat;}
.leave{background: url("../../icon/leave.png") no-repeat;}
.library{background: url("../../icon/library.png") no-repeat;}
.joi-visitors{background: url("../../icon/joi-visitor.png") no-repeat;}
.facilities-feedback{background: url("../../icon/img.png") no-repeat;}
.taas{background: url("../../icon/taas.png") no-repeat;}
.erp-system,.human-resource,.monthly-report,.pms,.vms,.placement,.lms,.payroll,.leave,.library,.joi-visitors,.facilities-feedback,.taas{width:80px; height:80px; text-align: center; margin: 0; background-position: center center;background-size: 60px 60px;}


@media only screen and (min-width: 1281px) and (max-width: 1690px) {
	
}

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

@media only screen and (min-width: 767px) and (max-width: 991px) {
	.wrapper{ padding-top: 400px; }
	.manu-item{display:inherit; clear: both;}
	.manu-item::after { content: ""; clear: both; display: table;}
	.wrapper .icon{display:inherit; justify-content: center; float: left; width: 200px; min-height: 250px; text-align: center;}
	.wrapper .icon span{width: 150px; height: 150px; text-align: center; margin: 0 auto;background-size: 40% 40%;}
	.wrapper .icon h2{ font-size: 20px;}

	
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.manu-item{display:inherit; }
}
.container { width: 100%; padding-right: 12px;padding-left: 12px;margin-right: auto; margin-left: auto;}
@media (min-width: 992px){
.container {
    max-width: 960px;
}
}
@media (min-width: 768px){
.container {
    max-width: 720px;
}
}
@media (min-width: 576px){
.container {
    max-width: 540px;
}
}
@media (min-width: 1200px){
.container {
    max-width: 1140px;
  }
}
.footer {
    bottom: 0;
    padding: 19px 15px 20px;
    position: fixed;
    left: 0;
    right: 0;
    color: #6c757d;
    background-color: #ecf1f3;
    text-align: center;
}



.alt-link a{ color: #ffee10; text-decoration: none; font-size: 10px; }