@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Work+Sans:wght@400;500;600;700;900&display=swap);
*,::after,::before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.site-wrapper,body,html{
    height:100%
}
body{

    font-size:15px;
    line-height:1.9;
    letter-spacing:.4px;
    font-style:normal;
    font-weight:400;
    visibility:visible;
    font-family:"Work Sans",sans-serif;
    color:#444;
    position:relative;
    background: #fafafa;
}

.btn-light {
    color: #007bff;
    background-color: #ebf2ff;
    border-color: #ebf2ff;
}
.btn-light:hover {
    color: #007bff;
    background-color: #ffffff;
    border-color: #007bff;
}
.btn-primary{
    background: -moz-linear-gradient(194deg, #00c9e4 0%, #007bff 100%);
   /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #007bff), color-stop(100%, #00c9e4));
   /* safari4+,chrome */
    background: -webkit-linear-gradient(194deg, #00c9e4 0%, #007bff 100%);
   /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(194deg, #00c9e4 0%, #007bff 100%);
   /* opera 11.10+ */
    background: -ms-linear-gradient(194deg, #00c9e4 0%, #007bff 100%);
   /* ie10+ */
    background: linear-gradient(256deg, #00c9e4 0%, #007bff 100%);
   /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bff', endColorstr='#00c9e4',GradientType=1 );
   /* ie6-9 */
    border-color: #007bff;
}
.text-dark {
    color: #1d2f38 !important;
  }
  .font-weight-bold {
    font-weight: 700 !important;
  }
  .mb-1, .my-1 {
    margin-bottom: .25rem !important;
  }
  .mt-0, .my-0 {
    margin-top: 0 !important;
  }

.bg-white{
    background: #ffffff;
}
body[data-rtl=rtl]{
    direction:rtl;
    text-align:right
}
h1 {

    line-height: 35px;
    margin-bottom: 25px;
	font-weight:500;
}
h2 {
    line-height: 40px;
    margin-bottom: 25px;
	font-weight:500;
}
h3 {
    line-height: 25px;
    margin-bottom: 20px;
	font-weight:500;
}
.p-3 {
    padding: 1rem !important;
  }
.company-title{
    font-size:14px !important;
    line-height: 1.2em;
}
  .mr-3, .mx-3 {
    margin-right: 1rem !important;
  }
  .small-font {
    font-size: 12px;
    line-height:1.2em;
  }
  .text-gray {
    color: #b7b9cc !important;
  }
h4 {
    line-height: 25px;
    margin-bottom: 15px;
	font-weight:500;
}
h5 {
    line-height: 25px;
    margin-bottom: 10px;
	font-weight:500;
}
h6 {
    line-height: 20px;
    margin-bottom: 10px;
	font-weight:500;
}

h1{
    font-size: 36px;
}
@media only screen and (max-width:767px){
    h1{
        font-size:28px
    }
}
@media only screen and (max-width:575px){
    h1{
        font-size:20px
    }
}
h2{
    font-size: 32px;
}
@media only screen and (max-width:767px){
    h2{
        font-size:26px
    }
}
@media only screen and (max-width:575px){
    h2{
        font-size:24px
    }
}
h3{
    font-size:25px
}
@media only screen and (max-width:767px){
    h3{
        font-size:22px
    }
}
@media only screen and (max-width:575px){
    h3{
        font-size:20px
    }
}
h4{
    font-size:22px
}
h5{
    font-size:20px
}
h6{
    font-size:16px
}
p:last-child{
    margin-bottom:0
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
  }
.text-blue{
    color:#007bff !important;
}
a,button{
    color:inherit;
    display:inline-block;
    line-height:inherit;
    text-decoration:none;
    cursor:pointer
}
a,button,img,input,span{
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
:focus{
    outline:0!important
}
a:focus{
    color:inherit;
    outline:0;
    text-decoration:none
}
a:hover{
    text-decoration:underline;
    color:#4169e1
}
button,input[type=submit]{
    cursor:pointer
}
ul{
    list-style:outside none none;
    margin:0;
    padding:0
}
img{
    max-width:100%
}
.p-10{
    padding:10px;
}
.p-20{
    padding:20px;
}
.p-40{
    padding:40px
}
.theme-color{
    color:#4169e1
}
.heading-color{
    color:#333!important
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .d-desktop-none{
        display:none
    }
}
.col-20{
    max-width:20%;
    -webkit-box-flex:0;
    -ms-flex:0 0 20%;
    flex:0 0 20%
}
@media only screen and (max-width:767px){
    .col-20{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
}
.fz-18{
    font-size:18px!important;
    font-weight:600!important;
    letter-spacing:.8px;
    text-transform:capitalize
}
.mlr-5{
    margin-left:5px;
    margin-right:5px
}
.sb-border{
    border-bottom:1px solid rgba(255,255,255,.15)
}
.sb-border-two{
    border-bottom:1px solid #e2e4ea
}
.item-border-bottom{
    border-bottom:1px solid #e5e5e5!important
}
.st-border{
    border-top:1px solid #e2e4ea
}
.br-right{
    border-right:1px solid #e5e5e5
}
.border-top-left{
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5
}
.nice-select .list{
    z-index:999
}
.fix{
    overflow:hidden
}
.hidden{
    display:none
}
.clear{
    clear:both
}
.main-wrapper,.section{
    float:left;
    width:100%
}
.fw-600{
    font-weight:600
}
.fw-400{
    font-weight:400
}
.def-color{
    color:#069bff
}
.bg-transparent{
    background-color:transparent
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .col-lp-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .col-lp-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.width-35{
    width:35%
}
.width-15{
    width:15%
}
.width-12{
    width:12%
}
.width-23{
    width:23%
}
.bg_image-hv2{
    background-image:url(../images/bg/bk-home-v2.png);
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover
}
.bg_image-hv4{
    background-image:url(../images/bg/bk-banner-home-4-v1.png);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top center
}
.bg-image{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.bg-image-proparty{
    background-repeat:repeat!important;
    background-size:contain!important
}
.bg_image--1{
    background-image:url(../images/bg/bg_image--1.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--2{
    background-image:url(../images/bg/bg_image--2.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--3{
    background-image:url(../images/bg/banner-2.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--4{
    background-image:url(../images/bg/bg_image--4.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--5{
    background-image:url(../images/bg/bg_image--5.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--6{
    background-image:url(../images/bg/bg_image--6.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--7{
    background-image:url(../images/bg/bg_image--7.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--8{
    background-image:url(../images/bg/bg_image--8.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--9{
    background-image:url(../images/bg/bg_image--9.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--10{
    background-image:url(../images/bg/bg_image--10.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--11{
    background-image:url(../images/bg/bg_image--11.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--12{
    background-image:url(../images/bg/bg_image--12.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--13{
    background-image:url(../images/bg/bg_image--13.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--14{
    background-image:url(../images/bg/bg_image--14.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--15{
    background-image:url(../images/bg/bg_image--15.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--16{
    background-image:url(../images/bg/bg_image--16.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--17{
    background-image:url(../images/bg/bg_image--17.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--18{
    background-image:url(../images/bg/bg_image--18.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--19{
    background-image:url(../images/bg/bg_image--19.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.bg_image--20{
    background-image:url(../images/bg/bg_image--20.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
@media (min-width:1200px){
    .container{
        max-width:1200px
    }
    .row-five-column>[class*=col-xl-]{
        max-width:20%;
        -webkit-box-flex:0;
        -ms-flex:0 0 20%;
        flex:0 0 20%
    }
}
@media only screen and (max-width:575px){
    .container{
        max-width:450px
    }
}
@media only screen and (max-width:479px){
    .container{
        max-width:300px
    }
}
.g-0{
    margin-left:0;
    margin-right:0
}
.g-0>.col,.g-0>[class*=col-]{
    padding-right:0;
    padding-left:0;
    margin:0!important
}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    padding-right:var(--bs-gutter-x,.9rem);
    padding-left:var(--bs-gutter-x,.9rem)
}
.row{
    margin-right:calc(var(--bs-gutter-x) * -.6);
    margin-left:calc(var(--bs-gutter-x) * -.6)
}
.row>*{
    position:relative;
    padding-right:calc(var(--bs-gutter-x) * .6);
    padding-left:calc(var(--bs-gutter-x) * .6)
}
#scrollUp{
    background:#222;
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:100%;
    bottom:75px;
    right:25px;
    color:#fff;
    text-align:center;
    font-size:25px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#scrollUp:hover{
    background:#4169e1
}
input:-moz-placeholder,textarea:-moz-placeholder{
    opacity:1
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    opacity:1
}
input::-moz-placeholder,textarea::-moz-placeholder{
    opacity:1
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    opacity:1
}
body.template-color-1 .text-color{
    color:#4169e1
}
body.template-color-2 .text-color{
    color:#4c53b6
}
body.template-color-3 .text-color{
    color:#0898d5
}
body.template-color-4 .text-color{
    color:#ff5d3c
}
.tab-content{
    width:100%
}
.mb-20{
    margin-bottom:20px;
}
.mt-20{
    margin-top:20px;
}
.pt-20{
    padding-top:20px;
    padding-bottom:20px;
}
.tab-content .tab-pane{
    display:block;
    height:0;
    max-width:100%;
    visibility:hidden;
    overflow:hidden;
    opacity:0
}
.tab-content .tab-pane.active{
    height:auto;
    visibility:visible;
    opacity:1;
    overflow:visible
}
.section-title-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.jetapo-link a{
    font-size:15px;
    line-height:22px;
    font-weight:500;
    color:#4169e1
}
.jetapo-link a i{
    margin-left:10px;
    font-size:13px;
    font-weight:600
}
.jetapo-link a:hover{
    text-decoration:underline
}
@media only screen and (min-width:768px) and (max-width:991px){
    .jetapo-tab-menu{
        margin-top:30px
    }
}
@media only screen and (max-width:767px){
    .jetapo-tab-menu{
        margin-top:20px
    }
}
.jetapo-tab-menu ul li{
    margin-right:40px
}
@media only screen and (max-width:767px){
    .jetapo-tab-menu ul li{
        margin-right:20px
    }
}
.jetapo-tab-menu ul li:last-child{
    margin-right:0
}
.jetapo-tab-menu ul li a{
    font-size:15px;
    line-height:26px;
    font-weight:600;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.jetapo-tab-menu ul li a.active{
    color:#4169e1
}
.jetapo-tab-menu ul.df-font-style li a{
    font-size:16px;
    text-transform:uppercase
}
.section-title span{
    font-size:15px;
    line-height:28px;
    color:#4169e1;
}
.section-title h2{
    font-size:36px;
    line-height:1;
    font-weight:700
}
@media only screen and (max-width:479px){
    .section-title h2{
        font-size:24px
    }
}
.section-title h3{
    font-size:30px;
    line-height:33px;
    font-weight:700
}
@media only screen and (max-width:479px){
    .section-title h3{
        font-size:24px;
        line-height:28px
    }
}
.section-title-two{
    text-align:center
}
.section-title-two h3{
    font-size:30px;
    font-weight:700;
    line-height:33px;
    text-transform:uppercase;
    letter-spacing:-.8px;
    margin-bottom:30px
}
@media only screen and (max-width:767px){
    .section-title-two h3{
        font-size:24px;
        line-height:28px;
        margin-bottom:15px
    }
}
.section-title-two p{
    font-size:16px;
    line-height:24px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .section-title-two p br{
        display:none
    }
}
@media only screen and (max-width:767px){
    .section-title-two p br{
        display:none
    }
}
.section-title-three h2{
    color:#000;
    font-size:40px;
    line-height:54px;
    font-weight:700;
    letter-spacing:-2.5px
}
@media only screen and (max-width:767px){
    .section-title-three h2{
        font-size:30px;
        line-height:40px
    }
}
.section-title-four h3{
    font-size:34px;
    font-weight:700;
    line-height:1;
    margin-bottom:30px
}
@media only screen and (max-width:767px){
    .section-title-four h3{
        font-size:28px;
        margin-bottom:20px
    }
}
.list-product-section-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.list-product-section-title h3{
    font-size:17px;
    line-height:21px;
    font-weight:500
}
a.ht-btn,button.ht-btn{
    width:100%;
    height:50px;
    line-height:50px;
    border-radius:3px;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:15px;
    color:#fff;
    font-weight:700;
    padding:0 10px;
    background-color:#4169e1;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
a.ht-btn i,button.ht-btn i{
    margin-right:5px
}
a.ht-btn.header-btn,button.ht-btn.header-btn{
    height:100%;
    line-height:22px;
    padding:12px 30px 12px;
    text-transform:capitalize;
    border-radius:3px;
    color:#fff!important
}
@media only screen and (min-width:992px) and (max-width:1199px){
    a.ht-btn.header-btn,button.ht-btn.header-btn{
        padding:12px 25px 12px
    }
}
a.ht-btn.team-btn,button.ht-btn.team-btn{
    font-size:16px;
    line-height:26px!important;
    font-weight:600;
    color:#fff!important;
    width:auto;
    height:auto;
    line-height:1;
    padding:10px 20px 12px
}
a.ht-btn.normal-btn,button.ht-btn.normal-btn{
    width:auto;
    height:auto;
    font-size:18px;
    line-height:24px;
    font-weight:400;
    background-color:#4169e1;
    padding:13px 40px 15px
}
a.ht-btn.green-btn,button.ht-btn.green-btn{
    width:auto;
    height:auto;
    font-size:18px;
    font-weight:600;
    line-height:1;
    color:#fff;
    background-color:#4169e1;
    border-radius:3px;
    padding:18px 32px 16px
}
a.ht-btn.theme-btn,button.ht-btn.theme-btn{
    width:auto;
    height:100%;
    font-size:16px;
    line-height:24px;
    font-weight:600;
    letter-spacing:-.1px;
    color:#fff;
    padding:18px 30px
}
a.ht-btn.theme-btn:hover,button.ht-btn.theme-btn:hover{
    background-color:#000;
    color:#fff
}
a.ht-btn.theme-btn-two,button.ht-btn.theme-btn-two{
    padding:12px 30px
}
a.ht-btn.transparent-btn,button.ht-btn.transparent-btn{
    background-color:transparent;
    border:1px solid #4169e1;
    padding:16px 25px 18px;
    color:#4169e1
}
a.ht-btn.transparent-btn i,button.ht-btn.transparent-btn i{
    margin-right:8px
}
a.ht-btn.transparent-btn:hover,button.ht-btn.transparent-btn:hover{
    background-color:transparent
}
a.ht-btn.transparent-btn-two,button.ht-btn.transparent-btn-two{
    background-color:transparent;
    border:1px solid #4169e1;
    color:#4169e1
}
a.ht-btn.transparent-btn-two:hover,button.ht-btn.transparent-btn-two:hover{
    background-color:#4169e1;
    color:#fff
}
a.ht-btn.lg-btn,button.ht-btn.lg-btn{
    padding:19px 35px 17px;
    display:inline-block;
    width:auto;
    height:auto;
    font-size:15px;
    line-height:24px;
    font-weight:600;
    border-radius:5px
}
a.ht-btn.lg-btn:hover,button.ht-btn.lg-btn:hover{
    background-color:#000;
    text-decoration:none
}
a.ht-btn.small-btn,button.ht-btn.small-btn{
    height:44px;
    line-height:44px;
    font-weight:600;
    border:none;
    padding:0 25px;
    border-radius:4px
}
a.ht-btn.search-btn,button.ht-btn.search-btn{
    font-size:14px;
    line-height:1;
    width:auto;
    height:calc(100% - 10px);
    padding:0 25px
}
a.ht-btn.search-btn i,button.ht-btn.search-btn i{
    margin-right:0
}
a.ht-btn.facebook-btn,button.ht-btn.facebook-btn{
    background-color:#4867aa
}
a.ht-btn.linkedin-btn,button.ht-btn.linkedin-btn{
    background-color:#007bb6
}
a.ht-btn:hover,button.ht-btn:hover{
    opacity:.9
}
.page-banner h2{
    font-size:80px;
    line-height:110px;
    font-weight:400;
    text-transform:capitalize;
    color:#fff
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .page-banner h2{
        font-size:60px;
        line-height:70px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .page-banner h2{
        font-size:36px;
        line-height:36px
    }
}
@media only screen and (max-width:767px){
    .page-banner h2{
        font-size:30px;
        line-height:30px
    }
}
@media only screen and (max-width:575px){
    .page-banner h2{
        font-size:26px;
        line-height:26px
    }
}
.page-heading{
    padding:310px 0 90px;
    background-position:center;
    background-color:#ccc;
    position:relative;
    z-index:9
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .page-heading{
        padding:210px 0 80px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .page-heading{
        padding:150px 0 45px
    }
}
@media only screen and (max-width:767px){
    .page-heading{
        padding:120px 0 35px
    }
}
.page-heading::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.4)),to(rgba(0,0,0,.8)));
    background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.8) 100%);
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.8) 100%);
    z-index:-1
}
.page-breadcrumb-content h1{
    font-size:34px;
    line-height:1;
    font-weight:700
}
@media only screen and (max-width:767px){
    .page-breadcrumb-content h1{
        font-size:28px
    }
}
.page-breadcrumb-content.color-white h1{
    color:#fff
}
.page-breadcrumb{
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.page-breadcrumb li{
    font-size:15px;
    margin-bottom:10px
}
.page-breadcrumb li::after{
    content:"/";
    margin:0 6px
}
.page-breadcrumb li:last-child::after{
    display:none
}
.page-breadcrumb li a{
    color:#4169e1
}
.page-breadcrumb li a:hover{
    color:#4169e1
}
.page-breadcrumb.color-white li{
    color:#fff
}
.page-breadcrumb.color-white li a{
    color:#fff
}
.page-breadcrumb.color-white li a:hover{
    color:#fff
}
.page-pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:20px
}
.page-pagination li{
    margin:0 5px 7px 0
}
.page-pagination li a{
    font-size:16px;
    font-weight:600;
    color:#333;
    background-color:#fff;
    padding:10px;
    border-radius:3px;
    width:40px;
    height:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:1px solid #e2e4ea
}
.page-pagination li a i{
    line-height:24px
}
.page-pagination li:hover a{
    color:#fff!important;
    background-color:#4169e1;
    border-color:#4169e1;
    text-decoration:none
}
.page-pagination li.active a{
    color:#fff!important;
    background-color:#4169e1;
    border-color:#4169e1
}
.grid-filter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:20px
}
.grid-filter button{
    background-color:transparent;
    color:#333;
    border:none;
    padding:0;
    font-size:14px;
    font-weight:600;
    margin:0 10px 10px;
    text-transform:capitalize;
    line-height:1;
    padding-bottom:5px;
    position:relative
}
.grid-filter button::before{
    content:"";
    height:6px;
    width:0;
    position:absolute;
    left:0;
    bottom:4px;
    background-color:#4169e1;
    z-index:-1;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.grid-filter button.active::before,.grid-filter button:hover::before{
    width:100%
}
.grid-filter.center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.grid-filter.center button{
    margin:0 10px 10px
}
.grid-filter.left{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.grid-filter.left button{
    margin-left:0;
    margin-right:20px;
    margin-bottom:10px
}
.grid-filter.left button:last-child{
    margin-right:0
}
.grid-filter.right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.grid-filter.right button{
    margin-left:20px;
    margin-right:0;
    margin-bottom:10px
}
.grid-filter.right button:last-child{
    margin-left:0
}
.employer-slider-two,.job-grid-slider,.job-location-slider,.product-slider-3,.sidebar-emp-slider,.testimonial-slider,.testimonial-slider-three,.testimonial-slider-two{
    margin-left:-15px;
    margin-right:-15px
}
.employer-slider-two .col-lg-12,.employer-slider-two .col-lg-3,.employer-slider-two .col-lg-4,.employer-slider-two .col-lg-6,.employer-slider-two .col-md-4,.job-grid-slider .col-lg-12,.job-grid-slider .col-lg-3,.job-grid-slider .col-lg-4,.job-grid-slider .col-lg-6,.job-grid-slider .col-md-4,.job-location-slider .col-lg-12,.job-location-slider .col-lg-3,.job-location-slider .col-lg-4,.job-location-slider .col-lg-6,.job-location-slider .col-md-4,.product-slider-3 .col-lg-12,.product-slider-3 .col-lg-3,.product-slider-3 .col-lg-4,.product-slider-3 .col-lg-6,.product-slider-3 .col-md-4,.sidebar-emp-slider .col-lg-12,.sidebar-emp-slider .col-lg-3,.sidebar-emp-slider .col-lg-4,.sidebar-emp-slider .col-lg-6,.sidebar-emp-slider .col-md-4,.testimonial-slider .col-lg-12,.testimonial-slider .col-lg-3,.testimonial-slider .col-lg-4,.testimonial-slider .col-lg-6,.testimonial-slider .col-md-4,.testimonial-slider-three .col-lg-12,.testimonial-slider-three .col-lg-3,.testimonial-slider-three .col-lg-4,.testimonial-slider-three .col-lg-6,.testimonial-slider-three .col-md-4,.testimonial-slider-two .col-lg-12,.testimonial-slider-two .col-lg-3,.testimonial-slider-two .col-lg-4,.testimonial-slider-two .col-lg-6,.testimonial-slider-two .col-md-4{
    padding-left:15px;
    padding-right:15px
}
.slick-slider .slick-arrow{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:9;
    border:none;
    background-color:transparent;
    color:#fff;
    border:none;
    text-align:center;
    opacity:1
}
.slick-slider .slick-arrow i{
    font-size:30px;
    line-height:20px;
    display:block;
    color:#333
}
.slick-slider .slick-arrow.slick-prev{
    left:-60px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .slick-slider .slick-arrow.slick-prev{
        left:20px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .slick-slider .slick-arrow.slick-prev{
        left:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .slick-slider .slick-arrow.slick-prev{
        left:20px
    }
}
@media only screen and (max-width:767px){
    .slick-slider .slick-arrow.slick-prev{
        left:20px
    }
}
.slick-slider .slick-arrow.slick-next{
    right:-60px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .slick-slider .slick-arrow.slick-next{
        right:20px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .slick-slider .slick-arrow.slick-next{
        right:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .slick-slider .slick-arrow.slick-next{
        right:20px
    }
}
@media only screen and (max-width:767px){
    .slick-slider .slick-arrow.slick-next{
        right:20px
    }
}
.slick-slider:hover .slick-arrow.slick-prev{
    margin-left:0
}
.slick-slider:hover .slick-arrow.slick-next{
    margin-right:0
}
.slick-slider .slick-dots{
    width:100%;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:30px
}
.slick-slider .slick-dots li{
    margin:0 5px
}
.slick-slider .slick-dots li button{
    display:block;
    padding:0;
    width:12px;
    height:12px;
    border:none;
    background-color:rgba(76,83,182,.25);
    text-indent:-9999px;
    border-radius:50px
}
.slick-slider .slick-dots li.slick-active button{
    background-color:#4169e1
}
.gallery-item{
    position:relative
}
.gallery-item::before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#333;
    z-index:1;
    opacity:0;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.gallery-item img{
    width:100%
}
.gallery-item .plus{
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    z-index:3;
    opacity:0
}
.gallery-item .plus::after,.gallery-item .plus::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    background-color:#fff;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.gallery-item .plus::before{
    width:150px;
    height:1px
}
.gallery-item .plus::after{
    width:1px;
    height:150px
}
.gallery-item:hover::before{
    opacity:.75
}
.gallery-item:hover .plus{
    opacity:1
}
.gallery-item:hover .plus::before{
    width:40px
}
.gallery-item:hover .plus::after{
    height:40px
}
blockquote.blockquote{
    background-color:#f1f2f3;
    padding:30px;
    position:relative;
    z-index:1;
    overflow:hidden
}
blockquote.blockquote::before{
    position:absolute;
    content:url(../images/icons/quote-left.png);
    left:-5px;
    top:-10px;
    z-index:-1;
    opacity:.07
}
blockquote.blockquote p{
    font-size:18px;
    font-style:italic
}
blockquote.blockquote .author{
    font-size:14px;
    display:block;
    line-height:18px
}
#map{
    height:100vh
}
.gm-style .gm-style-iw-c{
    padding:0;
    border-radius:0
}
body.template-color-1 .theme-color{
    color:#4169e1
}
body.template-color-1 a.ht-btn,body.template-color-1 button.ht-btn{
    background-color:#4169e1
}
body.template-color-1 a.ht-btn.normal-btn,body.template-color-1 button.ht-btn.normal-btn{
    background-color:#4169e1;
    color:#fff
}
body.template-color-1 a.ht-btn.green-btn,body.template-color-1 button.ht-btn.green-btn{
    background-color:#4169e1;
    color:#fff
}
body.template-color-1 a.ht-btn.transparent-btn,body.template-color-1 button.ht-btn.transparent-btn{
    border:1px solid #4169e1;
    color:#4169e1;
    background-color:transparent
}
body.template-color-1 a.ht-btn.transparent-btn-two,body.template-color-1 button.ht-btn.transparent-btn-two{
    background-color:transparent;
    border:1px solid #4169e1;
    color:#4169e1
}
body.template-color-1 a.ht-btn.transparent-btn-two:hover,body.template-color-1 button.ht-btn.transparent-btn-two:hover{
    background-color:#4169e1;
    color:#fff
}
body.template-color-1 .jetapo-link a{
    color:#4169e1
}
body.template-color-1 .jetapo-tab-menu ul li a.active{
    color:#4169e1
}
body.template-color-1 .main-menu>ul>li>a .label-status.new{
    background-color:#4169e1
}
body.template-color-1 .main-menu>ul>li.active>a,body.template-color-1 .main-menu>ul>li:hover>a{
    color:#4169e1
}
body.template-color-1 .header-search-form form button{
    background-color:#4169e1
}
body.template-color-1 .popup-mobile-manu .inner .mobileheader{
    background:#4169e1
}
body.template-color-1 .object-custom-menu>li a:hover span{
    color:#4169e1
}
body.template-color-1 .object-custom-menu>li.has-mega-menu>a::after{
    background:#4169e1;
    color:#fff
}
body.template-color-1 .object-custom-menu>li.has-mega-menu .object-submenu li a:hover span{
    color:#4169e1
}
body.template-color-1 .bottom-navbar-mobile .list-actions li a{
    background-color:#4169e1
}
body.template-color-1 .job-list-mobile .heading,body.template-color-1 .notifications-mobile .heading{
    background-color:#4169e1
}
body.template-color-1 .keywords.style-two ul li a:hover{
    color:#4169e1;
    border-color:#4169e1
}
body.template-color-1 .single-funfact.funfact-style-two .funfact-content .counter{
    color:#4169e1
}
body.template-color-1 .single-job-categories .categories-image i{
    color:#4169e1
}
body.template-color-1 .single-job-categories:hover{
    border-color:#4169e1
}
body.template-color-1 .single-job-categories:hover .categories-content h3 a{
    color:#4169e1
}
body.template-color-1 .single-job-categories:hover .categories-content .count-job{
    color:#4169e1
}
body.template-color-1 .single-job-categories-two{
    border:1px solid #d0d0d0
}
body.template-color-1 .single-job-categories-two:hover{
    border-color:#4169e1
}
body.template-color-1 .list-cat li a:hover{
    background-color:#4169e1;
    border-color:#4169e1;
    color:#fff
}
body.template-color-1 .employer-item .employer-info-top .link-openjobs{
    background-color:#4169e1
}
body.template-color-1 .employer-item.border:hover{
    border-color:#4169e1!important
}
body.template-color-1 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover{
    border-top:1px solid #4169e1
}
body.template-color-1 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover{
    border-bottom:1px solid #4169e1
}
body.template-color-1 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover{
    color:#4169e1
}
body.template-color-1 .single-job .job-info .job-info-inner .job-meta-three i{
    color:#4169e1
}
body.template-color-1 .single-job .job-info .job-info-inner .job-skill-tag a:hover{
    color:#4169e1
}
body.template-color-1 .single-job.style-two:hover{
    border-color:#4169e1;
    border-bottom:1px solid #4169e1
}
body.template-color-1 .all-job p a{
    color:#4169e1
}
body.template-color-1 .single-team .item-box .item-content .skills .skill-item a:hover{
    color:#4169e1
}
body.template-color-1 .single-team:hover .team-content .team-title a{
    color:#4169e1
}
body.template-color-1 .all-team a{
    color:#4169e1
}
body.template-color-1 .single-list-blog .blog-content .blog-meta p .author{
    color:#4169e1
}
body.template-color-1 .all-articale a{
    color:#4169e1
}
body.template-color-1 .hero-content-5 .play-btn{
    color:#4169e1
}
body.template-color-1 .single-service .service-content a{
    color:#4169e1
}
body.template-color-1 .copyright p a{
    color:#4169e1
}
body.template-color-1 .copyright p a:hover{
    color:#4169e1
}
body.template-color-2 .theme-color{
    color:#4c53b6
}
body.template-color-2 a:hover{
    color:#4c53b6
}
body.template-color-2 a.ht-btn,body.template-color-2 button.ht-btn{
    background-color:#4c53b6
}
body.template-color-2 a.ht-btn.normal-btn,body.template-color-2 button.ht-btn.normal-btn{
    background-color:#4c53b6;
    color:#fff
}
body.template-color-2 a.ht-btn.green-btn,body.template-color-2 button.ht-btn.green-btn{
    background-color:#4169e1;
    color:#fff
}
body.template-color-2 a.ht-btn.transparent-btn,body.template-color-2 button.ht-btn.transparent-btn{
    border:1px solid #4c53b6;
    color:#4c53b6;
    background-color:transparent
}
body.template-color-2 a.ht-btn.transparent-btn-two,body.template-color-2 button.ht-btn.transparent-btn-two{
    background-color:transparent;
    border:1px solid #4c53b6;
    color:#4c53b6
}
body.template-color-2 a.ht-btn.transparent-btn-two:hover,body.template-color-2 button.ht-btn.transparent-btn-two:hover{
    background-color:#4c53b6;
    color:#fff
}
body.template-color-2 .jetapo-link a{
    color:#4c53b6
}
body.template-color-2 .jetapo-tab-menu ul li a.active{
    color:#4c53b6
}
body.template-color-2 .main-menu>ul>li>a .label-status.new{
    background-color:#4c53b6
}
body.template-color-2 .main-menu>ul>li.active>a,body.template-color-2 .main-menu>ul>li:hover>a{
    color:#4c53b6
}
body.template-color-2 .header-search-form form button{
    background-color:#4c53b6
}
body.template-color-2 .popup-mobile-manu .inner .mobileheader{
    background:#4c53b6
}
body.template-color-2 .object-custom-menu>li a:hover span{
    color:#4c53b6
}
body.template-color-2 .object-custom-menu>li.has-mega-menu>a::after{
    background:#4c53b6;
    color:#fff
}
body.template-color-2 .object-custom-menu>li.has-mega-menu .object-submenu li a:hover span{
    color:#4c53b6
}
body.template-color-2 .bottom-navbar-mobile .list-actions li a{
    background-color:#4c53b6
}
body.template-color-2 .job-list-mobile .heading,body.template-color-2 .notifications-mobile .heading{
    background-color:#4c53b6
}
body.template-color-2 .keywords.style-two ul li a:hover{
    color:#4c53b6;
    border-color:#4c53b6
}
body.template-color-2 .single-funfact.funfact-style-two .funfact-content .counter{
    color:#4c53b6
}
body.template-color-2 .single-job-categories .categories-image i{
    color:#4c53b6
}
body.template-color-2 .single-job-categories:hover{
    border-color:#4c53b6
}
body.template-color-2 .single-job-categories:hover .categories-content h3 a{
    color:#4c53b6
}
body.template-color-2 .single-job-categories:hover .categories-content .count-job{
    color:#4c53b6
}
body.template-color-2 .single-job-categories-two{
    border:1px solid #d0d0d0
}
body.template-color-2 .single-job-categories-two:hover{
    border-color:#4c53b6
}
body.template-color-2 .list-cat li a:hover{
    background-color:#4c53b6;
    border-color:#4c53b6;
    color:#fff
}
body.template-color-2 .employer-item .employer-info-top .link-openjobs{
    background-color:#4c53b6
}
body.template-color-2 .employer-item.border:hover{
    border-color:#4c53b6!important
}
body.template-color-2 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover{
    border-top:1px solid #4c53b6
}
body.template-color-2 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover{
    border-bottom:1px solid #4c53b6
}
body.template-color-2 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover{
    color:#4c53b6
}
body.template-color-2 .single-job .job-info .job-info-inner .job-meta-three i{
    color:#4c53b6
}
body.template-color-2 .single-job .job-info .job-info-inner .job-skill-tag a:hover{
    color:#4c53b6
}
body.template-color-2 .single-job.style-two:hover{
    border-color:#4c53b6;
    border-bottom:1px solid #4c53b6
}
body.template-color-2 .all-job p a{
    color:#4c53b6
}
body.template-color-2 .single-team .item-box .item-content .skills .skill-item a:hover{
    color:#4c53b6
}
body.template-color-2 .single-team:hover .team-content .team-title a{
    color:#4c53b6
}
body.template-color-2 .all-team a{
    color:#4c53b6
}
body.template-color-2 .single-list-blog .blog-content .blog-meta p .author{
    color:#4c53b6
}
body.template-color-2 .all-articale a{
    color:#4c53b6
}
body.template-color-2 .hero-content-5 .play-btn{
    color:#4c53b6
}
body.template-color-2 .single-service .service-content a{
    color:#4c53b6
}
body.template-color-2 .copyright p a{
    color:#4c53b6
}
body.template-color-2 .copyright p a:hover{
    color:#4c53b6
}
body.template-color-3 .theme-color{
    color:#0898d5
}
body.template-color-3 a:hover{
    color:#0898d5
}
body.template-color-3 a.ht-btn,body.template-color-3 button.ht-btn{
    background-color:#0898d5
}
body.template-color-3 a.ht-btn.normal-btn,body.template-color-3 button.ht-btn.normal-btn{
    background-color:#0898d5;
    color:#fff
}
body.template-color-3 a.ht-btn.green-btn,body.template-color-3 button.ht-btn.green-btn{
    background-color:#4169e1;
    color:#fff
}
body.template-color-3 a.ht-btn.transparent-btn,body.template-color-3 button.ht-btn.transparent-btn{
    border:1px solid #0898d5;
    color:#0898d5;
    background-color:transparent
}
body.template-color-3 a.ht-btn.transparent-btn-two,body.template-color-3 button.ht-btn.transparent-btn-two{
    background-color:transparent;
    border:1px solid #0898d5;
    color:#0898d5
}
body.template-color-3 a.ht-btn.transparent-btn-two:hover,body.template-color-3 button.ht-btn.transparent-btn-two:hover{
    background-color:#0898d5;
    color:#fff
}
body.template-color-3 .jetapo-link a{
    color:#0898d5
}
body.template-color-3 .jetapo-tab-menu ul li a.active{
    color:#0898d5
}
body.template-color-3 .main-menu>ul>li>a .label-status.new{
    background-color:#0898d5
}
body.template-color-3 .main-menu>ul>li.active>a,body.template-color-3 .main-menu>ul>li:hover>a{
    color:#0898d5
}
body.template-color-3 .header-search-form form button{
    background-color:#0898d5
}
body.template-color-3 .popup-mobile-manu .inner .mobileheader{
    background:#0898d5
}
body.template-color-3 .object-custom-menu>li a:hover span{
    color:#0898d5
}
body.template-color-3 .object-custom-menu>li.has-mega-menu>a::after{
    background:#0898d5;
    color:#fff
}
body.template-color-3 .object-custom-menu>li.has-mega-menu .object-submenu li a:hover span{
    color:#0898d5
}
body.template-color-3 .bottom-navbar-mobile .list-actions li a{
    background-color:#0898d5
}
body.template-color-3 .job-list-mobile .heading,body.template-color-3 .notifications-mobile .heading{
    background-color:#0898d5
}
body.template-color-3 .keywords.style-two ul li a:hover{
    color:#0898d5;
    border-color:#0898d5
}
body.template-color-3 .single-funfact.funfact-style-two .funfact-content .counter{
    color:#0898d5
}
body.template-color-3 .single-job-categories .categories-image i{
    color:#0898d5
}
body.template-color-3 .single-job-categories:hover{
    border-color:#0898d5
}
body.template-color-3 .single-job-categories:hover .categories-content h3 a{
    color:#0898d5
}
body.template-color-3 .single-job-categories:hover .categories-content .count-job{
    color:#0898d5
}
body.template-color-3 .single-job-categories-two{
    border:1px solid #d0d0d0
}
body.template-color-3 .single-job-categories-two:hover{
    border-color:#0898d5
}
body.template-color-3 .list-cat li a:hover{
    background-color:#0898d5;
    border-color:#0898d5;
    color:#fff
}
body.template-color-3 .employer-item .employer-info-top .link-openjobs{
    background-color:#0898d5
}
body.template-color-3 .employer-item.border:hover{
    border-color:#0898d5!important
}
body.template-color-3 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover{
    border-top:1px solid #0898d5
}
body.template-color-3 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover{
    border-bottom:1px solid #0898d5
}
body.template-color-3 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover{
    color:#0898d5
}
body.template-color-3 .single-job .job-info .job-info-inner .job-meta-three i{
    color:#0898d5
}
body.template-color-3 .single-job .job-info .job-info-inner .job-skill-tag a:hover{
    color:#0898d5
}
body.template-color-3 .single-job.style-two:hover{
    border-color:#0898d5;
    border-bottom:1px solid #0898d5
}
.jobs-badge{
    height: 20px;
    margin: 0 4px 4px 0;
    display: inline-flex;
    padding: 2px 6px;
    font-size: 11px;
    align-items: center;
    font-weight: 600;
    /*color: rgb(78, 96, 138);
    background-color: rgb(244, 245, 247);*/
    background: #eff1f8;
    color: #999;
    line-height: 14px;
    border-radius: 4px;}
body.template-color-3 .all-job p a{
    color:#0898d5
}
body.template-color-3 .single-team .item-box .item-content .skills .skill-item a:hover{
    color:#0898d5
}
body.template-color-3 .single-team:hover .team-content .team-title a{
    color:#0898d5
}
body.template-color-3 .all-team a{
    color:#0898d5
}
body.template-color-3 .single-list-blog .blog-content .blog-meta p .author{
    color:#0898d5
}
body.template-color-3 .all-articale a{
    color:#0898d5
}
body.template-color-3 .hero-content-5 .play-btn{
    color:#0898d5
}
body.template-color-3 .single-service .service-content a{
    color:#0898d5
}
body.template-color-3 .copyright p a{
    color:#0898d5
}
body.template-color-3 .copyright p a:hover{
    color:#0898d5
}
body.template-color-4 .theme-color{
    color:#ff5d3c
}
body.template-color-4 a:hover{
    color:#ff5d3c
}
body.template-color-4 a.ht-btn,body.template-color-4 button.ht-btn{
    background-color:#ff5d3c
}
body.template-color-4 a.ht-btn.normal-btn,body.template-color-4 button.ht-btn.normal-btn{
    background-color:#ff5d3c;
    color:#fff
}
body.template-color-4 a.ht-btn.green-btn,body.template-color-4 button.ht-btn.green-btn{
    background-color:#4169e1;
    color:#fff
}
body.template-color-4 a.ht-btn.transparent-btn,body.template-color-4 button.ht-btn.transparent-btn{
    border:1px solid #ff5d3c;
    color:#ff5d3c;
    background-color:transparent
}
body.template-color-4 a.ht-btn.transparent-btn-two,body.template-color-4 button.ht-btn.transparent-btn-two{
    background-color:transparent;
    border:1px solid #ff5d3c;
    color:#ff5d3c
}
body.template-color-4 a.ht-btn.transparent-btn-two:hover,body.template-color-4 button.ht-btn.transparent-btn-two:hover{
    background-color:#ff5d3c;
    color:#fff
}
body.template-color-4 .jetapo-link a{
    color:#ff5d3c
}
body.template-color-4 .jetapo-tab-menu ul li a.active{
    color:#ff5d3c
}
body.template-color-4 .main-menu>ul>li>a .label-status.new{
    background-color:#ff5d3c
}
body.template-color-4 .main-menu>ul>li.active>a,body.template-color-4 .main-menu>ul>li:hover>a{
    color:#ff5d3c
}
body.template-color-4 .header-search-form form button{
    background-color:#ff5d3c
}
body.template-color-4 .popup-mobile-manu .inner .mobileheader{
    background:#ff5d3c
}
body.template-color-4 .object-custom-menu>li a:hover span{
    color:#ff5d3c
}
body.template-color-4 .object-custom-menu>li.has-mega-menu>a::after{
    background:#ff5d3c;
    color:#fff
}
body.template-color-4 .object-custom-menu>li.has-mega-menu .object-submenu li a:hover span{
    color:#ff5d3c
}
body.template-color-4 .bottom-navbar-mobile .list-actions li a{
    background-color:#ff5d3c
}
body.template-color-4 .job-list-mobile .heading,body.template-color-4 .notifications-mobile .heading{
    background-color:#ff5d3c
}
body.template-color-4 .keywords.style-two ul li a:hover{
    color:#ff5d3c;
    border-color:#ff5d3c
}
body.template-color-4 .single-funfact.funfact-style-two .funfact-content .counter{
    color:#ff5d3c
}
body.template-color-4 .single-job-categories .categories-image i{
    color:#ff5d3c
}
body.template-color-4 .single-job-categories:hover{
    border-color:#ff5d3c
}
body.template-color-4 .single-job-categories:hover .categories-content h3 a{
    color:#ff5d3c
}
body.template-color-4 .single-job-categories:hover .categories-content .count-job{
    color:#ff5d3c
}
body.template-color-4 .single-job-categories-two{
    border:1px solid #d0d0d0
}
body.template-color-4 .single-job-categories-two:hover{
    border-color:#ff5d3c
}
body.template-color-4 .list-cat li a:hover{
    background-color:#ff5d3c;
    border-color:#ff5d3c;
    color:#fff
}
body.template-color-4 .employer-item .employer-info-top .link-openjobs{
    background-color:#ff5d3c
}
body.template-color-4 .employer-item.border:hover{
    border-color:#ff5d3c!important
}
body.template-color-4 .job-section .container .row .col-lg-12:first-child .single-job.style-two:hover{
    border-top:1px solid #ff5d3c
}
body.template-color-4 .job-section .container .row .col-lg-12:last-child .single-job.style-two:hover{
    border-bottom:1px solid #ff5d3c
}
body.template-color-4 .single-job .job-info .job-info-inner .job-info-top .employer-name a:hover{
    color:#ff5d3c
}
body.template-color-4 .single-job .job-info .job-info-inner .job-meta-three i{
    color:#ff5d3c
}
body.template-color-4 .single-job .job-info .job-info-inner .job-skill-tag a:hover{
    color:#ff5d3c
}
body.template-color-4 .single-job.style-two:hover{
    border-color:#ff5d3c;
    border-bottom:1px solid #ff5d3c
}
body.template-color-4 .all-job p a{
    color:#ff5d3c
}
body.template-color-4 .single-team .item-box .item-content .skills .skill-item a:hover{
    color:#ff5d3c
}
body.template-color-4 .single-team:hover .team-content .team-title a{
    color:#ff5d3c
}
body.template-color-4 .all-team a{
    color:#ff5d3c
}
body.template-color-4 .single-list-blog .blog-content .blog-meta p .author{
    color:#ff5d3c
}
body.template-color-4 .all-articale a{
    color:#ff5d3c
}
body.template-color-4 .hero-content-5 .play-btn{
    color:#ff5d3c
}
body.template-color-4 .single-service .service-content a{
    color:#ff5d3c
}
body.template-color-4 .copyright p a{
    color:#ff5d3c
}
body.template-color-4 .copyright p a:hover{
    color:#ff5d3c
}
.bg_color--1{
    background:#fff
}
.bg_color--2{
    background:#4169e1
}
.bg_color--3{
    background:#f7f7f7
}
.bg_color--4{
    background:#336699
}
.bg_color--5{
    background:#f2f5fc
}
.bg_color--6{
    background:#4c53b6
}
.bg_color--7{
    background:#0898d5
}
.bg_color--8{
    background:#ff5d3c
}
.bg_color--9{
    background:#f50809
}
.header-absolute{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:999
}
.is-sticky{
    position:fixed;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);
    box-shadow:0 5px 10px rgba(0,0,0,.1);
    left:0;
    top:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    background-color:rgba(37,37,49,.94);
    width:100%;
    z-index:999
}
.is-sticky.sticky-white{
    background-color:#fff
}
.is-sticky.no-padding{
    padding:0!important
}
.is-sticky.fixed{
    position:fixed!important
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .is-sticky.fixed{
        position:static!important
    }
}
.header-static{
    position:static
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .header-center{
        background-color:#252531;
        position:static!important
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .header-white{
        background-color:#fff
    }
}
@media only screen and (max-width:479px){
    .logo{
        width:120px
    }
}
.logo a{
    display:inline-block
}
.logo a img{
    max-width:100%
}
.header-search{
    margin-left:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
@media only screen and (min-width:768px) and (max-width:991px){
    .header-search{
        margin-left:0
    }
}
@media only screen and (max-width:767px){
    .header-search{
        margin-left:0
    }
}
@media only screen and (max-width:479px){
    .header-search{
        margin-left:0
    }
}
.header-search-toggle{
    background-color:transparent;
    border:none;
    color:#333;
    padding:0;
    line-height:1;
    width:30px;
    height:30px
}
.header-search-toggle i{
    font-size:24px
}
.header-search-toggle.open i{
    font-size:30px
}
.header-search-form{
    display:none;
    position:absolute;
    right:0;
    top:100%;
    background-color:#fff;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,.15);
    box-shadow:0 2px 5px rgba(0,0,0,.15);
    z-index:9
}
@media only screen and (max-width:479px){
    .header-search-form{
        right:0
    }
}
.header-search-form form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.header-search-form form input{
    width:250px;
    border:none;
    background-color:transparent;
    color:#444;
    line-height:24px;
    padding:13px 20px
}
@media only screen and (max-width:479px){
    .header-search-form form input{
        width:216px
    }
}
.header-search-form form button{
    line-height:24px;
    padding:13px 15px;
    border:none;
    background-color:#4169e1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#fff
}
.header-search-form form button i{
    font-size:24px;
    line-height:24px
}
.main-menu>ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .main-menu>ul{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.main-menu>ul>li{
    padding:0 25px;
    position:relative;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.main-menu>ul>li:last-child{
    margin-right:0
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .main-menu>ul>li{
        padding:0 16px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .main-menu>ul>li{
        padding:0 11px
    }
}
.main-menu>ul>li>a{
    font-size:15px;
    line-height:20px;
    font-weight:600;
    letter-spacing:.25px;
    font-family:"Work Sans",sans-serif;
    color:#fff;
    display:block;
    padding:30px 0;
    position:relative;
    text-transform:capitalize
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .main-menu>ul>li>a{
        font-size:14px
    }
}
.main-menu>ul>li>a .label-status{
    position:absolute;
    top:8px;
    right:4px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    line-height:20px;
    text-transform:capitalize;
    padding:0 10px;
    border-radius:3px;
    color:#fff;
    margin:0
}
.main-menu>ul>li>a .label-status.hot{
    background-color:#ff2626
}
.main-menu>ul>li>a .label-status.new{
    background-color:#4169e1
}
.main-menu>ul>li>a .icon-arrow{
    padding:0 0 0 10px;
    line-height:1;
    font-size:10px
}
.main-menu>ul>li>a .icon-arrow::before{
    content:"î¡´";
    display:inline-block;
    font-family:Linearicons-Free;
    line-height:1;
    font-weight:600
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .main-menu>ul>li>a .icon-arrow{
        padding:0 0 0 5px
    }
}
.main-menu>ul>li.active::before,.main-menu>ul>li:hover::before{
    border-color:transparent transparent #ddd;
    border-width:10px;
    bottom:0;
    border-style:solid;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    left:calc(50% - 20px);
    pointer-events:none;
    z-index:200
}
.main-menu>ul>li.active::after,.main-menu>ul>li:hover::after{
    border-color:transparent transparent #fff;
    border-width:10px;
    bottom:-1px;
    border-style:solid;
    content:"";
    height:0;
    width:0;
    position:absolute;
    left:calc(50% - 20px);
    pointer-events:none;
    z-index:200
}
.main-menu>ul>li.active>a,.main-menu>ul>li:hover>a{
    color:#4169e1;
    text-decoration:underline
}
.main-menu>ul>li:hover>.sub-menu{
    opacity:1;
    visibility:visible;
    z-index:99
}
.main-menu>ul>li:hover>.mega-menu{
    margin-top:0;
    opacity:1;
    visibility:visible;
    z-index:99
}
.main-menu>ul>li:last-child .sub-menu{
    left:auto;
    right:0
}
.main-menu>ul>li:last-child .sub-menu .sub-menu .sub-menu{
    left:100%;
    right:auto
}
.main-menu>ul>li:last-child .sub-menu .sub-menu .sub-menu .sub-menu{
    left:auto;
    right:100%
}
.main-menu>ul>li:nth-last-child(-n+3) .sub-menu .sub-menu{
    left:auto;
    right:200px
}
.main-menu>ul>li:nth-last-child(-n+3) .sub-menu .sub-menu .sub-menu{
    left:100%;
    right:auto
}
.main-menu.padding-16 ul li{
    padding:0 16px;
    padding:0 11px
}
.main-menu li:nth-last-child(-n+3) .sub-menu li:hover .sub-menu{
    left:auto;
    right:100%
}
.main-menu li:hover .sub-menu li a{
    padding:6px 0
}
.sub-menu{
    position:absolute;
    left:0;
    top:100%;
    padding:16px 0;
    background-color:#fff;
    border:1px solid #ddd;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    width:240px;
    z-index:-99;
    opacity:0;
    visibility:hidden
}
.sub-menu li{
    padding:0 30px;
    position:relative
}
.sub-menu li:last-child{
    margin-bottom:0
}
.sub-menu li a{
    font-family:"Work Sans",sans-serif;
    color:#333;
    display:block;
    font-size:15px;
    line-height:1.9;
    font-weight:400;
    border-top:1px solid #eee
}
.sub-menu li a .icon-arrow{
    float:right
}
.sub-menu li a .icon-arrow:before{
    content:"î¡¶";
    display:inline-block;
    font-family:Linearicons-Free
}
.sub-menu li:first-child a{
    border-top:0
}
.sub-menu li.active>a{
    color:#4169e1
}
.sub-menu li:hover>a{
    color:#4169e1;
    text-decoration:underline
}
.sub-menu li:hover>.sub-menu{
    left:100%;
    opacity:1;
    visibility:visible;
    z-index:99
}
.sub-menu li .sub-menu{
    left:200px;
    margin-left:0;
    top:0
}
.sub-menu li .sub-menu .sub-menu{
    left:auto;
    right:100%
}
.sub-menu li .sub-menu .sub-menu .sub-menu{
    left:100%;
    right:auto
}
.btn-action-wrap .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .btn-action-wrap .item{
        margin:0 10px
    }
}
.btn-action-wrap .item.jp-author a{
    color:#fff;
    font-size:15px;
    font-weight:600
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .btn-action-wrap .item.jp-author a{
        font-size:14px
    }
}
.btn-action-wrap .item.jp-author a i{
    margin:0;
    font-size:20px;
    font-weight:400;
    position:relative;
    top:4px;
    padding-right:10px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .btn-action-wrap .item.jp-author a i{
        padding-right:5px
    }
}
.btn-action-wrap .item.jp-author-action{
    margin-right:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:80px;
    background-color:#4169e1;
}
.btn-action-wrap .item.jp-author-action a{
    padding:0 35px;
    text-align:center;
    color:#fff;
    font-weight:600;
    line-height:22px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .btn-action-wrap .item.jp-author-action a{
        font-size:14px;
        padding:0 20px
    }
}
.btn-action-wrap .item.jp-author-action a span{
    display:block
}
.btn-action-wrap .item.jp-author-action-two{
    margin-right:0
}
.black-logo-version .main-menu li a{
    color:#333
}
.black-logo-version .btn-action-wrap .item.jp-author a{
    color:#333
}
.header-mobile-navigation{
    padding:5px 0
}
.header-mobile-navigation .mobile-navigation ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.header-mobile-navigation .mobile-navigation ul li{
    margin-left:20px
}
.header-mobile-navigation .mobile-navigation ul li:first-child{
    margin-left:0
}
.header-mobile-navigation .mobile-navigation ul li a{
    font-size:24px;
    font-weight:600;
    line-height:28px;
    color:#fff;
    display:block
}
.header-mobile-navigation .mobile-navigation ul li a:hover{
    text-decoration:none
}
.bottom-navbar-mobile .list-actions{
    position:fixed;
    width:100%;
    bottom:0;
    left:0;
    z-index:999;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0;
    margin:0
}
.bottom-navbar-mobile .list-actions li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1 1 0px;
    flex:1 1 0;
    list-style:none;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.bottom-navbar-mobile .list-actions li a{
    display:block;
    width:100%;
    height:44px;
    max-height:45px;
    font-size:10px;
    color:#fff;
    text-align:center;
    padding:0px;
    position:relative;
    cursor:pointer;
    background-color:#4169e1
}
.bottom-navbar-mobile .list-actions li a span{
    display:inline-block;
    line-height:22px;
    position:relative
}
.bottom-navbar-mobile .list-actions li a span i{
    font-size:22px
}
.bottom-navbar-mobile .list-actions li a span.text{
    display:block;
    line-height:16px;
    height:auto;
    position:relative;
    z-index:9;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.bottom-navbar-mobile .list-actions li a.active::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.25)
}
.popup-mobile-menu-wrapper .popup-mobile-manu{
    visibility:visible;
    opacity:1
}
.popup-mobile-menu-wrapper .popup-mobile-manu .inner{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.popup-mobile-manu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999999;
    background:rgba(0,0,0,.9);
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1);
    z-index:99999
}
.popup-mobile-manu .inner{
    background:#fff;
    position:relative;
    width:400px;
    max-width:80%;
    height:100%;
    text-align:left;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    overflow-y:auto;
    padding-top:85px;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    cursor:default
}
.popup-mobile-manu .inner .mobileheader{
    position:absolute;
    top:0;
    left:0;
    right:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0 15px 0 30px;
    height:85px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#4169e1
}
.popup-mobile-manu .inner .mobileheader .logo{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.popup-mobile-manu .inner .mobileheader .logo a img{
    width:115px;
    height:auto;
    max-width:100%
}
.popup-mobile-manu .inner .mobileheader a.mobile-close{
    position:relative;
    cursor:pointer;
    height:40px;
    width:40px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.popup-mobile-manu .inner .mobileheader a.mobile-close::after,.popup-mobile-manu .inner .mobileheader a.mobile-close::before{
    position:absolute;
    top:19px;
    left:8px;
    content:"";
    width:24px;
    height:3px;
    background:#fff;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.popup-mobile-manu .inner .mobileheader a.mobile-close::before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.popup-mobile-manu .inner .mobileheader a.mobile-close::after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.popup-mobile-manu .inner .mobileheader a.mobile-close:hover::after,.popup-mobile-manu .inner .mobileheader a.mobile-close:hover::before{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.object-custom-menu{
    padding:0;
    margin:0;
    list-style:none;
    margin:20px 30px 30px
}
.object-custom-menu>li{
    position:relative;
    border-top:1px solid transparent;
    border-color:#ddd
}
.object-custom-menu>li:first-child{
    border:0 none
}
.object-custom-menu>li a{
    padding-top:19px;
    padding-bottom:19px;
    display:block;
    position:relative
}
.object-custom-menu>li a span{
    font-size:14px;
    color:#333
}
.object-custom-menu>li a:hover span{
    color:#4169e1
}
.object-custom-menu>li.has-mega-menu>a::after{
    position:absolute;
    top:50%;
    right:0;
    width:40px;
    height:40px;
    background:#4169e1;
    color:#fff;
    text-align:center;
    line-height:40px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"ï„‡";
    font-family:Font Awesome\ 5 Free;
    font-weight:900;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    -o-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1)
}
.object-custom-menu>li.has-mega-menu>a.active::after{
    content:"ï„†"
}
.object-custom-menu>li.has-mega-menu .object-submenu{
    display:none;
    padding:0;
    margin:0;
    list-style:none;
    background-color:#f2f5fc
}
.object-custom-menu>li.has-mega-menu .object-submenu li{
    border-top:1px solid transparent;
    border-color:#ddd;
    padding:0 15px
}
.object-custom-menu>li.has-mega-menu .object-submenu li:first-child{
    border:0 none
}
.object-custom-menu>li.has-mega-menu .object-submenu li.title{
    font-weight:700;
    line-height:1.5;
    text-transform:uppercase;
    font-size:14px;
    color:#fff;
    margin:0 0 18px
}
.object-custom-menu>li.has-mega-menu .object-submenu li a{
    padding-top:10px;
    padding-bottom:10px;
    display:block
}
.object-custom-menu>li.has-mega-menu .object-submenu li a span{
    font-size:14px;
    color:#666
}
.object-custom-menu>li.has-mega-menu .object-submenu li a:hover span{
    color:#4169e1
}
.job-list-mobile,.notifications-mobile{
    position:fixed;
    width:100%;
    height:100vh;
    max-height:100vh;
    bottom:0;
    left:0;
    opacity:1;
    visibility:visible;
    display:none;
    background:#fff;
    padding:0 0 64px;
    z-index:99;
    -webkit-transition:bottom .5s ease;
    -o-transition:bottom .5s ease;
    transition:bottom .5s ease
}
.job-list-mobile .heading,.notifications-mobile .heading{
    padding:20px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background-color:#4169e1
}
.job-list-mobile .heading .title,.notifications-mobile .heading .title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.job-list-mobile .heading .title i,.notifications-mobile .heading .title i{
    display:inline-block;
    margin-right:15px;
    position:relative;
    top:2px;
    color:#fff
}
.job-list-mobile .heading .title h3,.notifications-mobile .heading .title h3{
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin-bottom:0
}
.job-list-mobile .heading .view-all,.notifications-mobile .heading .view-all{
    font-size:14px;
    color:#fff;
    font-weight:400
}
.content-popup-scroll{
    max-height:385px;
    overflow-x:scroll
}
.list-item{
    margin:0;
    padding:15px
}
.list-item li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    list-style:none;
    padding:10px 0;
    border-bottom:1px solid #eee
}
.list-item li a{
    font-size:16px;
    color:#333;
    padding-left:40px;
    position:relative
}
.list-item li a i{
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:18px;
    color:#999
}
.bg_image-v2{
    background-image:url(../images/bg/bg_home_v2.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:initial
}
.bg_image-v3{
    background-image:url(../images/bg/bg_home_v3.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:initial
}
.bg_image-v4{
    background-image:url(../images/bg/banner_home_v4.png);
    background-position:90% 40%;
    background-repeat:no-repeat;
    background-size:50% auto
}
@media only screen and (max-width:767px){
    .bg_image-v4{
        background-position:200% 0
    }
}
.hero-item{
    width:100%;
    height:100vh;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
@media only screen and (max-width:767px){
    .hero-item{
        height:100%
    }
}
.hero-item.hero-item-two{
    height:100%;
    padding:210px 0 365px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hero-item.hero-item-two{
        padding:150px 0 150px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hero-item.hero-item-two{
        padding:120px 0
    }
}
@media only screen and (max-width:767px){
    .hero-item.hero-item-two{
        padding:60px 0
    }
}
.hero-item.hero-item-three{
    height:100%;
    padding:270px 0 140px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hero-item.hero-item-three{
        padding:150px 0 150px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hero-item.hero-item-three{
        padding:120px 0
    }
}
@media only screen and (max-width:767px){
    .hero-item.hero-item-three{
        padding:60px 0;
        padding-bottom:40px
    }
}
.hero-item.hero-item-four{
    height:100%;
    padding:236px 0 342px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .hero-item.hero-item-four{
        padding:150px 0 150px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hero-item.hero-item-four{
        padding:130px 0 130px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hero-item.hero-item-four{
        padding:80px 0
    }
}
@media only screen and (max-width:767px){
    .hero-item.hero-item-four{
        padding:60px 0
    }
}
@media only screen and (max-width:767px){
    .hero-content-2{
        padding:70px 0
    }
}
.hero-content-2.left{
    text-align:left
}
.hero-content-2.center{
    text-align:center
}
.hero-content-2.right{
    text-align:right
}
.hero-content-2 h2{
    font-size:55px;
    line-height:60px;
    font-weight:700;
    color:#fff;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .hero-content-2 h2{
        font-size:26px;
        line-height:32px;
        margin-bottom:10px
    }
}
@media only screen and (max-width:575px){
    .hero-content-2 h2{
        font-size:26px;
        line-height:32px;
        margin-bottom:10px
    }
}
.hero-content-2 h3{
    font-size:48px;
    line-height:60px;
    font-weight:400;
    color:#fff;
    margin-bottom:25px
}
@media only screen and (max-width:767px){
    .hero-content-2 h3{
        font-size:26px;
        line-height:32px
    }
}
@media only screen and (max-width:575px){
    .hero-content-2 h3{
        font-size:26px;
        line-height:32px
    }
}
.hero-content-2 p{
    font-size:15px;
    line-height:26px;
    color:#fff
}
.hero-content-3.left{
    text-align:left
}
.hero-content-3.center{
    text-align:center
}
.hero-content-3.right{
    text-align:right
}
.hero-content-3 h2{
    font-size:44px;
    line-height:1.2;
    margin-bottom:5px;
    font-weight:700;
    text-transform:uppercase;
    color:#000
}
@media only screen and (max-width:767px){
    .hero-content-3 h2{
        font-size:30px
    }
}
.hero-content-3 h3{
    font-size:44px;
    line-height:1.2;
    font-weight:300;
    text-transform:uppercase;
    color:#000;
    margin-bottom:25px
}
@media only screen and (max-width:767px){
    .hero-content-3 h3{
        font-size:30px
    }
}
.hero-content-3 p{
    font-size:15px;
    line-height:26px;
    color:#444
}
.hero-content-3 p span{
    font-weight:600
}
.hero-content-4.left{
    text-align:left
}
.hero-content-4.center{
    text-align:center
}
.hero-content-4.right{
    text-align:right
}
.hero-content-4 h2{
    font-size:48px;
    line-height:1.2;
    margin-bottom:5px;
    font-weight:700;
    text-transform:uppercase;
    color:#000
}
@media only screen and (max-width:767px){
    .hero-content-4 h2{
        font-size:30px
    }
}
.hero-content-4 h3{
    font-size:48px;
    line-height:1.2;
    font-weight:300;
    text-transform:uppercase;
    color:#000;
    margin-bottom:25px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hero-content-4 h3{
        font-size:38px
    }
}
@media only screen and (max-width:767px){
    .hero-content-4 h3{
        font-size:30px
    }
}
.hero-content-4 p{
    font-size:15px;
    line-height:26px;
    color:#000
}
.hero-content-4 p span{
    font-weight:600
}
.hero-content-5 h2{
    color:#000;
    font-size:44px;
    font-weight:600;
    line-height:60px;
    letter-spacing:-2.5px;
    margin:0 0 45px;
    max-width:350px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hero-content-5 h2{
        font-size:40px;
        line-height:54px;
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .hero-content-5 h2{
        font-size:32px;
        line-height:42px;
        margin-bottom:20px
    }
}
.hero-content-5 p{
    font-size:15px;
    line-height:26px;
    color:#000;
    max-width:350px;
    margin-bottom:30px
}
@media only screen and (max-width:767px){
    .hero-content-5 p{
        margin-bottom:20px
    }
}
.hero-content-5 .play-btn{
    font-size:16px;
    font-weight:600;
    color:#4169e1;
    display:block;
    margin-top:30px
}
.hero-content-5 .play-btn i{
    font-size:26px;
    font-weight:600;
    margin-right:5px;
    vertical-align:middle
}
.about-content .text-bold{
    font-size:16px;
    color:#000;
    font-weight:600;
    line-height:27px;
    margin-bottom:20px
}
.about-content .normal-text{
    padding-bottom:70px;
    border-bottom:1px solid #e2e2e2
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .about-content .normal-text{
        padding-bottom:60px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .about-content .normal-text{
        padding-bottom:50px
    }
}
@media only screen and (max-width:767px){
    .about-content .normal-text{
        padding-bottom:40px
    }
}
.about-video-popup{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.about-video-popup .sub-title{
    color:#fff;
    font-size:20px;
    font-weight:200;
    line-height:30px;
    margin-bottom:20px
}
@media only screen and (max-width:767px){
    .about-video-popup .sub-title{
        margin-bottom:0;
        font-size:18px;
        line-height:26px
    }
}
.about-video-popup .title{
    max-width:760px;
    color:#fff;
    font-size:34px;
    line-height:50px;
    font-weight:700;
    margin:30px auto
}
@media only screen and (max-width:767px){
    .about-video-popup .title{
        font-size:28px;
        line-height:38px;
        margin-bottom:20px
    }
}
.single-feature{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:20px;
    border:1px #e0e0e0 solid;
    background:#fff;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-feature{
        padding:10px
    }
}
@media only screen and (max-width:767px){
    .single-feature{
        padding:10px
    }
}
.single-feature .feature-icon{
    font-size:40px;
    line-height:1;
    padding-right:20px;
    margin-right:22px;
    border-right:1px solid #e5e5e5;
    color:#4169e1
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-feature .feature-icon{
        padding-right:15px;
        margin-right:15px
    }
}
@media only screen and (max-width:767px){
    .single-feature .feature-icon{
        font-size:30px;
        padding-right:15px;
        margin-right:15px
    }
}
.single-feature .feature-content .title{
    font-size:22px;
    font-weight:700;
    margin:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-feature .feature-content .title{
        font-size:18px
    }
}
@media only screen and (max-width:767px){
    .single-feature .feature-content .title{
        font-size:18px
    }
}
.single-feature .feature-content p{
    font-size:12px;
    line-height:26px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-feature .feature-content p{
        font-size:13px;
        line-height:22px
    }
}
@media only screen and (max-width:767px){
    .single-feature .feature-content p{
        font-size:13px;
        line-height:22px
    }
}
.single-feature:hover{
    background-color:#4169e1
}
.single-feature:hover .feature-icon{
    color:#fff;
    border-right:1px solid rgba(255,255,255,.2)
}
.single-feature:hover .feature-content .title{
    color:#fff
}
.single-feature:hover .feature-content p{
    color:#fff
}
.job-search-wrap{
    padding:25px 25px 20px;
    background:rgba(0,0,0,.4)
}
@media only screen and (max-width:767px){
    .job-search-wrap{
        padding:25px 15px 20px
    }
}
.job-search-wrap-two .job-search-form{
    border:1px solid #e2e4ea;
    background:#fff;
    border-radius:3px
}
.job-search-wrap-two .job-search-form form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    width:100%;
    padding:10px 0
}
@media only screen and (max-width:767px){
    .job-search-wrap-two .job-search-form form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:10px 20px
    }
}
.job-search-wrap-two .job-search-form form .single-field-item{
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:0 0 37%;
    flex:0 0 37%;
    max-width:37%;
    padding:0 30px;
    height:100%;
    margin-bottom:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-search-wrap-two .job-search-form form .single-field-item{
        padding:0 15px
    }
}
@media only screen and (max-width:767px){
    .job-search-wrap-two .job-search-form form .single-field-item{
        padding:10px 0;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.job-search-wrap-two .job-search-form form .single-field-item i{
    position:static;
    line-height:inherit
}
.job-search-wrap-two .job-search-form form .single-field-item label{
    display:block;
    font-size:16px;
    color:#000;
    font-weight:600;
    text-transform:capitalize;
    margin:0
}
.job-search-wrap-two .job-search-form form .single-field-item input{
    width:100%;
    border:none;
    color:#999;
    font-size:15px;
    font-weight:400;
    padding:0;
    height:auto;
    line-height:inherit
}
.job-search-wrap-two .job-search-form form .single-field-item .btn-action-location{
    position:absolute;
    top:20px;
    right:15px
}
@media only screen and (max-width:767px){
    .job-search-wrap-two .job-search-form form .single-field-item .btn-action-location{
        top:30px
    }
}
.job-search-wrap-two .job-search-form form .single-field-item:first-child::after{
    position:absolute;
    content:"";
    height:70%;
    width:1px;
    background-color:#e2e4ea;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media only screen and (max-width:767px){
    .job-search-wrap-two .job-search-form form .single-field-item:first-child::after{
        display:none
    }
}
@media only screen and (max-width:767px){
    .job-search-wrap-two .job-search-form form .single-field-item:first-child{
        border-bottom:1px solid #e2e4ea
    }
}
.job-search-wrap-two .job-search-form form .submit-btn{
    -webkit-box-flex:0;
    -ms-flex:0 0 26%;
    flex:0 0 26%;
    max-width:26%;
    padding:0 10px 0 0
}
@media only screen and (max-width:767px){
    .job-search-wrap-two .job-search-form form .submit-btn{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        padding:10px 0
    }
}
.job-search-wrap-two .job-search-form form .submit-btn button{
    height:100%
}
.job-search-wrap-three .job-search-form form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    width:100%;
    padding:10px 0
}
@media only screen and (max-width:767px){
    .job-search-wrap-three .job-search-form form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:0
    }
}
.job-search-wrap-three .job-search-form form .single-field-item{
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:0 0 44%;
    flex:0 0 44%;
    max-width:44%;
    padding:17px 25px 19px;
    border:1px solid #d0d0d0;
    height:100%;
    border-radius:3px 0 0 3px;
    background:#fff;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .job-search-wrap-three .job-search-form form .single-field-item{
        padding:17px 25px 19px;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
}
.job-search-wrap-three .job-search-form form .single-field-item i{
    position:static;
    line-height:inherit
}
.job-search-wrap-three .job-search-form form .single-field-item label{
    display:block;
    font-size:18px;
    color:#000;
    font-weight:600;
    text-transform:capitalize;
    margin:0
}
.job-search-wrap-three .job-search-form form .single-field-item input{
    width:100%;
    border:none;
    color:#999;
    font-size:15px;
    font-weight:400;
    padding:0;
    height:auto;
    line-height:inherit
}
.job-search-wrap-three .job-search-form form .single-field-item .btn-action-location{
    position:absolute;
    top:35px;
    right:15px
}
@media only screen and (max-width:767px){
    .job-search-wrap-three .job-search-form form .single-field-item .btn-action-location{
        top:30px
    }
}
.job-search-wrap-three .job-search-form form .single-field-item.location{
    -webkit-box-flex:0;
    -ms-flex:0 0 31%;
    flex:0 0 31%;
    max-width:31%;
    border-radius:0 3px 3px 0;
    border-left:none
}
@media only screen and (max-width:767px){
    .job-search-wrap-three .job-search-form form .single-field-item.location{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        border-left:1px solid #d0d0d0;
        margin-top:10px
    }
}
.job-search-wrap-three .job-search-form form .submit-btn{
    -webkit-box-flex:0;
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
    padding:0 0 0 10px
}
@media only screen and (max-width:767px){
    .job-search-wrap-three .job-search-form form .submit-btn{
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%;
        padding:10px 0
    }
}
.job-search-wrap-three .job-search-form form .submit-btn button{
    height:100%
}
.single-field-item{
    height:50px;
    background-color:#fff;
    position:relative;
    border-radius:3px;
    margin-bottom:10px
}
.single-field-item i{
    position:absolute;
    left:20px;
    top:0;
    line-height:50px
}
.single-field-item input{
    height:50px;
    line-height:50px;
    width:100%;
    padding:0 20px 0 45px;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background:0 0;
    color:#333;
    font-weight:600;
    background:#fff;
    z-index:999999;
}
.single-field-item .nice-select{
    height:50px;
    line-height:50px;
    border-radius:3px
}
.single-field-item .nice-select .list{
    max-height:250px;
    overflow-y:scroll
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-field-item .nice-select .list{
        max-height:210px
    }
}
.single-field-item .btn-action-location{
    position:absolute;
    right:45px;
    line-height:50px;
    cursor:pointer
}
.single-job-location{
    height:370px;
    width:100%;
    position:relative;
    border-radius:3px;
    overflow:hidden;
    background-color:#f7f7f7;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.single-job-location .overlay-gradient{
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.1)),to(rgba(0,0,0,.8)));
    background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.8) 100%);
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.8) 100%);
    height:100%;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.single-job-location .location-info{
    position:absolute;
    bottom:25px;
    left:25px
}
.single-job-location .location-info .city-name{
    font-size:18px;
    font-weight:700;
    line-height:16px;
    color:#fff;
    display:block
}
.single-job-location .location-info .count-job{
    background:#fff;
    padding:0 8px;
    border-radius:3px;
    color:#333;
    font-size:14px;
    line-height:24px;
    font-weight:600;
    margin-top:15px;
    display:inline-block;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.single-job-location:hover .overlay-gradient{
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 100%);
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 100%)
}
.single-job-location:hover .location-info .count-job{
    background:#4169e1;
    color:#fff
}
.job-section .container .row .col-lg-12{
    margin:-.5px 0
}
.job-section .container .row .col-lg-12:first-child .single-job.style-two{
    border-top:1px solid #e5e5e5
}
.job-section .container .row .col-lg-12:first-child .single-job.style-two:hover{
    border-top:1px solid #4169e1
}
.job-section .container .row .col-lg-12:last-child .single-job.style-two{
    border-bottom:1px solid #e5e5e5
}
.job-section .container .row .col-lg-12:last-child .single-job.style-two:hover{
    border-bottom:1px solid #4169e1
}
.job-content-box{
    padding:50px;
    background-color:#fff
}
@media only screen and (max-width:767px){
    .job-content-box{
        padding:15px
    }
}
.jd-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2;
    font-size:small;
    display: block;/* or inline-block */
    word-wrap: break-word;
    max-height: 3.6em;
    line-height: 1.8em;
 }

.job-type-label{
    font-size:14px;
    line-height:16px;
    text-transform:uppercase;
    font-weight:600;
    color:#069bff!important
}
.job-type-label.internship{
    color:#ff38f3!important
}
.job-type-label.remote{
    color:#ba00ff!important
}
.job-type-label.freelancer{
    color:#ff8400!important
}
.save-job{
    display:inline-block;
    height:auto;
    line-height:1;
    width:auto;
    text-align:center;
    color:#bbb;
    border:none;
    font-size:18px;
    outline:0;
    background:0 0;
    padding:0
}
.save-job i{
    color:#bbb
}
.save-job:hover i{
    color:#ff2626
}
.single-job{
    height:100%;
    padding:15px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border:1px solid #e5e5e5;
    background:#fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,106,194,.2);
    box-shadow: 0 1px 2px 0 rgba(0,106,194,.2);
    overflow:hidden;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    border: 1px solid #ebf0f6;
}
@media only screen and (max-width:575px){
    .single-job{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-job .info-top{
    position:relative;
    z-index:9;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
@media only screen and (max-width:575px){
    .single-job .info-top{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-job .job-image{
    height:auto;
    border:none;
    width:80px;
    min-width:80px;
    text-align:center;
    margin:0 30px 0 0;
    padding:10px 0
}
@media only screen and (max-width:575px){
    .single-job .job-image{
        margin:auto;
        width:140px
    }
}
.single-job .job-image a img{
    max-width:100%
}
.single-job .candidates-image{
    width:90px;
    min-width:90px;
    border-radius:100%;
    overflow:hidden
}
.single-job .candidates-image a{
    display:block
}
.single-job .candidates-image a img{
    border-radius:100%
}
.single-job .candidates-image-two{
    width:45px;
    min-width:45px;
    border-radius:50%;
    margin-right:15px
}
@media only screen and (max-width:479px){
    .single-job .candidates-image-two{
        margin-left:0
    }
}
.single-job .candidates-image-two a{
    display:block
}
.single-job .candidates-image-two a img{
    border-radius:50%
}
.single-job .job-info{
    width:100%;
    margin:0 0 0 auto;
    z-index:9;
    display:block
}
.single-job .job-info .job-info-inner{
    margin-right:10px
}
.single-job .job-info .job-info-inner .job-info-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (max-width:575px){
    .single-job .job-info .job-info-inner .job-info-top{
        display:block;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-job .job-info .job-info-inner .job-info-top .saveJob{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
@media only screen and (max-width:575px){
    .single-job .job-info .job-info-inner .job-info-top .saveJob{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        margin-bottom:20px
    }
}
@media only screen and (max-width:575px){
    .single-job .job-info .job-info-inner .job-info-top .title-name{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.single-job .job-info .job-info-inner .job-info-top .title-name h3{
    font-weight:700;
    font-size:18px;
    line-height:1.2;
    margin-bottom:5px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-job .job-info .job-info-inner .job-info-top .title-name h3{
        font-size:20px
    }
}
@media only screen and (max-width:575px){
    .single-job .job-info .job-info-inner .job-info-top .title-name h3{
        font-size:18px
    }
}
.single-job .job-info .job-info-inner .job-info-top .title-name h5{
    font-size:16px;
    line-height:26px;
    font-weight:600;
    margin-bottom:3px
}
.single-job .job-info .job-info-inner .job-info-top .employer-name{
    margin-bottom:0px;
    font-weight:400;
}
.single-job .job-info .job-info-inner .job-info-top .employer-name a{
    display:inline-block;
    color:#666;
    font-size:13px;
}
.single-job .job-info .job-info-inner .job-info-top .employer-name a:hover{
    color:#4169e1
}
.single-job .job-info .job-info-inner .job-salary{
    font-size:17px;
    line-height:24px;
    font-weight:600;
    color:#ff2626;
    margin-bottom:7px;
    display:block
}
.single-job .job-info .job-info-inner .job-meta{
    font-size:14px;
    margin-top:10px;
    width:100%;
    color:#666
}
.single-job .job-info .job-info-inner .job-meta>div{
    display:inline-block;
    padding-left:12px;
    margin-right:12px;
    position:relative
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-job .job-info .job-info-inner .job-meta>div{
        padding-left:0
    }
}
@media only screen and (max-width:767px){
    .single-job .job-info .job-info-inner .job-meta>div{
        padding-left:0
    }
}
@media only screen and (max-width:575px){
    .single-job .job-info .job-info-inner .job-meta>div{
        padding-left:0
    }
}
.single-job .job-info .job-info-inner .job-meta>div:first-child{
    padding-left:0;
    margin-left:0
}
.single-job .job-info .job-info-inner .job-meta i{
    margin-right:5px
}
.single-job .job-info .job-info-inner .job-meta-two{
    font-size:14px;
    line-height:24px;
    color:#898989;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
@media only screen and (max-width:767px){
    .single-job .job-info .job-info-inner .job-meta-two{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-job .job-info .job-info-inner .job-meta-two div{
    padding-left:12px;
    margin-right:12px;
    position:relative
}
@media only screen and (max-width:479px){
    .single-job .job-info .job-info-inner .job-meta-two div{
        padding-left:0;
        margin-right:0
    }
}
.single-job .job-info .job-info-inner .job-meta-two div::before{
    content:"";
    position:absolute;
    width:1px;
    height:14px;
    top:calc(50% - 7px);
    left:0;
    background:#ccc
}
@media only screen and (max-width:479px){
    .single-job .job-info .job-info-inner .job-meta-two div::before{
        display:none
    }
}
.single-job .job-info .job-info-inner .job-meta-two div:first-child{
    padding-left:0;
    margin-left:0
}
.single-job .job-info .job-info-inner .job-meta-two div:first-child::before{
    display:none
}
.single-job .job-info .job-info-inner .job-meta-two div.field-salary_from{
    color:#cccccc;
    font-weight:600
}
.single-job .job-info .job-info-inner .job-meta-two i{
    margin-right:5px
}
.single-job .job-info .job-info-inner .job-meta-three{
    font-size:15px;
    line-height:24px;
    color:#333;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
@media only screen and (max-width:767px){
    .single-job .job-info .job-info-inner .job-meta-three{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-job .job-info .job-info-inner .job-meta-three div{
    padding-left:12px;
    margin-right:12px;
    position:relative
}
@media only screen and (max-width:479px){
    .single-job .job-info .job-info-inner .job-meta-three div{
        padding-left:0;
        margin-right:0
    }
}
.single-job .job-info .job-info-inner .job-meta-three div::before{
    content:"";
    position:absolute;
    width:1px;
    height:14px;
    top:calc(50% - 7px);
    left:0;
    background:#ccc
}
@media only screen and (max-width:479px){
    .single-job .job-info .job-info-inner .job-meta-three div::before{
        display:none
    }
}
.single-job .job-info .job-info-inner .job-meta-three div:first-child{
    padding-left:0;
    margin-left:0
}
.single-job .job-info .job-info-inner .job-meta-three div:first-child::before{
    display:none
}
.single-job .job-info .job-info-inner .job-meta-three div.field-experience-time .label{
    font-weight:600;
    margin-right:5px
}
.single-job .job-info .job-info-inner .job-meta-three div.field-experience-time a{
    color:#4169e1;
    display:inline-block
}
.single-job .job-info .job-info-inner .job-meta-three div.field-hour-rate{
    font-weight:600;
    color:#ff2626
}
.single-job .job-info .job-info-inner .job-meta-three div.field-hour-rate .label{
    color:#333;
    margin-right:5px
}
.single-job .job-info .job-info-inner .job-meta-three div.field-hour-rate a{
    color:#4169e1;
    display:inline-block
}
.single-job .job-info .job-info-inner .job-meta-three i{
    margin-right:5px;
    color:#4169e1
}
.single-job .job-info .job-info-inner .job-skill-tag{
    margin-top:15px
}
.single-job .job-info .job-info-inner .job-skill-tag a{
    display:inline-block;
    font-size:13px;
    font-weight:500;
    padding:0 10px;
    line-height:24px;
    margin-top:5px;
    margin-right:5px;
    border-radius:3px;
    background:#eff1f8;
    color:#999
}
.single-job .job-info .job-info-inner .job-skill-tag a:hover{
    color:#4169e1
}
.single-job.style-two{
    padding:26px 30px 22px;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media only screen and (max-width:767px){
    .single-job.style-two{
        padding:26px 12px 22px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-job.style-two .info-top{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-job.style-two .info-top{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (max-width:767px){
    .single-job.style-two .info-top{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-job.style-two:hover{
    border-color:#4169e1;
    z-index:9
}
.single-job.candidates-grid{
    padding:25px;
    height:100%;
    border:1px solid #e5e5e5
}
.single-job.candidates-grid .info-top{
    display:block
}
.single-job.candidates-grid .info-top .candidate-job{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
.single-job.candidates-grid .info-top .candidates-image{
    text-align:center;
    padding:20px 0 40px;
    margin-right:0;
    width:100%;
    border-radius:0;
    border-bottom:1px solid #eaeaea
}
.single-job.candidates-grid .info-top .candidates-image a img{
    width:105px;
    border-radius:50%
}
.single-job.candidates-grid .info-top .job-info .job-info-inner{
    margin-right:0
}
.single-job.candidates-grid .info-top .job-info .job-info-inner .job-meta-three{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.single-job.candidates-grid .info-top .job-info .job-info-inner .job-meta-three div{
    padding-left:0;
    margin-right:0
}
.single-job.candidates-grid .info-top .job-info .job-info-inner .job-meta-three div::before{
    display:none
}
.candidates-portfolio{
    margin-top:15px
}
.candidates-portfolio ul li{
    display:inline-block;
    width:57px;
    margin-right:5px;
    margin-bottom:5px
}
.candidates-portfolio ul li a{
    display:block
}
.all-job{
    text-align:center;
    margin-top:40px
}
.all-job p{
    margin-bottom:0
}
.all-job p a{
    color:#4169e1
}
.job-section .row .col-lg-12:last-child .single-job.style-two{
    border-bottom:1px solid #e5e5e5
}
.single-job-grid{
    background:#fff;
    border:1px solid #e5e5e5;
    padding:25px;
    position:relative;
    min-height:330px
}
.single-job-grid .job-image{
    width:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.single-job-grid .employer-name{
    position:absolute;
    top:34px;
    left:95px;
    font-weight:600;
    text-transform:uppercase;
    color:#999;
    width:140px;
    font-size:14px;
    line-height:16px
}
@media only screen and (max-width:767px){
    .single-job-grid .employer-name{
        position:static;
        margin-top:15px
    }
}
.single-job-grid .job-type{
    position:absolute;
    right:25px;
    top:34px;
    font-size:14px;
    line-height:16px;
    text-transform:uppercase;
    font-weight:600;
    color:#069bff!important
}
.single-job-grid .job-type.internship{
    color:#ff38f3!important
}
.single-job-grid .job-type.remote{
    color:#ba00ff!important
}
.single-job-grid .job-type.freelancer{
    color:#ff8400!important
}
.single-job-grid .content-top .job-title{
    font-size:20px;
    line-height:26px;
    font-weight:600;
    color:#333;
    text-transform:capitalize;
    margin:30px 0 5px
}
.single-job-grid .content-top .job-info{
    margin-bottom:15px
}
.single-job-grid .content-top .job-info .job-meta{
    display:inline-block;
    padding-right:20px;
    position:relative;
    margin:0
}
.single-job-grid .content-top .job-info .job-meta:first-child::before{
    content:"";
    width:1px;
    height:15px;
    background:#666;
    position:absolute;
    top:5px;
    right:8px
}
.single-job-grid .content-top .job-info .job-meta.time-ago{
    color:#085dad
}
.single-job-grid .content-bottom p{
    margin-bottom:0
}
.single-job-grid .content-bottom .job-categories{
    margin-top:15px
}
.single-job-grid .content-bottom .job-categories a{
    padding:2px 10px;
    font-size:13px;
    line-height:24px;
    background-color:#eff1f8;
    text-transform:capitalize;
    margin:10px 5px 0 0;
    display:inline-block;
    border-radius:3px;
    font-weight:600;
    color:#4169e1
}
.single-job-grid .content-bottom .job-categories a.accounting{
    color:#be52e2
}
.single-job-grid .content-bottom .job-categories a.broadcasting{
    color:#9f606b
}
.single-job-grid-two{
    position:relative;
    height:100%;
    padding:25px 30px 30px;
    background-color:#fff;
    border:1px solid #e2e4ea;
    overflow:hidden
}
.single-job-grid-two .saveJob-grid{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:10px
}
.single-job-grid-two .saveJob-grid .save-job{
    height:36px;
    line-height:34px;
    padding:0 20px;
    border:1px solid #4169e1;
    font-size:14px;
    font-weight:600;
    color:#4169e1;
    border-radius:4px
}
.single-job-grid-two .saveJob-grid .save-job i{
    font-size:18px;
    position:relative;
    top:2px;
    margin-right:4px;
    color:#4169e1
}
.single-job-grid-two .saveJob-grid .save-job:hover{
    color:#ff2626
}
.single-job-grid-two .saveJob-grid .save-job:hover i{
    color:#ff2626
}
.single-job-grid-two .job-image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:20px
}
@media only screen and (max-width:575px){
    .single-job-grid-two .job-info .job-info-top .title-name{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.single-job-grid-two .job-info .job-info-top .title-name h3{
    font-weight:700;
    font-size:24px;
    line-height:1.2;
    margin-bottom:5px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-job-grid-two .job-info .job-info-top .title-name h3{
        font-size:20px
    }
}
@media only screen and (max-width:575px){
    .single-job-grid-two .job-info .job-info-top .title-name h3{
        font-size:18px
    }
}
.single-job-grid-two .job-info .job-info-top .employer-name{
    margin-bottom:12px
}
.single-job-grid-two .job-info .job-info-top .employer-name a{
    display:inline-block;
    color:#666
}
.single-job-grid-two .job-info .job-info-top .employer-name a:hover{
    color:#4169e1
}
.single-job-grid-two .job-info .job-meta-two{
    font-size:14px;
    line-height:24px;
    font-weight:400;
    display:block;
    width:100%;
    margin-bottom:15px
}
.single-job-grid-two .job-info .job-meta-two div{
    position:relative;
    font-weight:600;
    color:#333
}
.single-job-grid-two .job-info .job-meta-two div.field-salary_from{
    color:#ff2626
}
.single-job-grid-two .job-info .job-meta-two i{
    margin-right:5px
}
.single-job-grid-two .job-info .job-skill-tag{
    margin-top:15px
}
.single-job-grid-two .job-info .job-skill-tag a{
    display:inline-block;
    font-size:13px;
    font-weight:500;
    padding:0 10px;
    line-height:24px;
    margin-top:5px;
    margin-right:5px;
    border-radius:3px;
    background:#eff1f8;
    color:#999
}
.single-job-grid-two .job-info .job-skill-tag a:hover{
    color:#4169e1
}
.single-job-grid-two .job-info .field-descriptions p{
    font-size:14px;
    line-height:21px
}
.single-job-grid-two:hover{
    border-color:#4169e1
}
.bg-image-job-post{
    background-image:url(../images/bg/bk-banner-home-4-2.png);
    background-position:center left;
    background-repeat:no-repeat;
    background-size:51% auto
}
@media only screen and (min-width:768px) and (max-width:991px){
    .bg-image-job-post{
        background-position:-100% 0
    }
}
@media only screen and (max-width:767px){
    .bg-image-job-post{
        background-position:-100% 0
    }
}
.job-post-section{
    padding:300px 0 340px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .job-post-section{
        padding:100px 0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-post-section{
        padding-top:65px;
        padding-bottom:70px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .job-post-section{
        padding-top:45px;
        padding-bottom:50px
    }
}
@media only screen and (max-width:767px){
    .job-post-section{
        padding-top:35px;
        padding-bottom:40px
    }
}
.job-post-content{
    padding-right:150px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-post-content{
        padding-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .job-post-content{
        padding-right:0
    }
}
@media only screen and (max-width:767px){
    .job-post-content{
        padding-right:0
    }
}
.job-post-content .title{
    color:#000;
    font-size:40px;
    font-weight:600;
    line-height:54px;
    letter-spacing:-2.5px;
    margin:0 0 30px
}
@media only screen and (max-width:767px){
    .job-post-content .title{
        font-size:32px;
        line-height:40px;
        margin-bottom:20px
    }
}
.job-post-content p{
    font-size:15px;
    line-height:26px;
    margin-bottom:30px
}
.job-wrapper .title{
    font-size:28px;
    line-height:42px;
    font-weight:700;
    margin-bottom:30px
}
.filter-form .result-sorting{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .filter-form .result-sorting{
        display:block
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .filter-form .result-sorting{
        display:block
    }
}
@media only screen and (max-width:767px){
    .filter-form .result-sorting{
        display:block
    }
}
.filter-form .result-sorting .total-result{
    font-size:16px;
    font-weight:600;
    color:#333;
    position:relative;
    margin-bottom:22px;
    text-transform:none
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .filter-form .result-sorting .total-result{
        margin-bottom:10px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .filter-form .result-sorting .total-result{
        margin-bottom:10px
    }
}
@media only screen and (max-width:767px){
    .filter-form .result-sorting .total-result{
        margin-bottom:10px
    }
}
.filter-form .result-sorting .total-result .total{
    color:#4169e1
}
.filter-form .result-sorting .job-alert-form .btn-open-form{
    display:inline-block;
    padding:0 20px;
    color:#666;
    font-size:16px;
    line-height:35px;
    cursor:pointer;
    margin-bottom:20px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .filter-form .result-sorting .job-alert-form .btn-open-form{
        padding:0;
        margin-bottom:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .filter-form .result-sorting .job-alert-form .btn-open-form{
        padding:0;
        margin-bottom:15px
    }
}
@media only screen and (max-width:767px){
    .filter-form .result-sorting .job-alert-form .btn-open-form{
        padding:0;
        margin-bottom:15px
    }
}
.filter-form .result-sorting .form-left{
    text-align:right;
    margin-bottom:22px;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .filter-form .result-sorting .form-left{
        text-align:left
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .filter-form .result-sorting .form-left{
        text-align:left
    }
}
@media only screen and (max-width:767px){
    .filter-form .result-sorting .form-left{
        text-align:left
    }
}
.filter-form .result-sorting .form-left .sort-by{
    display:inline-block
}
.filter-form .result-sorting .form-left .sort-by form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.filter-form .result-sorting .form-left .sort-by form label{
    margin-bottom:0
}
.filter-form .result-sorting .form-left .sort-by form .nice-select{
    margin-left:10px;
    width:150px
}
.filter-form .result-sorting .form-left .layout-switcher{
    float:right
}
@media only screen and (max-width:767px){
    .filter-form .result-sorting .form-left .layout-switcher{
        float:none;
        margin-top:10px
    }
}
.filter-form .result-sorting .form-left .layout-switcher ul li{
    display:inline-block;
    margin-left:20px
}
@media only screen and (max-width:767px){
    .filter-form .result-sorting .form-left .layout-switcher ul li{
        margin-left:0;
        margin-right:20px
    }
}
.filter-form .result-sorting .form-left .layout-switcher ul li a{
    display:block;
    width:auto;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:22px;
    color:#666
}
.filter-form .result-sorting .form-left .layout-switcher ul li a.active,.filter-form .result-sorting .form-left .layout-switcher ul li a:hover{
    color:#4169e1
}
.job-alert-form-box{
    position:absolute;
    width:100%;
    top:100%;
    left:0;
    -webkit-box-shadow:0 5px 50px 0 rgba(0,0,0,.1);
    box-shadow:0 5px 50px 0 rgba(0,0,0,.1);
    z-index:99;
    border-radius:5px;
    background:#fff;
    margin-bottom:30px;
    padding:30px 30px 25px;
    border:1px solid #ece8eb;
    display:none
}
.job-alert-form-box .title{
    font-size:16px;
    font-weight:700;
    margin:0 0 20px;
    padding-right:20px
}
.job-alert-form-box .btn-close-form{
    position:absolute;
    top:26px;
    right:30px;
    line-height:1;
    font-size:24px;
    cursor:pointer;
    color:#1d2027
}
.job-alert-form-box form .newsletter input{
    width:100%;
    border:1px solid #ece8eb;
    border-radius:5px;
    padding:9px 24px;
    font-size:16px;
    line-height:30px;
    color:#1d2027;
    margin-bottom:15px
}
.job-meta-detail ul li{
    display:inline-block;
    margin-right:10px;
    padding-right:10px;
    position:relative;
    font-size:14px;
    line-height:1.9
}
.job-meta-detail ul li::after{
    content:"";
    position:absolute;
    width:1px;
    height:14px;
    top:calc(50% - 7px);
    right:0;
    background:#444
}
.job-meta-detail ul li:last-child::after{
    display:none
}
.job-meta-detail ul li .date{
    padding:0 9px 0;
    border-radius:2px;
    font-weight:600;
    background-color:#d0f7ca;
    display:inline-block;
    line-height:1.9
}
.job-map-wrapper{
    padding:40px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .job-map-wrapper{
        padding:15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-map-wrapper{
        padding:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .job-map-wrapper{
        padding:15px
    }
}
@media only screen and (max-width:767px){
    .job-map-wrapper{
        padding:15px
    }
}
.section-filter{
    position:relative
}
.section-filter>i{
    position:absolute;
    top:16px;
    left:16px;
    font-size:15px;
    color:#999
}
.section-filter input.location{
    width:100%;
    height:46px;
    line-height:44px;
    padding:0 240px 0 45px;
    background:#fff;
    border:1px #d1d3da solid;
    border-radius:3px;
    color:#999
}
@media only screen and (max-width:575px){
    .section-filter input.location{
        padding:0 16px 0 45px
    }
}
.section-filter .open-slide-range{
    position:absolute;
    width:240px;
    height:100%;
    top:0;
    right:0;
    padding:0 20px;
    color:#999;
    line-height:46px
}
@media only screen and (max-width:575px){
    .section-filter .open-slide-range{
        position:relative;
        width:100%;
        height:46px;
        top:auto;
        right:auto;
        padding:0 20px;
        color:#666;
        line-height:44px;
        border:1px solid #d1d3da;
        border-radius:3px;
        margin-top:20px
    }
}
.section-filter .open-slide-range::before{
    content:"";
    position:absolute;
    width:1px;
    height:26px;
    top:10px;
    left:0;
    background:#ddd
}
@media only screen and (max-width:575px){
    .section-filter .open-slide-range::before{
        display:none
    }
}
.section-filter .open-slide-range .range-text{
    color:#333
}
.section-filter .open-slide-range .open-range{
    position:absolute;
    width:20px;
    height:20px;
    top:calc(50% - 10px);
    right:16px;
    cursor:pointer
}
.section-filter .open-slide-range .open-range::after{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"î¡´";
    font-family:Linearicons-Free;
    font-size:12px;
    color:#333;
    font-weight:600;
    line-height:1
}
.filter-advance{
    margin-top:50px
}
.filter-advance .range-slider.ui-widget{
    width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    height:6px;
    background-color:#d8d8d8;
    border:none;
    border-radius:3px;
    position:relative
}
@media only screen and (max-width:767px){
    .filter-advance .range-slider.ui-widget{
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        width:100%
    }
}
.filter-advance .range-slider.ui-widget .ui-slider-range{
    background-color:#4169e1;
    border-radius:50px
}
.filter-advance .range-slider.ui-widget .ui-slider-handle{
    background-color:#fff;
    min-width:24px;
    height:24px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    border:1px solid #ddd;
    outline:0;
    top:-10px;
    margin-left:-18px;
    border-radius:50%;
    cursor:-webkit-grab;
    cursor:grab;
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.filter-advance .range-slider.ui-widget .ui-slider-handle::after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    height:12px;
    width:12px;
    background:#4169e1;
    border-radius:100%;
    opacity:1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.filter-advance .range-slider.ui-widget .ui-slider-handle span{
    position:absolute;
    top:-32px;
    left:50%;
    min-width:27px;
    height:25px;
    border-radius:5px;
    font-size:13px;
    line-height:25px;
    padding:0 5px;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    background:#333;
    font-weight:700;
    color:#fff;
    text-align:center;
    display:block
}
.filter-advance .range-slider.ui-widget .ui-slider-handle span::after{
    content:"";
    position:absolute;
    bottom:-5px;
    left:50%;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0 5px;
    border-color:transparent transparent transparent transparent;
    border-top-color:#333;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.filter-advance .filter-item{
    margin-bottom:20px;
    padding-left:10px;
    padding-right:10px
}
.filter-advance .filter-item input{
    width:100%;
    height:46px;
    line-height:44px;
    padding:0 20px;
    background:#fff;
    border:1px solid #d1d3da;
    border-radius:3px;
    color:#999
}
.filter-advance .filter-item .nice-select{
    border:1px solid #d1d3da;
    height:46px;
    line-height:44px
}
.filter-advance .filter-item .nice-select .list{
    max-height:250px;
    overflow-y:scroll
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .filter-advance .filter-item .nice-select .list{
        max-height:210px
    }
}
.bottom-section-filter{
    position:relative;
    margin-top:35px;
    margin-bottom:30px;
    border-bottom:1px #e2e4ea solid
}
.action-advance{
    position:absolute;
    top:0;
    right:0;
    margin-bottom:5px
}
@media only screen and (max-width:575px){
    .action-advance{
        position:relative;
        top:auto;
        right:auto
    }
}
.action-advance span{
    color:#333;
    position:relative;
    cursor:pointer
}
.action-advance span::after{
    content:"î¡³";
    font-family:Linearicons-Free;
    margin-left:14px
}
.action-after .btn-open-form{
    display:inline-block;
    font-size:16px;
    color:#666;
    line-height:35px;
    cursor:pointer;
    margin-bottom:20px
}
.single-meta-field{
    display:block;
    padding:18px 30px;
    background-color:#fff;
    border:1px solid #e9e9e9;
    height:100%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-meta-field{
        padding:18px 20px
    }
}
.single-meta-field .field-label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.single-meta-field .field-label i{
    font-size:30px;
    width:50px;
    -webkit-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px);
    color:#4169e1
}
.single-meta-field .field-label span{
    font-size:14px;
    line-height:24px;
    font-weight:600;
    text-transform:capitalize;
    color:#333;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.single-meta-field .field-value{
    display:block;
    line-height:19px;
    padding-left:50px
}
.single-meta-field .field-value.salary{
    font-size:18px;
    color:#fe281f;
    font-weight:600;
    line-height:23px
}
.single-meta-field .field-value a{
    color:#4169e1
}
.single-meta-field .field-value .job-skill-tag a{
    display:inline-block;
    font-size:13px;
    font-weight:500;
    padding:0 10px;
    line-height:24px;
    margin-top:5px;
    margin-right:5px;
    border-radius:3px;
    background:#eff1f8;
    color:#666
}
.single-meta-field.meta-field-two{
    padding:0;
    border:0;
    border-bottom:1px solid #e5e5e5;
    background-color:transparent;
    padding-bottom:15px;
    margin-bottom:16px
}
.single-meta-field.meta-field-three{
    padding:0;
    border:0;
    background-color:transparent;
    padding:0 25px;
    border-right:1px solid #ddd
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-meta-field.meta-field-three{
        margin-bottom:30px
    }
}
@media only screen and (max-width:767px){
    .single-meta-field.meta-field-three{
        margin-bottom:30px
    }
}
.single-meta-field.meta-field-three.border-0{
    border-right:0
}
.single-meta-field.meta-field-three .field-label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:5px
}
.single-meta-field.meta-field-three .field-label i{
    font-size:16px;
    margin-right:10px;
    width:auto;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.single-meta-field.meta-field-three .field-label span{
    font-size:14px;
    line-height:24px;
    font-weight:600;
    text-transform:capitalize;
    color:#333;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.single-meta-field.meta-field-three .field-value{
    display:block;
    text-transform:capitalize;
    font-size:17px;
    line-height:22px;
    font-weight:600;
    padding-left:0
}
.single-meta-field.meta-field-three .field-value a{
    color:#4169e1
}
.single-meta-field.meta-field-three .field-value .job-skill-tag a{
    display:inline-block;
    font-size:13px;
    font-weight:500;
    padding:0 10px;
    line-height:24px;
    margin-top:5px;
    margin-right:5px;
    border-radius:3px;
    background:#eff1f8;
    color:#666
}
.job-head-content .title{
    font-size:34px;
    line-height:40px;
    font-weight:700;
    margin:0 0 10px
}
@media only screen and (max-width:767px){
    .job-head-content .title{
        font-size:28px;
        line-height:34px
    }
}
.job-head-content .employer-name{
    font-size:16px;
    font-weight:600;
    color:#4c53b6;
    line-height:19px;
    margin:0 0 18px
}
.job-detail-content .field-descriptions p{
    margin-bottom:20px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-detail-content .field-descriptions p{
        margin-bottom:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .job-detail-content .field-descriptions p{
        margin-bottom:15px
    }
}
@media only screen and (max-width:767px){
    .job-detail-content .field-descriptions p{
        margin-bottom:15px
    }
}
.job-detail-content .field-descriptions h3{
    font-size:24px;
    line-height:36px;
    font-weight:700;
    margin-top:60px;
    margin-bottom:25px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-detail-content .field-descriptions h3{
        margin-top:30px;
        margin-bottom:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .job-detail-content .field-descriptions h3{
        margin-top:30px;
        margin-bottom:15px
    }
}
@media only screen and (max-width:767px){
    .job-detail-content .field-descriptions h3{
        margin-top:30px;
        margin-bottom:15px
    }
}
.job-detail-content .field-descriptions ul{
    list-style:inherit;
    list-style-position:inside;
    margin-bottom:20px
}
@media only screen and (max-width:767px){
    .categories-tab-menu ul{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:start!important
    }
}
.categories-tab-menu ul li{
    margin-right:40px
}
.categories-tab-menu ul li:last-child{
    margin-right:0
}
@media only screen and (max-width:767px){
    .categories-tab-menu ul li:last-child{
        margin-bottom:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .categories-tab-menu ul li{
        margin-right:20px
    }
}
@media only screen and (max-width:767px){
    .categories-tab-menu ul li{
        margin-right:20px;
        margin-bottom:10px
    }
}
.categories-tab-menu ul li a{
    display:block;
    color:#bbb;
    font-size:30px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:-.8px;
    text-transform:uppercase;
    cursor:pointer;
    border:none;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media only screen and (min-width:768px) and (max-width:991px){
    .categories-tab-menu ul li a{
        font-size:24px
    }
}
@media only screen and (max-width:767px){
    .categories-tab-menu ul li a{
        font-size:24px
    }
}
.categories-tab-menu ul li a.active,.categories-tab-menu ul li a:hover{
    color:#000
}
.single-job-categories{
    border:1px solid #e5e5e5;
    border-radius:5px;
    overflow:hidden;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.single-job-categories .categories-image{
    text-align:center;
    background-color:#f9f7f3;
    position:relative;
    padding:20px;
    height:275px
}
.single-job-categories .categories-image i{
    padding:10px;
    background:#fff;
    position:absolute;
    top:20px;
    left:20px;
    font-size:18px;
    border-radius:3px;
    color:#4169e1
}
.single-job-categories .categories-content{
    padding:25px;
    background-color:#fff;
    min-height:100px
}
.single-job-categories .categories-content h3{
    font-size:20px;
    line-height:24px;
    max-height:24px;
    font-weight:600
}
.single-job-categories .categories-content h3 a{
    display:block
}
.single-job-categories .categories-content .count-job{
    font-size:16px;
    line-height:24px;
    color:#999;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.single-job-categories:hover{
    border-color:#4169e1
}
.single-job-categories:hover .categories-content h3 a{
    color:#4169e1
}
.single-job-categories:hover .categories-content .count-job{
    color:#4169e1
}
.single-job-categories-two{
    border:1px solid #d0d0d0;
    padding:16px 20px 17px;
    border-radius:3px;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-job-categories-two{
        padding:16px 12px 17px
    }
}
.single-job-categories-two .item-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.single-job-categories-two .item-info .img-icon{
    margin-right:12px
}
.single-job-categories-two .item-info .title{
    font-size:18px;
    line-height:28px;
    font-weight:600;
    margin:0
}
.single-job-categories-two .item-info .title a{
    display:block
}
.single-job-categories-two .item-info .title a:hover{
    color:#333
}
.single-job-categories-two:hover{
    border-color:#4169e1
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cate-left-text{
        margin-bottom:40px
    }
}
@media only screen and (max-width:767px){
    .cate-left-text{
        margin-bottom:30px
    }
}
.cate-left-text .title{
    color:#000;
    font-size:40px;
    font-weight:600;
    line-height:54px;
    letter-spacing:-2.5px;
    margin:0
}
@media only screen and (max-width:767px){
    .cate-left-text .title{
        font-size:32px;
        line-height:40px
    }
}
.categories-tag .title{
    color:#000;
    font-size:22px;
    font-weight:500;
    line-height:33px;
    margin-bottom:30px
}
.list-cat li{
    display:inline-block
}
.list-cat li a{
    display:inline-block;
    margin:0 5px 10px 0;
    border:1px solid #ddd;
    border-radius:3px;
    padding:12px 25px;
    color:#000;
    font-size:16px;
    line-height:24px;
    font-weight:600;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
@media only screen and (max-width:767px){
    .list-cat li a{
        padding:12px 18px
    }
}
.list-cat li a:hover{
    background-color:#4169e1;
    border-color:#4169e1;
    color:#fff
}
.all-cate-link{
    margin-top:35px
}
.all-cate-link a{
    font-size:15px;
    line-height:24px;
    display:inline-block
}
.employer-slider{
    border:1px solid #e5e5e5;
    padding-bottom:1px
}
.employer-slider .employer-item.last{
    border-right:transparent
}
.employer-item{
    padding:20px 25px 25px;
    background:#fff;
    position:relative;
    border-style:solid;
    border-width:0 1px 0 0;
    border-color:#e5e5e5;
    height:100%;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.employer-item .featured-employer-label{
    position:absolute;
    top:25px;
    left:20px;
    padding:0 10px;
    border-radius:3px;
    color:#fff;
    font-size:14px;
    line-height:24px;
    font-weight:600;
    background:#4169e1
}
.employer-item .featured-employer-label.color-green{
    background-color:#d0f7ca;
    color:#4169e1
}
.employer-item .for-grid{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.employer-item .rating{
    position:absolute;
    top:25px;
    right:20px
}
.employer-item .rating .rating-point{
    background:#ff8400;
    font-weight:600;
    border-radius:4px;
    color:#fff;
    margin-right:3px;
    min-width:30px;
    display:inline-block;
    text-align:center;
    height:20px;
    line-height:20px
}
.employer-item .employer-image{
    margin:24px auto 10px;
    width:140px;
    height:140px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.employer-item .employer-image img{
    height:auto;
    max-width:100%
}
.employer-item .employer-info-top .employer-location{
    margin-bottom:5px;
    font-size:10px;
    line-height:24px;
    display:inline-block;
    text-transform:uppercase
}
.employer-item .employer-info-top .employer-name{
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.employer-item .employer-info-top .employer-name i{
    font-size:14px;
    color:#4169e1
}
.employer-item .employer-info-top .employer-info-rate{
    margin-top:5px
}
.employer-item .employer-info-top .employer-info-rate .star{
    color:#ffbf02;
    margin-right:10px
}
.employer-item .employer-info-top .employer-info-rate .star i{
    font-size:13px;
    margin:0 -3px
}
.employer-item .employer-info-top .employer-info-rate span{
    color:#999
}
.employer-item .employer-info-top .link-openjobs{
    display:inline-block;
    font-weight:600;
    text-transform:capitalize;
    color:#fff;
    line-height:22px;
    padding:0 7px;
    border-radius:3px;
    margin-top:15px;
    background-color:#4169e1
}
.employer-item.border{
    border:1px solid #e5e5e5
}
.employer-item.border:hover{
    border-color:#4169e1!important
}
.single-employer-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    border:1px solid #ddd;
    border-radius:5px;
    overflow:hidden;
    background-color:#fff;
    text-align:center
}
.single-employer-item .image-featured{
    height:215px;
    overflow:hidden;
    background-color:#333
}
.single-employer-item .image-featured img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.single-employer-item .item-content{
    padding:25px 15px;
    padding-top:0
}
.single-employer-item .item-content .avatar{
    display:inline-block;
    width:80px;
    padding:10px;
    margin:0 0 10px;
    border:1px solid #ddd;
    overflow:hidden;
    background:#fff;
    margin-top:-40px
}
.single-employer-item .item-content .title{
    font-size:20px;
    line-height:28px;
    color:#333;
    font-weight:600;
    margin-bottom:5px
}
.single-employer-item .item-content .title a{
    display:block;
    color:#333
}
.single-employer-item .item-content .meta .star{
    color:#ffbf02;
    margin-bottom:5px
}
.single-employer-item .item-content .meta .star i{
    font-size:13px;
    margin:0 -3px
}
.single-employer-item .item-content .meta span{
    position:relative;
    display:inline-block;
    font-size:15px;
    line-height:19px;
    margin-right:5px;
    padding-right:14px
}
.single-employer-item .item-content .meta span::after{
    position:absolute;
    content:"";
    top:50%;
    right:0;
    width:1px;
    height:15px;
    background-color:#ccc;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.single-employer-item .item-content .meta span:last-child{
    margin-right:0;
    padding-right:0
}
.single-employer-item .item-content .meta span:last-child::after{
    display:none
}
.single-employer-list{
    height:100%;
    padding:32px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border:1px solid #e5e5e5;
    background:#fff;
    overflow:hidden;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
@media only screen and (max-width:575px){
    .single-employer-list{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-employer-list .info-top{
    position:relative;
    z-index:9;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-employer-list .info-top{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-employer-list .info-top{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (max-width:767px){
    .single-employer-list .info-top{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-employer-list .employer-image{
    height:auto;
    border:none;
    width:80px;
    min-width:80px;
    text-align:center;
    margin:0 30px 0 0;
    padding:10px 0
}
@media only screen and (max-width:575px){
    .single-employer-list .employer-image{
        margin:auto;
        width:140px
    }
}
.single-employer-list .employer-image a img{
    max-width:100%
}
.single-employer-list .employer-info{
    width:100%;
    margin:0 0 0 auto;
    z-index:9;
    display:block
}
.single-employer-list .employer-info .employer-info-inner{
    margin-right:10px
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (max-width:575px){
    .single-employer-list .employer-info .employer-info-inner .employer-info-top{
        display:block;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .saveJob{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2
}
@media only screen and (max-width:575px){
    .single-employer-list .employer-info .employer-info-inner .employer-info-top .saveJob{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        margin-bottom:20px
    }
}
@media only screen and (max-width:575px){
    .single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h3{
    font-weight:700;
    font-size:24px;
    line-height:1.2;
    margin-bottom:5px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h3{
        font-size:20px
    }
}
@media only screen and (max-width:575px){
    .single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h3{
        font-size:18px
    }
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .title-name h5{
    font-size:16px;
    line-height:26px;
    font-weight:600;
    margin-bottom:5px
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .employer-rate{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:5px
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .employer-rate .star{
    color:#ffbf02;
    margin-right:10px
}
.single-employer-list .employer-info .employer-info-inner .employer-info-top .employer-rate .star i{
    font-size:13px;
    margin:0 -3px
}
.single-employer-list .employer-info .employer-info-inner .employer-bottom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.single-employer-list .employer-info .employer-info-inner .employer-bottom .openjobs a{
    display:inline-block;
    color:#fff;
    font-weight:500;
    font-size:14px;
    padding:1px 10px 2px;
    line-height:20px;
    border-radius:3px;
    border-color:transparent;
    background-color:#4169e1
}
.single-employer-list .employer-info .employer-info-inner .employer-meta{
    font-size:14px;
    line-height:24px;
    color:#898989;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
@media only screen and (max-width:767px){
    .single-employer-list .employer-info .employer-info-inner .employer-meta{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div{
    padding-left:12px;
    margin-right:12px;
    position:relative
}
@media only screen and (max-width:479px){
    .single-employer-list .employer-info .employer-info-inner .employer-meta div{
        padding-left:0;
        margin-right:0
    }
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div::before{
    content:"";
    position:absolute;
    width:1px;
    height:14px;
    top:calc(50% - 7px);
    left:0;
    background:#ccc
}
@media only screen and (max-width:479px){
    .single-employer-list .employer-info .employer-info-inner .employer-meta div::before{
        display:none
    }
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div:first-child{
    padding-left:0;
    margin-left:0
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div:first-child::before{
    display:none
}
.single-employer-list .employer-info .employer-info-inner .employer-meta div.field-salary_from{
    color:#ff2626;
    font-weight:600
}
.single-employer-list .employer-info .employer-info-inner .employer-meta i{
    margin-right:5px
}
.single-employer-list .employer-info .employer-info-inner .field-description{
    margin-top:10px
}
.single-employer-list .employer-info .employer-info-inner .field-description p{
    font-size:14px;
    line-height:20px
}
.single-employer-list .employer-info .employer-info-inner .employer-skill-tag{
    margin-top:15px
}
.single-employer-list .employer-info .employer-info-inner .employer-skill-tag a{
    display:inline-block;
    font-size:13px;
    font-weight:500;
    padding:0 10px;
    line-height:24px;
    margin-top:5px;
    margin-right:5px;
    border-radius:3px;
    background:#eff1f8;
    color:#999
}
.single-employer-list .employer-info .employer-info-inner .employer-skill-tag a:hover{
    color:#4169e1
}
.single-employer-list:hover{
    border-color:#4169e1
}
.employer-head-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    overflow:hidden
}
@media only screen and (max-width:479px){
    .employer-head-info{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.employer-head-info .employer-logo{
    width:100px;
    height:100px;
    text-align:center;
    padding:10px;
    margin-right:28px;
    margin-bottom:15px;
    border:1px solid #e0e0e0;
    border-radius:0;
    overflow:hidden
}
@media only screen and (max-width:479px){
    .employer-head-info .employer-logo{
        margin-right:0
    }
}
.employer-head-info .employer-logo a{
    display:block
}
.employer-head-info .employer-logo.logo-two{
    width:170px;
    height:170px
}
.employer-head-info .employer-content .employer-name{
    font-size:26px;
    line-height:35px;
    text-transform:capitalize;
    font-weight:700;
    margin-top:30px;
    margin-bottom:0
}
.jadu{
    border: 1px solid #E9ECF5;
    border-radius: 12px 12px 4px 4px;
    padding:5px;
}
@media only screen and (max-width:479px){
    .employer-head-info .employer-content .employer-name{
        font-size:15px;
        line-height:1;
        margin-top:20px
    }

    .job-container .title{
        font-size: 15px;
    }
}
.employer-head-info .employer-content .employer-name i{
    font-size:18px;
    color:#4169e1
}
.employer-head-info .employer-content .employer-rate{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:10px
}
.employer-head-info .employer-content .employer-rate .star{
    color:#ffbf02;
    margin-right:10px
}
.employer-head-info .employer-content .employer-rate .star i{
    font-size:13px;
    margin:0 -3px
}
.employer-head-info .employer-content .employer-meta{
    margin-top:10px
}
.employer-head-info .employer-content .employer-meta li{
    display:inline-block;
    margin-right:10px;
    padding-right:10px;
    margin-bottom:7px;
    position:relative;
    font-size:14px;
    line-height:16px;
    border-right:1px solid #ccc
}
.employer-head-info .employer-content .employer-meta li:last-child{
    margin-right:0;
    padding-right:0;
    border-right:0
}
.employer-head-info .employer-content .employer-meta li i{
    vertical-align:middle;
    margin-right:5px
}
.employer-meta-box{
    padding:25px 0;
    background-color:#f2f5fc
}
.employer-main-content .field-Gallery,.employer-main-content .field-description,.employer-main-content .field-skills{
    margin-bottom:60px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .employer-main-content .field-Gallery,.employer-main-content .field-description,.employer-main-content .field-skills{
        margin-bottom:40px
    }
}
@media only screen and (max-width:767px){
    .employer-main-content .field-Gallery,.employer-main-content .field-description,.employer-main-content .field-skills{
        margin-bottom:30px
    }
}
.employer-main-content .field-Gallery h3,.employer-main-content .field-description h3,.employer-main-content .field-skills h3{
    font-weight:700;
    font-size:28px;
    line-height:42px;
    margin-top:60px;
    margin-bottom:20px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .employer-main-content .field-Gallery h3,.employer-main-content .field-description h3,.employer-main-content .field-skills h3{
        margin-top:40px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .employer-main-content .field-Gallery h3,.employer-main-content .field-description h3,.employer-main-content .field-skills h3{
        margin-top:40px
    }
}
@media only screen and (max-width:767px){
    .employer-main-content .field-Gallery h3,.employer-main-content .field-description h3,.employer-main-content .field-skills h3{
        margin-bottom:15px!important;
        margin-top:30px
    }
}
.employer-main-content .field-Gallery p,.employer-main-content .field-description p,.employer-main-content .field-skills p{
    margin-bottom:20px
}
.employer-main-content .field-Gallery p:last-child,.employer-main-content .field-description p:last-child,.employer-main-content .field-skills p:last-child{
    margin-bottom:0
}
.employer-main-content .field-Gallery h6,.employer-main-content .field-description h6,.employer-main-content .field-skills h6{
    font-size:16px;
    line-height:24px;
    font-weight:600
}
.employer-main-content .field-Gallery ul,.employer-main-content .field-description ul,.employer-main-content .field-skills ul{
    list-style:disc;
    list-style-position:inside
}
.employer-main-content .field-award h3,.employer-main-content .field-education h3,.employer-main-content .field-experience h3{
    font-weight:700;
    font-size:24px;
    line-height:36px;
    margin-bottom:35px
}
.job-container h3{
    font-size:24px;
    line-height:1.5;
    font-weight:700;
    margin-bottom:25px
}
.candidate-head-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    overflow:hidden
}
@media only screen and (max-width:479px){
    .candidate-head-info{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.candidate-head-info .candidate-logo{
    width:80px;
    height:auto;
    border-radius:5px;
    text-align:center;
    margin-right:30px;
    overflow:hidden
}
@media only screen and (max-width:479px){
    .candidate-head-info .candidate-logo{
        margin-right:0
    }
}
.candidate-head-info .candidate-logo a{
    display:block
}
.candidate-head-info .candidate-logo a img{
    width:auto;
    height:auto;
    border-radius:50%
}
.candidate-head-info .candidate-content .candidate-name{
    font-size:34px;
    line-height:45px;
    text-transform:capitalize;
    font-weight:700;
    margin-top:30px;
    margin-bottom:0
}
@media only screen and (max-width:479px){
    .candidate-head-info .candidate-content .candidate-name{
        font-size:28px;
        line-height:1;
        margin-top:20px
    }
}
.candidate-head-info .candidate-content .candidate-name i{
    font-size:18px;
    color:#4169e1
}
.candidate-head-info .candidate-content .candidate-meta{
    margin-top:10px
}
.candidate-head-info .candidate-content .candidate-meta li{
    display:inline-block;
    margin-right:10px;
    padding-right:10px;
    margin-bottom:7px;
    position:relative;
    font-size:15px;
    line-height:1.9
}
.candidate-head-info .candidate-content .candidate-meta li:last-child{
    margin-right:0;
    padding-right:0
}
.candidate-head-info .candidate-content .candidate-meta li i{
    vertical-align:middle;
    margin-right:5px
}
.candidate-head-info.color-white .candidate-content .candidate-name{
    color:#fff
}
.candidate-head-info.color-white .candidate-content .candidate-meta li{
    color:#fff
}
.candidate-head-info.color-white .candidate-content .candidate-meta li i{
    color:#fff
}
.candidate-main-content .field-award,.candidate-main-content .field-candidate-information,.candidate-main-content .field-description,.candidate-main-content .field-education,.candidate-main-content .field-experience,.candidate-main-content .field-portfolio,.candidate-main-content .field-skills{
    margin-bottom:60px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .candidate-main-content .field-award,.candidate-main-content .field-candidate-information,.candidate-main-content .field-description,.candidate-main-content .field-education,.candidate-main-content .field-experience,.candidate-main-content .field-portfolio,.candidate-main-content .field-skills{
        margin-bottom:40px
    }
}
@media only screen and (max-width:767px){
    .candidate-main-content .field-award,.candidate-main-content .field-candidate-information,.candidate-main-content .field-description,.candidate-main-content .field-education,.candidate-main-content .field-experience,.candidate-main-content .field-portfolio,.candidate-main-content .field-skills{
        margin-bottom:30px
    }
}
.candidate-main-content .field-award h3,.candidate-main-content .field-candidate-information h3,.candidate-main-content .field-description h3,.candidate-main-content .field-education h3,.candidate-main-content .field-experience h3,.candidate-main-content .field-portfolio h3,.candidate-main-content .field-skills h3{
    font-weight:700;
    font-size:24px;
    line-height:36px;
    margin-bottom:35px
}
@media only screen and (max-width:767px){
    .candidate-main-content .field-award h3,.candidate-main-content .field-candidate-information h3,.candidate-main-content .field-description h3,.candidate-main-content .field-education h3,.candidate-main-content .field-experience h3,.candidate-main-content .field-portfolio h3,.candidate-main-content .field-skills h3{
        margin-bottom:15px!important
    }
}
.candidate-main-content .field-award p,.candidate-main-content .field-candidate-information p,.candidate-main-content .field-description p,.candidate-main-content .field-education p,.candidate-main-content .field-experience p,.candidate-main-content .field-portfolio p,.candidate-main-content .field-skills p{
    margin-bottom:20px
}
.candidate-main-content .field-award p:last-child,.candidate-main-content .field-candidate-information p:last-child,.candidate-main-content .field-description p:last-child,.candidate-main-content .field-education p:last-child,.candidate-main-content .field-experience p:last-child,.candidate-main-content .field-portfolio p:last-child,.candidate-main-content .field-skills p:last-child{
    margin-bottom:0
}
.candidate-main-content .field-award h3,.candidate-main-content .field-education h3,.candidate-main-content .field-experience h3{
    font-weight:700;
    font-size:24px;
    line-height:36px;
    margin-bottom:35px
}
.education-item,.experience-item{
    padding:40px 0;
    border-bottom:1px solid #eaeaea
}
@media only screen and (max-width:767px){
    .education-item,.experience-item{
        padding:20px 0
    }
}
.education-item:first-child,.experience-item:first-child{
    padding-top:0
}
.education-item:last-child,.experience-item:last-child{
    padding-bottom:0;
    border-bottom:0
}
@media only screen and (max-width:767px){
    .content-left{
        margin-bottom:15px
    }
}
.content-left h5{
    font-size:16px;
    line-height:22px;
    font-weight:600
}
.content-right h5{
    font-size:16px;
    line-height:22px;
    font-weight:600;
    text-transform:capitalize
}
.skill-tag li{
    display:inline-block
}
.skill-tag li a{
    background-color:#f2f5fc;
    padding:5px 15px;
    margin-right:3px;
    margin-bottom:5px;
    display:inline-block;
    border-radius:3px
}
.portfolio-list li{
    display:inline-block;
    margin-right:30px
}
@media only screen and (max-width:767px){
    .portfolio-list li{
        margin-right:15px
    }
}
@media only screen and (max-width:479px){
    .portfolio-list li{
        margin-right:10px;
        margin-bottom:10px
    }
}
.portfolio-list li:last-child{
    margin-right:0
}
.portfolio-list li a{
    display:block
}
@media only screen and (max-width:479px){
    .portfolio-list li a{
        width:60px
    }
}
.meta-field li{
    display:block;
    margin-bottom:10px
}
.meta-field li:last-child{
    margin-bottom:0
}
.meta-field li .meta-field-item div{
    display:inline-block
}
.meta-field li .meta-field-item .field-label i{
    width:40px;
    display:inline-block;
    font-size:16px;
    color:#4169e1;
    vertical-align:middle
}
.meta-field li .meta-field-item .field-label span{
    font-size:14px;
    line-height:24px;
    color:#333;
    font-weight:600;
    width:200px;
    display:inline-block
}
@media only screen and (max-width:479px){
    .meta-field li .meta-field-item .field-label span{
        width:120px
    }
}
.meta-field li .meta-field-item .field-value.rate{
    color:#ff2626;
    font-weight:600
}
.meta-field li .meta-field-item .field-value a{
    color:#4169e1
}
.mt--60{
    margin-top:-60px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mt--60{
        margin-top:0;
        padding-top:60px
    }
}
@media only screen and (max-width:767px){
    .mt--60{
        margin-top:0;
        padding-top:50px
    }
}
.mt--270{
    margin-top:-270px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .mt--270{
        margin-top:0;
        padding-bottom:80px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .mt--270{
        margin-top:0;
        padding-bottom:55px
    }
}
@media only screen and (max-width:767px){
    .mt--270{
        margin-top:0;
        padding-bottom:20px
    }
}
.funfact-wrap{
    width:100%
}
@media only screen and (max-width:767px){
    .funfact-wrap.d-flex{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-funfact{
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff
}
.single-funfact .icon-img{
    margin-right:20px
}
.single-funfact .funfact-content .counter{
    font-size:30px;
    font-weight:700;
    color:#333;
    line-height:36px;
    display:block
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-funfact .funfact-content .counter{
        font-size:28px
    }
}
.single-funfact .funfact-content .text{
    font-size:15px;
    line-height:26px;
    text-transform:uppercase;
    display:block
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-funfact .funfact-content .text{
        font-size:12px
    }
}
@media only screen and (max-width:767px){
    .single-funfact .funfact-content .text{
        font-size:14px
    }
}
.single-funfact.funfact-style-two{
    -webkit-box-flex:0;
    -ms-flex:0 0 15%;
    flex:0 0 15%;
    max-width:15%;
    padding:0 30px;
    border-right:1px solid #f1f1f1;
    border-bottom:0;
    background:0 0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-funfact.funfact-style-two{
        max-width:20%;
        -webkit-box-flex:0;
        -ms-flex:0 0 20%;
        flex:0 0 20%;
        padding:0 20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-funfact.funfact-style-two{
        max-width:30%;
        -webkit-box-flex:0;
        -ms-flex:0 0 30%;
        flex:0 0 30%;
        padding:0 20px
    }
}
@media only screen and (max-width:767px){
    .single-funfact.funfact-style-two{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        padding:0 20px;
        text-align:center;
        border-right:0;
        margin-bottom:20px
    }
}
.single-funfact.funfact-style-two.width-30{
    -webkit-box-flex:0;
    -ms-flex:0 0 30%;
    flex:0 0 30%;
    max-width:30%
}
@media only screen and (max-width:767px){
    .single-funfact.funfact-style-two.width-30{
        max-width:100%;
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%
    }
}
.single-funfact.funfact-style-two.width-100{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    padding:0
}
.single-funfact.funfact-style-two:last-child{
    border-right:0
}
@media only screen and (max-width:767px){
    .single-funfact.funfact-style-two .funfact-content{
        margin:0 auto
    }
}
.single-funfact.funfact-style-two .funfact-content .counter{
    font-size:34px;
    line-height:1.2;
    color:#4169e1
}
.single-funfact-style-4 .funfact-content .sub-text{
    font-size:16px;
    line-height:24px;
    font-weight:600;
    text-transform:uppercase;
    color:#000;
    margin-bottom:25px;
    display:block;
    max-width:150px
}
.single-funfact-style-4 .funfact-content .counter{
    margin-bottom:18px;
    color:#000;
    font-size:46px;
    font-weight:600;
    line-height:40px;
    display:block;
    margin-bottom:15px
}
@media only screen and (max-width:767px){
    .single-funfact-style-4 .funfact-content .counter{
        font-size:38px;
        line-height:38px
    }
}
.single-funfact-style-4 .funfact-content .text{
    font-size:15px;
    line-height:26px;
    text-transform:uppercase;
    display:block
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-funfact-style-4 .funfact-content .text{
        font-size:12px
    }
}
@media only screen and (max-width:767px){
    .single-funfact-style-4 .funfact-content .text{
        font-size:14px
    }
}
.single-work{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    padding:15px 0;
    overflow:hidden
}
.single-work .work-image{
    margin-right:40px;
    margin-top:10px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-work .work-image{
        margin-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-work .work-image{
        margin-right:15px
    }
}
@media only screen and (max-width:767px){
    .single-work .work-image{
        margin-right:15px
    }
}
.single-work .work-image .step{
    font-size:16px;
    font-weight:600;
    background:#fff;
    width:40px;
    line-height:40px;
    border-radius:50%;
    text-align:center;
    display:inline-block;
    position:absolute;
    top:10px;
    left:0
}
.single-work .work-content{
    padding-right:20px;
    width:70%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-work .work-content{
        width:90%;
        padding-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-work .work-content{
        padding-right:0
    }
}
@media only screen and (max-width:767px){
    .single-work .work-content{
        padding-right:0;
        width:90%
    }
}
.single-work .work-content .title{
    font-size:20px;
    font-weight:600;
    color:#000;
    margin-bottom:12px;
    line-height:1.6;
    text-transform:capitalize
}
@media only screen and (max-width:767px){
    .single-work .work-content .title{
        font-size:18px
    }
}
.single-work .work-content .title a{
    display:block
}
.single-work .work-content p{
    font-size:16px;
    line-height:26px;
    color:#888
}
.simple-work{
    border-style:solid;
    border-width:0 1px 0 0;
    border-color:#e2e2e2;
    padding:85px 68px 35px 15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .simple-work{
        padding:85px 15px 35px 0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .simple-work{
        padding:50px 0 0;
        border:none
    }
}
@media only screen and (max-width:767px){
    .simple-work{
        padding:50px 0 0;
        border:none
    }
}
.work-video-image{
    background-color:#fff;
    background-image:url(../images/work/bk-video-popup.jpg);
    height:290px;
    background-size:auto;
    background-repeat:no-repeat;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:50px
}
.video-popup-content a{
    position:relative;
    display:inline-block;
    width:56px;
    height:56px;
    font-size:12px;
    text-align:center;
    color:#000;
    border:7px solid rgba(255,255,255,.3);
    border-radius:50%;
    overflow:hidden;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.video-popup-content a span{
    background-color:#fff
}
.single-list-work{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.single-list-work .work-icon{
    width:40px;
    margin-right:25px
}
.single-list-work .work-content .title{
    font-size:18px;
    line-height:31px;
    font-weight:600;
    margin-bottom:0
}
.single-list-work .work-content P{
    font-size:14px;
    line-height:23px
}
.video-left-content{
    padding-right:70px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .video-left-content{
        padding-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .video-left-content{
        padding-right:0;
        margin-bottom:30px
    }
}
@media only screen and (max-width:767px){
    .video-left-content{
        padding-right:0;
        margin-bottom:30px
    }
}
.video-left-content .title{
    color:#000;
    font-size:40px;
    font-weight:600;
    line-height:54px;
    letter-spacing:-2.5px;
    margin:0 0 30px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .video-left-content .title{
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .video-left-content .title{
        font-size:32px;
        line-height:40px;
        margin-bottom:20px
    }
}
.video-left-content p{
    margin-bottom:0
}
.video-area{
    position:relative;
    padding-top:10px
}
.video-area .video-img img{
    width:100%
}
.video-area .video-info{
    height:100%;
    position:absolute;
    bottom:0;
    width:100%;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.1)),to(rgba(0,0,0,.8)));
    background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.8) 100%);
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.8) 100%)
}
.video-area .video-info .video-popup-content{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.video-area .video-info .video-content{
    position:absolute;
    left:30px;
    bottom:30px
}
@media only screen and (max-width:767px){
    .video-area .video-info .video-content{
        left:5px;
        bottom:0
    }
}
.video-area .video-info .video-content .title{
    font-size:22px;
    line-height:24px;
    color:#fff;
    margin-bottom:5px;
    font-weight:400
}
@media only screen and (max-width:767px){
    .video-area .video-info .video-content .title{
        font-size:18px;
        line-height:1
    }
}
.video-area .video-info .video-content .sub-title{
    color:#fff
}
@media only screen and (max-width:767px){
    .video-area .video-info .video-content .sub-title{
        font-size:11px;
        line-height:1
    }
}
.testimonial-slider-four.slick-slider .slick-dots{
    width:100%;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin-top:50px
}
.testimonial-slider-four.slick-slider .slick-dots li{
    margin:0 5px
}
.testimonial-slider-four.slick-slider .slick-dots li button{
    display:block;
    padding:0;
    width:12px;
    height:12px;
    border:none;
    background-color:rgba(76,83,182,.25);
    text-indent:-9999px;
    border-radius:50px
}
.testimonial-slider-four.slick-slider .slick-dots li.slick-active button{
    background-color:#4169e1
}
.bg-image-testimonial{
    background-image:url(../images/bg/bk-banner-home-4-3.png);
    background-position:bottom right;
    background-repeat:no-repeat;
    background-size:60% auto;
    padding-top:300px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .bg-image-testimonial{
        padding-top:60px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .bg-image-testimonial{
        padding-top:40px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .bg-image-testimonial{
        padding-top:25px
    }
}
@media only screen and (max-width:767px){
    .bg-image-testimonial{
        padding-top:15px;
        background-position:-100% 0
    }
}
.single-testimonial{
    border:1px solid #e5e5e5;
    background-color:#fff
}
.single-testimonial.bg-offWhite{
    background-color:#f9f7f3
}
.single-testimonial.bg-offWhite .testimonial-author{
    background-color:#f9f7f3
}
.single-testimonial.bg-offWhite .testimonial-author .testimonial-avatar{
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden;
    margin-right:15px;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.single-testimonial.bg-offWhite .testimonial-author::after{
    display:none
}
.single-testimonial .testimonial-author{
    position:relative;
    padding:43px 40px 20px;
    background-color:#fafafa;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
@media only screen and (max-width:767px){
    .single-testimonial .testimonial-author{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:30px 25px 20px
    }
}
.single-testimonial .testimonial-author .testimonial-avatar{
    position:relative;
    z-index:1;
    margin-right:15px;
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.single-testimonial .testimonial-author .testimonial-meta{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.single-testimonial .testimonial-author .testimonial-meta .name{
    font-size:17px;
    line-height:25px;
    font-weight:600;
    margin:0 0 3px
}
.single-testimonial .testimonial-author .testimonial-meta .text{
    font-size:14px;
    color:#999
}
@media only screen and (max-width:767px){
    .single-testimonial .testimonial-author .testimonial-meta .text{
        line-height:18px
    }
}
.single-testimonial .testimonial-author .icon-quote{
    font-size:26px;
    -webkit-transform:translateY(-18px);
    -ms-transform:translateY(-18px);
    transform:translateY(-18px)
}
.single-testimonial .testimonial-author::after{
    position:absolute;
    content:"";
    bottom:0;
    left:0;
    width:100%;
    height:37px;
    background-color:#fff
}
@media only screen and (max-width:767px){
    .single-testimonial .testimonial-author::after{
        display:none
    }
}
.single-testimonial .testimonial-comment{
    padding:0 40px 52px
}
@media only screen and (max-width:767px){
    .single-testimonial .testimonial-comment{
        padding:20px 20px 30px
    }
}
.single-testimonial .testimonial-comment p{
    font-size:15px;
    line-height:25px;
    margin-bottom:0
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-left-content{
        margin-bottom:50px
    }
}
@media only screen and (max-width:767px){
    .testimonial-left-content{
        margin-bottom:50px
    }
}
.testimonial-left-content .title{
    color:#000;
    font-size:30px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:45px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .testimonial-left-content .title{
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .testimonial-left-content .title{
        font-size:24px;
        line-height:30px;
        margin-bottom:20px
    }
}
.testimonial-left-content p{
    font-size:16px;
    line-height:26px;
    margin-bottom:45px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .testimonial-left-content p br{
        display:none
    }
}
@media only screen and (max-width:767px){
    .testimonial-left-content p br{
        display:none
    }
}
.single-testimonial-two{
    border:1px solid #ddd;
    background-color:#fff;
    padding:37px 42px 31px 38px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
@media only screen and (max-width:767px){
    .single-testimonial-two{
        padding:20px
    }
}
.single-testimonial-two .item-box{
    margin-bottom:45px
}
.single-testimonial-two .item-box .item-avatar{
    width:60px;
    height:60px;
    overflow:hidden;
    border-radius:50%
}
.single-testimonial-two .item-box .item-star{
    color:#ffbf02;
    font-size:12px
}
.single-testimonial-two .item-box .item-star i{
    margin:0 -1px
}
.single-testimonial-two .item-comment{
    color:#000;
    font-size:20px;
    font-weight:600;
    line-height:1.5em;
    letter-spacing:-.5px;
    margin-bottom:35px;
    padding-bottom:32px;
    border-bottom:1px solid #e5e5e5;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
@media only screen and (max-width:767px){
    .single-testimonial-two .item-comment{
        font-size:15px;
        font-weight:500;
        margin-bottom:20px;
        padding-bottom:20px
    }
}
.single-testimonial-two .item-meta .name{
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    line-height:19px;
    margin:0
}
.single-testimonial-three{
    padding-top:50px
}
.single-testimonial-three .icon-quote{
    font-size:76px;
    font-weight:600;
    line-height:24px
}
.single-testimonial-three .item-comment p{
    font-size:22px;
    line-height:34px;
    color:#000;
    margin-bottom:42px;
    letter-spacing:-1px
}
.single-testimonial-three .item-box .item-avatar{
    width:50px;
    margin-right:22px
}
.single-testimonial-three .item-box .item-meta .name{
    font-size:16px;
    color:#000;
    margin:0 0 2px;
    font-weight:600
}
.bg_image-team{
    background-color:#fff;
    background-image:url(../images/bg/bk-candidate.png);
    background-position:center center;
    background-repeat:no-repeat
}
.single-team{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    border:1px solid transparent;
    border-radius:3px;
    padding:30px 15px;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.single-team .team-image{
    display:inline-block;
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    margin-bottom:25px
}
.single-team .team-content .team-title{
    font-size:20px;
    line-height:26px;
    font-weight:600;
    margin:0
}
.single-team .team-content .team-headline{
    color:#999;
    margin-bottom:17px
}
.single-team .item-box{
    border-top:1px solid #e5e5e5;
    padding-top:0;
    opacity:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.single-team .item-box .item-content .location{
    margin-bottom:15px;
    color:#444
}
.single-team .item-box .item-content .location i{
    margin-right:5px
}
.single-team .item-box .item-content .skills .skill-item{
    display:inline-block;
    padding:5px 8px;
    font-size:13px;
    line-height:initial;
    background-color:#eff1f8;
    border-radius:3px;
    margin-bottom:5px
}
.single-team .item-box .item-content .skills .skill-item a{
    display:block;
    color:#999
}
.single-team .item-box .item-content .skills .skill-item a:hover{
    color:#4169e1
}
.single-team:hover{
    border-color:#d0d0d0;
    background:#fff
}
.single-team:hover .team-content .team-title a{
    color:#4169e1
}
.single-team:hover .item-box{
    opacity:1;
    padding-top:15px;
    height:auto;
    visibility:visible
}
.single-team.team-style-two{
    position:relative;
    border-style:solid;
    border-width:0 1px 1px 0;
    border-color:#e5e5e5;
    border-radius:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.single-team.team-style-two .team-image{
    width:135px;
    height:135px
}
.single-team.team-style-two .team-content .team-title{
    font-weight:700
}
.single-team.team-style-two .team-content .team-headline{
    margin-bottom:0
}
.single-team.team-style-two .item-box{
    position:relative;
    z-index:1;
    border-top:0;
    padding-top:0;
    opacity:1;
    visibility:visible;
    height:100%
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover{
    margin-top:0;
    margin-left:0;
    padding-left:0
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover li{
    display:inline-block;
    padding:0 7px
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover li a{
    display:block;
    font-size:20px;
    color:#999
}
.single-team.team-style-two .item-box .team-info-social .social-link-hover li a:hover{
    color:#4169e1
}
.all-team{
    text-align:center
}
.all-team a{
    font-size:16px;
    color:#4169e1
}
.single-service .service-img{
    margin-bottom:30px
}
@media only screen and (max-width:767px){
    .single-service .service-img{
        margin-bottom:15px
    }
}
.single-service .service-img img{
    width:100%
}
.single-service .service-content .title{
    font-size:22px;
    line-height:40px;
    font-weight:700;
    text-transform:capitalize;
    margin-bottom:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-service .service-content .title{
        font-size:20px
    }
}
@media only screen and (max-width:767px){
    .single-service .service-content .title{
        font-size:18px;
        line-height:36px
    }
}
.single-service .service-content p{
    font-size:14px;
    line-height:24px;
    margin-bottom:15px
}
.single-service .service-content a{
    color:#4169e1
}
.single-banner{
    padding:9px 8px;
    border:1px solid #e0e0e0;
    border-radius:3px
}
.single-banner a{
    display:block
}
.single-banner a img{
    width:100%
}
.faq-border{
    border-top:1px solid #e0e0e0
}
.faq-wrapper{
    background-color:#fff;
    padding:40px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .faq-wrapper{
        padding:40px 20px
    }
}
@media only screen and (max-width:767px){
    .faq-wrapper{
        padding:40px 20px
    }
}
.faq-sidebar{
    margin-bottom:40px
}
@media only screen and (max-width:767px){
    .faq-sidebar{
        margin-bottom:20px
    }
}
.faq-sidebar .faq-sidebar-menu li{
    display:block
}
.faq-sidebar .faq-sidebar-menu li a{
    font-size:20px;
    font-weight:700;
    color:#333;
    margin-bottom:5px
}
.single-faq h5{
    font-size:18px;
    font-weight:600;
    line-height:27px;
    margin-bottom:10px
}
.single-faq p{
    margin-bottom:20px
}
.single-faq p a{
    color:#4169e1
}
.single-faq ul{
    margin-left:15px;
    margin-bottom:15px;
    padding-left:40px;
    list-style:inherit
}
@media only screen and (max-width:767px){
    .single-faq ul{
        padding-left:10px;
        margin-bottom:10px
    }
}
.single-faq ul li{
    margin-bottom:20px
}
.single-faq hr{
    background:-o-linear-gradient(right,currentColor calc(50% - 16px),transparent calc(50% - 16px),transparent calc(50% + 16px),currentColor calc(50% + 16px));
    background:linear-gradient(to left,currentColor calc(50% - 16px),transparent calc(50% - 16px),transparent calc(50% + 16px),currentColor calc(50% + 16px));
    background-color:rgba(0,0,0,0);
    background-color:transparent;
    border:none;
    height:1px;
    overflow:visible;
    position:relative;
    margin:30px 0
}
.single-faq hr::before{
    background:currentColor;
    content:"";
    display:block;
    height:24px;
    position:absolute;
    top:calc(50% - 12px);
    left:calc(50% - 7px);
    -webkit-transform:rotate(22.5deg);
    -ms-transform:rotate(22.5deg);
    transform:rotate(22.5deg);
    width:1px
}
.single-faq hr::after{
    background:currentColor;
    content:"";
    display:block;
    height:24px;
    position:absolute;
    top:calc(50% - 12px);
    right:calc(50% - 7px);
    -webkit-transform:rotate(22.5deg);
    -ms-transform:rotate(22.5deg);
    transform:rotate(22.5deg);
    width:1px
}
.faq-contact{
    text-align:center;
    padding-top:35px
}
.faq-contact p{
    color:#000;
    font-size:17px;
    font-weight:600
}
.faq-contact p a{
    color:#4169e1
}
.trending-keywords{
    margin-top:10px
}
.keywords{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.keywords.style-two .title{
    font-size:16px;
    color:#690;
    margin-right:10px;
    line-height:22px;
    padding:0;
    background-color:transparent;
    border-radius:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .keywords.style-two .title{
        margin-bottom:10px
    }
}
@media only screen and (max-width:767px){
    .keywords.style-two .title{
        margin-bottom:10px
    }
}
.keywords.style-two ul li a{
    font-size:13px;
    color:#999;
    padding:0 7px;
    border:1px solid #e4e5ec;
    border-radius:3px;
    margin-bottom:4px;
    line-height:22px;
    margin-right:0
}
.keywords.style-two ul li a:hover{
    color:#4169e1;
    border-color:#4169e1
}
.keywords.style-three ul li a{
    font-weight:500;
    color:#000;
    border-right:1px solid #e0e0e0;
    margin-right:6px;
    padding-right:10px
}
.keywords.style-three ul li:last-child a{
    border-right:none;
    margin-right:0;
    padding-right:0
}
.keywords .title{
    display:inline-block;
    color:#fff;
    font-weight:600;
    margin-right:24px;
    background-color:#4169e1;
    padding:5px 10px;
    border-radius:3px;
    line-height:1;
    font-size:14px
}
.keywords ul li{
    display:inline-block
}
.keywords ul li a{
    display:block;
    margin-right:24px;
    color:#fff;
    font-size:14px
}
@media only screen and (max-width:767px){
    .keywords ul li a{
        margin-right:20px
    }
}
.keywords ul li a:hover{
    text-decoration:underline
}
.login-register-form-area{
    padding:50px 50px 50px 50px;
    padding-bottom:110px;
    background-color:#fff;
    height:100%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .login-register-form-area{
        padding:30px 25px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .login-register-form-area{
        padding:30px 25px
    }
}
@media only screen and (max-width:767px){
    .login-register-form-area{
        padding:30px 25px
    }
}
.login-register-form-area .login-tab-menu{
    margin-bottom:25px
}
.login-register-form-area .login-tab-menu ul li{
    margin-right:40px
}
@media only screen and (max-width:767px){
    .login-register-form-area .login-tab-menu ul li{
        margin-right:20px
    }
}
.login-register-form-area .login-tab-menu ul li:last-child{
    margin-right:0
}
.login-register-form-area .login-tab-menu ul li a{
    font-size:30px;
    line-height:26px;
    color:#bbb;
    font-weight:700;
    letter-spacing:-1px
}
@media only screen and (max-width:767px){
    .login-register-form-area .login-tab-menu ul li a{
        font-size:22px
    }
}
.login-register-form-area .login-tab-menu ul li a.active,.login-register-form-area .login-tab-menu ul li a:hover{
    color:#000
}
.single-input{
    float:left;
    width:100%
}
.single-input label span{
    color:red;
    vertical-align:middle
}
.single-input input{
    width:100%;
    padding:10px 13px 10px 10px;
    border:1px solid #d1d3da;
    border-radius:3px;
    color:#444;
    margin-bottom:10px
}
.single-input textarea{
    width:100%;
    padding:10px;
    border:1px solid #d1d3da;
    border-radius:3px;
    color:#444;
    height:150px;
    margin-bottom:10px
}
.checkbox-input{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:14px;
    color:#333;
    font-weight:600;
    padding-top:15px;
    margin-bottom:25px
}
.checkbox-input label{
    padding-left:15px;
    display:block;
    margin-bottom:0;
    line-height:1
}
.register-account{
    padding:20px 0 20px;
    border-top:1px solid #ddd
}
.register-account label{
    display:inline;
    margin-left:8px;
    font-size:14px;
    line-height:1
}
.register-account label a{
    color:#4169e1
}
.divider{
    position:relative;
    width:100%;
    text-align:center;
    margin-bottom:25px
}
.divider .line{
    width:100%;
    background:#ddd;
    height:1px;
    display:inline-block
}
.divider .circle{
    font-size:16px;
    font-weight:400;
    line-height:30px;
    width:130px;
    height:35px;
    display:inline-block;
    color:rgba(29,32,39,.5);
    background-color:#fff;
    position:absolute;
    top:50%;
    left:38%;
    margin-top:-12px;
    margin-left:-18px;
    z-index:9
}
.login-instruction{
    padding:50px 160px 50px 90px;
    padding-bottom:110px;
    border-left:1px solid #ddd;
    background-color:#fff;
    height:100%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .login-instruction{
        padding:30px 25px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .login-instruction{
        padding:30px 25px;
        padding-top:0;
        border-left:none
    }
}
@media only screen and (max-width:767px){
    .login-instruction{
        padding:30px 25px;
        padding-top:0;
        border-left:none
    }
}
.login-instruction .login-instruction-content .title{
    font-size:24px;
    font-weight:700;
    line-height:36px;
    color:#000;
    margin-bottom:45px
}
@media only screen and (max-width:767px){
    .login-instruction .login-instruction-content .title{
        margin-bottom:20px
    }
}
.login-instruction .login-instruction-content p{
    margin-bottom:35px
}
@media only screen and (max-width:767px){
    .login-instruction .login-instruction-content p{
        margin-bottom:15px
    }
}
.login-instruction .login-instruction-content .list-reasons{
    padding-left:40px
}
@media only screen and (max-width:767px){
    .login-instruction .login-instruction-content .list-reasons{
        padding-left:25px
    }
}
.login-instruction .login-instruction-content .list-reasons li{
    position:relative;
    font-size:16px;
    font-weight:600;
    color:#000
}
.login-instruction .login-instruction-content .list-reasons li::before{
    width:7px;
    height:18px;
    position:absolute;
    display:block;
    top:1px;
    left:-35px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    border-width:0 1px 1px 0;
    content:"";
    border-style:solid;
    color:#4169e1
}
.login-instruction .login-instruction-content .sale-text{
    padding:15px 30px;
    background:#d8f9d2;
    border:3px dashed #4169e1;
    margin-top:60px;
    display:inline-block;
    font-weight:600;
    font-size:16px
}
@media only screen and (max-width:767px){
    .login-instruction .login-instruction-content .sale-text{
        margin-top:30px
    }
}
.skill-content{
    padding-right:150px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .skill-content{
        padding-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .skill-content{
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .skill-content{
        padding-right:0;
        margin-bottom:20px
    }
}
.skill-content .title{
    color:#000;
    font-size:40px;
    font-weight:600;
    line-height:54px;
    letter-spacing:-2.5px;
    margin:0 0 30px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .skill-content .title{
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .skill-content .title{
        font-size:30px;
        line-height:40px;
        margin-bottom:20px
    }
}
.skill-content p{
    margin-right:100px;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .skill-content p{
        margin-right:0
    }
}
.single-personal-skill{
    background-color:#fff;
    border-style:solid;
    border-width:0 1px 1px 0;
    border-color:#e5e5e5;
    padding:34px 38px 40px 36px
}
.single-personal-skill .skill-icon{
    margin-bottom:30px
}
.single-personal-skill .personal-skill-content .title{
    font-size:18px;
    line-height:30px;
    font-weight:600;
    margin-bottom:10px
}
.single-personal-skill .personal-skill-content p{
    font-size:14px;
    line-height:23px
}
.bg_image-recruit{
    background-image:url(../images/bg/recruit.png);
    background-position:50% 20%;
    background-repeat:no-repeat;
    background-size:initial
}
@media only screen and (min-width:768px) and (max-width:991px){
    .bg_image-recruit{
        background-image:url(../images/bg/bg_image--2.jpg);
        background-position:center center;
        background-repeat:repeat;
        background-size:contain
    }
}
@media only screen and (max-width:767px){
    .bg_image-recruit{
        background-image:url(../images/bg/bg_image--2.jpg);
        background-position:center center;
        background-repeat:repeat;
        background-size:contain
    }
}
.recruit-content .title{
    font-size:36px;
    text-transform:uppercase;
    line-height:1.2;
    font-weight:700;
    margin-bottom:5px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .recruit-content .title{
        font-size:28px
    }
}
@media only screen and (max-width:767px){
    .recruit-content .title{
        font-size:26px
    }
}
.recruit-content .sub-title{
    font-size:36px;
    font-weight:300;
    text-transform:uppercase;
    line-height:1.2;
    margin:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .recruit-content .sub-title{
        font-size:24px
    }
}
@media only screen and (max-width:767px){
    .recruit-content .sub-title{
        font-size:24px
    }
}
.recruit-content p{
    color:#666;
    font-size:16px;
    font-weight:400;
    line-height:26px;
    margin:28px 0 0
}
@media only screen and (max-width:767px){
    .recruit-content p{
        margin:18px 0 0
    }
}
.recruit-content .recruit-list{
    padding-top:30px
}
@media only screen and (max-width:767px){
    .recruit-content .recruit-list{
        padding-top:20px
    }
}
.recruit-content .recruit-list ul li{
    font-size:18px;
    font-weight:600;
    line-height:26px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .recruit-content .recruit-list ul li{
        font-size:16px;
        line-height:22px
    }
}
.recruit-content .recruit-list ul li:not(:first-child){
    margin-top:calc(10px/2)
}
.recruit-content .recruit-list ul li:not(:last-child){
    padding-bottom:calc(10px/2)
}
.recruit-content .recruit-list ul li .list-icon i{
    color:#4169e1;
    font-size:18px
}
.recruit-content .recruit-list ul li .list-text{
    color:#000;
    padding-left:10px
}
.recruit-content .recruit-action{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (max-width:479px){
    .recruit-content .recruit-action{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (max-width:479px){
    .recruit-content .recruit-action a{
        margin-right:0!important;
        margin-bottom:15px
    }
    .recruit-content .recruit-action a:last-child{
        margin-bottom:0
    }
}
.pricing-wrapper{
    background-color:#fff;
    padding:40px;
    padding-bottom:10px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .pricing-wrapper{
        padding:40px 20px;
        padding-bottom:10px
    }
}
@media only screen and (max-width:767px){
    .pricing-wrapper{
        padding:40px 20px;
        padding-bottom:10px
    }
}
.pricing-plan-section .row .col-lg-3:last-child .pricing-wrap .single-pricing{
    border-right:1px solid #e2e4ea
}
.title-featured{
    display:block;
    color:#4169e1;
    font-weight:700;
    font-size:14px;
    line-height:1.75em;
    padding:3px 8px;
    background-color:#d0f7cb;
    border-radius:3px 3px 0 0;
    width:100%;
    text-align:center
}
.pricing-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -ms-flex-line-pack:end;
    align-content:flex-end;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.single-pricing{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    padding:30px 22px 40px;
    border-style:solid;
    border-width:1px 0 1px 1px;
    border-color:#e2e4ea;
    background-color:#fff;
    text-align:center;
    min-height:563px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-pricing{
        padding:30px 17px 40px
    }
}
@media only screen and (max-width:575px){
    .single-pricing{
        border:1px solid #e2e4ea
    }
}
.single-pricing.recommended-pricing{
    background-color:#f2f5fc
}
.single-pricing .item-header{
    margin-bottom:35px
}
.single-pricing .item-header .title{
    font-size:22px;
    line-height:33px;
    font-weight:700;
    margin-bottom:0
}
.single-pricing .item-header .sub-title{
    color:#666
}
.single-pricing .price-table-tag{
    background-color:#f2f5fc;
    line-height:normal;
    padding:19px 10px 19px;
    margin-bottom:40px
}
.single-pricing .price-table-tag .price-tag{
    margin-bottom:2px
}
.single-pricing .price-table-tag .price-tag .pricing-price-amount{
    display:inline-block;
    font-size:40px;
    font-weight:700;
    color:#690;
    line-height:1
}
.single-pricing .price-table-tag .price-tag .pricing-price-amount .currency{
    position:relative;
    font-size:23px;
    top:-14px;
    right:-3px
}
.single-pricing .price-table-tag .price-tag .price-period{
    font-size:16px;
    color:#666
}
.single-pricing .price-table-feature{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.single-pricing .price-table-feature ul{
    line-height:initial
}
.single-pricing .price-table-feature ul li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:18px;
    text-align:left
}
.single-pricing .price-table-feature ul li:last-child{
    margin-bottom:0
}
.single-pricing .price-table-feature ul li i{
    color:#4169e1;
    margin-right:8px
}
.single-pricing .item_button{
    margin-top:40px
}
.action{
    width:calc(100% - 160px);
    margin:50px auto;
    margin-top:-55px;
    text-align:center
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .action{
        width:calc(100% - 135px)
    }
}
@media only screen and (max-width:767px){
    .action{
        display:none
    }
}
.action a{
    margin-right:12%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .action a{
        margin-right:85px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .action a{
        margin-right:35px
    }
}
.company-history-slider.slick-slider .slick-dots{
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:flex-center;
    -ms-flex-pack:flex-center;
    justify-content:flex-center;
    border-top:5px solid #ccc;
    width:calc(100% - 200px);
    margin:50px auto
}
@media only screen and (max-width:767px){
    .company-history-slider.slick-slider .slick-dots{
        width:100%;
        margin:0;
        margin-top:30px;
        border:none
    }
}
.company-history-slider.slick-slider .slick-dots li{
    margin-right:14%
}
@media only screen and (min-width:768px) and (max-width:991px){
    .company-history-slider.slick-slider .slick-dots li{
        margin-right:50px
    }
}
@media only screen and (max-width:767px){
    .company-history-slider.slick-slider .slick-dots li{
        margin-right:10px
    }
}
.company-history-slider.slick-slider .slick-dots li:last-child{
    margin-right:0
}
.company-history-slider.slick-slider .slick-dots li button{
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:16px;
    height:16px;
    background:#fff;
    float:left;
    margin-top:-3px;
    border-radius:50%
}
.company-history-slider.slick-slider .slick-dots li button::before{
    width:19px;
    height:19px;
    border:1px solid #d8d8d8;
    content:"";
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%
}
.company-history-slider.slick-slider .slick-dots li button::after{
    width:9px;
    height:9px;
    background:#d8d8d8;
    content:"";
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:50%;
    position:absolute;
    top:50%;
    left:50%
}
.company-history-slider.slick-slider .slick-dots li.slick-active button::before{
    border:1px solid #4169e1
}
.company-history-slider.slick-slider .slick-dots li.slick-active button::after{
    background:#4169e1
}
.single-company-history{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:56px 100px 41px;
    background-color:#f5f5f5
}
@media only screen and (min-width:768px) and (max-width:991px){
    .single-company-history{
        padding:56px 30px 41px
    }
}
@media only screen and (max-width:767px){
    .single-company-history{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:25px
    }
}
.single-company-history .item-avatar{
    margin-right:36px;
    margin-top:7px
}
.single-company-history .item-avatar img{
    border-radius:50%;
    min-width:90px
}
.single-company-history .item-meta{
    margin-bottom:10px
}
.single-company-history .item-meta .name{
    font-size:13px;
    font-weight:600;
    color:#4169e1;
    margin-bottom:10px
}
.single-company-history .item-meta .item-comment{
    color:#333;
    font-size:16px;
    font-weight:600
}
.single-sponsors{
    background-color:#fff;
    padding:60px 100px
}
@media only screen and (max-width:767px){
    .single-sponsors{
        padding:25px
    }
}
.single-sponsors .item-comment{
    color:#000;
    font-size:17px;
    font-weight:600;
    line-height:25px;
    letter-spacing:-.5px;
    padding-bottom:32px
}
@media only screen and (max-width:767px){
    .single-sponsors .item-comment{
        padding-bottom:20px
    }
}
.single-sponsors .item-meta .text{
    color:#807d7d
}
.single-sponsors .item-meta .text .name{
    font-size:15px;
    font-weight:700;
    color:#4169e1
}
.brand-title{
    text-align:center
}
.brand-title p{
    font-size:20px;
    text-transform:uppercase;
    letter-spacing:-.6px
}
.brand-title p span{
    color:#000
}
.brand-section .row .col-xl-2:last-child .single-brand.right-border{
    border-right:0
}
.brand-heading{
    padding:15px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .brand-heading{
        padding:0
    }
}
.brand-heading h3{
    color:#605e5e;
    font-size:28px;
    font-weight:700;
    text-transform:none;
    line-height:28px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .brand-heading h3{
        font-size:20px;
        line-height:24px
    }
}
@media only screen and (max-width:767px){
    .brand-heading h3{
        text-align:center
    }
}
.brand-heading h4{
    color:#999;
    font-size:16px;
    font-weight:700;
    line-height:20px;
    text-transform:uppercase;
    margin-bottom:0
}
@media only screen and (max-width:767px){
    .brand-heading h4{
        text-align:center
    }
}
.single-brand{
    padding:15px;
    text-align:center
}
.single-brand.right-border{
    border-style:solid;
    border-width:0 1px 0 0;
    border-color:#f1f1f1
}
@media only screen and (max-width:767px){
    .single-brand.right-border{
        border-right:0
    }
}
.single-brand a{
    display:block
}
.archive-shop-inner .nice-select{
    float:right;
    width:250px
}
.single-product .product-image{
    position:relative;
    margin:0 0 18px
}
.single-product .product-image a{
    display:block
}
.single-product .product-image a img{
    width:100%
}
.single-product .product-image .onsale{
    position:absolute;
    top:16px;
    left:16px;
    right:auto;
    margin:0;
    font-weight:600;
    font-size:14px;
    text-transform:uppercase;
    line-height:16px;
    text-align:center;
    color:#fff;
    background-color:#4169e1;
    padding:5px 10px;
    border-radius:4px
}
.single-product .product-image .add-to-cart{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    font-weight:600;
    font-size:16px;
    text-align:center;
    color:#333;
    text-transform:none;
    padding:0 20px;
    width:150px;
    height:46px;
    line-height:46px;
    background:#fff;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    border-radius:4px;
    margin:0 auto;
    visibility:hidden;
    opacity:0
}
.single-product .product-image .add-to-cart:hover{
    background-color:#4169e1;
    color:#fff
}
.single-product .product-content .title{
    font-size:20px;
    line-height:1.2;
    text-transform:none;
    margin:25px 0 15px;
    font-weight:700;
    padding:0
}
.single-product .product-content .ratting{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    margin-bottom:5px
}
.single-product .product-content .ratting i{
    font-size:14px;
    line-height:18px;
    margin-right:5px;
    color:#fab702
}
.single-product .product-content .price{
    line-height:1;
    margin:0
}
.single-product .product-content .price span.old{
    opacity:.5;
    display:inline-block;
    color:#666;
    font-size:16px;
    font-weight:400;
    text-decoration:line-through;
    margin-right:5px
}
.single-product .product-content .price span.new{
    font-size:18px;
    line-height:30px;
    color:#ff3434;
    font-weight:700
}
.single-product:hover .product-image .add-to-cart{
    -webkit-transform:translateY(-24px);
    -ms-transform:translateY(-24px);
    transform:translateY(-24px);
    visibility:visible;
    opacity:1
}
.product-details .product-inner .product-image-slider{
    margin-bottom:10px
}
.product-details .product-inner .product-image-slider .item a{
    display:block
}
.product-details .product-inner .product-thumb-slider{
    margin:-5px
}
.product-details .product-inner .product-thumb-slider .item{
    padding:5px
}
.product-details .product-inner .product-thumb-slider .item img{
    width:100%;
    border:1px solid #f1f2f3
}
.product-details .product-inner .content .title{
    font-size:38px;
    line-height:1;
    font-weight:700;
    margin:0 0 30px
}
@media only screen and (max-width:767px){
    .product-details .product-inner .content .title{
        font-size:28px;
        margin-bottom:15px
    }
}
.product-details .product-inner .content .price{
    line-height:1;
    margin-bottom:20px
}
.product-details .product-inner .content .price span.old{
    opacity:.5;
    display:inline-block;
    color:#666;
    font-size:16px;
    font-weight:400;
    text-decoration:line-through;
    margin-right:5px
}
.product-details .product-inner .content .price span.new{
    font-size:18px;
    line-height:30px;
    color:#ff3434;
    font-weight:700
}
.product-details .product-inner .content .actions{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:30px
}
.product-details .product-inner .content .actions .pro-qty{
    text-align:center;
    border:1px solid #eee
}
.product-details .product-inner .content .actions .pro-qty .qtybtn{
    height:42px;
    padding:0 10px;
    border:none;
    background-color:transparent
}
.product-details .product-inner .content .actions .pro-qty input{
    height:42px;
    width:50px;
    text-align:center;
    border-width:0 1px;
    border-style:solid;
    border-color:#eee;
    color:#666
}
.product-details .product-inner .content .actions .add-to-cart{
    font-size:16px;
    text-align:center;
    font-weight:600;
    color:#fff;
    text-transform:none;
    padding:0 20px;
    width:160px;
    height:46px;
    line-height:46px;
    background:#4169e1;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1);
    box-shadow:0 2px 2px rgba(0,0,0,.1);
    border-radius:4px;
    margin-left:10px
}
.product-details .product-inner .content .actions .add-to-cart:hover{
    background-color:#333
}
@media only screen and (max-width:479px){
    .product-details .product-inner .content .actions .add-to-cart{
        margin-left:0;
        margin-top:15px
    }
}
.product-details-tab-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -15px 30px
}
.product-details-tab-list li{
    padding:0 15px
}
.product-details-tab-list li a{
    line-height:1;
    display:block;
    font-size:24px;
    line-height:1.2;
    font-weight:700;
    color:#333;
    padding-bottom:5px;
    border-bottom:2px solid transparent;
    border-bottom-color:transparent;
    text-decoration:none
}
.product-details-tab-list li a.active{
    border-color:#4169e1
}
.review-form h4{
    font-size:18px;
    line-height:1.2;
    font-weight:600;
    margin-bottom:30px
}
.review-form input{
    width:100%;
    height:50px;
    border:1px solid #ece8eb;
    padding:5px 20px
}
.review-form textarea{
    width:100%;
    height:170px;
    border:1px solid #ece8eb;
    padding:10px 20px;
    resize:none
}
.ratting-wrap h5{
    font-size:16px;
    line-height:28px;
    font-weight:500;
    margin-bottom:15px
}
.ratting-wrap .ratting{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    margin-bottom:5px
}
.ratting-wrap .ratting i{
    font-size:14px;
    line-height:18px;
    margin-right:5px;
    color:#fab702
}
.cart-table .table{
    border-bottom:2px solid #333;
    margin:0
}
@media only screen and (max-width:767px){
    .cart-table .table{
        border-top:2px solid #333
    }
}
.cart-table .table thead{
    background-color:#333
}
@media only screen and (max-width:767px){
    .cart-table .table thead{
        display:none
    }
}
.cart-table .table thead tr th{
    text-align:center;
    border:none;
    font-size:16px;
    font-weight:600;
    color:#fff;
    padding:12px 20px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cart-table .table thead tr th{
        padding:12px 12px;
        min-width:200px
    }
}
.cart-table .table tbody tr td{
    text-align:center;
    border:none;
    padding:25px 20px;
    vertical-align:middle;
    border-bottom:1px solid #ddd
}
@media only screen and (max-width:767px){
    .cart-table .table tbody tr td{
        display:block;
        width:100%;
        max-width:none;
        padding:15px;
        text-align:left
    }
}
.cart-table td.pro-thumbnail,.cart-table th.pro-thumbnail{
    max-width:120px;
    min-width:100px;
    width:120px
}
@media only screen and (max-width:767px){
    .cart-table td.pro-thumbnail a,.cart-table th.pro-thumbnail a{
        width:120px
    }
}
.cart-table td.pro-title,.cart-table th.pro-title{
    min-width:200px
}
.cart-table td.pro-thumbnail a{
    display:block;
    border:1px solid #eee
}
.cart-table td.pro-thumbnail a img{
    width:100%;
    background-color:#f6f7f8
}
.cart-table td.pro-title a{
    font-size:16px;
    font-weight:600;
    color:#444
}
.cart-table td.pro-title a:hover{
    color:#4169e1
}
.cart-table td.pro-price span{
    display:block;
    font-size:15px;
    font-weight:600;
    color:#444
}
.cart-table td.pro-quantity .pro-qty{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    text-align:center;
    border:1px solid #eee
}
.cart-table td.pro-quantity .pro-qty .qtybtn{
    height:42px;
    padding:0 10px;
    border:none;
    background-color:transparent
}
.cart-table td.pro-quantity .pro-qty input{
    height:42px;
    width:50px;
    text-align:center;
    border-width:0 1px;
    border-style:solid;
    border-color:#eee;
    color:#444
}
.cart-table td.pro-subtotal span{
    display:block;
    font-size:15px;
    font-weight:600;
    color:#444
}
.cart-table td.pro-stock span.in-stock{
    font-size:14px;
    text-transform:capitalize;
    color:#30b878
}
.cart-table td.pro-stock span.out-stock{
    color:#eb3e32
}
.cart-table td.pro-remove a{
    display:block;
    font-weight:600;
    color:#444
}
.cart-table td.pro-remove a i{
    font-size:15px
}
.cart-table td.pro-remove a:hover{
    color:red
}
@media only screen and (max-width:767px){
    .cart-table td.pro-remove a{
        width:60px;
        text-align:center
    }
}
.calculate-shipping{
    margin-bottom:23px
}
.calculate-shipping h4{
    font-size:20px;
    line-height:23px;
    text-decoration:underline;
    text-transform:capitalize;
    font-weight:600;
    margin-bottom:30px
}
.calculate-shipping form .nice-select{
    width:100%;
    border-radius:0;
    height:55px;
    border:1px solid #999;
    line-height:40px;
    padding:9px 20px;
    color:#444;
    background-color:transparent
}
.calculate-shipping form input{
    width:100%;
    height:55px;
    border:1px solid #999;
    line-height:24px;
    padding:9px 20px;
    color:#444;
    color:#444;
    background-color:transparent
}
.calculate-shipping form input[type=submit]{
    font-weight:700;
    color:#333;
    background-color:#4169e1;
    border-color:#4169e1;
    width:140px
}
.calculate-shipping form input[type=submit]:hover{
    background-color:#333;
    border-color:#333;
    color:#4169e1
}
.discount-coupon h4{
    font-size:20px;
    line-height:23px;
    text-decoration:underline;
    text-transform:capitalize;
    font-weight:600;
    margin-bottom:30px
}
.discount-coupon form input{
    width:100%;
    height:55px;
    border:1px solid #999;
    line-height:24px;
    padding:9px 20px;
    color:#444;
    background-color:transparent
}
.discount-coupon form input[type=submit]{
    font-weight:700;
    color:#333;
    background-color:#4169e1;
    border-color:#4169e1;
    width:140px
}
.discount-coupon form input[type=submit]:hover{
    background-color:#333;
    border-color:#333;
    color:#4169e1
}
.cart-summary{
    float:right;
    max-width:410px;
    width:100%;
    margin-left:auto
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cart-summary{
        margin-left:0;
        max-width:100%
    }
}
@media only screen and (max-width:767px){
    .cart-summary{
        margin-left:0;
        max-width:100%
    }
}
.cart-summary .cart-summary-wrap{
    background-color:#f5f5f5;
    padding:45px 50px;
    margin-bottom:20px
}
@media only screen and (max-width:575px){
    .cart-summary .cart-summary-wrap{
        padding:25px 30px
    }
}
.cart-summary .cart-summary-wrap h4{
    font-size:20px;
    line-height:23px;
    text-decoration:underline;
    text-transform:capitalize;
    font-weight:600;
    margin-bottom:30px;
    color:#333
}
.cart-summary .cart-summary-wrap p{
    font-weight:600;
    line-height:23px;
    color:#333
}
.cart-summary .cart-summary-wrap p span{
    float:right
}
.cart-summary .cart-summary-wrap h2{
    border-top:1px solid #333;
    padding-top:9px;
    font-size:18px;
    line-height:23px;
    font-weight:600;
    color:#333;
    margin:0
}
.cart-summary .cart-summary-wrap h2 span{
    float:right
}
.cart-summary .cart-summary-button{
    overflow:hidden;
    width:100%
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cart-summary .cart-summary-button{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
@media only screen and (max-width:767px){
    .cart-summary .cart-summary-button{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
.cart-summary .cart-summary-button button{
    margin-top:10px;
    width:140px;
    border-radius:0;
    height:44px;
    line-height:24px;
    padding:9px 20px;
    margin-left:20px;
    float:right
}
@media only screen and (max-width:767px){
    .cart-summary .cart-summary-button button{
        padding:9px 16px
    }
}
.cart-summary .cart-summary-button button:last-child{
    margin-left:0
}
.cart-summary .cart-summary-button button.checkout-btn{
    color:#333;
    background-color:#4169e1;
    border-color:#4169e1
}
.cart-summary .cart-summary-button button:hover{
    background-color:#4169e1;
    border-color:#4169e1;
    color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cart-summary .cart-summary-button button{
        margin-left:0;
        margin-right:20px
    }
    .cart-summary .cart-summary-button button:last-child{
        margin-right:0
    }
}
@media only screen and (max-width:767px){
    .cart-summary .cart-summary-button button{
        margin-left:0;
        margin-right:10px
    }
    .cart-summary .cart-summary-button button:last-child{
        margin-right:0
    }
}
@media only screen and (max-width:575px){
    .cart-summary .cart-summary-button button{
        width:130px
    }
}
.checkout-title{
    font-size:20px;
    line-height:23px;
    text-decoration:underline;
    text-transform:capitalize;
    font-weight:600;
    margin-bottom:30px
}
.checkout-form label{
    display:block;
    font-size:14px;
    margin-bottom:12px;
    font-weight:600;
    text-transform:capitalize
}
.checkout-form .nice-select{
    width:100%;
    background-color:transparent;
    border:1px solid #999;
    border-radius:0;
    line-height:23px;
    padding:10px 20px;
    font-size:14px;
    height:45px;
    color:#444;
    margin-bottom:15px
}
.checkout-form input{
    width:100%;
    background-color:transparent;
    border:1px solid #999;
    border-radius:0;
    line-height:23px;
    padding:10px 20px;
    font-size:14px;
    color:#444;
    margin-bottom:15px
}
.checkout-form input[type=checkbox]{
    width:auto
}
.checkout-form .check-box{
    float:left;
    margin-right:70px
}
@media only screen and (max-width:575px){
    .checkout-form .check-box{
        margin-right:20px
    }
}
@media only screen and (max-width:479px){
    .checkout-form .check-box{
        margin-right:0;
        margin-bottom:10px
    }
}
.checkout-form .check-box:last-child{
    margin-right:0
}
.checkout-form .check-box input[type=checkbox]{
    display:none
}
.checkout-form .check-box input[type=checkbox]+label{
    position:relative;
    padding-left:30px;
    line-height:20px;
    font-size:14px;
    font-weight:400;
    color:#333;
    margin:0
}
.checkout-form .check-box input[type=checkbox]+label::before{
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    display:block;
    border:2px solid #999;
    content:"";
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.checkout-form .check-box input[type=checkbox]+label::after{
    position:absolute;
    left:0;
    top:0;
    display:block;
    content:"î ‚";
    font-family:Linearicons-Free;
    font-size:12px;
    line-height:20px;
    opacity:0;
    color:#333;
    width:20px;
    text-align:center;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.checkout-form .check-box input[type=checkbox]:checked+label::before{
    border:2px solid #333
}
.checkout-form .check-box input[type=checkbox]:checked+label::after{
    opacity:1
}
#shipping-form{
    display:none
}
.checkout-cart-total{
    background-color:#f5f5f5;
    padding:45px
}
@media only screen and (max-width:575px){
    .checkout-cart-total{
        padding:30px
    }
}
.checkout-cart-total h4{
    -ms-flex-preferred-size:18px;
    flex-basis:18px;
    line-height:23px;
    font-weight:600;
    color:#333
}
.checkout-cart-total h4:first-child{
    margin-top:0;
    margin-bottom:25px
}
.checkout-cart-total h4:last-child{
    margin-top:15px;
    margin-bottom:0
}
.checkout-cart-total h4 span{
    float:right;
    display:block
}
.checkout-cart-total ul{
    border-bottom:1px solid #333
}
.checkout-cart-total ul li{
    color:#333;
    font-size:14px;
    line-height:23px;
    font-weight:600;
    display:block;
    margin-bottom:16px
}
.checkout-cart-total ul li span{
    color:#333;
    float:right
}
.checkout-cart-total p{
    line-height:30px;
    font-weight:600;
    color:#333;
    padding:10px 0;
    border-bottom:1px solid #333;
    margin:0
}
.checkout-cart-total p span{
    float:right
}
.checkout-payment-method{
    background-color:#f5f5f5;
    padding:45px
}
@media only screen and (max-width:575px){
    .checkout-payment-method{
        padding:30px
    }
}
.single-method{
    margin-bottom:20px
}
.single-method:last-child{
    margin-bottom:0
}
.single-method input[type=radio]{
    display:none
}
.single-method input[type=radio]+label{
    position:relative;
    padding-left:30px;
    line-height:20px;
    font-size:14px;
    font-weight:400;
    color:#333;
    margin:0
}
.single-method input[type=radio]+label::before{
    position:absolute;
    left:0;
    top:0;
    width:20px;
    height:20px;
    display:block;
    border:2px solid #333;
    content:"";
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.single-method input[type=radio]+label::after{
    position:absolute;
    left:5px;
    top:5px;
    display:block;
    content:"";
    opacity:0;
    background-color:#4169e1;
    width:10px;
    text-align:center;
    height:10px;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.single-method input[type=radio]:checked+label::before{
    border:2px solid #4169e1
}
.single-method input[type=radio]:checked+label::after{
    opacity:1
}
.single-method input[type=checkbox]{
    display:none
}
.single-method input[type=checkbox]+label{
    position:relative;
    padding-left:30px;
    line-height:20px;
    font-size:14px;
    font-weight:400;
    color:#333;
    margin:0
}
.single-method input[type=checkbox]+label::before{
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    display:block;
    border:2px solid #333;
    content:"";
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.single-method input[type=checkbox]+label::after{
    position:absolute;
    left:4px;
    top:4px;
    display:block;
    content:"";
    opacity:0;
    background-color:#4169e1;
    width:8px;
    text-align:center;
    height:8px;
    -webkit-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.single-method input[type=checkbox]:checked+label::before{
    border:2px solid #4169e1
}
.single-method input[type=checkbox]:checked+label::after{
    opacity:1
}
.single-method p{
    display:none;
    margin-top:8px;
    color:#333;
    line-height:23px
}
.place-order{
    margin-top:40px;
    float:left
}
.blog-gallery-slider.slick-slider .slick-arrow{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:9;
    border:none;
    background-color:#fff;
    color:#fff;
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    text-align:center;
    opacity:1
}
.blog-gallery-slider.slick-slider .slick-arrow i{
    font-size:20px;
    line-height:20px;
    display:block;
    color:#333
}
.blog-gallery-slider.slick-slider .slick-arrow.slick-prev{
    left:20px
}
.blog-gallery-slider.slick-slider .slick-arrow.slick-next{
    right:20px
}
.blog-gallery-slider.slick-slider .slick-arrow:hover{
    border-color:#4169e1;
    background-color:#4169e1
}
.blog-gallery-slider.slick-slider .slick-arrow:hover i{
    color:#fff
}
.blog-gallery-slider.slick-slider:hover .slick-arrow.slick-prev{
    margin-left:0
}
.blog-gallery-slider.slick-slider:hover .slick-arrow.slick-next{
    margin-right:0
}
.blog-bg-image{
    background-color:#fff;
    background-image:url(../images/bg/blog-bg-4.png);
    background-position:-195px 0;
    background-repeat:no-repeat;
    background-size:auto
}
.single-blog{
    -webkit-box-shadow:0 0 10px 1px rgba(71,85,95,.08);
    box-shadow:0 0 10px 1px rgba(71,85,95,.08);
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    height:100%
}
.single-blog .blog-image{
    position:relative
}
.single-blog .blog-image .blog-cat{
    position:absolute;
    top:20px;
    left:20px;
    padding:0 7px;
    border-radius:3px;
    color:#fff;
    background-color:#4169e1
}
.single-blog .blog-image .blog-cat a{
    display:inline-block;
    font-weight:700;
    color:#fff;
    font-size:14px
}
.single-blog .blog-content{
    padding:25px 20px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-blog .blog-content{
        padding:25px 10px
    }
}
.single-blog .blog-content .title{
    font-size:19px;
    font-weight:600;
    line-height:28px
}
.single-blog .blog-content .blog-meta{
    margin-bottom:12px
}
.single-blog .blog-content .blog-meta p{
    position:relative;
    display:inline-block;
    margin:0 12px 0 0;
    padding-right:12px;
    font-size:14px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-blog .blog-content .blog-meta p{
        font-size:13px;
        margin:0 8px 0 0;
        padding-right:8px
    }
}
.single-blog .blog-content .blog-meta p i{
    margin-right:5px;
    color:#aaa;
    font-weight:600
}
.single-blog .blog-content .blog-meta p::after{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    width:1px;
    height:65%;
    background-color:#e5e5e5;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.single-blog .blog-content .blog-meta p:last-child{
    margin-right:0;
    padding-right:0
}
.single-blog .blog-content .blog-meta p:last-child::after{
    display:none
}
.single-blog .blog-content p{
    margin-bottom:20px
}
.single-blog .blog-content .read-more{
    font-size:15px;
    display:inline-block;
    line-height:24px;
    font-weight:600
}
.single-blog .blog-content .read-more i{
    font-size:10px;
    font-weight:700
}
.single-blog:hover{
    -webkit-box-shadow:0 0 20px 3px rgba(71,85,95,.2);
    box-shadow:0 0 20px 3px rgba(71,85,95,.2)
}
.blog-area{
    padding:85px 15px 50px 68px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .blog-area{
        padding:85px 0 50px 15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .blog-area{
        padding:20px 0 0
    }
}
@media only screen and (max-width:767px){
    .blog-area{
        padding:20px 0 0
    }
}
.single-list-blog{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid #e2e2e2;
    padding:20px 0
}
@media only screen and (max-width:767px){
    .single-list-blog{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.single-list-blog .blog-image{
    width:140px;
    margin-right:38px;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
@media only screen and (max-width:767px){
    .single-list-blog .blog-image{
        width:100%;
        margin-right:0;
        margin-bottom:15px
    }
}
.single-list-blog .blog-content .blog-meta{
    margin-bottom:8px
}
.single-list-blog .blog-content .blog-meta p{
    position:relative;
    display:inline-block;
    margin:0 12px 0 0;
    padding-right:12px;
    font-size:15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-list-blog .blog-content .blog-meta p{
        font-size:13px;
        margin:0 8px 0 0;
        padding-right:8px
    }
}
.single-list-blog .blog-content .blog-meta p i{
    margin-right:5px;
    color:#aaa;
    font-weight:600
}
.single-list-blog .blog-content .blog-meta p .author{
    color:#4169e1
}
.single-list-blog .blog-content .blog-meta p::after{
    position:absolute;
    content:"";
    right:0;
    top:50%;
    width:1px;
    height:65%;
    background-color:#e5e5e5;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.single-list-blog .blog-content .blog-meta p:last-child{
    margin-right:0;
    padding-right:0
}
.single-list-blog .blog-content .blog-meta p:last-child::after{
    display:none
}
.single-list-blog .blog-content .title{
    font-size:18px;
    font-weight:600;
    line-height:27px;
    margin-bottom:0
}
.blog-wrap .single-list-blog:last-child{
    border-bottom:none;
    padding-bottom:0
}
.all-articale{
    text-align:left;
    margin-top:30px
}
.all-articale a{
    color:#4169e1;
    display:block
}
.blog-wrapper{
    padding:40px;
    background-color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px){
    .blog-wrapper{
        padding-bottom:0
    }
}
@media only screen and (max-width:767px){
    .blog-wrapper{
        padding:40px 15px;
        padding-bottom:0
    }
}
.single-blog-post .blog-image{
    margin-bottom:30px
}
@media only screen and (max-width:767px){
    .single-blog-post .blog-image{
        margin-bottom:15px
    }
}
.single-blog-post .blog-content .post-meta{
    margin-bottom:25px
}
@media only screen and (max-width:767px){
    .single-blog-post .blog-content .post-meta{
        margin-bottom:15px
    }
}
.single-blog-post .blog-content .post-meta li{
    display:inline-block;
    margin-right:15px;
    padding-right:15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .single-blog-post .blog-content .post-meta li{
        margin-right:10px;
        padding-right:10px
    }
}
.single-blog-post .blog-content .post-meta li:last-child{
    margin-right:0;
    padding-right:0
}
.single-blog-post .blog-content .post-meta li .feature-post{
    color:#fff;
    padding:5px 10px;
    display:inline-block;
    border-radius:3px;
    line-height:16px;
    text-transform:capitalize;
    background:#ff2626;
    letter-spacing:.5px;
    position:relative;
    top:-1px
}
.single-blog-post .blog-content .post-meta li i{
    margin-right:5px
}
.single-blog-post .blog-content .post-meta li a{
    font-size:16px;
    line-height:30px;
    color:#444
}
.single-blog-post .blog-content .title{
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:20px
}
@media only screen and (max-width:767px){
    .single-blog-post .blog-content .title{
        font-size:24px;
        margin-bottom:10px
    }
}
.single-blog-post .blog-content .title-two{
    font-size:18px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:0
}
.single-blog-post .blog-content p{
    margin-bottom:25px
}
.single-blog-post .blog-content blockquote{
    padding:25px 25px 25px 40px;
    margin:40px 0;
    color:#333;
    border-left:4px solid #4169e1;
    background:#f5f5f5
}
.single-blog-post .blog-content blockquote p i{
    font-size:26px;
    padding-right:15px
}
.single-blog-post .blog-content .blog-dt-list{
    margin-left:15px;
    margin-bottom:15px;
    padding-left:40px;
    list-style:inherit
}
.post-tags{
    border:1px dashed #e2e4ea;
    border-left:none;
    border-right:none;
    padding:15px 0 10px
}
.post-tags ul li{
    display:inline-block;
    font-weight:700;
    font-size:16px;
    margin:0 5px 5px;
    color:#333;
    position:relative;
    top:2px
}
.post-tags ul li a{
    display:inline-block;
    color:#555;
    font-size:13px;
    font-weight:500;
    line-height:16px;
    border-radius:3px;
    padding:7px 12px;
    margin:0 5px 5px 0;
    background:#eff1f8
}
.post-tags ul li a:hover{
    color:#4169e1
}
.post-author-info{
    padding:50px 65px;
    border-radius:5px;
    background:#f5f5f5;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .post-author-info{
        display:block;
        padding:25px
    }
}
.post-author-info .author-image{
    min-width:90px;
    margin-right:45px
}
@media only screen and (max-width:767px){
    .post-author-info .author-image{
        margin-right:0;
        margin-bottom:20px
    }
}
.post-author-info .author-image img{
    width:90px;
    border-radius:50%
}
.post-author-info .author-info .author-name{
    color:#222;
    font-size:18px;
    line-height:32px;
    font-weight:700;
    display:block;
    margin-bottom:8px
}
.post-author-info .author-info p{
    margin-bottom:0
}
.post-navigation{
    padding:40px 0;
    border-top:1px solid #e2e4ea;
    border-bottom:1px solid #e2e4ea
}
.post-navigation .prev-post a{
    display:inline-block;
    font-size:16px;
    color:#333;
    font-weight:600
}
.post-navigation .prev-post a .text{
    display:block;
    text-transform:uppercase;
    color:#999;
    font-size:14px;
    font-weight:400;
    margin-bottom:10px
}
.post-navigation .prev-post a .text i{
    margin-right:15px
}
.post-navigation .prev-post a .title{
    line-height:1.3;
    display:inline-block;
    word-break:break-word
}
.post-navigation .prev-post a:hover{
    text-decoration:none
}
.post-navigation .prev-post a:hover .title{
    color:#4169e1
}
.post-navigation .next-post a{
    display:inline-block;
    font-size:16px;
    color:#333;
    font-weight:600;
    text-align:right
}
.post-navigation .next-post a .text{
    display:block;
    text-transform:uppercase;
    color:#999;
    font-size:14px;
    font-weight:400;
    margin-bottom:10px
}
.post-navigation .next-post a .text i{
    margin-left:15px
}
.post-navigation .next-post a .title{
    line-height:1.3;
    display:inline-block;
    word-break:break-word
}
.post-navigation .next-post a:hover{
    text-decoration:none
}
.post-navigation .next-post a:hover .title{
    color:#4169e1
}
.related-post{
    padding-bottom:30px;
    border-bottom:1px solid #e2e4ea
}
.related-post .title{
    font-size:24px;
    line-height:36px;
    font-weight:700;
    text-align:center;
    margin-bottom:35px
}
.mt--275{
    margin-top:-275px
}
.height-100vh{
    height:100vh
}
.bg-image-cta{
    background-image:url(../images/bg/Vector-Smart-Object3.png);
    background-position:232px 0;
    background-repeat:no-repeat;
    padding-bottom:420px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .bg-image-cta{
        padding-bottom:100px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .bg-image-cta{
        padding-bottom:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .bg-image-cta{
        padding-bottom:0
    }
}
@media only screen and (max-width:767px){
    .bg-image-cta{
        padding-bottom:0
    }
}
.cta-info{
    text-align:center
}
.cta-info span{
    font-size:15px;
    line-height:28px;
    font-weight:400;
    text-transform:uppercase;
    margin-bottom:7px;
    display:block
}
.cta-info h3{
    font-size:35px;
    line-height:45px;
    font-weight:700;
    margin-bottom:15px
}
@media only screen and (max-width:767px){
    .cta-info h3{
        font-size:22px;
        line-height:28px
    }
}
.cta-info p{
    font-size:15px;
    line-height:24px
}
.cta-info a{
    margin:36px 0 40px
}
@media only screen and (max-width:767px){
    .cta-info a{
        margin:36px 0 20px
    }
}
.cta-info a i{
    font-size:23px;
    line-height:24px;
    margin-right:10px;
    vertical-align:middle
}
@media only screen and (min-width:768px) and (max-width:991px){
    .call-content{
        margin-bottom:30px
    }
}
@media only screen and (max-width:767px){
    .call-content{
        margin-bottom:30px
    }
}
.call-content .title{
    font-size:30px;
    text-transform:uppercase;
    color:#fff;
    line-height:1;
    font-weight:700;
    margin-bottom:15px
}
@media only screen and (max-width:767px){
    .call-content .title{
        font-size:26px
    }
}
.call-content .title span{
    font-weight:300
}
.call-content p{
    font-size:16px;
    line-height:1;
    color:#fff;
    margin-bottom:0
}
.cta-content .title{
    color:#000;
    font-size:44px;
    line-height:60px;
    letter-spacing:-2.5px;
    font-weight:700;
    margin-bottom:40px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .cta-content .title{
        font-size:38px;
        line-height:50px;
        margin-bottom:20px
    }
}
@media only screen and (max-width:767px){
    .cta-content .title{
        font-size:30px;
        line-height:40px;
        margin-bottom:20px
    }
}
.comment-wrapper .title{
    font-size:24px;
    line-height:36px;
    font-weight:700;
    text-align:center;
    margin-bottom:35px
}
.comment-form input{
    width:100%;
    border:1px solid #e2e4ea;
    padding:8px 20px;
    height:auto;
    line-height:30px;
    border-radius:4px
}
.comment-form textarea{
    width:100%;
    height:150px;
    border:1px solid #e2e4ea;
    padding:12px 20px;
    border-radius:4px;
    line-height:28px
}
.review-container .title{
    color:#333;
    font-size:24px;
    line-height:1.5;
    font-weight:700;
    margin-bottom:25px
}
.review-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border:1px solid #e2e2e2;
    padding:40px 35px 32px 40px
}
@media only screen and (max-width:767px){
    .review-content{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:20px
    }
}
.review-content .review-avatar{
    width:80px;
    height:80px;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    border-radius:50%;
    overflow:hidden
}
.review-content .review-details{
    width:100%;
    padding-left:40px
}
@media only screen and (max-width:767px){
    .review-content .review-details{
        padding-left:0;
        margin-top:20px
    }
}
.review-content .review-details .review-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media only screen and (max-width:767px){
    .review-content .review-details .review-title{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.review-content .review-details .review-title .title{
    font-size:18px;
    line-height:24px;
    font-weight:600;
    margin-bottom:0
}
.review-content .review-details .review-title .rate-content .star{
    color:#ffbf02
}
.review-content .review-details .review-title .rate-content .star i{
    font-size:13px;
    margin:0 -3px
}
.review-content .review-details .meta{
    margin-bottom:20px
}
.review-content .review-details .meta ul li{
    display:inline-block;
    line-height:18px;
    margin:0 10px 0 0;
    padding-right:10px;
    border-right:1px solid #ccc
}
.review-content .review-details .meta ul li:last-child{
    margin-right:0;
    padding-right:0;
    border-right:0
}
.review-content .review-details .review-des p{
    line-height:24px;
    margin-bottom:0
}
.sidebar-wrapper{
    padding:40px;
    background-color:#fff;
    float:left;
    width:100%
}
@media only screen and (max-width:767px){
    .sidebar-wrapper{
        padding:40px 15px
    }
}
.sidebar-wrapper-two{
    padding:30px 0;
    background-color:#fff;
    float:left;
    width:100%
}
.common-sidebar-widget{
    border-bottom:1px solid #eee;
    margin-bottom:45px;
    padding-bottom:45px;
    float:left;
    width:100%
}
@media only screen and (min-width:768px) and (max-width:991px){
    .common-sidebar-widget{
        margin-bottom:40px
    }
}
@media only screen and (max-width:767px){
    .common-sidebar-widget{
        margin-bottom:30px
    }
}
.common-sidebar-widget.sidebar-two{
    padding:0 30px;
    padding-bottom:25px;
    margin-bottom:25px
}
.common-sidebar-widget.sidebar-three{
    border-bottom:0;
    margin-bottom:30px;
    padding-bottom:25px
}
.common-sidebar-widget.sidebar-four{
    padding-bottom:25px;
    border-bottom:1px solid #eee
}
.common-sidebar-widget.sidebar-five{
    background-color:#f5f5f5;
    padding:27px;
    padding-bottom:27px!important
}
.common-sidebar-widget:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.sidebar-title{
    font-size:20px;
    line-height:30px;
    font-weight:700;
    margin-bottom:25px
}
.sidebar-search-form form{
    position:relative
}
.sidebar-search-form form input{
    width:100%;
    outline:0;
    border:1px solid #ddd;
    border-radius:5px;
    background-color:#fff;
    height:45px;
    padding:10px 85px 10px 15px
}
.sidebar-search-form form button{
    position:absolute;
    top:5px;
    right:5px
}
.sidebar-search-form-two .input-group{
    position:relative;
    width:100%;
    margin-bottom:10px
}
.sidebar-search-form-two .input-group input{
    width:100%;
    background:#fff;
    border:1px solid #d1d3da;
    border-radius:3px;
    padding:7px 16px 7px 35px;
    font-size:14px;
    line-height:30px;
    color:#999;
    font-weight:400
}
.sidebar-search-form-two .input-group i{
    position:absolute;
    width:auto;
    top:50%;
    left:16px;
    bottom:auto;
    right:auto;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#999
}
.sidebar-location-form .input-group{
    position:relative;
    width:100%;
    margin-bottom:10px
}
.sidebar-location-form .input-group input{
    width:100%;
    background:#fff;
    border:1px solid #ece8eb;
    border-radius:5px;
    padding:9px 45px 9px 16px;
    font-size:16px;
    line-height:30px;
    color:#1d2027
}
.sidebar-location-form .input-group i{
    position:absolute;
    top:17px;
    right:15px;
    line-height:16px;
    text-align:center;
    display:block;
    cursor:pointer
}
.sidebar-location-range .location-range{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:15px
}
.sidebar-location-range .location-range label{
    margin-bottom:0;
    margin-right:10px
}
.sidebar-location-range .location-range input{
    border:0;
    height:auto;
    padding:0;
    margin:0;
    line-height:1
}
.sidebar-location-range .ui-widget.ui-widget-content{
    height:5px;
    background:#e5e5e5;
    border:0
}
.sidebar-location-range .ui-widget-header{
    background-color:#4169e1
}
.sidebar-location-range .ui-slider-handle{
    background-color:#4169e1;
    min-width:18px;
    height:18px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    border:1px solid #4169e1;
    outline:0;
    top:-6px;
    margin-left:-6px;
    border-radius:50%;
    cursor:pointer;
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.sidebar-location-range .ui-slider-handle:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    height:10px;
    width:10px;
    background:#fff;
    border-radius:100%;
    opacity:1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.sidebar-list li{
    padding:4px 0
}
.sidebar-list li:last-child{
    padding-bottom:0
}
.sidebar-list li a{
    color:#333;
    display:block
}
.sidebar-list li a:hover{
    color:#4169e1
}
.sidebar-cbx-list li{
    margin-bottom:10px
}
.sidebar-cbx-list li:last-child{
    margin-bottom:0
}
.sidebar-cbx-list li .filter-name-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.sidebar-cbx-list li .filter-name-item label{
    font-size:13px;
    line-height:18px;
    font-weight:500;
    cursor:pointer;
    color:#333;
    padding-left:10px;
    margin-bottom:0
}
.sidebar-salary{
    overflow:hidden
}
.sidebar-salary #salary-range{
    position:relative;
    width:100%;
    height:5px;
    margin:7px 0;
    border-radius:50px;
    background-color:#e5e5e5;
    border:0
}
.sidebar-salary #salary-range .ui-slider-range{
    position:absolute;
    top:0;
    height:100%;
    background-color:#4169e1
}
.sidebar-salary #salary-range .ui-slider-handle{
    background-color:#4169e1;
    min-width:18px;
    height:18px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    border:1px solid #4169e1;
    outline:0;
    top:-6px;
    margin-left:-6px;
    border-radius:50%;
    cursor:pointer;
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.sidebar-salary #salary-range .ui-slider-handle:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    height:10px;
    width:10px;
    background:#fff;
    border-radius:100%;
    opacity:1;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.sidebar-salary .salary-range-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.sidebar-salary .salary-range-group label{
    margin-bottom:0;
    margin-right:10px;
    max-width:80px;
    -webkit-box-flex:0;
    -ms-flex:0 0 80px;
    flex:0 0 80px
}
.sidebar-salary .salary-range-group input{
    height:auto;
    padding:0;
    margin:0;
    width:auto;
    font-size:16px;
    font-weight:600;
    color:#ff2626;
    border:none;
    background-color:transparent;
    display:block
}
.sidebar-job-apply .action-button{
    text-align:center
}
.sidebar-job-apply .action-button a{
    margin-bottom:20px
}
.sidebar-job-apply .action-button span{
    width:120px;
    font-weight:600;
    display:inline-block;
    margin-bottom:20px;
    z-index:10;
    position:relative;
    background:#fff;
    color:#4169e1
}
.sidebar-job-apply .action-button .line{
    height:1px;
    width:100%;
    background:#ccc;
    position:relative;
    top:-32px;
    z-index:9
}
.sidebar-job-share .job-share{
    text-align:center
}
.sidebar-job-share .job-share ul li{
    color:#4169e1;
    display:inline-block;
    position:relative;
    padding-left:15px;
    margin-left:8px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .sidebar-job-share .job-share ul li{
        margin-left:5px
    }
}
@media only screen and (max-width:767px){
    .sidebar-job-share .job-share ul li{
        padding-left:10px;
        margin-left:5px
    }
}
.sidebar-job-share .job-share ul li::after{
    position:absolute;
    content:"";
    left:0;
    top:50%;
    width:1px;
    height:65%;
    background-color:#ccc;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.sidebar-job-share .job-share ul li:first-child{
    padding-left:0;
    margin-left:0
}
.sidebar-job-share .job-share ul li:first-child::after{
    display:none
}
.sidebar-job-share .job-share ul li a{
    display:inline-block;
    font-weight:600
}
.sidebar-job-share .job-share ul li a i{
    font-size:16px;
    margin-right:5px;
    line-height:1;
    vertical-align:middle
}
.sidebar-job-share .job-share ul li:hover .social-share{
    top:100%;
    opacity:1;
    visibility:visible
}
.sidebar-job-share .job-share.candidate-action{
    text-align:right
}
@media only screen and (min-width:768px) and (max-width:991px){
    .sidebar-job-share .job-share.candidate-action{
        text-align:left;
        margin-top:15px
    }
}
@media only screen and (max-width:767px){
    .sidebar-job-share .job-share.candidate-action{
        text-align:left;
        margin-top:15px
    }
}
.sidebar-job-share .job-share.candidate-action>ul>li{
    padding-left:0;
    margin-left:0
}
@media only screen and (max-width:479px){
    .sidebar-job-share .job-share.candidate-action>ul>li{
        margin-bottom:5px
    }
}
.sidebar-job-share .job-share.candidate-action>ul>li::after{
    display:none
}
.sidebar-job-share .job-share.candidate-action>ul>li>a{
    display:inline-block;
    padding:8px 12px;
    font-weight:600;
    border-radius:3px;
    border:1px solid #4169e1;
    width:auto
}
.sidebar-job-share .job-share.candidate-action>ul>li>a:hover{
    background-color:#4169e1;
    color:#fff
}
.sidebar-job-share .job-share.candidate-action.color-white ul li a{
    border-color:#fff;
    color:#fff
}
.sidebar-job-share .job-share.candidate-action.color-white ul li a:hover{
    border-color:#4169e1
}
.social-share{
    position:absolute;
    top:120%;
    left:50%;
    width:120px;
    opacity:0;
    visibility:hidden;
    z-index:5;
    background-color:#f2f5fc;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    text-align:center;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.social-share::before{
    position:absolute;
    content:"";
    top:-5px;
    left:50%;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:5px solid #f2f5fc;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.social-share>li{
    display:inline-block!important;
    margin-right:12px;
    padding-left:0!important;
    margin-left:0!important
}
.social-share>li::after{
    display:none
}
.social-share>li:last-child{
    margin-right:0
}
.social-share>li a i{
    font-size:14px!important;
    line-height:1!important;
    margin-right:0!important
}
.social-share.candidate-share{
    background-color:#4169e1
}
.social-share.candidate-share::before{
    border-bottom:5px solid #4169e1
}
.social-share.candidate-share li a{
    color:#fff
}
.sidebar-meta-two{
    padding:30px 30px 35px;
    background-color:#ffffff;
}
.sidebar-contact .candidate-widget-wrap{
    padding:30px 25px;
    background-color:#f2f5fc
}
.sidebar-contact .candidate-widget-wrap .candidate-info{
    padding-bottom:20px;
    border-bottom:1px solid #eaeaea
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields{
    margin-bottom:15px
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li{
    display:block;
    padding:5px 0;
    margin-bottom:5px
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li:last-child{
    padding-bottom:0;
    margin-bottom:0
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li .field-title{
    font-size:14px;
    line-height:24px;
    font-weight:600;
    color:#333;
    width:110px;
    display:inline-block
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li a{
    color:#333
}
.sidebar-contact .candidate-widget-wrap .candidate-info .info-fields li.field-social .field-title{
    margin-bottom:10px
}
.sidebar-contact .candidate-widget-wrap .candidate-contact-form{
    padding-top:30px
}
.sidebar-contact .candidate-widget-wrap .candidate-contact-form .title{
    font-size:18px;
    line-height:20px;
    font-weight:600;
    margin-bottom:10px
}
.sidebar-contact .candidate-widget-wrap .candidate-contact-form .form-description{
    margin-bottom:20px
}
.social-all{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.social-all a{
    display:block
}
.social-all a i{
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    border-radius:3px;
    color:#fff;
    margin-right:8px;
    font-size:18px;
    display:inline-block
}
.social-all a.facebook i{
    background-color:#4867aa
}
.social-all a.twitter i{
    background-color:#1da1f2
}
.social-all a.linkedin i{
    background-color:#007bb6
}
.sidebar-search-letter .search-by-first-letter li{
    display:inline-block;
    width:16.666667%;
    margin-right:-3px;
    margin-left:-3px
}
.sidebar-search-letter .search-by-first-letter li a{
    padding:10px 3px;
    text-align:center;
    font-weight:600;
    color:#333;
    display:block;
    position:relative;
    z-index:0
}
.sidebar-search-letter .search-by-first-letter li a::before{
    content:"";
    position:absolute;
    width:calc(100% - 6px);
    height:calc(100% - 6px);
    top:3px;
    left:3px;
    border:1px solid #e0e0e0;
    z-index:-1;
    border-radius:3px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.sidebar-search-letter .search-by-first-letter li a:hover{
    color:#fff
}
.sidebar-search-letter .search-by-first-letter li a:hover::before{
    border-color:#4169e1;
    background-color:#4169e1
}
.job-employer-widget{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:30px;
    background-color:#f2f5fc
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-employer-widget{
        padding:15px
    }
}
@media only screen and (max-width:767px){
    .job-employer-widget{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding:15px
    }
}
.job-employer-widget .image{
    width:90px;
    height:90px;
    margin-right:30px;
    padding:10px;
    border:1px solid #e5e5e5;
    background-color:#fff;
    overflow:hidden
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .job-employer-widget .image{
        margin-right:20px
    }
}
@media only screen and (max-width:767px){
    .job-employer-widget .image{
        margin-right:0;
        margin-bottom:20px
    }
}
.job-employer-widget .content-box p{
    text-transform:uppercase;
    line-height:26px;
    margin-bottom:5px
}
.job-employer-widget .content-box .title{
    font-size:18px;
    line-height:24px;
    font-weight:600;
    margin-bottom:0
}
.job-employer-widget .content-box .title i{
    font-size:16px;
    color:#4169e1;
    margin-left:5px
}
.job-employer-widget .content-box .employer-rate{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.job-employer-widget .content-box .employer-rate .star{
    color:#ffbf02;
    margin-right:10px
}
.job-employer-widget .content-box .employer-rate .star i{
    font-size:13px;
    margin:0 -3px
}
.job-employer-widget.style-two{
    display:block
}
.job-employer-widget.style-two .image{
    width:100%;
    height:100%;
    margin-right:0;
    margin-bottom:25px
}
.job-employer-widget.style-two .content-box .title{
    font-size:20px;
    line-height:25px;
    margin-bottom:10px
}
.job-employer-widget.style-two .content-box p i{
    color:#4169e1
}
.job-employer-widget.style-two .content-box .company-size{
    text-transform:inherit
}
.job-employer-widget.style-two .content-box .employer-link{
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-weight:500;
    line-height:1.75em;
    padding:0 16px 0 11px;
    background-color:#4169e1;
    border-radius:3px;
    margin-top:15px
}
.sidbar-image a{
    display:block
}
.sidbar-image a img{
    width:100%
}
.sidebar-category .nice-select{
    border:1px solid #d1d3da;
    height:46px;
    line-height:44px
}
.sidebar-category .nice-select .list{
    max-height:250px;
    overflow-y:scroll;
    z-index:999
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .sidebar-category .nice-select .list{
        max-height:210px
    }
}
.compare-products-list{
    overflow:hidden
}
.compare-products-list ul{
    margin-bottom:20px
}
.compare-products-list ul li{
    display:block;
    padding:10px 0;
    border-bottom:1px solid #dfdfdf;
    overflow:hidden
}
.remove-compare{
    float:right;
    display:inline-block;
    padding-right:10px;
    float:right;
    display:inline-block
}
.clear-btn{
    float:left;
    height:35px;
    line-height:35px;
    display:inline-block
}
.compare-btn{
    float:right;
    height:40px;
    line-height:40px;
    padding:0 25px;
    text-transform:uppercase;
    font-size:13px
}
.sidebar-blog{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:20px 0;
    border-bottom:1px solid #eee
}
.sidebar-blog:last-child{
    padding-bottom:0;
    border-bottom:0
}
.sidebar-blog .image{
    max-width:90px;
    -webkit-box-flex:1;
    -ms-flex:1 0 90px;
    flex:1 0 90px
}
.sidebar-blog .image img{
    width:100%
}
.sidebar-blog .content{
    -webkit-box-flex:1;
    -ms-flex:1 0 calc(100% - 90px);
    flex:1 0 calc(100% - 90px);
    padding-left:20px
}
.sidebar-blog .content h5{
    font-size:15px;
    line-height:22px;
    font-weight:600;
    margin-bottom:0
}
.sidebar-blog .content p{
    margin-bottom:0
}
.sidebar-blog .content span{
    font-size:15px;
    display:block;
    line-height:16px;
    margin-bottom:10px
}
.sidebar-tag{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:-5px
}
.sidebar-tag li{
    margin-right:5px;
    margin-bottom:5px
}
.sidebar-tag li:last-child{
    margin-right:0;
    margin-bottom:0
}
.sidebar-tag li a{
    display:block;
    background-color:#eff1f8;
    padding:3px 12px;
    font-size:13px;
    font-weight:500;
    color:#555;
    border-radius:3px
}
.sidebar-tag li a:hover{
    color:#4169e1
}
.sidebar-product{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #e5e6e7
}
.sidebar-product:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.sidebar-product .image{
    max-width:80px;
    -webkit-box-flex:1;
    -ms-flex:1 0 80px;
    flex:1 0 80px
}
.sidebar-product .image img{
    width:100%;
    border:1px solid #f1f2f3
}
.sidebar-product .content{
    -webkit-box-flex:1;
    -ms-flex:1 0 calc(100% - 80px);
    flex:1 0 calc(100% - 80px);
    padding-left:15px
}
.sidebar-product .content .title{
    font-size:16px;
    line-height:1.5;
    margin-bottom:5px
}
.sidebar-product .content .price span.old{
    margin-left:10px;
    color:#444;
    text-decoration:line-through
}
.sidebar-product .content .ratting{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:5px
}
.sidebar-product .content .ratting i{
    font-size:12px;
    line-height:18px;
    margin-right:5px;
    color:#4169e1
}
.sidebar-product .content .ratting i:last-child{
    margin-right:0
}
.contact-map{
    width:100%;
    height:300px;
    border:none
}
.contact-wrapper{
    background-color:#fff;
    padding:40px;
    padding-bottom:10px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .contact-wrapper{
        padding:40px 20px;
        padding-bottom:10px
    }
}
@media only screen and (max-width:767px){
    .contact-wrapper{
        padding:40px 20px;
        padding-bottom:10px
    }
}
.contact-info .title{
    font-size:24px;
    line-height:1;
    font-weight:700;
    margin-bottom:30px
}
.contact-information .info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.contact-information .info .title{
    font-size:14px;
    font-weight:600;
    color:#000;
    margin-bottom:0;
    padding:0 10px 10px 0
}
.contact-information .info .text{
    font-weight:500;
    padding:0 10px 10px
}
.contact-information .info .text.phone{
    color:#4169e1;
    font-size:17px;
    font-weight:600
}
.social-icon li{
    display:inline-block;
    margin-right:5px
}
.social-icon li:last-child{
    margin-right:0
}
.social-icon li a{
    font-size:18px;
    line-height:1;
    padding:8px;
    text-align:center;
    border-radius:10%;
    color:#fff
}
.social-icon li a.facebook{
    background-color:#4867aa
}
.social-icon li a.twitter{
    background-color:#1da1f2
}
.social-icon li a.linkedin{
    background-color:#007bb6
}
.social-icon li a.youtube{
    background-color:#fe0000
}
.social-icon li a.google{
    background-color:#dd5144
}
.contact-form{
    padding:27px 31px 0;
    background-color:#f5f5f5
}
@media only screen and (max-width:767px){
    .contact-form{
        padding:27px 15px 0
    }
}
.contact-form form p{
    font-weight:500;
    margin-bottom:20px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .fb-60{
        padding-bottom:60px
    }
}
@media only screen and (max-width:767px){
    .fb-60{
        padding-bottom:60px
    }
}
.footer-widget .footer-logo{
    margin-bottom:35px
}
.footer-widget .footer-logo a{
    display:block
}
.footer-widget .title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:18px;
    line-height:30px;
    font-weight:700;
    margin-bottom:20px;
    color: #1f86ef;
}
.footer-widget .address{
    margin-bottom:10px;
    display:table;
    width:100%;
    color: #707f8c;
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .footer-widget .address{
        font-size:14px
    }
}
.footer-widget .address i{
    float:left;
    width:25px;
    line-height:inherit
}
.footer-widget .address span{
    float:left;
    width:calc(100% - 25px)
}
.footer-widget .email{
    margin-bottom:10px;
    display:table;
    width:100%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .footer-widget .email{
        font-size:14px
    }
}
.footer-widget .email i{
    float:left;
    width:25px;
    line-height:inherit
}
.color-normal{
    color: #707f8c;
}
.footer-widget .email span{
    float:left;
    width:calc(100% - 25px);
    color: #707f8c;
}
.footer-widget .phone{
    font-size:25px;
    font-weight:700;
    line-height:29px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .footer-widget .phone{
        font-size:20px;
        line-height:24px
    }
}
.footer-widget .phone.fz-17{
    font-size:17px;
    line-height:25px
}
.footer-widget .footer-widget-link ul li{
    padding:4px 0
}
.footer-widget .footer-widget-link ul li a{
    display:block
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .footer-widget .footer-widget-link ul li a{
        font-size:14px
    }
}
.newsletter p{
    margin-bottom:17px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .newsletter p{
        font-size:14px
    }
}
.newsletter .newsletter-form form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    line-height:54px;
    border:1px #e2e4ea solid;
    border-radius:4px;
    padding:5px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .newsletter .newsletter-form form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        border:none
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .newsletter .newsletter-form form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        border:none
    }
}
@media only screen and (max-width:767px){
    .newsletter .newsletter-form form{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        border:none
    }
}
.newsletter .newsletter-form form input{
    width:100%;
    line-height:44px;
    padding:0 15px;
    margin:0;
    border:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .newsletter .newsletter-form form input{
        height:44px;
        border:1px #e2e4ea solid;
        border-radius:4px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .newsletter .newsletter-form form input{
        height:44px;
        border:1px #e2e4ea solid;
        border-radius:4px
    }
}
@media only screen and (max-width:767px){
    .newsletter .newsletter-form form input{
        height:44px;
        border:1px #e2e4ea solid;
        border-radius:4px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .newsletter .newsletter-form form button{
        margin-top:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .newsletter .newsletter-form form button{
        margin-top:20px
    }
}
@media only screen and (max-width:767px){
    .newsletter .newsletter-form form button{
        margin-top:20px
    }
}
.footer-social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .footer-social{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.footer-social p{
    margin-bottom:0;
    margin-right:50px
}
@media only screen and (max-width:767px){
    .footer-social p{
        margin-right:5px
    }
}
.footer-social a{
    background:0 0;
    display:block;
    text-align:center;
    font-size:20px;
    line-height:1;
    padding-right:10px;
    margin-right:10px;
    border-right:1px #e5e5e5 solid
}
.footer-social a:last-child{
    padding-right:0;
    margin-right:0;
    border-right:none
}
.footer-social a:hover{
    color:#4169e1
}
.footer-nav ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media only screen and (max-width:767px){
    .footer-nav ul{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.footer-nav ul li{
    padding:4px 0;
    padding-right:15px;
    margin:0 15px 0 0;
    border-right:1px solid #e5e5e5;
    line-height:1
}
.footer-nav ul li:last-child{
    padding-right:0;
    margin-right:0;
    border-right:none
}
@media only screen and (max-width:575px){
    .footer-nav ul li{
        padding-right:5px;
        margin:0 5px 0 0
    }
}
.footer-nav ul li a{
    display:block
}
@media only screen and (max-width:767px){
    .copyright{
        text-align:center!important
    }
}
@media only screen and (max-width:767px){
    .copyright p{
        margin-bottom:15px
    }
}
.copyright p a{
    color:#4169e1
}
.copyright p a:hover{
    color:#4169e1
}
.error-404{
    text-align:center;
    color:#fff
}
.error-404 .text-404{
    background-image:url(../images/404/bg-title-404.png);
    background-position:center center;
    padding:180px 0;
    background-repeat:no-repeat;
    background-size:auto;
    margin-bottom:26px;
    margin-top:50px
}
.error-404 .text-label-404{
    max-width:540px;
    margin:0 auto 14px
}
.error-404 .text-label-404 h1{
    display:block;
    font-size:30px;
    line-height:1.9;
    font-weight:700;
    text-transform:uppercase
}
@media only screen and (max-width:575px){
    .error-404 .text-label-404 h1{
        font-size:26px;
        line-height:1.2
    }
}
@media only screen and (max-width:479px){
    .error-404 .text-label-404 h1{
        font-size:26px;
        line-height:1.2
    }
}
.error-404 .home-link{
    font-size:14px;
    color:#666;
    font-weight:500;
    line-height:21px;
    max-width:540px;
    margin:0 auto 30px
}
.error-404 .home-link a{
    color:#4169e1;
    display:inline
}
.search-404{
    max-width:470px;
    margin:0 auto
}
.search-404 .search-box{
    position:relative
}
.search-404 .search-box .top-search{
    background-color:#fff;
    border-radius:4px;
    padding:10px 145px 10px 20px;
    height:auto;
    line-height:inherit;
    color:#4a4a4a;
    width:100%;
    border:1px solid #d0d0d0
}
@media only screen and (max-width:479px){
    .search-404 .search-box .top-search{
        padding:10px 15px
    }
}
.search-404 .search-box .search-submit{
    font-size:14px;
    color:#fff;
    background-color:#4169e1;
    font-weight:600;
    position:absolute;
    height:calc(100% - 10px);
    right:5px;
    top:5px;
    padding:0 25px;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0;
    border-radius:4px
}
.search-404 .search-box .search-submit i{
    margin-right:5px;
    position:relative;
    top:1px;
    font-weight:700
}
@media only screen and (max-width:479px){
    .search-404 .search-box .search-submit{
        position:static;
        height:50px;
        width:100%;
        margin-top:10px
    }
}
.quick-view-modal-container{
    display:block!important;
    visibility:hidden;
    opacity:0;
    z-index:-1
}
.quick-view-modal-container.show{
    visibility:visible;
    opacity:1;
    z-index:99999
}
.quick-view-modal-container .modal-dialog{
    max-width:80%
}
@media only screen and (min-width:768px) and (max-width:991px){
    .quick-view-modal-container .modal-dialog{
        max-width:95%
    }
}
@media only screen and (max-width:767px){
    .quick-view-modal-container .modal-dialog{
        max-width:100%
    }
}
@media only screen and (max-width:575px){
    .quick-view-modal-container .modal-dialog{
        max-width:100%
    }
}
.quick-view-modal-container .modal-header{
    border:none;
    padding-bottom:0
}
.quick-view-modal-container .modal-header button{
    z-index:999
}
.quick-view-modal-container .modal-body{
    padding:30px 50px 70px 50px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .quick-view-modal-container .modal-body{
        padding:30px 30px 30px 30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .quick-view-modal-container .modal-body{
        padding:30px 30px 30px 30px
    }
}
@media only screen and (max-width:767px){
    .quick-view-modal-container .modal-body{
        padding:15px 15px 15px 15px
    }
}
@media only screen and (max-width:479px){
    .quick-view-modal-container .modal-body{
        padding:15px 15px 15px 15px
    }
}
.quick-view-modal-container .modal-content{
    border-radius:0;
    max-height:850px;
    overflow:auto
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
@media only screen and (max-width:767px){
    .quick-view-modal-container .modal-content{
        max-height:500px;
        overflow:auto
    }
}
.dashboard-sidebar{
    border-right:1px solid #e2e4ea;
    background-color:#fff;
    height:100%;
    -webkit-box-shadow:4px 0 5px -4px rgba(0,0,0,.2);
    box-shadow:4px 0 5px -4px rgba(0,0,0,.2);
    overflow:hidden
}
.dashboard-menu>ul{
    margin:40px 0 30px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .dashboard-menu>ul{
        margin-top:0
    }
}
@media only screen and (max-width:767px){
    .dashboard-menu>ul{
        margin-top:0
    }
}
.dashboard-menu>ul>li{
    width:100%;
    display:block;
    margin-top:15px;
    padding-bottom:20px;
    border-bottom:1px solid #efefef
}
.dashboard-menu>ul>li:last-child{
    padding-bottom:0;
    border-bottom:0
}
.dashboard-menu>ul>li h3{
    padding:12px 32px;
    font-size:14px;
    line-height:21px;
    font-weight:500;
    color:#aaa;
    text-transform:uppercase
}
.dashboard-menu>ul>li ul li{
    display:block;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.dashboard-menu>ul>li ul li a{
    padding:10px 25px;
    border-left:3px solid transparent;
    background-color:transparent;
    display:block;
    font-size:16px;
    line-height:30px;
    font-weight:500;
    color:#333
}
.dashboard-menu>ul>li ul li a i{
    font-size:18px;
    width:30px;
    color:#666;
    display:inline-block;
    position:relative;
    top:2px
}
.dashboard-menu>ul>li ul li a.active,.dashboard-menu>ul>li ul li a:hover{
    background-color:#f2f5fc;
    border-left-color:#4169e1;
    text-decoration:none
}
.dashboard-menu>ul>li ul li a.active i,.dashboard-menu>ul>li ul li a:hover i{
    color:#4169e1
}
.dashboard-main-inner{
    padding:45px 30px 72px;
    padding-bottom:30px
}
@media only screen and (max-width:767px){
    .dashboard-main-inner{
        padding:45px 15px 72px;
        padding-bottom:30px
    }
}
.bookmark-applications,.job-applications,.profile-applications,.submited-applications{
    border-radius:3px;
    overflow:hidden
}
.bookmark-applications .applications-heading,.bookmark-applications .bookmark-heading,.bookmark-applications .profile-applications-heading,.job-applications .applications-heading,.job-applications .bookmark-heading,.job-applications .profile-applications-heading,.profile-applications .applications-heading,.profile-applications .bookmark-heading,.profile-applications .profile-applications-heading,.submited-applications .applications-heading,.submited-applications .bookmark-heading,.submited-applications .profile-applications-heading{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:12px 28px;
    border-width:1px 1px 0;
    border-style:solid;
    border-color:#e2e4ea;
    background-color:#fff
}
@media only screen and (max-width:767px){
    .bookmark-applications .applications-heading,.bookmark-applications .bookmark-heading,.bookmark-applications .profile-applications-heading,.job-applications .applications-heading,.job-applications .bookmark-heading,.job-applications .profile-applications-heading,.profile-applications .applications-heading,.profile-applications .bookmark-heading,.profile-applications .profile-applications-heading,.submited-applications .applications-heading,.submited-applications .bookmark-heading,.submited-applications .profile-applications-heading{
        display:block
    }
}
.bookmark-applications .applications-heading h3,.bookmark-applications .bookmark-heading h3,.bookmark-applications .profile-applications-heading h3,.job-applications .applications-heading h3,.job-applications .bookmark-heading h3,.job-applications .profile-applications-heading h3,.profile-applications .applications-heading h3,.profile-applications .bookmark-heading h3,.profile-applications .profile-applications-heading h3,.submited-applications .applications-heading h3,.submited-applications .bookmark-heading h3,.submited-applications .profile-applications-heading h3{
    font-size:18px;
    line-height:40px;
    font-weight:600;
    margin:0;
    line-height:40px
}
.profile-applications-heading ul li{
    margin-right:30px
}
.profile-applications-heading ul li:last-child{
    margin-right:0
}
.profile-applications-heading ul li a{
    font-size:15px;
    line-height:1.9;
    font-weight:600;
    color:#666
}
.profile-applications-heading ul li a.active,.profile-applications-heading ul li a:hover{
    color:#333
}
.applications-main-block,.job-applications-main-block{
    background-color:#fff;
    border:1px solid #e2e4ea
}
.applications-main-block .applications-table,.applications-main-block .job-applications-table,.job-applications-main-block .applications-table,.job-applications-main-block .job-applications-table{
    padding-bottom:30px
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .applications-main-block .applications-table,.applications-main-block .job-applications-table,.job-applications-main-block .applications-table,.job-applications-main-block .job-applications-table{
        overflow-x:auto;
        padding-bottom:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .applications-main-block .applications-table,.applications-main-block .job-applications-table,.job-applications-main-block .applications-table,.job-applications-main-block .job-applications-table{
        overflow-x:auto;
        padding-bottom:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .applications-main-block .applications-table,.applications-main-block .job-applications-table,.job-applications-main-block .applications-table,.job-applications-main-block .job-applications-table{
        overflow-x:auto;
        padding-bottom:0
    }
}
@media only screen and (max-width:767px){
    .applications-main-block .applications-table,.applications-main-block .job-applications-table,.job-applications-main-block .applications-table,.job-applications-main-block .job-applications-table{
        overflow-x:auto;
        padding-bottom:0
    }
}
.applications-main-block .applications-table table,.applications-main-block .job-applications-table table,.job-applications-main-block .applications-table table,.job-applications-main-block .job-applications-table table{
    border:none;
    width:100%
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .applications-main-block .applications-table table,.applications-main-block .job-applications-table table,.job-applications-main-block .applications-table table,.job-applications-main-block .job-applications-table table{
        width:890px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .applications-main-block .applications-table table,.applications-main-block .job-applications-table table,.job-applications-main-block .applications-table table,.job-applications-main-block .job-applications-table table{
        width:890px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .applications-main-block .applications-table table,.applications-main-block .job-applications-table table,.job-applications-main-block .applications-table table,.job-applications-main-block .job-applications-table table{
        width:890px
    }
}
@media only screen and (max-width:767px){
    .applications-main-block .applications-table table,.applications-main-block .job-applications-table table,.job-applications-main-block .applications-table table,.job-applications-main-block .job-applications-table table{
        width:890px
    }
}
.applications-main-block .applications-table table thead tr th,.applications-main-block .job-applications-table table thead tr th,.job-applications-main-block .applications-table table thead tr th,.job-applications-main-block .job-applications-table table thead tr th{
    border-top:0;
    border-bottom:0;
    padding:22px 15px;
    font-size:14px;
    line-height:24px;
    font-weight:400;
    text-transform:uppercase;
    color:#666
}
.applications-main-block .applications-table table thead tr th:first-child,.applications-main-block .job-applications-table table thead tr th:first-child,.job-applications-main-block .applications-table table thead tr th:first-child,.job-applications-main-block .job-applications-table table thead tr th:first-child{
    padding-left:50px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .applications-main-block .applications-table table thead tr th:first-child,.applications-main-block .job-applications-table table thead tr th:first-child,.job-applications-main-block .applications-table table thead tr th:first-child,.job-applications-main-block .job-applications-table table thead tr th:first-child{
        padding-left:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .applications-main-block .applications-table table thead tr th:first-child,.applications-main-block .job-applications-table table thead tr th:first-child,.job-applications-main-block .applications-table table thead tr th:first-child,.job-applications-main-block .job-applications-table table thead tr th:first-child{
        padding-left:15px
    }
}
@media only screen and (max-width:767px){
    .applications-main-block .applications-table table thead tr th:first-child,.applications-main-block .job-applications-table table thead tr th:first-child,.job-applications-main-block .applications-table table thead tr th:first-child,.job-applications-main-block .job-applications-table table thead tr th:first-child{
        padding-left:15px
    }
}
.applications-main-block .applications-table table thead tr th:last-child,.applications-main-block .job-applications-table table thead tr th:last-child,.job-applications-main-block .applications-table table thead tr th:last-child,.job-applications-main-block .job-applications-table table thead tr th:last-child{
    padding-right:45px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .applications-main-block .applications-table table thead tr th:last-child,.applications-main-block .job-applications-table table thead tr th:last-child,.job-applications-main-block .applications-table table thead tr th:last-child,.job-applications-main-block .job-applications-table table thead tr th:last-child{
        padding-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .applications-main-block .applications-table table thead tr th:last-child,.applications-main-block .job-applications-table table thead tr th:last-child,.job-applications-main-block .applications-table table thead tr th:last-child,.job-applications-main-block .job-applications-table table thead tr th:last-child{
        padding-right:15px
    }
}
@media only screen and (max-width:767px){
    .applications-main-block .applications-table table thead tr th:last-child,.applications-main-block .job-applications-table table thead tr th:last-child,.job-applications-main-block .applications-table table thead tr th:last-child,.job-applications-main-block .job-applications-table table thead tr th:last-child{
        padding-right:15px
    }
}
.applications-main-block .applications-table table tbody tr,.applications-main-block .job-applications-table table tbody tr,.job-applications-main-block .applications-table table tbody tr,.job-applications-main-block .job-applications-table table tbody tr{
    border-left:3px solid transparent;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.applications-main-block .applications-table table tbody tr td,.applications-main-block .job-applications-table table tbody tr td,.job-applications-main-block .applications-table table tbody tr td,.job-applications-main-block .job-applications-table table tbody tr td{
    padding:10px 15px;
    font-size:14px;
    line-height:21px;
    color:#666;
    vertical-align:middle;
    border-bottom:1px solid #eee
}
.applications-main-block .applications-table table tbody tr td:first-child,.applications-main-block .job-applications-table table tbody tr td:first-child,.job-applications-main-block .applications-table table tbody tr td:first-child,.job-applications-main-block .job-applications-table table tbody tr td:first-child{
    padding-left:50px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .applications-main-block .applications-table table tbody tr td:first-child,.applications-main-block .job-applications-table table tbody tr td:first-child,.job-applications-main-block .applications-table table tbody tr td:first-child,.job-applications-main-block .job-applications-table table tbody tr td:first-child{
        padding-left:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .applications-main-block .applications-table table tbody tr td:first-child,.applications-main-block .job-applications-table table tbody tr td:first-child,.job-applications-main-block .applications-table table tbody tr td:first-child,.job-applications-main-block .job-applications-table table tbody tr td:first-child{
        padding-left:15px
    }
}
@media only screen and (max-width:767px){
    .applications-main-block .applications-table table tbody tr td:first-child,.applications-main-block .job-applications-table table tbody tr td:first-child,.job-applications-main-block .applications-table table tbody tr td:first-child,.job-applications-main-block .job-applications-table table tbody tr td:first-child{
        padding-left:15px
    }
}
.applications-main-block .applications-table table tbody tr td:last-child,.applications-main-block .job-applications-table table tbody tr td:last-child,.job-applications-main-block .applications-table table tbody tr td:last-child,.job-applications-main-block .job-applications-table table tbody tr td:last-child{
    padding-right:45px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .applications-main-block .applications-table table tbody tr td:last-child,.applications-main-block .job-applications-table table tbody tr td:last-child,.job-applications-main-block .applications-table table tbody tr td:last-child,.job-applications-main-block .job-applications-table table tbody tr td:last-child{
        padding-right:15px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .applications-main-block .applications-table table tbody tr td:last-child,.applications-main-block .job-applications-table table tbody tr td:last-child,.job-applications-main-block .applications-table table tbody tr td:last-child,.job-applications-main-block .job-applications-table table tbody tr td:last-child{
        padding-right:15px
    }
}
@media only screen and (max-width:767px){
    .applications-main-block .applications-table table tbody tr td:last-child,.applications-main-block .job-applications-table table tbody tr td:last-child,.job-applications-main-block .applications-table table tbody tr td:last-child,.job-applications-main-block .job-applications-table table tbody tr td:last-child{
        padding-right:15px
    }
}
.applications-main-block .applications-table table tbody tr td.application-job h3,.applications-main-block .job-applications-table table tbody tr td.application-job h3,.job-applications-main-block .applications-table table tbody tr td.application-job h3,.job-applications-main-block .job-applications-table table tbody tr td.application-job h3{
    margin-bottom:0
}
.applications-main-block .applications-table table tbody tr td.application-job h3 a,.applications-main-block .job-applications-table table tbody tr td.application-job h3 a,.job-applications-main-block .applications-table table tbody tr td.application-job h3 a,.job-applications-main-block .job-applications-table table tbody tr td.application-job h3 a{
    font-size:16px;
    font-weight:600;
    line-height:initial;
    display:inline-block;
    text-transform:capitalize
}
.applications-main-block .applications-table table tbody tr td.application-job .follow-meta p,.applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p,.job-applications-main-block .applications-table table tbody tr td.application-job .follow-meta p,.job-applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p{
    display:inline-block;
    margin:0;
    line-height:1;
    color:#666;
    font-size:14px;
    border-right:2px solid #e0e0e0;
    padding-right:10px;
    margin-right:5px
}
.applications-main-block .applications-table table tbody tr td.application-job .follow-meta p:last-child,.applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p:last-child,.job-applications-main-block .applications-table table tbody tr td.application-job .follow-meta p:last-child,.job-applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p:last-child{
    border-right:0
}
.applications-main-block .applications-table table tbody tr td.application-job .follow-meta p .value-rate,.applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p .value-rate,.job-applications-main-block .applications-table table tbody tr td.application-job .follow-meta p .value-rate,.job-applications-main-block .job-applications-table table tbody tr td.application-job .follow-meta p .value-rate{
    display:inline-block;
    color:#fff;
    font-weight:600;
    border-radius:3px;
    padding:1px 3px;
    background-color:#ffa302
}
.applications-main-block .applications-table table tbody tr td.status span,.applications-main-block .job-applications-table table tbody tr td.status span,.job-applications-main-block .applications-table table tbody tr td.status span,.job-applications-main-block .job-applications-table table tbody tr td.status span{
    display:inline-block;
    font-size:14px;
    line-height:20px;
    padding:0 7px;
    color:#fff;
    border-radius:3px
}
.applications-main-block .applications-table table tbody tr td.status span.pending,.applications-main-block .job-applications-table table tbody tr td.status span.pending,.job-applications-main-block .applications-table table tbody tr td.status span.pending,.job-applications-main-block .job-applications-table table tbody tr td.status span.pending{
    background-color:#ffa302
}
.applications-main-block .applications-table table tbody tr td.status span.rejected,.applications-main-block .job-applications-table table tbody tr td.status span.rejected,.job-applications-main-block .applications-table table tbody tr td.status span.rejected,.job-applications-main-block .job-applications-table table tbody tr td.status span.rejected{
    background-color:#ff2626
}
.applications-main-block .applications-table table tbody tr td.status span.approved,.applications-main-block .job-applications-table table tbody tr td.status span.approved,.job-applications-main-block .applications-table table tbody tr td.status span.approved,.job-applications-main-block .job-applications-table table tbody tr td.status span.approved{
    background-color:#4169e1
}
.applications-main-block .applications-table table tbody tr td.application-rating .star,.applications-main-block .job-applications-table table tbody tr td.application-rating .star,.job-applications-main-block .applications-table table tbody tr td.application-rating .star,.job-applications-main-block .job-applications-table table tbody tr td.application-rating .star{
    color:#ffbf02
}
.applications-main-block .applications-table table tbody tr td.application-rating .star i,.applications-main-block .job-applications-table table tbody tr td.application-rating .star i,.job-applications-main-block .applications-table table tbody tr td.application-rating .star i,.job-applications-main-block .job-applications-table table tbody tr td.application-rating .star i{
    font-size:13px;
    margin:0 -3px
}
.applications-main-block .applications-table table tbody tr td.download-cv a,.applications-main-block .job-applications-table table tbody tr td.download-cv a,.job-applications-main-block .applications-table table tbody tr td.download-cv a,.job-applications-main-block .job-applications-table table tbody tr td.download-cv a{
    color:#fff;
    border-color:#4c53b6;
    background-color:#4c53b6;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    line-height:1.2em;
    height:auto;
    padding:7px 10px;
    margin-right:5px;
    border-radius:3px
}
.applications-main-block .applications-table table tbody tr td.download-cv a i,.applications-main-block .job-applications-table table tbody tr td.download-cv a i,.job-applications-main-block .applications-table table tbody tr td.download-cv a i,.job-applications-main-block .job-applications-table table tbody tr td.download-cv a i{
    display:inline-block;
    margin-right:5px
}
.applications-main-block .applications-table table tbody tr td.open-job a,.applications-main-block .job-applications-table table tbody tr td.open-job a,.job-applications-main-block .applications-table table tbody tr td.open-job a,.job-applications-main-block .job-applications-table table tbody tr td.open-job a{
    color:#fff;
    border-color:#4c53b6;
    background-color:#4c53b6;
    display:inline-block;
    font-size:13px;
    font-weight:400;
    line-height:1.2em;
    height:auto;
    padding:7px 10px;
    border-radius:3px
}
.applications-main-block .applications-table table tbody tr td.open-job a i,.applications-main-block .job-applications-table table tbody tr td.open-job a i,.job-applications-main-block .applications-table table tbody tr td.open-job a i,.job-applications-main-block .job-applications-table table tbody tr td.open-job a i{
    display:inline-block;
    margin-right:5px
}
.applications-main-block .applications-table table tbody tr td.application-contact a,.applications-main-block .job-applications-table table tbody tr td.application-contact a,.job-applications-main-block .applications-table table tbody tr td.application-contact a,.job-applications-main-block .job-applications-table table tbody tr td.application-contact a{
    color:#fff;
    border-color:#4c53b6;
    background-color:#4c53b6;
    display:inline-block;
    font-size:13px;
    font-weight:400;
    line-height:1.2em;
    height:auto;
    padding:7px 10px;
    border-radius:3px
}
.applications-main-block .applications-table table tbody tr td.application-contact a i,.applications-main-block .job-applications-table table tbody tr td.application-contact a i,.job-applications-main-block .applications-table table tbody tr td.application-contact a i,.job-applications-main-block .job-applications-table table tbody tr td.application-contact a i{
    display:inline-block;
    margin-right:5px
}
.applications-main-block .applications-table table tbody tr td.view-application-pop a,.applications-main-block .job-applications-table table tbody tr td.view-application-pop a,.job-applications-main-block .applications-table table tbody tr td.view-application-pop a,.job-applications-main-block .job-applications-table table tbody tr td.view-application-pop a{
    color:#fff;
    border-color:#4c53b6;
    background-color:#4c53b6;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    line-height:1.2em;
    height:auto;
    padding:7px 10px;
    margin-right:5px;
    border-radius:3px
}
.applications-main-block .applications-table table tbody tr td.view-application-pop a i,.applications-main-block .job-applications-table table tbody tr td.view-application-pop a i,.job-applications-main-block .applications-table table tbody tr td.view-application-pop a i,.job-applications-main-block .job-applications-table table tbody tr td.view-application-pop a i{
    display:inline-block;
    margin-right:5px
}
.applications-main-block .applications-table table tbody tr td.view-application a,.applications-main-block .job-applications-table table tbody tr td.view-application a,.job-applications-main-block .applications-table table tbody tr td.view-application a,.job-applications-main-block .job-applications-table table tbody tr td.view-application a{
    color:#4169e1
}
.applications-main-block .applications-table table tbody tr td.application-query a,.applications-main-block .job-applications-table table tbody tr td.application-query a,.job-applications-main-block .applications-table table tbody tr td.application-query a,.job-applications-main-block .job-applications-table table tbody tr td.application-query a{
    color:#4169e1
}
.applications-main-block .applications-table table tbody tr td.application-id a,.applications-main-block .job-applications-table table tbody tr td.application-id a,.job-applications-main-block .applications-table table tbody tr td.application-id a,.job-applications-main-block .job-applications-table table tbody tr td.application-id a{
    color:#4169e1
}
.applications-main-block .applications-table table tbody tr td.application-status span,.applications-main-block .job-applications-table table tbody tr td.application-status span,.job-applications-main-block .applications-table table tbody tr td.application-status span,.job-applications-main-block .job-applications-table table tbody tr td.application-status span{
    font-size:16px;
    line-height:30px;
    margin-left:10px
}
.applications-main-block .applications-table table tbody tr td.application-status span.hold,.applications-main-block .job-applications-table table tbody tr td.application-status span.hold,.job-applications-main-block .applications-table table tbody tr td.application-status span.hold,.job-applications-main-block .job-applications-table table tbody tr td.application-status span.hold{
    color:#c0c
}
.applications-main-block .applications-table table tbody tr td.application-status span.paid,.applications-main-block .job-applications-table table tbody tr td.application-status span.paid,.job-applications-main-block .applications-table table tbody tr td.application-status span.paid,.job-applications-main-block .job-applications-table table tbody tr td.application-status span.paid{
    color:#4169e1
}
.applications-main-block .applications-table table tbody tr td.application-status span.reject,.applications-main-block .job-applications-table table tbody tr td.application-status span.reject,.job-applications-main-block .applications-table table tbody tr td.application-status span.reject,.job-applications-main-block .job-applications-table table tbody tr td.application-status span.reject{
    color:#ff2626
}
.applications-main-block .applications-table table tbody tr td.delete-application,.applications-main-block .job-applications-table table tbody tr td.delete-application,.job-applications-main-block .applications-table table tbody tr td.delete-application,.job-applications-main-block .job-applications-table table tbody tr td.delete-application{
    font-size:16px
}
.applications-main-block .applications-table table tbody tr:hover,.applications-main-block .job-applications-table table tbody tr:hover,.job-applications-main-block .applications-table table tbody tr:hover,.job-applications-main-block .job-applications-table table tbody tr:hover{
    border-left-color:#4c53b6;
    background-color:#f2f5fc
}
@media only screen and (min-width:1200px) and (max-width:1499px){
    .job-applications-table table{
        width:100%!important
    }
}
.bookmark-main-block{
    background-color:#fff;
    border:1px solid #e2e4ea
}
.bookmark-main-block .bookmark-table table{
    border:none;
    margin-bottom:0
}
.bookmark-main-block .bookmark-table table tbody tr{
    border-left:3px solid transparent;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.bookmark-main-block .bookmark-table table tbody tr:last-child td{
    border-bottom:0
}
.bookmark-main-block .bookmark-table table tbody tr td{
    padding:10px 15px;
    font-size:14px;
    line-height:21px;
    color:#666;
    vertical-align:middle;
    border-top:0;
    border-bottom:1px solid #eee
}
@media only screen and (max-width:767px){
    .bookmark-main-block .bookmark-table table tbody tr td{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.bookmark-main-block .bookmark-table table tbody tr td:first-child{
    padding-left:50px
}
@media only screen and (max-width:767px){
    .bookmark-main-block .bookmark-table table tbody tr td:first-child{
        padding-left:15px
    }
}
.bookmark-main-block .bookmark-table table tbody tr td:last-child{
    padding-right:45px
}
@media only screen and (max-width:767px){
    .bookmark-main-block .bookmark-table table tbody tr td:last-child{
        padding-right:15px
    }
}
.bookmark-main-block .bookmark-table table tbody tr td.delete-bookmark a{
    font-size:19px;
    line-height:1;
    color:#666
}
.bookmark-main-block .bookmark-table table tbody tr td.delete-bookmark a:hover{
    color:#4169e1
}
.bookmark-main-block .bookmark-table table tbody tr:hover{
    border-left-color:#4c53b6;
    background-color:#f2f5fc
}
.notifications-applications{
    height:100%;
    border:1px solid #efefef;
    border-radius:3px;
    background:#fff
}
.notifications-applications .notifications-heading{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:12px 28px;
    border-bottom:1px solid #e2e4ea;
    background-color:#fff
}
@media only screen and (max-width:767px){
    .notifications-applications .notifications-heading{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.notifications-applications .notifications-heading h3{
    font-size:18px;
    line-height:40px;
    font-weight:600;
    margin:0;
    line-height:40px
}
.notifications-main-block .notification-listing .empty{
    padding:4px 30px
}
.notifications-main-block .notification-listing .empty h3{
    font-size:28px;
    line-height:42px;
    font-weight:700;
    margin-top:15px
}
.messages-heading{
    background:#fff;
    border-right:1px solid #e5e5e5;
    height:600px
}
.message-fields-form{
    padding:15px 28px 14px;
    border-bottom:1px solid #e2e4ea;
    float:left;
    width:100%
}
.message-fields-form .message-form{
    position:relative;
    float:left;
    width:100%;
    margin-top:10px
}
.message-fields-form .message-form.review-from{
    width:300px
}
@media only screen and (max-width:767px){
    .message-fields-form .message-form.review-from{
        width:250px
    }
}
.message-fields-form .message-form .search-btn{
    position:absolute;
    top:0;
    left:16px;
    padding:0;
    margin:0;
    border:none;
    background:0 0;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#999;
    font-size:14px;
    line-height:46px
}
.message-fields-form .message-form input{
    height:46px;
    line-height:44px;
    padding:0 16px 0 42px;
    border:1px solid #d0d0d0;
    border-radius:3px;
    width:100%;
    font-size:14px
}
.message-box-wrap{
    background:#fff;
    height:600px;
    padding-bottom:72px;
    position:relative
}
.message-box-wrap .message-reply{
    border-top:1px solid #dde0e7;
    padding:22px 70px;
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background:#fff
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .message-box-wrap .message-reply{
        padding:22px 30px
    }
}
@media only screen and (max-width:767px){
    .message-box-wrap .message-reply{
        padding:18px 15px
    }
}
.message-box-wrap .message-reply textarea{
    width:calc(100% - 150px);
    height:16px;
    padding:0;
    font-size:14px;
    line-height:16px;
    border:none;
    resize:none
}
@media only screen and (max-width:767px){
    .message-box-wrap .message-reply textarea{
        width:calc(100% - 100px)
    }
}
.message-box-wrap .message-reply .btn-actions{
    text-align:right
}
.profile-applications-main-block{
    background-color:#fff;
    border:1px solid #efefef;
    padding:55px 50px 80px;
    margin-bottom:30px
}
@media only screen and (max-width:767px){
    .profile-applications-main-block{
        padding:20px 15px 30px
    }
}
.cover-image{
    margin-left:-50px;
    margin-right:-50px;
    margin-bottom:50px
}
@media only screen and (max-width:767px){
    .cover-image{
        margin-left:-15px;
        margin-right:-15px
    }
}
.cover-image .image-preview{
    width:100%;
    height:250px;
    position:relative;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    background:#f5f5f5
}
.cover-image .image-preview .image-holder{
    position:absolute;
    top:auto;
    left:auto;
    right:20px;
    bottom:20px;
    -webkit-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:20px;
    border-radius:50%;
    text-align:center;
    color:#fff;
    background-color:#4c53b6
}
.cover-image .image-preview .image-holder label{
    width:40px;
    height:40px;
    cursor:pointer
}
.profile-avatar-upload{
    width:115px;
    height:115px;
    overflow:hidden;
    border-radius:50%;
    border:none;
    color:#90a0bc;
    text-align:center;
    font-size:30px;
    background-color:#e6ebf4;
    opacity:.5;
    background-size:cover;
    margin:auto;
    margin-bottom:30px
}
.profile-avatar-upload label{
    width:115px;
    height:115px;
    line-height:115px;
    cursor:pointer
}
.custom-width-group{
    position:relative;
    padding-bottom:10px;
    margin-bottom:30px;
    margin-top:35px;
    border-bottom:1px solid #efefef
}
.custom-width-group h3{
    font-size:18px;
    line-height:31px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:0
}
.custom-form-box{
    padding:20px 15px 5px 15px;
    border:1px solid #ece8eb;
    border-radius:5px;
    background:#f7f7fc;
    margin-bottom:20px
}
.add-more a{
    font-size:16px;
    font-weight:600;
    color:#4c53b6
}
.skill-cbx-list li{
    margin-bottom:10px
}
.skill-cbx-list li:last-child{
    margin-bottom:0
}
.skill-cbx-list li .filter-name-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.skill-cbx-list li .filter-name-item label{
    font-size:13px;
    line-height:18px;
    font-weight:500;
    cursor:pointer;
    color:#333;
    padding-left:10px;
    margin-bottom:0
}
.profile-upload{
    border:none;
    color:#90a0bc;
    text-align:center;
    font-size:30px;
    background-color:#e6ebf4;
    opacity:.5;
    background-size:cover;
    margin:auto
}
.profile-upload label{
    width:150px;
    height:150px;
    line-height:150px;
    cursor:pointer
}
.cv-upload label{
    font-size:14px;
    line-height:1;
    color:#666;
    text-transform:capitalize;
    border:1px solid #ccc;
    border-radius:4px;
    height:auto;
    padding:4px 15px;
    border-color:#d0d0d0;
    background-color:#eee;
    cursor:pointer
}
.quote-bx{
	background-image:url(../images/banner/pic4.jpg);
	background-size:cover;
	position:relative;
	border-radius:4px;
	box-shadow: 0 0 10px 0 rgba(0,24,128,0.1);
	padding: 30px 20px;
	z-index: 1;
	color:#fff;
}
.quote-bx:after{
	content:"";
	width:100%;
	height:100%;
	background-color:#000930;
	opacity:0.8;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	border-radius:4px;
}
.quote-bx h4{
	color:#fff;
    font-size: 24px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 700;
}
.quote-bx p{
	opacity:0.9;
    font-size:14px;
    line-height:15px;
}
.quote-info{
	z-index:2px;
	position:relative;
}
.fraud-alert-text {
    color: #000;
    background: #fccf72;
    padding: 12px 15px;
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 18px;
    border-radius: 2px;
  }
.dark-bg{
    background: #2a3646;
}




















.nice-select .list {
    top: 100%;
    max-height: 210px;
    overflow-y: scroll;
    margin-top: 5px;
    padding: 52px 0 0;
    border-top: 0;
    border-radius: 0 0 5px 5px;
  }
  .nice-select .list::-webkit-scrollbar {
    width: 0;
  }
  .nice-select .nice-select-search-box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    z-index: 8;
    top: 100%;
    left: 0;
    opacity: 0;
    width: 100%;
    margin-top: 5px;
    padding: 5px;
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -webkit-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    pointer-events: none;
    border-radius: 5px 5px 0 0;
    background: #FFF;
    -webkit-box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
            box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
  }
  .nice-select .nice-select-search {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100% !important;
    height: auto;
    min-height: 36px;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 7px 12px;
    vertical-align: middle;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 3px;
    outline: 0 !important;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
    line-height: 22px;
  }
  .nice-select.has-multiple {
    height: auto;
    min-height: 36px;
    padding: 7px 12px;
    white-space: inherit;
    line-height: 22px;
  }
  .nice-select.has-multiple span.current {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 0 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #EEE;
    font-size: 14px;
    line-height: 24px;
  }
  .nice-select.has-multiple .multiple-options {
    display: block;
    padding: 0;
    line-height: 24px;
  }
  .nice-select.open .nice-select-search-box {
    z-index: 10;
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    pointer-events: auto;
  }
.mailchimp-success{color:#fff !important;}
