/* This stylesheet generated by Transfonter (http://transfonter.org) */

@font-face {
	font-family: 'Myriad Pro';
	src: url('MyriadPro-Regular.eot');
	src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('MyriadPro-Regular.woff') format('woff'),
		url('MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body{ font-family:'Myriad Pro'; font-size:14px;}
.glyphicon{ color: #ccc !important; padding-right:5px;line-height: 37px; cursor:pointer;padding-top: 20px;}

.scroll-none{ overflow:hidden}

body{ font-family:'Myriad Pro'; font-size:14px;}
h1, h2{ font-weight:normal;}

h1{ font-size:40px; padding-bottom:10px; padding-top:10px;}
img.map, map area{
    outline: none;
}

 html, body {
    	height: 100%;
		margin: 0px;
	}
	.container-bg {
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position:absolute;
		z-index:99999;
		width:100%;
	}
#medical-bg{background:url(images/medical-bg.JPG) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}		
#job-bg{background: url(images/job-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}	
#education-bg{background: url(images/education-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#bg-welcome{background: url(images/welcome-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
 
#contact-bg{background:url(images/contact-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}  
  
#bg{
    background: url(images/personal-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}
#bg-transport{  background:url(images/map.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
.form-bg{ background-color:#fff; margin-top:70px; margin-bottom:70px; padding:20px;-webkit-box-shadow:1px -1px 39px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 1px -1px 39px 0px rgba(0,0,0,0.50);
box-shadow: 1px -1px 39px 0px rgba(0,0,0,0.50);
font-size:14px;
overflow:hidden;
z-index:9999;
}
.form-bg2{ background-color:#fff; margin-top:15%; margin-bottom:70px; padding:20px;-webkit-box-shadow:1px -1px 39px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 1px -1px 39px 0px rgba(0,0,0,0.50);
box-shadow: 1px -1px 39px 0px rgba(0,0,0,0.50);
font-size:14px;
overflow:hidden;
}
.routing{ background:url(images/routing.png) no-repeat center top; width:514px; height:547px; margin:0 auto; margin-top:5%; margin-bottom:5%;}
.routing-inner{ width:300px; margin:0 auto; padding-top:250px;}
.gray-form{ background-color:#CCC}
.form-group3{margin-bottom: 14px;}

.thank-img{ float:left; width:360px;}
.thank-right{ float:left}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.calender{ background:url(images/calender.png) no-repeat right;}
.button{    border-radius: 2px; padding:9px 16px; font-size:15px; background-color:#3d87cf}
label{ font-weight:normal;}

.arrow-form{ padding-top:30% !important;z-index:1111;}
.arrow-form2{ padding-top:23% !important;}

footer{ background-color:#f2f2f2; text-align:center; font-size:12px; padding:10px;  line-height:35px; padding-bottom:5px;}
.right-form{  padding-top: 15% !important; padding: 54px;padding-bottom: 0px; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width:90% !important;}
.right-boder{border-right:1px solid #CCC;}
.login-usericon{ background:url(images/user.png) no-repeat 10px center; padding-left:35px;}
.login-passicon{ background:url(images/lock.png) no-repeat 9px 2px; padding-left:35px;}
.login-text{ color:#0f315f; font-size:14px; border-bottom:1px solid #ccc;}
.login-footer-text{ color:#0f315f; font-size:10px; border-top:1px solid #ccc; text-align:center; /*line-height:35px;*/ padding-top:10px; margin-top:20px;}
.login-title{ font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:35px;}
.menu1{ display:block}
.menu2{ display:none}
.form-group{ margin-bottom:30px;}
.contactdet .form-group{ margin-bottom:14px !important;}
.ad-bg{
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	z-index: 99999;
	position: absolute;
	overflow: auto;
	top: 1px;
} 

.ad-bg img{ margin:0 auto;}
.blue-bg{padding-left:0px;float: none;margin: 0 auto; margin-top:8%; width:988px; margin-bottom:5%;}
.pad-left0{ padding-left:0px;}
.vertical-center-row {
 margin:0 auto;
 width:800px;
 height:20px;
}
.form-page{ z-index:-1111; position:fixed;}
.pdf{ float:right;}
.button-reject{ background-color:#db2b37; margin-left:10px;}
.line{ border-bottom:1px solid #ccc;margin: 0px;}
.carousel-indicators .active{ background-color:#49a9d9;margin-left:20px;}
.carousel-indicators li{ border:0px; margin-left:20px; background-color:#999}
ol.d {list-style-type: lower-alpha; margin-left:-23px;}
ol li{ padding-bottom:10px;}
.gray-text{ color:#CCC;}
.scrollbar
{
	float: left;
	height: 293px;	overflow-y: scroll;
	margin-bottom: 25px;
	font-size:14px !important;
}

.force-overflow
{
	min-height: 450px;
}

#wrapper
{
	text-align: center;
	width: 500px;
	margin: auto;
}

/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

/*
 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}

/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #5f5f5f;
	height:20px !important;
}

/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}


/*
 *  STYLE 5
 */

#style-5::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}


/*
 *  STYLE 6
 */

#style-6::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}


/*
 *  STYLE 7
 */

#style-7::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-7::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}

/*
 *  STYLE 8
 */

#style-8::-webkit-scrollbar-track
{
	border: 1px solid black;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar-thumb
{
	background-color: #000000;	
}


/*
 *  STYLE 9
 */

#style-9::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-9::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-9::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(90deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}


/*
 *  STYLE 10
 */

#style-10::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-10::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-10::-webkit-scrollbar-thumb
{
	background-color: #AAA;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(90deg,
	                                          rgba(0, 0, 0, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(0, 0, 0, .2) 50%,
											  rgba(0, 0, 0, .2) 75%,
											  transparent 75%,
											  transparent)
}


/*
 *  STYLE 11
 */

#style-11::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-11::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-11::-webkit-scrollbar-thumb
{
	background-color: #3366FF;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(0deg,
	                                          rgba(255, 255, 255, 0.5) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, 0.5) 50%,
											  rgba(255, 255, 255, 0.5) 75%,
											  transparent 75%,
											  transparent)
}

/*
 *  STYLE 12
 */

#style-12::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	border-radius: 10px;
	background-color: #444444;
}

#style-12::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-12::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #D62929;
	background-image: -webkit-linear-gradient(90deg,
											  transparent,
											  rgba(0, 0, 0, 0.4) 50%,
											  transparent,
											  transparent)
}

/*
 *  STYLE 13
 */

#style-13::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	border-radius: 10px;
	background-color: #CCCCCC;
}

#style-13::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-13::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #D62929;
	background-image: -webkit-linear-gradient(90deg,
											  transparent,
											  rgba(0, 0, 0, 0.4) 50%,
											  transparent,
											  transparent)
}

/*
 *  STYLE 14
 */

#style-14::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
	background-color: #CCCCCC;
}

#style-14::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-14::-webkit-scrollbar-thumb
{
	background-color: #FFF;
	background-image: -webkit-linear-gradient(90deg,
	                                          rgba(0, 0, 0, 1) 0%,
											  rgba(0, 0, 0, 1) 25%,
											  transparent 100%,
											  rgba(0, 0, 0, 1) 75%,
											  transparent)
}

/*
 *  STYLE 15
 */

#style-15::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-15::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-15::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#4D9C41),
									   to(#19911D),
									   color-stop(.6,#54DE5D))
}

/*
 *  STYLE 16
 */

#style-16::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

#style-16::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-16::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(top,
											  #e4f5fc 0%,
											  #bfe8f9 50%,
											  #9fd8ef 51%,
											  #2ab0ed 100%);
}



@media screen and (max-width: 680px) 
{
    .arrow-form2{ display:none !important;}
.arrow-form{ display:none !important;}
.menu1{ display:none;}
.menu2{ display:block; margin-bottom:20px; margin-left:30px; margin-right:30px;}
}

/*
    Hide the original radios and checkboxes
    (but still accessible)

    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't

*/
li:not(#foo) > fieldset > div > span > input[type='radio'],
li:not(#foo) > fieldset > div > span > input[type='checkbox'] {

    /* Hide the input, but have it still be clickable */
    opacity: 0;

    float: left;
    width: 18px;
}

li:not(#foo) > fieldset > div > span > input[type='radio'] + label,
li:not(#foo) > fieldset > div > span > input[type='checkbox'] + label {
    margin: 0;
    clear: none;

    /* Left padding makes room for image */
    padding: 5px 0 4px 24px;

    /* Make look clickable because they are */
    cursor: pointer;

    background: url(off.png) left center no-repeat;
}

/*
    Change from unchecked to checked graphic
*/
li:not(#foo) > fieldset > div > span > input[type='radio']:checked + label {
    background-image: url(radio.png);
}
li:not(#foo) > fieldset > div > span > input[type='checkbox']:checked + label {
    background-image: url(check.png);
}
.displaynone{ display:none;}
@media screen and (max-width: 490px) {
	.routing {width: 300px;}
	.routing-inner {
    margin: 0 auto;
    padding-top: 250px;
    width: 300px;
}
.displaynone{ display:block; padding-left:20px;}
.display-img{ display:none;}
.glyphicon{ color: #ccc !important; padding-right:5px;line-height: 37px; cursor:pointer;padding-top: 0px; padding-left:13px}
	}
	
/* Added By Thirumurugan*/
.container {
    max-width: 1140px !important;
}

.arrow-form, .arrow-form2 {
    width: 48px !important;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 10000 !important;
}