@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;
}
*{
  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{
   
}
.manu-item{display:flex; justify-content: center; margin-top: 100px; }
.wrapper .icon{
  margin: 0 10px;
  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: 12px; color: #fff;}
.wrapper .icon span{
  display: block;
  height: 60px;
  width: 60px;
  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 span i{
  line-height: 60px;
  font-size: 25px;
}
.wrapper .icon .tooltip{
  position: absolute;
  top: 0;
  z-index: 1;
  background: #fff;
  color: #fff;
  padding: 10px 18px;
  font-size: 20px;
  font-weight: 500;
  border-radius: 25px;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);text-align: center;white-space:nowrap;
  max-width:none;
}
.wrapper .icon:hover .tooltip{
  top: -70px;
  opacity: 1;  
  pointer-events: auto;
}
.icon .tooltip:before{
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  background: #fff;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%) rotate(45deg);
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon:hover span{
  color: #fff;
}
.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip,
.wrapper .icon:hover .tooltip:before{
  text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
	background: #3B5999;
}




.subject-master { background: url("../images/all-in-one-icons/subject-master.png") no-repeat ; width:50px; height:50px; margin:15px;}
.course-curriculum { background: url("../images/all-in-one-icons/course-curriculum.png") no-repeat ; width:50px; height:50px; margin:15px;}
.session-planning { background: url("../images/all-in-one-icons/session-planning.png") no-repeat ; width:50px; height:50px; margin:15px;}
.subject-linking { background: url("../images/all-in-one-icons/subject-linking.png") no-repeat ; width:50px; height:50px; margin:15px;}
.trainer-allocation { background: url("../images/all-in-one-icons/trainer-allocation.png") no-repeat ; width:50px; height:50px; margin:15px;}
.session-allocation { background: url("../images/all-in-one-icons/session-allocation.png") no-repeat ; width:50px; height:50px; margin:15px;}
.student-handbook { background: url("../images/all-in-one-icons/student-handbook.png") no-repeat ; width:50px; height:50px; margin:15px;}
.content-upload { background: url("../images/all-in-one-icons/content-upload.png") no-repeat ; width:50px; height:50px; margin:15px;}
.user-master { background: url("../images/all-in-one-icons/user-master.png") no-repeat ; width:50px; height:50px; margin:15px;}
.video-upload { background: url("../images/all-in-one-icons/video-upload.png") no-repeat ; width:40px; height:40px; margin:10px;}
.video-lecture { background: url("../images/all-in-one-icons/video-lecture.png") no-repeat ; width:50px; height:50px; margin:15px;}
.virtual-lab { background: url("../images/all-in-one-icons/virtual-lab.png") no-repeat ; width:50px; height:50px; margin:15px;}
.change-password { background: url("../images/all-in-one-icons/change-password.png") no-repeat ; width:50px; height:50px; margin:15px;}
.logout { background: url("../images/all-in-one-icons/logout.png") no-repeat ; width:50px; height:50px; margin:15px;}
.utility-tools { background: url("../images/all-in-one-icons/utility-tools.png") no-repeat ; width:50px; height:50px; margin:15px;}
.notification { background: url("../images/all-in-one-icons/notification.png") no-repeat ; width:50px; height:50px; margin:15px;}
.online-payment { background: url("../images/all-in-one-icons/online-payment.png") no-repeat ; width:50px; height:50px; margin:15px;}
.live-session { background: url("../images/all-in-one-icons/live-session.png") no-repeat ; width:50px; height:50px; margin:15px;}
.student-feedback { background: url("../images/all-in-one-icons/student-feedback.png") no-repeat ; width:50px; height:50px; margin:15px;}
.payment-student { background: url("../images/all-in-one-icons/payment-student.png") no-repeat ; width:50px; height:50px; margin:15px;}
.idea-o-meter{ background: url("../images/all-in-one-icons/idea-o-meter.png") no-repeat ; width:50px; height:50px; margin:15px;}
.profile-update{ background: url("../images/all-in-one-icons/profile-update.png") no-repeat ; width:50px; height:50px; margin:15px;}
.leave-system{ background: url("../images/all-in-one-icons/leave-system.png") no-repeat ; width:50px; height:50px; margin:15px;}
.video-statistics{ background: url("../images/all-in-one-icons/video-statistics.png") no-repeat ; width:50px; height:50px; margin:15px;}
.virtual-labs{ background: url("../images/all-in-one-icons/virtual-labs.png") no-repeat ; width:50px; height:50px; margin:15px;}
.payslip{ background: url("../images/all-in-one-icons/payslip.png") no-repeat ; width:50px; height:50px; margin:15px;}
.student-statistics{ background: url("../images/all-in-one-icons/student-statistics.png") no-repeat ; width:50px; height:50px; margin:15px;}
.faculty-statistics{ background: url("../images/all-in-one-icons/faculty-statistics.png") no-repeat ; width:50px; height:50px; margin:15px;}
.lms{ background: url("../images/all-in-one-icons/lms.png") no-repeat ; width:50px; height:50px; margin:15px;}
.caution_refund{ background: url("../images/all-in-one-icons/refund.png") no-repeat ; width:50px; height:50px; margin:15px;}

.certificate{ background: url("../images/all-in-one-icons/certificate.png") no-repeat ; width:50px; height:50px; margin:15px;}


.subject-master:hover { background: url("../images/all-in-one-icons/subject-master-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.course-curriculum:hover{ background: url("../images/all-in-one-icons/course-curriculum-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.session-planning:hover{ background: url("../images/all-in-one-icons/session-planning-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.subject-linking:hover{ background: url("../images/all-in-one-icons/subject-linking-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.trainer-allocation:hover{ background: url("../images/all-in-one-icons/trainer-allocation-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.session-allocation:hover{ background: url("../images/all-in-one-icons/session-allocation-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.student-handbook:hover{ background: url("../images/all-in-one-icons/student-handbook-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.content-upload:hover{ background: url("../images/all-in-one-icons/content-upload-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.user-master:hover{ background: url("../images/all-in-one-all-in-one-icons/user-master-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.video-upload:hover{ background: url("../images/all-in-one-icons/video-upload-w.png") no-repeat ; width:40px; height:40px; margin:10px;}
.video-lecture:hover{ background: url("../images/all-in-one-icons/video-lecture-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.virtual-lab:hover{ background: url("../images/all-in-one-icons/virtual-lab-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.change-password:hover{ background: url("../images/all-in-one-icons/change-password-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.logout:hover{ background: url("../images/all-in-one-icons/logout-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.utility-tools:hover{ background: url("../images/all-in-one-icons/utility-tools-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.notification:hover{ background: url("../images/all-in-one-icons/notification-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.online-payment:hover{ background: url("../images/all-in-one-icons/online-payment-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.live-session:hover{ background: url("../images/all-in-one-icons/live-session-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.student-feedback:hover{ background: url("../images/all-in-one-icons/student-feedback-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.payment-student:hover{ background: url("../images/all-in-one-icons/payment-student-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.idea-o-meter:hover{ background: url("../images/all-in-one-icons/idea-o-meter-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.profile-update:hover{ background: url("../images/all-in-one-icons/profile-update-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.leave-system:hover{ background: url("../images/all-in-one-icons/leave-system-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.video-statistics:hover{ background: url("../images/all-in-one-icons/video-statistics-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.virtual-labs:hover{ background: url("../images/all-in-one-icons/virtual-labs-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.payslip:hover{ background: url("../images/all-in-one-icons/payslip-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.student-statistics:hover{ background: url("../images/all-in-one-icons/student-statistics-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.faculty-statistics:hover{ background: url("../images/all-in-one-icons/faculty-statistics-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.lms:hover{ background: url("../images/all-in-one-icons/lms-w.png") no-repeat ; width:50px; height:50px; margin:15px;}
.caution_refund:hover{ background: url("../images/all-in-one-icons/refund-w.png") no-repeat ; width:50px; height:50px; margin:15px;}

.certificate:hover{ background: url("../images/all-in-one-icons/certificate-w.png") no-repeat ; width:50px; height:50px; margin:15px;}


@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;}
	.subject-master, .course-curriculum , .session-planning, .subject-linking, .trainer-allocation, .session-allocation, .student-handbook, .content-upload, .user-master, .video-upload, .video-lecture, .virtual-lab, .change-password, .logout, .utility-tools, .notification, .online-payment, .live-session, .student-feedback, .payment-student, .idea-o-meter, .profile-update, .leave-system, .video-statistics
    .virtual-labs, .payslip, .student-statistics, .faculty-statistics, .lms{ width:150px; height:150px; text-align: center; margin: 0; background-position: center center; background-size: 40% 40%; }
	
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.manu-item{display:inherit; }
}