@charset "utf-8";
  /* CSS Document */
  /* default css property */
  /*Body, Html*/
  @font-face {
	  font-family: 'Helvetica';
	  src: url('http://www.hyrell.com/templates/hyrell/css/font/helvetica.eot');
	  src: url('http://www.hyrell.com/templates/hyrell/css/font/helvetica.eot#iefix') format('embedded-opentype'),
	  url('font/helvetica.woff') format('woff'),
	  url('font/helvetica.ttf') format('truetype'),
	  url('font/helvetica.svg') format('svg');
	  font-weight: normal;
	  font-style: normal;
  }
  @font-face {
      font-family: 'ProximaNova-Light';
      src: url('font/proximanova-light.eot');
      src: url('font/proximanova-light.eot#iefix') format('embedded-opentype'),
	  url('font/proximanova-light.woff') format('woff'),
	  url('font/proximanova-light.ttf') format('truetype'),
	  url('font/proximanova-light.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'ProximaNova-Semibold';
      src: url('font/proximanova-semibold.eot');
      src: url('font/proximanova-semibold.eot#iefix') format('embedded-opentype'),
	  url('font/proximanova-semibold.woff') format('woff'),
	  url('font/proximanova-semibold.ttf') format('truetype'),
	  url('font/proximanova-semibold.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
		  font-family: 'ProximaNova-Regular';
		  src: url('font/proximanova-regular.eot');
		  src: url('font/proximanova-regular.eot#iefix') format('embedded-opentype'),
				  url('font/proximanova-regular.woff') format('woff'),
				  url('font/proximanova-regular.ttf') format('truetype'),
				  url('font/proximanova-regular.svg') format('svg');
		  font-weight: normal;
		  font-style: normal;
		  }
  @font-face {
		  font-family: 'ProximaNova-Bold';
		  src: url('font/proximanova-bold.eot');
		  src: url('font/proximanova-bold.eot#iefix') format('embedded-opentype'),
				  url('font/proximanova-bold.woff') format('woff'),
				  url('font/proximanova-bold.ttf') format('truetype'),
				  url('font/proximanova-bold.svg') format('svg');
		  font-weight: normal;
		  font-style: normal;
		  }

  * {
	  padding: 0px;
	  margin: 0px;
  }
  header, nav, footer, section, article {
	  display: block;
	  padding: 0px;
	  margin: 0px;
  }
  body, html {
	  font-family: "Helvetica", Arial, sans-serif;
	  font-size: 12px;
	  color: #5d5d5d;
	  background: url(../images/body_bg.png) repeat top left;
  }
  img {
	  border: 0px;
	  vertical-align: top;
	  max-width:100%;
	  height:auto;
  }
  ul, li {
	  list-style: none;
  }
  a {
	  color: #00AAE7;
	  text-decoration: none;
	  outline: none;
	  cursor: pointer;
  }
  a:hover {
	  color: #00AAE7;
	  text-decoration: none;
	  outline: none;
  }
  p {
	  font-size:13px;
	  /*margin: 0 0 15px 0;*/
	  /*margin: 15px 0 15px 0;*/
	  /*text-align: justify; */
	  line-height: 20px;
	  /*line-height: 20px;*/
	  padding: 0;
	  font-family: "Helvetica", Arial, sans-serif;
	  color:#777777;
  }
  h1, h3, h4, h5, h6 {
	  font-weight: normal;
	  font-family: 'ProximaNova-Light', sans-serif;
  }
  h1{
	  color:#00649e;
	  font-size:42px;
	  font-weight:normal;
	  font-style: normal;
	  font-weight: 300;
  }
  h2{
	  color:#777777;
	  font-size:18px;
	  font-weight:normal;
	  font-family: 'ProximaNova-Regular';
  }


  h3 {
	  color: #777777;
	  font-size: 18px;
	  font-weight:normal;
  }
  input, textarea, select {
	  border: solid 1px #c5c5c5;
	  font-size: 16px;
	  color: #777777;
	  padding: 4px;
	  background: #ffffff;
	  font-family: Arial, Helvetica, sans-serif;
  }
  span.input, span.combo {
	  background: url(http://www.hyrell.com/templates/hyrell/images/input_left.png) no-repeat top left;
	  padding-left: 7px;
	  float: left;
	  height: 24px;
	  color: #989898;
	  display: block;
	  position: relative;
  }
  .radio {
	  width: 12px;
	  height: 12px;
	  vertical-align: baseline;
	  border: 0;
	  background: none;
	  padding: 0;
  }
  .checkbox {
	  width: 12px;
	  height: 12px;
	  vertical-align: top;
	  margin-top: 2px;
	  margin-right: 4px;
	  padding: 0;
  }
  .submit_button {
	  background:#025B8E;
	  padding:5px 10px;
	  border: 0;
	  border-radius:4px 4px 4px 4px;
	  color: #fff;
	  font-size: 18px;
	  display: inline-block;
  }
  .submit_button:hover {
	  color: #fff;
  }
  button.button {
	  background: none;
	  border: none;
	  cursor: pointer;
	  margin: 0;
	  padding: 0;
	  width: auto;
	  width:auto;
	  font-family: Arial, Helvetica, sans-serif;
	  overflow: visible;
	  position: relative;
	  margin-left: -4px;
  }
  button.button span {
	  background: url(http://www.hyrell.com/templates/hyrell/images/button_bg.png) left top repeat-x;
	  color: #fff;
	  display: block;
	  font-size: 13px;
	  height: 27px;
	  line-height: 27px;
	  text-align: center;
	  white-space: nowrap;
	  padding: 0 15px;
  }
  .shadow_textarea {
	  /*background: url(../images/shadow_textarea_left.png) no-repeat center left;*/
	  padding-left: 7px;
	  display: inline-block;
	  /*height: 102px;*/
	  margin-bottom: 20px;
  }
  .shadow_textarea textarea {
	  /*background: url(../images/shadow_textarea_right.png) no-repeat top right;
	  border: 0;
	  height: 102px;
	  color: #000;
	  vertical-align: top;
	  line-height: 26px;*/
	  /*background: url(../images/shadow_textarea_right.png) repeat-x top right;*/
	  border:0;
	  line-height:24px;
	  font-size:20px;
	  font-family: 'ProximaNova-Regular', sans-serif;
	  vertical-align: top;
	  position:relative;
	  margin-left:-6px;
	  text-align:left;
	  padding-right:1px;
	  border:solid 1px #cecece;
	  border-radius:4px;
  }
  .shadow_input {
	  //background: url(../images/shadow_input_left.png) no-repeat center left;
		/*border: 1px solid #CFCFCF;
		border-radius: 5px 5px 5px 5px;
		width: 56%;*/
		display: block;
		margin-bottom: 20px;
		padding-left: 7px;

  }
  .shadow_input input {
	  //background: url(../images/shadow_input_right.png) no-repeat top right;
	  border: 0;
	  /*height:40px;*/
	  height: 28px;
	  color: #999999;
	  vertical-align:top;
	  line-height: 32px;
	  font-size:20px;
	  font-family: 'ProximaNova-Regular', sans-serif;
font-style:normal;
font-weight:400;

  }
  .shadow_select {
	  background: url(../images/shadow_input_left.png) no-repeat center left;
	  padding-left: 7px;
	  display: inline-block;
	  line-height: 34px;
	  height: 40px;
	  margin-bottom: 20px;
  }
  .shadow_select select {
	  background: url(../images/shadow_input_right.png) no-repeat top right;
	  border: 0;
	  /*height: 34px;*/
	  height: 40px;
	  color: #000;
	  vertical-align: top;
	  line-height: 34px;
	  /*padding-top: 7px;*/
	  padding-top: 10px;
	  width:351px;
	  font-size: 13px !important;
	  font-weight: bold;
  }
  input:focus {
	  outline: 0 none;
	  color:#333333 !important;
  }
  select:focus {
	  outline: 0 none;
  }
  textarea:focus {
	  outline: 0 none;
  }
  .clear {
	  clear: both;
	  font-size: 1px;
	  height: 0;
	  overflow: hidden
  }
  .line {
	  background: url(http://www.hyrell.com/templates/hyrell/images/line_bg.png) repeat-x top left;
	  height: 1px;
	  overflow: hidden;
  }
  .white_button {
	  background: url(http://www.hyrell.com/templates/hyrell/images/white_bt_left.png) no-repeat top left;
	  padding: 0 0 0 12px;
	  display: inline-block;
	  height: 46px;
	  line-height: 46px;
  }
  .white_button span {
	  background: url(http://www.hyrell.com/templates/hyrell/images/white_bt_right.png) no-repeat top right;
	  padding: 0 24px 0 12px;
	  display: block;
	  height: 46px;

	  color: #887ca7;
	  font-size: 12px;
	  text-transform:uppercase;

  }
  .white_button:hover {
	  color: #887ca7;
  }
  .blue_button {
	  background: url(http://www.hyrell.com/templates/hyrell/images/blue_bt_left.png) no-repeat top left;
	  padding: 0 0 0 14px;
	  display: inline-block;
	  height: 57px;
	  line-height: 57px;
	  color: #fff;
	  position:relative;
	  margin-left:-5px;
  }
  .blue_button span {
	  background: url(http://www.hyrell.com/templates/hyrell/images/blue_bt_right.png) no-repeat top right;
	  padding: 0 30px 0 16px;
	  display: block;
	  height: 57px;
	  font-size:16px;
	  text-transform:uppercase;
  }
  .blue_button:hover {
	  color: #ffffff;
  }
  .gray_bt {
	  background: url(../images/shadow_input_left.png) no-repeat center left;
	  padding-left: 7px;
	  display: inline-block;
	  line-height: 34px;
	  font-size: 14px;
	  color: #3b4c6f;
  }
  .gray_bt span {
	  background: url(../images/shadow_input_right.png) no-repeat top right;
	  padding-right: 7px;
	  display: block;
	  vertical-align: top;
  }
  .gray_bt:hover, .gray_bt.active {
	  color: #000000;
  }
  label {
	  font-size: 16px;
	  color: #000;
	  font-family: Arial, Helvetica, sans-serif;
  }
  .right_border {
	  border-right: solid 1px #d6d6d6 !important;
  }
  .border_none {
	  border: 0 !important;
  }
  .margintop10 {
	  margin-top: 10px !important;
  }
  .margintop25 {
	  margin-top: 25px !important;
  }
  .margintop5 {
	  margin-top: 5px !important;
  }
  .margin_bottom10 {
	  margin-bottom: 10px !important;
  }
  .margin_left30 {
	  margin-left: 30px !important;
  }
  .margin_t20 {
	  margin-top: 20px !important;
  }
  .margin_bottom15 {
	  margin-bottom: 15px !important;
  }
  .margin_r10 {
	  margin-right: 10px !important;
  }
  .margin_r20 {
	  margin-right: 20px !important;
  }
  .margin_r30 {
	  margin-right: 30px !important;
  }
  .margin_l20 {
	  margin-left: 20px !important;
  }
  .margin_l10 {
	  margin-left: 20px !important;
  }
  .bg_none {
	  background: none !important;
  }
  .padding_none {
	  padding: 0 !important;
  }

  .middle_align {
	  vertical-align: middle;
  }
  .red {
	  color: #d60000;
  }
  .center {
	  text-align: center !important;
  }
  .left_align {
	  text-align: left;
  }
  .right_align {
	  text-align: right;
  }
  .float_l {
	  float: left
  }
  .float_r{
	  float: right;
  }

  .text_float_r {
	  float: right;
	  width: 52%;
	  margin-top:20px;
  }

  .text_float_l {
	  float: left;
	  width: 52%;
	  margin-top:20px;
  }




  .underline {
	  text-decoration: underline
  }
  .margin0 {
	  margin: 0 !important;
  }
  .or {
	  background: url(http://www.hyrell.com/templates/hyrell/images/or_line.png) repeat-x center left;
	  width: 56px;
	  display: inline-block;
	  text-align: center;
  }
  .or span {
	  background: #ffffff;
	  padding: 0 4px;
	  font-size: 12px;
  }
  .gray_text {
	  color: #9a9a9a;
  }

  /*template css*/

  #bodyWrapper {
	  position: relative;
	  z-index:0;
	  overflow:hidden;
  }
  #pageWrapper {
	  position: relative;
	  z-index:0;
  }
  .fix_width {
	  width:82%;
	  margin: 0 auto;
	  position:relative;
	  max-width: 1030px;
  }
 .fix_width_nav{width:93% !important;}
  #header {
	  background: url(../images/header_bg.png) repeat-x top left;
	  height:226px;
  }
  #header.home{
	  background: url(../images/home_bg.jpg) repeat-x bottom left #00639E;
	  /*height:100%;*/
         height: 54% !important;
	  }
#header.home .header_inner{background: url("../images/gallary_image_bg.png") no-repeat scroll 62% top transparent;}
  #header .top_link ul{ float:right; margin-top:12px; margin-right:30px; }
  #header .top_link li { float:left; font-size:13px; /*color:#83d1f5;*/ color:#99afbc; /*font-weight:bold;*/ padding:0 10px 0 18px; /*background:url(../images/top_link_divider.png) no-repeat center right;*/}
  #header .top_link li a:hover { color:#FFF; }
  #header .top_link li.call{ background: none; /*padding-right:22px;*/}
  #header .top_link li a{ color:#99afbc;}
  #header .logo {
	  width: 280px;
	  float: left;
	  /* margin:46px 0 0 40px; */
	  margin:46px 0 0 60px;
  }
  #header nav {
	  float: right;
	  display:inline;
	  margin:40px 40px 0 0;
  }
  #header nav li {
	  display:inline;
	  position:relative;
	  z-index:2;
	  vertical-align:middle;
  }
  .index #header nav li a {
	  /*color: #ffffff;*/
	  color: #80B5D2;
	  font-size: 18px;
	  font-weight:600;
	  font-style: normal;
	  text-transform: uppercase;
	  padding:0 10px;
	  display:inline-block;
	  margin:0 8px;
  }
  /*.index #header nav li.postjob a,#header nav li.postjob a:hover, #header nav li.postjob.active a{
	  color: #ffffff;
	  background:#025b8e;
	  padding:5px 10px;
	  border-radius:4px;
	  }
  */

  .index #header nav li a.postjob:hover, #header nav li.active a.postjob{
	  color: #ffffff;
	  background:#025b8e !important;
	  padding:5px 10px;
	  border-radius:4px;
  }

  #header nav li a {
	  color: #4d98bf;
	  font-size: 18px;
	  font-family: 'ProximaNova-Semibold', sans-serif;
	  text-transform: uppercase;
	  /*font-weight: bold;*/
	  padding:0 10px;
	  display:inline-block;
	  margin:0 8px;
  }
  #header nav li.active a, #header nav li a:hover{ color:#ffffff;}
  /*AIw-header nav li.postjob a{
	  color:#28878a;
	  padding:5px 10px;
	  border-radius:4px;
	  background:#0168a0;
	  }
  */

  #header nav li a.postjob {
	  color:#0096D3;
	  padding:5px 10px;
	  border-radius:4px;
	  background:#025b8e;
  }

  .listnav{ height:106px; display:none !important; font-size:12px; margin-top:0 !important; position:absolute; z-index:102; top:66px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; right:0;}
  ul.dropmenu{ position: relative;	margin:3px 5px 0px; padding:0px; display:block; height: 35px;}
  .dropmenu li{ position: relative; float: none !important; margin: 0px;	padding: 0px; display:block !important;}
  .dropmenu li img{ display: block;	cursor:pointer;	border:1px solid #cdcdcd; background:url(../images/nav.png) repeat-x 0 0; padding:6px 8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
  /*.dropmenu li:hover ul{ display: block;}*/
  .dropmenu ul{ position: absolute; display: none;	width: 160px; right:0;	padding: 0px;	margin:0px !important; background:#025B8E; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #cdcdcd;}
  .dropmenu ul li{ border: 0;	float: none;-border-bottom:1px solid #cdcdcd;}
  .dropmenu ul li.last{ border:0;}
  .dropmenu ul a { border:0; white-space: nowrap; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; padding:5px 8px !important;  display:block !important;  color: #0657AD; text-transform:uppercase;	background: none;}
  .dropmenu ul a:hover {	color:#83D1F5 !important;	background: none;}



  #header .top_link{
	  height:35px;
	  background:#003859;
	  }

  .banner .fix_width{ position:relative; z-index:5;}
  .banner .arrow{ width:75px; height:75px; position:absolute; top:122px; display:block;}
  .banner .arrow.prev{ background:url(../images/gallary_arrow_left.png) no-repeat top left; left:-95px;}
  .banner .arrow.next{ background:url(../images/gallary_arrow_right.png) no-repeat top left; right:-95px;}
  .banner .text{
	  float:left;
	  width:30%;
	  /*margin:0 0 0 40px;*/
	  margin:0 0 0 20px;

	  }
  .banner .image{
	  float:right;
	  margin:20px 0 0 0;
	  width:65%;
	  }
  .banner h2{
	  font-size:37px;
	  margin:48px 0 20px 0;
	  line-height:40px;
	  color:#ffffff;
	  font-family: 'ProximaNova-Light', sans-serif !important;
          font-style: normal;
          font-weight: 300;
	  }
  .banner .nav{
	  position:absolute;
	  /*bottom:4%;*/
	  bottom:4%;
	  left:40px;
	  z-index:1;
	  }
  .banner .nav li{
	  width:24px;
	  height:15px;
	  float:left;
	  margin-right:6px;
	  overflow:hidden;
	  }
  .banner .nav li a{
	  display:block;
	  background:url(../images/gallary_nav_bg.png) no-repeat top left;
	  height: 15px;
	}
  .banner .nav li.active a{
	  background:url(../images/gallary_nav_bg.png) no-repeat bottom left;
	  }
	  .banner .textSlide { float: left; width: 100%;}
  .index .container{ /* overflow:visible*/}
  .container{
	  background:#ffffff;
	  margin:0 auto;
	  width:75%;
	  border-radius:4px;
	  -webkit-box-shadow:1px 1px 5px #999999;
	  -moz-box-shadow:1px 1px 5px #999999;
	  /*box-shadow:1px 1px 5px #999999;*/
          box-shadow:0px 0px 1px 0px  #999999;
	  position:relative;
	  margin-top:-40px;
	  padding:1px 3%;
	  overflow:hidden;
	  /*top: 10px;*/

	  }
  .container .info .custom_loved, .container .info .custom_info{ background:#f5f5f5; margin:0 0 0 -38px; padding: 0 38px; overflow:hidden; width:100%;}
  .container .info .custom_info li{ width:27.2%;float:left; /*padding:40px 3% 25px 3%;*/  padding: 25px 3% 20px; }
  .container .info .custom_info li h2{ color:#000000; font-size:20px; margin-bottom:10px; font-weight:400; font-style:normal; }
  .container .info .custom_info li p{ line-height:21px; margin-top: 0px; /*text-align:justify;*/ }

  .container .info .custom_loved{ background:#eaeaea; margin-top: 80px; padding-bottom: 20px; }
  .container .info .custom_loved h2{ color:#000000; font-size:26px; margin:40px 0 30px 0; font-weight:400; font-style:normal; text-align: center; }
  .container .info .custom_loved li{ float:left; margin: 0 20px 10px 0; min-height: 60px; }
  .container .info .custom_loved li:last-child{ margin-right: 0; }

  .container .services{ margin:60px 0 0 0; border-radius:3px; overflow:hidden;}
  .container .services h2{ color:#000000; font-size:26px; margin-bottom:40px; font-weight:400; font-style:normal; text-align: center }
  .container .services li{ width:22%;float:left; padding:0; margin-right:3.9%;}
  .container .services li.last{ margin-right:0;}
  .container .services li .image{ /*background:#85c446;*/ width:100%;min-height:140px; text-align:center;
  color:#ffffff; line-height:140px; margin-bottom:20px;}
  .container .services li h2{ color:#000000; font-size:20px; margin-bottom:10px; font-weight:400; font-style:normal; }
  .container .services li p{ line-height:21px; margin-top: 0px; /*text-align:justify;*/}
  .container .services li a{ color:#00aae7;}
  .container .over{ background:#f5f5f5; padding:10px 0; border-radius:3px; font-family: 'ProximaNova-Light', sans-serif; color:#777777; font-size:13px;
  text-align:center; text-transform:uppercase; word-spacing:3px; letter-spacing:1px; margin-top:30px; line-height:25px; font-style: normal; font-weight: 400}
  .container .over span{ font-weight:bold; }

  /*.testimonials{ margin:26px 0 0 0;}

  .testimonials .arrow a{ width:24px; height:24px; display:inline-block; margin-right:3px;}

  .testimonials .arrow a.prev{ background:url(../images/slider_arrow.png) no-repeat top left;}

  .testimonials .arrow a.next{ background:url(../images/slider_arrow.png) no-repeat top right;}

  .testimonials ul{ margin:24px 0 0 35px;}*/

  /*.testimonials li{ width:46%;/*width:450px;-float:left; margin-left:4%;margin-bottom:16px; }*/

  /*.testimonials li p{ color:#00467f; font-size:21px; line-height:24px; font-family: 'ProximaNova-Light', sans-serif; font-style:italic; margin: 0; }*/

  /*.testimonials li p{ color:#00aae7; font-size:20px; line-height:24px; font-family: 'ProximaNova-Light', sans-serif;
  font-style:italic; margin-bottom:11px; }

  .testimonials li .name{ color:#777777; font-size:13px; display: block;-margin: 15px 0 0; line-height: 19px;}

  .testimonials li .name{ color:#777777; font-size:13px; display: block;-margin: 15px 0 0; line-height: 19px;}

  .testimonials li .box{ background:#f4f4f4; border:solid 1px #e6e6e6; border-radius:4px; position:relative; padding:28px; height:96px; margin-bottom:42px; text-align:left}

  .testimonials li .box .anchor_arrow{ position:absolute; bottom:-32px; left:48px;}

  .testimonials li .name{ color:#777777; font-size:13px;}

  .testimonials li .logo{ text-align:center}*/

  .container .testimonials_slider{
	  background: #f5f5f5;
	  margin: 75px 0 0 -38px;
	  padding: 0 38px;
	  overflow: hidden;
	  width: 100%;
  }
	  .container .testimonials_slider h2{
		  color: #000000;
		  font-size: 26px;
		  margin: 50px 0 10px;
		  font-weight: 400;
		  font-style: normal;
		  text-align: center
	  }
	  .container .testimonials_slider .es-carousel{
		  margin: 0 0 20px 0;
	  }
	  .container .testimonials_slider .es-nav{
		  display: none;
	  }

	  .container .testimonials_slider .box {
		  font-size: 16px;
		  overflow: hidden;
	  }
		  .container .testimonials_slider .box p{
			  font-size: 16px;
		  }
		  .container .testimonials_slider .box .logo{
			  float: left;
			  width: 25%;
			  text-align: center;
		  }
			  .container .testimonials_slider .box .logo img{
				  margin: 10px auto 0 auto;
			  }
		  .container .testimonials_slider .box .info{
			  float: left;
			  width: 75%;
		  }
			  .container .testimonials_slider .box .info .comment{
				  margin: 0 10px 10px;
			  }
			  .container .testimonials_slider .box .info .name{
				  margin: 0 0 0 10px;
				  line-height: 25px;
			  }
			  .container .testimonials_slider .box .info .company{
				  margin: 0 0 0 10px;
				  line-height: 25px;
			  }
	  .container .testimonials_slider .testimonials-nav{
		  margin: 0 0 30px 0;
		  padding: 0;
		  list-style: none;
		  text-align: center;
	  }
		  .container .testimonials_slider .testimonials-nav li{
			  display: inline;
			  margin: 0 15px 0 0;
			  zoom: 1;
		  }
		  .container .testimonials_slider .testimonials-nav li:last-child{
			  margin: 0;
		  }
		  .container .testimonials_slider .testimonials-nav li a{
			  display: inline-block;
			  width: 21px;
			  height: 21px;
			  background: url('../images/testimonials_box_button.png') no-repeat top left;

			  text-indent: 22px;
			  white-space: nowrap;
			  overflow: hidden;
			  text-transform: capitalize;
			  zoom: 1;
		  }
		  .container .testimonials_slider .testimonials-nav li a:hover,
		  .container .testimonials_slider .testimonials-nav li a.active{
			  background-position: bottom left;
		  }

  .testimonials{ margin:26px 0 0 0; position:relative; text-align:center}
  .testimonials .es-nav{ position:static; left:10px; top:0px;}
  .es-nav span{left:8px !important;}
  .es-nav span.es-nav-next {left:40px !important;}
  .testimonials .es-nav a{ width:24px; height:24px; display:inline-block; margin-right:3px;}
  .testimonials .es-nav a.prev{ background:url(../images/slider_arrow.png) no-repeat top left;}
  .testimonials .es-nav a.next{ background:url(../images/slider_arrow.png) no-repeat top right;}
  .testimonials ul{ margin:40px 0 0 0; overflow:hidden}

  /*.testimonials li{ width:30%;float:left; margin-left:5%;margin-bottom:16px; }*/
  .testimonials li:first-child{ margin-left:0;}
  .testimonials li .box{ background:#f4f4f4; border:solid 1px #e6e6e6; border-radius:4px; position:relative; /*padding:28px;*/ padding:5px 28px 28px 28px; height:123px; margin-bottom:42px; text-align:left}
  .testimonials li .box .anchor_arrow{ position:absolute; bottom:-32px; left:48px;}
  .testimonials li p{ color:#00aae7; font-size:20px; line-height:24px; font-family: 'ProximaNova-Light', sans-serif;
  font-style:normal; padding: 15px 0px 11px 0px; }
  .testimonials li .name{ color:#777777; font-size:13px; display: block;-margin: 20px 0 0; line-height: 19px;}
  .testimonials li .logo{ text-align:center}
  .testimonials a { color: #00AAE7; /*font-family: 'Proximanova-Regular', sans-serif;*/ font-weight:400; font-style:normal; }



  /*.logospart{ margin:26px 0 0 0; overflow:hidden;}

  .logospart .arrow a{ width:24px; height:24px; display:inline-block; margin-right:3px;}

  .logospart .arrow a.prev{ background:url(../images/slider_arrow.png) no-repeat top left;}

  .logospart .arrow a.next{ background:url(../images/slider_arrow.png) no-repeat top right;}

  .logospart ul{ margin:24px 0 0 0; width:950px;}

  .logospart li{ float:left;*/ /*margin-left:42px; */ /*margin-right: 40px !important; }

  .logospart li a{ position:relative; display:block; height:64px; overflow:hidden; position:relative}*/

  /*.logospart li a:hover img{ position:relative; margin-top:-64px;}*/

  /*.logospart li:first-child{ margin-left:0;}*/



  .try_free{ /*background:#f5f5f5;*/ /*padding:37px;*/ padding:30px 30px 0px 30px; border-radius:3px; margin:50px 0 43px 0; overflow:hidden;}
  .try_free h2{
	  color: #000000;
      font-size: 20px;
      margin-bottom: 10px;
      font-weight:400;
      font-style:normal;
	  }
  .try_free .left{ float: left; margin-left: 20px; width: 53%;}
  .try_free .right{ float:right;  width:35%;}
  .try_free .left p{ line-height:21px;}

  /* css for try it free button for inner pages. */
  .try_free .leftInner{ float: left; margin-left: 20px; width: 37%;}
  .try_free .rightInner{ float:right;  width:53%;}
  .try_free .leftInner p{ line-height:21px;}


  .copyright{
	  padding:1px 3%;
      width: 75%;
	  margin:20px auto;
	  }
  .copyright p{
	  font-size:10px;
	  color:#777777;
	  margin: 0px;
	  }
  .copyright p a{ color:#777777; display:inline-block; padding:0 3px;}
  .footer{ background:url(../images/footer_bg.png) repeat-x top left; }
  .footer .fix_width{
	  padding:40px 3%;
      width: 90%;
	  }
  .footer .fix_width .footer_logo{ float:left}
  .footer .fix_width .social_icon{
            float:right;
            position:relative;
            /* margin-right:-35px;*/
           }
  .footer .fix_width .social_icon a{ margin-left:8px; float:left; }
  .footer .link{ /*margin:37px 4% 0 0;*/ float:left; width:100%;}
  .footer .link h3{ font-size:20px; color:#ffffff; margin-bottom:8px;}
  .footer .link li{ /*margin-bottom:13px;*/ float: left; /*margin: 37px 18px 0px 18px;*/  margin: 37px 0px 0px 0px; width: 150px; }
  /*.footer .link li a{ color:#999999; font-size:13px;} */
   .footer .link li a{ float: left; color: #FFFFFF; font-size: 21px; margin-bottom: 3px; font-family: 'ProximaNova-Light',sans-serif; font-weight: normal; width: 100%; text-align: center; }

    .footer .link li ul li {

	  float: left;
	  /*width: 100%;*/
	  margin: 6px 0px 0px 0px;

  }

 /* .footer .link .menu_features li.item-506  a, .footer .link .menu_features li.item-525 a, .footer .link .menu_features li.item-526 a {
    line-height:20px;
  }*/

	.footer .link ul.menu_hyrell li ul li a {
		padding-left: 10px !important;
	}

	.footer .link ul.menu_support li ul a{
		padding-left: 26px !important;
	}

  .footer .link li ul li a{

	  color: #999999;

	  font-size: 13px;

	  font-family: 'ProximaNova', sans-serif;
	  line-height:21px;
	  float: left;
	  width: 100%;
	  text-align: left;
	  padding-left: 35px;

  }

  .footer .link ul{ float: left;}



  /*inner page*/

  .sidebar{ width:310px; background:#f5f5f5; height:100%;float:left; position:relative; margin:-1px 0 -2000px -4%;padding-bottom:2000px; border-radius:4px 0px 0px 4px;}

  .sidebar .sidebar_links{ width:330px;}

  .sidebar .sidebar_links li{ border-bottom:solid 1px #e5e5e5; width:310px; position:relative; height: 82px;}

  .sidebar .sidebar_links li a{  color: #000000;
      display: block;
      font-size: 19px;
      height: 100%;
      overflow: hidden;
      padding: 30px 0 23px 0px;
      position: relative;
      vertical-align: middle;
      z-index: 2;
	  font-weight:400;
	  font-style: normal;
	  }

  .sidebar .sidebar_links li.lines2 a{ padding:17px 0; line-height:24px;  }

  .sidebar .sidebar_links li a:hover, .sidebar .sidebar_links li.active a{ background:url(../images/active_tab.png) no-repeat top right;

  color:#ffffff; /*font-weight:bold;*/ font-weight:normal; width:330px; font-size:19px;}



  .sidebar .sidebar_links li a span.new{ width:39px; height:39px;  overflow:hidden; display:block; position:relative;

  float:left; margin-top:-10px; padding:0 10px 0 20px;}

  .sidebar .sidebar_links li.lines2 a span{ margin-top:0px;}
  .sidebar .sidebar_links li a span.image-title { width:240px; float:left; }

  .sidebar .sidebar_links li a:hover span.new img, .sidebar .sidebar_links li.active a span.new img{ position:relative; margin-top:-41px;}

  .contant{ margin:30px 0 0 3%;float:right; width:66%;}
  .contant h1{ /*color:#00467f;*/ color:#00649E; line-height:50px; font-weight:300; font-style:normal; font-size:42px; }
  .contant .block{ margin-top:60px;}
  .contant .block .float_r{ /*margin-left:47px;*/ width:40%; text-align:center; line-height: 170px;}
  .contant .block .float_l{ /*margin-right:40px*/ width:50%;}
  .contant .block p{ line-height:20px;}
  .contant .block h2{ margin-bottom:10px; color: #000000; font-weight:700; font-style:normal; font-size: 20px;}
  .contant .block img{ margin-bottom:20px; vertical-align: middle;}
  .contant .block .free_tria_bt{ /*margin:100px 0px 0px 130px;*/ margin:36px 0px 0px 70px; text-align:center; float:left; width: 72%;}
  .block .image, .about-us .image {
      background:#ecf4f8;
      color: #aac5d3;
      line-height:198px;
      /*margin-bottom: 20px;*/
      min-height: 198px;
      text-align: center;
      width: 100%;
      font-size:13px;
  }
  .contant .block .image.float_r, .contant .block .image.float_l{ width:44%;}

  /* WHAT IS HYRELL? */
  .hiring_process_banner{ position:relative; }
  .hiring_process_banner .tag_line{ font-size:30px; color:#00467f; font-family: 'ProximaNova-Regular', sans-serif;
  background:#f5f5f5; padding:14px 0; border-radius:4px; box-shadow:1px 1px 2px #999999; margin-bottom:5px;
  position:absolute; width:102%;left:-1%;bottom:40px; text-align:center}
  .hiring_process_banner .tag_line .get_started{ background:url(http://www.hyrell.com/templates/hyrell/images/get_started_arrow.png) no-repeat 95% center #85c446;
  border:solid 1px #c4e6a9; border-radius:4px; font-family: "Helvetica", Arial, sans-serif; font-size:16px;
  color:#ffffff; font-weight:bold; padding:8px 40px 8px 14px; display:inline-block; text-shadow: 0 1px 1px #777777;
  margin-left:24px;}
  .hiring_process_banner .image{ width:100%;background:#ecf4f8; /*height:350px;*/ height:250px;}




  .full_width{ margin:30px 0 0 0; }
  .full_width h1{ /*color:#00467f;*/ color:#00649E; line-height:50px; font-weight:300; font-style:normal; font-size:42px;}
  .full_width .block{ margin-top:50px;}
  .full_width .block .float_r{ /*margin-left:47px;*/}
  .full_width .block .float_l{ /*margin-right:40px;*/}
  .full_width .block p{ line-height:25px; font-size:16px; /*padding-top: 15px;*/}
  .full_width .block h2, .about-us .block h2{ margin-bottom:10px; /*font-size:30px;*/ font-size:26px; /*font-weight:bold;*/ color: #000000; font-weight:600; font-style:normal; }
  .full_width .block img{ margin-bottom:20px;}
  .full_width .free_tria_bt{ margin:0px; float:right; width:47%;}
  .full_width .block .image.float_r, .full_width .block .image.float_l{ width:44%;}

  .login .login_box{ width:37.5%;padding:8% 5% 0 5%;min-height:300px; background:#f5f5f5; float:left; margin-left:5%;}
  .login .login_box.first{ margin-left:0;}
  .login .login_box h2{ margin-bottom:20px;}
  .block.login .float_l, .block.login .float_r{ margin:0 !important;}
  .signup{ margin:20px 5%;}
  .signup a{ color:#777777;}
  .signup a:hover{ text-decoration:underline}
  .login .login_box .submit_button{ float:right; cursor:pointer}
  .login .login_box .input{ width:97%;margin-bottom:10px;}

  /* Pricing page*/

  .pricing_block p{ font-size:18px; color:#777777; font-family:'ProximaNova-Light', sans-serif; line-height:22px; font-weight:300; font-style:normal; width:46%;}
  /*.pricing_block p { color:#000000; font-size: 20px; line-height: 23px; margin-left: 31px; width: 470px; font-weight:300; font-style:normal;}*/

  .pricing_list{ margin-bottom:64px; /*padding-top:5px;*/ padding-bottom:5px;}

  .pricing_list li{
		background: none repeat scroll 0 0 #F5F5F5;
		border: 1px solid #E2E2E2;
		float: left;
		height: 270px;
		margin-left: 1.5%;
		overflow: hidden;
		text-align: center;
		width: 18.57%;
	}
	.pricing_list li.enterprise { float: right;}
	@media only screen and (width:1024px){
		.pricing_list li{ margin-left: 1.44%;}
		.pricing_list li.enterprise { float: right;}
	}
	/* Css for IE 8*/
	.pricing_list li{
		/*width: 177px\9;
		margin: 5px 5px 5px 5px\9;*/
		margin-left: 1.44%\9;
	}

  .pricing_list li:first-child{ margin-left:0;}

  .pricing_list li a{ display:block;}

  .pricing_list li h2{ color:#00aae7; font-size:80px; text-transform:uppercase; font-family:'ProximaNova-Light', sans-serif; letter-spacing:-6px; font-weight:300; font-style:normal; margin-top:-10px; margin-bottom:-20px;}

  .pricing_list li p{ color:#777777; font-size:16px; font-family: 'ProximaNova-Semibold', sans-serif; font-weight:300; font-style:normal; line-height:23px; padding-top:10px; width:auto;}

  .pricing_list li .rate{ color:#00AAE7; font-size:22px; margin-bottom:-12px; padding-top: 24px; font-weight:600; font-style:normal;}

  .pricing_list li .rate span{ color: #777777;
    display: inline;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;}

	.pricing_list li.enterprise .rate { margin-top: -36px; padding-top:23px; }

  .pricing_list li .rate sup{ font-size:35px;}


  .pricing_list li.active { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 3px 5px #DDDDDD; height: 320px; left: -5px; margin: -5px -10px -5px 0; position: relative; right: 0; width: 25%;}

  .pricing_list li.active h2 { padding-top:10px; }

  .pricing_list li p.upto { margin-top: 15px; }

  /*  */
  .listpart{ margin:40px 0 0 0; }

  .listpart .title{ background:#f5f5f5; border-radius:3px 3px 3px 3px; padding:12px 30px;}

  .listpart .title h2{ color:#00467f; font-size:21px; font-family: 'ProximaNova-Semibold', sans-serif; font-weight:600; font-style:normal;}

  .listpart li{ font-size:21px; color:#777777; font-family:'ProximaNova-Light', sans-serif; padding:12px 0 12px 64px;

  background:url(../images/right_icon.png) no-repeat 30px 18px; border-bottom:solid 1px #e3e3e3; font-weight:300; font-style:normal;}

  .listpart li .tooltip{ background:url(../images/info_icon.png) no-repeat top left; width:16px; height:15px; display:inline-block;

  margin:5px 0 0 15px; vertical-align:top}

  .listpart li .tooltip a{ display:block; position:relative;}

  .listpart li.last{ border:0;}

  .tooltip_contant{ position:absolute; width:164px; background:#ffffff; border:solid 1px #555555; border-radius:4px; padding:15px; font-family:Arial, Helvetica, sans-serif;

  font-size:11px; color:#000; bottom:32px; box-shadow:2px 3px 8px #777; left:-91px;  }

  .tooltip_contant .arrow{ background:url(../images/tooltip_arrow.png) no-repeat top left; width:22px; height:13px; position:absolute; bottom:-13px; left:45%;}

  .sales_faq{ /*margin:40px 0;*/ margin: 90px 0px 70px 30px;}

  .sales_faq h1{ color:#00649E; margin-bottom:35px; }

  .sales_faq li{ margin:0 0 16px 0;}

  .sales_faq li h3{ font-size:20px; color:#777777; font-family:'ProximaNova-Light', sans-serif; font-weight:300; font-style:normal;}

  .sales_faq li p{ margin:12px 0 0 28px; font-size:13px; color:#777777; font-family: "Helvetica", Arial, sans-serif; line-height:21px;}



  /* Blog*/

  .blog_contant{ margin:30px 0 0 0;  width:73%;float:left}

  /*.blog_contant.news_contant h1{ margin-bottom:40px;}*/

  .blog_contant.news_contant{ width:75%;}

  .blog_contant .blog{ /*padding:50px 3%;*/ padding:10px 3% 40px;}

  .blog_contant .blog.news_blog{ background:#F5F5F5; padding:4% 5% 4%;display:inline-block; border-radius: 3px 3px 3px 3px; margin-bottom:30px;}

  .blog_contant .blog h2 a{ font-size:26px; color:#00aae7; font-weight:600; font-style:normal; }

  .blog_contant .blog h2{ margin:0 0 30px 0; font-size:30px; color:#00aae7;-font-weight:600; font-style:normal; }

  .blog_contant.news_contant h2{ margin:0 0 18px 0;}

  .blog_contant .blog .image{ margin:0 0 40px 0;}

  .blog_contant .blog p{ line-height:21px;}

  .blog_contant .blog p img { margin-bottom: 20px; }

  .blog_contant .blog strong p{ color:#333333; margin-bottom:9px; display:inline-block;}

  .blog_contant .blog a{ color:#00AAE7; font-size:13px;}

 .readmore { margin: 15px 0px; }

  .cmp_shareiconlink
  {
	  background: url(../images/facebook_icon.png) no-repeat !important;
	  width: 23px !important;
	  height: 23px !important;
	  border: none !important;
	  display:block;
	  float:right;
  }

  .cmp_shareiconlink_new, .cmp_shareiconlink_new:hover
  {
	  background: url(../images/facebook_icon.png) no-repeat !important;
	  width: 23px !important;
	  height: 23px !important;
	  border: none !important;
	  display:block;
		  float:right;
  }

  .blog_contant .posted_by, .item-page-blog .posted_by{

	  background:url(../images/dotted_border.png) repeat-x top left;

	  }

  .blog_contant .posted_by .posted_inner,  .item-page-blog .posted_by .posted_inner {

	  background:url(../images/dotted_border.png) repeat-x bottom left;

	  padding: 8px 0 8px 0;

	  color:#999999; font-size:13px;

	  }

	.posted_inner .right img { vertical-align: middle;}

  .item-page-blog .posted_by {
      margin: 40px 0px;
  }

  .item-page-blog ul {
      line-height: 25px;
      font-size: 16px;
     margin: 0px 0px 15px 0px ;
	 padding-left:35px;
  }

  .item-page-blog ul li {
       list-style: circle outside none !important;
  }

  .blog_contant .posted_by .left{

	  float:left;
	  padding: 0px;

	  }

  .blog_contant .posted_by .right{

	  float:right;

	  }

  .blog_contant .posted_by a{ margin-left:4px;}



  .blog_sidebar {

      background:#F5F5F5;

      border-radius: 4px 0 0 4px;

      float: right;

      height: 100%;

      margin: -1px -4% -8000px 0;

      padding-bottom: 8000px;

      position: relative;

      width:240px;

	  padding-top:40px;

  }

  .blog_sidebar .block{

	  /*margin:0 20px 40px 30px;*/
	  margin:0 40px 40px 30px;

	  }

  .blog_sidebar .block h2{

	  color:#333333;

	  font-size:21px;

	  font-family:'ProximaNova-Light', sans-serif;

	  /*font-weight:bold;*/
	  font-weight:400;

	  font-style:normal;

	  margin-bottom:15px;

	  }

  .blog_sidebar .block h2 img{

	  margin-right:5px;

	  vertical-align:middle;

	  }

  .blog_sidebar .block p{

	  color:#777777;

	  /*font-size:12px;

	  line-height: 15px;*/

	  font-size:11px;

	  line-height: 16px;

	  margin: 0px 0px 10px 0px;

	  }

  .blog_sidebar .block a{

	  color:#00467f;

	  }

  .shadow_input_sidebar {

	  /*background: url(../images/shadow_input_left_sidebar.png) no-repeat center left;

	  padding-left: 7px;*/

	  border-radius: 5px;

	  border: 1px solid #ffffff;

	  width: 172px;

	  display: block;



  }

  .shadow_input_sidebar input {

	  //background: url(../images/shadow_input_right_sidebar.png) no-repeat top right;

	  border: 0;

	  height:22px;

	  color: #777777;

	  vertical-align: top;

	  line-height: 22px;

	  font-size:11px;

	  font-family: "Helvetica", Arial, sans-serif;

          padding-top: 2px;



  }

  .submit_button_green {

      background:#85c446;

      border: solid 1px #c4e6a9;

      border-radius: 5px 5px 5px 5px;

      color: #FFFFFF;

      display: inline-block;

      font-size: 14px;

     padding: 6px 18px 7px 18px;


	  font-weight:normal;

	  font-family: "Helvetica", Arial, sans-serif;

	  /*text-shadow:0px 1px 1px #777;*/

  }

  .signup_box{ width:418px; border:solid 1px #999999; margin:20px 0 0 20px; background:#f4f4f4;}

  .signup_box .title{ background:#00457e; color:#ffffff; font-size:44px; font-family:'ProximaNova-Semibold', sans-serif; font-weight:bold; padding:25px 30px;}

  .signup_box .title .for_free{ color:#83d1f5; font-size:20px; margin-left:12px;}

  .signup_box .popup_conatnt{ margin:26px 30px; overflow:hidden}

  .signup_box .popup_conatnt p{ color:#00467f; font-size:20px; font-family:'ProximaNova-Light', sans-serif; line-height:20px;}

  .signup_box .popup_conatnt .shadow_input{ margin-bottom:20px;}

  .signup_box .popup_conatnt input{ width:97%;}

  .signup_box .popup_conatnt .form{ margin:30px 0 0 0;}

  .signup_box .popup_conatnt .note{ margin-bottom:5px; display:block; color:#777777; font-size:12px;}

  .signup_box .popup_conatnt .note a{ color:#85c446;}


  /* Clients Page*/
  .full_width.clients{ padding-bottom:40px;}
  .full_width.clients h1{ color:#00649e; margin-bottom:26px;}
  .full_width.clients p{ color:#000000; font-size:20px; font-family:'ProximaNova-Regular', sans-serif; line-height:26px;}
  .clientbox{ padding:0 39px; margin-top:60px;}
  .clientbox h2{ color:#00aae7; font-size:20px; font-family:'ProximaNova-Regular', sans-serif; margin-bottom:8px;}
  .clientbox h2 strong{ font-family:'ProximaNova-Bold', sans-serif; display:block}
  .clientbox .textpart{ padding:40px 40px 26px 40px; width:58%;background:#f4f4f4; border:solid 1px #e9e9e6; border-radius:4px; position:relative;}
  .clientbox .textpart.float_r .arrow{ background:url(../images/left_client_arrow.png) no-repeat top left; display:block; width:43px; height:42px; position:absolute; left:-43px;}
  .clientbox .textpart.float_l .arrow{ background:url(../images/right_client_arrow.png) no-repeat top left; display:block; width:43px; height:42px; position:absolute; right:-43px;}
  .full_width.clients .clientbox p{ color:#777777; font-size:13px; font-family: "Helvetica",Arial,sans-serif; line-height:21px; margin-bottom:20px;}
  .clientbox .logopart{ margin:70px 0 0 0; width:31%;}
  .clientbox .logopart.float_r{ text-align:right;}
  .clientbox .logopart img{ max-width:100%;}



  /* Contact Page*/
  .contact_content{ padding:0 40px; margin:40px 0; float: left;}
  .contact_content p{ line-height:21px;}
  .block p.try_free_image{ position:relative; margin-left:-3px;}
  .contact_form{ margin:45px 0;}
  .contact_form label{ font-size:13px; font-family: "Helvetica",Arial,sans-serif; font-weight:bold; color:#333333; margin-bottom:6px; display:block;}
  .contact_form .shadow_input input{ /*width:344px;*/ width:344px; border: 1px solid #CFCFCF; border-radius: 5px;}
  .contact_form .shadow_select{ width: 100%;}
  .contact_form .shadow_select select{ width:351px;}
  .contact_form .shadow_textarea{ width:auto;}
  .contact_form .shadow_textarea textarea{ width:100%; color: #999999; padding: 9px;}
  .contact_form .row{ margin-bottom:18px;}
  .contact_form .send_button_green {
      background:#85C446;
      border: 1px solid #C4E6A9;
      border-radius: 4px 4px 4px 4px;
      color: #FFFFFF;
      display: inline-block;
      font-family: "Helvetica",Arial,sans-serif;
      font-size:24px;
      font-weight: normal;
      /*padding: 8px 25px 10px 25px;*/
	  /*padding: 20px 25px 12px 25px;*/
      /*text-shadow: 0 1px 1px #777777;*/
	  cursor:pointer;
	  height: 48px;
	  line-height: 48px;
	  padding: 2px 25px;
  }

  .blog_sidebar .block_contact{

	  /*margin:0 20px 40px 30px;*/

	  margin:0 30px 40px 30px;

	  }

  .blog_sidebar .block_contact h2{

	  color:#333333;

	  font-size:20px;

	  font-family:'ProximaNova-Light', sans-serif;

	  font-weight:300;

      font-style: normal;

	  margin-bottom:15px;

	  }

  .blog_sidebar .block_contact h2 img{

	  margin-right:5px;

	  vertical-align:middle;

	  }

  .blog_sidebar .block_contact p.sidebar_try_free {

	  background-color: #85C446;
	  border-radius: 3px 3px 3px 3px;
	  color: #FFFFFF;
	  font-size: 21px;
	  font-style: normal;
	  font-weight: 600;
	  padding: 17px 0 15px;
	  text-align: center;
	  width: 176px
  }

  .blog_sidebar .block_contact p.sidebar_try_free a {color: #ffffff; }

  .blog_sidebar .block_contact p{

	  color:#777777;

	  font-size:13px;

	  line-height: 15px;

	  }

.try_free_text { padding-top: 15px;}

  .blog_sidebar .block_contact a{

	  /*color:#00467f;*/

	  }


  /* css related to try it free button on what is hyrell page. */

  .hiring_process_banner .tryFreeText {
    float: right;
    /*margin: 75px 40px 0px 0px; */
    background-color:#85C446;
    border-radius:3px;
    padding: 17px 41px;
	position:absolute;
	top:122px;
	left:635px;
  }

  .hiring_process_banner .tryFreeText span.tryfree {
      font-size: 36px;
      font-family: proximanova-semibold;
      color: #ffffff;
  }

  .hiring_process_banner .tryFreeText span.credit {
      color: #005a56;
      float: left;
      font-size: 12px;
      padding: 5px 0 0 20px;
      font-family: proximanova-regular;
  }

  .hiring_process_banner .click {
     float: right;
     font-size: 13px;
     left: 683px;
     position: absolute;
     top: 222px;
     font-family: tahoma;
  }

  .hiring_process_banner .click a {
      color:#1FB4E9;
  }


  /* css related to try it free button on what is hyrell page footer section. */

  .try_free .tryFreeText {
    float: left;
    background-color:#85C446;                                                                   ;
    border-radius:3px;
    padding: 17px 41px;

  }

  .try_free .tryFreeText span.tryfree {
      font-size: 36px;
      font-family: proximanova-semibold;
      color: #ffffff;
  }

  .try_free .tryFreeText span.credit {
      color: #005a56;
      float: left;
      font-size: 12px;
      padding: 5px 0 0 20px;
      font-family: proximanova-regular;
  }

  .try_free .click {
      float: left;
      font-size: 13px;
      padding: 15px 45px;
      font-family: tahoma;

  }

  .try_free .click a {
      color:#1FB4E9;
  }



  /* css related to free trial button on features and pricing page. */


  @media only screen and (min-width:320px){
	  .footer{ display:none;}


  }
  @media only screen and (max-width:640px){
	  #header nav li a{ font-size:15px;}
	  .footer{ display:none;}
	  .banner{ display:none;}
	  .container .info .custom_info li{ width:92%;float:none; padding:20px 3% 15px 3%;}
	  .container .info .custom_loved{ margin-top:38px}
	  .contant .block .free_tria_bt{ margin:0 0 30px 0; width: 100%;}
	  .full_width .free_tria_bt{ float:none; text-align:center; width:100%;margin-bottom:30px;}
	  .full_width .block .float_l,.full_width .block .float_r{ float:none; margin:0 0 20px 0;}
	  .full_width .block .image{ width:100% !important}
	  .full_width .block{ margin-top:40px;}
	  .pricing_list li{ width:48%;margin-left:0;}
	  .pricing_list li.active{ width:103%;}
	  .blog_contant{ width:100%;}
	  .blog_contant .blog{ padding:20px 3%;}
	  .blog_contant .posted_by .left{ float:none; display:block;}
	  .blog_contant .posted_by .right{ float:none; display:block; margin-top:10px;}
	  .blog_sidebar { width:100%;margin-right:0; padding-top:30px;}
	  .blog_sidebar .block{ margin-bottom:30px;}
	  /*.dropmenu ul { display: block !important;}*/
	  .dropmenu ul { display: block;}
	  .text_float_r { width: 100%;}
	  .text_float_l { width: 100%;}


  }
  @media only screen and (max-width:768px){
	  #header nav li a{ font-size:15px;}
	  .footer{ display:none;}
	  .container .services li{ width:47%;float:left; padding:0; margin-right:5.9%;}
	  .container .services li.second{ margin-right:0;}
	  .testimonials li{ float:none; width:92%;/*margin-top:40px;*/}
	  .testimonials li:first-child{ margin-top:0;}
	  .try_free .left,.try_free .right{ width:auto; float:none; text-align:center;}
         .try_free .rightInner, .try_free .leftInner { width:auto;}
	  #header nav{ display:none;}
	  #header .listnav{ display:block !important;}
	  .testimonials .es-nav{ top:55px; width:100%;}
	  .testimonials ul { margin:45px 0 0 0;}
	  .testimonials li{ margin-left:0; width:100%;}
	  .testimonials li .box{ height:auto !important;}
	  /*.dropmenu ul { display: block !important;}*/
	  .dropmenu ul { display: block;}
  }
  @media only screen and (max-width:980px){
	  #header nav{ display:none;}
	  #header .listnav{ display:block !important;}
	  .container .info .custom_loved{ margin-top:38px}
	  #header nav li a{ font-size:16px !important;}
	  .banner{ display:block; width:100%;}
	  .banner .image{ width:100%;display:block; text-align:center}
	  .banner .text{ width:100%;display:block; margin-left:0; text-align:center; margin-bottom:50px;}
	  .banner .nav { left:0; width:100%;text-align:center; bottom:2%;}
	  .banner .nav li{ float:none !important; display:inline-block;}
	  .banner .arrow{ display:none;}
	  .sidebar{ display:none}
	  .contant{ width:95%;float:none;}
	  .login .login_box{ float:none; margin-left:0; margin-bottom:40px; width:90%;}
	  .blog_contant,.blog_contant.news_contant{ width:100%;}
	  .blog_contant .blog{ padding:20px 3%;}
	  .blog_contant .posted_by .left{ float:none; display:block;}
	  .blog_contant .posted_by .right{ float:none; display:block; margin-top:10px;}
	  .blog_sidebar { width:100%;margin-right:0; padding-top:30px;}
	  .blog_sidebar .block{ margin-bottom:30px;}
	  .pricing_list li{ width:48%; margin-left: 5px; margin-top: 7px;}
	  .pricing_list li.enterprise { float: left;}
	  .pricing_list li:first-child{ margin-left:5px;}
	  .pricing_list li.active{ width:51%;}
	  .clientbox .textpart{ width:50%;}
	  .clientbox .logopart{ width:27%;}
	  .clientbox{ padding:0;}
	  .testimonials li .box{ height:180px ;}
	  /*.dropmenu ul { display: block !important;}*/
	  .dropmenu ul { display: block;}

	  }
  @media only screen and (min-width:1024px){
	  #header nav li a{ font-size:18px;}
	  .footer{ display:block;}
	  .banner{ display:block;}
	  #header.home{ height:100%;}
	  .container .info .custom_info li{ width:27.2%;float:left; /*padding:40px 3% 25px 3%;*/  padding: 25px 3% 20px;}
	  #header nav{ display:block;  margin: 20px 40px 0px 0px; }
	  #header .listnav{ display:none !important;}
  }
  @media only screen and (max-width:1024px){
	  #header nav li a{ font-size:16px !important;}
	  .sidebar{ display:none}
	  .contant{ width:95%;float:none; }
	  #header nav { margin: 20px 40px 0px 0px; }
	  .hiring_process_banner .tryFreeText { left:417px;}
	  .hiring_process_banner .click{ left:464px;}
	  .text_float_l {width: 26%;}
	  .text_float_r {width: 42%;}
	  .full_width .block img { width:393px; height:inherit;}
	  }
  @media only screen and (max-width:480px){

	  .footer{ display:none;}
	  #header .top_link li{ display:none;}
	  .container .info .custom_info li{ width:92%;float:none; padding:20px 3% 15px 3%;}
	  .container .services li{ width:100%;float:none; padding:0; margin-right:0; margin-bottom:45px;}
	  .container .over{ margin-top:0;}
	  .testimonials li{ float:none; width:92%;}
	  .try_free .left,.try_free .right{ width:auto}
          .try_free .rightInner, .try_free .leftInner { width:auto;}
	  .testimonials .es-nav{ top:50px; width:100%;left:60px;}
	  /*.dropmenu ul { display: block !important;}*/
	  .dropmenu ul { display: block;}
	  .hiring_process_banner .tryFreeText {
	  	left: 156px;
		top:60px;
		padding:0 0 0 6px;
	  }
	  .hiring_process_banner .tryFreeText span.tryfree {
	  	font-size:9px;
		padding-left:7px;
	  }
	  .hiring_process_banner .tryFreeText span.credit {
		  font-size:5px;
		  padding: 0 5px 2px 0;
	  }
	  .hiring_process_banner .click {
		  font-size:5px;
		  left: 161px;
		  top: 85px;
	  }
  }
  @media only screen and (max-width:580px){

	  .footer{ display:none;}
	  #header .top_link{ text-align:center;}
	  #header .top_link ul{ float:none; margin-right:0; display:inline-block}
	  .try_free{ margin-top:40px;}
	  .try_free .left,.try_free .right{ width:auto}
          .try_free .rightInner, .try_free .leftInner { width:auto;}
	  #header .logo{ margin: 46px 0 0 0; width:auto;}
	  #header .listnav{ margin-right:0;}

	  .contant .block .float_l,.contant .block .float_r{ float:none; margin:0 0 20px 0; width: auto; }
	  .contant .block .image{ width:100% !important}
	  .blog_contant,.blog_contant.news_contant{ width:100%;}
	  .blog_contant .blog{ padding:20px 3%;}
	  .blog_contant .posted_by .left{ float:none; display:block;}
	  .blog_contant .posted_by .right{ float:none; display:block; margin-top:10px;}
	  .blog_sidebar { width:100%;margin-right:0; padding-top:30px;}
	  .blog_sidebar .block{ margin-bottom:30px;}
	  .signup_box{ width:100%;margin:0;}
	  .signup_box .title{ text-align:center;}
	  .signup_box .title .for_free{ display:block;}
	  .signup_box .popup_conatnt input { width: 94%;}
	  .pricing_list li{ width:99%;margin-left:0;}
	  .pricing_list li.active{ width:103%;}
	  .pricing_list li:first-child{ margin-left:0;}
	  .sales_faq li p { margin: 12px 0 0 10px;}
	  .full_width .pricing_block .free_tria_bt{ margin:0 0 4% 0;}
	  .pricing_block p{ margin-left:0; width:auto;}
	  .clientbox{ padding:0;}
	  .clientbox .textpart{ width:auto; float:left;}
	  .clientbox .logopart{ width:auto; float:right; margin-top:40px;}
	  .clientbox .textpart .arrow{ background:url(../images/bottom_client_arrow.png) no-repeat top left !important; display:block; width:43px; height:42px; position:absolute; bottom:-42px; right:42px !important; left:auto !important;}
	  .contact_content{ padding:0; margin-top:15px;}
	  .contact_form .shadow_input input{ width:97%;}
	  .contact_form .shadow_select select{ width:97%;}
	  .contact_form .shadow_textarea{ width:97%;}
	  .headOffice { margin: 0px 0px 30px 0px !important; padding: 28px!important; width: 85% !important; }
	  /*.testimonials .es-nav{ top:80px; width:100%;}ACo-/
	  .testimonials .es-nav{ top:50px; width:100%;left:125px;}
	  .testimonials ul { margin:45px 0 0 0;}
	  .testimonials li{ margin-left:0; width:100%;}
	  .testimonials li .box{ height:auto !important;}
	  /*.dropmenu ul { display: block !important;}*/
	  .dropmenu ul { display: block;}
	    .text .float_r{ width:100%;}

  }
  @media only screen and (min-width :320px) and (max-width:440px){

		  #header .listnav{ top:-35px; right:0;}
		  #header .logo{ margin: 46px 0 0 0; width:100%;text-align:center}
		  #header.home{ height:auto !important;}
		  .banner{ display:block; width:100%;}
		  .banner .image{ width:100%;display:block;}
		  .banner .text{ width:100%;display:block; margin-left:0; text-align:center; margin-bottom:50px;}
		  .banner .nav { left:0; width:100%;text-align:center; bottom:2%;}
		  .banner .nav li{ float:none !important; display:inline-block;}
		  .clientbox{ width:100%;margin-top:40px;}
		  .clientbox .client_logo h2{ font-size:38px; white-space:nowrap;}
		  .clientbox.green .client_logo{ margin:10px 0 0 0; text-align:center; width:100%}
		  .clientbox.blue .client_logo{ margin:10px 0 0 0; text-align:center; width:100%}
		  .headOffice { margin: 0px 0px 30px 0px !important; padding: 25px !important; width: 80% !important;}
		  /*.testimonials .es-nav{ top:80px; width:100%;}	*/
		  .testimonials .es-nav{ top:50px; width:100%;left:90px;}
		  .hiring_process_banner .tag_line img{ width:90%}
		  /*.dropmenu ul { display: block !important;}*/
		  .dropmenu ul { display: block;}

  }

  @media only screen and (min-width:1030px){

	  .container{ padding: 1px 38px; max-width: 970px;}
	  .copyright {  padding: 1px 38px 1px 0px; max-width: 987px;}
  }


  @media only screen and (max-width:1400px) and (min-width:1152px){

	  .copyright {  padding: 1px 38px 1px 0px; max-width: 990px;}
  }


  @media only screen and (min-width:1440px){

	  .copyright {  padding: 1px 38px 1px 0px; max-width: 990px;}
  }
  @media only screen and (max-width:1152px) and (min-width:1030px){

	  .copyright {  padding: 1px 38px 1px 36px; max-width: 987px;}
  }
  /*css added by DS*/



  #header .top_link .custom_phone	ul {

	  margin-right: 0px;

  }






  /*.footer .link ul.menu_features li{

	  float: left;

	  width:140px;

  }

  .footer .link ul.menu_job li{

	  float: left;

	  width: 110px;

  }

	  */

  /* .footer .link ul.menu_about li, .footer .link ul.menu_support li {

	  float: left;

	  width:100px;

  } */



  /* CSS added by DS on 22 Aug 2012 for news module */



  .news {

	  float: left;

	  width: 22%;

  }



  .news h2 {

	  font-weight: bold;

	  color:#516176;

	  padding :0px 0px 10px 0px;



  }



  .news_title {

	  float: left;

  }



  .news_title li {

	  float: left !important;

      line-height: 18px !important;

      width: 200px !important;

      margin-bottom: 5px !important;

  }



  .news_title li a {

	  color: #777777 !important;

	  text-decoration:none;

  }



  .news_title li a:hover {

	  text-decoration:underline;

  }



  .news_link {

	  float: left;

	  margin-top: 15px;

  }



  .news_link a {

	  background: url("../images/arrow.gif") no-repeat scroll left 7px transparent;

	  padding: 10px 0px 3px 13px;

	  text-decoration: none;

	  display: block;

	  color: #00AAE7;

  }



  .news_link_img {

	  margin: -3px 10px 0px 0px;

  }

  /* CSS for news module ends */



  /* CSS added by DS on 22 Aug 2012 for news component at front side */



  .hr_news {
	  float:left;
	  width:100%;
	  margin-bottom: 40px;
	  }


  .hr_news_date {

	  float: left;

	  margin-top: 15px;
	  color: #000000;
      float: left;
      font-family: "proxima-nova",sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      margin-top: 40px;
	  width:100%;

  }

  .hr_intro_news {
		  float:left;
		  width:100%;
                  margin: 15px 0px;
	  }


  .hr_news_header h2{

	  font-family: Arial,'ProximaNova-Light',sans-serif,sans-serif;

	  font-size: 22px;

      font-weight: normal;

      padding: 10px 0 4px;

      text-align: middle;

  }



  .hr_detail_news {

	  font-size: 14px;

      font-weight: normal;

      line-height: 25px;

      /*text-align:justify;*/

      margin-top: 40px;



  }




  .more_news {

	  margin: 20px 0px 20px 0px;

  }



  .more_news a {

	  color: #004983;

      font-size: 14px;

      font-weight: bold;

  }



  .hr_all_news {

	  background-color: #F5F5F5;

      padding: 10px;

  }



  .all_news {

	  padding: 4px;

  }



  .all_news h3 a{

	  font-family: Arial,Helvetica,sans-serif;

      font-size: 16px;

      font-weight: bold;

      line-height: 110%;

      margin: 0;

      padding: 0 0 4px;

      color: #004983;

  }



  .all_news_text p{

      line-height: inherit;

      padding: 0px 0px 0px 4px;

      font-size: 14px;

  }



  .all_news_date, .ReadMore a {

	  font-size: 12px;

	  padding: 0px 0px 0px 3px;

  }



  /* CSS for news component at front ends */





  /* Added By DS on 20 Aug 2012 for testimonial slider */



  #mycarousel_test .testcarousel {

	  /*width:450px;*/

  }



  /* CSS for testimonial slider ends */

/*.qtip-tip { display:none; }*/


/*.qtip-tip {  background:url(../images/tooltip_arrow.png) no-repeat 50% 100%;}*/


  .qtip-wrapper {

	background: none repeat scroll 0 0 #FFFFFF !important;

	border: 1px solid #CFCFCF !important;

        border-radius: 5px !important;

	box-shadow: 2px 3px 8px #777777 !important;
}



.qtip-content {

	color: #777777 !important;

    font-family: Arial,Helvetica,sans-serif !important;

    font-size: 11px !important;

    line-height: 15px !important;

    padding: 12px 15px !important;

}



.qtip-betweenCorners {

	background-color: #ffffff !important;

}

.qtip-contentWrapper {

	border-color: #ffffff !important;

	border-width: 0px 0px !important;

}

.qtip-borderTop, .qtip-borderBottom { display: none !important; }

  /* Css added by DS for Contact us page regarding Head Quarter address. */

  .headOffice {
	  background: none repeat scroll 0 0 #F5F5F5;
	  border-radius: 5px;
      float: left;
      width: 90%;
      margin: 40px 0px 40px 0px;
      /*margin: 40px 0px 40px 30px;*/
      padding: 30px;
  }

  .dotted-line {
	  border-top: 1px dotted;
	  margin: 10px 0px 15px 0px;
  }

  .address{
	  float: left;
	  width: 85%;
  }

  .address p {
	  color: #000000;
	  line-height: 20px;
  }

  .address-left {
	  float: left;
	  width: 50%;

  }

  .address-right {
	  float: right;
	  width: 50%;

  }

  #first_nameInfo, #emailInfo, #companyInfo, #subjectInfo, #detailsInfo {
	  color: red;
	  font-size: 14px;
  }

  #system-message-container dd.message {
	  font-size: 20px;
	  margin-top: 20px;
	  color: green;
  }

  #system-message-container dt.message {
	  display: none;
  }


  /* CSS for Head Quarter address ends. */

  /* Css for client's page */

  .rightImage {
	  float: right;
	  /*padding-left: 60px; */
  }

  .leftImage {
	  float: left;
	  /*padding-right: 60px;*/
  }
  /* Css for client's page ends. */


  /* Css for readmore blog page */

  .item-page-blog {
	  margin: 30px 0px 50px 40px;
	  width: 68%;
	  float: left;
  }

  .item-page-blog h2{
	  margin-bottom: 40px;
	  font-size: 30px;
	  color: #00649E;
  }

   .item-page-blog p {
        font-size: 14px;
        line-height:25px;
        padding-bottom: 15px;

  }

  .item-page-blog p img {
    margin: 25px 0px;
	margin-bottom:2px;
  }

  /* Css for readmore blog page ends. */


  .chat img, .support img, .phone img {
	  vertical-align: middle;
	  padding: 0px 10px 5px 0px;
  }

  .chat, .support, .phone{
	  font-size: 14px;
	  color: #777777;
  }

  /* code added for latest tweets module */
  .twtr-widget .twtr-tweet-wrap { padding: 6px 0px !important; }



  .free_tria_bt .tryFreeText span.freetrialimage img {
    margin-left: 23px;
    margin-bottom: 0px;
  }

  .free_tria_bt .tryFreeText {
    background-color: #85C446;
      border-radius: 3px 3px 3px 3px;
    /*  float: left;*/
      /*padding: 22px 27px 22px 40px;*/
	  padding: 18px 0px 18px 0px;
  }

  .free_tria_bt .tryFreeText span.tryfree  {
      font-size: 28px;
      font-family: proximanova-semibold;
      color: #ffffff;
  }

  .pricing_block  .free_tria_bt .tryFreeText {
	  text-align: center;
  }


  .free_tria_bt .click {
      float: left;
      font-size: 13px;
      padding:10px 0px 50px 0px;
	  text-align: center;
	  width: 100%;
  }

  .free_tria_bt .click a {
      color:#1FB4E9;
  }


  /* Css for try it free button in home page slider. */

  .textSlide .tryFreeText {
      background-color: #85C446;
      border-radius: 3px 3px 3px 3px;
      float: left;
      padding: 17px 35px;
  }

  .textSlide .tryFreeText span.tryfree {
      font-size: 36px;
      font-family: proximanova-semibold;
      color: #ffffff;
  }

  .textSlide .tryFreeText span.credit {
      color: #005A56;
      float: left;
      font-family: proximanova-regular;
      font-size: 12px;
      padding: 5px 0 0 20px;
  }

  .textSlide .click {
      color: #FFFFFF;
      float: left;
      font-family: tahoma;
      font-size: 13px;
      padding: 15px 32px;
  }

  .textSlide .click a {
      color:#ffffff;
      font-weight: bold;
  }

  /*Added by VG(31/12/2012) for COntact content color*/
  .contact_font_colr{
	  color: #000000;
	  margin-bottom: 20px;

  }

  .blog ul li {
  float:left;
	  padding-left: 10px;
  }

  .item-page-about-us {
		float:left;
		margin-left:40px;
   }

   .item-page-about-us h1 {
     line-height:49px;
  }

  .about-us {
    float:left;
    /*width:100%;*/
    margin:40px 0px 50px 40px ;
  }

  .about-us .block{
    float:left;
    width: 58%;
  }

  .about-us .block p {
      font-size:16px;
      font-style:normal;
      font-weight: 400;
      line-height: 25px;
       margin-bottom: 15px;
  }

  .about-us .image{
    width:32%;
	margin-top: 45px;
  }

  .allposts {
    background-color: #85C446;
      border-radius: 3px 3px 3px 3px;
      float: left;
      font-size: 25px;
      font-style: normal;
      font-weight: 500;
      /*padding: 15px 30px 20px 25px;*/
	  padding: 18px 30px;
      margin: 0px 0px 50px 0px;

  }

  .allposts img {
    vertical-align: sub;
    margin-right:15px;
  }

  .allposts a {
    color: #ffffff;
  }

  .news_contant .news_blog h2 {
		  margin: 0px;
		  }

	  .news_contant .news_blog h2 a {
		  color: #00AAE7;
		  /*font-size: 30px;*/
		  font-size: 28px;
		  font-weight: 500;
		  font-style:normal;
		  margin:0px;
	  }

	  .news_contant .news_blog p {
		  margin: 25px 0px;
		  }

  .singlenews {
	  float:left;
	  width: 65%;
	  margin:40px 0px 0px 40px;
	  }

  .singlenews h1 {
	  font-style:normal;
	  font-weight:300;

	  }

.pagination
{
	width:150px;
	margin:0 auto;
	clear:both;
	padding: 30px 0 60px 0;
}

.pagination-start, .pagination-end
{
	display:none;
}

.pagination li {
	display:none;
}

.pagination-prev, .pagination-next
{
	display:block !important;
}

.pagination-prev a {
	background: url(../images/blog_prev.png) no-repeat;
	    height: 15px;
    padding: 18px 5px;
    width: 41px;;
	float:left;
}

.pagination-prev span {
	background: url(../images/blog_dis_prev.png) no-repeat;
	    height: 15px;
    padding: 18px 5px;
    width: 41px;
	float:left;
}


.pagination-next a {
	background: url(../images/blog_next.png) no-repeat;
	    height: 15px;
    padding: 18px 5px;
    width: 41px;
	float:right;
}

.pagination-next span {
	background: url(../images/blog_dis_next.png) no-repeat;
	    height: 15px;
    padding: 18px 5px;
    width: 41px;
	float:right;
}
.pagination .new
{
	text-indent:-9999px;
}
/* added by India 30 Apr 2013 */
.contant .block .float_r_new{ width:43.5%; text-align:center; line-height: 170px; float: right;}


/********** Styles added by India *******/
.bold_text { font-weight: bold;}
div.div_inner_container { clear: both; overflow: auto;}
div.div_left_panel { float: left; width: 500px;}
div.div_right_panel { float: right; width: 350px; padding: 23px 40px 40px 40px; background: #e7e7e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 40px;}
h1.new_heading1 { font-family: "proxima-nova",sans-serif; font-size: 42px; color: #00649e; padding-top: 29px; margin-bottom: 37px;}
div.div_left_panel p.para1, div.cppnl_left p.para1 { font-family:'helvetica'; font-size: 16px; line-height: 24px; color: #777; margin-bottom: 27px;}
div.div_left_panel p.para2, div.cppnl_left p.para2 { font-family:'helvetica'; font-size: 16px; line-height: 24px; color: #777; margin-bottom: 11px; font-weight: bold;}
div.div_left_panel ul, div.cppnl_left ul { font-family:'helvetica'; font-size: 16px; line-height: 24px; padding-left: 24px;}
div.div_left_panel ul li, div.cppnl_left ul li { padding: 8px 0px 8px 8px; list-style: disc; color: #777; }
p.heading1 { font-family: "proxima-nova",sans-serif; color: #00467F; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; margin: 0 auto 25px auto;}

div.formcontainer {}
div.row_container { clear: both;}

input[type="text"].txtbox1 { width: 346px; height: 30px; border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 10px auto; font-size: 20px; font-family: "proxima-nova",sans-serif; color: #999;}
input[type="text"].txtbox2 { width: 259px; height: 30px; border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 10px auto; font-size: 20px; font-family: "proxima-nova",sans-serif; color: #999;}

/****** Landing page style *****/
div.landingpanel1 { clear: both; overflow: auto;}
div.landing_leftpanel { float: left; width: 575px; padding-top: 44px;}

div.landing_leftpanel ul { font-family:'helvetica'; font-size: 16px; line-height: 24px; padding-left: 24px;}
div.landing_leftpanel ul li { padding: 8px 0px 8px 8px; list-style: disc; color: #777; }
div.landing_leftpanel p { font-family:'helvetica'; font-size: 16px; line-height: 24px; color: #777; margin-bottom: 27px;}
div.landing_rightpanel { float: right;  width: 320px; padding-right: 10px;}
div.landing_leftpanel p.para3 { font-family:'helvetica bold', helvetica, arial ; font-size: 16px; line-height: 24px; color: #00aae7; font-weight: bold; padding-top: 31px;}

div.laptopimg { position: absolute; }

div.landingpanel2 { clear: both; background: #f5f5f5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 34px; overflow: auto; padding-bottom: 20px; margin-bottom: 40px;}
div.bottom_left { text-align: center; float: left; margin-left: 70px; width: 300px;}
div.bottom_left a { display: inline-block;}
div.bottom_left span { margin-top: 12px; display: block; clear: both;}

div.bottom_right { text-align: justify; position: relative; float: right; width: 51%; padding-right: 50px; }
div.bottom_right p.para4 { font-family: "proxima-nova",sans-serif; font-size: 20px; color: #000; margin-bottom: 12px;}
div.bottom_right p.para5 { font-family:'helvetica'; font-size: 13px; line-height: 21px; color: #777;}

/****** conversion page style *****/
div.cppnl_left { float: left; width: 520px;}
div.cppnl_left p.para6 { background: url(../images/cpimg_1.png) no-repeat 0px 6px; font-family:'helvetica'; font-size: 16px; line-height: 24px; color: #777; padding-left: 45px; margin-bottom: 37px;}

div.cppnl_right { width: 270px; padding: 23px 40px 40px 40px; background: #e7e7e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 40px auto 10px auto;}
div.cppnl_right_outer { float: right;}
a.btn_download_casestudy { display: block; background: url(http://www.hyrell.com/templates/hyrell/images/btn_download_case_study.png) no-repeat 0px 0px; width: 271px; height: 66px; }
.hagel-box{
	border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 20px;
    width: 88%;
	margin-bottom:25px;
}



/**** Pricing page update ****/
.page-pricing {

}
	.page-pricing h1 {
		color: #4794c9;
		font-size: 36px;
		margin: 0 30px 10px 30px;
	}
	.page-pricing h2 {
		clear: both;
		margin: 0 30px 40px 30px;
	}
	.page-pricing .gray {
		background: #f5f5f5;
		width: 100%;
		margin: 0 0 0 -38px;
		padding: 40px 38px 1px 38px;
	}

	.page-pricing .pricing-boxes {
		margin: 0 0 15px 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
		.page-pricing .pricing-boxes li {
			float: left;
			width: 135px;
			height: 455px;
			margin: 0 20px 20px 0;
			padding: 20px;
			background: #fff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.page-pricing .pricing-boxes li.enterprise {
			margin-right: 0;
		}
			.page-pricing .pricing-boxes li p {
				text-align: center;
				margin: 0;
				padding: 0;
				font-size: 14px;
				color: #a5a5a5;
			}
		  	.page-pricing .pricing-boxes li h3 {
				text-transform: uppercase;
			  	font-size: 13px;
			  	font-weight: bold;
			  	color: #777;
			  	text-align: center;
			  	margin: 0 0 20px 0;
		  	}
		  	.page-pricing .pricing-boxes li .info {
			  	font-family: 'ProximaNova-Light', sans-serif;
			  	font-size: 37px;
			  	color: #00aae7;
			  	text-align: center;
			  	margin: 0 0 15px 0;
		  	}
				.page-pricing .pricing-boxes li .info small {
					display: block;
					font-size: 18px;
				}
		  	.page-pricing .pricing-boxes li .buttons {
				border-top: 1px solid #eaeaea;
				border-bottom: 1px solid #eaeaea;
				margin: 15px 0;
				padding: 10px 0;
			}
		  	.page-pricing .pricing-boxes li .buttons a {
				font-family: 'ProximaNova-Light', sans-serif;
				display: block;
				margin: 7px 0;
				line-height: 30px;
				background: #85c446;
				text-align: center;
				color: #fff;
				font-size: 15px;
				text-transform: uppercase;
				font-weight: bold;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
		  	.page-pricing .pricing-boxes li .buttons a.blue {
				background: #00aae7;
			}
	.page-pricing .info .custom_loved {
		margin-top: 15px;
	}
	.page-pricing .testimonials_slider {
		margin-top: 0;
		margin-bottom: 40px;
	}
	.page-pricing .faq-link {
		text-align: right;
		color: #a5a5a5;
		font-size: 13px;
		margin: 40px 0 20px 0;
	}
	.page-pricing .pricing-table {
		min-width: 675px;
		text-align: left;
		margin: 20px 0 40px 0;
		width: 100%;
		border-bottom: 1px solid #e3e3e3;
		border-spacing:0;
		border-collapse:collapse;
	}
		.page-pricing .pricing-table th {
			color: #a5a5a5;
			vertical-align: bottom;
			height: 91px;
		}
		.page-pricing .pricing-table td {
			border-top: 1px solid #e3e3e3;
			font-size: 16px;
			color: #777;
			text-align: left;
			vertical-align: middle;
		}
		.page-pricing .pricing-table .check {
			display: block;
			width: 17px;
			height: 13px;
			overflow: hidden;
			text-indent: 20px;
			background: url('../images/pricing_table_check.png') no-repeat top left;
		}
		.page-pricing .pricing-table .text {
			padding: 15px 130px 15px 30px;
		}
		.page-pricing .pricing-table th.text {
			padding-bottom: 30px;
		}
		.page-pricing .pricing-table th.heading {
			width: 50px;
			padding-bottom: 30px;
		}
			.page-pricing .pricing-table th.heading span {
				display: none;
			}
			.page-pricing .pricing-table th.heading-first span {
				display: block;
				position: absolute;
				width: 256px;
				text-indent: 300px;
				overflow: hidden;
				height: 91px;
				margin-top: -91px;
				background: url('../images/pricing_table_heading.png') no-repeat top left;
			}
		.page-pricing .pricing-table h2 {
			font-size: 36px;
			margin: 0 0 5px 0;
		}
		.page-pricing .pricing-table .info {
			display: inline-block;
			width: 14px;
			height: 13px;
			padding: 4px;
			overflow: hidden;
			vertical-align: middle;
			white-space: nowrap;
			text-indent: 20px;
			background: url('../images/pricing_table_info.png') no-repeat center center;
		}
	.page-pricing .main-buttons {
		clear: both;
		overflow: hidden;
		margin: 70px 0 50px 0;
		padding-left: 120px;
	}
		.page-pricing .main-buttons a {
			display: block;
			padding: 25px 40px;
			margin: 0 20px 20px 0;
			float: left;
			background: #85c446;
			color: #fff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			font-family: 'ProximaNova-Light', sans-serif;
			font-weight: bold;
			font-size: 27px;
		}
		.page-pricing .main-buttons .start {

		}
		.page-pricing .main-buttons .demo {
			background: #009ada;
		}
	.page-pricing .sales-faq {
		list-style: none;
		margin: 30px 30px 40px 30px;
		padding: 0;
		overflow: hidden;
	}
		.page-pricing .sales-faq li {
			margin: 10px 0;
			width: 50%;
			float: left;
		}
			.page-pricing .sales-faq li h3 {
				color: #000;
				margin: 0 40px 0 0;
				font-size: 18px;
				font-weight: bold;
			}
			.page-pricing .sales-faq li p {
				color: #777;
				margin: 10px 40px 10px 0;
				font-size: 16px;
			}
		.page-pricing .sales-faq .faq-even {
			float: left;
			clear: left;
		}
		.page-pricing .sales-faq .faq-odd {
			float: right;
			clear: right;
		}
	.qtip {
		opacity: .90;
	}