@media (min-width: 1200px){
	.container{
    max-width: 1170px;
    margin:0 auto;
    padding:0;
  }
  body.helix-ultimate .sppb-row-container{
    max-width: 1170px;
    padding: 0;
  }
  #offcanvas-toggler{display:none;}
  #sp-page-builder .page-content{
      max-width: 1170px;
      margin:0 auto;
      background:#fff;
  }
  .col-lg-12.col-xl-9{
    flex: 0 0 100%;max-width: 100%;
  }
  .search .form-group {
    width: 30%;
  }
  .search .form-group .chzn-container .chzn-drop, .search .form-group .chzn-container .chzn-single {
    width: 50%;
  }
  .search .form-group.search-display .chzn-container .chzn-drop, .search .form-group.search-display .chzn-container .chzn-single {
    width: 20%;
  }
  .search .form-group.search-only {
    width: 100%;
  }
  #sp-bottom2{
    .sp-module {
      h3.sp-module-title{
        padding-left:8px;
      }
      ul.menu{
        padding-left:8px;
      }
    }
  }
  #sp-bottom3{
    .sp-module {
      h3.sp-module-title{
        padding-left:20px;
      }
      ul.menu{
        padding-left:20px;
      }
    }
  }
  #sp-bottom4{
    .sp-module {
      h3.sp-module-title{
        padding-left:46px;
      }
      ul.menu{
        padding-left:46px;
      }
    }
  }
  #sp-bottom5{
    .sp-module.mobile-app{
      h3.sp-module-title{
        padding-left:86px;
      }
      .custom.mobile-app{
        padding-left:86px;
      }
    }
  }
  #sp-tab{
    .sjjobs-tabs{
      .tabs-content{
        padding: 43px 45px 12px;
        overflow:hidden;
        .items-inner{
          .items-grid{
            width: 24.615%;
          }
        }
      }
    }
  }
  div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue div#experienceminimaxdiv .chosen-container, div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue div#educationminimaxdiv .chosen-container{padding-right:1%;}
  .sj_jobsearch .sj_job_search_show_content .sj_job_search_item input{height:45px;line-height:45px;}
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
    margin-bottom: 0;
}
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}

strong {
    color: #333333;
}
iframe {
    border: none;
    float: left;
    width: 100%;
}
::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em; }

::-webkit-scrollbar-thumb {
  background: #777; }

::-webkit-scrollbar-track {
  background: #d6d6d6; }

body {
  scrollbar-face-color: #777;
  scrollbar-track-color: #d6d6d6; }

@media only screen and (max-width: 992px) {
  ::-webkit-scrollbar {
    width: 0.3em;
    height: 0.3em; }
    ::-webkit-scrollbar-thumb {
      background: #777; }
    ::-webkit-scrollbar-track {
      background: #d6d6d6; }
    body {
      scrollbar-face-color: #777;
      scrollbar-track-color: #d6d6d6; } }
/*================ LINK & COLUMN ===================*/
.textColor {
  color: #be3d20; }
ul,
ul.menu, ol.menu, ul.blank {
  list-style: none;
  margin: 0;
  padding: 0; }

option {
  padding: 2px 5px;
  border-width: 1px; }

.alert ol li {
  list-style-type: decimal;
  margin: 0 0 5px 15px; }

img {
  max-width: 100%; }

.over {
  overflow: visible; }

.align-center {
  display: table;
  margin: 0 auto; }

.text-danger {
  color: #fff;
  display: inline-block;
  background-color: #a94442;
  padding: 0 5px;
  margin: 5px 0;
  border-radius: 3px;
  font-size: 11px; }

a {
  color: #666; }
  a:hover {
    color: #be3d20;
    text-decoration: none; }

a, a:visited, a:active, a:link, a:focus {
  cursor: pointer;
  text-decoration: none;
  outline: none; }

ol {
  counter-reset: item;
  padding: 0 0 0 15px; }

sup {
  color: #f00;
  font-size: 100%;
  top: -4px; }
.jsjobs-folderinfo input[type=checkbox],  
.search input[type="radio"]{
  margin-right: 0.3125rem;
}
select.inputbox:not([multiple]),
select.inputbox{
  height:40px;
  font-size:14px;
}
div#jsjobs-main-wrapper div.jsjobs-fieldwrapper div.jsjobs-fieldtitle{
  &.vailable{
    width:10%;
  }
}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue.published input{
  width: 96%;
}
.chosen-container-single .chosen-single{
  background-color:#fff;
}
.chosen-container-single .chosen-search input[type="text"]{
  background-image: none;
}
div#jsjobs-main-wrapper div.jsjobs-fieldwrapper div.jsjobs-fieldvalue{
  &.check{
    width:90%;
    input[type="checkbox"]{margin: 4px;}
  }
}
#sp-main-body .jsjobs-currancy select.inputbox{
  margin-left:0px !important;
}
select:not(.form-control){
  display: inline-block;
  height:40px;
  line-height:40px;
  vertical-align:top;
}
.list-inline {
  display: inline-block;
  margin: 0; }
  .container-megamenu .list-inline a {
    display: inline-block; }

.clearfix {
  clear: both; }

.img-thumbnail.pull-left {
  margin-right: 30px; }
  .img-thumbnail.pull-right {
    margin-left: 30px; }

.margin-zero {
  margin: 0; }

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-15 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left; } 
  .container{
    padding:0;
  }  
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left; } }
/* Header */
.careerfy-header-one{
  background-color: #252525;
}
.careerfy-menu{
  background-color: #fff;
}
.calendar .button{display:table-cell;}
//Module Mod Login
#myLogin{
  .modal-dialog{
    width: 360px; margin: 100px auto; z-index: 999;
    .modal-content{
        padding: 25px; border-radius: 0;
        .modal-header{border-bottom:0;padding:0;}
        h3{font-size: 24px; color: #1c1c1c; text-transform: uppercase;}
        #login-form{
            .userdata{
                margin: 0 0 20px 0;
                .inputbox{width: 100%;font-size:14px;padding:10px;}
                button{
                    text-transform: uppercase; border:none; 
                    line-height: 28px; min-width: 100px;
                    font-size:14px;
                    background: $link_color; color: #fff;
                    &:hover{ background: darken($link_color, 15%);}
                }
            }
            ul.listlogin{
                border-top: 1px solid #E7E7E7;  margin: 20px 0 10px;  padding: 10px 0px 0px;
                width:100%;
                li{
                  padding:6px 0;
                  clear: both;
                  >a{
                    color:#444;
                    &:hover{color:$link_color}
                  }
                }
            }
        }
        .btReverse {
            display: block; text-align: center; 
            background: #666; text-transform: uppercase; 
            line-height: 28px; font-size:14px;
            border:none; color: white;
            &:hover{
                background: darken($link_color, 15%);
            }
        }
    }
  } 
}
/* User Section */
.careerfy-header-one{
  .careerfy-user-section{
    float: left;
    padding: 30px 0px;
    li{
      float: left;
      list-style: none;
      padding: 6px 30px;
      position: relative;
      display:inline-block!important;
      font-size:14px;
      a{
        color:#fff;font-weight:500;
        &:hover{
          color:$link_color;
        }
      }
      ul.dropdown-menu{
        li a{
          color:#252525;
          &:hover{
            color:$link_color;
          }
        }
      }
    }  
  }
  .careerfy-header-option{
    padding: 30px 0px;
    float: left;
    margin-left:15px;
    li{
      float: left;
      list-style: none;
      line-height: 1;
      padding: 7px 15px;
      display:block !important;
      a{
        color:#fff;font-weight:500;
        &:hover{
          color:$link_color;
        }
      }
    }
  }  
}
.careerfy-right{
  display:flex;
  justify-content:flex-end;
  #login-form{padding:26px 0;}
  .login-greeting{
    display:inline;color:#fff;
  }
  .logout-button{
    display:inline;
    .btn-primary{
      font-size:14px;color:#3e3e3e;padding: 5px 10px;
      &:hover,&:active{
        box-shadow:none;
        background-color:$link_color;
        border-color:$link_color;
        color:#fff;
      }
    }
  }
  .mod-languages{
    position: relative;
    padding:32px 0;
    li{
      display:inline-block !important;margin: 0;
    }
    ul.dropdown-menu {
      background: #fff;
      border-radius: 0px;
      border: none;
      box-shadow: none;
      min-width: 100px;
      li{
        text-align:left;
        margin:0px;
        float:left;
        padding:6px 13px;
        clear:both;
        a{
          color:#3e3e3e;text-transform:uppercase;
          font-size:13px;font-weight:500;
          &:hover{
            color:$link_color;
          }
        }
      }
    }
    .simple-btn {
      padding: 12px 30px;
      background-color:$link_color;
      color:#3e3e3e;
      font-weight: 500;
      border-radius:4px;
      margin:0 8px;
      cursor:pointer;
      &:hover{
        color:#fff;
      }
    }
    a.careerfy-simple-btn {
      padding: 12px 11px;
      background-color:$link_color;
      text-transform:uppercase;
      font-weight: 500;
      color:#3e3e3e;
      border-radius:4px;
      overflow:hidden;
      position:relative;
      vertical-align:middle;
      &:hover{
        color:#3e3e3e;
      }
    }
  }
}
.careerfy-banner {
  float: left;
  width: 100%;
  background: url(../images/banner-bg.png) no-repeat 0px 0px;
  background-size:cover;
  position: relative;
  padding: 212px 0px 214px 0px;
}
.sj_jobsearch{
  .sj_job_search_show_type_search {
    display:none;
    div {
      display: inline-block;
      width: 50%;
      padding: 8px;
      text-align: center;
      font-size: 12px;
      font-weight: 700;
      color: #fff;
      cursor: pointer;
    }
  }
  .sj_job_search_show_content {
    overflow:visible;
    .sj_job_search_show_categories_item:after, .sj_job_search_show_localtion_item:after{
      top:22px;
    }
    .sj_job_search_item {
      input {
        color:#818181;
        font-size:14px;
        width: 95%;
        margin:0;
        font-weight:500;
        border: 1px solid #ebebeb;
        &.[name="search_keywords"]{
          line-height:21px;
        }
      }
      .sj_select_items {
        position: absolute;
        z-index: 50;
        width: 94%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        .sj_select_item {
          border-bottom: #ddd 1px solid;
          margin: 0 10px;
          padding: 5px 0;
          word-break: break-all;
          text-align:left;
          &.sfilter1 {overflow: hidden;}
          &.sfilter2 {max-height: 267px;}
          &.sj_job_search_show_localtion_item,
          &.sj_job_search_show_categories_item {
            cursor: pointer;
            input{
              cursor: pointer;
            }
          }
          &:hover {
            background: none;
            color:$link_color;
          }
        }
      }
    }
    .sj_job_search_show_submit_item{
      .sj_job_search_btn_submit{
        background-color:#252525;height:45px;line-height:45px;padding:0;margin:0;font-weight:500;
      }
    }
  }
  .sj_job_search_show_info{
    .sj_job_search_show_info_title {
      font-size: 50px;
      text-transform: uppercase;
      font-weight: 600;
      line-height: normal;
      padding: 15px 0 0;
      letter-spacing:2px;
      color:#fff;
    }
    .sj_job_search_show_info_descreption {
      font-size: 22px;
      padding: 0px 0 30px;
      color:#fff;
      font-weight:500;
    }
  }
}
.sp-module.bg-gray{
  padding: 0px;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 0px rgba(226,226,226,0.6);
  overflow: hidden;
  background-color: #fff;
  margin: 57px 0px 66px;
  width: 100%;
  .row{
    margin:0;
  }
}
#sp-companies{
  .f-category{
    text-align:center;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 27px 0;
    a img{
      &:hover{
        opacity:0.8;
      }
    }
  }
  .section-header{
    padding: 26px 15px 3px;border-bottom: 1px solid #e9e9e9;
    h2.section-title{
      font-size:24px;margin:0px;text-transform:uppercase;font-weight: 600;
      span{color:$link_color;}
    }
    .col-md-4{
      p{
        float:right;margin:15px 0 0 0;
        a{text-transform:uppercase;color:$link_color;font-weight: 500;}
        i{color:$link_color;}
      }
    }
  }
}
.sj_jsjob_categories{
  padding: 0px;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 0px rgba(226,226,226,0.6);
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  margin: 30px 0px;
  h3.sj-jsjob-categories__heading{
    font-size:16px;
    text-transform:uppercase;
  }
}
#sp-position4{
  .sj-jsjob-categories__content ul{
    li{
      font-size:13px;
      &:first-child{
        padding-top:0px;
        span.fa-angle-up{
          top:0px;background-color:transparent;
        }
      }
      span.fa-angle-up{
        background-color:transparent;
        &:hover{
          background-color:transparent;color:#252525;
        }
      }
      
      a{
        &:hover{
          color:$link_color;
          text-decoration:none;
        }
      }
    }
  }
}
.brands{
  background-color:#3b3b3b;
  padding:15px 0 10px;
  .yt-content-slider{
    .owl-controls{
      margin-top: 0px;
      .owl-nav{position:static;}
    }
    .owl-controls .owl-nav div {
      display: inline-block;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      color: #999;
      background: transparent;
      border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      -webkit-border-radius: 3px;
      &.owl-next {
        position: absolute;
        margin-top: -20px;
        top: 50%;
        right: 0px;
        &::before {content: '\f105';}
      }
      &.owl-prev{
        position: absolute;
        margin-top: -20px;
        top: 50%;
        left: 0px;
        &::before {content: '\f104';}
      }
      &:before {
        position: absolute;
        left: 0;
        right: inherit;
        top: 0;
        display: inline-block;
        text-indent: 0;
        width: 38px;
        height: 38px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        font-size: 24px;
        line-height: 36px;
        color: #fff;
      }
    }
  }
  .owl-carousel .owl-item{
    text-align:center;
    img{
      width:auto;margin:0 auto;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      -moz-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); 
      filter: gray; 
      -webkit-filter: grayscale(100%);      
      display:block;
      &:hover{
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -webkit-filter: grayscale(0);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter:none;
        filter: grayscale(0);
      }
    }
  }
}
.sj_wrap_newest_jobs{
  box-shadow: 0px 0px 8px 0px rgba(226,226,226,226.6);
  .sj_newest_jobs_show_newest_jobs{
    &.bg-gray{
      padding: 0px;
      border-radius: 4px;
      box-shadow: 0px 0px 8px 0px rgba(226,226,226,0.6);
      overflow: hidden;
      background-color: #fff;
      margin: 0px;
      width: 100%;
      .sj_newest_jobs_show_newest_jobs_info{
        padding:26px 30px 5px; 
        border-bottom:1px solid #ebebeb;
        .col-md-4{
          p{
            float:right;margin:15px 0 0 0;
            a{text-transform:uppercase;color:$link_color;font-weight:500;}
            i{color:$link_color;}
          }
        }
        .sj_newest_jobs_show_newest_jobs_info_title{
          font-size:24px;color:#454545;margin: 0;
          text-transform:uppercase;font-weight:600;
          span{color:$link_color;}
        }
      }
      .sj_newest_jobs_show_newest_jobs_content{
        .box-item{
          padding: 34px 0 26px;
          .p-t-1{font-size:14px;font-weight:400;}
          .p-t-0{font-size:18px;font-weight:400;}
          .row{
            margin:0;
            .col-sm-10{
              padding: 0 0px 0 5px;
              p.content{margin:10px 0 20px;display:block;}
            }
          }
          ul li{
            display:inline;margin-right: 15px;color: #545454;font-size:13px;
            i{margin-right:2px;}
          }
          p{color:#545454;}
          a.thumb-img img:hover{opacity:0.4;}
          a.ht-btn{
            background-color:#252525;padding: 9px 30px;
            border-radius: 3px;color:#fff;font-size:12px;
            display:inline;
            &:hover{background-color:$link_color;color:#252525;}
          }
        }
        .sj_plus{background-color:#fff;border-bottom:1px solid #ebebeb;}
        .sj_minus{background-color:#fff;border-bottom:1px solid #ebebeb;}
      } 
      .sj_newest_jobs_show_newest_all_jobs{
        text-align:center;padding: 50px 0;
        a.all-btn{
          background-color:$link_color;padding: 12px 30px;
          border-radius: 3px;color:#fff;font-size:14px;
          display:inline;
          i{margin-right:2px;}
          &:hover{background-color:#252525;}
        }
      } 
    }
  }
} 
.hasTooltip{display: inline-block!important;}
/* JobDetail SubHeader */
#sp-pricing-table{
  #sp-position6{
    background-color: #f8f8f8;
    padding: 55px 0px 0;
    margin-top: -65px;
  }
  .custom{
    h2{
      font-size:24px;color:#454545;margin: 0 0 25px;
      text-align:center;
      text-transform:uppercase;
      font-weight:600;
      span{color:$link_color;}
    }
  }
  .yt-pricing{
    .style1.column{
      .text-featured{text-transform:uppercase;}
      h2{text-transform:capitalize;}
        position: relative;
        -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
        box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
        transform: scale(1);
        -webkit-transition: 0.4s ease;
        -moz-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        z-index:13;
        &:hover{
          position: relative;
          -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
          -moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
          box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.5);
          transform: scale(1.05);
          z-index:15;
        }
      &.featured{
        h2{color:#fff;}
        .pricing-basic {
          .text-featured{
            color:#fff;
          }
        }
      }
    }
    .pricing-money{
      .currency{
        font-size: 20px;
        vertical-align: top;
        line-height: 48px;
      }
      .decimal-part{
        font-size: 40px;
      }
      .time{
        padding-left: 10px;
      }
    }
  }
}
.counter{
  width: 100%;
  text-align: center;
  background-size:cover;
  background: url(../images/jogdetail-subheader-bg.png) no-repeat 0px 0px;
  position: relative;
  padding: 66px 0px 128px 0px;
  .items{
    .col-sm-3.last{
      .yt-counter-left {
        border-right:0;
      }
    }
  }
  .yt-counter-left {
    border-right:1px solid #555758;
    .yt-counter-desc{
      margin-left: 66px;
      .yt-counter-text{
        margin-top:10px;
      }
      .yt-counter-number{
        padding-bottom:10px;
        position:relative;
        &:after{
          content:'';
          height:2px;
          width:50px;
          background-color:$link_color;
          position:absolute;
          top:60px;
          left:10px;
        }
      }
    }
  }
}
.careerfy-job-subheader {
    width: 100%;
    text-align: center;
    background-size:cover;
    background: url(../images/bg-navigation.png) no-repeat 0px 0px;
    position: relative;
    padding: 136px 0px 72px 0px;
    margin-bottom:-25px;
}

/* Bottom 5 */
#sp-bottom{
  .container{
    border-bottom:1px solid #e1e1e1;
  }
}
#sp-bottom5{
  .custom p img:first-child{margin-right:12px;}
  h4{font-size:17px;color:#272727;font-weight:600;text-transform:uppercase;margin: 45px 0 10px;}
  .careerfy-social-network{
    li{
      float: left;
      list-style: none;
      line-height: 1;
      margin:0px 10px 0px 0px;
      a{
        width:40px;
        height:40px;
        background-color:#a0a0a0;
        text-align:center;
        padding:14px 0;
        i{color:#e6e6e6;}
        &:hover{
          background-color:$link_color;
          i{color:#fff;}
        }
      }
    }
  }  
}
/*Common Popup*/
div#js_jobs_main_popup_back {background: rgba(0,0,0,0.8); display: none;  position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 9998; }
div#js_jobs_main_popup_area { background: #FFFFFF; display: none; box-shadow: 0 0 20px #aaa; box-sizing: border-box;  left: 23%; padding: 11px; position: fixed; top: 10%; width: 50%; z-index: 9999; }
div#js_jobs_main_popup_area div#js_jobs_main_popup_head{display: inline-block;width: 100%;padding: 3px 5px 3px 15px;float: left;color: #FFFFFF;background: #4D89DC;}
div#js_jobs_main_popup_area div#js_jobs_main_popup_head div#jspopup_title{display: inline-block;font-size: 19px; font-weight: bold; padding-top: 12px;}
div#js_jobs_main_popup_area div#js_jobs_main_popup_head img#jspopup_image_close{float: right;cursor: pointer;}
div#js_jobs_main_popup_area div#jspopup_work_area {max-height: 349px; overflow-x: auto; display: inline-block;width: 100%;float: left;padding-top: 15px;border: 1px solid #D4D4D5;border-top: none;}
div#js_jobs_main_popup_area div#jspopup_work_area div#js_main_wrapper div.js_job_form_field_wrapper{position:relative;}
div#js_jobs_main_popup_area div#jspopup_work_area div#js_main_wrapper div.js_job_form_field_wrapper div#waiting-wrapper{height: auto;width:100%;display:inline-block;background:url(images/123456.gif) center center no-repeat (255, 255, 255, 0.85);z-index: 9999;position:absolute;top: -15px;right: 0px;height: calc(100% + 15px);}

/* Error Container */
div.js_job_error_messages_wrapper{display:inline-block;width:90%;margin:10px 5%;border: 1px solid #4D89DC;color: #FFFFFF;}
div.js_job_error_messages_wrapper div.message1{display:inline-block;width: 100%;float:left;}
div.js_job_error_messages_wrapper div.message1 span{margin-top: 4.5%; display: inline-block; width: 100%; padding-left: 22%;margin-bottom: 10px;font-size: 17px;font-weight: bold;color: #3C3435;}
div.js_job_error_messages_wrapper div.message2{width:100%;display: inline-block; position: relative;box-shadow: 0px 0px 10px #999;background: #4D89DC;color: #FFFFFF;}
div.js_job_error_messages_wrapper div.footer{width:100%;display:inline-block;float:left; height:80px; text-align: right; margin-top: 10px;background: #F5F5F5;border-top: 1px solid #D4D4D5;}
div.js_job_error_messages_wrapper div.message2 span.img{height: 145px; width: 18%; background: white; position: absolute; left: 20px; top: -50px;box-shadow: 0px 0px 10px #999;border: 1px solid #4D89DC;}
div.js_job_error_messages_wrapper div.message2 span.img img{display: block; max-height: 90px; max-width: 95%; margin: auto; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;}
div.js_job_error_messages_wrapper div.message2 span.message-text{width: 100%;display: inline-block;padding-left:22%; padding-top: 10px;padding-bottom: 10px; line-height: 1;font-size:18px;line-height: 22px;font-weight: bold;} 
div.js_job_error_messages_wrapper div.footer a{padding: 8px; margin: 15px 20px 0px 0px; display: inline-block; text-decoration: none;background: #F0F0F0;border: 1px solid #D4D4D5;font-size: 16px;}
/*============@group Banners hover effect ==================*/
.bannergroup .banneritem a {
  display: block;
  position: relative;
  overflow: hidden;
}
.bannergroup .banneritem a:before, .bannergroup .banneritem a:after {
  border-bottom: 50px solid rgba(0, 0, 0, 0.2);
  border-top: 50px solid rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  transform-origin: 50% 50% 0;
  width: 100%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.35s ease 0s;
  -moz-transition: opacity 0.4s ease 0s, -moz-transform 0.35s ease 0s;
  transition: opacity 0.4s ease 0s, transform 0.35s ease 0s;
  visibility: visible;
  z-index: 1;
}
.bannergroup .banneritem a:hover:before, .bannergroup .banneritem a:hover:after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 4, 1);
}
.bannergroup .banneritem a img {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.bannergroup .banneritem a img:hover {
  opacity: 0.8;
}
/*sj jobs tabs*/
#sp-tab{
  .sjjobs-tabs{
    padding: 0px;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.6);
    overflow: hidden;
    background-color: #fff;
    margin: 0px;
    width: 100%;
    .tabs-wrap{
      .tabs-container{
        .tabs{
          margin:38px 0 0;
          padding: 0 45px;
          li{
            color:#e5e5e5;
            &.actived{
              color:#383838;
              div{
                span{
                  color:$link_color;
                }
              }
            }
          }
        }
      }
    }
  }  
}
/*-----Job Details--------*/
input.form-control{
  font-size:14px;
} 
div#jsjobs-main-wrapper {
  padding:0;
  div.jsjobs-fieldwrapper{
    div.jsjobs-fieldvalue{
      input{
        font-size:14px;
      }
    }
  }
  div.jsjobs-job-information-data{
    div.jsjobs-jobmore-info{
      div.jsjobs_full_width_data{
        font-size:14px;
      }
    }
  }
}
.careerfy-jobdetail-list{
    float: left;
    width: 100%;
    margin: 0px;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.6);
    margin-bottom: 30px;
    position: relative;
}
.careerfy-jobdetail-listthumb{
    float: left;
    width: 200px;
    text-align: center;
    padding: 40px 20px 40px 20px;
}
.careerfy-jobdetail-listthumb ~ figcaption {
    margin-left: 230px;
    padding-top: 0px;
}
.careerfy-jobdetail-list figcaption h2 {
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 1;
}
.careerfy-jobdetail-list figcaption span {
    display: inline;
    font-size: 14px;
    color: #333333;
    margin-bottom: 11px;
}
.careerfy-jobdetail-list figcaption .js_job_data_wrapper{
  display: inline;
}
.careerfy-jobdetail-options{
  li span.jsjobs_daysago{
      color:$link_color;
      font-size:13px;
    }
  .js_job_data_wrapper{
    span{
      font-size:13px;
    }
  }
}
.js_job_apply_button {
  a{
    color:#2f2f2f;
    background-color:$link_color;
    position: absolute;
    top:30px;right:30px;
    border-radius:3px;
    padding: 6px 23px;
    &:hover{
      color:#fff;
      background-color:#2f2f2f;
    }
  }
}
.careerfy-jobdetail-options{
  display: inline-block;
  width: 100%;
  margin-top:4px;
  margin-bottom: 0px;
  li{
    float: left;
    list-style: none;
    margin-right: 20px; margin-bottom: 0px;    
  }
}
div#js_jobs_main_wrapper{
  background:transparent;
  .jsjobs-job-data{
    float: left;
    width: 100%;
    .tabs-wrap{
      ul.tabs{
        li{
          &.actived{
            border-bottom:3px solid #2e2e2e;
            a{
              color:#2e2e2e;              
            }
          }
          a{
            color:#a2a2a2;
            font-size:16px;
            font-weight:600;
          }
        }
      }
    }
    .tabs-content{
      padding: 10px 30px;
      background: #fff;
      border-radius: 5px;
      box-shadow:0 1px 5px rgba(0,0,0,0.6);
      .tabs-content-inner{
        .tab-content,
		.tab-pane{
          
          .prefferdskills{
            background-color:#f8f7f1;
            border:1px solid $link_color;
            border-radius:5px;
            padding:25px;
            margin-top: 20px;
            .js_controlpanel_title{margin:0;}
            .jsjobs_full_width_data{
              ul{
                list-style-type:none;
                padding:0;
                margin:0;
                li{
                  color:#3f3f3f;
                  margin: 0px;
                  border-bottom: 1px solid #ccc;
                  padding: 10px 0;
                  &:last-child{
                    border-bottom:0;
                  }
                  strong{
                    padding-left:5px;color:#121212;font-weight: 600;
                  }
                }
              }
            }
          }
          .js_controlpanel_title{
            font-weight:600;
            color:#3f3f3f;
            text-transform:uppercase;
            display:block;
            margin:20px 0 10px;
          }
          .jsjobs_full_width_data{
            p{
              color:#545454;
            }
            ul{
              list-style-type: square;
              padding-left:40px;
              margin:16px 0;
            }
          }
        }
      }
    }
    .tabs-container{
      ul.tabs{
        display: inline-block;
        width: 100%;
        li{
          display: inline-block;
          list-style: none;
          margin-right: 20px;
          margin-bottom: 0px;
          text-align: center;
          padding: 0 20px 10px; 
        }
      }
    }
  }
}
.homepage{
  .careerfy-job-subheader{display:none;}
}  
@media (min-width: 992px){
  .js-col-md-6 {
      width: 50%;float:left;padding:0 15px;position:relative;min-height:1px;
  }
}
div#jspopup_work_area div#js_main_wrapper 
div.js_job_form_field_wrapper {
  div.js_job_form_button{
    text-align: center;
    margin: 15px 0 7px 0px;
    display: inline-block;
    width: 100%;
    float: left;
    input#js_job_applynow_button{
      outline: none;
      background: #4D89DC;
      color: #FFFFFF;
      border: 1px solid #4D4D4D;
      padding: 5px 15px;
    }
    input#js_job_applynow_close{
      outline: none;
      background: #F0F0F0;
      color: #3C3435;
      border: 1px solid #D4D4D5;
      padding: 5px 15px;
    }
  }
}
div#jspopup_work_area 
div#js_main_wrapper {
  div.js_job_data_jobapply{
    border-bottom: 1px solid #D4D4D5;
    display: inline-block;
    width: 92%;
    margin: 0 4%;
    float: left;
    padding: 9px 0px;
    span.js_job_data_apply_title{
      font-weight:bold;color: #3C3435;
    }
    span.js_job_data_apply_value{
      color: #666666;
    }
  }
  span.jsjobs_job_in_formation{
    color: #3C3435;
    background: #F5F5F5;
    border-bottom: 2px solid #4D4D4D;
  }
}
span.jsjobs_job_in_formation {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    padding: 9px;
    margin-bottom: 15px;
}
div.jsjobs_jobapply_wrapper 
div.jsjobapply_title{
  color: #3C3435;
}
@media (min-width: 1600px){
  #sp-tab{
    .sjjobs-tabs{
      .tabs-content{
        padding: 43px 45px 12px;
        overflow:hidden;
        .items-inner{
          .items-grid{
            width: 24.615%;
          }
        }
      }
    }
  }
}
#sp-menu .sp-megamenu-parent,
.modal-backdrop{z-index:1;}
.sj_jobsearch_breadcrumb{
  .sj_job_search_show_info{
    display:none;
  }
}
#sp-left{
  .sp-module.js-job-login{
    form#login-form{
      .userdata{
        #form-login-username{
          label{font-weight:bold;}
          input[type="text"]{
            padding: 10px 15px;
          }
        }
        #form-login-password{
          label{font-weight:bold;}
          input[type="password"]{
            padding: 10px 15px;
          }
        }
        #form-login-remember{
          label{font-weight:bold;}
          input[type="checkbox"]{
            float:left;
            margin-top: 4px;
            margin-right: 4px;
          }
        }
        input[type="submit"]{
          background-color: #252525;
          padding: 5px 10px;
          margin-bottom:7px;
          border:0;
          border-radius: 3px;
          color: #fff;
          font-size: 12px;
          display: inline-block;
          cursor: pointer;
          &:hover{background-color:$link_color;}
        }
      }
    }
  }  
  ul.menu{
    li{
      border-bottom: 1px solid #e5e5e5;
      a{
        color: #777777;
        display: inline-block;
        padding: 8px 6px;
        &:hover{color:$link_color;}
      }
      .fa{
        float: right;
        color: $link_color;
        margin: 15px 0 0;
      }
    }
  }
  .job_newsletter{
    background: #252525;
    padding: 20px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    .sp-module-title{
      margin: 0;
      font-size: 24px;
      background: url(../images/icon_newsletter.png) left no-repeat;
      padding: 0px 41px;
      color: #fff;
    }
    .acymailing_module_form{
      .acymailing_introtext{
        font-style: italic;
        margin: 10px 0;
      }
      .acymailing_form {
        position: relative;
        margin-bottom: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden;
        .acyfield_email {
          margin: 0;
          input.inputbox {
            border: none;
            color: #8e8e8e;
            font-style: italic;
            padding: 12px 48px 11px 12px;
            font-size: 11px;
          }
        }
        .acysubbuttons {
          margin: 0;
          position: absolute;
          top: 0;
          right: 4px;
          .button {
            background:$link_color;border:0;font-size: 11px;
            font-style: italic;padding: 10px 12px 11px;
            &:hover {
              background: darken($link_color,10%);
            }
          }
        }
      }
    }
  }
}
#jsjobs-wrapper{
  ul.pagination{
    justify-content: center;padding:20px 0;
    li{
      &.page-item{
        &.active{
          a.page-link{
            background-color:$link_color;
            border-color:$link_color;
          }
        }
        a{
          width:35px;
          height:35px;
          border-radius:0;
          padding:0;text-align:center;
          line-height:35px;
        }
      }
    }
  }
}
.blog{
  .article-list{
    .article{
      .entry-thumbnail{
        a:hover{
          .article-intro-image img{
             opacity:0.8;
          }
        }
      }
    }
  }
}
#sp-user1 .contact-ajax{
  overflow:hidden;padding:40px 0;
  .ctajax-element .el-ctajax-form input[type="submit"]{
    background-color:$link_color;
    border-bottom:0;
    color: #3e3e3e;
    font-weight: 600;
    border-radius:5px;
    &:hover{
      background-color:#252525;
      color:#fff;
    }
  }
}
.sppb-addon-single-image-container{
  .sppb-img-responsive{
    &:hover{opacity:0.8;}
  }
}
/*== Search sidebar ==*/
.search-sidebar .form-search {
  position: relative;
  .search-query {
    width: 100%;
    height: 40px;
    border-radius: 0;
    padding: 0 0 0 20px;
    line-height: 40px;
  }
  .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    font-size: 0;
    padding: 9px 16px;
    &:hover {
      color: $link_color;
    }
    &:before{
      content: "\f002";
      font-family: FontAwesome;
      font-size: 14px;
      display: inline-block;
    }
  }
}
/*== Job Listing ==*/
#jsjobs-wrapper{
  background:#fff;
}
.js-jobs-wrapper{
  border:0;
  margin-bottom:0;
  padding:25px 0;
  &.sj_plus{background-color:#fff;}
  &.sj_minus{background-color:#f5f5f5;}
  .js-toprow{
    .row{
      margin:0;
      .col-sm-2{
        .jsimage a img{
          &:hover{
            opacity:0.8;
          }
        }
      }
      .col-sm-10{
        padding: 0 0px 0 5px;
        .p-t-1{
          font-size: 14px;
          font-weight: 400;
        }
        .p-t-0{
          font-size: 18px;
          font-weight: 400;
          width: 100%;
          display: inline-block;
          a.jobtitle{
            font-size: 14px;
            font-weight: bold;
            float: left;
          }
          span.js-status{
            background: #3C9906;
            font-size: 11px;
            color: #FFFFFF;
            border-radius: 3px;
            padding: 0px 7px;
            margin-left: 3px;
            float: left;
          }
        }
        ul li{
          display: inline;
          margin-right: 15px;
          color: #545454;
          i{margin-right: 2px;}
        }
        a.js-btn-apply{
          background-color: #252525;
          padding: 9px 30px;
          border-radius: 3px;
          color: #fff;
          font-size: 12px;
          display: inline-block;
          margin-top: 10px;
          &:hover{
            background-color:$link_color;
            color:#252525;
          }
        }
      }
    }
  }
}
.modcontent{
  background: #fff;
  border-radius: 5px;
  padding: 20px 0;
  box-shadow: 0 1px 6px #ccc;
  .sj-filter-price{
    .content_min_max{
      display:block;
      overflow: hidden;
      margin:auto;
      .put-min_max.put-min{
        display: inline-block;
        background: #fff;
        border: 1px solid #ddd;
        width: 26%;
        padding: 5px 5px;
        margin-right: 2%;
        border-radius: 5px;
        float: left;
        text-align: center;
        &.put-btn{
          border:0;
          padding:0;
        }  
        .input_min{
          border: none;
          box-shadow: none;
          padding: 0;
          margin: 0;
          width: 36px;
          min-width: 36px;
          display: inline-block;
        }
      }

      input[type="submit"]{
        background-color:#e1e1e1;
        border:0;
        text-transform:uppercase;
        font-size:13px;
        color:#383838;
        padding: 10px 15px;
        cursor: pointer;
        font-weight:600;
        border-radius: 5px;
        &:hover{
          background-color:$link_color;
        }
      }
    }
    .content_scroll{
      margin-bottom:10px;
    }
  }
  .sj-filter-options{
    padding: 0 15px;
    .sj-filter-heading{
      .sj-filter-heading-text{
        text-transform:uppercase;
        font-size:16px;
        padding-bottom:10px;
        border-bottom:1px solid #ccc;
        margin-bottom:15px;
        span{
          color:#252525;
          font-weight:600;
        }
      }
    }
    .sj-filter-content-opts{
      padding-bottom:20px;
    }
  }
}
.yt-pricing .style1.column{
  background-color:#fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
  border:0;
}
.category-list select.inputbox {
  width: 80px !important;
  line-height: normal;
  font-size: 14px;
}
.category-list .col-auto button[name="filter_submit"] {
  display: none;
}
.blog-featured .article-intro-image {
  margin-bottom: 20px;
}
.hasPopover,
.hasTooltip{display:inline-block!important;}
div#jsjobs-main-wrapper div.jsjobs-fieldwrapper div.jsjobs-fieldvalue input[name="startpublishing"],
div#jsjobs-main-wrapper div.jsjobs-fieldwrapper div.jsjobs-fieldvalue input[name="stoppublishing"]{
  width:97%;
}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles,
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select{
  font-size:1rem;
}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles{height:34px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper input.inputbox{width:94%;}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue.since input{
  width:95%;
}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue span.jsjobs-mapvalue span.jsjobs-latitude{
  padding-right:6px;
}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue input{
  font-size:14px;
}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue textarea{
  border: 1px solid rgba(0, 0, 0, .15);
}
div#jsjobs-main-wrapper div.jsjobs-main-wrapper-resumeslist div.jsjobs-image-area{
  margin:7px 0;
}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue span{
  color:#fff!important;font-size:14px;
}
div#coverletterPopup.coverletterPopup{margin:auto;top:1%;}
.page_about .sppb-addon-title{text-align:center;}
.logout-button,
.login-greeting{display:inline;}
.logout-button{
  input[type="submit"]{
    padding:5px 10px;
    cursor:pointer;
    background-color: #f1c300;
    border-radius: 3px;
    border:0;
    &:hover{color:#fff;}
  }
}
#sp-left .sj_jsjob_filter_shopby input{vertical-align: initial;}
.list-group-item{
  padding: .75rem 0rem;
  border:0;
  background-color: transparent;
  color:#484848;
  &:hover{color:$link_color;}
}