* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body{margin: 0;margin: 0;padding: 0;width: 100%;font-family: 'Open Sans', sans-serif;height:auto;background:#effbf5;}

ul.navbar a{color: #444444;text-decoration: none;font-weight: normal;line-height: 200%;}
ul.navbar a:hover{color: #78de00;}
ul.navbar1 a{color: #444444;text-decoration: none;font-weight: normal;line-height: 200%;}
ul.navbar1 a:hover{color: #78de00;}

header {background-color:#fdfdfd;
/*Opacity start*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    /*Opacity end*/

width: 100%;height: 68px;position: fixed;top: 0;left: 0;z-index: 100;border-bottom: 2px solid lightgrey;}

footer {background: #2E3639; width: 100%;height: auto;position: relative;bottom: 0;left: 0;z-index: 100;}
#logo{margin-left: 35px;float: left;width: 280px;height: 60px;margin-top:4px;background: url(unihiringlogo.png) no-repeat center;display: block;}
#logo1{margin-left: 35px;float: left;width: 240px;height: 36px;background: url(jobopenings.png) no-repeat center;display: block;}

nav{float: right;padding: 1px 1px 0 0; color:#ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;font-weight:lighter;line-height:1px;padding:11px 11px;}
nav1{float: right;padding: 1px 1px 0 0; color:#ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;font-weight:lighter;line-height:1px;padding:11px 11px;}

#menu-icon {display: hidden;width: 40px;height: 40px;background: #363636 url(icon-mobile.png) center;}
a:hover#menu-icon {background-color: #444;border-radius: 4px 4px 0 0;}

ul.navbar { list-style: none; }
ul.navbar li{display: inline-block;float: left;padding: 1px 2px}
ul.navbar1 { list-style: none; }
ul.navbar1 li{display: inline-block;float: left;padding: 1px 2px}


.current {color: #3bbf98;}
section {margin: 80px auto 40px;max-width: 980px;position: relative;padding: 20px}
/*MEDIA QUERY*/
@media only screen and (max-width : 640px) { /*If device width is higher than 640px use this css and if less than 640px use above */
header {position: fixed;}
body{font-size: 3.2vw;height:auto;}
.bigger{font-size: 3.2vw;height:auto;}
#clients{height:315px;background:#f0f0f0;width:100%;}
#menu-icon {display:none;}
nav ul, nav:active ul { display: none;position: absolute;padding: 20px;background: #363636;right: 20px; top: 60px;width: 50%;border-radius: 4px 0 4px 4px;}
nav li {text-align: center;width: 100%;padding: 10px 0;margin: 0;}
nav:hover ul {display: block;top:0px;z-index:100;}
}

#main{ background:#edf5f2;	height:1000px;}

.ctabutton2{		display: inline-block;	font-family: 'Open Sans', sans-serif;	width: 100px; height: 35px;	background:#fdfdfd;	border-radius: 15px;	text-align: center;	text-decoration:none;	letter-spacing: 0.5px;line-height:95px;font-size: 140%;	color:#444444;	font-weight:lighter;}
.ctabutton2:hover{ color: #78de00;}

.ctabutton3{display: inline-block;	font-family:verdana;	width: 100px;	background:#ffffff;	text-align: center;	text-decoration:none;font-size: 100%;color:#000a04;	font-weight:bolder;letter-spacing:-1px; padding: 2px 14px;margin-right:10px;margin-top:4px;border:2px solid #78de00;}
.ctabutton3:hover{border:3px solid #78de00; }

#column{width:100%;height:380px;}
#column1{		position:absolute;		 left: 0px;width:52%;height:370px;	}
#column2{		position:absolute;		left:52.1%;width:47.9%;	height:auto;}
.column1bg{ background-image: url('image3.png'); width: 100%;
    background-size: 100% 100%;
}


#partnerhead{width:100%;height:210px;background: linear-gradient(to right,  #51dd51 0%,#c2db4c 100%);
margin-top:65px;}


p{font-size:150%;color:#333333; letter-spacing: -1px;}
.biggerdetails{ font-size: 250%;;font-family: Verdana;color:#ffffff; letter-spacing: -2px;line-height:40px;margin-top:60px; }




caption{	font:Arial;font-size: 2em; font-weight:bold;text-align:center;text-color:#49aa7b;}




.center{	text-align: center;}

table{		border-collapse: collapse;	width:  100%;margin:auto;}

table a:link, table a:visited, table a:active {
  color: #35b58f;
  text-decoration: none;
}

table a:hover {
  color: #b9b9b9;
  text-decoration: underline;
}

#tabCtrl table{		border-collapse: collapse;	width:  100%;margin:auto;}
#tabCtrl th{	font-family: Verdana, Arial, Helvetica, sans-serif;			padding:5 5 5 5;	font-size: 0.9em; font-weight:normal;		background:#edf5f2;}
#tabCtrl td{	font-family: Verdana, Arial, Helvetica, sans-serif;			padding:5 5 5 5;	font-size: 0.9em; font-weight:normal;		background:#ffffff;	}
#tabCtrl{padding: 5% 0%;}

img{width:34%;}

#6steps{height:650px;width:100%;margin-top:5px;}
.stepsfeaturer{font-size: 220%;font-family: Verdana;color:#42570a; letter-spacing: -1px;line-height:100px;text-align: center;vertical-align: middle;}

.rowbg1 a{color:#607c15;text-decoration: none;}
.rowbg1 a:link{color:#607c15;text-decoration: none;}
.rowbg1 a:hover{color:#353f19;text-decoration: none;}

.rowbg2 a{color:#607c15;text-decoration: none;}
.rowbg2 a:link{color:#607c15;text-decoration: none;}
.rowbg2 a:hover{color:#353f19;text-decoration: none;}

#1strow{height:200px;width:100%;}
#step1{ position:absolute;left: 10%; width: 25%;text-align: center;vertical-align: middle; }
#step2{position:absolute;left:37.5%; width: 25%;text-align: center;vertical-align: middle;  }
#step3{position:absolute;  left:65%; width: 25%; text-align: center;vertical-align: middle; }
#2ndrow{height:200px;width:100%;margin-top:50%;}
#step4{ position:absolute;left: 10%; width: 25%;text-align: center;vertical-align: middle;  }
#step5{position:absolute;left:37.5%; width: 25%;text-align: center;vertical-align: middle; }
#step6{position:absolute;  left:65%; width: 25%; text-align: center;vertical-align: middle; }

.step1bg{height:200px;background:#e3e9bb;width:100%;margin-top:2%;}
.step2bg{height:200px;background:#dce3aa;width:100%;margin-top:2%;}
.step3bg{height:200px;background:#d0d89d;width:100%;margin-top:2%;}

.step4bg{height:200px;background:#bde9bb;width:100%;margin-top:20%;}
.step5bg{height:200px;background:#ade3aa;width:100%;margin-top:20%;}
.step6bg{height:200px;background:#9ed89d;width:100%;margin-top:20%;}


.call{font-size:18px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#333333; letter-spacing: -1px;
}
.bigger { font-size: 250%;;font-family: Verdana;color:#8cc63f; letter-spacing: -3px;line-height:280px; }

#featured{height:80px;background:#edf5f2;width:100%;}
.featurer{font-size: 250%;;font-family: Verdana;color:#aacc00; letter-spacing: -3px;margin-left:105px;line-height:90px;margin-top:40px;}

#clients{height:500px;background:#edf5f2;width:100%;}

#clients1{ position:absolute;left: 0px; width: 33.3%;text-align