body{
background:#fafafa;
}
p{
line-height:1.7;
text-align:justify;
}
.mb1{
margin-bottom:1em;
}
.mb2{
margin-bottom:2em;
}
.top-bg {
background:url(../images/header-bg.png) repeat;
margin-bottom: 2em;
padding-bottom:15px;
}
.text-green {
color:#5ca10a;
}
.text-gray {
color:#404040;
}
.text-blue {
color:#039;
}
.mainHeading{
border-bottom:1px dashed #019ffc;
color:#039;
font-weight:bold;
padding-bottom:10px;
}
/* Column Left */
.colleft {
background:#fff;
border-radius:0 5px 0 5px;
-webkit-border-radius:0 5px 0 5px;
border:1px solid #e9e9e9;
padding: 0 20px;
box-shadow:inset 0 0 2px #fff;
margin-bottom:10px;
}
.colleft p{
text-align:left;
}
.colleft h3 {
background: #0076bb; /* Old browsers */
background: -moz-linear-gradient(top, #0076bb 0%, #019ffc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076bb), color-stop(100%,#019ffc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0076bb 0%,#019ffc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0076bb 0%,#019ffc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0076bb 0%,#019ffc 100%); /* IE10+ */
background: linear-gradient(to bottom, #0076bb 0%,#019ffc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076bb', endColorstr='#019ffc',GradientType=0 ); /* IE6-9 */
color: #fff;
font-size: 15px;
margin: 0 -31px 1em;
padding: 10px 22px;
position:relative;
text-align: center;
}
.colleft h3:before, .colleft h3:after{
border:solid transparent;
border-color:rgba(0, 0, 0, 0);
border-top-color:#0278bd;
content:'';
height:0;
position:absolute;
bottom:-10px;
width:0;
}
.colleft h3:before{
border-width:10px 0px 0px 10px;
left:0px;
}
.colleft h3:after{
border-width:10px 10px 0 0px;
right:0px;
}
.colleft li {
background:url(../images/bulet-dot.png) no-repeat 0 13px;
padding:5px 0 5px 15px;
}
.colleft li a {
color:#464744;
transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
}
.colleft li a:hover {
padding-left:5px;
}
.colleft .link-black{
list-style:none;
padding-left:0;
padding-right: 20px;
}
.colleft .link-black li{
background:none;
padding-left:0;
}
.colleft .link-black li i{
display: inline-block;
width: 30px;
text-align:center;
}
.colleft .placedStudent{
padding-bottom:1em;
}
.colleft .placedStudent span img{
border:1px solid #ccc;
width:100px;
}
.colleft .placedStudent .placedStudentImg{
display:block;
}
.colleft .placedStudent .placedStudentImg .carousel .item{
padding: 0 27%;
}
.colleft .placedStudent .placedStudentImg .carousel img{
border:1px solid #ccc;
margin-bottom:1em;
}
.studentCaption span{
color:#009dfe;
display: block;
font-weight: bold;
}
/* Column Right */
.colright {
background:#fff;
border-radius:5px 0 5px 0;
-webkit-border-radius:5px 0 5px 0;
border:1px solid #e9e9e9;
padding:0 20px 2em;
box-shadow:inset 0 0 2px #fff;
}
.colright .breadcrumb{
background:none;
margin-top:1em;
padding-left:0;
}
.colright .courseImage, .colright .courseRating{
margin-bottom:1em;
}
.colright .courseRating img{
vertical-align:middle;
}
.colright h3{
font-weight:normal;
}
.colright h4{
font-family:Verdana, Geneva, sans-serif;
font-size:1em;
}
.tableClass td{
padding:5px;
}
.IndustrialTraining{
border-bottom:1px solid #fff;
}
.IndustrialTraining h1{
background:#d4d4d4;
color:#464646;
font-size:1.1em;
margin:0;
text-shadow:none;
font-weight:normal;
}
.IndustrialTraining:nth-child(even) h1{
background:#e7e7e7;
}
.IndustrialTraining h1 a{
color:#464646;
display:block;
padding: 10px;
}
.IndustrialTraining h1 a span{
background: #009dfe none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: block;
float: right;
font-size: 12px;
margin-top: -3px;
padding: 5px 10px;
}
.IndustrialTraining h1 a:hover{
color:#000;
text-decoration:none;
}
.IndustrialTraining h1 a:hover span{
background:#000;
}
.IndustrialTraining .readmore{
background: #158ad2; /* Old browsers */
background: -moz-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #158ad2), color-stop(100%, #0166a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* IE10+ */
background: linear-gradient(to bottom, #158ad2 0%, #0166a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#158ad2', endColorstr='#0166a4', GradientType=0 ); /* IE6-9 */
border-radius: 5px;
color: #fff;
display: inline-block;
padding: 7px 1em;
}
.IndustrialTraining .readmore:hover{
background: #515151; /* Old browsers */
background: -moz-linear-gradient(top, #515151 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #515151 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #515151 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #515151 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #515151 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
text-decoration:none;
}
.IndustrialTraining img{
float:left;
margin-bottom:0em;
margin-right:2em;
margin-top:0;
}
.IndustrialTraining .innerCourse{
display:none;
padding-bottom:2em;
}
a:hover, a:focus{
text-decoration:none;
}
.listTick {
list-style:none;
margin:0;
padding:0;
padding-left:10px;
margin-bottom:15px;
}
.listTick li {
background:url(../images/tick.png) no-repeat 0px 10px;
padding:6px 0 6px 20px;
}
.benefits {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
margin-bottom: 22px;
padding: 1px;
}
.img-pos, .benefits {
position:relative;
overflow:hidden;
}
.benefits h3 {
bottom:0;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.benefits a{
cursor:default;
}
.benefits img {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.benefits img:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity:0.9;
}
h2.home, h1.home {
background:url(../images/home-head.png) no-repeat left bottom;
padding-bottom:9px;
padding-left:40px;
font-size: 20px;
}
.heading1{
padding-bottom:9px;
font-size: 20px;
}
.trainingCourse .benefits {
margin-bottom:0.5em;
}
.trainingCourse p {
text-align:justify;
}
.trainingCourse .viewMore {
background:#019ffc;
display:inline-block;
padding:5px 15px;
color:#fff;
border-radius:3px;
}
.trainingCourse .viewMore:hover {
background:#5ca10a;
text-decoration:none;
padding-left:20px;
}
.trainingCourse > .col-md-6 {
margin-bottom:3em;
}
.trainingCourse .benefits h3 {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
left: 0;
margin: 0;
padding: 8px 1em;
position: absolute;
width: 100%;
}
.otherComment fieldset {
border: medium none;
margin-bottom: 1em;
}
.otherComment fieldset label.error{
color: #f00;
display: block;
font-size: 1em;
font-weight: normal;
padding-top: 5px;
}
.otherComment .hafField, .otherComment .commentLeft {
width: 100%;
}
.captchaLeft .capDis {
background: rgba(0, 0, 0, 0) url("../images/captcha-back.jpg") repeat scroll center center;
color: #000;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
.captchaLeft {
width:45%;
}
.inputBox, .textBox {
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
height: 50px;
padding: 10px 15px;
width: 100%;
}
.textBox {
height: 175px;
}
.btn-default2 {
background: #0091c6 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 5px 17px;
}
.otherComment .submitBox {
font-size: 19px;
height: 47px;
width: 160px;
}
.otherComment .submitBox:hover {
background: #000 none repeat scroll 0 0;
}
#thankyou{
background: #fff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
border-radius: 5px;
box-shadow: 0 0 2px #fff inset;
padding:1em 1em 0;
}
.captchaField{
position:relative;
}
.captchaImage{
position:absolute;
cursor:pointer;
left:50%;
top:50%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
}
/* Column Section */
.column .smallCol{
background: #fff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
padding: 0 10px;
border-radius:5px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.column .smallCol h2{
font-weight:normal;
margin-top:15px;
text-align:center;
}
/* Footer Section */
footer {
background:#2e2f31 url(../images/footer-bg.jpg) repeat;
color:#ffffff;
margin-top:20px;
}
footer h3 {
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
font-size: 14px;
padding: 12px;
}
footer li a, footer p, footer p a {
color:#ffffff;
}
footer li a:hover, footer p a:hover {
color:#fff;
padding-left:5px;
}
footer li {
background:url(../images/bulet-arrow.png) no-repeat 0 8px;
margin:5px 0;
padding-left:12px;
}
/* Header Section */
.contact-list li {
padding-bottom:10px;
}
.cright {
background:#454649;
text-align:center;
padding:10px 0;
margin-top:10px;
}
.banner .carousel-control.left, .banner .carousel-control.right{
background:none;
}
/* Header Right */
.headerRight{
position: absolute;
right: 17px;
top: 11px;
}
.headerRight a{
color:#fff;
}
#rightTopHead {
float: right;
margin-left:1em;
margin-bottom: 10px;
}
.headerRight #Emailno {
text-align: right;
}
.headerRight #Emailno a:hover{
color:#019ffc;
text-decoration:none;
}
.headerRight #Emailno span {
font-size: 18px;
}
.brag {
margin-left: 140px;
margin-top: 3px;
}
.headerRight #Emailno span {
display: inline-block;
margin: 10px 0 10px 10px;
font-weight:bold;
vertical-align: middle;
}
.headerRight #Emailno img {
margin-left: 10px;
vertical-align: middle;
}
.headerRight #Emailno span.phone {
color: #fff;
}
.rightCol{
float:right;
margin-left:2em;
}
.rightCol img{
width:84px;
}
/* Navigation */
/*.nav-top li:nth-child(1), .nav-top li:nth-child(2){
border-bottom: 1px dashed #fff;
}*/
#navbar{
position:relative;
}
.nav-top li.clickToCall a{
border:1px solid #5ca10a ;
background:#5ca10a ;
color:#fff!important;
border-radius:5px;
margin-top:8px;
padding:7px 10px 7px 10px !important;
}
.nav-top li.clickToCall a:hover{
background:#000;
}
.navbar-nav > li.search{
float: right;
padding: 7px 1em 0 0;
}
.navbar-nav > li.search input[type="text"]{
background:#fff;
}
.navbar-default .navbar-nav > li.email{
margin-left:1em;
}
.navbar-default .navbar-nav > li.email a{
color:#fff!important;
}
.navbar-default .navbar-nav > li.email a:hover{
color:#019ffc!important;
}
.socialMedia a{
margin:0 3px;
}
.socialMedia a img{
transition:all 0.3s ease;
}
.socialMedia a:hover img{
opacity:0.6;
}
.student-review{
padding-right:1em;
}
.mainReview p{
border-bottom:1px dashed #0076bb;
padding-bottom:1em;
}
.mainReview p img {
margin-right: 1em;
margin-top: -2px;
vertical-align: middle;
}
/* Accordian Section */
.accordianText:after, .textContentAccoord:after, .captcha:after, .IndustrialTraining .innerCourse:after{
content:'';
clear:both;
display:block;
}
.accordian .accordianContent{
margin-bottom:0.5em;
}
.accordian .accordianContent .accordianHeading a{
background:#019ffc;
color:#fff;
display:block;
font-size:1.2em;
font-weight:bold;
padding:0.5em 1em;
position:relative;
text-transform:uppercase;
}
.accordian .accordianContent .accordianHeading a:before {
content: "\2b";
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
right:10px;
position: absolute;
top: 10px;
}
.accordian .accordianContent .accordianHeading a.minus:before{
content: "\2212";
}
.accordian .accordianContent a{
text-decoration:none;
}
.textContentAccoord{
border-bottom: 1px dashed #ccc;
margin: 1em 0 2em;
padding-bottom: 1em;
}
.accordian .accordianContent .accordianText{
background:#fff;
border:1px solid #ccc;
border-top:none;
display:none;
padding:2em;
}
.accordian .accordianContent .accordianText h4{
background: #939393 none repeat scroll 0 0;
border-radius: 5px;
color:#fff;
font-size: 15px;
font-weight:normal;
padding:0.6em 1em;
position:relative;
margin-top:0;
}
.accordian .accordianContent .accordianText h4:after{
border:solid transparent;
border-color:rgba(0, 0, 0, 0);
border-left-color:#939393;
border-width:10px 0px 10px 10px ;
content:'';
height:0;
right:-10px;
position:absolute;
top:7px;
width:0;
}
.accordian .accordianContent .accordianText ul{
list-style:none;
margin-bottom:0;
padding-left:0;
}
.accordian .accordianContent .accordianText ul li{
}
.accordian .accordianContent .accordianText .accordianLeft{
float:left;
position:relative;
width:33%;
}
.accordian .accordianContent .accordianText .accordianLeft span{
display:block;
text-align:center;
}
.accordian .accordianContent .accordianText .accordianRight{
float: left;
margin-left:2%;
position:relative;
padding:0 2em;
width: 65%;
}
/* Click to call Section */
.clickToCall, .clickToEnquiry{
position: fixed;
left: 0%;
bottom: 50%;
transition:translateY(-50%);
z-index: 1005;
}
.clickToCall span, .clickToEnquiry span{
display:none;
}
.clickToEnquiry{
left:auto;
right:0;
}
#overlay{
background:rgba(0, 0, 0, 0.3);
height:100%;
left:0;
opacity:0;
position:fixed;
top:0;
visibility:hidden;
width:100%;
z-index:3000;
}
#lightBox{
background:#fff;
left:50%;
opacity:0;
position:fixed;
top:50%;
transform:translate(-50%, -500px);
padding:2em 3em 2em 2em;
width:50%;
visibility:hidden;
z-index:3001;
border-radius:5px;
transition:transform 0.3s ease-in-out;
}
#lightBox.show{
transform:translate(-50%, -50%);
}
#overlay.show, #lightBox.show{
opacity:1;
visibility:visible;
}
#lightBox .closeLight{
position:absolute;
right:10px;
top:10px;
}
#lightBox .lightContent{
display:none;
}
#lightBox .lightContent p{
line-height:1.4;
}
#lightBox .lightContent .lightField{
position:relative;
}
#lightBox .lightContent .lightField .lightSubmit{
background: #0091c6 none repeat scroll 0 0;
border: medium none;
border-radius: 0 5px 5px 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 19px;
height: 51px;
padding: 5px 17px;
position: absolute;
right: -1px;
text-transform:uppercase;
top: -1px;
width: 110px;
}
#lightBox .lightContent .lightField .lightSubmit:hover{
background:#036;
}
#lightBox .lightContent h2{
font-weight:normal;
margin-top:0;
}
/* enquiry */
#enquiry{
right: 0;
position:fixed;
top:50%;
width:300px;
z-index:2500;
transform:translate(258px, -50%);
-moz-transform:translate(258px, -50%);
-webkit-transform:translate(258px, -50%);
-ms-transform:translate(258px, -50%);
transition:transform 0.3s ease;
-moz-transition:transform 0.3s ease;
-webkit-transition:transform 0.3s ease;
-ms-transition:transform 0.3s ease;
}
#enquiry a.enquiryBtn{
float:left;
}
#enquiryContent{
background: #009dfe none repeat scroll 0 0;
float:left;
padding:10px;
width:258px
}
#enquiryContent fieldset{
margin-bottom:5px;
position:relative;
}
#enquiryContent .rightText, #enquiryContent .rightTextArea{
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
height:30px;
padding:5px 10px;
width:100%;
}
#enquiryContent .rightTextArea{
height:80px;
}
.rightSubmit{
background:#00609b;
color:#fff;
cursor:pointer;
border:none;
padding:0.5em 1em 0.6em;
border-radius:3px;
}
.rightSubmit:hover{
background:#000;
}
.colcap{
width:42%;
}
#enquiryContent .capDis, .slideup .capDis{
background:url(../images/captcha-back.jpg) center center;
color: #000;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 0px;
text-align: center;
}
#enquiry.slideOut{
transform:translate(0px, -50%);
-moz-transform:translate(0px, -50%);
-webkit-transform:translate(0px, -50%);
-ms-transform:translate(0px, -50%);
}
.lightContent #enquiryContent{
background:none;
float:none;
padding:0;
width:100%;
}
.lightContent #enquiryContent .rightText, .lightContent #enquiryContent .rightTextArea{
border: 1px solid #ccc;
height: 40px;
}
@media (max-width:1192px) {
.nav > li > a{
padding:10px 34px;
}
}
@media (max-width:992px) {
.nav > li > a {
padding: 10px 16px;
}
.column .col-sm-6{
margin:1em 0;
}
.column .col-sm-6:nth-child(3){
clear:left;
}
.placement h3, .placement .col-md-4{
text-align:center;
}
.placement .col-md-4{
margin-bottom:1em;
}
}
.donwloadpdf{float: right;margin-bottom: -48px;position: relative;z-index: 1000;}
@media (max-width:767px) {
.donwloadpdf{float:none; margin-bottom:0px;}
.headerRight{
display:none;
}
#navbar .nav{
background:#000;
margin-top:0;
}
.nav > li > a {
color:#fff;
padding: 10px 41px;
}
.navbar-default .navbar-nav > li > a{
color:#fff;
}
#lightBox{
width:80%;
}
#lightBox .lightContent .lightField .lightSubmit{
border-radius: 5px;
margin-top: 5px;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.clickToCall span, .clickToEnquiry span{
display:block;
}
.clickToCall span:before, .clickToEnquiry span:before{
background:url(../images/double-arrow.png) no-repeat;
content: "";
display: inline-block;
height: 16px;
margin: 0 8px;
position: relative;
top: 3px;
width: 16px;
}
.clickToCall img, .clickToEnquiry img{
display:none;
}
.clickToCall, .clickToEnquiry{
bottom:0;
width:49%;
}
.clickToCall a, .clickToEnquiry a{
display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1489d0+0,0167a5+100 */
background: #1489d0; /* Old browsers */
background: -moz-linear-gradient(top, #1489d0 0%, #0167a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1489d0), color-stop(100%,#0167a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1489d0 0%,#0167a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1489d0 0%,#0167a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1489d0 0%,#0167a5 100%); /* IE10+ */
background: linear-gradient(to bottom, #1489d0 0%,#0167a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1489d0', endColorstr='#0167a5',GradientType=0 ); /* IE6-9 */
color: #fff;
display: block;
font-weight: bold;
padding: 10px 5px;
text-align: center;
text-transform: uppercase;
}
.IndustrialTraining h1 a{
text-align:center;
}
.IndustrialTraining h1 a span{
clear: both;
display: block;
float: none;
margin: 14px 11% 0;
padding: 10px;
}
#toPopup, #toPopup_2, #toPopup_3{
width:88%;
}
.form p{
font-size:13px;
}
.form .form_field{
padding: 4px 14px;
}
.form .capDis {
font-size: 15px;
padding: 4px 14px;
text-align: left;
}
.form .form_submit{
width:100%;
}
.form .captchaImage {
top:22px;
width: 20px;
}
}
@media (max-width:350px) {
.clickToCall a, .clickToEnquiry a{
font-size:12px;
}
.capDis{padding: 5px 3px;}
}
@media (max-width:450px) {
#enquiryContent .capDis{ letter-spacing: -3px;}
}
.rV{
border-bottom:1px dashed #019ffc;
padding-bottom:1em;
margin-bottom:1em;
}
.rvDes{
display:block;
padding-top:1em;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0px; }
.col-md-12 h3 {
padding-bottom: 16px;
font-family: Lucida Sans,Arial;
margin-bottom: 20px;
font-weight: normal;
color: Blue;
font-size: 18px;
border-bottom: 1px solid #ECECEC;
}
body{
background:#fafafa;
}
p{
line-height:1.7;
text-align:justify;
}
.mb1{
margin-bottom:1em;
}
.mb2{
margin-bottom:2em;
}
.top-bg {
background:url(../images/header-bg.png) repeat;
margin-bottom: 1em;
padding-bottom:15px;
}
.text-green {
color:#5ca10a;
}
.text-gray {
color:#404040;
}
.text-blue {
color:#039;
}
.mainHeading{
border-bottom:1px dashed #019ffc;
color:#039;
font-weight:normal;
padding-bottom:10px;
}
/* Column Left */
.colleft {
background:#fff;
border-radius:0 5px 0 5px;
-webkit-border-radius:0 5px 0 5px;
border:1px solid #e9e9e9;
padding: 0 20px;
box-shadow:inset 0 0 2px #fff;
margin-bottom:10px;
}
.colleft p{
text-align:left;
}
.colleft h3 {
background: #0076bb; /* Old browsers */
background: -moz-linear-gradient(top, #0076bb 0%, #019ffc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076bb), color-stop(100%,#019ffc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0076bb 0%,#019ffc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0076bb 0%,#019ffc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0076bb 0%,#019ffc 100%); /* IE10+ */
background: linear-gradient(to bottom, #0076bb 0%,#019ffc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076bb', endColorstr='#019ffc',GradientType=0 ); /* IE6-9 */
color: #fff;
font-size: 15px;
margin: 0 -31px 1em;
padding: 10px 22px;
position:relative;
text-align: center;
}
.colleft h3:before, .colleft h3:after{
border:solid transparent;
border-color:rgba(0, 0, 0, 0);
border-top-color:#0278bd;
content:'';
height:0;
position:absolute;
bottom:-10px;
width:0;
}
.colleft h3:before{
border-width:10px 0px 0px 10px;
left:0px;
}
.colleft h3:after{
border-width:10px 10px 0 0px;
right:0px;
}
.colleft li {
background:url(../images/bulet-dot.png) no-repeat 0 13px;
padding:5px 0 5px 15px;
}
.colleft li a {
color:#464744;
transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s;
}
.colleft li a:hover {
padding-left:5px;
}
.colleft .link-black{
list-style:none;
padding-left:0;
padding-right: 20px;
}
.colleft .link-black li{
background:none;
padding-left:0;
}
.colleft .link-black li i{
display: inline-block;
width: 30px;
text-align:center;
}
.colleft .placedStudent{
padding-bottom:1em;
}
.colleft .placedStudent span img{
border:1px solid #ccc;
width:100px;
}
.colleft .placedStudent .placedStudentImg{
display:block;
}
.colleft .placedStudent .placedStudentImg .carousel .item{
padding: 0 0%;
}
.colleft .placedStudent .placedStudentImg .carousel img{
border:1px solid #ccc;
margin-bottom:1em;
}
.studentCaption span{
color:#009dfe;
display: block;
font-weight: bold;
}
/* Column Right */
.colright {
background:#fff;
border-radius:5px 0 5px 0;
-webkit-border-radius:5px 0 5px 0;
border:1px solid #e9e9e9;
padding:0 20px 2em;
box-shadow:inset 0 0 2px #fff;
}
.colright .breadcrumb{
background:none;
margin-top:1em;
padding-left:0;
}
.colright .courseImage, .colright .courseRating{
margin-bottom:1em;
}
.colright .courseRating img{
vertical-align:middle;
}
.colright h3{
font-weight:normal;
}
.colright h4{
font-family:Verdana, Geneva, sans-serif;
font-size:1em;
}
.tableClass td{
padding:5px;
}
.SummerTraining{
border-bottom:1px solid #fff;
}
.SummerTraining h1{
background:#d4d4d4;
color:#464646;
font-size:1.1em;
margin:0;
text-shadow:none;
font-weight:normal;
}
.SummerTraining:nth-child(even) h1{
background:#e7e7e7;
}
.SummerTraining h1 a{
color:#464646;
display:block;
padding: 10px;
}
.SummerTraining h1 a span{
background: #009dfe none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: block;
float: right;
font-size: 12px;
margin-top: -3px;
padding: 5px 10px;
}
SummerTraining h1 a:hover{
color:#000;
text-decoration:none;
}
.SummerTraining h1 a:hover span{
background:#000;
}
.SummerTraining h3{
background:#d4d4d4;
color:#464646;
font-size:1.1em;
margin:0;
text-shadow:none;
font-weight:normal;
}
.SummerTraining:nth-child(even) h3{
background:#e7e7e7;
}
.SummerTraining h3 a{
color:#464646;
display:block;
padding: 10px;
}
.SummerTraining h3 a span{
background: #009dfe none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: block;
float: right;
font-size: 12px;
margin-top: -3px;
padding: 5px 10px;
}
SummerTraining h3 a:hover{
color:#000;
text-decoration:none;
}
.SummerTraining h3 a:hover span{
background:#000;
}
.SummerTraining .readmore{
background: #158ad2; /* Old browsers */
background: -moz-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #158ad2), color-stop(100%, #0166a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #158ad2 0%, #0166a4 100%); /* IE10+ */
background: linear-gradient(to bottom, #158ad2 0%, #0166a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#158ad2', endColorstr='#0166a4', GradientType=0 ); /* IE6-9 */
border-radius: 5px;
color: #fff;
display: inline-block;
padding: 7px 1em;
}
.SummerTraining .readmore:hover{
background: #515151; /* Old browsers */
background: -moz-linear-gradient(top, #515151 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #515151 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #515151 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #515151 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #515151 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
text-decoration:none;
}
.SummerTraining img{
float:left;
margin-bottom:0em;
margin-right:2em;
margin-top:0;
}
.SummerTraining .innerCourse{
display:none;
padding-bottom:2em;
}
a:hover, a:focus{
text-decoration:none;
}
.listTick {
list-style:none;
margin:0;
padding:0;
padding-left:10px;
margin-bottom:15px;
}
.listTick li {
background:url(../images/tick.png) no-repeat 0px 10px;
padding:3px 0 0px 20px;
}
.benefits {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
margin-bottom: 22px;
padding: 1px;
}
.img-pos, .benefits {
position:relative;
overflow:hidden;
}
.benefits h3 {
bottom:0;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.benefits a{
cursor:default;
}
.benefits img {
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.benefits img:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity:0.9;
}
h2.home, h1.home {
background:url(../images/home-head.png) no-repeat left bottom;
padding-bottom:9px;
padding-left:40px;
font-size: 20px;
}
.heading1{
padding-bottom:9px;
font-size: 20px;
}
.trainingCourse .benefits {
margin-bottom:0.5em;
}
.trainingCourse p {
text-align:justify;
}
.trainingCourse .viewMore {
background:#019ffc;
display:inline-block;
padding:5px 15px;
color:#fff;
border-radius:3px;
}
.trainingCourse .viewMore:hover {
background:#5ca10a;
text-decoration:none;
padding-left:20px;
}
.trainingCourse > .col-md-6 {
margin-bottom:3em;
}
.trainingCourse .benefits h3 {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
left: 0;
margin: 0;
padding: 8px 1em;
position: absolute;
width: 100%;
}
.otherComment fieldset {
border: medium none;
margin-bottom: 1em;
}
.otherComment fieldset label.error{
color: #f00;
display: block;
font-size: 1em;
font-weight: normal;
padding-top: 5px;
}
.otherComment .hafField, .otherComment .commentLeft {
width: 100%;
}
.captchaLeft .capDis {
background: rgba(0, 0, 0, 0) url("../images/captcha-back.jpg") repeat scroll center center;
color: #000;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
.captchaLeft {
width:45%;
}
.inputBox, .textBox {
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
height: 50px;
padding: 10px 15px;
width: 100%;
}
.textBox {
height: 175px;
}
.btn-default2 {
background: #0091c6 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 5px 17px;
}
.otherComment .submitBox {
font-size: 19px;
height: 47px;
width: 160px;
}
.otherComment .submitBox:hover {
background: #000 none repeat scroll 0 0;
}
#thankyou{
background: #fff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
border-radius: 5px;
box-shadow: 0 0 2px #fff inset;
padding:1em 1em 0;
}
.captchaField{
position:relative;
}
.captchaImage{
position:absolute;
cursor:pointer;
left:50%;
top:50%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
}
/* Column Section */
.column .smallCol{
background: #fff none repeat scroll 0 0;
border: 1px solid #e9e9e9;
padding: 0 10px;
border-radius:5px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.column .smallCol h2{
font-weight:normal;
margin-top:15px;
text-align:center;
}
/* Footer Section */
footer {
background:#2e2f31 url(../images/footer-bg.jpg) repeat;
color:#ffffff;
margin-top:20px;
}
footer h3 {
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
font-size: 14px;
padding: 12px;
}
footer li a, footer p, footer p a {
color:#ffffff;
}
footer li a:hover, footer p a:hover {
color:#fff;
padding-left:5px;
}
footer li {
background:url(../images/bulet-arrow.png) no-repeat 0 8px;
margin:5px 0;
padding-left:12px;
}
/* Header Section */
.contact-list li {
padding-bottom:10px;
}
.cright {
background:#454649;
text-align:center;
padding:10px 0;
margin-top:10px;
}
.banner .carousel-control.left, .banner .carousel-control.right{
background:none;
}
/* Header Right */
.headerRight{
position: absolute;
right: 17px;
top: 11px;
}
.headerRight a{
color:#fff;
}
#rightTopHead {
float: right;
margin-left:1em;
margin-bottom: 10px;
}
.headerRight #Emailno {
text-align: right;
}
.headerRight #Emailno a:hover{
color:#019ffc;
text-decoration:none;
}
.headerRight #Emailno span {
font-size: 18px;
}
.brag {
margin-left: 140px;
margin-top: 3px;
}
.headerRight #Emailno span {
display: inline-block;
margin: 10px 0 10px 10px;
font-weight:bold;
vertical-align: middle;
}
.headerRight #Emailno img {
margin-left: 10px;
vertical-align: middle;
}
.headerRight #Emailno span.phone {
color: #fff;
}
.rightCol{
float:right;
margin-left:2em;
}
.rightCol img{
width:84px;
}
/* Navigation */
/*.nav-top li:nth-child(1), .nav-top li:nth-child(2){
border-bottom: 1px dashed #fff;
}*/
#navbar{
position:relative;
}
.nav-top li.clickToCall a{
border:1px solid #5ca10a ;
background:#5ca10a ;
color:#fff!important;
border-radius:5px;
margin-top:8px;
padding:7px 10px 7px 10px !important;
}
.nav-top li.clickToCall a:hover{
background:#000;
}
.navbar-nav > li.search{
float: right;
padding: 7px 1em 0 0;
}
.navbar-nav > li.search input[type="text"]{
background:#fff;
}
.navbar-default .navbar-nav > li.email{
margin-left:1em;
}
.navbar-default .navbar-nav > li.email a{
color:#fff!important;
}
.navbar-default .navbar-nav > li.email a:hover{
color:#019ffc!important;
}
.socialMedia a{
margin:0 3px;
}
.socialMedia a img{
transition:all 0.3s ease;
}
.socialMedia a:hover img{
opacity:0.6;
}
.student-review{
padding-right:1em;
}
.mainReview p{
border-bottom:1px dashed #0076bb;
padding-bottom:1em;
}
.mainReview p img {
margin-right: 1em;
margin-top: -2px;
vertical-align: middle;
}
/* Accordian Section */
.accordianText:after, .textContentAccoord:after, .captcha:after, .SummerTraining .innerCourse:after{
content:'';
clear:both;
display:block;
}
.accordian .accordianContent{
margin-bottom:0.5em;
}
.accordian .accordianContent .accordianHeading a{
background:#019ffc;
color:#fff;
display:block;
font-size:1.2em;
font-weight:bold;
padding:0.5em 1em;
position:relative;
text-transform:uppercase;
}
.accordian .accordianContent .accordianHeading a:before {
content: "\2b";
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
right:10px;
position: absolute;
top: 10px;
}
.accordian .accordianContent .accordianHeading a.minus:before{
content: "\2212";
}
.accordian .accordianContent a{
text-decoration:none;
}
.textContentAccoord{
border-bottom: 1px dashed #ccc;
margin: 1em 0 2em;
padding-bottom: 1em;
}
.accordian .accordianContent .accordianText{
background:#fff;
border:1px solid #ccc;
border-top:none;
display:none;
padding:2em;
}
.accordian .accordianContent .accordianText h4{
background: #939393 none repeat scroll 0 0;
border-radius: 5px;
color:#fff;
font-size: 15px;
font-weight:normal;
padding:0.6em 1em;
position:relative;
margin-top:0;
}
.accordian .accordianContent .accordianText h4:after{
border:solid transparent;
border-color:rgba(0, 0, 0, 0);
border-left-color:#939393;
border-width:10px 0px 10px 10px ;
content:'';
height:0;
right:-10px;
position:absolute;
top:7px;
width:0;
}
.accordian .accordianContent .accordianText ul{
list-style:none;
margin-bottom:0;
padding-left:0;
}
.accordian .accordianContent .accordianText ul li{
}
.accordian .accordianContent .accordianText .accordianLeft{
float:left;
position:relative;
width:33%;
}
.accordian .accordianContent .accordianText .accordianLeft span{
display:block;
text-align:center;
}
.accordian .accordianContent .accordianText .accordianRight{
float: left;
margin-left:2%;
position:relative;
padding:0 2em;
width: 65%;
}
/* Click to call Section */
.clickToCall, .clickToEnquiry{
position: fixed;
left: 0%;
bottom: 50%;
transition:translateY(-50%);
z-index: 1005;
}
.clickToCall span, .clickToEnquiry span{
display:none;
}
.clickToEnquiry{
left:auto;
right:0;
}
#overlay{
background:rgba(0, 0, 0, 0.3);
height:100%;
left:0;
opacity:0;
position:fixed;
top:0;
visibility:hidden;
width:100%;
z-index:3000;
}
#lightBox{
background:#fff;
left:50%;
opacity:0;
position:fixed;
top:50%;
transform:translate(-50%, -500px);
padding:2em 3em 2em 2em;
width:50%;
visibility:hidden;
z-index:3001;
border-radius:5px;
transition:transform 0.3s ease-in-out;
}
#lightBox.show{
transform:translate(-50%, -50%);
}
#overlay.show, #lightBox.show{
opacity:1;
visibility:visible;
}
#lightBox .closeLight{
position:absolute;
right:10px;
top:10px;
}
#lightBox .lightContent{
display:none;
}
#lightBox .lightContent p{
line-height:1.4;
}
#lightBox .lightContent .lightField{
position:relative;
}
#lightBox .lightContent .lightField .lightSubmit{
background: #0091c6 none repeat scroll 0 0;
border: medium none;
border-radius: 0 5px 5px 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 19px;
height: 51px;
padding: 5px 17px;
position: absolute;
right: -1px;
text-transform:uppercase;
top: -1px;
width: 110px;
}
#lightBox .lightContent .lightField .lightSubmit:hover{
background:#036;
}
#lightBox .lightContent h2{
font-weight:normal;
margin-top:0;
}
/* enquiry */
#enquiry{
right: 0;
position:fixed;
top:50%;
width:300px;
z-index:2500;
transform:translate(258px, -50%);
-moz-transform:translate(258px, -50%);
-webkit-transform:translate(258px, -50%);
-ms-transform:translate(258px, -50%);
transition:transform 0.3s ease;
-moz-transition:transform 0.3s ease;
-webkit-transition:transform 0.3s ease;
-ms-transition:transform 0.3s ease;
}
#enquiry a.enquiryBtn{
float:left;
}
#enquiryContent{
background: #009dfe none repeat scroll 0 0;
float:left;
padding:10px;
width:258px
}
#enquiryContent fieldset{
margin-bottom:5px;
position:relative;
}
#enquiryContent .rightText, #enquiryContent .rightTextArea{
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 3px;
height:30px;
padding:5px 10px;
width:100%;
}
#enquiryContent .rightTextArea{
height:80px;
}
.rightSubmit{
background:#00609b;
color:#fff;
cursor:pointer;
border:none;
padding:0.5em 1em 0.6em;
border-radius:3px;
}
.rightSubmit:hover{
background:#000;
}
.colcap{
width:42%;
}
#enquiryContent .capDis, .slideup .capDis{
background:url(../images/captcha-back.jpg) center center;
color: #000;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 0px;
text-align: center;
}
#enquiry.slideOut{
transform:translate(0px, -50%);
-moz-transform:translate(0px, -50%);
-webkit-transform:translate(0px, -50%);
-ms-transform:translate(0px, -50%);
}
.lightContent #enquiryContent{
background:none;
float:none;
padding:0;
width:100%;
}
.lightContent #enquiryContent .rightText, .lightContent #enquiryContent .rightTextArea{
border: 1px solid #ccc;
height: 40px;
}
@media (max-width:1192px) {
.nav > li > a{
padding:10px 34px;
}
}
@media (max-width:992px) {
.nav > li > a {
padding: 10px 16px;
}
.column .col-sm-6{
margin:1em 0;
}
.column .col-sm-6:nth-child(3){
clear:left;
}
.placement h3, .placement .col-md-4{
text-align:center;
}
.placement .col-md-4{
margin-bottom:1em;
}
}
.donwloadpdf{float: right;margin-bottom: -48px;position: relative;z-index: 1000;}
@media (max-width:767px) {
.donwloadpdf{float:none; margin-bottom:0px;}
.headerRight{
display:none;
}
#navbar .nav{
background:#000;
margin-top:0;
}
.nav > li > a {
color:#fff;
padding: 10px 41px;
}
.navbar-default .navbar-nav > li > a{
color:#fff;
}
#lightBox{
width:80%;
}
#lightBox .lightContent .lightField .lightSubmit{
border-radius: 5px;
margin-top: 5px;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.clickToCall span, .clickToEnquiry span{
display:block;
}
.clickToCall span:before, .clickToEnquiry span:before{
background:url(../images/double-arrow.png) no-repeat;
content: "";
display: inline-block;
height: 16px;
margin: 0 8px;
position: relative;
top: 3px;
width: 16px;
}
.clickToCall img, .clickToEnquiry img{
display:none;
}
.clickToCall, .clickToEnquiry{
bottom:0;
width:49%;
}
.clickToCall a, .clickToEnquiry a{
display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1489d0+0,0167a5+100 */
background: #1489d0; /* Old browsers */
background: -moz-linear-gradient(top, #1489d0 0%, #0167a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1489d0), color-stop(100%,#0167a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1489d0 0%,#0167a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1489d0 0%,#0167a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1489d0 0%,#0167a5 100%); /* IE10+ */
background: linear-gradient(to bottom, #1489d0 0%,#0167a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1489d0', endColorstr='#0167a5',GradientType=0 ); /* IE6-9 */
color: #fff;
display: block;
font-weight: bold;
padding: 10px 5px;
text-align: center;
text-transform: uppercase;
}
.SummerTraining h1 a{
text-align:center;
}
.SummerTraining h1 a span{
clear: both;
display: block;
float: none;
margin: 14px 11% 0;
padding: 10px;
}
#toPopup, #toPopup_2, #toPopup_3{
width:88%;
}
.form p{
font-size:13px;
}
.form .form_field{
padding: 4px 14px;
}
.form .capDis {
font-size: 15px;
padding: 4px 14px;
text-align: left;
}
.form .form_submit{
width:100%;
}
.form .captchaImage {
top:22px;
width: 20px;
}
}
@media (max-width:350px) {
.clickToCall a, .clickToEnquiry a{
font-size:12px;
}
.capDis{padding: 5px 3px;}
}
@media (max-width:450px) {
#enquiryContent .capDis{ letter-spacing: -3px;}
}
.rV{
border-bottom:1px dashed #019ffc;
padding-bottom:1em;
margin-bottom:1em;
}
.rvDes{
display:block;
padding-top:1em;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0px; }
.col-md-12 h3 {
padding-bottom: 16px;
font-family: Lucida Sans,Arial;
margin-bottom: 20px;
font-weight: normal;
color: Blue;
font-size: 18px;
border-bottom: 1px solid #ECECEC;
}