#main-nav{
    background: rgba(255, 255, 255);
    background: rgba(255, 255, 255, 0.65);
}
#content_container{
    margin-top: 0px;
}
.col-centered{ float: none; margin: 0 auto;}
 
.btn{ border-radius:0;} 
.heading-font {
   font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  letter-spacing: 1px;
}
.body-font {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#454545;
}
.alt-font {
   font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
}
html,
body {
  height: 100%;
  width: 100%; 
}
body {
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #003d76;
}
a:hover,
a:focus {
  color: #fcbd20;
}
hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}
hr.light {
  border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 1px; 
}

.lightbluetxt{ color: #00aeef}
.bluetxt{ color: #003d76;}
.bld500{ font-weight: 500;} 
.bld600{ font-weight: 600;} 
.hightlight{ font-size:30px}
.smalltxt{font-size: 12px; border-bottom:20px;}
.enquire_btn {padding: 12px 38px; color:#fff; margin-top:10px; display:inline-block; font-size:16px; width: 220px;}








header {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow-y: hidden;
  background: url("/images/revamp/landing/head_bg2.jpg")  no-repeat center center #cad4d7;
  background-size:cover;
}
header .header-content {
  text-align: center;
  padding: 150px 0 50px;
  position: relative;
}
header .header-content .header-content-inner {
  position: relative;
  max-width: 550px;
  margin: 0 auto; text-align:center;
  font-size:26px;
  z-index: 300;
}
header .header-content .header-content-inner h1 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 30px;
}
header .header-content .header-content-inner .list-badges {
  margin-bottom: 25px;
}
header .header-content .header-content-inner .list-badges img {
  height: 50px;
  margin-bottom: 25px;
}
header .device-container {
  max-width: 300px;
  margin: 0 auto 100px;
}
header .device-container .screen img {
  border-radius: 3px;
}
#othersol .col-sm-9 .col {text-align: center}
#othersol .col-sm-9{
    margin: 0px auto 100px auto;
    float: none;
}
#othersol  .acttag{
   margin-bottom: 50px; 
}
.cp_RecruiterModule_logo {  background: url("/images/revamp/landing/cp_RecruiterModule_logo.png")  no-repeat ;}
header h1{ font-size:32px; padding-bottom:20px;} 
.slogan{ font-size:32px; font-weight: 600;}
.acttag{ padding-bottom:10px;} 
header .award{
	width: 100%;
	background: url("/images/revamp/landing/awardbg.png") top center repeat;
	height: 80px;
	position: absolute;
	bottom: 1px;
	font-size: 20px;
	left: 0;
}
header .award .titlename{ padding:25px 0 0 20px; float:left;}
header .award .photo{ background:url("/images/revamp/landing/award.png") top center repeat; height:80px; position:absolute; bottom:0px; width:636px; height:128px; position:absolute; bottom:-60px; right:20px;}
header .watch{ font-size:18px; padding:10px 0 10px 60px; background:url("/images/revamp/landing/play_icon.png") left center no-repeat; letter-spacing: 0px; margin-top:8px;}

header a.watch{ color:#454545;}
header a:hover.watch{ color:#343434;  background:url("/images/revamp/landing/play_icon_f2.png") left center no-repeat;}

header .btn-xl{ margin-bottom:10px}

/*************************************/


#feature1st, #feature2nd, #feature3rd, #feature4th , #feature6th  {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow: hidden;
  background-size:cover;
}

.feature1st-content, .feature2nd-content,  .feature4th-content, .feature5th-content{text-align: center; padding: 80px 0 50px;}
.feature3rd-content{text-align: center; padding: 0px 0 0px;}
/*.feature1st-content, .feature2nd-content, .feature3rd-content, .feature4th-content, .feature5th-content{
  text-align: center;
  padding: 80px 0 50px;
}*/
.feature1st-content .feature1st-content-inner,
.feature3rd-content .feature3rd-content-inner,
.feature4th-content .feature4th-content-inner,
.feature5th-content .feature5th-content-inner{
  position: relative;
  max-width: 550px;
  margin: 0 auto;
  font-size:21px;
}
.feature1st_icon { background: url("/images/revamp/landing/feature1st_icon.png") right center no-repeat; height:102px; width:100%; margin-bottom: 50px; }
.save_money{ background: url("/images/revamp/landing/save_money.png") left center no-repeat;  padding:15px 0 0 50px; margin-top:20px; display:inline-block; }
.feature1st-content-inner { text-align:right;}
.feature1st h2, .feature2nd h2, .feature3rd h2, .feature4th h2, .feature5th h2, .othersol h2{ font-size:28px; font-weight:600;}
.feature1st-content-inner .screen1 { background: url("/images/revamp/landing/screen-1.png") right center no-repeat; height:601px; width:1001px; position:absolute; left:110%; bottom: -270px;}

.feature1st-content-inner .cloud1{background: url("/images/revamp/landing/div1_cloud1.png") right center no-repeat;height: 77px;width: 163px;position: absolute;left: -30px;top: -37px;}

.feature1st-content-inner .cloud2{background: url("/images/revamp/landing/div1_cloud2.png") right center no-repeat;height: 64px;width: 116px;position: absolute;left: -300px;top: 140px;}

.feature1st-content-inner .telescope{background: url("/images/revamp/landing/telescope.png") right center no-repeat;height: 150px;width: 152px;position: absolute;
right: -30px;bottom: -200px;}

.feature1st-content-inner .underline{background: url("/images/revamp/landing/underline.png") right center no-repeat;height: 4px;width: 1000px;position: absolute;
right: -30px;bottom: -4px;}

#feature2nd { padding-bottom:0;}

#feature2nd {background: url("/images/revamp/landing/div2_bg.jpg") left center no-repeat; background-size:cover;}
.feature2nd-content {text-align: center; padding: 20px 0 0; }
.feature2nd-content-inner .screen2_cp { background: url("/images/revamp/landing/screen-2_cp.png") top center no-repeat; height:405px; width:629px; margin:20px auto 0; }
.feature2nd-content-inner .screen2_cpt { background: url("/images/revamp/landing/screen-2_cpt.png") top center no-repeat; height:324px; width:629px; position:absolute; bottom:0; right:-180px; z-index:100px;}
.feature2nd-content-inner .screen2_edmfeed{ background: url("/images/revamp/landing/screen-2_edm&feed.png") top center no-repeat; height:255px; width:300px; position:absolute; bottom:0; left:-20px; z-index:200px;}

.feature2nd h2{ background: url("/images/revamp/landing/feature2nd_icon.png") left center no-repeat;padding: 40px 0 60px 110px; width: 400px; margin:0 auto;}
.feature2nd-content .feature2nd-content-inner {position: relative;max-width: 1100px;margin: 0 auto; font-size:21px;}
#feature2nd .acttag{ padding-bottom:0;}
#feature2nd .enquire_btn{ margin:30px 0;}
#feature3rd {background: url("/images/revamp/landing/div3_bg.gif") center bottom no-repeat #fafafa; }

 #feature3rd .col-sm-7 { float:right;}
.feature3rd_icon { background: url("/images/revamp/landing/feature3rd_icon.png") left bottom no-repeat; height:102px; width:100%; margin-bottom: 50px; }
.feature3rd-content-inner { text-align:right; position:relative;}
.feature3rd-content-inner .screen3 {
	background: url("/images/revamp/landing/screen-3_frame.png") right bottom no-repeat;
	height: 560px;
	width: 1001px;
	position: absolute;
	right: 600px;
	bottom: -35px;
}
.feature3rd-content-inner ul li{ list-style:none; text-align:left; padding-top: 10px;}
/*************************************/
#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	color: #003d76; text-decoration:underline;
}
#feature3rd .carousel-inner{ float:left;}
#feature3rd #myCarousel{ padding:27px 35px 0 35px; }

.feature3rd-content-inner  .list-group-item { border:none; background-color:inherit;cursor: pointer}

.feature3rd-content-inner .list-group-item.active,
.feature3rd-content-inner .list-group-item:focus, 
.feature3rd-content-inner .list-group-item:hover{color: #003d76; background-color:inherit; border-color: inherit; text-decoration:underline; }

#myCarousel .list-group .active, .feature3rd-content-inner .list-group-item.active {
	color: #003d76; text-decoration:underline;
}
.feature3rd-content-inner .list-group-item:first-child { border-radius:0; } 

/*************************************/
#enqiures_form { background:#e8f2f7;}
.enqForm{ }
.enqForm .enqiures_form-content-inner{position: relative;margin: 0 auto; font-size:21px; width:100%}
.enqForm h2{ font-size:28px; font-weight:600; text-align:center;}

.enqiures_icon { background: url("/images/revamp/landing/enqiures_icon.png") center center no-repeat; height:102px; width:100%; margin-bottom: 50px; }
.enqForm .acttag{ padding-bottom:30px; text-align:center;}
.enqForm .col-sm-10{ margin:0 auto; float:none;}
.enqForm h3{ font-weight:bold; margin: 50px 0 30px;}
.enqForm .planform_wrapper{ width:100%; display:block; min-width:inherit;}
.enqForm .btn-list{ background:none; text-transform: none; letter-spacing: 1px; padding:0; 
-moz-box-shadow:  none; -webkit-box-shadow: none; box-shadow: none;}


.enqForm .checkbox-inline label,
.enqForm .checkbox label {  width: 100%; padding-left: 0;
	background:#ffffff; text-align:left; border:1px solid #b8dee6; padding-top: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(210,203,197,.075),0 0 8px rgba(210,203,197,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(210,203,197,.075),0 0 8px rgba(210,203,197,.6);
    box-shadow: inset 0 1px 1px rgba(210,203,197,.075),0 0 8px rgba(210,203,197,.6); 
}
.enqForm .checkbox-inline.checked label,
.enqForm .checkbox.checked label { width: 100%; padding-left: 0;
   background:#ffffff; text-align:left; border:1px solid #90c9de;
-webkit-box-shadow:0 0 20px rgba(102,175,233,.75);
-moz-box-shadow: 0 0 20px rgba(102,175,233,.75);
box-shadow:0 0 20px rgba(102,175,233,.75); color:#333 !important; 
}


.enqForm .checkbox-inline.checked label .planform-head,
.enqForm .checkbox.checked label .planform-head
{ background:#d4f1f9;  padding:15px 27px; font-size:24px; font-weight:bold; color:#003d76;}



.enqForm .planform-head{ background:#ebf9fc;  padding:15px 27px; font-size:24px; font-weight:bold; color:#003d76;}

.enqForm .planform-list{ padding:25px 25px 20px 30px; min-height: 320px;}
.enqForm .planform-list ul, .enqForm .btn-list .planform-list li { padding:0; margin:0 }
.enqForm .planform-list ul { font-size:18px; line-height:180%; font-weight:normal; list-style:inside none;  margin:0;  }
.enqForm .planform-head input { margin-right:10px;}
.enqForm .planform-head span{ margin-left:40px;}


/*******************************************
 /*	:root {
larger checkbox }*/

 #enqiures_form label.checkbox-bootstrap input[type=checkbox] {
  /* hide original check box */
  opacity: 0;
  position: absolute;
  /* find the nearest span with checkbox-placeholder class and draw custom checkbox */
  /* draw checkmark before the span placeholder when original hidden input is checked */
  /* disabled checkbox style */
  /* disabled and checked checkbox style */
  /* when the checkbox is focused with tab key show dots arround */
}
 #enqiures_form label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder {
  width: 14px;
  height: 14px;
  border: 1px solid;
  border-radius: 0px;
  /*checkbox border color*/
  border-color: #737373;
  display: inline-block;
  cursor: pointer;
  margin: 0 15px 0 0px;
  vertical-align: middle;
  text-align: center; background: #fff;
}
 #enqiures_form label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder {
  background: #00aeef;
}
 #enqiures_form label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder:before {
  display: inline-block; position: relative; vertical-align: text-top; width: 5px; height: 9px;
  /*checkmark arrow color*/
  border: solid white;
  border-width: 0 2px 2px 0;
  /*can be done with post css autoprefixer*/
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
 #enqiures_form label.checkbox-bootstrap input[type=checkbox]:disabled + span.checkbox-placeholder {
  background: #ececec; border-color: #c3c2c2;
}
 #enqiures_form label.checkbox-bootstrap input[type=checkbox]:checked:disabled + span.checkbox-placeholder {
  background: #d6d6d6; border-color: #bdbdbd;
}
 #enqiures_form label.checkbox-bootstrap input[type=checkbox]:focus:not(:hover) + span.checkbox-placeholder {
  outline: 1px dotted black;
}
 #enqiures_form label.checkbox-bootstrap.checkbox-lg input[type=checkbox] + span.checkbox-placeholder {
  width: 24px;height: 24px;border: 1px solid;border-radius: 0px;
  /*checkbox border color*/
  border-color: #b8dee6;
}
 #enqiures_form label.checkbox-bootstrap.checkbox-lg input[type=checkbox]:checked + span.checkbox-placeholder:before {
  width: 9px;height: 15px;
  /*checkmark arrow color*/
  border: solid white; border-width: 0 3px 3px 0;
}
	
/*******************************************/

.enqForm .contactinfo { margin:20px auto; display: block; background: inherit; border: 0; z-index: 100;}
.enqForm .contactinfo label{ font-weight:normal; text-align:left; float: left;}
.enqForm .contactinfo .rowpad { margin-bottom:15px; float: left; width: 100%; }
.enqForm .contactinfo .form-control {height: 45px; /*padding: 19px 12px;*/ border:1px solid #b8dee6 !important; border-radius: 0px; font-size: 16px;}

.enqForm .planform-list li { background:url("/images/revamp/landing/stick_grey.png") left 10px no-repeat; padding:0 0 5px 40px; display:block; font-weight: normal;}
.enqForm .contactinfo .input-group-btn:last-child > .btn, 
.enqForm .contactinfo .input-group-btn:last-child > .btn-group {z-index: 2;margin-left: -1px; width:100%; height: 40px; padding: 10px 12px; border: 1px solid #b8dee6; background:#FFF; text-align:left}
.enqForm .contactinfo .open > .dropdown-toggle.btn-default:focus, 
.enqForm .contactinfo .open > .dropdown-toggle.btn-default:hover{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
	
.enqForm .contactinfo  .dropdown-menu{ width:100%;}

.enqForm .contactinfo .input-group-btn:last-child > .btn .caret { position:absolute; top:15px; right: 18px; z-index:100;}
#enqiures_form label.error, #enqiures_form label.custom_error { width: 480px; margin: 0px auto 0px 0px; display: block; padding-left:0px; font-weight: normal; font-size:12px; color:#ff0000;}

.stick_blue  {background: url("/images/revamp/landing/stick_blue.png") center 6px no-repeat; width:17px; height:13px;}
.grey_blue  {background: url("/images/revamp/landing/stick_grey.png") left center no-repeat; }


 /* Tooltip */

 #enqiures_form .tips{background: url("/images/revamp/landing/toolbox_icon_blue.png") center center no-repeat; width:22px; height:25px; display:inline-block; float:right;}
 #enqiures_form .tips + .tooltip > .tooltip-inner { background-color: #d4f1f9; color:#333; padding:15px; text-align:left; width:400px; font-size:16px; line-height:150%;}
 #enqiures_form .tips + .tooltip > .tooltip-arrow { border-bottom-color:#d4f1f9; }
/*******************************************/
@media (max-width: 1280px) {
#feature2nd {background: url("/images/revamp/landing/div2_bg.jpg") -318px center no-repeat; background-size:cover;}
.feature2nd-content {text-align: center; padding: 20px 0 0; }
.feature2nd-content-inner .screen2_cpt { background: url("/images/revamp/landing/screen-2_cpt.png") top center no-repeat; height:324px; width:629px; position:absolute; bottom:0; right:-120px; z-index:100px;}
	.feature3rd-content .feature3rd-content-inner{max-width: 420px; margin-right:-60px }
	.feature3rd-content-inner .screen3 {
    	background: url(/images/revamp/landing/screen-3_frame.png"") right bottom no-repeat;
    	height: 560px;
    	width: 1001px;
    	position: absolute;
    	right: 450px;
    	bottom: -230px;
	}
}


@media (min-width: 992px) { 
/**	#myCarousel {padding-right:33.3333%;}  **/
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}
/*************************************/


#feature4th {background: url("/images/revamp/landing/div4_bg.jpg") center center no-repeat; background-size:cover;}

.feature4th-content {text-align: center; padding: 40px 0 0;}
.feature4th-content-inner .screen4 { background: url("/images/revamp/landing/screen-4.png") top center no-repeat; height:498px; width:1000px; margin:20px auto 0 -150px; }

#feature4th { padding-bottom:0;}
#feature4th  .col-sm-8 { float:right;}

.feature4th h2{ background: url("/images/revamp/landing/feature4th_icon.png") left center no-repeat; padding:50px 0 50px 140px;  text-align:left; }
.feature4th-content .feature4th-content-inner {position: relative;max-width: 1100px;margin: 0 auto; font-size:21px;}
#feature4th .acttag{ padding-bottom:0; text-align:left}
#feature4th .enquire_btn{ margin-left:20px;}

#feature5th {background: url("/images/revamp/landing/div5_bg.gif") center center no-repeat #eff4f7; background-size:cover;}

.feature5th-content {text-align: center; padding: 40px 0 0;}
.feature5th-content-inner .screen5 {
	background: url("/images/revamp/landing/screen-5.png") top center no-repeat;
	height: 610px;
	width: 481px;
	position: absolute;
	right: -420px;
	top: -100px
}

#feature5th { padding-bottom:0;}
#feature5th  .col-sm-8 { float:right;}

.feature5th h2{ background: url("/images/revamp/landing/feature5th_icon.png") left center no-repeat; padding:50px 0 50px 140px;  text-align:left ; width:380px; float:right;}
.feature5th-content .feature5th-content-inner {position: relative;max-width: 1100px;margin: 0 auto; font-size:21px; padding-bottom:200px;}
#feature5th .acttag{ padding-bottom:0; text-align:right}
.feature5th-content-inner {position: relative;max-width: 1100px;margin: 0 auto; font-size:21px;}
.feature5th-content-inner .men{ background: url("/images/revamp/landing/feature5th_men.png") left center no-repeat; width:255px; height:255px; position:absolute; bottom: 50px; right: 80px;}

#othersol li { padding:50px 50px 100px 50px; text-align:center; float: none; }

.othersol-content {text-align: center; padding: 40px 0 0;}

#othersol { padding-bottom:0;}

.othersol h2{  text-align:center; color:#4b4b4b; padding-bottom:30px}
.othersol-content .othersol-content-inner {position: relative;max-width: 1100px;margin: 0 auto; font-size:21px; padding-bottom:200px;}
#othersol .acttag{ padding-bottom:0; text-align:center; font-size:21px; color:#333;}
.othersol-content-inner {position: relative;max-width: 1100px;margin: 0 auto; font-size:21px;}
.classifiedPost_logo{  background: url("/images/revamp/landing/classifiedpost_logo.png") center center no-repeat; width: 221px; height:50px; display: inline-block;}
.cpevent_logo{  background: url("/images/revamp/landing/cp_event_logo.gif") center center no-repeat; width: 141px; height:50px; display: inline-block;}
.jj_logo{ background: url("/images/revamp/landing/jj_logo.png") center center no-repeat; width: 133px; height:50px; display: inline-block;}

#othersol .list-inline {margin-left: 10px;padding-left: 0;}


.txtleft{ text-align:left;}
.bld500{ font-weight:500;}
.clearboth{ clear:both;}
.txtcenter{ text-align:center;}

@media (min-width: 768px) {
	
/****** lgoin box ******/
      #login-dp{
        /*background-color: inherit;*/
        color: #454545;
    }
    #login-dp .bottom{
            /*background-color: inherit;*/
        border-top:0 none;
    }	
/****** end lgoin box ******/


	
  header, .feature1st  {
    min-height: 100%;
  }
  header .header-content {
    text-align: left;
    padding: 0;
    height: 100vh;
  }
  header .header-content .header-content-inner {
    max-width: none;
    margin: 0;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
	text-align:left;
  }
  
  header .device-container{
    max-width: none;
    max-height: calc(0vh);
    margin: 100px auto 0;
  }
}

section {
  padding: 100px 0 150px;
}
section h2 {
  font-size: 50px;
}
section.download {
  padding: 150px 0;
  position: relative;
}
section.download h2 {
  margin-top: 0;
  font-size: 50px;
}
section.download .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}
section.download .badges .badge-link:last-child {
  margin-bottom: 0;
}
section.download .badges .badge-link img {
  height: 60px;
}
@media (min-width: 768px) {
  section.download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  section.download h2 {
    font-size: 70px;
  }
}
section.features .section-heading {
  margin-bottom: 100px;
}
section.features .section-heading h2 {
  margin-top: 0;
}
section.features .section-heading p {
  margin-bottom: 0;
}
section.features .device-container,
section.features .feature-item {
  max-width: 300px;
  margin: 0 auto;
}
section.features .device-container {
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  section.features .device-container {
    margin-bottom: 0;
  }
}
section.features .feature-item {
  text-align: center;
  margin-bottom: 100px;
}
section.features .feature-item h3 {
  font-size: 30px;
}
section.features .feature-item i {
  font-size: 80px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  section.features .device-container,
  section.features .feature-item {
    max-width: none;
  }
}
section.cta {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('/images/revamp/landing/bg-cta.jpg');
  padding: 250px 0;
}
section.cta .cta-content {
  position: relative;
  z-index: 1;
}
section.cta .cta-content h2 {
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  max-width: 450px;
  font-size: 50px;
}
@media (min-width: 768px) {
  section.cta .cta-content h2 {
    font-size: 80px;
  }
}
section.cta .overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
section.contact {
  text-align: center;
}
section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}
section.contact h2 i {
  color: #dd4b39;
}
section.contact ul.list-social {
  margin-bottom: 0;
}
section.contact ul.list-social li a {
  display: block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 40px;
  border-radius: 100%;
  color: white;
}
section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}
section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}
section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}
section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}
section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}
section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}
.bg-primary {
  background: #f7f7f7;
}
.text-primary {
  color: #003d76;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-outline {
  color: white !important;
  border-color: white;
  border: 1px solid;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: white;
  background-color: #286090;
  border-color: #286090;
}
.btn {
   font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px; background:#00aeef; border:none;
}
.btn-xl {
  padding: 8px 65px;
  font-size: 24px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #222222;
}

@media (max-width: 1280px) {
.h2, h2 { font-size: 22px;} 
.feature1st h2, .feature2nd h2, .feature3rd h2, .feature4th h2, .feature5th h2, .othersol h2 {font-size: 22px;}
 header .header-content .header-content-inner h1  {font-size: 20px;}
.feature1st-content .feature1st-content-inner, .feature3rd-content .feature3rd-content-inner, .feature4th-content .feature4th-content-inner, header .header-content .header-content-inner, .feature5th-content .feature5th-content-inner {
    font-size: 20px;
}
.slogan { font-size: 26px;}
header .watch {font-size: 16px; background-size: 18%; padding: 10px 0 10px 50px;}
header .award .titlename { padding: 30px 0 0 0px;}
header .award { font-size: 18px;}


}



@media (max-width: 1024px) { 
section {padding: 50px 0 50px;}
header {background: url(/images/revamp/landing/head_bg2.jpg) no-repeat -150px -3px #cad4d7; background-size: auto 100%;}
.feature1st-content .feature1st-content-inner, .feature3rd-content .feature3rd-content-inner, .feature4th-content .feature4th-content-inner, header .header-content .header-content-inner, .feature5th-content .feature5th-content-inner { font-size: 18px;}
.feature2nd-content-inner .screen2 {margin-left: -30px; background-size:90%}
.feature2nd-content {padding: 0px 0 0; height: 500px;}
.feature1st-content, .feature2nd-content, .feature3rd-content, .feature4th-content, .feature5th-content {padding: 20px 0 50px;}
.feature1st_icon {background-size: 16%;}
.feature1st-content-inner .telescope { bottom: -130px; background-size: 60%; right: 0px;}
.feature2nd h2 { padding: 38px 0 60px 100px;  width: 300px; background-size: 36%;}
section#feature3rd { padding: 50px 0 0px;}
.feature3rd_icon { margin-bottom: 20px; background-size: 20%;}
.feature3rd-content-inner .screen3 {bottom: 0px; }
.feature3rd-content .feature3rd-content-inner { max-width: 400px;  margin-right: 0px;}
.feature3rd-content-inner ul li { padding-top: 5px;}
#feature2nd {  background: url(/images/revamp/landing/div2_bg.jpg) right bottom no-repeat; background-size: 200%;}
#feature4th { background: url(/images/revamp/landing/div4_bg.jpg) -242px bottom no-repeat; background-size: cover;}
.feature4th h2 { padding: 50px 0 20px 96px; background-size: 16%; margin:20px 0 0 120px;}
.feature4th-content{padding: 0px 0 0px 48px;}
.feature4th-content .feature4th-content-inner{  margin-left: 40px;}
#othersol .acttag { font-size: 18px;}
.classifiedPost_logo, .cpevent_logo, jj_logo { background-size: 90%;}
footer ul, footer li { font-size: 18px;}
footer .email { padding: 0px 0 0 30px;  background-size: 10%;}
footer .telno {background-size: 10%;    padding: 0px 0 0 30px;}
footer ul li a {font-size: 18px;color: #333;}


}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait){
header {
    background: url(/images/revamp/landing/head_bg2.jpg) no-repeat -700px -3px #cad4d7;
    background-size: 260%;	
	}
}

@media (max-width: 768px) {
    .enqForm .contactinfo .rowpad{
        margin: 0px 0px 10px 0px;
    }
sector{ overflow:hidden; padding:0;}

header .watch {font-size: 16px; background-size: 18%; padding: 10px 0 10px 50px;}
header .award .titlename { padding: 30px 0 0 0px; display: none;}
header .award { font-size: 16px;}
header .award .photo {background: url(/images/revamp/landing/award.png) bottom right no-repeat; background-size:90%; position: absolute; z-index:100;}	
header .header-content .header-content-inner h1 {font-size: 26px;}
header .header-content .header-content-inner h2 {font-size: 24px;}
/* .h2, h2 { font-size: 24px;} */
 
sector#feature1st { overflow:hidden;padding: 50px 0 0px;}
.feature1st-content .feature1st-content-inner, .feature3rd-content .feature3rd-content-inner, .feature4th-content .feature4th-content-inner, header .header-content .header-content-inner, .feature5th-content .feature5th-content-inner { font-size: 18px;}
.feature1st-content .feature1st-content-inner{ text-align:center;}
#feature1st, #feature2nd, #feature3rd, #feature4th, #feature6th { padding: 50px 0 0;}
.feature1st-content, .feature2nd-content, .feature3rd-content, .feature4th-content, .feature5th-content {
    padding: 20px 0 0px;}
.feature1st-content .feature1st-content-inner, .feature3rd-content .feature3rd-content-inner, .feature4th-content .feature4th-content-inner, .feature5th-content .feature5th-content-inner { max-width: 600px;}
.feature1st h2, .feature2nd h2, .feature3rd h2, .feature4th h2, .feature5th h2, .othersol h2 {font-size: 21px;}
.feature1st-content-inner .cloud1 { left: 0px;  top: -0px;}
.feature1st-content-inner .screen1 {left: 0;  bottom: 0; position:inherit; background:url("/images/revamp/landing/screen-1.png") left top no-repeat; background-size: 100%; height: 360px; width: 600px; }
#feature1st .col-sm-7, #feature3rd .col-sm-7{ width:100%;}
.feature1st_icon { background: url(/images/revamp/landing/feature1st_icon.png) center center no-repeat;     background-size: 18%;     margin-bottom: 30px;}
#feature1st .feature1st-content-inner h3, #feature1st .feature1st-content-inner .acttag{ text-align:center;}
.feature1st-content-inner .telescope{ display:none;} 
.feature1st-content .feature1st-content-inner, .feature3rd-content .feature3rd-content-inner, .feature4th-content .feature4th-content-inner, header .header-content .header-content-inner, .feature5th-content .feature5th-content-inner { font-size: 21px;}
.feature1st-content{ padding: 21px 0 0;}
.slogan { font-size: 26px;}
#feature2nd { background-size:100%;     background: url(/images/revamp/landing/div2_bg.jpg) top center no-repeat;}
.feature1st-content-inner .cloud2 { right: 0px; top: 0px; left:inherit; }
.feature2nd-content-inner .screen2 {width: 603px; height: 330px;  background-size: 100%; margin:20px auto 0;}
.feature2nd-content { height:inherit}

.feature3rd_icon { background: url(/images/revamp/landing/feature3rd_icon.png) center bottom no-repeat; background-size:16%}
.feature3rd-content .feature3rd-content-inner { width:100%; margin:0 auto; position: relative;}
.feature3rd-content h2, .feature3rd-content .txtleft{ text-align:center; }
.feature3rd-content-inner .screen3 { position: inherit;bottom: -20px; background: url(/images/revamp/landing/screen-3_frame.png) top bottom no-repeat;
width: 620px; height: 350px; right: 0px; background-size: 100%; }


.feature3rd-content-inner ul.list-group{ margin-top: 30px;}
#feature3rd #myCarousel { padding: 20px 25px 0 25px;}
.list-group-item { padding: 10px 23px;}
#choose_BrandingSolutionsPlan{
    margin: 0px auto;
    display: block;
    text-align: center;
}
#feature4th { background: url(/images/revamp/landing/div4_bg.jpg) -500px bottom no-repeat; padding-top:50px; background-size: 280%;}
.feature4th-content .feature4th-content-inner {margin-left: 20px;}
.feature4th-content .feature4th-content-inner .enquire_btn {margin-left: 20px;}
.feature4th-content-inner .screen4 {height: 457px; margin: 20px auto 0 -170px; background-size: 90%;}
.feature4th h2 { padding: 50px 0 20px 96px; background-size: 30%; }

.feature5th-content-inner .screen5 {background-size: 80%; height: 610px; width: 481px;   right: -395px;    top: 00px;}
.feature5th-content-inner .col-sm-6 { margin-left: 30px; }
.feature5th-content-inner .men { right: 50px; }
.feature5th h2 {background: url(/images/revamp/landing/feature5th_icon.png) 100px center no-repeat; padding: 51px 0 50px 220px; width: 600px; float: left;}
 #othersol .col-sm-9 {  width: 90%;}
 .classifiedPost_logo, .cpevent_logo{ background-size: 80%; }
.classifiedPost_logo {  width: 200px; }
 .cpevent_logo  {  width: 140px; }
 .jj_logo  {  width: 120px;  background-size: 95%; }

 #othersol .list-inline { margin:0; }
#othersol li { padding: 30px 20px 40px 20px;}
header .header-content{
        padding: 150px 0 150px 0px
}
}
input,select{
    -webkit-appearance: none;
}
#acc_reg{
    width:100%;
    height:100%;
    display: none;
    position: fixed;
    left:0px;
    top:0px;
    z-index: 1100;
    background:url("/images/revamp/landing/bgd_recruiter_module.jpg") no-repeat 50% 50% #fff;
    background-size: auto 100%;
    overflow: auto;
        -webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}
#acc_reg.wide{
    background-size: 100% auto;
    background-position: 100% 0px;
}

#regform_container{
    width:800px;
    height:820px;
    max-width: 96%;
    position: relative;
    margin: auto;
    z-index: 1101;
    background: url("/images/revamp/landing/logo_recruiter_module.png") no-repeat 50% -15px;
    -webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.53);
    box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.53);
}

#regform_flow{
    background: url("/images/revamp/landing/steps_recruiter_module.png") no-repeat 50% 0px;
    margin:0px auto 0px auto;
    height:34px;
    position: absolute;
    top:113px;
    left:0px;
    width:100%;
}
#regform_flow.step_2{ background-position:50%  -36px;}
#regform_flow.step_3{ background-position:50%  -72px;}
#regform_flow.step_4{ background-position:50%  -108px;}
#regform_flow.step_5{ background-position:50%  -144px;}

#regform_iframe{
    background: url("/images/loading.gif") no-repeat 50% 45% #fff;
    width: 100%;
    height:720px;
    margin-top: 100px;
    border: 0;
     -ms-scroll-limit: 0 0 0 0;
    -ms-overflow-style: none;
    top: 0;
    left: 0;    
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10-specific styles go here */
   overflow: hidden;
}

#regform_close_btn{
    width:44px;
    height:44px;
    position: absolute;
    right:-18px;
    top:-20px;
    background:url("/images/revamp/landing/ease_close_btn.png") no-repeat;
    z-index: 1001;
}

#ease_registration .custom_input{
    display: block;
    height:auto;
    width:378px;
    margin: 15px auto 10px auto;
}

#ease_registration .custom_input .placeholder{
    color:#999;
}

#ease_registration h2{
    margin:30px 0px 25px 0px;
    font-size: 26px;
    color:#565656;
    font-weight: normal;
    text-align: center;
}
#ease_registration .textfield{
    display: block;
    width:333px;
    height:40px;
    border:1px solid #eeeeee;
    background-color: #eeeeee;
    padding:5px 5px 5px 40px;
    line-height: 40px;
    font-size:16px;
}
#ease_registration #ease_function_input.textfield{
    padding:5px 35px 5px 10px;
    width:333px;
}
#ease_registration .button{
    width:380px;
    padding: 0px;
    height:45px;
    line-height: 45px;
     margin: 15px auto 10px auto;
     display: block;
     font-size: 18px;
     font-weight:normal;
}
#ease_registration .button.next{
   background:url("/images/revamp/next_icon.png") no-repeat #005b94 210px 14px;
   padding-right: 20px;
}
#ease_registration .button.next:hover{
    background-color:#004977;
}
#ease_registration p{
    font-size:12px;
    color:#999;
    text-align: center;
}
#ease_registration p a{
    text-decoration: underline;
}

.msgBox_button_bar {
    text-align: center;
}

.msgBox_button_bar a {
		margin: 5px;
}
@media (max-width: 768px){
    header .header-content {
        padding: 50px 0 150px 0px;
    }
    header .award .photo{
        background-size: 58%;
        background-position: right;
    }
    header .award{
        height: 50px;
    }
    #blk_register{
        margin-top: 50px;
    }
    header{
        background-size: auto 100%;
        background-position: 25% 0px;
    }
    #regform_container{
        background-size: 770px auto;
        background-position: center -25px;
        padding-right: 1px;
        height: 96%;
        margin-top: 2%;
    }
    #regform_iframe{
        margin-top: 80px;
    }
    #regform_close_btn{
        right: -6px;
        top: -6px;
    }
}
@media (max-width: 600px){
    header{
        background-size: auto 100%;
        background-position: 0px 0px;
    }
   #regform_container{
        background-size: 500px auto;
        background-position: center -12px;
    } 
    #regform_iframe{
        margin-top: 60px;
    }
}
@media (max-width: 400px){
    header .award .photo{
        background-size: 45%;
        background-position: right;
    }
    header .header-content {
        padding: 50px 0 100px 0px;
    }
    
}