* {
/* 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:#ffffff;}

ul.navbar a{color: #192427;text-decoration: none;font-weight: normal;line-height: 200%;}
ul.navbar a:hover{color: #60c447;}
ul.navbar1 a{color: #192427;text-decoration: none;font-weight: normal;line-height: 200%;}
ul.navbar1 a:hover{color: #60c447;}


header {background-color:#ffffff;
/*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-style: solid;border-width: thin; border-color:#dae6dd;}

footer {background: #ffffff; 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(courserlogo.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.8em;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.8em;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}

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;}

#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:#ffffff;	height:auto;}

div#envelope{
width: 55%;
margin: 10px 30% 10px 25%;
padding:10px 0;

border-radius:10px;
}
form{
width:63%;
margin:3% 12%;
}

/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 20px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #baf2ca;
}
input[type=submit]
{
margin-bottom: 7px;
width:100%;
padding: 1.5% 1.5%;
border-radius:3px;
border:1px solid #57d654;
background-color: #20c11c;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
font-weight:bold;
color:#ffffff;
font-size:2em;
cursor:pointer;
}
#submit:hover
{
background-color: #5d9119;
border:1px solid #5d9119;
}

#mybtn:hover
{
background-color: #5d9119;
border:1px solid #5d9119;
}


textarea{
width:100%;
padding: 5px;
border:1px solid #57d654;
border-radius:5px;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #57d654;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family:sans-serif;font-weight:bolder;letter-spacing:0px;color:#010101;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family:sans-serif;font-weight:bolder;letter-spacing:0px;color:#010101;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family:sans-serif;font-weight:bolder;letter-spacing:0px;color:#010101;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family:sans-serif;font-weight:bolder;letter-spacing:0px;color:#010101;
}


.ctabutton2{position: relative;
text-decoration: none;
display: inline-block;	font-family: 'Open Sans', sans-serif;	width: 150px; height: 40px;		text-align: center;	letter-spacing: 0.5px;line-height:90px;font-size: 150%;	color:#192427;	font-weight:bolder;}

.ctabutton2:hover{color:#0e7ed4;}


.ctabutton2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}


.ctabutton2:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




#mainsec{width:100%; height:400px;margin-top:55px;  }



.mainsecbg
 {
   
} 


#resume{width:100%; margin-top: 68px;height:80px;background:#95f2f5;}
#resume1{ position:absolute;left: 0px; width: 70%;text-align: center;
vertical-align: middle; }
#resume2{ position:absolute;left:71%; width: 28%;text-align: center;
vertical-align: middle;  }

#resume p{text-align: center;vertical-align: middle;}

.resumescript{ margin-top:3%;font-size: 140%;font-family:'Open Sans', sans-serif;color:#192427;  text-align: center;vertical-align: middle;}

.resumebutton{	display: block;	width: 100%;max-width: 200px; min-width:50px;height: 46px;	background:#95f2f5;	border-radius: 15px 30px; border-style: solid; border-color:#ffffff;margin-top:4%;	text-align: center;	text-decoration:none;	font-size: 160%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: -1px;	font-weight:bold;	text-align: center;}
.resumebutton:hover{	background-color:#ffffff;color:#95f2f5;	}


img{width:28%;}

.mainsecbg a{color:#1f1f1d;text-decoration: none;}
.mainsecbg a:link{color:#1f1f1d;text-decoration: none;}
.mainsecbg a:hover{color:#000000;text-decoration: none;}


#iconfirstrow{width:100%;height:auto;margin-top:1%;}
#Row1Column1{ height:320px;position:absolute;left: 6%; width:39%;text-align:left;vertical-align:middle;margin-top:1%;background:#ffffff;}
#Row1Column2{height:320px;position:absolute;left:45%; width:55%;text-align:center;vertical-align:middle;margin-top:1%;
}

.call{font-size:120%;font-family:'Open Sans', sans-serif;color:#333333; letter-spacing: 0px;}
.bigger { font-size: 70%;font-family:Verdana;color:#6ee6e9; letter-spacing: -1px; font-size: 2.2vw;height:auto;}


#prices{width: 100%;height:80px;}
.pricesbutton{	display: block;	width: 70%;max-width: 500px; min-width:50px;height: 40px;	background:#95f2f5;	border-radius: 10px 10px; border-style: solid; border-color:#ffffff;	text-align:center; vertical-align: middle;	text-decoration:none;	font-size: 150%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: -1px;}
.enquirebutton:hover{	background-color:#95f2f5;color:#ffffff;	}


#mainlogin{width:100%;height:220px;margin-top:1%;}

.mainloginbg
 {
background-image: url('mainloginbg1.jpg'); width: 100%;
background-repeat: no-repeat;
background-size: cover;

}

.mainlogintext{ font-size: 350%;font-family: Verdana;color:#3b3d3a; letter-spacing: -1px; text-align: left;vertical-align: middle;padding: 4% 4%;}

#column{width:100%;height:600px;background:#f2fff2;margin-top:5px;}
.columnstepsfeaturer{font-size: 160%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:50px;}

#contentimg{width:100%;height:300px;background:#ffffff;margin-top:3px;
 text-align: center;vertical-align: middle;background-image: url("contentscyber.png");}

#courseoutput{width:100%;height:550px;background:#f2fff2;margin-top:5px;}

#column1{	position:absolute;  left:11%;width:19%;height:auto;height:200px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column2{	position:absolute;  left:32%;width:19%;height:auto;height:200px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column3{	position:absolute;  left:53%;width:19%;height:auto;	height:200px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column4{	position:absolute;  left:74%;width:19%;height:auto;height:200px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}

.col{font-size: 110%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: center;margin-left:1%;margin-top:4%;}
.col1{font-size: 90%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-top:4%;}



#jobleft{ position:absolute;left: 11%; width: 26%;margin-top:35px; }

#jobleft1{	width:100%;height:124px; background: linear-gradient(to right, #95f2f5 0%, #95f2f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#95f2f5;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobleft2{	width:100%;height:124px;margin-top:15px; background: linear-gradient(to right, #95f2f5 0%, #95f2f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#95f2f5;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobleft3{	width:100%;height:124px;margin-top:15px; background: linear-gradient(to right, #95f2f5 0%, #95f2f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#95f2f5;box-shadow: 1px 3px 3px #ebf7eb;	}
.jcol1{font-size: 90%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:31%;}
.jcol2{font-size: 190%;font-family: Verdana;color:#95f2f5; letter-spacing: 0px;margin-left:11%;margin-top:11%;}


#jobright{ position:absolute;left:42%; width: 47%;margin-top:35px;height:400px;}

#jobright1{  width: 100%;text-align: center;vertical-align: middle;height:400px;
 background:#ffffff;background-image: url("jobsection.png");border-style:solid;border-width: thin; border-color:#95f2f5;box-shadow: 1px 3px 3px #ebf7eb;	}

.jobcol{font-size: 140%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-left:0%;}

#jobprovider{width:100%;height:650px;background:#ffffff;margin-top:15px;}
.jobproviderfeaturer{font-size: 180%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:15px;}
.jobproviderfeaturer1{font-size: 110%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:2px;margin-right:11%;}



#coursesection{width:100%;height:200px;background:#f2fff2;margin-top:20px;}

#course{width:100%;height:150px;background:#f2fff2;margin-top:40px;}
.columnstepsfeaturer{font-size: 160%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:50px;}

#course1{	position:absolute;  left:11%;width:24%;height:70px;
margin-top:35px;background:#f2fff2;border-style:solid; border-color:transparent;	}
#course2{	position:absolute;  left:38%;width:24%;height:70px;
margin-top:35px;background:#f2fff2;border-style:solid; border-color:transparent;}
#course3{	position:absolute;  left:65%;width:24%;	height:70px;
margin-top:35px;background:#f2fff2;border-style:solid; border-color:transparent;}

.coursecol1{font-size: 100%;font-family: Verdana;color:#192427; letter-spacing: 0px;}


#coursesection2nd{width:100%;height:80px;background:#f2fff2;}
#course2nd{width:100%;height:80px;background:#f2fff2;}

#course4{	position:absolute;  left:11%;width:24%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;	}
#course5{	position:absolute;  left:38%;width:24%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}
#course6{	position:absolute;  left:65%;width:24%;	height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}



#coursesection3rd{width:100%;height:129px;background:#f2fff2;}
#course3rd{width:100%;height:129px;background:#f2fff2;}

#course7{	position:absolute;  left:11%;width:24%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;	}
#course8{	position:absolute;  left:38%;width:24%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}
#course9{	position:absolute;  left:65%;width:24%;	height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}


#jobprovidernew{width:100%;height:650px;background:#ffffff;margin-top:15px;}
.jobproviderfeaturernew{font-size: 180%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:15px;}
.jobproviderfeaturer1new{font-size: 90%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:2px;margin-right:11%;}

#jobleftnew{ position:absolute;left: 11%; width: 24%;margin-top:35px; }

#jobleft1new{	width:100%;height:120px; background: linear-gradient(to right, #9f95f5 0%, #9f95f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobleft2new{	width:100%;height:120px;margin-top:25px; background: linear-gradient(to right, #ca95f5 0%, #ca95f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobleft3new{	width:100%;height:120px;margin-top:25px; background: linear-gradient(to right, #f595df 0%, #f595df 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}
.jcol1new{font-size: 70%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:31%;}
.jcol2new{font-size: 120%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-left:11%;margin-top:11%;}


#jobrightnew{ position:absolute;left:40%; width: 24%;margin-top:35px;height:400px;}

#jobmiddle1new{	width:100%;height:120px; background: linear-gradient(to right, #f5d295 0%, #f5d295 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobmiddle2new{	width:100%;height:120px;margin-top:25px; background: linear-gradient(to right, #dff595 0%, #dff595 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobmiddle3new{	width:100%;height:120px;margin-top:25px; background: linear-gradient(to right, #95f597 0%, #95f597 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}
.jobcolnew{font-size: 140%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-left:0%;}

#jobrightextremenew{ position:absolute;left:69%; width: 24%;margin-top:35px;height:400px;}

#jobexright1new{	width:100%;height:120px; background: linear-gradient(to right, #95f5ba 0%, #95f5ba 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobexright2new{	width:100%;height:120px;margin-top:25px; background: linear-gradient(to right, #95f2f5 0%, #95f2f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobexright3new{	width:100%;height:120px;margin-top:25px; background: linear-gradient(to right, #95c7f5 0%, #95c7f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#enquire{width: 100%;height:80px;}
.enquirebutton{	display: block;	width: 100%;max-width: 500px; min-width:50px;height: 45px;	background:#80ed84 ;	border-radius: 5px 10px; border-style: solid; border-color:#ffffff;	text-align:center;vertical-align: middle;	text-decoration:none;	font-size: 160%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: -1px;	font-weight:bold;}
.enquirebutton:hover{	background-color:#4de853;color:#ffffff;	}

#polumn{width:100%;height:500px;background:#f2fff2;margin-top:5px;}
.polumnstepsfeaturer{font-size: 160%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:50px;}


#polumn1{	position:absolute;  left:11%;width:24%;height:auto;height:250px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#polumn2{	position:absolute;  left:39%;width:24%;height:auto;height:250px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#polumn3{	position:absolute;  left:67%;width:24%;height:auto;	height:250px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}

.pol{font-size: 110%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: center;margin-left:1%;margin-top:4%;}
.pol1{font-size: 90%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-top:4%;}


#mainbranch{width:100%;height:500px;margin-top:13px;}

.center{	text-align: center;}





.mainflowbutton{	display: block;	width: 100%;max-width: 300px; min-width:50px;height: 50px;background:#43a2e8;	border-radius: 5px;	margin-top:3%;text-align: center;	text-decoration:none;		margin-left:39%;font-size: 170%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:bold;	text-align: center;vertical-align: middle;}
.mainflowbutton:hover{	background-color:#;099dbd	}

.maintestbutton1{	display: block;	width: 100%;max-width: 400px; min-width:50px;height: 58px;	border-radius: 15px 30px; border-style: solid; border-color:#ffffff;margin-top:15px;	text-align: center;	text-decoration:none;		margin-left:35%;font-size: 120%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}.maintestbutton1:hover{	background-color:#ffffff;color:#005c38;	}


.maintestbutton{	display: block;	width: 100%;max-width: 250px; min-width:50px;height: 55px;	background:#099dbd;	border-radius: 5px;margin-top:15px;	text-align: center;	text-decoration:none;		margin-left:39%;font-size: 120%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}.maintestbutton:hover{	background-color:#43a2e8;	}

.mainloginbutton{	display: block;	width: 100%;max-width: 150px; min-width:30px;height: 45px;	background:#b1c81a;	border-radius: 5px;margin-top:15px;	text-align: center;	text-decoration:none;		margin-left:44%;font-size: 100%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}



#holder{font-family: Verdana, Arial, Helvetica, sans-serif;font size:20px;height:auto;	width:100%;	margin-top:50px;	}
#top{	width:100%;	height:53px;		background:#bee2bf;		border: 1px solid #f7f7f7;	padding:21px 13px;	}
#top h1{margin-left:32px;	line-height:8px; color:#ffffff;	padding:0px;}
#top h2{margin-left:32px;color:#ffffff;	line-height:6px;	padding:0px;}
#top h3{	color:#ffffff;margin-left:32px;line-height:2px;margin-top:14px;	padding:1px;}
#top h4{margin-left:32px;	line-height:2px;color:#ffffff;	}
#top h5{margin-left:32px;	line-height:3px;	padding:1px;color:#2f353e;}
#bottom{	background:#ffffff;	width:100%;	height:auto; 	border: 1px solid #fff;}
#bottom p{margin-left:30px;	margin-top:3px;	margin-right:2px;} 

#bottom .responsive-image{
    width: 100%;
    background-size: 100% 100%;
} 

/* Retina display */
@media screen and (min-width: 1024px){

.column1bg{ background-image: url('unihiringwhitebg.png'); }
.bigger{font-size: 2.6vw;height:auto;}
.featurer{margin-left:105px};
}
/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1024px){
   
.column1bg{ background-image: url('unihiringwhitebg.png');  }
.bigger{font-size: 2.6vw;height:auto;}

.featurer{margin-left:105px};
}
/* Tablet */
@media screen and (min-width: 760px) and (max-width: 980px){


.resumescript{ margin-top:3%;font-size: 90%;font-family:'Open Sans', sans-serif;color:#192427;  text-align: center;vertical-align: middle;}


#tabCtrl{padding: 7% 0%;}

.bigger{font-size: 2.2vw;height:auto;}
.call{font-size: 1.2vw;height:auto;}
#clients{height:520px;background:#f0f9f1;width:100%;}

#onlinetest{height:350px;background:#f0f9f1;width:100%;margin-top:55px;}

#detailslobby{height:200px;width:100%;margin-top:1%;}

.mainflowbutton{	display: block;	width: 80%;max-width: 250px; min-width:50px;height: 55px;		border-radius: 15px 30px; border-style: solid; border-color:#ffffff; margin-top:35px;	text-align: center;	text-decoration:none;	margin-left:34%;font-size: 110%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}
.mainflowbutton:hover{background-color:#099dbd;}

.maintestbutton{display: block;	width: 100%;max-width: 250px; min-width:50px;height:46px;background:#608e61;
border-radius: 5px;text-align: center;text-decoration:none;font-size:120%;margin-top:26px;margin-left:34%;
font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}
.maintestbutton:hover{	background-color:#67a42b;	}


.featurer{margin-left:105px};


}
/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){

header {background-color:#f8fdfa;
/*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: 60px;position: fixed;top: 0;left: 0;z-index: 100;}

#logo{float: none;margin:0;text-align: center;width: 100%;height: 50px;
margin-top:5px;background: url(mobilelogo.png) no-repeat center;display: block;}

#processflow{width:100%;height:120px;background:#f0f9f1;margin-top:5%;}

#resume{width:100%; margin-top: 58px;height:135px;background:#95f2f5;}
#resume1{ position:absolute;left: 0px; width: 70%;text-align: center;
vertical-align: middle; }
#resume2{ position:absolute;left:71%; width: 28%;text-align: center;
vertical-align: middle;  }

#resume p{text-align: center;vertical-align: middle;}

.resumescript{ font-size: 175%;font-family:'Open Sans', sans-serif;color:#ffffff; letter-spacing: 0px; text-align: left;}

.resumebutton{	display: block;	width: 100%;max-width: 180px; min-width:50px;height: 50px;	background:#95f2f5;	border-radius: 15px 30px; border-style: solid; border-color:#ffffff;margin-top:40%;	text-align: center;	text-decoration:none;	font-size: 250%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: -1px;	font-weight:bold;	text-align: center; vertical-align: middle;}
.resumebutton:hover{	background-color:#ffffff;color:#95f2f5;	}
#resume p{margin-left:10%;margin-top:4%;}

img{width:70%;}

#mainsec{width:100%; height:300px;margin-top:75px;  }
#iconfirstrow{width:100%;height:auto;margin-top:1%;}
#Row1Column1{ height:320px;position:absolute;left: 11%; width:89%;text-align:left;vertical-align:middle;margin-top:1%;background:#ffffff;}
#Row1Column2{height:320px;position:absolute;left:100%; width:0%;text-align:center;vertical-align:middle;margin-top:1%;}

.call{font-size:140%; font-family:'Open Sans', sans-serif;color:#333333; letter-spacing: 0px;}
.bigger{ font-size:170%; font-family:Verdana;color:#6ee6e9; letter-spacing: -1px; height:auto;}



#column{width:100%;height:650px;background:#f2fff2;margin-top:5px;}
.columnstepsfeaturer{font-size: 140%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:50px;}

#column1{	position:absolute;  left:2%;width:22%;height:auto;height:320px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column2{	position:absolute;  left:26%;width:23%;height:auto;height:320px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column3{	position:absolute;  left:51%;width:23%;height:auto;	height:320px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column4{	position:absolute;  left:76%;width:22%;height:auto;height:320px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}

.col{font-size: 100%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: center;margin-left:1%;margin-top:4%;}
.col1{font-size: 70%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-top:4%;}

#jobleft{ position:absolute;left: 11%; width: 34%;margin-top:35px; }
#jobright{ position:absolute;left:48%; width: 50%;margin-top:35px;height:400px;}
.jobcol{font-size: 100%;font-family: Verdana;color:#192427; letter-spacing: 0px;font-size: 2.2vw;margin-left:0%;}

.jobcolnew{font-size: 90%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-left:0%;}

#jobprovidernew{width:100%;height:870px;background:#ffffff;margin-top:15px;}

#coursesection{width:100%;height:300px;background:#f2fff2;margin-top:20px;}

#course{width:100%;height:150px;background:#f2fff2;margin-top:40px;}
.columnstepsfeaturer{font-size: 160%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:50px;}

#course1{	position:absolute;  left:4%;width:29%;height:70px;
margin-top:35px;background:#f2fff2;border-style:solid; border-color:transparent;	}
#course2{	position:absolute;  left:36%;width:29%;height:70px;
margin-top:35px;background:#f2fff2;border-style:solid; border-color:transparent;}
#course3{	position:absolute;  left:68%;width:29%;	height:70px;
margin-top:35px;background:#f2fff2;border-style:solid; border-color:transparent;}

.coursecol1{font-size: 100%;font-family: Verdana;color:#192427; letter-spacing: 0px;}


#coursesection2nd{width:100%;height:180px;background:#f2fff2;}
#course2nd{width:100%;height:80px;background:#f2fff2;}

#course4{	position:absolute;  left:4%;width:29%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;	}
#course5{	position:absolute;  left:36%;width:29%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}
#course6{	position:absolute;  left:68%;width:29%;	height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}

#coursesection3rd{width:100%;height:209px;background:#f2fff2;}
#course3rd{width:100%;height:129px;background:#f2fff2;}

#course7{	position:absolute;  left:4%;width:29%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;	}
#course8{	position:absolute;  left:36%;width:29%;height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}
#course9{	position:absolute;  left:68%;width:29%;	height:70px;
margin-top:15px;background:#f2fff2;border-style:solid; border-color:transparent;}


#jobprovidernew{width:100%;height:780px;background:#ffffff;margin-top:15px;}
.jobproviderfeaturernew{font-size: 190%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:15px;}
.jobproviderfeaturer1new{font-size: 110%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:2px;margin-right:11%;}

#jobleftnew{ position:absolute;left: 11%; width: 24%;margin-top:35px; }

#jobleft1new{	width:100%;height:140px; background: linear-gradient(to right, #9f95f5 0%, #9f95f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobleft2new{	width:100%;height:140px;margin-top:25px; background: linear-gradient(to right, #ca95f5 0%, #ca95f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobleft3new{	width:100%;height:140px;margin-top:25px; background: linear-gradient(to right, #f595df 0%, #f595df 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}
.jcol1new{font-size: 80%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:31%;}
.jcol2new{font-size: 120%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-left:11%;margin-top:11%;}


#jobrightnew{ position:absolute;left:40%; width: 24%;margin-top:35px;height:420px;}

#jobmiddle1new{	width:100%;height:140px; background: linear-gradient(to right, #f5d295 0%, #f5d295 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobmiddle2new{	width:100%;height:140px;margin-top:25px; background: linear-gradient(to right, #dff595 0%, #dff595 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobmiddle3new{	width:100%;height:140px;margin-top:25px; background: linear-gradient(to right, #95f597 0%, #95f597 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}
.jobcolnew{font-size: 90%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-left:0%;}

#jobrightextremenew{ position:absolute;left:69%; width: 24%;margin-top:35px;height:420px;}

#jobexright1new{	width:100%;height:140px; background: linear-gradient(to right, #95f5ba 0%, #95f5ba 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobexright2new{	width:100%;height:140px;margin-top:25px; background: linear-gradient(to right, #95f2f5 0%, #95f2f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

#jobexright3new{	width:100%;height:140px;margin-top:25px; background: linear-gradient(to right, #95c7f5 0%, #95c7f5 1.5%, #ffffff 2%, #ffffff 100%);border-style:solid;border-width: thin; border-color:#cafccc;box-shadow: 1px 3px 3px #ebf7eb;	}

.jobcol{font-size: 140%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-left:0%;}


#mainlogin{width:100%;height:170px;}
.mainloginbg
 {
    background-image: url('mainloginbgm.jpg'); width: 100%;
background-repeat: no-repeat;
background-size: cover;
} 
.mainlogintext{ font-size: 220%;font-family: Verdana;color:#f0f9f1; letter-spacing: -1px; text-align: left;vertical-align: middle;padding: 8% 8%;}



#tabCtrl table{		border-collapse: collapse;	width:  100%;margin:auto;font-size: 2.7vw;}
#tabCtrl th{	font-family: Verdana, Arial, Helvetica, sans-serif;			padding:4 4 4 4;	font-size: 0.6em; font-weight:normal;		background:#f0f9f1;}
#tabCtrl td{	font-family: Verdana, Arial, Helvetica, sans-serif;			padding:4 4 4 4;	font-size: 0.6em; font-weight:normal;		background:#ffffff;	}
#tabCtrl{padding: 3% 0%;}


#clients{height:420px;background:#f0f9f1;width:100%;}
.maintestbutton{	display: block;	width: 100%;max-width: 250px; min-width:50px;height: 50px;	background:#608e61;	border-radius: 5px;	text-align: center;	text-decoration:none;		margin-left:19%;font-size: 120%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}.maintestbutton:hover{	background-color:#67a42b;	}

#details{width:100%;height:300px;background:#f0f9f1;margin-top:3%;font-size: 2.8vw}

.box2 {
  background: linear-gradient(to right,  #5099dc 0%,#4edc83 100%);
  height:290px;
  padding:2% 5px;
}



#onlinetest{height:340px;background:#f0f9f1;width:100%;margin-top:3%;}

.box{height:320px;}


div#envelope{
width: 55%;
margin: 5px 15% 5px 12%;
padding:5px 0;

border-radius:10px;
}

form{
width:95%;
margin:0% 1%;
}

#detailslobby{height:200px;width:100%;margin-top:1%;}


.mainflowbutton{	display: block;	width: 80%;max-width: 250px; min-width:50px;height: 55px;		border-radius: 15px 30px; border-style: solid; border-color:#ffffff; margin-top:35px;	text-align: center;	text-decoration:none;	margin-left:15%;font-size: 180%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}
.mainflowbutton:hover{background-color:#099dbd;}


.maintestbutton1{	display: block;	width: 80%;max-width: 350px; min-width:50px;height: 55px;		border-radius: 15px 30px; border-style: solid; border-color:#ffffff; margin-top:35px;	text-align: center;	text-decoration:none;	margin-left:10%;font-size: 110%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}
.maintestbutton1:hover{background-color:#ffffff;}



/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 10px;
margin-top: 5px;
width:100%;
padding: 10px;
border-radius:5px;
border:1px solid #baf2ca;
}
input[type=submit]
{
margin-bottom: 20px;
width:100%;
padding: 1.5% 1.5%;
border-radius:4px;
border:1px solid #57d654;
background-color: #66c663;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
font-weight:bold;
color:#ffffff;
font-size:2.2em;
cursor:pointer;
}
#submit:hover
{
background-color: #57d654;
}
textarea{
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #57d654;
border-radius:5px;
margin-bottom: 20px;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #57d654;
}


#logo1{float: none;margin: 0;text-align: center;width: 100%;height: 42px;background: url(jobopenings.png) no-repeat center;display: block;}
}



/* Mobile LD */
@media screen and (max-width: 350px){

header {background-color:#f8fdfa;
/*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: 60px;position: fixed;top: 0;left: 0;z-index: 100;}

#logo{float: none;margin:0;text-align: center;width: 100%;height: 50px;
margin-top:5px;background: url(mobilelogo.png) no-repeat center;display: block;}


#resume{width:100%; margin-top: 56px;height:80px;background:#95f2f5;}
#resume1{ position:absolute;left: 0px; width: 70%;text-align: center;
vertical-align: middle; }
#resume2{ position:absolute;left:71%; width: 28%;text-align: center;
vertical-align: middle;  }

#resume p{text-align: center;vertical-align: middle;}

.resumescript{ font-size: 175%;font-family:'Open Sans', sans-serif;color:#ffffff; letter-spacing: 0px; text-align: left;}

.resumebutton{	display: block;	width: 100%;max-width: 180px; min-width:50px;height: 46px;	background:#95f2f5;	border-radius: 15px 30px; border-style: solid; border-color:#ffffff;margin-top:15%;	text-align: center;	text-decoration:none;	font-size: 150%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: -1px;	font-weight:bold;	text-align: center;}
.resumebutton:hover{	background-color:#ffffff;color:#95f2f5;	}
#resume p{margin-left:10%;margin-top:4%;}





#mainsec{width:100%;height:350px;font-size: 1em;font-weight:bold;}


#iconfirstrow{width:100%;height:auto;margin-top:1%;}

#Row1Column1{ height:220px;position:absolute;left: 11%; width:89%;text-align:left;vertical-align:middle;margin-top:1%;background:#ffffff;}
#Row1Column2{height:220px;position:absolute;left:100%; width:0%;text-align:center;vertical-align:middle;margin-top:1%;}

.call{font-size:140%; font-family:'Open Sans', sans-serif;color:#333333; letter-spacing: 0px;}
.bigger{ font-size:170%; font-family:Verdana;color:#6ee6e9; letter-spacing: -1px; height:auto;}


.calldetails{font-size:15px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#333333; letter-spacing: -1px;
}
.biggerdetails{ font-size: 160%;;font-family: Verdana;color:#ffffff; letter-spacing: -1px;line-height:20px;margin-top:50px; }



#column{width:100%;height:750px;background:#f2fff2;margin-top:5px;}
.columnstepsfeaturer{font-size: 160%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: left;margin-left:11%;margin-top:50px;}


#column1{	position:absolute;  left:11%;width:19%;height:auto;height:500px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column2{	position:absolute;  left:32%;width:19%;height:auto;height:500px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column3{	position:absolute;  left:53%;width:19%;height:auto;	height:500px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}
#column4{	position:absolute;  left:74%;width:19%;height:auto;height:500px;
margin-top:35px;background:#ffffff;border-style:solid; border-color:transparent;box-shadow: 5px 10px 18px #dae6da;	}

.col{font-size: 110%;font-family: Verdana;color:#192427; letter-spacing: 0px;text-align: center;margin-left:1%;margin-top:4%;}
.col1{font-size: 90%;font-family: Verdana;color:#192427; letter-spacing: 0px;margin-top:4%;}



#mainlogin{width:100%;height:170px;margin-top:1%;}
.mainloginbg
 {
    background-image: url('mainloginbgm.jpg'); width: 100%;
background-repeat: no-repeat;
background-size: cover;
} 
.mainlogintext{ font-size: 270%;font-family: Verdana;color:#f0f9f1; letter-spacing: -1px; text-align: left;vertical-align: middle;padding: 8% 8%;}




.box{height:280px;}
.bigger{font-size: 8.2vw;height:auto;}
.call{font-size: 2.1vw;height:auto;}
#clients{height:340px;background:#f0f9f1;width:100%;}
.maintestbutton{	display: block;	width: 100%;max-width: 250px; min-width:50px;height: 35px;	background:#608e61;	border-radius: 5px;	text-align: center;	text-decoration:none;		margin-left:6%;font-size: 120%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}.maintestbutton:hover{	background-color:#67a42b;	}

#detailslobby{height:140px;width:100%;margin-top:1%;}


.mainflowbutton{	display: block;	width: 80%;max-width: 250px; min-width:50px;height: 45px;		border-radius: 15px 30px; border-style: solid; border-color:#ffffff; margin-top:35px;	text-align: center;	text-decoration:none;	margin-left:10%;font-size: 180%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}
.mainflowbutton:hover{background-color:#099dbd;}

.maintestbutton1{	display: block;	width: 80%;max-width: 350px; min-width:50px;height: 55px;		border-radius: 15px 30px; border-style: solid; border-color:#ffffff; margin-top:35px;	text-align: center;	text-decoration:none;	margin-left:10%;font-size: 110%;font-family: Verdana, Arial, Helvetica, sans-serif;color:#ffffff; letter-spacing: 1px;	font-weight:normal;	text-align: center;vertical-align: middle;}
.maintestbutton1:hover{background-color:#ffffff;}


#details{width:100%;height:280px;background:#f0f9f1;margin-top:3%;font-size: 2.8vw}

.box2 {
  background: linear-gradient(to right,  #5099dc 0%,#4edc83 100%);
  height:270px;
}

#onlinetest{height:300px;background:#f0f9f1;width:100%;margin-top:3%;}

.testscript{ font-size: 200%;font-family: Verdana;color:#ffffff; letter-spacing: -1px; text-align: center;vertical-align: middle;margin-top:7%;}

div#envelope{
width: 55%;
margin: 5px 15% 5px 12%;
padding:5px 0;

border-radius:10px;
}

form{
width:95%;
margin:0% 1%;
}


/* Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 10px;
margin-top: 5px;
width:100%;
padding: 10px;
border-radius:5px;
border:1px solid #baf2ca;
}
input[type=submit]
{
margin-bottom: 7px;
width:100%;
padding: 1.5% 1.5%;
border-radius:4px;
border:1px solid #57d654;
background-color: #66c663;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
font-weight:bold;
color:#ffffff;
font-size:2.2em;
cursor:pointer;
}
#submit:hover
{
background-color: #57d654;
}
textarea{
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #57d654;
border-radius:5px;
margin-bottom: 20px;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #57d654;
}
.liveboardbg
 {
    background-image: url('livebgm.png'); width: 100%;
 background-repeat:no-repeat;
   background-size: cover;
}

#logo1{float: none;margin: 0;text-align: center;width: 100%;height: 42px;background: url(jobopenings.png) no-repeat center;display: block;}
} 



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;}th{	font-family: Verdana, Arial, Helvetica, sans-serif;	boder-top: solid 25px;	boder-bottom: solid 25px;	padding:15 15 15 15;	font-size: 0.9em; font-weight:normal;		background:#ffffff;}td{	font-family: Verdana, Arial, Helvetica, sans-serif;	boder-top: solid 25px;	boder-bottom: solid 25px;	padding:15 15 15 15;	font-size: 0.9em; font-weight:normal;		background:#ffffff;	}



.ctabutton9{	display: block;width: 100%;max-width: 250px; min-width:50px;height: 35px;	background:#79b61f;	border-radius: 3px;	text-align: center;	text-decoration:none;	line-height:30px;	font-size:1.2em;	color:#ffffff;	font-weight:normal;padding:5px 0 5px 0;	margin-top:3px;	margin-bottom:3px;	margin-right:13px;}
.ctabutton9:hover{	background-color:#67a42b;	box-shadow:1px 1px 2px #eeeeee;	}


.ctabutton50{	display: block;	width: 100%;max-width: 200px; min-width:50px; height: 35px;	background:#97999a;	border-radius: 3px;	text-align: center;	text-decoration:none;	line-height:30px;	font-size:1.2em;	color:#ffffff;	font-weight:normal;padding:2px 0 2px 0;margin-top:3px;	margin-bottom:3px;	margin-right:13px;}.ctabutton50:hover{	background-color:#6c6e70;		}


.ctabutton1{	display: block;	width: 100%;max-width: 250px;min-width:50px;height: 35px;	background:#2dd629;	border-radius: 3px;	text-align: center;vertical-align:middle;	text-decoration:none;	line-height:30px;	font-size:1.2em;	color:#ffffff;	font-weight:normal;padding:2px 0 2px 0;	margin-top:3px;	margin-bottom:3px;	margin-right:13px;}
.ctabutton1:hover{	background-color:#9dcc0e;	box-shadow:1px 1px 2px #9dcc0e;	}

@import url(http://weloveiconfonts.com/api/?family=zocial); 

 * { 
   margin: 0; 
    padding: 0; 
 } 
 @font-face { 
   font-family: 'zocial', sans-serif; 
} 
[data-icon]:before { 
    font-family: 'zocial'; 
    content: attr(data-icon); 
    -webkit-font-smoothing: antialiased; 
} 

 body { 

    font-family: 'Verdana', sans-serif; 
 } 

 a { 
text-decoration: none; 
  -webkit-transition: all .2s linear; 
  -moz-transition: all .2s linear; 
  -ms-transition: all .2s linear; 
  -o-transition:  all .2s linear; 
  transition: all .2s linear; 
} 
clear { 
   clear: both;  } 




footer .splitter { 
  background-color: #90f190; 
 

  -webkit-background-size: 50px 50px; 
  -moz-background-size: 50px 50px; 
   background-size: 50px 50px;    
  -moz-box-shadow: 1px 1px 3px ; 
  -webkit-box-shadow: 1px 1px 3px ; 
   box-shadow: 1px 1px 3px ; 
   height: 3px; 
  } 





footer > ul { 
    list-style: none outside none; 
    margin: 0 5px; 
    max-width: 1200px; 
    overflow: hidden; 
    padding: 25px 0; 
    position: relative; 
    width: 100%; 
 } 

footer > ul li { 
    float: left; 
    padding: 10px 5px; 
    width: 25%; 
    box-sizing:border-box; 
   -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
 } 

 footer > ul li:first-child { 
   padding-left: 0; 
} 


 footer > ul li:nth-child(3) { 
    padding-right: 0; 
} 


footer > ul li .icon { 
   color: #3a4d3a; 
   float: left; 
   font-size: 80px; 
   line-height: 80px; 
 } 

 footer > ul li .text { 
  color: #3a4d3a; 
  font-size: 13px; 
  line-height: 15px; 
  margin-left: 10%; 
  position: relative; 
  text-align: centre; 
 } 

.text h4 { 
    color: #3a4d3a; 
    font-size: 24px; 
    font-weight: bold; 
    margin-bottom: 10px; 
} 

.text a { 
    border-bottom: 1px dotted transparent; 
    color: #3a4d3a; 
    font-weight: bold; 
 } 
 .text a:hover { 
   border-color: #3a4d3a;  } 


footer  { 
   background-color: #90f190; 
} 

footer .bar { 
   background-color: #90f190; 
   padding: 36px 0; 
height:auto;
} 

   footer .bar-wrap { 
   font-size: 15px; 
   margin: 0 auto; 
   max-width: 1200px; 
   position: relative; 
   width: 100%; 
height:auto;
 } 


.links { 
  float: left; 
  list-style: none outside none;
  position: relative; 
 } 

 .links li { 
    float: left; 
   margin-right: 10px; 
} 

 .links a { 
  color: #3a4d3a; 
} 

.links a:hover { 
    color: #3a4d3a; 
} 



.social { 
    position: absolute; 
    right: 0; 
    top: 0; 
 } 

 .social a { 
   color: #3a4d3a; 
   margin-left: 20px; 
} 

 .social a:hover { 
   color: #3a4d3a; 
} 

.social .icon { 
   display: inline-block;
  font-size: 36px; 
   margin-right: 5px; 
   vertical-align: middle;   
   -webkit-transition: -webkit-transform .3s linear; 
  -moz-transition: -moz-transform .3s linear; 
   -ms-transition: -ms-transform .3s linear; 
   -o-transition:  -o-transform .3s linear; 
  transition: transform .3s linear; 

 } 

.social a:hover  .icon { 
   -webkit-transform: rotate(360deg); 
   -moz-transform: rotate(360deg); 
  -ms-transform: rotate(360deg); 
   -o-transform: rotate(360deg); 
   transform: rotate(360deg); 

} 

 .social .info { 
   display: inline-block; 
   vertical-align: middle; 
 } 

.social .info .follow { 
  display: block; 
 } 

.social .info .num { 
   display: block; 
 } 

.copyright { 
   color: #3a4d3a; 
   margin-top: 1px; 
 } 


@media screen and (max-width: 1000px){ 
  .links, .social, .copyright{ 
      float:none; 
      text-align:center; 
  } 

   .social { 
      position:relative; 
      margin:10px 0; 
  } 

   .links li { 
      display:inline-block; 
      float:none; 
   } 

  .bar { 
     position:relative; 
   } 
   .bar-wrap { 
     margin-bottom:0; 
   } 
} 

 @media screen and (max-width: 835px)  { 
   footer > ul li { 
     float:none; 
      width:auto; 
   } 
 } 

 @media screen and (max-width: 768px)  { 
 .links li { 
     margin-right:5px; 
   } 
}