@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
/* CSS Document
Tuyen Dung Bootstrap CSS
Author: Pham Loc
Date Create: 5/2/2017
*/
/* .bg-header{
background: url(../images/header.png) no-repeat center center;
background-size: cover;
} */
.post #slider2 .slide .post-item .block-images img{
}
.post .bg-white{
  background-color: #fff;
}
.post .slick-slide{
  padding:0 5px;
}
.post .slick-dotted.slick-slider{
  padding: 5px;
  padding-bottom: 80px;
}
.post .slick-dots{
  bottom: 25px;
}
.slick-dots li button:before{
  font-size: 12px;
}
.post{
  padding: 20px 0;
  background: #f5f8fa;
}
.post .slick-prev{
  left: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  background: rgba(131,130,134,.3);
  border-radius: 50%;
  z-index: 999;
  overflow: hidden;
}
.post .slick-next{
  right: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  background: rgba(131,130,134,.3);
  border-radius: 50%;
  overflow: hidden;
}
/* .post .slick-slide{
padding: 0 5px 0 15px;
} */
.post .slick-slide .slide{
  padding-bottom: 5px;
}
.post h3.header{
  font-size: 17px;
  margin: auto;
  padding: 15px;
  border-bottom: 1px solid #eee;
  background-color: #4bc2e9;
  border-radius: 3px 3px 0 0;
  color: yellow;
  text-transform: uppercase;
}
.post h3.header .fa{
  color: #f8d309;
  font-size: 25px;
  margin-right: 10px;
}
.post h3.header span a{
  color: yellow;
}
.post h3.header span a:hover{
  color: yellow;
  text-decoration: none;
}
.post #slider2 .slide .post-item h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post #slider2 .slide .post-item small{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post #slider2 .slide .post-item h3 a{
  color: #555555;
  transition: all .5s ease;
}
.post #slider2 .slide .post-item h3 a:hover{
  color: #f57c00;
  text-decoration: none;
}
.post #slider2 .slide .post-item p{
  color: #999;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.post #slider2 .slide .post-item span{
  color: #666;
}
.post #slider2 .slide .post-item{
  border: 1px solid hsla(0,0%,93%,.8);
  padding: 10px;
}
.post #slider2 .slide .post-item .content{
  padding-left: 0;
}
.hr{
  background-image: url(../images/bg_statistic.png);
  padding: 0 0 50px 0;
  margin-top: -1px;
}
.hr .slick-dots{
  bottom: -50px;
}
.hr .slick-dots li.slick-active button:before{
  color: #0e5535;
}
.hr .slick-dots li button:before{
  font-size: 20px;
  color: #0e5535;
}
.hr .mr-15{
  margin: 0 -15px;
}
.hr .slick-slide{
  padding: 0 15px;
}

.hr .slick-slide .slide{
  padding: 15px 15px 30px 15px;
  background-color: #fff;
  box-shadow: 0 5px 25px 0 rgba(0,0,0,.05);
  /* box-shadow: 0 2px 4px rgba(0,0,0,.08); */
}
.hr h3{
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #4b4b4b;
  margin-top: 0;
  text-transform: uppercase;
}
.hr #slider1 .slide .header-slide .block-images{
  float: left;
  padding-right: 15px;
}
.hr #slider1 .slide .header-slide .block-images img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.hr #slider1 .slide .header-slide .block-content h5{
  color: #0e5535;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 14px;
}
.hr #slider1 .slide .footer-slide{
  padding-top: 10px;
}
.box-register .tab-content .edit-bug-btn .btn{
  margin: 0px;
}
.box-register .tab-content .edit-bug-btn .btn i{
  font-size: 14px;
}
.print{
  display: none;
}
.content-one{
  padding-top: 30px;
}
.content-one .overlay-item{
  position: absolute;
  bottom: 0;
  width: 92.5%;
  background-color: rgba(0, 0, 0, 0.45);
  color: #fff;
  padding: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.content-one .overlay-item p{
  margin: 0;
}
/* .content-two{
padding-top: 35px;
} */
.content-two h2{
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}
.content-two p{
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}
.content-two .line{
  border-bottom: 1px solid #ddd;
  width: 40%;
  margin-left: 30%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.content-two ul{
  column-count: 3;
  list-style: none;
  padding: 0 50px 20px 50px;
}
.content-two ul li{
  padding-right: 35px;
  line-height: 30px;
}
.content-two ul li a{
  color: #6a6f72;
  transition: all .5s ease;
}
.content-two ul li a:hover{
  color: #ff7043;
  text-decoration: none;
}
.content-two ul li span{
  float: right;
}
.work-for-hr{
  padding-top: 35px;
}
.work-for-hr h2{
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}
.work-for-hr p{
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}
.work-for-hr .line{
  border-bottom: 1px solid #ddd;
  width: 40%;
  margin-left: 30%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.work-for-hr ul{
  column-count: 3;
  list-style: none;
  padding: 50px 100px 0;
}
.work-for-hr ul li{
  padding-right: 35px;
  line-height: 30px;
}
.work-for-hr ul li a{
  color: #6a6f72;
  transition: all .5s ease;
}
.work-for-hr ul li a:hover{
  color: #ff7043;
  text-decoration: none;
}
.work-for-hr ul li span{
  float: right;
}
.color-header{
  color: #000;
}
.color-header{
  color: #000;
}
header .block-header{
  position: absolute;
  z-index: 10;
  width: 100%;
}
.wsmenu-list > li{
  display: inline-block;
}
.wsmenu-list > li > a{
  padding: 10px;
  color: #fff;
  font-weight: normal;
}
.wsmenu-list > li > a::after{
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  background: #fff;
  top: 16px;
  right: -3px;
  transform: rotate(165deg);
}

.wsmenu-list > li:last-child > a::after{
  content: '';
  display: none
}
.wsmenu-list > li > a:hover{
  background: transparent;
  color: #52d4ff;
}
.wsmenu-list > li > a.active{
  background: transparent;
  color: #52d4ff;
}
.wsmenu-list > li > a:hover{
  background: transparent;
  color: #52d4ff
}
/*------------------------------------ Setup Golbal */
.box-warpper{
  background: #f2f2f2;
  padding: 10px 0px;
}
.box-warpper-profile{
  padding: 10px 0px;
}
.mx-auto{
  margin: 0px auto;
}
.checkbox {
  padding-left: 20px;     margin: 0px;}
  .checkbox label {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    transition: all 0.5s ease;}
    .checkbox label:hover::before {
      border: 1px solid #1789d9;
    }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 15px;
      height: 15px;
      left: 0;
      margin-left: -17px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
      .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 15px;
        height: 15px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 5px;
        padding-top: 2px;
        font-size: 11px;
        color: #555555; }
        .checkbox input[type="checkbox"] {
          opacity: 0; }
          .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px; }
            .checkbox input[type="checkbox"]:checked + label::after {
              font-family: 'FontAwesome';
              content: "\f00c"; }
              .checkbox input[type="checkbox"]:disabled + label {
                opacity: 0.65; }
                .checkbox input[type="checkbox"]:disabled + label::before {
                  background-color: #eeeeee;
                  cursor: not-allowed; }
                  .checkbox.checkbox-circle label::before {
                    border-radius: 50%; }
                    .checkbox.checkbox-inline {
                      margin-top: 0; }

                      .checkbox-primary input[type="checkbox"]:checked + label::before {
                        background-color: #428bca;
                        border-color: #428bca; }
                        .checkbox-primary input[type="checkbox"]:checked + label::after {
                          color: #fff; }
                          /*------------------------------------ Block Header */
                          .block-header .box-logo{
                            float: left;
                            width: 15%;
                          }
                          .block-header .box-logo img{
                            margin: 4px 0px;
                          }
                          .block-header .box-menu{
                            width: 85%;
                            float: left;
                            padding-left: 139px;
                            margin: 40px 0px 15px;
                          }
                          .ring-infomation, .block-login{
                            float: right;
                          }
                          .ring-infomation{
                            width: 15%;
                            padding-right: 20px;
                            text-align: center;
                            padding: 43px 20px 0px 0px;
                          }
                          .ring-infomation .btn-ring{
                            position: relative;
                            font-size: 1.2em;
                          }
                          .ring-infomation .ring-number{
                            position: absolute;
                            width: 20px;
                            height: 20px;
                            top: -12px;
                            left: 10px;
                            font-size: 0.9em;
                            color: #fff;
                            text-align: center;
                            background: #f73740;
                            background: -webkit-linear-gradient(#f73740, #dd0e18);
                            background: -o-linear-gradient(#f73740, #dd0e18);
                            background: -moz-linear-gradient(#f73740, #dd0e18);
                            background: linear-gradient(#f73740, #dd0e18);
                          }
                          .ring-infomation .dropdown-menu{
                            right: 0px;
                            float: right;
                            min-width: 250px;
                            left: initial;
                            padding: 20px;
                            font-family: 'Roboto', sans-serif;
                            font-weight: 400;
                          }
                          .ring-infomation .dropdown-menu .btn{
                            border-radius: 0px;
                            font-family: 'Roboto', sans-serif;
                            font-weight: 400;
                          }
                          .block-login{
                            z-index: 2;
                            position: absolute;
                            right: 105px;
                            padding: 1rem 0px;
                            float: none;
                            text-align: right;
                            background: transparent;
                          }
                          .block-login .mark{
                            background: transparent;
                          }
                          .block-login span{
                            padding: 15px;
                            font-size: .875em;
                            position: relative;
                            font-family: 'Roboto', sans-serif;
                            font-weight: 600;
                          }
                          .block-login span.create-account{
                            padding-left: 25px;
                          }
                          .block-login span:nth-child(1){
                            padding-left: 20px;
                          }
                          .block-login span:nth-child(1)::before{
                            content: '\f023';
                            position: absolute;
                            font-family: FontAwesome;
                            left: 0px;
                            color: #fff;
                          }
                          .block-login span.create-account::before{
                            content: '\f234';
                            position: absolute;
                            font-family: FontAwesome;
                            left: 0px;
                            color: #fff;
                          }
                          .block-login span.sign-out::before{
                            content: '\f08b';
                            position: absolute;
                            font-family: FontAwesome;
                            left: 0px;
                            color: #fff;
                          }
                          .block-login span.dropdown::before{
                            content: '\f007';
                            position: absolute;
                            font-family: FontAwesome;
                            left: 0px;
                            color: #fff;
                          }
                          .block-login span a{
                            color: #4bc2e9;
                            transition: all 0.5s ease;
                          }
                          .block-login span a:hover{
                            color: #4bc2e9;
                            text-decoration: none;
                          }
                          .block-login .dropdown-menu>li>a{
                            color: #333;
                          }
                          /*------------------------------------ Block Box Search */
                          .block-search-employers{
                            background: url('../images/banner_tim_viec.png') no-repeat center center;
                            background-size: cover;
                          }
                          .contact-header{
                            position: absolute;
                            top: 59.5%;
                            color: #fff;
                            font-size: 18px;
                            left: 0;
                            right: 0;
                            padding: 10px;
                            text-align: center;
                            background-color: rgba(69, 152, 179, 0.55);
                          }
                          .contact-header span{
                            padding: 0 15px;
                          }
                          .block-search-employers .box-search-work{
                            margin: 17% 0% 12% 0%;
                            background: rgba(69, 152, 179, 0.55);
                            padding: 10px 15px;
                          }
                          .block-search-employers .box-search-work .search-title{
                            font-size: 19px;
                            text-transform: uppercase;
                            color: #fff;
                            padding: 5px 0 10px 10px;
                            font-weight: 600;
                          }
                          .box-search-work .form-group{
                            margin-bottom: 0px;
                          }
                          .box-search-work .form-control{
                            border-radius: 5px;
                            box-shadow: 0px 0px 0px transparent;
                            height: 43px;
                            font-size: 1.2em;
                          }
                          .box-search-work .block-search-text,
                          .box-search-work .block-select-work,
                          .box-search-work .block-select-address,
                          .box-search-work .block-submit-career{
                            float: left;
                            padding: 0px 5px;
                          }
                          .box-search-work .block-search-text, .box-search-work .block-select-work, .box-search-work .block-select-address{
                            width: 30.3333%;
                          }
                          .box-search-work .block-submit-career{
                            width: 9%;
                          }
                          .box-search-work .row{
                            margin: 0px -10px;
                          }
                          .box-search-work{
                            font-family: 'Roboto', sans-serif;
                            font-weight: 300;
                          }
                          .box-search-work .block-search-text, .box-search-work .block-select-work, .box-search-work .block-select-address{
                            position: relative;
                          }
                          .box-search-work .block-search-text::before, .box-search-work .block-select-work::before, .box-search-work .block-select-address::before{
                            content: '';
                            position: absolute;
                            background-size: cover;
                            z-index: 1;
                          }
                          /* .box-search-work .block-search-text::before{
                          background: url(../images/icons-searchcarrer_06.png) no-repeat center center;
                          width: 23px;
                          height: 25px;
                          top: 8px;
                          left: 14px;
                        }
                        .box-search-work .block-select-work::before{
                        background: url(../images/icons-searchcarrer_08.png) no-repeat center center;
                        width: 23px;
                        height: 25px;
                        top: 8px;
                        left: 14px;
                      }
                      .box-search-work .block-select-address::before{
                      background: url(../images/icons-searchcarrer_03.png) no-repeat center center;
                      width: 23px;
                      height: 25px;
                      top: 8px;
                      left: 14px;
                      } */
                      .box-search-work .block-submit-career .btn{
                        height: 43px;
                        border-radius: 0;
                        font-size: 1.2em;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 300;
                      }
                      .box-search-work .block-submit-career .btn-career{
                        background: #1ca5d1;
                        color: #555;
                        transition: all 0.5s ease;
                      }
                      .box-search-work .block-submit-career .btn-career .fa{
                        color: #fff;
                      }
                      .box-search-work .block-submit-career .btn-career:hover, .box-search-work .block-submit-career .btn-career:focus{
                        background: #0ac433;
                        color: #fff;
                      }
                      /*------------------------------------ Block Employer Featured */
                      .employer-featured{
                        padding: 20px 0px;
                      }
                      .employer-featured h3.title{
                        font-family: 'Open Sans', sans-serif;
                        font-size: 600;
                        text-align: center;
                        margin: 20px 0px 30px;
                      }
                      .employer-featured .employer-featured-item{
                        border: 1px solid #d6d5d5;
                        margin: 15px 0px;
                        padding: 5px;
                      }
                      /*------------------------------------ Block Newsletter */
                      .block-newsletter{
                        background: #f9f9f9;
                        padding: 20px 0px;
                      }
                      .block-newsletter h3, .block-newsletter p{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 600;
                      }
                      .block-newsletter h3{
                        margin: 20px 0px 15px;
                        font-size: 1.4em;
                      }
                      .block-newsletter p{
                        font-size: 1.1em;
                      }
                      .block-newsletter .input-group{
                        margin: 20px 0px;
                      }
                      .block-newsletter .form-control{
                        padding: 20px 20px 20px 40px;
                        height: 60px;
                        border-radius: 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 600;
                      }
                      .block-newsletter .btn{
                        border-radius: 0px;
                        height: 60px;
                        background: url(../images/button_register_03.png) no-repeat center center;
                        background-size: cover;
                        padding: 6px 32px;
                        color: #fff;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 600;
                        border: 1px solid #ff7043;
                      }
                      /*------------------------------------ Block Footer */
                      .box-footer{
                        background: #fff;
                        padding: 5px 0px;
                      }
                      .box-footer .block-title h3{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 600;
                        color: #474f52;
                        font-size: 1.2em;
                        margin: 20px 0px;
                        text-transform: uppercase;
                      }
                      .box-footer .block-content{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .box-footer .block-content .view-all p a {
                        color: #d21515;
                      }
                      .box-footer .block-content .view-all p a:hover {
                        color: #d21515;
                        text-decoration: none;
                      }
                      .box-footer .block-content .social{
                        column-count: 4;
                        width: 55%;
                      }
                      .box-footer .block-content img{
                        max-width: 100%;
                      }
                      .box-footer .block-content ul{
                        list-style: none;
                        padding-left: 0px;
                        line-height: 25px;
                      }
                      .box-footer .block-content ul li a{
                        color: #6a6f72;
                        transition: all 0.5s ease;
                      }
                      .box-footer .block-content ul li a:hover{
                        color: #ff7043;
                        text-decoration: none;
                      }
                      .box-footer .block-content .social span:last-child{
                        margin-right: 0px;
                      }
                      .box-footer .block-content .social span{
                        float: left;
                        margin: 5px 0;
                      }
                      .box-footer .block-content .social span a{
                        width: 35px;
                        height: 35px;
                        text-align: center;
                        border-radius: 50%;
                        display: block;
                        padding: 8px;
                        color: #fff;
                      }
                      .editor-content{
                        overflow: hidden !important;
                      }
                      .editor-content img, .editor-content input{
                        max-width: 100% !important;
                      }
                      .box-footer .block-content .social span:nth-child(1) a{background: #00baf4;}
                      .box-footer .block-content .social span:nth-child(2) a{background: #0098c0;}
                      .box-footer .block-content .social span:nth-child(3) a{background: #f00d0d;}
                      .box-footer .block-content .social span:nth-child(4) a{background: #1f5a9a;}
                      .box-footer .block-content .social span:nth-child(5) a{background: #00a7e1;}
                      .box-footer .block-content .social span:nth-child(6) a{background: #fd4528;}
                      .box-copyright{
                        background: #f9f9f9;
                        padding: 20px 0px;
                        color: #000;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .box-copyright p{
                        text-align: center;
                        margin-bottom: 0px;
                      }
                      /*------------------------------------ Block Title Breadcrumb */
                      .box-breadcrumb-title{
                        background: url(../images/search-work_02.png) no-repeat center center;
                        background-size: cover;
                        padding: 5em 0px 0em;
                      }
                      .box-breadcrumb-title h3{
                        text-align: center;
                        margin: 15px 0px;
                        font-size: 1.3em;
                      }
                      .box-breadcrumb-title h3 span{
                        position: relative;
                        padding: 40px 5px;
                        line-height: 25px;
                        background: rgba(228, 125, 7, 0.7);
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 600;
                        color: #fff;
                        display: inline-block;
                        height: 125px;
                        width: 130px;
                      }
                      .box-breadcrumb-title h3 span::after{
                        content: '';
                        display: block;
                        right: 100%;
                        top: 10%;
                        margin-top: -13px;
                        width: 0;
                        height: 0;
                        border-top: 63px solid transparent;
                        border-right: 35px solid rgba(228, 125, 7, 0.7);
                        border-bottom: 63px solid transparent;
                        border-left: 35px solid transparent;
                        position: absolute;
                      }
                      .box-breadcrumb-title h3 span::before{
                        content: '';
                        display: block;
                        position: absolute;
                        left: 100%;
                        top: 10%;
                        margin-top: -13px;
                        width: 0;
                        height: 0;
                        border-top: 63px solid transparent;
                        border-right: 35px solid transparent;
                        border-bottom: 63px solid transparent;
                        border-left: 35px solid rgba(228, 125, 7, 0.7);
                      }
                      /*------------------------------------ Block Search Work Slidebar */
                      .box-search-slidebar{
                        background: #fff;
                        box-shadow: 0px 0px 3px 0px #7b7b7b;
                        border-radius: 2px;
                        margin: 15px 0px;
                      }
                      .box-search-slidebar img{
                        margin: 10px auto;
                        padding: 10px;
                      }
                      .box-search-slidebar .block-title{
                        background: #71bf44;
                        padding: 15px 0px;
                      }
                      .box-search-slidebar .block-title h3{
                        margin: 0px;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 600;
                        text-align: center;
                        color: #fff;
                        font-size: 1.2em;
                      }
                      .box-search-slidebar .block-content{
                        padding: 20px 15px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .box-search-slidebar .block-content .form-control{
                        border-radius: 0px;
                      }
                      .box-search-slidebar .block-content .SumoSelect > .CaptionCont{
                        min-height: 34px;
                        border-radius: 0px;
                        padding: 6px 12px 6px 35px;
                        font-size: 1em;
                        color: #939595;
                      }
                      .box-search-slidebar .block-content .form-group{
                        position: relative;
                      }
                      .box-search-slidebar .block-content .form-group::before{
                        content: '';
                        font-family: FontAwesome;
                        position: absolute;
                        z-index: 9;
                        left: 10px;
                        top: 6px;
                        color: #939595;
                      }
                      .box-search-slidebar .block-content .form-group:nth-child(1)::before{content: '\f002';left: initial;right: 10px;}
                      .box-search-slidebar .block-content .form-group:nth-child(2)::before{content: '\f0ca';}
                      .box-search-slidebar .block-content .form-group:nth-child(3)::before{content: '\f155';left: 13px;}
                      .box-search-slidebar .block-content .form-group:nth-child(4)::before{content: '\f041';left: 13px;}
                      .box-search-slidebar .block-content .form-group:nth-child(5)::before{content: '\f109';}
                      .box-search-slidebar .block-content .form-group:nth-child(6)::before{content: '\f012';}
                      .box-search-slidebar .block-content .form-group:nth-child(7)::before{content: '\f19d';}
                      .box-search-slidebar .block-content .form-group:nth-child(8)::before{content: '\f224';left: 13px;}
                      .box-search-slidebar .block-content .btn{
                        border-radius: 0px;
                        padding: 10px 12px;
                        font-size: 1.2em;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .box-search-slidebar .block-content .btn-warning{
                        background: #f57c00;
                      }
                      /*------------------------------------ Block Gross Net Slidebar */
                      .box-grossnet-slidebar{
                        background: #fff;
                        border: 1px solid #ddd;
                        border-radius: 5px 5px 0 0;
                      }
                      .box-grossnet-slidebar .row-3px{
                        margin: 0px -3px;
                      }
                      .box-grossnet-slidebar .col-3px{
                        padding: 0px 3px;
                      }
                      .box-grossnet-slidebar .block-title{
                        color: #fff;
                        font-weight: 700;
                        height: 46px;
                        text-align: center;
                        background: #f58133;
                        border-radius: 5px 5px 0 0;
                        text-transform: uppercase;
                      }
                      .box-grossnet-slidebar .block-title h3{
                        margin: 0px;
                        line-height: 46px;
                        font-size: 1.2em;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 600;
                      }
                      .box-grossnet-slidebar .panel-content{
                        padding: 10px 10px;
                      }
                      .box-grossnet-slidebar .panel-content hr{
                        margin: 1.25rem 0px;
                      }
                      .box-grossnet-slidebar .grossnet-field label{
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 400;
                        font-size: 1.25rem;
                        color: #f58133;
                        display: block;
                        margin-bottom: 7px;
                      }
                      .box-grossnet-slidebar .grossnet-field .form-control{
                        border-radius: 0px;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 400;
                      }
                      .box-grossnet-slidebar .grossnet-field .input-group-addon:last-child{
                        border-radius: 0px;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 400;
                        font-size: 1.25rem;
                      }
                      .box-grossnet-slidebar .grossnet-field .input-group-addon:first-child{
                        border-radius: 0px;
                        padding-left: 0px;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 400;
                        font-size: 1.25rem;
                      }
                      .box-grossnet-slidebar .grossnet-field .input-group-addon{
                        background: transparent;
                        border-color: transparent;
                      }
                      .box-grossnet-slidebar .grossnet-field span.title{
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 400;
                        font-size: 1.25rem;
                        margin-bottom: 7px;
                        display: block;
                      }
                      .box-grossnet-slidebar .grossnet-field .input-group-addon.edit-addon{
                        padding: 6px 3px;
                      }
                      .box-grossnet-slidebar .grossnet-field .btn{
                        border-radius: 0px;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 400;
                        font-size: 1.25rem;
                      }
                      .box-grossnet-slidebar .grossnet-field p{
                        margin-bottom: 0px;
                        line-height: 1.3;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 700;
                        font-size: 1.5rem;
                        color: #f58133;
                      }
                      .box-grossnet-slidebar .grossnet-field p span{
                        font-weight: 400;
                      }
                      /*------------------------------------ Block List Work */
                      .box-list-work{
                        background: #fff;
                        box-shadow: 0px 0px 3px 0px #7b7b7b;
                        border-radius: 2px;
                        margin: 15px 0px;
                      }
                      .box-list-work .post-item .block-content h3{
                        margin-top: 10px;
                        font-size: 18px;
                        overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
                      }
                      .box-list-work .post-item .block-content .toolbar{
                        color: #777;
                      }
                      .box-list-work .post-item .block-content a{
                        color: #555555;
                        transition: all .5s ease;
                      }
                      .box-list-work .post-item .block-content a:hover{
                        color: #f57c00;
                        text-decoration: none;
                      }
                      .working-item{
                        border-bottom: 1px solid #eeeeee;
                      }
                      .working-item .block-image{
                        width: 15%;
                        float: left;
                      }
                      .working-item .block-image img{
                        margin: 10px auto;
                      }
                      .working-item .block-content{
                        width: 85%;
                        float: left;
                        padding: 20px 100px 20px 20px;
                        background: #eaf8fc;
                        border-left: 1px solid #eeeeee;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        position: relative;
                      }
                      .working-item .block-content h3{
                        margin: 0px;
                        font-size: 1.3em;
                        position: relative;
                      }
                      .working-item .block-content h3 a{
                        color: #555555;
                        transition: all 0.5s ease;
                      }
                      .working-item .block-content h3 a:hover{
                        color: #f57c00;
                        text-decoration: none;
                      }
                      .working-item .block-content h3 span{
                        color: #ff192e;
                        font-style: italic;
                        font-size: 0.7em;
                      }
                      .working-item .block-content small{
                        font-size: 1em;
                        margin-bottom: 15px;
                        display: block;
                      }
                      .working-item .block-content .des{
                        font-size: 0.9em;
                        color: #999999;
                      }
                      .working-item .block-content .des span:first-child{
                        padding-left: 0px;
                      }
                      .working-item .block-content .des span:last-child{
                        padding-right: 0px;
                        border-right: none;
                      }
                      .working-item .block-content .des span{
                        border-right: 1px solid #d2d4e2;
                        padding: 0px 10px;
                      }
                      .working-item .block-content .des span a{
                        color: #00b9f2;
                        transition: all 0.5s ease;
                      }
                      .working-item .block-content .des span a:hover{
                        color: #f57c00;
                        text-decoration: none;
                      }
                      .working-item .block-content .des-mobile{
                        display: none;
                      }
                      .working-item .block-content .des-mobile{
                        font-size: 0.9em;
                        color: #999999;
                      }
                      .working-item .block-content .des-mobile span i{
                        padding-right: 1rem;
                      }
                      .working-item .block-content .des-mobile span:first-child{
                        padding-left: 0px;
                      }
                      .working-item .block-content .des-mobile span:last-child{
                        padding-right: 0px;
                        border-right: none;
                      }
                      .working-item .block-content .des-mobile span{
                        border-right: 1px solid #d2d4e2;
                        padding: 0px 10px;
                      }
                      .working-item .block-content .des-mobile span a{
                        color: #00b9f2;
                        transition: all 0.5s ease;
                      }
                      .working-item .block-content .des-mobile span a:hover{
                        color: #f57c00;
                        text-decoration: none;
                      }
                      .working-item .block-content .save-work{
                        position: absolute;
                        right: 35px;
                        top: 45%;
                        font-size: 1.2em;
                        color: #999999;
                        transition: all 0.5s ease;
                      }
                      .working-item .block-content .save-work:hover, .working-item .block-content .save-work.active{
                        color: #f57c00;
                        text-decoration: none;
                      }
                      /*------------------------------------ Block Pagination */
                      .box-pagination{
                        text-align: center;
                      }
                      .box-pagination .pagination>li>a, .box-pagination .pagination>li>span {
                        padding: 8px 15px;
                        margin: 0px 3px;
                        color: #999999;
                        transition: all 0.5s ease;
                      }
                      .box-pagination .pagination>.active>a,
                      .box-pagination .pagination>.active>a:focus,
                      .box-pagination .pagination>.active>a:hover,
                      .box-pagination .pagination>.active>span,
                      .box-pagination .pagination>.active>span:focus,
                      .box-pagination .pagination>.active>span:hover {
                        background-color: #f98703;
                        border-color: #f98703;
                        color: #fff;
                      }
                      .box-pagination .pagination>li>a:focus,
                      .box-pagination .pagination>li>a:hover,
                      .box-pagination .pagination>li>span:focus,
                      .box-pagination .pagination>li>span:hover {
                        color: #fff;
                        background-color: #f98703;
                        border-color: #f98703;
                        border-color: #ddd;
                      }
                      /*------------------------------------ Block Breadcrumb Profile */
                      .box-breadcrumb-profile{
                        background: url(../images/search-work_02.png) no-repeat center center;
                        background-size: cover;
                        padding: 1em 0px;
                        text-align: center;
                      }
                      .box-breadcrumb-profile .avarta-image{
                        width: 100px;
                        height: 100px;
                        margin: 10px auto;
                        border-radius: 50%;
                        overflow: hidden;
                      }
                      .box-breadcrumb-profile h3{
                        color: #fff;
                        margin: 15px 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      /*------------------------------------ Block Warpper Profile */
                      .box-warpper-profile h3{
                        margin: 15px 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        font-size: 1.4em;
                      }
                      .box-warpper-profile .btn {
                        position: relative;
                        overflow: hidden;
                      }
                      .box-warpper-profile .btn input[type=file] {
                        position: absolute;
                        top: 0;
                        right: 0;
                        min-width: 100%;
                        min-height: 100%;
                        font-size: 100px;
                        text-align: right;
                        filter: alpha(opacity=0);
                        opacity: 0;
                        outline: none;
                        background: white;
                        cursor: inherit;
                        display: block;
                      }
                      .box-warpper-profile label{
                        color: #606060;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 600;
                        font-size: 0.9em;
                      }
                      .box-warpper-profile .avarta{
                        margin: 0px 0px 10px;
                      }
                      .box-warpper-profile .note{
                        font-style: italic;
                        color: #f98703;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        margin: 10px 0px;
                      }
                      .box-warpper-profile .block-note{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      /*------------------------------------ Block List Candidate */
                      .box-list-candidate .block-title{
                        background: #f98703;
                        padding: 10px 15px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .box-list-candidate .block-title h3{
                        color: #fff;
                        margin: 0px;
                        font-size: 1.2em;
                      }
                      .box-list-candidate .block-title p{
                        text-align: right;
                        color: #444444;
                        margin: 0px;
                        font-size: 1.2em;
                      }
                      .candidate-item{
                        background: #fff;
                        border-bottom: 1px solid #d6d5d5;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        padding: 15px;
                      }
                      .candidate-item .block-image, .candidate-item .block-content, .candidate-item .block-benefit{
                        float: left;
                      }
                      .candidate-item .block-image{
                        width: 10%;
                      }
                      .candidate-item .block-image img{
                        margin: auto;
                      }
                      .candidate-item .block-content{
                        width: 55%;
                        padding: 0px 0px 0px 10px;
                      }
                      .candidate-item .block-content h3{
                        margin: 0px 0px 15px;
                        font-size: 1.2em;
                      }
                      .candidate-item .block-content p span{
                        font-style: italic;
                        color: #f36969;
                      }
                      .candidate-item .block-content .des-content span:first-child{
                        padding-left: 0px;
                      }
                      .candidate-item .block-content .des-content span:last-child{
                        padding-right: 0px;
                        border-right: none;
                      }
                      .candidate-item .block-content .des-content span{
                        padding: 0px 5px;
                        border-right: 1px solid #d6d5d5;
                      }
                      .candidate-item .block-benefit{
                        width: 35%;
                        text-align: center;
                        color: #1f1f1f;
                        padding: 1em 0px;
                      }
                      .candidate-item .block-benefit .row-5px{
                        margin: 0px -5px;
                      }
                      .candidate-item .block-benefit .col-5px{
                        padding: 0px 5px;
                      }
                      /*-------------------------------------- Block Fildter */
                      .box-filter-work{
                        background: #f9fafb;
                        border: 1px solid #e1e1e1;
                      }
                      .box-filter-work .block-title h3{
                        margin: 0px;
                        padding: 10px 10px 10px 20px;
                        border-bottom: 1px solid #e1e1e1;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        font-size: 1.2em;
                      }
                      .fildter-item{
                        padding: 10px 10px 0px 20px;
                        border-bottom: 1px solid #d6d5d5;
                        transition: all 0.5s ease;
                      }
                      .fildter-item.active{
                        padding: 5px 10px 5px 20px;
                      }
                      .fildter-item .btn-header{
                        text-align: left;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        font-size: 1em;
                        padding: 0px;
                        background: transparent;
                        margin-bottom: 0px;
                      }
                      .fildter-item .btn-header:focus{
                        box-shadow: 0px 0px 0px transparent;
                      }
                      .fildter-item .btn-header span:nth-child(1){
                        white-space: normal;
                        width: 90%;
                        float: left;
                      }
                      .fildter-item .btn-header span:nth-child(2){
                        float: right;
                        font-weight: 400;
                      }
                      .fildter-item ul{
                        list-style: none;
                        padding-left: 0px;
                        margin: 5px 0px;
                        overflow: hidden;
                        min-height: auto;
                        max-height: 88px;
                      }
                      .fildter-item ul.open{
                        overflow: auto;
                        min-height: auto;
                        max-height: 176px;
                      }
                      .fildter-item ul li .block-content{
                        width: 100%;
                        float: left;
                      }
                      .fildter-item .shownext{
                        text-align: center;
                        border-top: 1px solid #d6d5d5;
                        margin: 0px -10px 0px -20px;
                        padding-top: 0px;
                      }
                      .fildter-item .shownext a{
                        color: #000;
                        display: block;
                      }
                      /*-------------------------------------- Block Single Candidate */
                      .box-warpper-single--candidate{
                        background: #f8f7f7;
                      }
                      .slidebar-single--profile{
                        background: #fff;
                        margin: 15px 0px;
                        padding: 10px 10px 15px 10px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .slidebar-single--profile h3{
                        text-align: center;
                        margin: 5px 0px 10px;
                        font-size: 1.4em;
                      }
                      .slidebar-single--profile .block-content p{
                        font-weight: 300;
                        padding: 5px 0px 5px 25px;
                        position: relative;
                        margin-bottom: 0px;
                      }
                      .slidebar-single--profile .block-content p::before{
                        content: '';
                        font-family: FontAwesome;
                        position: absolute;
                        color: #f98703;
                        left: 0px;
                        top: 3px;
                      }
                      .slidebar-single--profile .block-content p:nth-child(1)::before{content: '\f1fd';}
                      .slidebar-single--profile .block-content p:nth-child(2)::before{content: '\f228';}
                      .slidebar-single--profile .block-content p:nth-child(3)::before{background: url(../images/icons-wedding-ring.svg) no-repeat center center;background-size: 15px;width: 16px;height: 20px;left: -2px;}
                      .slidebar-single--profile .block-content p:nth-child(4)::before{content: '\f041';font-size: 1.3em;left: 2px;}
                      .slidebar-single--profile .block-content p:nth-child(5)::before{content: '\f095';font-size: 1.1em;left: 2px;}
                      .slidebar-single--profile .block-content p:nth-child(6)::before{content: '\f003';font-size: 1.1em;}
                      .slidebar-single--candidate-orther{
                        margin: 25px 0px;
                      }
                      .slidebar-single--candidate-orther .block-title h3{margin: 0px;font-size: 1.2em;font-weight: 400;}
                      .slidebar-single--candidate-orther .block-title{
                        background: #3a4c56;
                        padding: 10px;
                        text-align: center;
                        color: #fff;
                        font-family: 'Roboto', sans-serif;
                      }
                      .slidebar-single--candidate-orther .candidate-orther--item{
                        border-bottom: 1px solid #cccccc;
                        background: #fff;
                        padding: 10px;
                        transition: all 0.5s ease;
                      }
                      .candidate-orther--item p{
                        margin-bottom: 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 700;
                      }
                      .candidate-orther--item p .fa{padding-right: 5px;}
                      .candidate-orther--item .job-name{color: #000;}
                      .candidate-orther--item .candidate-name{color: #f98703;}
                      .candidate-orther--item .des{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        color: #666666;
                      }
                      .candidate-orther--item .des span{
                        position: relative;
                        width: 33.333333%;
                        float: left;
                        padding-left: 20px;
                      }
                      .candidate-orther--item .des span::before{
                        content: '';
                        font-family: FontAwesome;
                        position: absolute;
                        color: #666666;
                        left: 0px;
                        top: -1px;
                      }
                      .candidate-orther--item .des span:nth-child(1)::before{content: '\f0d6';}
                      .candidate-orther--item .des span:nth-child(2)::before{content: '\f0b1';}
                      .candidate-orther--item .des span:nth-child(3)::before{content: '\f041';}
                      .candidate-orther--item a{
                        text-decoration: none;
                      }
                      .slidebar-single--candidate-orther .candidate-orther--item:hover{
                        background: #f1f1f1;
                      }
                      .box-warpper-single--introdue{
                        background: #fff;
                        margin: 15px 0px;
                        padding: 15px 20px;
                      }
                      .box-warpper-single--introdue .block-images{
                        width: 25%;
                        float: left;
                        padding-right: 1rem;
                        margin-bottom: 1rem;
                      }
                      .box-warpper-single--introdue .block-content{
                        width: 75%;
                        float: left;
                      }
                      .box-warpper-single--introdue .block-content h1{
                        margin: 0px 0px 10px;
                        color: #3a4c56;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 700;
                        font-size: 2.2em;
                      }
                      .box-warpper-single--introdue .block-content p{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 300;
                        color: #848484;
                        margin-bottom: 0px;
                        font-size: 1em;
                      }
                      .box-warpper-single--introdue .block-content .des{
                        padding: 5px 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        font-size: 1em;
                      }
                      .box-warpper-single--introdue .block-content .des span{
                        padding: 0px 5px;
                        border-right: 1px solid #000;
                      }
                      .box-warpper-single--introdue .block-content .des span:first-child{
                        padding-left: 0px;
                      }
                      .box-warpper-single--introdue .block-content .des span:last-child{
                        padding-right: 0px;
                        border-right: none;
                      }
                      .box-warpper-single--introdue .block-content .btn{
                        border-radius: 0px;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: 300;
                        font-size: 1.3em;
                      }
                      .box-warpper-single--introdue .block-content .btn i{
                        color: #f98703;
                        transition: all 0.5s ease;
                      }
                      .box-warpper-single--introdue .block-content .btn-default{
                        transition: all 0.5s ease;
                      }
                      .box-warpper-single--introdue .block-content .btn-default:hover{
                        background: #f98703;
                        color: #fff;
                      }
                      .box-warpper-single--introdue .block-content .btn-default:hover i{
                        color: #fff;
                      }
                      .box-warpper-single--wish .block-header{
                        -moz-column-count: 2;
                        -webkit-column-count: 2;
                        column-count: 2;
                      }
                      .box-warpper-single--wish .block-header p{
                        position: relative;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        padding-left: 25px;
                      }
                      .box-warpper-single--wish .block-header p::before{
                        content: '';
                        font-family: FontAwesome;
                        position: absolute;
                        color: #f98703;
                        left: 0px;
                        top: -1px;
                      }
                      .box-warpper-single--wish .block-header p:nth-child(1)::before{content: '\f0d6';}
                      .box-warpper-single--wish .block-header p:nth-child(2)::before{content: '\f2c1'; left: 2px;}
                      .box-warpper-single--wish .block-header p:nth-child(3)::before{content: '\f041'; left: 2px;}
                      .box-warpper-single--wish .block-header p:nth-child(4)::before{content: '\f017'; left: 2px;}
                      .box-warpper-single--wish .block-header p:nth-child(5)::before{content: '\f0c9';}
                      .box-warpper-single--wish .block-header p:nth-child(6)::before{content: '\f0b1';}
                      .box-warpper-single--wish .block-header p:nth-child(7)::before{content: '\f19d';}
                      .box-warpper-single--wish{
                        background: #fff;
                        padding: 20px;
                        margin: 15px 0px;
                      }
                      .box-warpper-single--wish hr{
                        margin: 5px 0px;
                      }
                      .box-warpper-single--wish .block-content{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .box-warpper-single--wish .block-content h3{
                        margin: 15px 0px;
                        color: #f98703;
                        font-size: 1.5em;
                      }
                      /*-------------------------------------- Block Single Work */
                      .box-warpper-single--work{
                        background: #f8f7f7;
                      }
                      .slidebar-single--advertise{
                        margin: 15px 0px;
                      }
                      .slidebar-single--advertise img{
                        margin-bottom: 15px;
                        max-width: 100%;
                      }
                      .slidebar-single--shared{
                        padding: 10px 0;
                        background-color: #fff;
                        border-radius: 3px;
                        -moz-border-radius: 3px;
                        -webkit-border-radius: 3px;
                        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                        box-shadow: 0 1px 2px rgba(0,0,0,.2);
                        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                        margin-bottom: 15px;
                      }
                      .slidebar-single--shared h3{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 600;
                        margin: 0px 0px 5px;
                        font-size: 1em;
                        text-align: center;
                      }
                      .slidebar-single--shared .shared--social-media{
                        text-align: center;
                      }
                      .slidebar-single--shared .shared--social-media a{
                        width: 40px;
                        height: 40px;
                        margin: 0 2px;
                        border-radius: 50%;
                        outline: none;
                        text-decoration: none;
                        text-align: center;
                        display: inline-block;
                        vertical-align: middle;
                        -webkit-transform: translateZ(0);
                        transform: translateZ(0);
                        box-shadow: 0 0 1px rgba(0,0,0,0);
                        -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
                        -moz-osx-font-smoothing: grayscale;
                        position: relative;
                        -webkit-transition-duration: 0.3s;
                        transition-duration: 0.3s;
                        -webkit-transition-property: transform;
                        transition-property: transform;
                      }
                      .slidebar-single--shared .shared--social-media a::before{
                        pointer-events: none;
                        position: absolute;
                        z-index: -1;
                        content: '';
                        top: 100%;
                        left: 5%;
                        height: 10px;
                        width: 90%;
                        opacity: 0;
                        background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);
                        background: radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);
                        -webkit-transition-duration: 0.3s;
                        transition-duration: 0.3s;
                        -webkit-transition-property: transform,opacity;
                        transition-property: transform,opacity;
                      }
                      .slidebar-single--shared .shared--social-media a:hover::before{
                        opacity: 1;
                        -webkit-transform: translateY(3px);
                        transform: translateY(3px);
                      }
                      .slidebar-single--shared .shared--social-media a:hover{
                        -webkit-transform: translateY(-3px);
                        transform: translateY(-3px);
                      }
                      .slidebar-single--shared .shared--social-media i.fa{
                        font-size: 24px;
                        line-height: 40px;
                        color: #fff;
                        -webkit-transition: all .2s;
                        transition: all .2s;
                      }
                      .slidebar-single--shared .shared--social-media a:nth-child(1){background: #435f9d;}
                      .slidebar-single--shared .shared--social-media a:nth-child(2){background: #007ab6;}
                      .slidebar-single--shared .shared--social-media a:nth-child(3){background: #666;}
                      .slidebar-single--shared .shared--social-media a:nth-child(4), .slidebar-single--shared .shared--social-media a:nth-child(5){background: #cc181e;}
                      .slidebar-single--work-orther{
                        background-color: #fff;
                        border-radius: 3px;
                        -moz-border-radius: 3px;
                        -webkit-border-radius: 3px;
                        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                        box-shadow: 0 1px 2px rgba(0,0,0,.2);
                        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                        margin-bottom: 15px;
                        font-family: 'Roboto', sans-serif;
                      }
                      .slidebar-single--work-orther h2{
                        font-size: 1.3em;
                        padding: 10px;
                        border-bottom: solid 1px #dbdbdb;
                        box-shadow: 0 1px 2px rgba(0,0,0,.1);
                        margin: 0px;
                        font-weight: 600;
                      }
                      .slidebar-single--work-orther ul{
                        list-style: none;
                        padding-left: 0px;
                      }
                      .slidebar-single--work-orther ul li{
                        padding: 15px 10px;
                        border-bottom: 1px solid #efefef;
                      }
                      .work-orther-item h3{
                        font-weight: 600;
                        margin: 0px 0px 5px;
                        font-size: 0.9em;
                        font-weight: 600;
                        font-family: 'Roboto', sans-serif;
                      }
                      .work-orther-item h3 a{
                        color: #09a0db;
                        transition: all 0.5s ease;
                      }
                      .work-orther-item h3 a:hover{
                        color: #f98703;
                        text-decoration: none;
                      }
                      .work-orther-item .block-logo{
                        width: 25%;
                        float: left;
                      }
                      .work-orther-item .block-content{
                        width: 75%;
                        float: left;
                      }
                      .work-orther-item .block-logo img{
                        margin: 0px 0px 5px;
                        border: 1px solid #dbdbdb;
                      }
                      .work-orther-item .block-content{
                        padding-left: 10px;
                      }
                      .work-orther-item .block-content p{
                        margin-bottom: 5px;
                        font-size: 0.9em;
                      }
                      .work-orther-item .block-content .name-company a{
                        color: #999;
                        transition: all 0.5s ease;
                      }
                      .work-orther-item .block-content .name-company a:hover{
                        color: #f98703;
                        text-decoration: none;
                      }
                      .work-orther-item .block-content .price strong{
                        color: #f98703;
                      }
                      .box-single-work-background{
                        padding: 15px 25px 30px;
                        position: relative;
                        background-color: #fff;
                        margin: 15px 0px;
                      }
                      .box-single--work-title .block-images{
                        width: 20%;
                        float: left;
                      }
                      .box-single--work-title .block-name{
                        width: 80%;
                        float: left;
                      }
                      .box-single--work-title .block-name h1{
                        font-weight: 600;
                        font-family: 'Roboto', sans-serif;
                        margin: 0px 0px 10px;
                        font-size: 2em;
                      }
                      .box-single--work-title .block-name .name-company{
                        text-transform: capitalize;
                        font-size: 1.3em;
                        margin-bottom: 10px;
                        font-weight: 400;
                        font-family: 'Roboto', sans-serif;
                      }
                      .box-single--work-title .date-update{
                        font-size: 1em;
                        margin: 10px 0px;
                        font-weight: 400;
                        font-family: 'Roboto', sans-serif;
                      }
                      .box-single--work-title .btn{
                        border-radius: 0px;
                        font-weight: 700;
                        font-family: 'Roboto', sans-serif;
                        padding: 8px 40px;
                        font-size: 1.3em;
                      }
                      .box-single--info-career h3, .box-single--policy h3, .box-single--description h3, .box-single--introdue-company h3{
                        font-size: 1.2em;
                        color: #f79d25;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 700;
                        margin-bottom: 10px;
                      }
                      .box-single--info-career ul{
                        list-style: none;
                        padding-left: 0px;
                        -moz-column-count: 2;
                        -webkit-column-count: 2;
                        column-count: 2;
                        font-family: 'Roboto', sans-serif;
                      }
                      .box-single--info-career ul li{
                        background: #f0f0f0;
                        padding: 5px 0px;
                      }
                      .box-single--info-career ul li:nth-child(2), .box-single--info-career ul li:nth-child(5){
                        background: #f8f8f8;
                      }
                      .box-single--info-career ul li span{
                        font-weight: 700;
                        padding: 0 10px;
                        width: 110px;
                        display: block;
                        float: left;
                        font-size: 0.9em;
                      }
                      .box-single--info-career ul li strong{
                        float: left;
                        width: 225px;
                        font-weight: 400;
                        font-size: 0.9em;
                      }
                      .box-single--info-career ul li a{
                        color: #09a0db;
                      }
                      .box-single--policy ul{
                        list-style: none;
                        padding-left: 0px;
                        -moz-column-count: 3;
                        -webkit-column-count: 3;
                        column-count: 3;
                        color: #777777;
                        font-family: 'Roboto', sans-serif;
                      }
                      .box-single--policy ul li{
                        margin-bottom: 10px;
                      }
                      .box-single--policy ul li .fa{
                        width: 20px;
                        padding-right: 10px;
                      }
                      .box-single--description{
                        font-family: 'Roboto', sans-serif;
                      }
                      .box-single--introdue-company .block-image{
                        width: 20%;
                        float: left;
                        padding-right: 1rem;
                        margin-bottom: 1rem;
                      }
                      .box-single--introdue-company .block-content{
                        width: 80%;
                        float: left;
                      }
                      .box-single--introdue-company .block-content p{
                        font-family: 'Roboto', sans-serif;
                        margin-bottom: 5px;
                      }
                      .box-single--introdue-company .block-content .name-company{
                        font-weight: 700;
                      }
                      .box-single--introdue-company .des{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .box-single--introdue-company .des img{
                        max-width: 100%;
                        margin: 10px auto;
                      }
                      .view-all{
                        margin: 15px 0px;
                      }
                      .view-all .btn{
                        border-radius: 2px;
                        padding: 10px 20px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 700;
                      }
                      .view-all .btn-default{
                        color: #404040;
                        background: #f0f0f0;
                      }
                      /*-------------------------------------- Block Register */
                      .box-register{
                        margin: 15px 0px;
                      }
                      .box-register .nav-tabs>li>a {
                        font-size: 14px;
                        font-family: 'Roboto', sans-serif;
                        text-transform: uppercase;
                        font-weight: 600;
                        border: none;
                        color: #2e3339;
                        transition: all 0.5s ease;
                      }
                      .box-register .nav-tabs>li.active>a, .box-register .nav-tabs>li>a:hover {
                        border: none;
                        color: #f98703!important;
                        background: transparent;
                      }
                      .box-register .nav-tabs > li > a::after {
                        content: "";
                        background: #f98703;
                        height: 2px;
                        position: absolute;
                        width: 100%;
                        left: 0px;
                        bottom: -1px;
                        transition: all 250ms ease 0s;
                        transform: scale(0);
                      }
                      .box-register .nav-tabs>li.active>a::after, .box-register .nav-tabs>li:hover>a::after {
                        transform: scale(1);
                      }
                      .box-register .tab-content{
                        padding: 20px 0px;
                        font-family: 'Roboto', sans-serif;
                      }
                      .box-register .tab-content label{
                        font-weight: 400;
                      }
                      /*-------------------------------------- Block Briefcase*/
                      .box-list-briefcase{
                        font-family: 'Roboto', sans-serif;
                        margin: 15px 0px;
                      }
                      .box-list-briefcase h3{
                        margin: 5px 0px;
                        font-weight: 400;
                        font-size: 1.2em;
                      }
                      .box-list-briefcase th{
                        text-align: center;
                      }
                      /*-------------------------------------- Block Briefcase*/
                      .box-post-box-briefcase{
                        font-family: 'Roboto', sans-serif;
                        margin: 15px 0px;
                      }
                      .box-post-box-briefcase h3{
                        margin: 5px 0px;
                        font-weight: 400;
                        font-size: 1.2em;
                      }
                      .post-box-briefcase--info-job{
                        margin-bottom: 15px;
                      }
                      .post-box-briefcase--info-job .info-job--title{
                        background-color: rgb(0, 120, 201);
                        color: #fff;
                        font-size: 1em;
                        padding: 10px;
                        font-weight: 700;
                        border-radius: 3px;
                      }
                      .post-box-briefcase--info-job ul{
                        list-style: none;
                        padding-left: 0px;
                        font-family: 'Roboto', sans-serif;
                      }
                      .post-box-briefcase--info-job ul li{
                        padding: 10px;
                        font-size: 12px;
                      }
                      .post-box-briefcase--info-job ul li:nth-child(even){
                        background: #f2f2f2;
                      }
                      .post-box-briefcase--choice-briefcase h3{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 700;
                        margin: 15px 0px;
                        color: #f79d25;
                        font-size: 14px;
                        text-transform: capitalize;
                      }
                      .post-box-briefcase--choice-briefcase .choice-briefcase--user{
                        font-size: 12px;
                      }
                      .post-box-briefcase--choice-briefcase .choice-briefcase--upload{
                        padding: 15px;
                        border: 1px solid #ccc;
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        margin: 15px 0px;
                      }
                      .choice-briefcase--upload .choice-briefcase--upload-computer, .choice-briefcase--upload .choice-briefcase--upload-google{
                        margin: 10px 25px -10px;
                      }
                      .choice-briefcase--upload .choice-briefcase--upload-computer input[type=file], .choice-briefcase--upload .choice-briefcase--upload-google input[type=file]{
                        position: absolute;
                        opacity: 0;
                      }
                      .choice-briefcase--upload .choice-briefcase--upload-computer .inputfile-1 + label, .choice-briefcase--upload .choice-briefcase--upload-google .inputfile-1 + label{
                        background: #D4D0C8;
                        color: #000;
                        border: 1px solid #999;
                        border-radius: 3px;
                      }
                      .choice-briefcase--upload .choice-briefcase--upload-computer img, .choice-briefcase--upload .choice-briefcase--upload-google img{
                        position: relative;
                        top: -3px;
                      }
                      .choice-briefcase--content .btn{
                        padding: 10px 30px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 700;
                      }

                      @media (min-width: 768px){
                        .box-register .form-horizontal .control-label {
                          text-align: right;
                        }
                      }
                      .box-register .tab-content .form-control{
                        border-radius: 2px;
                      }
                      .box-register .tab-content .btn{
                        border-radius: 2px;
                        font-size: 1.3em;
                        padding: 8px 20px;
                        margin: 15px 0px;
                      }
                      .box-register .tab-content .btn.type-2{
                        padding: 6px 12px;
                        font-size: 1em;
                        margin: 0px 5px 0px 0px;
                      }
                      .box-register .tab-content .btn-success.type-2{
                        background: #5eb71f;
                        color: #fff;
                        border-color: #5eb71f;
                        transition: all 0.5s ease;
                      }
                      .box-register .tab-content .btn-success.type-2:hover{
                        background: #f98703;
                        border-color: #f98703;
                      }
                      .box-register .tab-content .link-anchor{
                        color: #3c8dbc;
                        transition: all 0.5s ease;
                      }
                      .box-register .tab-content .link-anchor:hover{
                        color: #f98703;
                        text-decoration: none;
                      }
                      .box-register .box-register--block-alert{
                        padding: 10px;
                        margin-top: 15px;
                        background: #e6f3fd;
                        border-bottom: 1px solid #bbdefa;
                        border-top: 1px solid #bbdefa;
                      }
                      .box-register .box-register--block-alert .fa{
                        color: #39cccc;
                        padding-right: 5px;
                      }
                      .box-register--right-employer .block-content ul{
                        background: url(../images/hand_typing_287x153.jpg) right bottom no-repeat;
                        float: left;
                        padding: 0px 0 15px;
                        width: 100%;
                        list-style: none;
                      }
                      .box-register--right-employer .block-content ul li{
                        background: url(../images/arrow_org_16x14.gif) 0 1px no-repeat;
                        float: left;
                        padding-left: 26px;
                        margin: 0 0 14px 10px;
                        font-weight: 700;
                        font-size: 13px;
                        clear: both;
                      }
                      .box-register--right-employer .block-content .right-employer--block-alert{
                        clear: both;
                        background: url(../images/gray_gradient_login_517x65.jpg) no-repeat;
                        height: 65px;
                        padding: 15px 0 0 20px;
                      }
                      .box-register--right-employer .block-content .right-employer--block-alert h2{
                        font-size: 13px;
                        font-weight: 700;
                        color: #195daf;
                        padding-bottom: 4px;
                        text-transform: none;
                        margin: 0px;
                      }
                      .box-register--right-employer .block-content .right-employer--block-alert p{
                        margin: 0px;
                        font-size: 12px;
                      }
                      .box-register--right-employer .block-content .right-employer--block-alert .text-alert-left{
                        width: 260px;
                      }







                      /*-------------------------------------- Block Post Carrer */
                      .box-post-carrer .custom-radio{
                        margin-top: 30px;
                      }
                      .box-post-carrer{
                        font-family: 'Roboto', sans-serif;
                        margin: 15px 0px 5px;
                      }
                      .box-post-carrer .post-carrer--policy h3{
                        margin: 10px 0px 15px;
                        font-size: 1em;
                        font-weight: 700;
                      }
                      .box-post-carrer .post-carrer--policy ul{
                        -moz-column-count: 3;
                        -webkit-column-count: 3;
                        column-count: 3;
                        list-style: none;
                        padding-left: 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        color: #777;
                      }
                      .box-post-carrer .post-carrer--policy ul li{
                        margin-bottom: 5px;
                      }
                      .box-post-carrer .post-carrer--policy ul li .fa{
                        width: 15px;
                        margin-right: 5px;
                        text-align: center;
                      }
                      .box-post-carrer .post-carrer--contact .note{
                        font-style: italic;
                        color: #f98b1b;
                        padding: 0px 0px;
                      }
                      .box-post-carrer .btn-post{
                        margin-bottom: 15px;
                        background: #f98703;
                        color: #fff;
                      }
                      .post-carrer--language .post-carrer--add-language{
                        border-bottom: 1px dashed #aaaaaa;
                        margin-bottom: 10px;
                        padding-bottom: 5px;
                      }
                      .post-carrer--language .post-carrer--add-language a{
                        color: #2e2e2e;
                        transition: all 0.5s ease;
                      }
                      .post-carrer--language .post-carrer--add-language a:hover{
                        color: #f98703;
                        text-decoration: none;
                      }
                      .post-carrer--language .post-carrer--add-language .fa-p-left{
                        color: #f98703;
                      }
                      .post-carrer--language .post-carrer--add-language .fa-p-right{
                        color: #000;
                      }
                      /*-------------------------------------- Block Post Recruitment */
                      .box-post-recruitment{
                        margin: 15px 0px;
                        font-family: 'Roboto', sans-serif;
                      }
                      .box-post-recruitment h1{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        margin: 0px 0px 15px;
                        font-size: 1.5em;
                      }
                      .box-post-recruitment .btn-post{
                        margin-bottom: 15px;
                        background: #f98703;
                        color: #fff;
                      }
                      /*-------------------------------------- Block Post Page */
                      .box-warpper-post-page .post-page--slider{
                        border: 1px solid #d7d7d7;
                        background-color: #fff;
                        margin: 20px 0px;
                        position: relative;
                      }
                      .post-slider--item img{
                        width: 100%;
                      }
                      .post-slider--item .block-content h3{
                        line-height: 30px;
                        padding: 20px 0;
                        font-size: 25px;
                        margin: 0px;
                      }
                      .post-slider--item .block-content h3 a{
                        color: #333;
                        transition: all 0.5s ease;
                      }
                      .post-slider--item .block-content h3 a{
                        color: #f98703;
                        text-decoration: none;
                      }
                      .post-slider--item .block-content{
                        padding: 0px 40px 0px 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .post-slider--item .block-content .viewer{
                        padding-bottom: 15px;
                        font-style: italic;
                        font-size: 0.9em;
                      }
                      .post-slider--item .block-content .des{
                        padding-bottom: 15px;
                        font-size: 0.9em;
                      }
                      .post-slider--item .block-content .btn{
                        padding: 5px 7px;
                      }
                      .post-slider--item .block-content .view-detail{
                        background: #f79d25;
                        color: #fff;
                      }
                      .post-page--slider .owl-theme .owl-controls{
                        text-align: right;
                        position: absolute;
                        top: 50%;
                        margin: 0px;
                        width: 100%;
                      }
                      .post-page--slider .owl-theme .owl-controls .owl-buttons div{
                        color: #000;
                        position: absolute;
                        display: block;
                        zoom: 1;
                        margin: 0px;
                        padding: 0px;
                        font-size: 1em;
                        background: transparent;
                        filter: Alpha(Opacity=100);
                        opacity: 1;
                        transition: all 0.5s ease;
                      }
                      .post-page--slider .owl-theme .owl-controls .owl-buttons div:hover{
                        filter: Alpha(Opacity=50);
                        opacity: 0.5;
                        color: #eb1427;
                      }
                      .post-page--slider .owl-theme .owl-controls .owl-buttons .owl-prev{
                        left: 0px;
                      }
                      .post-page--slider .owl-theme .owl-controls .owl-buttons .owl-next {
                        right: 0px;
                      }
                      .post-page--testtimonial .block-left{
                        width: 50%;
                        float: left;
                        font-family: 'Roboto', sans-serif;
                      }
                      .post-page--testtimonial .block-right{
                        font-family: 'Roboto', sans-serif;
                        width: 50%;
                        float: left;
                        position: relative;
                      }
                      .post-page--testtimonial .block-right{
                        background: url(../images/lineadv.gif) no-repeat left center;
                        margin: 0px 0px 15px;
                      }
                      .post-page--testtimonial .block-right .des{
                        padding: 10px 50px;
                      }
                      .post-page--testtimonial .block-right .des::before{
                        content: '';
                        position: absolute;
                        top: 5px;
                        left: 15px;
                        background: url(../images/quote1.gif) no-repeat;
                        width: 18px;
                        height: 9px;
                      }
                      .post-page--testtimonial .block-right .des::after{
                        content: '';
                        position: absolute;
                        bottom: 5px;
                        right: 5px;
                        background: url(../images/quote2.gif) no-repeat;
                        width: 18px;
                        height: 9px;
                      }
                      .post-page--testtimonial .block-left h3{
                        font-size: 20px;
                        color: #287AB9;
                        text-align: center;
                        margin: 10px 0px;
                        line-height: 30px;
                        padding: 0px 15px;
                      }
                      .post-page--testtimonial .block-left h3 span{
                        color: #f79d25;
                      }
                      .post-page--catelogy .block-title{
                        background: url(../images/row_tit.gif) no-repeat 534px center #f79d25;
                        color: #fff;
                        font-size: 16px;
                        padding: 7px 15px;
                        font-weight: normal;
                        margin-bottom: 15px;
                        display: block;
                      }
                      .post-page--catelogy .block-title h3{
                        margin: 0px;
                        font-size: 1em;
                        font-family: 'Roboto', sans-serif;
                      }
                      .post-page--catelogy .block-title h3 a{
                        color: #fff;
                        transition: all 0.5s ease;
                      }
                      .post-page--catelogy .block-title h3 a:hover{
                        color: #fff;
                        text-decoration: none;
                      }
                      .block-post-item .post--top{
                        font-family: 'Roboto', sans-serif;
                      }
                      .block-post-item .post--top .block-images{
                        width: 30%;
                        float: left;
                      }
                      .block-post-item .post--top .block-content{
                        width: 70%;
                        float: left;
                      }
                      .block-post-item .post--top .block-images img{
                        margin-bottom: 5px;
                      }
                      .block-post-item .post--top .block-content{
                        padding-left: 10px;
                      }
                      .block-post-item .post--top .block-content h3{
                        margin: 0px 0px 10px;
                        font-size: 1.1em;
                        font-weight: 400;
                      }
                      .block-post-item .post--top .block-content h3 a{
                        transition: all 0.5s ease;
                      }
                      .block-post-item .post--top .block-content h3 a:hover{
                        color: #f79d25;
                        text-decoration: none;
                      }
                      .block-post-item .post--top .block-content .viewer{
                        font-style: italic;
                        font-size: 1em;
                      }
                      .block-post-item ul{
                        list-style: none;
                        padding-left: 15px;
                        margin: 10px 0px;
                      }
                      .block-post-item ul li{
                        font-size: 0.9em;
                        line-height: 20px;
                        position: relative;
                      }
                      .block-post-item ul li::before{
                        content: '';
                        position: absolute;
                        background: url(../images/row_blue.gif) no-repeat left 5px;
                        width: 15px;
                        height: 15px;
                        left: -15px;
                        top: 1px;
                      }
                      .block-post-item ul li a{
                        color: #333;
                        transition: all 0.5s ease;
                      }
                      .block-post-item ul li a:hover{
                        color: #f79d25;
                        text-decoration: none;
                      }
                      /*------------------------------------- Block Breadcrumb1  */
                      .block-breadcrumb .breadcrumb{
                        margin: 15px 0px;
                        background: transparent;
                        font-size: 1.1em;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        margin: 15px 0px 0px;
                      }
                      .block-breadcrumb .breadcrumb>li:first-child::before {
                        content: "\f015";
                        font-family: FontAwesome;
                        padding-right: 10px;
                      }
                      .block-breadcrumb .breadcrumb li a{
                        color: #333;
                        transition: all 0.5s ease;
                      }
                      .block-breadcrumb .breadcrumb li a:hover{
                        color: #f98703;
                        text-decoration: none;
                      }
                      .block-breadcrumb .breadcrumb>.active {
                        color: #f98703;
                      }
                      .block-breadcrumb .breadcrumb>li+li:before {
                        font-family: FontAwesome;
                        content: "\f105";
                        color: #333;
                      }
                      /*-------------------------------------- Block Single Post Page */
                      .box-warpper-single-post-page{
                        background: #f8f7f7;
                      }
                      .warpper-single-post-page{
                        background: #fff;
                        border: 1px solid #d6d5d5;
                        padding: 20px;
                        margin: 15px 0px;
                      }
                      .warpper-single-post-page h1{
                        font-family: 'Roboto', sans-serif;
                        margin: 0px;
                        font-size: 1.8em;
                      }
                      .warpper-single-post-page .date{
                        padding: 10px 0px;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .warpper-single-post-page .date span{
                        padding: 0px 5px;
                        border-right: 1px solid #d6d5d5;
                      }
                      .warpper-single-post-page .date span:first-child{
                        padding-left: 0px;
                      }
                      .warpper-single-post-page .date span:last-child{
                        border-right: none;
                      }
                      .warpper-single-post-page .block-content{
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .warpper-single-post-page .block-content img{
                        margin: 10px 0px;
                        max-width: 100%;
                      }
                      /*-------------------------------------- Block Post Related */
                      .post-related h3.text-title{
                        font-size: 18px;
                        color: #999;
                        text-align: center;
                        position: relative;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                      }
                      .post-related h3.text-title::before, .post-related h3.text-title::after{
                        content: '';
                        width: 30%;
                        border: solid 1px #999;
                        position: absolute;
                        content: "";
                        top: 50%;
                      }
                      .post-related h3.text-title::before{
                        left: 0px;
                      }
                      .post-related h3.text-title::after{
                        right: 0px;
                      }
                      .post-related-item{
                        margin: 15px 0px;
                      }
                      .post-related-item h3{
                        margin: 10px 0px;
                        font-size: 0.9em;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 400;
                        line-height: 20px;
                      }
                      .post-related-item h3 a{
                        color: #000;
                        transition: all 0.5s ease;
                      }
                      .post-related-item h3 a:hover{
                        color: #f98703;
                        text-decoration: none;
                      }
                      /*-------------------------------------- Block Post Featued*/
                      .slidebar-single--post-featured{
                        border: 1px solid #f79d25;
                        margin-bottom: 15px;
                      }
                      .slidebar-single--post-featured .block-title{
                        background: #f79d25;
                        padding: 10px;
                      }
                      .slidebar-single--post-featured .block-title h3{
                        margin: 0px;
                        color: #fff;
                        font-size: 1.2em;
                      }
                      .post-featued-item{
                        padding: 10px;
                        background: #fff;
                      }
                      .post-featued-item .block-images{
                        width: 35%;
                        float: left;
                      }
                      .post-featued-item .block-content{
                        width: 65%;
                        float: left;
                        padding-left: 10px;
                      }
                      .post-featued-item .block-content h3{
                        margin: 5px 0px;
                        font-size: 0.9em;
                        color: #333;
                        font-family: 'Roboto', sans-serif;
                        font-weight: 700;
                      }
                      .post-featued-item .block-content h3 a{
                        color: #333;
                        transition: all 0.5s ease;
                      }
                      .post-featued-item .block-content h3 a:hover{
                        color: #f98703;
                        text-decoration: none;
                      }
                      @media (min-width: 768px){
                        .form-horizontal .control-label {
                          text-align: left;
                        }
                        #myModal-candidate-list{
                          font-family: 'Open Sans', sans-serif;
                        }
                        #myModal-candidate-list .modal-dialog .register a{
                          color: #20a0ff;
                          transition: all .5s ease;
                        }
                        #myModal-candidate-list .modal-dialog .register a:hover{
                          color: #0095d6;
                          text-decoration: none;
                        }
                        #myModal-candidate-list .modal-dialog{
                          width: 430px;
                        }
                        #myModal-candidate-list .form-group{
                          margin-top: 15px;
                        }
                        #myModal-candidate-list .form-group .btn{
                          width: 100%;
                          background-color: #20a0ff;
                          border-color: #20a0ff;
                          transition: all .5s ease
                        }
                        #myModal-candidate-list .form-group .btn:hover{
                          width: 100%;
                          background-color: #0095d6;
                          border-color: #0095d6;
                        }
                        #myModal-candidate-list .form-control{
                          margin-bottom: 15px;
                        }
                        #myModal-candidate-list .modal-body{
                          padding:0 15px 20px 15px;
                        }
                        #myModal-candidate-list .modal-dialog .modal-content .modal-body h3{
                          float: left;
                          font-size: 18px;
                          font-weight: 600;
                        }
                        #myModal-candidate-list .modal-dialog .modal-body button.close{
                          margin-top: 10px;
                          font-size: 35px;
                        }
                      }
                      @media(max-width:767px){
                        .content-two .line{
                          border-bottom: 1px solid #ddd;
                          width: 100%;
                          margin-left: 0;
                          margin-top: 15px;
                          margin-bottom: 15px;
                        }
                      }
                      @media (max-width: 768px){

                        .contact-header{
                          top: 24.5%;
                        }
                        .content-one .item{
                          margin-bottom: 20px;
                        }
                        .content-two ul{
                          padding: 0;
                        }
                      }

                      @media(max-width: 1024px){
                        .box-single--info-career ul li strong{
                          width: 195px;
                        }
                        .contact-header{
                          top: 24.5%;
                        }
                      }
                      @media(min-width: 1024px){
                        .content-two .line{
                          border-bottom: 1px solid #ddd;
                          width: 30%;
                          margin-left: 35%;
                          margin-top: 15px;
                          margin-bottom: 15px;
                        }
                      }
                      @media(min-width: 1366px){
                        .content-two .line{
                          border-bottom: 1px solid #ddd;
                          width: 20%;
                          margin-left: 40%;
                          margin-top: 15px;
                          margin-bottom: 15px;
                        }
                      }
                      @media (max-width: 780px){
                        .wsmenu-submenu{
                          width: 100%;
                        }
                        .block-login {
                          padding: 13px 0px 0px;
                          right: 0;
                        }
                        .ring-infomation{
                          padding: 15px 20px 5px 0px;
                        }
                        .block-header .box-logo {
                          float: none;
                          margin: auto;
                        }
                        .block-header .box-menu{
                          margin: 0px;
                        }
                        .wsmenu-list > li{
                          padding-right: 0px;
                        }
                        .box-single--introdue-company .block-image, .box-single--introdue-company .block-content{
                          float: none;
                          display: inline-block;
                        }
                        .box-single--introdue-company .block-image{
                          vertical-align: super;
                        }
                        .box-single--introdue-company .block-content{
                          width: 79%;
                        }
                      }
                      @media(max-width: 480px){
                        .post h3.header{
                          font-size: 13px;
                          padding: 10px 0 35px 0px;
                        }
                        .post h3.header .pull-right{
                          float: left!important;
                          padding-left: 10px;
                        }
                        .post h3.header .fa{
                          padding-left: 10px;
                        }
                        .box-search-work .block-search-text, .box-search-work .block-select-work, .box-search-work .block-select-address, .box-search-work .block-submit-career{
                          width: 100%;
                        }
                        .box-search-work .form-group, .box-search-work .btn {
                          margin: 5px 0px;
                        }
                        .box-post-carrer .post-carrer--policy ul{
                          -moz-column-count: 1;
                          -webkit-column-count: 1;
                          column-count: 1;
                        }
                        .block-login{
                          width: 50%;
                          padding: 0px;
                        }
                        .block-login span{
                          width: 45%;
                          float: left;
                          padding: 5px 10px;
                          text-align: center;
                        }
                        .block-login span:nth-child(1){
                          padding-left: 10px;
                        }
                        .block-login span:nth-child(1)::before, .block-login span.create-account::before,
                        .block-login span.sign-out::before,.block-login span.dropdown::before{
                          position: relative;
                          display: block;
                          text-align: center;
                          font-size: 2rem;
                        }
                        .block-header .box-logo {
                          width: 70%;
                        }
                        .box-single--introdue-company .block-content {
                          width: 100%;
                        }
                        .box-single--introdue-company .block-image {
                          vertical-align: top;
                          text-align: center;
                          width: 100%;
                        }
                        .slidebar-single--advertise img{
                          width: 100%;
                        }
                        .box-list-work{
                          /* background: transparent; */
                          box-shadow: 0px 0px 0px 0px transparent;
                        }
                        .box-list-work .working-item{
                          margin-bottom: 1rem;
                          box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
                        }
                        /* .working-item .block-image{
                        display: none;
                        } */
                        .working-item .block-image{
                          width: 30%;
                          float: left;
                          padding-top: 15px;
                        }
                        .working-item .block-content{
                          background: #fff;
                          /* width: 100%; */
                          width: 70%;
                        }
                        .working-item .block-content .save-work{
                          /* right: 10px;
                          top: 14%; */
                          display: none;
                        }
                        .box-single--work-title .block-images{
                          display: none;
                        }
                        .box-single--work-title .block-name{
                          width: 100%;
                        }
                        .box-single--work-title .block-name h1{
                          font-size: 2rem;
                        }
                        .box-single--work-title .block-name .name-company{
                          font-size: 16px;
                          margin: 8px 0px;
                        }
                        .box-single--work-title .date-update{
                          margin-top: 0px;
                          position: relative;
                          padding-left: 1.75rem;
                        }
                        .box-single--work-title .date-update::before{
                          content: '\f017';
                          font-family: 'FontAwesome';
                          position: absolute;
                          left: 0px;
                          color: #f79d25;
                        }
                        .box-single--work-title .date-update.view::before{
                          content: '\f06e';
                          font-family: 'FontAwesome';
                          position: absolute;
                          left: 0px;
                          color: #f79d25;
                        }
                        .box-single--work-title .btn{
                          display: block;
                          width: 100%;
                        }
                        .box-single--info-career ul{
                          -moz-column-count: 1;
                          -webkit-column-count: 1;
                          column-count: 1;
                        }
                        .box-single--info-career ul li span{
                          width: 32%;
                        }
                        .box-single--info-career ul li strong{
                          width: 68%;
                        }
                        .box-single--info-career ul li{
                          position: relative;
                          padding-left: 1.5rem;
                          background: transparent;
                        }
                        .box-single--info-career ul li:nth-child(2), .box-single--info-career ul li:nth-child(5){
                          background: transparent;
                        }
                        .box-single--info-career ul li::before{
                          content: '';
                          font-family: 'FontAwesome';
                          position: absolute;
                          left: 0px;
                          color: #f79d25;
                          text-align: center;
                        }
                        .box-single--info-career ul li:nth-child(1)::before{content: '\f041';}
                        .box-single--info-career ul li:nth-child(2)::before{content: '\f0b1';}
                        .box-single--info-career ul li:nth-child(3)::before{content: '\f0ca';}
                        .box-single--info-career ul li:nth-child(4)::before{content: '\f007';}
                        .box-single--info-career ul li:nth-child(5)::before{content: '\f0d6';}
                        .box-single--info-career ul li:nth-child(6)::before{content: '\f017';}
                        .working-item .block-content{padding: 20px;}
                        /* .working-item .block-content h3{margin-right: 5rem;}
                        .working-item .block-content small{margin-right: 5rem;} */
                        .working-item .block-content h3{overflow: hidden;  white-space: nowrap;text-overflow: ellipsis;}
                        .working-item .block-content small{overflow: hidden;  white-space: nowrap;text-overflow: ellipsis;margin: 5px 0;}
                        .working-item .block-content .des{display: none;}
                        .working-item .block-content .des-mobile{display: block;}
                        .working-item .block-content .des-mobile span{border-right: none;padding: 0;line-height: 25px;}
                        .working-item .block-content .des-mobile span:nth-of-type(2){padding-right: 15px;}
                        .working-item .block-content .des-mobile span:nth-of-type(3){float: right;}
                        .working-item .block-content{border-left: none;}
                      }
                      @media(max-width: 360px){
                        .block-login .mark{
                          background-color: transparent;
                          width: 35%!important;
                        }
                        .block-login .dropdown{
                          width: 20%;
                        }
                        .candidate-item-res{
                          background: #fff;
                          border-bottom: 1px solid #d6d5d5;
                          font-family: 'Roboto', sans-serif;
                          font-weight: 400;
                          padding: 15px;
                          margin-bottom: 1rem;
                          box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
                        }
                        .candidate-item-res .block-image, .candidate-item .block-content, .candidate-item .block-benefit{
                          float: left;
                        }
                        .candidate-item-res .block-image img{
                          margin: auto;
                        }
                        .candidate-item-res .block-content h3{
                          margin: 0px 0px 0px;
                          font-size: 1.2em;
                        }
                        .candidate-item-res .block-content p{
                          color:#333;
                        }
                        .candidate-item-res .block-content h3 a{
                          color: #555;
                          transition: all .5s ease;
                        }
                        .candidate-item-res .block-content h3 a:hover{
                          color: #555;
                          text-decoration: none;
                        }
                        .candidate-item-res .block-content p span{
                          font-style: italic;
                          color: #f36969;
                        }
                        .candidate-item-res .block-content .des-content span:first-child{
                          padding-left: 0px;
                        }
                        .candidate-item-res .block-content .des-content span:last-child{
                          padding-right: 0px;
                          border-right: none;
                        }
                        .candidate-item-res .block-content .des-content span{
                          padding: 0px 5px;
                          border-right: 1px solid #d6d5d5;
                        }
                        .candidate-item-res .block-benefit .row-5px{
                          margin: 0px -5px;
                        }
                        .candidate-item-res .block-benefit .col-5px{
                          padding: 0px 5px;
                        }
                        .candidate-item-res .block-benefit .icon-24{
                          background-image: url(../images/sprite24.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                          font-size: 0.9em;
                          color: #999999;
                        }
                        .candidate-item-res .block-benefit .icon-24-mobile{
                          background-image: url(../images/sprite24-mobile.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                          font-size: 0.9em;
                          color: #999999;
                        }
                        .candidate-item-res .block-benefit .sprite-new{
                          background-image: url(../images/sprite_new.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                          margin-top: 2px;
                          font-size: 0.9em;
                          color: #999999;
                        }
                        .candidate-item-res .block-benefit .icon-dolar-small{
                          background-position: -5px -72px;
                          width: 13px;
                          margin-top: 3px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-address-small{
                          background-position: -29px -72px;
                          width: 13px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-sprite-new{
                          background-position: -124px -220px;
                          width: 16px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-clock-small{
                          background-position: -53px -72px;
                          width: 16px;
                          height: 20px;
                        }
                        .box-breadcrumb-title{
                          padding: 2em 0;
                        }
                        header .block-header{
                          background-color: #2c3e50;
                          position: inherit;
                        }
                        .block-login{
                          right: 0;
                          margin-top: 8px;
                        }
                        .block-login span:nth-child(1){
                          float: right;
                        }
                        .block-login span.create-account{
                          width: 26%;
                          float: right;
                          padding-right: 0;
                        }
                        .block-header .box-logo{
                          width: 100%;
                          margin-left: 65%;
                        }
                        .animated-arrow{
                          margin-top: 15px;
                          background-color: #2c3e50;
                        }
                        .content-two ul{
                          column-count:1;
                          padding:0;
                        }
                        .content-two h2{
                          font-size: 23px;
                        }
                        .content-two p{
                          font-size: 12px;
                        }
                        .content-two ul li{
                          padding-right: 0;
                        }
                        .block-search-employers .box-search-work{
                          margin: 25% 0% 5% 0%;
                        }
                      }
                      @media(max-width: 411px){
                        .block-login .mark{
                          width: 30%;
                        }
                        .block-login .dropdown{
                          width: 25%;
                        }
                        .candidate-item-res{
                          background: #fff;
                          border-bottom: 1px solid #d6d5d5;
                          font-family: 'Roboto', sans-serif;
                          font-weight: 400;
                          padding: 15px;
                          margin-bottom: 1rem;
                          box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
                        }
                        .candidate-item-res .block-image, .candidate-item .block-content, .candidate-item .block-benefit{
                          float: left;
                        }
                        .candidate-item-res .block-image img{
                          margin: auto;
                        }
                        .candidate-item-res .block-content h3{
                          margin: 0px 0px 0px;
                          font-size: 1.2em;
                        }
                        .candidate-item-res .block-content p{
                          color:#333;
                        }
                        .candidate-item-res .block-content h3 a{
                          color: #555;
                          transition: all .5s ease;
                        }
                        .candidate-item-res .block-content h3 a:hover{
                          color: #555;
                          text-decoration: none;
                        }
                        .candidate-item-res .block-content p span{
                          font-style: italic;
                          color: #f36969;
                        }
                        .candidate-item-res .block-content .des-content span:first-child{
                          padding-left: 0px;
                        }
                        .candidate-item-res .block-content .des-content span:last-child{
                          padding-right: 0px;
                          border-right: none;
                        }
                        .candidate-item-res .block-content .des-content span{
                          padding: 0px 5px;
                          border-right: 1px solid #d6d5d5;
                        }
                        .candidate-item-res .block-benefit .row-5px{
                          margin: 0px -5px;
                        }
                        .candidate-item-res .block-benefit .col-5px{
                          padding: 0px 5px;
                        }
                        .candidate-item-res .block-benefit .icon-24{
                          background-image: url(../images/sprite24.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                        }
                        .candidate-item-res .block-benefit .icon-24-mobile{
                          background-image: url(../images/sprite24-mobile.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                        }
                        .candidate-item-res .block-benefit .sprite-new{
                          background-image: url(../images/sprite_new.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                          margin-top: 2px;
                        }
                        .candidate-item-res .block-benefit .icon-dolar-small{
                          background-position: -5px -72px;
                          width: 13px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-address-small{
                          background-position: -29px -72px;
                          width: 13px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-sprite-new{
                          background-position: -124px -220px;
                          width: 16px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-clock-small{
                          background-position: -53px -72px;
                          width: 16px;
                          height: 20px;
                        }
                        .box-breadcrumb-title{
                          padding: 2em 0;
                        }
                        header .block-header{
                          background-color: #2c3e50;
                          position: inherit;
                        }
                        .block-login{
                          right: 0;
                          margin-top: 8px;
                        }
                        .block-login span:nth-child(1){
                          float: right;
                        }
                        .block-login span.create-account{
                          width: 26%;
                          float: right;
                          padding-right: 0;
                        }
                        .block-header .box-logo{
                          width: 100%;
                          margin-left: 65%;
                        }
                        .animated-arrow{
                          margin-top: 20px;
                          background-color: #2c3e50;
                        }
                        .content-two ul{
                          column-count:1;
                          padding:0;
                        }
                        .content-two h2{
                          font-size: 23px;
                        }
                        .content-two p{
                          font-size: 12px;
                        }
                        .content-two ul li{
                          padding-right: 0;
                        }
                        .block-search-employers .box-search-work{
                          margin: 25% 0% 5% 0%;
                        }
                      }
                      @media(max-width: 414px){
                        .block-login .mark{
                          width: 35%;
                        }
                        .block-login .dropdown{
                          width: 20%;
                        }
                        .candidate-item-res{
                          background: #fff;
                          border-bottom: 1px solid #d6d5d5;
                          font-family: 'Roboto', sans-serif;
                          font-weight: 400;
                          padding: 15px;
                          margin-bottom: 1rem;
                          box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
                        }
                        .candidate-item-res .block-image, .candidate-item .block-content, .candidate-item .block-benefit{
                          float: left;
                        }
                        .box-warpper-single--introdue .block-content h1{
                          font-size: 1.575em;
                        }
                        .candidate-item-res .block-image{
                          padding-right: 15px;
                        }
                        .candidate-item-res .block-image img{
                          margin: auto;
                        }
                        .candidate-item-res .block-content h3{
                          margin: 0px 0px 0px;
                          font-size: 1.2em;
                        }
                        .candidate-item-res .block-content p{
                          color:#333;
                        }
                        .candidate-item-res .block-content h3 a{
                          color: #555;
                          transition: all .5s ease;
                        }
                        .candidate-item-res .block-content h3 a:hover{
                          color: #555;
                          text-decoration: none;
                        }
                        .candidate-item-res .block-content p span{
                          font-style: italic;
                          color: #f36969;
                        }
                        .candidate-item-res .block-content .des-content span:first-child{
                          padding-left: 0px;
                        }
                        .candidate-item-res .block-content .des-content span:last-child{
                          padding-right: 0px;
                          border-right: none;
                        }
                        .candidate-item-res .block-content .des-content span{
                          padding: 0px 5px;
                          border-right: 1px solid #d6d5d5;
                        }
                        .candidate-item-res .block-benefit .row-5px{
                          margin: 0px -5px;
                        }
                        .candidate-item-res .block-benefit .col-5px{
                          padding: 0px 5px;
                        }
                        .candidate-item-res .block-benefit .icon-24{
                          background-image: url(../images/sprite24.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                        }
                        .candidate-item-res .block-benefit .icon-24-mobile{
                          background-image: url(../images/sprite24-mobile.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                        }
                        .candidate-item-res .block-benefit .sprite-new{
                          background-image: url(../images/sprite_new.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                          margin-top: 2px;
                        }
                        .candidate-item-res .block-benefit .icon-dolar-small{
                          background-position: -5px -72px;
                          width: 13px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-address-small{
                          background-position: -29px -72px;
                          width: 13px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-sprite-new{
                          background-position: -124px -220px;
                          width: 16px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-clock-small{
                          background-position: -53px -72px;
                          width: 16px;
                          height: 24px;
                        }
                        .box-breadcrumb-title{
                          padding:0;
                        }
                        header .block-header{
                          background-color: #2c3e50;
                          position: inherit;
                        }
                        .block-login{
                          right: 0;
                          margin-top: 8px;
                        }
                        .block-login span:nth-child(1){
                          float: right;
                        }
                        .block-login span.create-account{
                          width: 45%;
                          float: right;
                          padding-right: 0;
                        }
                        .block-header .box-logo{
                          width: 100%;
                          margin-left: 65%;
                        }
                        .animated-arrow{
                          margin-top: 20px;
                          background-color: #2c3e50;
                        }
                        .content-two ul{
                          column-count:1;
                          padding:0;
                        }
                        .content-two h2{
                          font-size: 25px;
                        }
                        .content-two p{
                          font-size: 13px;
                        }
                        .content-two ul li{
                          padding-right: 0;
                        }
                        .block-search-employers .box-search-work{
                          margin: 25% 0% 5% 0%;
                        }
                      }
                      @media(max-width: 375px){
                        .block-login .mark{
                          width: 35%;
                        }
                        .block-login .dropdown{
                          width: 20%;
                        }

                        .candidate-item-res{
                          background: #fff;
                          border-bottom: 1px solid #d6d5d5;
                          font-family: 'Roboto', sans-serif;
                          font-weight: 400;
                          padding: 15px;
                          margin-bottom: 1rem;
                          box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
                        }
                        .candidate-item-res .block-image, .candidate-item .block-content, .candidate-item .block-benefit{
                          float: left;
                        }
                        .candidate-item-res .block-image img{
                          margin: auto;
                        }
                        .candidate-item-res .block-content h3{
                          margin: 0px 0px 0px;
                          font-size: 1.2em;
                        }
                        .candidate-item-res .block-content p{
                          color:#333;
                        }
                        .candidate-item-res .block-content h3 a{
                          color: #555;
                          transition: all .5s ease;
                        }
                        .candidate-item-res .block-content h3 a:hover{
                          color: #555;
                          text-decoration: none;
                        }
                        .candidate-item-res .block-content p span{
                          font-style: italic;
                          color: #f36969;
                        }
                        .candidate-item-res .block-content .des-content span:first-child{
                          padding-left: 0px;
                        }
                        .candidate-item-res .block-content .des-content span:last-child{
                          padding-right: 0px;
                          border-right: none;
                        }
                        .candidate-item-res .block-content .des-content span{
                          padding: 0px 5px;
                          border-right: 1px solid #d6d5d5;
                        }
                        .candidate-item-res .block-benefit .row-5px{
                          margin: 0px -5px;
                        }
                        .candidate-item-res .block-benefit .col-5px{
                          padding: 0px 5px;
                        }
                        .candidate-item-res .block-benefit .icon-24{
                          background-image: url(../images/sprite24.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                        }
                        .candidate-item-res .block-benefit .icon-24-mobile{
                          background-image: url(../images/sprite24-mobile.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                        }
                        .candidate-item-res .block-benefit .sprite-new{
                          background-image: url(../images/sprite_new.png);
                          background-repeat: no-repeat;
                          float: left;
                          margin-right: 10px;
                          margin-top: 2px;
                        }
                        .candidate-item-res .block-benefit .icon-dolar-small{
                          background-position: -5px -72px;
                          width: 13px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-address-small{
                          background-position: -29px -72px;
                          width: 13px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-sprite-new{
                          background-position: -124px -220px;
                          width: 16px;
                          height: 20px;
                        }
                        .candidate-item-res .block-benefit .icon-clock-small{
                          background-position: -53px -72px;
                          width: 16px;
                          height: 24px;
                        }
                        .box-breadcrumb-title{
                          padding: 0;
                        }
                        .content-two ul{
                          column-count:1;
                          padding:0;
                        }
                        .content-two h2{
                          font-size: 20px;
                        }
                        .content-two p{
                          font-size: 13px;
                        }
                        .content-two ul li{
                          padding-right: 0;
                        }
                      }
                      @media(max-width: 768px){
                        .contact-header{
                          top: 26.5%;
                        }
                      }