#wrapper .footer {
  background-color: #3D3D3D;
  color: #F0F0F0; }

a, #wrapper .footer button.af-slide.submit, #wrapper a, #wrapper .footer a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out; }
.nav-box #megaMenu span, #wrapper a, #wrapper p, #wrapper li, #wrapper ul, #wrapper ol, #wrapper span, #wrapper div, #wrapper h1, #wrapper h2 {
  font-family: 'Poppins', Arial, sans-serif; }

#wrapper .footer .form-horizontal .af-slide select {
  -webkit-appearance: none;
  -moz-appearance: none; }

/******************************************************************************** 
    Contact form btn
********************************************************************************/
/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
#wrapper .footer {
  background-color: #3D3D3D;
  color: #F0F0F0; }

a, #wrapper .footer button.af-slide.submit, #wrapper a, #wrapper .footer a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.nav-box #megaMenu span, #wrapper a, #wrapper p, #wrapper li, #wrapper ul, #wrapper ol, #wrapper span, #wrapper div, #wrapper h1, #wrapper h2 {
  font-family: 'Poppins', Arial, sans-serif; }

#wrapper .footer .form-horizontal .af-slide select {
  -webkit-appearance: none;
  -moz-appearance: none; }
  .hauto div.af-slide{
	  height: auto !important;
  }

/******************************************************************************** 
    Contact form btn
********************************************************************************/
a {
  color: #F1F0F0;
  text-decoration: none !important;
  outline: 0px;
  border-radius: 2px;
  line-height: initial; }
  a:hover {
    color: #E38F25;
    text-decoration: none !important;
    outline: 0px; }


/******************************************************************************** 
    buttons 
********************************************************************************/
#wrapper a.transBlackBG {
  color: #fff;
  font-size: 16px;
  padding: 10px 25px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  /* Landscape phones and down */ }
  #wrapper a.transBlackBG em {
    padding-right: 8px;
    font-size: 15px; }
  #wrapper a.transBlackBG:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff; }
  @media (max-width: 768px) {
    #wrapper a.transBlackBG {
      padding: 7px 12px; } }

#wrapper .footer button.af-slide.submit {
  float: right;
  width: 105px;
  background-color: #E38F25;
  border-color: #D3730B;
  text-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  /* Landscape phones and down */ }
  @media (max-width: 768px) {
    #wrapper .footer button.af-slide.submit {
      float: none; } }
  #wrapper .footer button.af-slide.submit:hover {
    background-color: #DB7E19;
    border-color: #DB7E19; }
  #wrapper .footer button.af-slide.submit:before {
    font-family: 'FontAwesome';
    content: '\f1d8';
    margin: 0 5px 0 -15px; }

/******************************************************************************** 
    back to top 
********************************************************************************/
#return-to-top {
  z-index: 9;
  position: fixed;
  bottom: 16px;
  right: 10px;
  background: #e48e07;
  background: rgba(228, 142, 7, 0.6);
  width: 35px;
  height: 35px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #return-to-top em {
    color: #fff;
    margin: 0;
    position: relative;
    left: 10px;
    top: 9px;
    font-size: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #return-to-top:hover {
    background: rgba(228, 142, 7, 0.9); }
    #return-to-top:hover em {
      color: #fff;
      top: 5px; }

.bannerPaneContainer {
  background-image: url(/portals/0/Images/home-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0; }

/******************************************************************************** 
    bullet point
********************************************************************************/
#wrapper ul {
  list-style-type: none; }
  #wrapper ul li {
    background: url(/Portals/0/Images/btn-bullet.svg) left center no-repeat;
    padding: 4px 0 4px 30px; }

#wrapper #megaMenu ul li,
#wrapper ul[role=tablist] li {
  background: none;
  padding: 0; }

/******************************************************************************** 
    Employers page tab
********************************************************************************/
#wrapper .verticalTabs {
  display: table;
  position: relative;
  background-color: #ebebeb; }
  #wrapper .verticalTabs ul[role=tablist] {
    float: left;
    width: 30%;
    margin-left: 0; }
    #wrapper .verticalTabs ul[role=tablist] li[role=presentation] {
      width: 100%;
      background: #676767; }
      #wrapper .verticalTabs ul[role=tablist] li[role=presentation].active a {
        background: #ebebeb;
        color: #E38F25; }
      #wrapper .verticalTabs ul[role=tablist] li[role=presentation] a {
        border-top: 1px solid #ebebeb;
        color: #ebebeb;
        border-left: 0;
        border-right: 0;
        margin: 0;
        border-radius: 0; }
        #wrapper .verticalTabs ul[role=tablist] li[role=presentation] a:hover {
          color: #E38F25; }
  #wrapper .verticalTabs div.tab-content {
    float: left;
    width: 70%; }
    #wrapper .verticalTabs div.tab-content ul, #wrapper .verticalTabs div.tab-content p, #wrapper .verticalTabs div.tab-content span, #wrapper .verticalTabs div.tab-content a {
      margin: 30px 50px;
      /* Landscape phones and down */ }
      @media (max-width: 480px) {
        #wrapper .verticalTabs div.tab-content ul, #wrapper .verticalTabs div.tab-content p, #wrapper .verticalTabs div.tab-content span, #wrapper .verticalTabs div.tab-content a {
          margin: 10px; } }
    #wrapper .verticalTabs div.tab-content a {
      bottom: 20px;
      position: absolute;
      right: 0;
      color: #E38F25; }

/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
.nav-box {
  /* Landscape phones and down */ }
  @media (max-width: 1199px) {
    .nav-box {
      width: 100%; }
      .nav-box #nav_box #megaMenu .category {
        background: none;
        left: 0;
        position: static;
        width: auto;
        margin-top: 0px;
        padding: 0;
        border: 0px solid;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-top: 1px solid #bababa; }
        .nav-box #nav_box #megaMenu .category:before {
          content: "";
          display: none; } }

#wrapper .footer {
  background-color: #3D3D3D;
  color: #F0F0F0; }

a, #wrapper .footer button.af-slide.submit, #wrapper a, #wrapper .footer a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.nav-box #megaMenu span, #wrapper a, #wrapper p, #wrapper li, #wrapper ul, #wrapper ol, #wrapper span, #wrapper div, #wrapper h1, #wrapper h2 {
  font-family: 'Poppins', Arial, sans-serif; }

#wrapper .footer .form-horizontal .af-slide select {
  -webkit-appearance: none;
  -moz-appearance: none; }

/******************************************************************************** 
    Contact form btn
********************************************************************************/
/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
/******************************************************************************** 
    banner rotator 
********************************************************************************/
#myCarousel .carousel-control.right,
#myCarousel .carousel-control.left {
  background: none;
  color: #333; }

.carousel-control {
  text-shadow: none; }

.fa-chevron-left,
.fa-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px; }

.carousel-inner .item {
  width: 100%; }
  .carousel-inner .item img {
    width: 100%; }

/******************************************************************************** 
    hot jobs rotator 
********************************************************************************/
.fullWidthBG {
  background: url(/portals/0/Images/Hot-Job-BG.jpg) no-repeat;
  background-size: cover; }

.BGoverlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 40px 0; }

#wrapper .slickCarousel ul {
  margin-left: 0; }
#wrapper .slickCarousel .slick-slide {
  height: auto;
  min-height: 314px;
  background-color: rgba(255, 255, 255, 0.85);
  margin: 0 10px;
  padding: 10px 30px;
  outline: 0; }
  #wrapper .slickCarousel .slick-slide h4 a {
    color: #2C2C2C;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5; }
    #wrapper .slickCarousel .slick-slide h4 a:hover {
      color: #E38F25; }
  #wrapper .slickCarousel .slick-slide hr {
    border-color: rgba(0, 0, 0, 0.1);
    margin: 15px 0; }
  #wrapper .slickCarousel .slick-slide .subtitle {
    color: #E38F25; }
  #wrapper .slickCarousel .slick-slide p.readmore a {
    color: #E38F25;
    float: right; }
#wrapper .slickCarousel button {
  /* Landscape phones and down */ }
  #wrapper .slickCarousel button:before {
    content: ' ';
    height: 80px;
    width: 20px;
    display: table;
    margin-top: -20px; }
  @media (max-width: 480px) {
    #wrapper .slickCarousel button {
      display: none !important; } }
#wrapper .slickCarousel button.slick-prev:before {
  background: url("/Portals/0/Images/btn-arrowLeft.svg") no-repeat; }
#wrapper .slickCarousel button.slick-next:before {
  background: url("/Portals/0/Images/btn-arrowRight.svg") no-repeat; }
#wrapper .slickCarousel ul.slick-dots li {
  background: none;
  padding: 0; }
  #wrapper .slickCarousel ul.slick-dots li:before {
    font-family: 'FontAwesome';
    content: '\f111';
    margin: 0 5px 0 -15px;
    color: #fff; }
  #wrapper .slickCarousel ul.slick-dots li.slick-active:before {
    color: #E38F25; }

#wrapper .LightGreyBG .slickCarousel.slick-slider {
  margin-bottom: 80px; }

/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
#wrapper .footer {
  background-color: #3D3D3D;
  color: #F0F0F0; }

a, #wrapper .footer button.af-slide.submit, #wrapper a, #wrapper .footer a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.nav-box #megaMenu span, #wrapper a, #wrapper p, #wrapper li, #wrapper ul, #wrapper ol, #wrapper span, #wrapper div, #wrapper h1, #wrapper h2 {
  font-family: 'Poppins', Arial, sans-serif; }

#wrapper .footer .form-horizontal .af-slide select {
  -webkit-appearance: none;
  -moz-appearance: none; }

/******************************************************************************** 
    Contact form btn
********************************************************************************/
/******************************************************************************** 
    blog (_EDNtemplate)
********************************************************************************/
#wrapper .eds_news_Vision * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
#wrapper .eds_template_List_Article_Simple_AR span.EDN_simpleDate {
  /* Landscape phones and down */ }
  @media (max-width: 768px) {
    #wrapper .eds_template_List_Article_Simple_AR span.EDN_simpleDate {
      text-align: center; } }
#wrapper .EDN_article.EDN_articleSimpleAR {
  margin: 40px 0 40px; }
  #wrapper .EDN_article.EDN_articleSimpleAR .col-md-8 {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 25px; }
  #wrapper .EDN_article.EDN_articleSimpleAR .EDN_article_content ul li {
    background: url(/Portals/0/Images/btn-bullet.svg) left center no-repeat !important;
    padding: 4px 0 4px 30px !important; }
  #wrapper .EDN_article.EDN_articleSimpleAR a.EDN_simpleArticleImage {
    border: 0;
    padding: 0;
    /* Landscape phones and down */ }
    @media (max-width: 768px) {
      #wrapper .EDN_article.EDN_articleSimpleAR a.EDN_simpleArticleImage {
        width: 100%;
        text-align: center; } }
  #wrapper .EDN_article.EDN_articleSimpleAR h3 {
    padding-top: 5px;
    /* Landscape phones and down */ }
    @media (max-width: 768px) {
      #wrapper .EDN_article.EDN_articleSimpleAR h3 {
        text-align: center;
        margin-bottom: 0; } }
    #wrapper .EDN_article.EDN_articleSimpleAR h3 a {
      font-size: 15px; }
  #wrapper .EDN_article.EDN_articleSimpleAR span.EDN_simpleDate, #wrapper .EDN_article.EDN_articleSimpleAR a.EDN_simpleArticleContinue {
    font-size: 11px;
    padding: 10px 0;
    display: block;
    color: #E38F25; }
    #wrapper .EDN_article.EDN_articleSimpleAR span.EDN_simpleDate:hover, #wrapper .EDN_article.EDN_articleSimpleAR a.EDN_simpleArticleContinue:hover {
      color: #DB7E19; }
  #wrapper .EDN_article.EDN_articleSimpleAR a.EDN_simpleArticleContinue {
    text-align: right;
    /* Landscape phones and down */ }
    @media (max-width: 768px) {
      #wrapper .EDN_article.EDN_articleSimpleAR a.EDN_simpleArticleContinue {
        text-align: right; } }
  #wrapper .EDN_article.EDN_articleSimpleAR .edn_article_gallery ul li {
    background: none;
    padding: 0; }
#wrapper .EDN_details.EDN_articleSimpleAR h1 {
  font-size: 23px; }
#wrapper .eds_news_Vision.eds_subCollection_news .EDN_article.EDN_details h1 {
  font-size: 23px; }
#wrapper .EDN_mediaContainer {
  width: 100%; }
#wrapper .eds_news_Vision.eds_subCollection_news .EDN_article .EDN_mediaContainer:before,
#wrapper .eds_news_Vision.eds_subCollection_news .EDN_article .EDN_mediaContainer:after {
  background: none; }
#wrapper .eds_news_Vision.eds_subCollection_news .article_pager {
  border: 0;
  margin: -10px 0 35px; }
  #wrapper .eds_news_Vision.eds_subCollection_news .article_pager a {
    border: 0;
    box-shadow: none;
    padding: 5px;
    font-size: 12px; }
    #wrapper .eds_news_Vision.eds_subCollection_news .article_pager a.active {
      color: #E38F25; }
#wrapper .edn_socialPrintWrapper .EDN_social-media-plugin {
  margin-right: 5px; }
  #wrapper .edn_socialPrintWrapper .EDN_social-media-plugin .addthis_button_google_plusone {
    width: 62px; }
  #wrapper .edn_socialPrintWrapper .EDN_social-media-plugin .addthis_button_linkedin_counter {
    margin-right: 3px; }
#wrapper .edn_socialPrintWrapper .edn_printButton span {
  line-height: 10px; }
#wrapper .eds_news_Vision.eds_subCollection_news .EDN_article.EDN_details .edn_socialPrintWrapper {
  margin: 20px 0 0; }
#wrapper .edn_printButton {
  display: none; }

/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
#wrapper .footer {
  background-color: #3D3D3D;
  color: #F0F0F0; }

a, #wrapper .footer button.af-slide.submit, #wrapper a, #wrapper .footer a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.nav-box #megaMenu span, #wrapper a, #wrapper p, #wrapper li, #wrapper ul, #wrapper ol, #wrapper span, #wrapper div, #wrapper h1, #wrapper h2 {
  font-family: 'Poppins', Arial, sans-serif; }

#wrapper .footer .form-horizontal .af-slide select {
  -webkit-appearance: none;
  -moz-appearance: none; }

/******************************************************************************** 
    Contact form btn
********************************************************************************/
/******************************************************************************** 
    nav menu 
********************************************************************************/
#logo {
  float: left;
  width: 300px;
  /* Landscape phones and down */ }
  #logo img {
    width: 100%; }
  @media (max-width: 480px) {
    #logo {
      width: 190px; } }

#wrapper .navbar {
  margin: 30px 0;
  /* Landscape phones and down */ }
  @media (max-width: 480px) {
    #wrapper .navbar {
      margin: 0; } }

.nav-box {
  float: right;
  margin-top: 14px; }
  .nav-box ul {
    margin: 0; }
  .nav-box #megaMenu .breadcrumb {
    padding: inherit;
    margin-bottom: auto;
    list-style: none;
    background: none;
    border-radius: 0; }
    .nav-box #megaMenu .breadcrumb a span {
      color: #E38F25; }
  .nav-box #megaMenu .category {
    position: absolute;
    top: 56px;
    z-index: 1210;
    width: 160px;
    display: none;
    padding: 0;
    background: none;
    background-color: #3D3D3D;
    border: 0px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px; }
    .nav-box #megaMenu .category:before {
      content: " ";
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 8px solid #3D3D3D;
      margin: auto;
      display: block;
      top: -6px;
      left: -41px;
      position: relative; }

/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
#wrapper .footer {
  background-color: #3D3D3D;
  color: #F0F0F0; }

a, #wrapper .footer button.af-slide.submit, #wrapper a, #wrapper .footer a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.nav-box #megaMenu span, #wrapper a, #wrapper p, #wrapper li, #wrapper ul, #wrapper ol, #wrapper span, #wrapper div, #wrapper h1, #wrapper h2 {
  font-family: 'Poppins', Arial, sans-serif; }

#wrapper .footer .form-horizontal .af-slide select {
  -webkit-appearance: none;
  -moz-appearance: none; }

/******************************************************************************** 
    Contact form btn
********************************************************************************/
/******************************************************************************** 
    body 
********************************************************************************/
html, body {
  margin: 0;
  padding: 0;
  height: 100%; }

#wrapper header {
  padding: 10px; }


  @media (min-width: 992px) {
    #wrapper #content {
      padding-bottom: 300px;
      /* Height of the footer element */ } }


  @media (min-width: 992px) {
    #wrapper.home #content {
      padding-bottom: 300px;
      /* Height of the footer element */ } }

  @media (min-width: 992px) {
    #wrapper .footer {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0; } }

#wrapper {
  min-height: 100%;
  position: relative; }
  #wrapper p, #wrapper li, #wrapper span {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.60; }
  #wrapper a {
    color: #2C2C2C;
    text-decoration: none !important;
    outline: 0px; }
    #wrapper a:hover {
      color: #E38F25;
      text-decoration: none !important;
      outline: 0px; }
  #wrapper .btnImage img {
    margin: 40px 0 30px;
    width: 100%;
    background: #ebebeb;
    /* Landscape phones and down */ }
    @media (max-width: 768px) {
      #wrapper .btnImage img {
        margin: 10px 0; } }

ul {
  list-style: square inside; }

ol li {
  margin-left: 36px; }

#wrapper h3 {
  font-family: Poppins, Arial, sans-serif;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  height: auto;
  letter-spacing: normal;
  margin-top: 5px; }

/******************************************************************************** 
    skins 
********************************************************************************/
.fullWidthPaneContainer {
  background-color: #ECB051; }

.overlay {
  background: transparent;
  position: relative;
  width: 100%;
  height: 450px;
  /* your iframe height */
  top: 450px;
  /* your iframe height */
  margin-top: -450px;
  /* your iframe height */ }

.LightGreyBG {
  background: #ebebeb; }

/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
#wrapper .footer {
  background-color: #3D3D3D;
  color: #F0F0F0; }

a, #wrapper .footer button.af-slide.submit, #wrapper a, #wrapper .footer a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.nav-box #megaMenu span, #wrapper a, #wrapper p, #wrapper li, #wrapper ul, #wrapper ol, #wrapper span, #wrapper div, #wrapper h1, #wrapper h2 {
  font-family: 'Poppins', Arial, sans-serif; }

#wrapper .footer .form-horizontal .af-slide select {
  -webkit-appearance: none;
  -moz-appearance: none; }

/******************************************************************************** 
    Contact form btn
********************************************************************************/
/******************************************************************************** 
    footer 
********************************************************************************/
.DNNEmptyPane.dnnSortable {
  min-height: 0 !important; }

#wrapper .footer a, #wrapper .footer span, #wrapper .footer div, #wrapper .footer input, #wrapper .footer textarea, #wrapper .footer select {
  color: #F1F0F0;
  font-size: 11px;
  font-weight: 200;
  line-height: 1.60; }
#wrapper .footer table {
  /* Landscape phones and down */ }
  @media (max-width: 480px) {
    #wrapper .footer table {
      margin: auto; } }
@media (min-width: 992px) {
    #wrapper .footer .mob-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

    /* Landscape phones and down */
    @media (max-width: 480px) {
        #wrapper .footer .mob-12 {
            width: 100%;
            padding-left: 15%;
            padding-right: 15%;
            text-align: left;
        }
        #wrapper .footer .mob-12 * {
          text-align: left!important;
          margin: 0;
      }
    }

    #wrapper .footer div.form-group:first-child div.af-slide:nth-child(4) {
        position: absolute;
        right: 0;
        /* Landscape phones and down */
    }

        #wrapper .footer div.form-group:first-child div.af-slide:nth-child(4) textarea {
            width: 100%;
            height: 98px !important;
        }

    @media (max-width: 768px) {
        #wrapper .footer div.form-group:first-child div.af-slide:nth-child(4) {
            position: relative;
            height: 98px !important;
            top: 81px;
        }
    }

    #wrapper .footer .form-group:nth-child(2), #wrapper .footer .form-group:nth-child(3) {
        /* Landscape phones and down */
    }

    #wrapper .footer .form-group:nth-child(5) {
        /* Landscape phones and down */
    }

        #wrapper .footer .form-group:nth-child(5) .form-actions {
            /* Landscape phones and down */
        }

    @media (max-width: 768px) {
        #wrapper .footer .form-group:nth-child(5) .form-actions {
            margin: auto;
            display: table;
        }
    }

    #wrapper .footer .form-horizontal .af-slide {
        padding-right: 0;
        /* Landscape phones and down */
    }

    .shiftFromRight {
        margin-left: -15px;
    }

    @media (max-width: 768px) {
        #wrapper .footer .form-horizontal .af-slide {
            width: 100%;
        }
    }

    #wrapper .footer .form-horizontal .af-slide p.static {
        line-height: 12px;
        font-size: 10px;
        color: rgba(255, 255, 255, 0.6);
        margin-left: -15px;
        /* Landscape phones and down */
    }

    @media (max-width: 768px) {
        #wrapper .footer .form-horizontal .af-slide p.static {
            text-align: center;
            padding-bottom: 15px;
        }
    }

    #wrapper .footer .form-horizontal .af-slide span.text-danger {
        color: red;
    }

    #wrapper .footer .form-horizontal .af-slide select {
        padding-left: 8px;
        font-size: 10px;
        color: rgba(255, 255, 255, 0.5);
    }

        #wrapper .footer .form-horizontal .af-slide select option:first-child {
            display: none;
        }

    #wrapper .footer .bstrap30 .form-control {
        background: rgba(0, 0, 0, 0.4);
        border-radius: 0;
        border: 0;
    }

        #wrapper .footer .bstrap30 .form-control:focus {
            border: 0;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    #wrapper .footer .bstrap30 .form-group {
        margin-bottom: 7px;
        margin-right: 0;
    }

        #wrapper .footer .bstrap30 .form-group .form-actions {
            padding-right: 0;
        }

    #wrapper .footer .bstrap30 .form-control {
        height: 28px;
    }

    @media (max-width: 768px) {
        #wrapper .footer .bstrap30 .form-horizontal div:nth-last-child(2) button {
            margin: auto !important;
            display: block;
        }
    }

    #wrapper .footer .footerBottom {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        padding: 4px 0;
    }

    #wrapper .footer .social {
        float: right;
        /* Landscape phones and down */
    }

        #wrapper .footer .social a {
            margin: 0 2px;
        }

    @media (max-width: 768px) {
        #wrapper .footer .social {
            float: none;
            text-align: center;
            padding: 10px 0;
        }
    }

    #wrapper .footer .innerSpace {
        padding: 30px 20px;
    }

    #wrapper .footer .copyRight {
        padding-top: 7px;
        /* Landscape phones and down */
    }

    @media (max-width: 768px) {
        #wrapper .footer .copyRight {
            text-align: center;
        }
    }

    #wrapper .footer .copyRight a {
        /* Landscape phones and down */
        /* Landscape phones and down */
    }

    @media (max-width: 768px) {
        #wrapper .footer .copyRight a {
            text-align: center;
            float: none;
        }
    }

    @media (max-width: 992px) {
        #wrapper .footer .copyRight a {
            float: left;
            width: 100%;
        }
    }

    #wrapper .footer .copyRight span {
        /* Landscape phones and down */
    }

    @media (max-width: 992px) {
        #wrapper .footer .copyRight span {
            display: none;
        }
    }

    #wrapper .footer a {
        color: #F1F0F0;
        text-decoration: none !important;
        outline: 0px;
        border-radius: 2px;
        line-height: initial;
    }

        #wrapper .footer a:hover {
            color: #E38F25;
            text-decoration: none !important;
            outline: 0px;
        }

    #wrapper .footer .phFormTemplate {
        margin: 12px 0 !important;
    }

    ::-webkit-input-placeholder,
    ::-webkit-textarea-placeholder,
    :-moz-placeholder,
    ::-moz-placeholder,
    :-ms-input-placeholder,
    :-ms-textarea-placeholder {
        color: #F1F0F0;
        font-size: 11px;
        font-weight: 200;
        line-height: 1.60;
    }

    /**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap 3 framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */

    /*# sourceMappingURL=Stylesheet.css.map */

    div.ja-form {
        background-color: #E38F25;
    }

        div.ja-form label {
            color: #FFF;
        }

        div.ja-form select, div.ja-form input {
            width: 100%;
            height: 35px;
            margin-top: 2px;
            color: #2C2C2C;
            outline: 0;
            border: 0;
            padding-left: 10px;
            background-color: #fff;
            border-radius: 0;
        }

        div.ja-form .ja-field-container, div.ja-form .ja-submit {
            width: 44%;
            display: inline-block;
            margin: 10px 15px 10px 15px;
        }

        div.ja-form input.ja-button {
            width: 95px;
            height: 40px;
            background: url(/portals/0/Images/btn-Search.svg) no-repeat left;
            background-position: 10% 50%;
            color: #fff;
            font-size: 16px;
            background-color: rgba(0, 0, 0, 0.4);
            border-radius: 3px;
            margin: 0 4px;
            padding: 6px 27px;
            cursor: pointer;
            margin-left: 8px;
        }

            div.ja-form input.ja-button:hover, div.apply input.ja-button:hover {
                background-color: rgba(0, 0, 0, 0.6);
                color: #fff;
            }

    div.apply input.ja-button {
        width: auto;
        height: auto;
        color: #fff;
        font-size: 16px;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 4px;
        margin: 0 120px;
        padding: 6px 27px;
        cursor: pointer;
    }

    .ja-job-search {
        margin-top: 40px;
    }

    .ja-form {
        padding: 10px;
    }

    .ja-pager-container {
        text-align: center;
        margin-top: 10px;
    }

    .ja-pager span, .ja-pager a {
        margin: 3px;
    }

    div.ja-job-details div.apply {
        margin-top: 10px;
    }

    #wrapper div.ja-submit a.transBlackBG {
        padding: 6.5px 10px;
    }

    #wrapper div.btnContainer {
        padding-right: 8px;
    }

    #ja-jobs-widget a {
        line-height: 1;
    }

    @media (max-width: 580px) {
        div.ja-form .ja-field-container, div.ja-form .ja-submit {
            width: 92%;
        }
    }

    @media (max-width: 800px) {
        #ja-jobs-widget h2 {
            font-size: 20px;
        }

        #wrapper .footer .form-horizontal .has-error .af-slide {
            /*margin-top: 25px;*/
            margin-top: -7px;
        }
    }

    #wrapper .DNNContainer_Title_h2_darkObg div.jobAdderFwd select {
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
    }

    #wrapper .footer .form-horizontal .af-slide select {
        padding: 6px 12px;
    }
    /*#wrapper .footer .bstrap30 .form-group {
    margin-bottom: -2px;*/


    #Body #wrapper .footer textarea[id$='ContactMessageTextArea'] {
        height: 133px;
    }

    #Body #wrapper .footer select[id$='ContactCategorySelect'] option {
        background: rgba(0, 0, 0, 0.7);
        color: #F1F0F0;
    }

    #Body #wrapper .footer div.submit-confirm,
    #Body #wrapper .footer div.server-error {
        color: #E38F25;
        background: #3D3D3D;
        border-color: #D3730B;
    }

    @media (max-width: 769px) {
        #Body #wrapper .footer select[id$='ContactCategorySelect'],
        #Body #wrapper .footer span[for$='ContactCategorySelect'] {
        }

        #Body #wrapper .footer input[id$='ContactEmailInput'],
        #Body #wrapper .footer span[for$='ContactEmailInput'] {
        }

        #Body #wrapper .footer input[id$='ContactNameInput'],
        #Body #wrapper .footer span[for$='ContactNameInput'] {
            position: relative;
            top: -10px;
        }
    }