/*
	Theme Name: Cariera
    Theme URI: http://themeforest.net/user/gnodesign/portfolio/
    Description: Cariera is a Clean and Professional Job Board Theme which will fit the needs to all Job Seekers and Employers. 
    Author: Gnodesign
	Author URI: http://themeforest.net/user/gnodesign/
    Version: 1.4.2
	License: ThemeForest
    License URI: http://themeforest.net/licenses
    Text Domain: cariera
    Domain Path: /lang/
*/

/*------------------------------------------------------------------
[Table of contents]


1.  ELEMENTS
    1.1.    BUTTONS
        1.1.1.  BUTTON COLORS
        1.1.2.  BACK TO TOP
    1.2.    SOCIAL MEDIA BUTTONS
        1.2.1.  SOCIAL MEDIA BUTTON COLORS
        1.2.2.  SOCIAL MEDIA SHARING
    1.3.    PRELOADER
        1.3.1.  PRELOADER EFFECT 1
        1.3.2.  PRELOADER EFFECT 2
        1.3.3.  PRELOADER EFFECT 3
    1.4.    PAGE HEADER
    1.5.    PRICING TABLES
    1.6.    COUNTERUP ITEMS
    1.7.    TESTIMONIAL CAROUSEL
    1.8.    LOGO CAROUSEL
    1.9.    JOB CATEGORIES
    1.10.   ICON BOX
    1.11.   COUNT DOWN
    1.12.   VC ELEMENTS OVERRIDES
    1.13.   COOKIE BAR - NOTICE
    1.14.   VIDEO MODAL
    1.15.   NEWSLETTER
    1.16.   TABS

2.  HEADERS - NAVIGATIONS
    2.1.    TOP HEADER BAR
    2.2.    VERSION 1 - DEFAULT
    2.3.    VERSION 2 - LOGO TOP
    2.4.    STICKY HEADER
    2.5.    MAIN NAVIGATION
    2.6.    DROPDOWN MENU
    2.7.    DROPDOWN SUBMENU
    2.8.    MEGA MENU
    2.9.    MENU ITEMS BADGES
    2.10.   MOBILE HAMBURGER MENU
    2.11.   EXTRA MENU - LOGIN, CART & SEARCH

3.  FOOTERS
    3.1.    FOOTER VERSION 1 - DEFAULT BACKGROUND IMAGE
    3.2.    FOOTER VERSION 2 - DARK SKIN
    3.3.    FOOTER VERSION 3 - LIGHT SKIN
    3.4.    FOOTER VERSION 4 - FIXED

4.  BLOG
    4.1.    BLOG LISTING
    4.2.    SINGLE BLOG POST
    4.3.    BLOG POST NAVIGATION
    4.4.    COMMENTS

5. JOBS
    5.1.    JOB & RESUME SEARCH FILTERS
        5.1.1.  DEFAULT SEARCH FILTERS
        5.1.2.  SEARCH BOX VERSION
        5.1.3.  JOB - RESUME SEARCH TABS
        5.1.4.  JOB - RESUME SIDEBAR SEARCH
    5.2.   JOB LISTING
        5.2.1.  LIST LAYOUT
        5.2.2.  GRID LAYOUT
        5.2.3.  INDEED & ZIPRECRUITER
        5.2.4.  JOB CAROUSEL
        5.2.6.  EXTRAS
    5.3.    SINGLE JOB
    5.4.    JOB - EMPLOYER DASHBOARD   
    5.5.    JOB ALERTS
    5.6.    SUBMIT JOB & RESUME
    5.7.    BOOKMARKS
    5.8.    PREVIEW PAGE
    5.9.    JOB & RESUME PAID LISTINGS
    5.10.   JOB APPLICATION
    5.11.   LISTING MAPS & STYLES

6. RESUMES
    6.1.    RESUME LISTING
        6.1.1.  RESUME CAROUSEL
    6.2.    SINGLE RESUME
    6.3.    RESUME DASHBOARD

7. COMPANIES
    7.1.    COMPANY LIST
    7.2.    COMPANY LISTING
        7.2.2.  COMPANY CAROUSEL
    7.3.    SINGLE COMPANY

8.  PAGES
    8.1.    404 - PAGE NOT FOUND
    8.2.    CONTACT US
    8.3.    HALF MAP

9. SECTIONS
    9.1.    HOME - JOB SEARCH
    9.2.    HOME - MAP SEARCH TEMPLATE

10. DASHBOARD
    10.1.   NAVIGATION
    10.2.   CONTENT
    10.3.   ELEMENTS

-------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------
    1. ELEMENTS
---------------------------------------------------------------------------- */

/* --------------------------------------
    1.1 Buttons
-------------------------------------- */

.btn {
    color: #fff !important;
    outline: none;
    min-width: 160px;
    padding: 15px 25px;
    position: relative;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    z-index: 1 !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.btn.active,
.btn:active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.btn:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.btn-round {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.btn-border {
    border: 2px solid #fff;
}

.btn-border.btn-main,
.btn-border.btn-secondary {
    background: none !important;
}

.btn-border.btn-main:hover,
.btn-border.btn-main:focus,
.btn-border.btn-secondary:hover,
.btn-border.btn-secondary:focus {
    background: #fff !important;
    border: 2px solid transparent;
}

.btn-small {
    min-width: 120px;
    padding: 10px 25px;
}

.btn-large {
    min-width: 200px;
    padding: 20px 25px;
    font-size: 16px;
}

.btn-main:hover,
.btn-secondary:hover,
.button:hover,
body .woocommerce a.button:hover,
body .woocommerce .button:hover {
    -webkit-filter: brightness(113%);
    filter: brightness(113%);
}

.btn-main i {
    position: relative;
    top: 2px;
    margin-left: 5px;
}

.file-upload-btn input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

.upload-btn i {
    padding-right: 5px
}

.button,
body .woocommerce a.button,
body .woocommerce .button,
a.post-edit-link,
a#vc_load-inline-editor,
input.submit-bookmark-button {
    outline: none;
    min-width: 160px;
    padding: 15px 25px !important;
    position: relative;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    border: 0;
    z-index: 1 !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

body .woocommerce a.button:hover,
body .woocommerce .button:hover {
    color: #fff;
}

/* button effect */
.btn-effect {
    overflow: hidden;
}

.ripple {
    width: 0;
    height: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: absolute;
    opacity: 1;
}

.rippleEffect {
    animation: rippleDrop .6s linear;
}

@keyframes rippleDrop {
    100% {
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -o-transform: scale(2.5);
        -ms-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
    }
}


/*** ====== 1.1.1 Button Colors ====== ***/

.btn-blue {
    background: #29b1fd;
}

.btn-blue:hover {
    background: #66c9ff;
}

.btn-green {
    background: #2ecc71;
}

.btn-green:hover {
    background: #4dd977;
}

.btn-purple {
    background: #443088;
}

.btn-purple:hover {
    background: #5c48a0;
}

.btn-orange {
    background: #e69d29;
}

.btn-orange:hover {
    background: #ecaf4f;
}

.btn-red {
    background: #db6131;
}

.btn-red:hover {
    background: #dc7f5a;
}

.btn-dark {
    background: #0c112a;
}

.btn-dark:hover {
    background: #293053;
}


/*** ====== 1.1.2 Back to Top Button ====== ***/

.back-top {
    position: fixed;
    opacity: 0;
    right: 0;
    bottom: 30px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    z-index: 1000;
    visibility: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 50px 0 rgba(68, 48, 136, 0.5);
    -moz-box-shadow: 0 0 50px 0 rgba(68, 48, 136, 0.5);
    box-shadow: 0 0 50px 0 rgba(68, 48, 136, 0.5);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.back-top:hover {
    -webkit-box-shadow: 0 0 0 0 rgba(68, 48, 136, 0);
    -moz-box-shadow: 0 0 0 0 rgba(68, 48, 136, 0);
    box-shadow: 0 0 0 0 rgba(68, 48, 136, 0);
}

.back-top i {
    line-height: 45px;
    color: #f6f6f6;
}

.back-top-visible {
    opacity: 1;
    right: 30px;
    visibility: visible;
}

/* --------------------------------------
    1.2 Social Media Buttons
-------------------------------------- */

.social-btn-roll {
    width: 35px;
    height: 35px;
    border: 1px solid #3b5998;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.social-btn-roll:hover .social-btn-roll-icons {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.social-btn-roll:hover .social-btn-roll-icon {
    color: #f6f6f6;
}

.social-btn-roll-icons {
    width: 200%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.social-btn-roll-icon {
    width: 50%;
    line-height: 35px !important;
    text-align: center;
    display: block;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/*** ====== 1.2.1 Social Media Button Colors ====== ***/

.social-btn-roll.facebook {
    border-color: #3b5998;
    color: #3b5998;
}

.social-btn-roll.facebook:hover {
    background: #3b5998;
}

.social-btn-roll.twitter {
    border-color: #4cc4f2;
    color: #4cc4f2;
}

.social-btn-roll.twitter:hover {
    background: #4cc4f2;
}

.social-btn-roll.google-plus {
    border-color: #dd4b39;
    color: #dd4b39;
}

.social-btn-roll.google-plus:hover {
    background: #dd4b39;
}

.social-btn-roll.instagram {
    border-color: #9b6954;
    color: #9b6954;
}

.social-btn-roll.instagram:hover {
    background: #9b6954;
}

.social-btn-roll.linkedin {
    border-color: #0077b5;
    color: #0077b5;
}

.social-btn-roll.linkedin:hover {
    background: #0077b5;
}

.social-btn-roll.rss {
    border-color: #ffa500;
    color: #ffa500;
}

.social-btn-roll.rss:hover {
    background: #ffa500;
}

.social-btn-roll.pinterest {
    border-color: #cb2027;
    color: #cb2027;
}

.social-btn-roll.pinterest:hover {
    background: #cb2027;
}

.social-btn-roll.tumblr {
    border-color: #32506d;
    color: #32506d;
}

.social-btn-roll.tumblr:hover {
    background: #32506d;
}

.social-btn-roll.github {
    border-color: #171515;
    color: #171515;
}

.social-btn-roll.github:hover {
    background: #171515;
}

.social-btn-roll.dribbble {
    border-color: #ec4a89;
    color: #ec4a89;
}

.social-btn-roll.dribbble:hover {
    background: #ec4a89;
}

.social-btn-roll.wordpress {
    border-color: #16a0ce;
    color: #16a0ce;
}

.social-btn-roll.wordpress:hover {
    background: #16a0ce;
}

.social-btn-roll.amazon {
    border-color: #ffa500;
    color: #ffa500;
}

.social-btn-roll.amazon:hover {
    background: #ffa500;
}

.social-btn-roll.dropbox {
    border-color: #007ee5;
    color: #007ee5;
}

.social-btn-roll.dropbox:hover {
    background: #007ee5;
}

.social-btn-roll.paypal {
    border-color: #03268c;
    color: #03268c;
}

.social-btn-roll.paypal:hover {
    background: #03268c;
}

.social-btn-roll.yahoo {
    border-color: #420294;
    color: #420294;
}

.social-btn-roll.yahoo:hover {
    background: #420294;
}

.social-btn-roll.flickr {
    border-color: #fd0d7e;
    color: #fd0d7e;
}

.social-btn-roll.flickr:hover {
    background: #fd0d7e;
}

.social-btn-roll.reddit {
    border-color: #ff4006;
    color: #ff4006;
}

.social-btn-roll.reddit:hover {
    background: #ff4006;
}

.social-btn-roll.vimeo {
    border-color: #63b4e4;
    color: #63b4e4;
}

.social-btn-roll.vimeo:hover {
    background: #63b4e4;
}

.social-btn-roll.spotify {
    border-color: #1dd069;
    color: #1dd069;
}

.social-btn-roll.spotify:hover {
    background: #1dd069;
}

.social-btn-roll.youtube {
    border-color: #e62117;
    color: #e62117;
}

.social-btn-roll.youtube:hover {
    background: #e62117;
}

.social-btn-roll.tumblr {
    border-color: #35465c;
    color: #35465c;
}

.social-btn-roll.tumblr:hover {
    background: #35465c;
}

.social-btn-roll.whatsapp {
    border-color: #128c7e;
    color: #128c7e;
}

.social-btn-roll.whatsapp:hover {
    background: #128c7e;
}

.social-btn-roll.vk {
    border-color: #5082b9;
    color: #5082b9;
}

.social-btn-roll.vk:hover {
    background: #5082b9;
}

.social-btn-roll.mail {
    border-color: #e74c3c;
    color: #e74c3c;
}

.social-btn-roll.mail:hover {
    background: #e74c3c;
}

/*** ====== 1.2.2 Social Media Sharing ====== ***/

#social-share-modal .social-btns {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

#social-share-modal .social-btns li {
    width: 33.3%;
    text-align: center;
    margin: 10px 0 15px 0;
}

#social-share-modal .social-btn {
    width: 40px;
    height: 40px;
    color: #fff;
    overflow: hidden;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#social-share-modal .social-btn:hover {
    box-shadow: 0 10px 20px rgba( 0, 0, 0, .15 );
    
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

#social-share-modal .social-btn-icon {
    width: 100%;
    line-height: 40px !important;
    text-align: center;
    display: block;
}

#social-share-modal .social-btns .title {
    font-size: 16px;
    margin: 0;
}

/*** Social Media Sharing Button Colors ***/

#social-share-modal .social-btn.facebook {
    background: #3b5998;
}

#social-share-modal .social-btn.twitter {
    background: #4cc4f2;
}

#social-share-modal .social-btn.google-plus {
    background: #dd4b39;
}

#social-share-modal .social-btn.instagram {
    background: #9b6954;
}

#social-share-modal .social-btn.linkedin {
    background: #0077b5;
}

#social-share-modal .social-btn.rss {
    background: #ffa500;
}

#social-share-modal .social-btn.pinterest {
    background: #cb2027;
}

#social-share-modal .social-btn.tumblr {
    background: #32506d;
}

#social-share-modal .social-btn.telegram {
    background: #0088cc;
}

#social-share-modal .social-btn.whatsapp {
    background: #128c7e;
}

#social-share-modal .social-btn.vk {
    background: #5082b9;
}

#social-share-modal .social-btn.mail {
    background: #e74c3c;
}

#social-share-modal .social-btn.github {
    background: #171515;
}

#social-share-modal .social-btn.dribbble {
    background: #ec4a89;
}

#social-share-modal .social-btn.wordpress {
    background: #16a0ce;
}

#social-share-modal .social-btn.amazon {
    background: #ffa500;
}

#social-share-modal .social-btn.dropbox {
    background: #007ee5;
}

#social-share-modal .social-btn.paypal {
    background: #03268c;
}

#social-share-modal .social-btn.yahoo {
    background: #420294;
}

#social-share-modal .social-btn.flickr {
    background: #fd0d7e;
}

#social-share-modal .social-btn.reddit {
    background: #ff4006;
}

#social-share-modal .social-btn.vimeo {
    background: #63b4e4;
}

#social-share-modal .social-btn.spotify {
    background: #1dd069;
}

#social-share-modal .social-btn.youtube {
    background: #e62117;
}

#social-share-modal .social-btn.copy-link {
    background: #8d999a;
}

/* --------------------------------------
    1.3 Preloader
-------------------------------------- */

#preloader {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
}

#preloader .inner {
    width: 100%;
    height: 100%;
    position: relative;
}


/*** ====== 1.3.1 Preloader Effect 1 ====== ***/

.loading_effect {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.loading_effect .object {
    position: absolute;
    top: 35px;
    left: 35px;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: zoom-effect 2s infinite;
    animation: zoom-effect 2s infinite;
}

@-webkit-keyframes zoom-effect {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: .5;
    }
    70% {
        opacity: .8;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes zoom-effect {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: .5;
    }
    70% {
        opacity: .8;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}


/*** ====== 1.3.2 Preloader Effect 2 ====== ***/

.loading_effect2 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    margin-top: -80px;
    margin-left: -50px;
}

.loading_effect2 .object {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.loading_effect2 #object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}

.loading_effect2 #object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.loading_effect2 #object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes object_one {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_one {
    75% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes object_two {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_two {
    75% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes object_three {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_three {
    75% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
}


/*** ====== 1.3.3 Preloader Effect 3 ====== ***/

.loading_effect3 {
    width: 100px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    letter-spacing: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

.loading_effect3 .object {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: load_effect3 3s linear infinite;
    animation: load_effect3 3s linear infinite;
}

@-webkit-keyframes load_effect3 {
    0%,
    100% {
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        -o-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
    25% {
        -webkit-transform: scale(.25) translateX(130px);
        -moz-transform: scale(.25) translateX(130px);
        -ms-transform: scale(.25) translateX(130px);
        -o-transform: scale(.25) translateX(130px);
        transform: scale(.25) translateX(130px);
    }
    50% {
        -webkit-transform: scale(.15) translateX(0);
        -moz-transform: scale(.15) translateX(0);
        -ms-transform: scale(.15) translateX(0);
        -o-transform: scale(.15) translateX(0);
        transform: scale(.15) translateX(0);
    }
    75% {
        -webkit-transform: scale(.25) translateX(-130px);
        -moz-transform: scale(.25) translateX(-130px);
        -ms-transform: scale(.25) translateX(-130px);
        -o-transform: scale(.25) translateX(-130px);
        transform: scale(.25) translateX(-130px);
    }
}

@keyframes load_effect3 {
    0%,
    100% {
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        -o-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
    25% {
        -webkit-transform: scale(.25) translateX(130px);
        -moz-transform: scale(.25) translateX(130px);
        -ms-transform: scale(.25) translateX(130px);
        -o-transform: scale(.25) translateX(130px);
        transform: scale(.25) translateX(130px);
    }
    50% {
        -webkit-transform: scale(.15) translateX(0);
        -moz-transform: scale(.15) translateX(0);
        -ms-transform: scale(.15) translateX(0);
        -o-transform: scale(.15) translateX(0);
        transform: scale(.15) translateX(0);
    }
    75% {
        -webkit-transform: scale(.25) translateX(-130px);
        -moz-transform: scale(.25) translateX(-130px);
        -ms-transform: scale(.25) translateX(-130px);
        -o-transform: scale(.25) translateX(-130px);
        transform: scale(.25) translateX(-130px);
    }
}


/* --------------------------------------
    1.4 Page Header
-------------------------------------- */

section.page-header {
    margin: 0;
    padding: 80px 0;
    background: #f6f6f6;
    border: 0;
}

section.page-header .title {
    font-size: 30px;
    color: #666;
    margin: 0;
}

section.page-header .title span {
    font-family: inherit;
    color: #999;
}

section.page-header .subtitle {
    color: #948a99;
    margin-bottom: 0;
}

section.page-header .breadcrumb {
    background: none;
    text-transform: capitalize;
    padding: 5px 0 0 0;
    margin: 0;
    text-align: center;
    justify-content: center;
}

section.page-header .breadcrumb li {
    margin: 0;
}

section.page-header .breadcrumb li:after {
    content: '\f105';
    font-family: "FontAwesome";
    font-size: 14px;
    color: #999;
    margin: 0 5px 0 10px;
}

section.page-header .breadcrumb li:last-child:after {
    content: '';
    margin: 0;
}

section.page-header .breadcrumb li:before {
    content: '';
    padding: 0;
    display: none;
}

section.page-header .breadcrumb li a,
section.page-header .breadcrumb li.current_item {
    color: inherit;
}


/* Page Header with Background Image */

section.page-header-bg {
    background-size: cover !important;
    background-position: center !important;
    padding: 90px 0;
}

section.page-header-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

section.page-header-bg > .container {
    position: relative;
    z-index: 2;
}

section.page-header-bg .title {
    color: #fff;
}

/* --------------------------------------
    1.5 Pricing Tables
-------------------------------------- */

/* Version 1 */

.pricing-table {
    position: relative;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.pricing-table:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.pricing-table.pricing-table-featured:before {
    content: '\f005';
    font-family: 'fontawesome';
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    color: #fff;
    text-align: center;
    top: -25px;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
    line-height: 50px;
}

.pricing-table .pricing-header > * {
    text-transform: capitalize;
}

.pricing-table .pricing {
    margin: 40px 0;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    color: #555;
}

.pricing-table .pricing .amount {
    font-size: 52px;
    font-weight: bold;
    vertical-align: middle;
}

.pricing-table .pricing-body ul {
    margin: 0;
    padding: 0;
}

.pricing-table .pricing-body ul li {
    list-style: outside none none;
    margin: 10px 0px 10px 25px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.pricing-table .pricing-body ul li:first-child {
    margin-top: 0;
}

.pricing-table .pricing-body ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pricing-table .pricing-footer {
    margin-top: 40px;
}

/* Version 2 */

.pricing-table2 {
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.pricing-table2:hover {
    -webkit-transform: translate(0, -8px);
    -moz-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px);
}

.pricing-table2 .pricing-header {
    padding: 40px;
    position: relative;
    background-color: #666;
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.pricing-table2 .pricing-header > * {
    z-index: 1;
    position: relative;
}

.pricing-table2 .pricing-header .overlay {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0 !important;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
}

.pricing-table2 .pricing-header .featured {
    position: absolute !important;
    top: -8px;
    background: #a74bce;
    font-size: 18px;
    right: 25px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
}

.pricing-table2 .pricing-header .featured:after,
.pricing-table2 .pricing-header .featured:before {
    content: '';
    border: 20px solid transparent;
    position: absolute;
    z-index: -1;
    top: 12px;
}

.pricing-table2 .pricing-header .featured:before {
    left: 0;
    border-left-color: #a74bce;
}

.pricing-table2 .pricing-header .featured:after {
    right: 0;
    border-right-color: #a74bce;
}

.pricing-table2 .pricing-header .featured i:after {
    content: '';
    position: absolute;
    border-left: 5px solid #8c35b1;
    border-top: 8px solid transparent;
    top: 0;
    right: -5px;
}

.pricing-table2 .pricing-header span.title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 25px;
    color: #fff;
}

.pricing-table2 .pricing-header span.title:after {
    content: '';
    display: block;
    background: #fff;
    height: 2px;
    width: 30px;
    margin-top: 10px;
}

.pricing-table2 .pricing-header .amount {
    color: #fff;
    font-weight: 600;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
    word-break: break-all;
}

.pricing-table2 .pricing-header .description {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.pricing-table2 .pricing-body {
    padding: 40px;
    background: #fff;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.pricing-table2 .pricing-body p {
    margin: 0;
}

.pricing-table2 .pricing-body ul {
    padding: 0;
    list-style: none;
}

.pricing-table2 .pricing-body ul li {
    margin-bottom: 15px;
}

.pricing-table2 .pricing-body ul li:last-child {
    margin: 0;
}

.pricing-table2 .pricing-body ul li:before {
    content: "\e080";
    font-family: 'simple-line-icons';
    margin-right: 10px;
    color: #6fde83;
}

.pricing-table2 .pricing-body ul li.disabled {
    opacity: .5;
}

.pricing-table2 .pricing-body ul li.disabled:before {
    content: "\e082";
    color: inherit;
}

.pricing-table2 .pricing-footer a {
    text-align: center;
    display: block;
    padding: 12px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* --------------------------------------
    1.6 Counterup Items
-------------------------------------- */

.counter-container .counter {
    text-align: center;
}

.counter-container .counter h4 span {
    font-size: 50px;
}

.counter-container .counter h4 {
    text-transform: capitalize;
    margin: 0;
}


/* --------------------------------------
    1.7 Testimonial Carousel
-------------------------------------- */

/****** Style 1 ******/

.testimonials-carousel-style1 .owl-stage-outer {
    padding-top: 30px;
}

.testimonials-carousel-style1 .owl-item {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.testimonials-carousel-style1 .owl-item.active.center {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.testimonials-carousel-style1 .owl-item .testimonial-item {
    text-align: center;
}

.testimonials-carousel-style1 .owl-item .testimonial-item .testimonial .review {
    position: relative;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.testimonials-carousel-style1 .owl-item .testimonial-item .testimonial .review:before {
    content: '\f10e';
    font-family: 'fontawesome';
    font-size: 24px;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -25px;
    left: 25px;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 50px;
}

.testimonials-carousel-style1 .owl-item .testimonial-item .testimonial .review:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
}

.testimonials-carousel-style1 .owl-item .testimonial-item .testimonial .review blockquote {
    border: 0;
    color: inherit;
    padding: 40px;
    font-size: 18px;
}

.testimonials-carousel-style1 .owl-item .testimonial-item .testimonial .customer {
    margin-top: 40px;
}

.testimonials-carousel-style1 .owl-item .testimonial-item .testimonial .customer img {
    width: 100px;
    height: auto;
    border: 3px solid #fff;
    margin: 0 auto;
    margin-bottom: 15px;
}


/****** Style 2 ******/

.testimonials-carousel-style2 .testimonial {
    background: #fff;
    text-align: center;
    max-width: 700px;
    margin: 60px auto 40px auto;
    -webkit-box-shadow: 0px 0 50px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0 50px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0 50px rgba(0, 0, 0, 0.05);
    position: relative;
}

.testimonials-carousel-style2 .testimonial:before {
    color: #dcdcdc;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 120px;
    position: absolute;
    right: 40px;
    top: -15px;
    opacity: .25;
}

.testimonials-carousel-style2 .testimonial .customer {
    padding-top: 70px;
}

.testimonials-carousel-style2 .testimonial .customer img {
    width: 120px;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 13px solid #fff;
}

.testimonials-carousel-style2 .testimonial .review {
    padding: 25px 0 50px 0;
}

.testimonials-carousel-style2 .testimonial .review blockquote {
    border: 0;
    font-size: 16px;
    font-style: normal;
    line-height: 1.9;
    color: inherit;
    margin: 0;
    padding: 0;
}

/* --------------------------------------
    1.8 Logo Carousel
-------------------------------------- */

.logo-carousel .owl-item {
    min-height: 30px;
}

.logo-carousel img {
    opacity: .5;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease;
    margin: 0 auto;
    display: block;
}

.logo-carousel img:hover {
    opacity: 1;
}

/* --------------------------------------
    1.9 Job Categories
-------------------------------------- */

/***** Categories List Layout *****/

/* List Version 1 */

.category-list-layout ul.job-category.list-cat-ver1,
ul.resume-category {
    background: #f0f0f0;
    border: 1px solid #e3e3e3;
    padding: 0;
    list-style: none;
}

.category-list-layout ul.job-category.list-cat-ver1 li,
ul.resume-category li {
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    margin: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.category-list-layout ul.job-category.list-cat-ver1 li:last-child,
ul.resume-category li:last-child {
    border-bottom: 0;
}

.category-list-layout ul.job-category.list-cat-ver1 li:hover,
ul.resume-category li:hover {
    background: #e3e3e3;
}

.category-list-layout ul.job-category.list-cat-ver1 li:before,
ul.resume-category li:before {
    content: '\f105';
    font-family: 'fontawesome';
    font-size: 18px;
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.category-list-layout ul.job-category.list-cat-ver1 li a,
ul.resume-category li a {
    position: relative;
    padding: 10px 0 10px 30px;
    text-transform: capitalize;
    display: block;
}

.category-list-layout ul.job-category.list-cat-ver1 li .title,
ul.resume-category li .title {
    font-size: 24px;
    margin: 0;
}

.category-list-layout ul.job-category.list-cat-ver1 li .positions,
ul.resume-category li span {
    font-size: 14px;
    color: #948a99;
}

/* List Version 2 */

.category-list-layout ul.job-category.list-cat-ver2 {
    padding: 0;
    list-style: none;
}

.category-list-layout ul.job-category.list-cat-ver2 li {
    background: #f0f0f0;
    margin-bottom: 20px;
}

.category-list-layout ul.job-category.list-cat-ver2 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.category-list-layout ul.job-category.list-cat-ver2 li .category-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 200px;
    min-width: 150px;
    width: 100%;
    height: 170px;
    background-color: #e3e3e3;
    background-size: cover;
    background-position: center;
}

.category-list-layout ul.job-category.list-cat-ver2 li .category-info {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 15px;
}

.category-list-layout ul.job-category.list-cat-ver2 li .category-info .title {
    margin: 10px 0 0 0;
    position: relative;
}

.category-list-layout ul.job-category.list-cat-ver2 li .category-info .title:after {
    content: '\f105';
    font-family: "fontawesome";
    position: absolute;
    right: 0;
    color: #999;
    opacity: .8;
}

.category-list-layout ul.job-category.list-cat-ver2 li .category-info .positions {
    display: block;
    opacity: .8;
    color: #999;
}

.category-list-layout ul.job-category.list-cat-ver2 li .category-info .cat-description {
    display: block;
    opacity: .7;
    color: #333;
    margin-top: 10px;
}


/***** Categories Grid Layout *****/

.category-grid-layout .job-category {
    text-align: center;
    background: #f6f6f6;
    margin: 20px 0;
    padding: 40px 0;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.category-grid-layout .job-category i {
    font-size: 80px;
    color: #999;
}

.category-grid-layout .job-category img.category-icon {
    width: 80px;
}

.category-grid-layout .job-category .title {
    font-size: 24px;
    margin: 0;
    padding-top: 20px;
}

.category-grid-layout .job-category .positions {
    font-size: 14px;
    color: #948a99;
}


/* Categories with Background Image */

.category-grid-layout .job-category-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
}

.category-grid-layout .job-category-bg:hover {
    background-position: 30% 50%;
}

.category-grid-layout .job-category-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .9;
    z-index: 1;
    transition: all .3s ease;
    background: rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.category-grid-layout .job-category-bg:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #333;
    opacity: .5;
    z-index: 0;
}

.category-grid-layout .job-category-bg i,
.category-grid-layout .job-category-bg h4,
.category-grid-layout .job-category-bg span {
    color: #fff;
    z-index: 1;
    position: relative;
    display: block;
}


/***** Categories Slider Layout *****/

.category-slider-layout .job-cat-slider1 .owl-item {
    width: 100%;
}

.category-slider-layout .job-cat-slider1 .cat-item {
    text-align: center;
    padding: 5px;
    margin: 0 auto;
    width: 100%;
    max-width: 130px;
    min-height: 130px;
    max-height: 130px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    box-shadow: 0 0 40px rgba(0, 0, 0, .15);
}

.category-slider-layout .job-cat-slider1 .cat-item.dark-style {
    color: #fff;
    background: #072e44;
}

.category-slider-layout .job-cat-slider1 .cat-item.light-style {
    color: #333;
    background: rgba(255, 255, 255, .7);
}

.category-slider-layout .job-cat-slider1 .cat-item span.cat-icon {
    width: 100%;
    padding: 10px;
    font-size: 40px;
    line-height: 40px;
}

.category-slider-layout .job-cat-slider1 .cat-item span.cat-title {
    opacity: .7;
}

.category-slider-layout .job-cat-slider1 .cat-item:hover span.cat-title {
    opacity: 1;
}

/* --------------------------------------
    1.10 Icon Box
-------------------------------------- */

.iconbox {
    margin: 0 0 40px 0;
}

.iconbox p:last-child {
    margin: 0;
}

.iconbox h3 {
    margin: 0 0 10px 0;
}

.iconbox i.boxicon {
    position: relative;
    z-index: 2;
    -webkit-transition: all .08s ease-in;
    -moz-transition: all .08s ease-in;
    -ms-transition: all .08s ease-in;
    -o-transition: all .08s ease-in;
    transition: all .08s ease-in;
}


/* Primary Color */

.iconbox-style-4.icon-color-primary i.boxicon,
.iconbox-style-5.icon-color-primary i.boxicon,
.flip .icon-color-primary.card .back {
    color: #fff;
}


/* Greyscale Color */

.iconbox-style-1.icon-color-greyscale i.boxicon,
.iconbox-style-2.icon-color-greyscale i.boxicon,
.iconbox-style-3.icon-color-greyscale i.boxicon,
.iconbox-style-6.icon-color-greyscale i.boxicon,
.iconbox-style-7.icon-color-greyscale i.boxicon {
    color: #999;
}

.iconbox-style-4.icon-color-greyscale i.boxicon,
.iconbox-style-5.icon-color-greyscale i.boxicon {
    background: #f1f1f1;
    color: #999;
}

.flip .icon-color-greyscale.card .back {
    background: #262626;
    color: #fff;
}


/* Greyscale Color + Light Text */

.color-light .iconbox-style-1.icon-color-greyscale i.boxicon,
.color-light .iconbox-style-2.icon-color-greyscale i.boxicon,
.color-light .iconbox-style-3.icon-color-greyscale i.boxicon,
.color-light .iconbox-style-6.icon-color-greyscale i.boxicon {
    color: #fff !important;
}

.iconbox-style-4.icon-color-greyscale.color-light i.boxicon,
.iconbox-style-5.icon-color-greyscale.color-light i.boxicon {
    background: #fff;
    color: #999;
}


/*** ====== Icon Box - Style 1 ====== ***/

.iconbox-style-1 i.boxicon {
    font-size: 28px;
    margin-bottom: -6px;
    float: left;
    width: 40px;
}

.iconbox-style-1 .iconimg {
    margin-right: 10px;
}

.iconbox-style-1 i.boxicon[class*="sl-"] {
    font-weight: 400;
    font-size: 26px;
}

.iconbox-style-1.animation-iconappear {
    overflow: hidden;
}

.iconbox-style-1.animation-iconappear h3 span {
    overflow: hidden;
    display: block;
}

.iconbox-style-1.animation-iconappear h3 {
    position: relative;
    left: -40px;
    -webkit-transition: all .16s ease;
    -moz-transition: all .16s ease;
    -ms-transition: all .16s ease;
    -o-transition: all .16s ease;
    transition: all .16s ease;
}

.iconbox-style-1.animation-iconappear:hover h3 {
    left: 0;
}


/*** ====== Icon Box - Style 2 ====== ***/

.iconbox-style-2 i.boxicon {
    font-size: 34px;
    text-align: center;
    display: inline-block;
}

.iconbox-style-2 .iconbox-icon {
    float: left;
    width: 30px;
    margin-top: 2px;
    text-align: center;
}

.iconbox-style-2 .iconbox-content {
    margin-left: 54px;
}

.iconbox-style-2 i.boxicon[class*="sl-"] {
    font-size: 34px;
}


/*** ====== Icon Box - Style 3 ====== ***/

.iconbox-style-3 {
    text-align: center;
}

.iconbox-style-3 i.boxicon {
    font-size: 52px;
    text-align: center;
    display: inline-block;
    line-height: 52px;
    margin-bottom: 30px;
}

.iconbox-style-3 .iconimg {
    margin-bottom: 16px;
}


/*** ====== Icon Box - Style 4 ====== ***/

.iconbox-style-4 {
    text-align: center;
}

.iconbox-style-4 i.boxicon {
    font-size: 28px;
    text-align: center;
    display: inline-block;
    width: 73px;
    height: 73px;
    line-height: 75px;
    background: #f6f6f6;
    color: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 16px !important;
}

.iconbox-style-4 i.boxicon[class*="sl-"] {
    font-size: 34px;
}

.iconbox-style-4 .iconimg {
    margin-bottom: 16px !important;
}


/*** ====== Icon Box - Style 5 ====== ***/

.iconbox-style-5 i.boxicon {
    font-size: 28px;
    text-align: center;
    display: inline-block;
    width: 63px;
    height: 63px;
    line-height: 65px;
    background: #f6f6f6;
    color: #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.iconbox-style-5 .iconbox-icon {
    float: left;
}

.iconbox-style-5 .iconbox-icon .iconimg {
    margin-right: 20px;
}

.iconbox-style-5 .iconbox-content {
    margin-left: 88px;
    overflow: hidden;
}

.iconbox-style-5 i.boxicon[class*="sl-"] {
    font-size: 30px;
}


/*** ====== Icon Box - Style 6 ====== ***/

.flip {
    -webkit-perspective: 800;
    -ms-perspective: 800;
    -moz-perspective: 800;
    -o-perspective: 800;
    width: 100%;
    min-height: 260px;
    height: 260px;
    position: relative;
    display: block;
    margin: 0px auto;
}

.flip .card {
    width: 100%;
    height: 100%;
}

.flip .front,
.flip .back {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.5s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.5s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
}

.flip .card .face {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
}

.flip .card .front {
    position: absolute;
    z-index: 1;
    background: #f6f6f6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

.flip .card .back {
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: rotatey(-180deg);
    -moz-transform: rotatey(-180deg);
    -ms-transform: rotatey(-180deg);
    -o-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}

.flip:hover .front {
    -webkit-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    transform: rotatey(180deg);
}

.flip:hover .back {
    -webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
}

.iconbox-style-6 i.boxicon {
    font-size: 58px;
    text-align: center;
    display: block;
    color: #999;
    line-height: 1;
    margin: 0 0 14px 0;
    padding: 0;
}

.iconbox-style-6 .iconimg {
    margin: 0 0 16px 0;
}

.iconbox-style-6 table {
    height: 260px;
    width: 100%;
}

.iconbox-style-6 table td {
    vertical-align: middle;
    text-align: center;
    padding: 10px 30px 0 30px;
}

.iconbox-style-6 .back h3 {
    color: #fff;
}


/*** ====== Icon Box - Style 7 ====== ***/

.iconbox-style-7 {
    background: #fff;
    border: 2px solid #e3e3e3;
    padding: 30px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.iconbox-style-7 h3 {
    margin-bottom: 20px;
}

.iconbox-style-7 i.boxicon {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 160px;
    line-height: 1;
    z-index: 0;
    text-align: center;
    display: block;
    color: #f6f6f6;
    opacity: .2;
}

.iconbox-style-7 p,
.iconbox-style-10 h3 {
    position: relative;
    z-index: 1;
}

.iconbox-style-7 .iconimg {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 160px;
    line-height: 1;
    z-index: 0;
    text-align: center;
    display: block;
}

/*** ====== Icon Box - Style 8 ====== ***/

.iconbox-style-8 {
    text-align: center;
    border: 1px solid #eee;
    padding: 50px 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.iconbox-style-8:hover {
    -webkite-box-shadow: 0 5px 55px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 5px 55px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 5px 55px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 5px 55px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 55px rgba(0, 0, 0, .05);
}

.iconbox-style-8 h3 {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.iconbox-style-8 p {
    opacity: .7;
}

.iconbox-style-8 i.boxicon {
    font-size: 52px;
    text-align: center;
    display: inline-block;
    line-height: 52px;
    margin-bottom: 30px;
}

.iconbox-style-8 .iconimg {
    margin-bottom: 16px;
}

/* --------------------------------------
    1.11 Count Down
-------------------------------------- */

.countdown {
    text-align: center;
}

.countdown ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.countdown li span {
    font-size: 64px;
    line-height: 1;
}

.countdown li p {
    font-size: 22px;
    font-weight: 300;
    text-transform: capitalize;
    margin: 0;
}

/* --------------------------------------
    1.12 VC ELEMENTS OVERRIDES
-------------------------------------- */

/*********** Progress Bar *************/

.vc_progress_bar.vc_progress-bar-color-custom .vc_single_bar .vc_bar {
    background-color: #cc0000;
}

.vc_progress_bar .wpb_heading {
    padding: 0;
    margin: 0;
}

.vc_progress_bar .vc_general.vc_single_bar {
    background: #e4e3e3;
    position: relative;
    margin-top: 55px;
    margin-bottom: 10px;
    height: 4px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.vc_progress_bar .vc_general.vc_single_bar:first-child {
    margin-top: 35px;
}

.vc_progress_bar .vc_general.vc_single_bar .vc_label {
    top: -30px;
    padding: 0 !important;
    font-size: 14px;
    text-shadow: none;
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.vc_progress_bar .vc_general.vc_single_bar .vc_label_units {
    display: inline-block;
    text-align: right;
    top: 0;
    position: absolute;
    right: 0;
    width: 100% !important;
}

.vc_progress_bar .vc_general.vc_single_bar .vc_label_units span {
    text-align: center;
    position: relative;
    color: #000;
    font-size: 16px;
    display: inline-block;
}

.vc_progress_bar .vc_general.vc_single_bar .vc_bar {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}

/*********** Tabs *************/

.wpb-js-composer .vc_tta.vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,
.wpb-js-composer .vc_tta.vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after,
.wpb-js-composer .vc_tta.vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before {
    background-color: transparent;
}

.wpb-js-composer .vc_tta.vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,
.wpb-js-composer .vc_tta.vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after,
.wpb-js-composer .vc_tta.vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before {
    border-color: transparent;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-panel-body {
    padding: 50px 0 0 0;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab:first-child > a {
    padding-left: 0;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tabs-list {
    position: relative;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tabs-list:before {
    position: absolute;
    bottom: 1px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(204, 204, 204, 0.5);
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab {
    position: relative;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab:after {
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #333;
    content: "";
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab > a {
    background-color: transparent;
    border-color: transparent;
    color: #999;
    font-size: 16px;
    line-height: 1;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab.vc_active:after,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab:hover:after {
    right: auto;
    left: 0;
    opacity: 1;
    width: 100%;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab.vc_active > a,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-top .vc_tta-tab:hover > a {
    color: #333;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-panel-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 30px;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab:first-child > a {
    padding-left: 0;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tabs-list {
    position: relative;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tabs-list:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(204, 204, 204, 0.5);
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab {
    position: relative;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab:after {
    position: absolute;
    top: 1px;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #000;
    content: "";
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab > a {
    background-color: transparent;
    border-color: transparent;
    color: #999;
    font-size: 16px;
    line-height: 1;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab.vc_active:after,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab:hover:after {
    right: auto;
    left: 0;
    opacity: 1;
    width: 100%;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab.vc_active > a,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-bottom .vc_tta-tab:hover > a {
    color: #000;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tabs-list {
    position: relative;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tabs-list:before {
    position: absolute;
    top: 0;
    right: 1px;
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(204, 204, 204, 0.5);
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-panel-body {
    padding-top: 0;
    padding-right: 0;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tab {
    position: relative;
    margin: 0;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tab:after {
    position: absolute;
    bottom: 0;
    right: 1px;
    width: 1px;
    height: 0;
    background-color: #000;
    content: "";
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tab > a {
    background-color: transparent;
    border-color: transparent;
    color: #999;
    font-size: 16px;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tab.vc_active:after,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tab:hover:after {
    bottom: auto;
    top: 0;
    opacity: 1;
    height: 100%;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tab.vc_active > a,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-left .vc_tta-tab:hover > a {
    color: #000;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tabs-list {
    position: relative;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tabs-list:before {
    position: absolute;
    top: 0;
    left: 1px;
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(204, 204, 204, 0.5);
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-panel-body {
    padding-top: 0;
    padding-left: 0;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tab {
    position: relative;
    margin: 0;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tab:after {
    position: absolute;
    bottom: 0;
    left: 1px;
    width: 1px;
    height: 0;
    background-color: #000;
    content: "";
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tab > a {
    background-color: transparent;
    border-color: transparent;
    color: #999;
    font-size: 16px;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tab.vc_active:after,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tab:hover:after {
    bottom: auto;
    top: 0;
    opacity: 1;
    height: 100%;
}

.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tab.vc_active > a,
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-color-white.vc_tta-tabs-position-right .vc_tta-tab:hover > a {
    color: #000;
}

/* --------------------------------------
    1.13 COOKIE NOTICE
-------------------------------------- */

.cariera-cookies-bar {
    color: #fff;
    background: rgba(37, 37, 37, .9);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    padding: 15px 30px;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.cariera-cookies-bar.bar-display {
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
}

.cariera-cookies-inner {
    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;
}

.cariera-cookies-inner .cookies-info-text {
    -webkit-box-flex: 1;
    margin: 0 auto;
}

.cariera-cookies-inner .cookies-info-text:before {
    content: "\e617";
    font-family: 'simple-line-icons';
    margin-right: 5px;
}

.cariera-cookies-inner .cookies-buttons {
    margin: 0 auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 20px;
}

.cariera-cookies-inner .cookies-buttons a {
    color: #fff;
    margin: 0 15px 0;
}

.cariera-cookies-inner .cookies-buttons > a {
    margin-right: 20px;
}

.cariera-cookies-inner .cookies-buttons > a:last-child {
    margin: auto;
}

/* --------------------------------------
    1.14 VIDEO MODAL
-------------------------------------- */

.video-container {
    position: relative;
    min-height: 100px;
    z-index: 10;
}

.video-container a {
    display: block;
    cursor: pointer;
    margin: auto;
}

.video-container img {
    margin: auto;
    display: block;
    height: auto;
    width: 100%;
    max-width: 1210px;
    -webkit-transition: .25s ease;
    -moz-transition: .25s ease;
    -o-transition: .25s ease;
    transition: .25s ease;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.play-video {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    background: #fff;
    cursor: pointer;
    border: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate( -50%, -50%);
    -moz-transform: translate( -50%, -50%);
    -ms-transform: translate( -50%, -50%);
    -o-transform: translate( -50%, -50%);
    transform: translate( -50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.play-video:hover {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
}

.play-video .fa-play {
    width: 100%;
    height: 100%;
    color: #252525;
    font-size: 16px;
    line-height: 60px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    top: 0;
    left: 3px;
}

.play-button-left .play-video {
    margin-left: 30px;
    left: 0;
}

/* --------------------------------------
    1.15 NEWSLETTER
-------------------------------------- */

.cariera-newsletter .title {
    margin-top: 0;
}

.cariera-newsletter.nl-style-1 form {
    margin-top: 30px;
    position: relative;
}

.cariera-newsletter .mc4wp-form-fields {
    position: relative;
}

/* Style 1 */

.cariera-newsletter.nl-style-1 .nl-form form input[type=email] {
    width: 100%;
    padding: 14px 20px 14px;
    margin-bottom: 15px;
    display: block;
}

.cariera-newsletter.nl-style-1 .nl-form form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    opacity: 0;
    z-index: 10;
}

/* Style 2 */

.cariera-newsletter.nl-style-2 .nl-form {
    position: relative;
}

.cariera-newsletter.nl-style-2 .nl-form input[type=email] {
    display: block;
    width: 100%;
    padding: 14px 20px 14px;
    margin-bottom: 15px;
    padding-right: 190px;
    min-height: 50px;
}

.cariera-newsletter.nl-style-2 .nl-form input[type=submit] {
    position: absolute;
    min-width: 150px;
    height: 100%;
    top: 0;
    right: 0;
    border: 0;
    opacity: 1;
    cursor: pointer;
    color: #fff;
}

/* --------------------------------------
    1.16 TABS
-------------------------------------- */

ul.tabs-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}

ul.tabs-nav li {
    padding: 7px 14px;
    margin: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

ul.tabs-nav li.active {
    background: #fff;
}

ul.tabs-nav li a {
    color: #fff;
}

ul.tabs-nav li a i {
    margin-right: 8px;
}

.tab-container .tab-content {
    padding: 25px;
    background: #fff;
    -webkit-border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
}

/* --------------------------------------
    2. Headers - Navigation 
-------------------------------------- */

/******************* 2.1 Top Header Bar *********************/

.top-bar-header {
    background: #f0f0f0;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
    color: #a9a9a9;
}

.top-bar-header p {
    color: #a9a9a9;
    margin: 0;
}

.top-bar-header aside.top-header-widget {
    float: left;
    padding-right: 15px;
}

.top-bar-header aside.top-header-widget:last-child {
    padding-right: 0;
}

.top-bar-header .col-md-6.col-xs-12:last-child aside.top-header-widget {
    float: right;
}

.top-bar-header .widget_nav_menu li {
    display: inline-block;
    padding-right: 8px
}

.top-bar-header .widget_nav_menu li a {
    color: #a9a9a9;
}

.top-bar-header .widget_nav_menu li a:hover {
    padding-left: 0;
}

/* Dark Skin */
.top-header-dark {
    background: #323232;
}

/******************* 2.2 Version 1 - Default *********************/

header.header1 {
    width: 100%;
    padding: 27px 0;
    z-index: 999;
}

header.main-header .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

header.main-header .logo-wrapper {
    padding: 0;
}

header.header1 .navbar-brand img.logo-white {
    display: none;
}

header.main-header .main-nav-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media all and (min-width: 1200px) {
    header.header1.header-fixed-top {
        position: absolute;
        top: 0;
        left: 0;
    }
    header.header1.header-transparent {
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
    }
    header.header1.header-white .navbar-brand img.logo {
        display: none;
    }
    header.header1.header-white .navbar-brand img.logo-white {
        display: block;
    }
    header.header1.header-white .menu-item > a,
    header.header1.header-white .extra-menu a {
        color: #fff;
    }
}


/******************* 2.3 Version 2 - Logo Top *********************/

header.header2 {
    width: 100%;
    padding: 30px 0;
    z-index: 999;
}

@media all and (min-width: 1025px) {
    header.header2  div.logo {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
}

/******************* 2.4 Sticky Header *********************/
header.sticky.headroom--pinned.cloned,
header.sticky.headroom--unpinned.cloned,
header.sticky.headroom--top.cloned {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header.sticky.cloned {
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .1);
}

body.admin-bar header.sticky.cloned {
    top: 32px !important;
}

header.sticky.cloned.headroom--not-top.headroom--unpinned,
header.sticky.cloned.headroom--not-top.headroom--pinned {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

/******************* 2.5 Main Navigation *********************/
ul.main-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
}

ul.main-nav .menu-item {
    margin: 0;
    padding: 0 10px;
}

ul.main-nav .menu-item a,
header.main-header .extra-menu-item .extra-menu-link {
    color: #1f1f1f;
}

ul.main-nav .menu-item.dropdown .dropdown-toggle:after {
    content: '\f107';
    font-family: 'fontawesome';
    padding-left: 7px;
    border: 0;
    margin: 0;
    vertical-align: inherit;
    width: auto;
    height: auto;
}

ul.main-nav .menu-item > a > i, 
ul.main-nav .menu-item .dropdown-menu > .menu-item > a > i, 
ul.main-nav .menu-item .mega-menu .dropdown-menu .mega-menu-inner .menu-item-mega .sub-menu a > i {
    padding-right: 10px;
    padding-left: 0;
}

/******************* 2.6 Dropdown Menu *******************/

ul.main-nav .menu-item.dropdown .dropdown-menu {
    position: absolute;
    display: block;
    width: 220px;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    background: #fff none repeat scroll 0 0;
    padding: 10px 0;
    border-top: solid 3px;
    z-index: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(30, 31, 33, 0.15);
    -moz-box-shadow: 0px 0px 15px 5px rgba(30, 31, 33, 0.15);
    box-shadow: 0px 0px 15px 5px rgba(30, 31, 33, 0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul.main-nav .menu-item.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul.main-nav .menu-item.dropdown .dropdown-menu > li {
    position: relative;
    margin: 0;
}

ul.main-nav .menu-item.dropdown .dropdown-menu > li > a {
    padding: 5px 20px;
    color: #666;
    background: none;
    text-transform: capitalize;
    line-height: 1.4;
    white-space: inherit;
}

ul.main-nav .menu-item.dropdown .dropdown-menu > li > a:focus,
ul.main-nav .menu-item.dropdown .dropdown-menu > li > a:hover {
    background: none;
}

/******************* 2.7 Dropdown Submenu *******************/

ul.main-nav .menu-item.dropdown .dropdown-submenu .dropdown-toggle:after {
    content: '\f105';
    font-family: 'fontawesome';
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 30px;
}

ul.main-nav .menu-item.dropdown .dropdown-submenu .sub-menu {
    position: absolute;
    top: -15px;
    left: 130%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul.main-nav .menu-item.dropdown .dropdown-submenu:hover .sub-menu {
    left: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul.main-nav .menu-item.dropdown .dropdown-submenu .dropdown-menu.left {
    left: -70%;
}

ul.main-nav .menu-item.dropdown .dropdown-submenu:hover .dropdown-menu.left {
    left: -100%;
}

/******************* 2.8 Mega Menu *******************/

ul.main-nav .menu-item.mega-menu {
    position: static !important;
}

ul.main-nav .menu-item.mega-menu .dropdown-menu {
    max-width: 100%;
    padding: 15px 30px;
    top: 150%;
    left: auto;
    right: auto;
    margin-left: -20%;
}

ul.main-nav .menu-item.mega-menu:hover .dropdown-menu  {
    top: 100%;
}

ul.main-nav .mega-menu .dropdown-menu .mega-menu-inner .menu-item-mega.menu-title {
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Mega Menu - Sub Menu */

ul.main-nav .mega-menu .dropdown-menu .mega-menu-inner .menu-item-mega a:after {
    display: none;
}

ul.main-nav .mega-menu .dropdown-menu .mega-menu-inner .menu-item-mega .sub-menu {
    position: relative;
    border-top: 1px solid #e3e3e3;
    margin-top: 10px;
    padding: 10px 0;
    list-style: none;
}

ul.main-nav .mega-menu:hover .dropdown-menu .mega-menu-inner .menu-item-mega .sub-menu {
    opacity: 1;
    visibility: visible;
}

ul.main-nav .mega-menu .dropdown-menu .mega-menu-inner .menu-item-mega .sub-menu li {
    padding: 0;
}

ul.main-nav .mega-menu .dropdown-menu .mega-menu-inner .menu-item-mega .sub-menu a {
    color: #948a99;
}

/******************* 2.9 Menu Items Badges *******************/

ul.main-nav .items-badge span {
    font-size: 11px;
    font-weight: 500;
    text-transform: lowercase;
    color: #fff;
    padding: 2px 7px;
    margin-left: 7px;
    -webikt-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul.main-nav .items-badge .new-badge {
    background: #2cd47f;
}

ul.main-nav .items-badge .hot-badge {
    background: #f35656;
}

ul.main-nav .items-badge .trending-badge {
    background: #4284fc;
}

/******************* 2.10 MOBILE HAMBURGER MENU *******************/

.mmenu-trigger {
    display: none;
    height: 40px;
    width: 40px;
    margin-left: auto;
    position: relative;
    background: #1e1f21;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
}

/* Hamburger Icon */
.hamburger {
    position: relative;
    display: inline-block;
    top: 10px;
    left: 9px;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    overflow: visible;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transform: scale(0.67);
    -moz-transform: scale(0.70) translateY(-3px);
}

.hamburger-box {
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    position: absolute;
    width: 34px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/* Animation */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*********** 2.11 Extra Menu Items *************/

header.main-header .extra-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header.main-header .extra-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: 18px;
    position: relative;
}

header.main-header .extra-menu-item:last-child {
    padding-right: 0;
}

header.main-header .extra-menu-item > a {
    line-height: initial !important;
}

header.main-header .extra-menu .extra-shop i,
header.main-header .extra-menu .extra-search i,
header.main-header .extra-menu .extra-user i {
    font-size: 18px;
}

/*** Notification Count ***/
header.main-header .extra-menu-item .notification-count {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 9px;
    right: 10px;
    bottom: 3px;
    height: 17px;
    width: 17px;
    line-height: 18px;
    padding: 0 5px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/*** User Avatar ***/
header.main-header .extra-menu .extra-user .avatar-img img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
}

header.main-header .extra-menu-item .login-status {
    position: absolute;
    bottom: 3px;
    left: 30px;
    width: 9px;
    height: 9px;
    background: #24ae24;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}

/***** MY ACCOUNT HEADER NAV *****/
.header-account-widget {
    background: #fff;
    overflow: hidden;
    position: absolute;
    top: 150%;
    right: 0;
    width: 270px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.header-account-widget.active {
    opacity: 1;
    visibility: visible;
    top: 130%;
}

header.cloned.headroom--top .header-account-widget.active {
    display: none;
}

.header-account-widget .title-bar {
    position: relative;
    padding: 15px 20px;
    color: #fff;
}

.header-account-widget .title-bar:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(255,255,255,0) 35%, rgba(255,255,255,0.3));
 }

.header-account-widget .title-bar .title {
    font-size: 20px;
    color: #fff;
    margin: 0;
    line-height: 1;
}

.header-account-widget .main-content {
    padding: 13px 20px;
}

.header-account-widget .main-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-account-widget .main-content ul li {
    margin-bottom: 10px;
}

.extra-menu .header-account-widget .main-content ul a {
    display: block;
    color: #666;
}

.header-account-widget .main-content ul a i {
    font-size: inherit !important;
    margin-right: 7px;
}

.header-account-widget .logout-footer a {
    display: block;
    padding: 10px;
    text-align: center;
    background: #b23b3b;
    color:#fff;
}

.header-account-widget .logout-footer a i {
    font-size: 14px !important;
    margin-right: 7px;
}

/***** LOGIN REGISTER BOX ****/

.login-register-page form .status {
    margin-top: 40px;
}

.signup-wrapper {
    display: none;
}

.forgetpassword-wrapper {
    display: none;
}

.signin-wrapper .status span,
.signup-wrapper .status span,
.forgetpassword-wrapper .status span {
    display: block;
}

.signin-wrapper .bottom-links a,
.signup-wrapper .bottom-links a,
.forgetpassword-wrapper .bottom-links a {
    cursor: pointer;
}

.signup-wrapper .register-gdpr {
    margin-bottom: 10px;
    padding-top: 10px;
}

/* Search result */
.search-results .job_listing .blog-thumbnail {
    display: none;
}

/* --------------------------------------
    3. Footers
-------------------------------------- */

footer {
    position: relative;
    z-index: 2;
}

footer .footer-info .widget-title {
    font-size: 24px;
    color: #f6f6f6;
    text-transform: capitalize;
    padding-bottom: 40px;
    margin: 0;
}

footer .footer-info p,
footer .footer-info a,
footer .footer-info ul li,
footer .footer-info span {
    line-height: 22px;
}


/* Mailchimp - Newsletter Widget */

footer .footer-info .widget_mc4wp_form_widget input.form-control {
    height: 44px;
    background: rgba(237, 237, 237, 0.3);
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999;
    padding-left: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

footer .footer-info .widget_mc4wp_form_widget button {
    width: 20%;
}


/* Copyright Section */

footer .copyright {
    background: #1e1f21;
}

footer .copyright h6 {
    color: inherit;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

footer .copyright .social-btn-roll {
    border: 1px solid transparent;
    background: none;
    color: #999;
}


/********************** 3.1 Footer Version 1 - Default Background Image ************************/

.footer1 .footer-info {
    position: relative;
    background-size: cover;
}

.footer1 .footer-info:before {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.footer1 .footer-info > div {
    position: relative;
    z-index: 3;
}


/********************** 3.2 Footer Version 2 - Dark Skin ************************/

.footer2 .footer-info {
    background: #1e1f21;
    border-bottom: 1px solid #2b2c2d;
}


/********************** 3.3 Footer Version 3 - Light ************************/

.footer3 {
    border-top: 1px solid #e3e3e3;
}

.footer3 .footer-info {
    background: #f0f0f0;
}

.footer3 .footer-info:before {
    display: none;
}

.footer3 .footer-info p,
.footer3 .footer-info a,
.footer3 .footer-info ul li,
.footer3 .footer-info span {
    color: #666;
}

.footer3 .footer-info h3 {
    color: #666;
}


/* Mailchimp - Newsletter Widget */

.footer3 .footer-info .widget_mc4wp_form_widget input.form-control {
    background: #fff;
}


/* Copyright */

.footer3 .copyright {
    background: #f0f0f0;
    border-top: 1px solid #e3e3e3;
}


/********************** 3.4 Footer Version 4 - Fixed ************************/

.footer4 {
    background: #333;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.wrapper.boxed .footer4 {
    max-width: 1200px;
    margin: 0 auto;
}


/*********** Footer Widgets ***********/

.footer-widgets aside.footer-widget {
    margin-top: 40px;
}

.footer-widgets aside.footer-widget:first-child {
    margin-top: 0;
}


.footer-widgets .widget_nav_menu li {
    padding-bottom: 10px;
    margin: 0;
}

.footer-widgets .widget_nav_menu li:last-child {
    padding-bottom: 0;
}

.footer-widgets .widget_nav_menu li a:before {
    content: '\f101';
    font-family: 'fontawesome';
    padding-right: 10px;
}

.footer-widgets .widget_archive li,
.footer-widgets .widget_categories li,
.footer-widgets .widget_recent_entries li,
.footer-widgets .widget_recent_comments li,
.footer-widgets .widget_pages li,
.footer-widgets .widget_meta li {
    border: 0;
}

/* --------------------------------------
    4. Blog
-------------------------------------- */

/*********** 4.1 Blog Listing *************/

article.blog-post {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #e3e3e3;
    border-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

article.blog-post:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}

/* Description */
article.blog-post .blog-desc .blog-post-title {
    font-size: 24px;
    margin-top: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

article.blog-post .blog-desc .blog-post-title a {
    font-family: inherit;
    color: #333;
}

/* Meta Info */

article.blog-post .meta-tags,
article.blog-post-content .meta-tags {
    margin-bottom: 20px;
}

article.blog-post .meta-tags span i,
article.blog-post-content .meta-tags span i {
    margin-right: 7px;
}

article.blog-post .blog-desc .meta-tags a,
article.blog-post-content .blog-desc .meta-tags a {
    color: inherit;
}

article.blog-post .blog-desc .meta-tags span:after,
article.blog-post-content .blog-desc .meta-tags span:after {
    content: '|';
    padding: 0 7px;
}

article.blog-post .blog-desc .meta-tags span:last-child:after,
article.blog-post-content .blog-desc .meta-tags span:last-child:after {
    display: none;
}


/* Blog Post Thumbnail */

article.blog-post .blog-thumbnail {
    padding: 0;
    overflow: hidden;
    max-height: 350px;
    position: relative;
}

article.blog-post .blog-thumbnail img {
    width: 100%;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

article.blog-post .blog-thumbnail:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
    opacity: 0.4;
}


/* Vertical Featured Image */

article.blog-post .blog-thumb-vertical {
    background: none !important;
}

article.blog-post .blog-thumb-vertical img.vertical-image {
    width: auto !important;
    margin: 0 auto;
    display: block;
}

article.blog-post .blog-thumb-vertical:hover img.vertical-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    opacity: 1;
}


/*********** Sticky Blog Post ***********/

article.sticky {
    position: relative;
    background: #fefff6;
    border: 1px solid #e3e3e3 !important;
    padding: 40px;
}

article.sticky:before {
    content: "\e020";
    font-family: 'simple-line-icons';
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    padding: 10px;
    border-radius: 3px;
    margin: 0;
    z-index: 3;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
}


/*********** Aside Blog Post ***********/

article.blog-post-aside .blog-post-wrapper {
    padding: 20px;
    border: 0;
    background: #ddf3ff;
    text-align: center;
}

article.blog-post-aside .blog-post-wrapper p {
    margin: 0;
    color: #666;
}


/*********** Audio Blog Post ***********/

article .audio-wrapper iframe {
    width: 100%;
    height: 100%;
}


/*********** Quote Blog Post ***********/

article figure.post-quote blockquote {
    margin: 0;
    border: 0;
    text-align: center;
    color: #fff;
    padding: 60px;
}

article figure.post-quote blockquote h4,
article figure.post-quote blockquote h6 {
    color: inherit;
    margin: 0;
}

article figure.post-quote blockquote a {
    color: #fff;
}


/*********** Gallery Blog Post ***********/

.gallery-post-wrapper .gallery-post {
    max-height: 350px;
    overflow: hidden;
}

.gallery-post .owl-nav {
    height: 0;
}

.gallery-post .owl-nav .owl-prev,
.gallery-post .owl-nav .owl-next {
    cursor: pointer !important;
    background: rgba(0, 0, 0, 0.6) !important;
    opacity: 0;
    text-decoration: none;
    display: block;
    color: #fff !important;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.gallery-post:hover .owl-nav .owl-prev,
.gallery-post:hover .owl-nav .owl-next {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.gallery-post .owl-nav .owl-prev {
    left: 20px;
}

.gallery-post .owl-nav .owl-next {
    right: 20px;
}

.gallery-post .owl-nav i {
    font-size: 28px;
    line-height: 50px;
    opacity: .7;
}


/*********** Blog Post Slider VC ***********/

.blogslider-post-holder {
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}

a.blogslider-thumb-link {
    position: relative;
    max-height: 250px;
    display: block;
    overflow: hidden;
}

.blogslider-post-thumbnail {
    width: 100%;
    height: 250px;
    background-size: cover !important;
    background-position: center !important;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.blogslider-post-thumbnail:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}

.blogslider-post-thumbnail:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.blogslider-post-thumbnail:hover:after {
    opacity: .6;
}

.blogslider-post-holder .blogslider-text-outer {
    padding: 20px;
}

.blogslider-post-holder .blogslider-title {
    margin: 0;
}

.blogslider-post-holder .blogslider-title a {
    color: #333;
}

.blogslider-post-holder .blogslider-meta {
    padding-top: 10px;
}

.blogslider-post-holder .blogslider-excerpt {
    padding-top: 25px;
}

.blog-post-slider .owl-dots {
    margin-top: 25px;
}

/*********** Blog Post List VC ***********/

.bloglist-post-holder {
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 40px;
}

a.bloglist-thumb-link {
    position: relative;
    max-height: 250px;
    display: block;
    overflow: hidden;
}

.bloglist-post-thumbnail {
    width: 100%;
    height: 250px;
    background-size: cover !important;
    background-position: center !important;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.bloglist-post-thumbnail:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}

.bloglist-post-thumbnail:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.bloglist-post-thumbnail:hover:after {
    opacity: .6;
}

.bloglist-post-holder .bloglist-text-wrapper {
    position: relative;
    padding: 40px 20px;
    background: #fff;
}

.bloglist-post-holder .bloglist-avatar {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
}

.bloglist-post-holder .bloglist-avatar img {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.bloglist-post-holder .bloglist-title {
    margin: 0;
}

.bloglist-post-holder .bloglist-title a {
    color: #333;
}

.bloglist-post-holder .bloglist-meta {
    padding-top: 10px;
}

.bloglist-post-holder .bloglist-excerpt {
    padding-top: 25px;
}

/***** Version 2 *****/

.bloglist-post-holder-ver2 {
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-bottom: 30px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.bloglist-post-holder-ver2 .bloglist-post-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
    height: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.bloglist-post-holder-ver2:hover .bloglist-post-thumbnail {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.bloglist-post-holder-ver2 .bloglist-post-thumbnail:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
}

.bloglist-post-holder-ver2 .bloglist-text-wrapper {
    position: relative;
    padding: 40px;
}

.bloglist-post-holder-ver2 .post-category {
    text-transform: uppercase;
    font-size: 0.8em;
    margin-bottom: 5px;
    display: block;
}

.bloglist-post-holder-ver2 .post-category a {
    color: inherit;
}

.bloglist-post-holder-ver2 .bloglist-title {
    font-size: 18px;
    margin: 0;
}

.bloglist-post-holder-ver2 .bloglist-title a {
    color: #252525;
}

.bloglist-post-holder-ver2:hover .bloglist-title a,
.bloglist-post-holder-ver2:hover .bloglist-text-wrapper {
    color: #fff;
}

.bloglist-post-holder-ver2 .bloglist-meta {
    padding-top: 10px;
}

.bloglist-post-holder-ver2 .bloglist-excerpt {
    padding-top: 25px;
}

/*********** 4.2 Single Blog Post *************/

article.blog-post-content {
    margin-top: 0;
}

article.blog-post-content .blog-thumbnail {
    padding: 0;
    overflow: hidden;
    height: 350px;
    margin-bottom: 40px;
    position: relative;
}

article.blog-post-content .blog-thumbnail img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

article.blog-post-content .blog-thumbnail img.vertical-image {
    display: block;
    width: auto;
    margin: 0 auto;
}

article.blog-post-content .date {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #f6f6f6;
    text-align: center;
    padding: 10px 15px;
    line-height: 1;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

article.blog-post-content .date span.day {
    display: block;
    font-size: 24px;
    font-weight: 700;
}

article.blog-post-content .date span.publish-month {
    font-size: 14px;
    text-transform: uppercase;
}


/* Description */

article.blog-post-content .blog-desc .blog-title {
    margin: 0 0 10px 0;
}

.blog-post-content .social-sharing-wrapper {
    margin-top: 40px;
}


/*********** 4.3 Blog Post Navigation *************/

.post-navigation {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 20px;
    padding-bottom: 20px;
}

.post-navigation .post-navigation-title {
    display: none;
}

.post-navigation .nav-links {
    display: inline-block;
    width: 100%;
    padding-top: 12px;
}

.post-navigation .nav-links .nav-next a,
.post-navigation .nav-links .nav-previous a {
    display: inline-block;
    max-width: 250px;
    position: relative;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.post-navigation .nav-links .nav-next {
    float: left;
    position: relative;
}

.post-navigation .nav-links .nav-next a {
    padding-left: 25px !important;
}

.post-navigation .nav-links .nav-next a:before {
    content: '\f104';
    font-family: 'fontawesome';
    color: #fff;
    position: absolute;
    left: 10px;
}

.post-navigation .nav-links .nav-previous {
    float: right;
    position: relative;
}

.post-navigation .nav-links .nav-previous a {
    padding-right: 25px !important;
}

.post-navigation .nav-links .nav-previous a:after {
    content: '\f105';
    font-family: 'fontawesome';
    color: #fff;
    position: absolute;
    right: 10px;
}


/*********** 4.4 Blog Post Comments *************/

section.comments {
    padding: 0;
}

section.comments .comment-form .logged-in-as {
    margin: 0;
    padding: 30px 0 10px 0;
}

section.comments .comment-form .logged-in-as a {
    color: inherit;
}

.comments > h4 {
    text-transform: uppercase;
}

.comments .comment-list {
    list-style: none;
    padding: 0;
}

.bypostauthor {
    opacity: 1;
}

.comment-reply-title {
    margin: 0;
}

.comments .comment-list > .comment {
    padding: 40px 0;
    border-bottom: 1px solid #e3e3e3;
}

.comments .comment-list .comment:last-child {
    border-bottom: 0;
}

.comments .comment-list .commenter-avatar {
    position: relative;
    width: 65px;
    height: 65px;
    margin-right: 30px;
}

.comments .comment-list .commenter-avatar:before {
    content: '';
    display: block;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    z-index: 0;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .15;
}

.comments .comment-list .commenter-avatar:after {
    content: '';
    display: block;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    z-index: 0;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .1;
}

.comments .comment-list .commenter-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
    position: relative;
}

.comments .comment-list .comment-content h6 {
    text-transform: capitalize;
    padding-bottom: 5px;
    margin: 0;
}

.comments .comment-list .comment-content .comment-info {
    padding-bottom: 20px;
}

.comments .comment-list .comment-content span.date {
    font-size: 14px;
    color: inherit;
}


/* Comment Replies */

.comments .comment-list .children {
    margin-top: 60px;
    padding-left: 100px;
    list-style: none;
}

.comments .comment-list .children .comment {
    padding-bottom: 40px
}

.comments .comment-list .children .comment:last-child {
    padding-bottom: 0;
}

.comments .comment-list .children .comment > .children {
    margin-top: 40px;
    padding-left: 0;
}


/* Comment Pingback */

.comments ul li.pingback {
    display: block;
    margin: 0 0 20px 90px;
    position: relative;
    border-bottom: 1px solid #eee;
}


/* Comment Navigation */

.comment-navigation .comment-navigation-title {
    display: none;
}


/* Comment Form */

.comment-form textarea {
    resize: none;
}


/* ----------------------------------------------------------------------------
    5. Jobs
---------------------------------------------------------------------------- */

/* --------------------------------------
    5.1 Job & Resume Search Filters
-------------------------------------- */

/************** 5.1.1 Default Search Filters *****************/

.job_filters,
.resume_filters,
.company_filters {
    background: #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.job_filters .search_jobs,
.company_filters .search_companies,
.resume_filters .search_resumes {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1em;
}

.job_filters .search_jobs > div,
.company_filters .search_companies > div,
.resume_filters .search_resumes > div {
    width: 100%;
    margin-bottom: 10px;
}

.job_filters .search_jobs > div:last-child,
.company_filters .search_companies > div:last-child,
.resume_filters .search_resumes > div:last-child {
    margin: 0;
}

.job_filters .search_jobs div.filter_last,
.job_filters .search_jobs div.search_keywords,
.job_filters .search_jobs div.search_salary_min,
.job_filters .search_jobs div.search_rate_min,
.company_filters .search_companies div.search_keywords,
.resume_filters .search_resumes div.resume-filter.search_skills {
    padding-right: .5em;
    width: 50%;
}

.job_filters .search_jobs div.filter_last, 
.job_filters .search_jobs div.search_location,
.job_filters .search_jobs div.search_region,
.job_filters .search_jobs div.search_salary_max,
.job_filters .search_jobs div.search_rate_max,
.company_filters .search_companies div.search_location,
.resume_filters .search_resumes div.resume-filter.search_by_rate {
    padding-left: .5em;
    width: 50%;
}

.resume_filters .search_location,
.company_filters .search_location,
.job_filters .search_jobs div.search_location {
    position: relative;
}

.resume_filters .search_resumes div.resume-filter label {
    display: inline-block !important;
}

.resume_filters .search_resumes div.resume-filter.search_categories {
    padding: 0;
}

.job_filters .search_jobs input[type="submit"] {
    margin: 10px 0;
}

/* Advanced Search Filters */
.job_filters .search_jobs .advanced-search-btn {
    text-align: right;
}

.job_filters .advanced-search-filters {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.job_filters .advanced-search-filters.active {
    max-height: 600px;
    opacity: 1;
    visibility: visible;
}

.job_filters .advanced-search-filters > div {
    margin-bottom: 10px;
}

.job_filters .advanced-search-filters > div:last-child {
    margin: 0;
}

/* Job Types */
.job_filters .job_types {
    background: #e9e9e9;
    font-size: 0.8em;
    padding: 5px 0;
    border: 0;
    list-style: none;
}

.job_filters .job_types li {
    display: inline-block !important;
    margin: 0;
    padding: 0.5em 1em;
    border: 0;
    display: inherit;
}

.job_filters .job_types li .checkbox {
    margin: 0;
}

.job_filters .job_types li label {
    background: none !important;
    color: inherit;
}

/* Geolocation */
.resume_filters .geolocation,
.company_filters .geolocation,
.job_filters .geolocation {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 1px;
    display: block;
}

/* Single Selectbox */
select#search_region,
select#search_categories {
    outline: none;
    color: #999;
    background: #fff;
}

/**** Job Types ****/
.rp4wp-related-job_listing > ul li.job_listing a .meta .job-type,
.rp4wp-related-job_listing > ul li.no_job_listings_found a .meta .job-type,
span.job-type {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    padding: 5px 15px;
    position: relative;
    font-size: 14px;
    color: #f6f6f6 !important;
    background: #dadada;
}

.job-manager .full-time,
.job-types .full-time,
.job_listing .full-time,
.single_job_listing .meta .full-time,
.job-type.full-time {
    background: #2ecc71;
}

.job-manager .part-time,
.job-types .part-time,
.job_listing .part-time,
.single_job_listing .meta .part-time,
.job-type.part-time {
    background: #443088;
}

.job-manager .freelancer,
.job-types .freelancer,
.job_listing .freelancer,
.single_job_listing .meta .freelancer,
.job-type.freelancer {
    background: #29b1fd;
}

.job-manager .internship,
.job-types .internship,
.job_listing .internship,
.single_job_listing .meta .internship,
.job-type.internship {
    background: #e69d29;
}

.job-manager .temporary,
.job-types .temporary,
.job_listing .temporary,
.single_job_listing .meta .temporary,
.job-type.temporary {
    background: #dc7f5a;
}

/**** Job Tags ****/
.job_filters .filter_by_tag .filter_by_tag_cloud,
.resume_filters .filter_by_tag .filter_by_tag_cloud {
    display: block;
    margin-top: 5px;
}

.job_filters .filter_by_tag .filter_by_tag_cloud a,
.resume_filters .filter_by_tag .filter_by_tag_cloud a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 1em;
    padding: 5px;
    margin-right: 2px;
    text-transform: uppercase;
}

.job_filters .filter_by_tag .filter_by_tag_cloud a:before,
.resume_filters .filter_by_tag .filter_by_tag_cloud a:before {
    content: "\f02b";
    font-family: "FontAwesome";
    font-weight: normal;
    margin-right: 0.5em;
}

p.job_tags {
    color: #999;
    padding: 20px 0;
    margin: 0;
    border-top: 1px solid #e3e3e3;
}

p.job_tags:before {
    content: '\f02b';
    font-family: "FontAwesome";
    margin-right: 7px;
}

/**** Showing Jobs & Resumes ****/
.job_filters .showing_jobs,
.resume_filters .showing_resumes {
    background: #fff;
    padding: 15px 0 0 0;
    color: #999;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}

.job_filters .showing_jobs a,
.job_filters .showing_resumes a,
.resume_filters .showing_jobs a,
.resume_filters .showing_resumes a {
    background: none !important;
    float: right;
    margin-left: 20px;
}

.job_filters .showing_jobs a.reset,
.job_filters .showing_resumes a.reset,
.resume_filters .showing_jobs a.reset,
.resume_filters .showing_resumes a.reset {
    color: #c81313;
}

.job_filters .showing_jobs a.reset:hover,
.job_filters .showing_resumes a.reset:hover,
.resume_filters .showing_jobs a.reset:hover,
.resume_filters .showing_resumes a.reset:hover {
    color: #821212;
}

.job_filters .showing_jobs a:after,
.job_filters .showing_resumes a:after,
.resume_filters .showing_jobs a:after,
.resume_filters .showing_resumes a:after {
    font-family: "FontAwesome";
    font-weight: normal;
    margin-left: 7px;
}

.job_filters .showing_jobs a.rss_link:after,
.job_filters .showing_resumes a.rss_link:after,
.resume_filters .showing_jobs a.rss_link:after,
.resume_filters .showing_resumes a.rss_link:after {
    content: "\f09e";
}

.job_filters .showing_jobs a.reset:after,
.job_filters .showing_resumes a.reset:after,
.resume_filters .showing_jobs a.reset:after,
.resume_filters .showing_resumes a.reset:after {
    content: "\f00d";
}

.job_filters .showing_jobs a.alert {
    padding: 0;
    margin: 0;
}

.job_filters .showing_jobs a.alert:after {
    content: "\f0f3";
}

/* AJAX Search Results */
.job-search-form .search-results {
    display: none;
    position: absolute;
    top: 100%;
    left: 15px;
    right: 15px;
    background: #fff;
    margin-top: -3px;
    z-index: 10;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.job-search-form.is-focused .search-results,
.job-search-form.searching .search-results {
    display: block;
}

.job-search-form .search-results .search-loader {
    opacity: 0;
    display: none;
    font-size: 22px;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #e3e3e3;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.job-search-form.searching .search-results .search-loader {
    opacity: 1;
    display: block;
}

.job-search-form .search-results .search-loader span:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    margin: 10px auto;
    border: 1px solid #333;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
}

.job-search-form .search-results {
    overflow: hidden;
}

.job-search-form .search-results ul {
    margin: 0;
    padding: 0;
    max-height: 250px;
    border-top: 1px solid #e3e3e3;
}

.job-search-form .search-results ul::-webkit-scrollbar {
    display: none;
}

.job-search-form .search-results ul li {
    width: 100%;
    padding: 15px;
    margin-bottom: 0;
    border-top: none;
    list-style: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.job-search-form .search-results ul li + li {
    border-top: 1px solid #e3e3e3;
}

.job-search-form .search-results ul li:hover {
    background: #f0f0f0;
}

.job-search-form .search-results ul li .search-item {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: inherit;
    color: inherit;
}

.job-search-form .search-results ul li .search-item img {
    width: 50px;
    margin-right: 30px;
}

.job-search-form .search-results ul li .search-item .title {
    font-size: inherit;
    padding: 0;
    display: block;
    color: #333;
}

.job-search-form .search-results ul li .search-item .location {
    display: block;
    font-size: .8em;
}

/*********** 5.1.2 Job Search - Box Version *************/

form.vc_job_search input.btn {
    width: 100%;
}

.job-search-form-box {
    background: #fff;
    max-width: 500px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 40px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 0 40px rgba(51, 51, 51, .5);
    box-shadow: 0 0 40px rgba(51, 51, 51, .5);
}

.job-search-form-box .form-title {
    padding: 15px 0;
    margin-bottom: 30px;
    text-align: center;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.job-search-form-box .form-title .title {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.job-search-form-box .search-keywords input,
.job-search-form-box .search-categories .bootstrap-select button,
.job-search-form-box .search-location input {
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
}

.job-search-form .search-keywords input,
.job-search-form .search-location input,
.job-search-form-box .search-keywords input,
.job-search-form-box .search-location input {
    padding-right: 50px;
}

.job-search-form-box .search-keywords,
.job-search-form-box .search-categories,
.job-search-form-box .search-location,
.job-search-form-box .search-region,
.job-search-form-box .search-submit {
    padding: 0 30px;
}

.job-search-form-box .search-submit i {
    padding-right: 5px;
}

/* Geolocation */
.job-search-form .geolocation,
.job-search-form-box .geolocation {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 30px;
    display: block;
}

.job-search-form .geolocation {
    right: 15px;
}

.geolocation i.geolocate {
    font-size: 16px;
    cursor: pointer;
    opacity: .6;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.geolocation i.geolocate:hover {
    opacity: 1;
}

.geolocation i.geolocate:before {
    content: "\f05b";
    font-family: 'fontawesome';
    font-style: normal;
}

.geolocation i.geolocate.load {
    cursor: auto;
    color: #999 !important;
    opacity: .6;
}

.geolocation i.geolocate.load:before {
    content: "\f1ce";
}

/*********** 5.1.3 Job - Resume Search Tabs *************/

.job-resume-tab-search .search-submit label {
    opacity: 0;
}

.job-resume-tab-search .search-submit input {
    height: 48px;
}

/* Version 2 */
.job-resume-tab-search .tab-container.version-2 form > div {
    width: 100%;
    margin-bottom: 20px;
}

.job-resume-tab-search .tab-container.version-2 .search-submit label {
    display: none;
}

/*********** 5.1.4 Job - Resume Sidebar Search *************/
.sidebar aside.widget.job-search-widget,
.sidebar aside.widget.resume-search-widget,
.sidebar aside.widget.company-search-widget {
    background: none;
    border: 0;
    padding: 0;
}

.sidebar aside.job-search-widget .job_filters,
.sidebar aside.widget.resume-search-widget .resume_filters,
.sidebar aside.widget.company-search-widget .company_filters {
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.sidebar aside.job-search-widget .job_filters .search_jobs,
.sidebar aside.widget.resume-search-widget .resume_filters .search_resumes,
.sidebar aside.widget.company-search-widget .company_filters .search_companies {
    background: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sidebar aside.job-search-widget .job_filters .search_jobs > div,
.sidebar aside.widget.resume-search-widget .resume_filters .search_resumes > div,
.sidebar aside.widget.company-search-widget .company_filters .search_companies > div  {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}

.sidebar aside.job-search-widget .job_filters .search_jobs > div:last-child,
.sidebar aside.widget.resume-search-widget .resume_filters .search_resumes > div:last-child,
.sidebar aside.widget.company-search-widget .company_filters .search_companies > div:last-child {
    margin-bottom: 0;
}

.sidebar aside.job-search-widget .job_filters .search_jobs .job_types {
    background: none;
}

.sidebar aside.job-search-widget .showing_jobs {
    text-align: right;
    background: none;
}

.sidebar aside.widget.resume-search-widget .showing_resumes {
    background: none;
    border: 0;
}

/* --------------------------------------
    5.2 Job Listings
-------------------------------------- */

ul.job_listings {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}

ul.job_listings.loading {
    opacity: .4;
    position: relative;
    pointer-events: none;
}

/************** 5.2.1 List Layout *****************/

/********* Version 1 *********/
ul.job_listings .job_listing.job-list.single_job_listing_1 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

ul.job_listings .job_listing.job-list.single_job_listing_1:hover,
ul.job_listings .job_listing.job-list.single_job_listing_2:hover {
    background: #f6f6f6;
}

ul.job_listings .job_listing.job-list.single_job_listing_1:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_1:last-child {
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 > a,
ul.job_listings .job_listing.job-list.single_job_listing_2 > a {
    display: block;
    padding: 30px;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Company */
ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-company,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-company {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-company,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-company {
    width: 85px;
    height: 85px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f6f6f6;
    padding: 10px;
    margin-right: 20px;
    position: relative;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-company img.company_logo,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-company img.company_logo {
    width: 100%;
    height: auto;
}

/* Main */
ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main .job-title .title,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main .job-title .title {
    display: inline-block;
    margin: 0;
    padding-bottom: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main .job-info,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main .job-info {
    color: #948a99;
    text-transform: capitalize;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main .job-info span,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main .job-info span {
    padding-right: 10px;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main .job-info span:last-child,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main .job-info span:last-child {
    padding-right: 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main .job-info span i,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main .job-info span i {
    padding-right: 5px;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main ul.meta,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main ul.meta {
    width: 100%;
    padding: 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-main ul.meta li.date,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-main ul.meta li.date {
    padding-top: 5px;
}

/* Meta */
ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-meta,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-meta {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-meta .meta,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-meta .meta {
    list-style: none;
    text-align: right;
    color: #948a99;
    padding: 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-meta .job-type-wrapper, 
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-meta .job-type-wrapper {
    margin: 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-meta .job-type-wrapper > span, 
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-meta .job-type-wrapper > span {
    display: inline-block;
    margin: 0 0 5px 5px;
    line-height: 17px;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-content-wrapper .job-content-meta .job-type-wrapper > span:first-child, 
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-content-wrapper .job-content-meta .job-type-wrapper > span:first-child {
    margin: 0 0 5px 0;
}

/* Applied */
ul.job_listings .job_listing.job-list.single_job_listing_1 .job-manager-applications-applied-notice,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-manager-applications-applied-notice {
    color: #6fde83;
    float: none;
    font-size: 12px;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 .job-manager-applications-applied-notice::before,
ul.job_listings .job_listing.job-list.single_job_listing_2 .job-manager-applications-applied-notice::before {
    font-size: 12px;
    vertical-align: bottom;
    text-align: center;
}

/* Featured */
ul.job_listings .job_listing.job-list.single_job_listing_1.job_position_featured,
ul.job_listings .job_listing.job-list.single_job_listing_2.job_position_featured {
    background: #fefff6;
    overflow: hidden;
}

ul.job_listings .job_listing.job-list.single_job_listing_1.job_position_featured:before,
ul.job_listings .job_listing.job-list.single_job_listing_2.job_position_featured:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    left: -40px;
    position: absolute;
    top: -40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.job_listings .job_listing.job-list.single_job_listing_1.job_position_featured:after,
ul.job_listings .job_listing.job-list.single_job_listing_2.job_position_featured:after {
    color: #fff;
    content: "\f005 ";
    font-family: "fontawesome";
    position: absolute;
    font-size: 16px;
    left: 10px;
    top: 5px;
}

ul.job_listings .job_listing.job-list.single_job_listing_1 span.job-item-badge,
ul.job_listings .job_listing.job-list.single_job_listing_2 span.job-item-badge {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    padding: 5px 15px;
    position: relative;
    font-size: 14px;
    color: #f6f6f6 !important;
    background: #dadada;
}

ul.job_listings span.job-item-badge.new-job,
.job-type.new-job-tag {
    background: #6fde83 !important;
}

/********* Version 2 *********/
ul.job_listings .job_listing.job-list.single_job_listing_2 {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

ul.job_listings .job_listing.job-list.single_job_listing_2:last-child {
    margin: 0;
}

/********* Version 3 *********/
ul.job_listings .job_listing.job-list.single_job_listing_3 {
    position: relative;
    width: 100%;
    padding: 0 0 40px 0;
    margin-bottom: 40px;
    border: 0;
    border-bottom: 1px solid #f0f0f0;
}

ul.job_listings .job_listing.job-list.single_job_listing_3:last-child,
ul.job_listings .job_listing.job-list.single_job_listing_4:last-child {
    margin: 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .job-content-wrapper,
ul.job_listings .job_listing.job-list.single_job_listing_4 .job-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 100%;
}

/* Featured */
ul.job_listings .job_listing.job-list.single_job_listing_3.job_position_featured:before,
ul.job_listings .job_listing.job-list.single_job_listing_4.job_position_featured:before {
    content: 'featured';
    background: #a74bce;
    color: #fff;
    padding: 10px;
    position: absolute;
    left: -15px;
    top: 15px;
    z-index: 2;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

ul.job_listings .job_listing.job-list.single_job_listing_3.job_position_featured:after,
ul.job_listings .job_listing.job-list.single_job_listing_4.job_position_featured:after {
    content: '';
    position: absolute;
    top: 27px;
    left: 10px;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #8c35b1;
    border-width: 16px 4px 14px 26px;
    margin-left: -19px;
    -webkit-transform: rotate(-149deg);
    -moz-transform: rotate(-149deg);
    -ms-transform: rotate(-149deg);
    -o-transform: rotate(-149deg);
    transform: rotate(-149deg);
}

/* Listing Media */
ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media,
ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-media {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media .job-company {
    position: relative;
    width: 250px;
    height: 220px;
    background-size: cover;
    background-color: #f0f0f0;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media .job-company.with-bg:before,
ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-media .job-company.with-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media .job-company .company_logo,
ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-media .job-company .company_logo {
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate( -50%, -50%);
    -moz-transform: translate( -50%, -50%);
    -ms-transform: translate( -50%, -50%);
    -o-transform: translate( -50%, -50%);
    transform: translate( -50%, -50%);
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media .tag-group,
ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-media .tag-group {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-media span,
ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-media span {
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}

/* Listing Body */
ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-body {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7;
    padding: 0 40px;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-body .job-title .title,
ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-body .job-title .title {
    margin-top: 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-body .job-info span,
ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-body .job-info span {
    display: block;
    padding-bottom: 5px;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-body .job-actions {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-body .job-actions a {
    margin-right: 5px;
    max-height: 45px;
}

ul.job_listings .job_listing.job-list.single_job_listing_3 .listing-body .job-actions .date {
    font-size: .85em;
    opacity: .5;
    align-self: center;
}

/********* Version 4 *********/
ul.job_listings .job_listing.job-list.single_job_listing_4 {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

ul.job_listings .job_listing.job-list.single_job_listing_4:hover {
    -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate(-5px, -5px);
    -moz-transform: translate(-5px, -5px);
    -ms-transform: translate(-5px, -5px);
    -o-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px);
}

ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-media .job-company {
    position: relative;
    width: 250px;
    height: 100%;
    min-height: 200px;
    background-size: cover;
    background-color: #f0f0f0;
}

ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-body {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7;
    padding: 40px;
    background: #fff;
    border: 1px dashed #e3e3e3;
    border-left: 0;
}

ul.job_listings .job_listing.job-list.single_job_listing_4 .listing-body .job-actions .date {
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: .85em;
    opacity: .3;
}

/************** 5.2.2 Grid Layout *****************/

ul.job_listings.job_grid.load-previous-active {
    margin-top: 120px !important;
}

/********* Version 1 *********/
ul.job_listings .job_listing.job-grid.single_job_listing_1 {
    margin-bottom: 40px;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1:last-child {
    margin: 0;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .job-content-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    border: 1px solid #e3e3e3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .job-content-wrapper:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

/* Featured */
ul.job_listings .job_listing.job-grid.single_job_listing_1.job_position_featured .job-content-wrapper:before {
    content: 'featured';
    background: #a74bce;
    color: #fff;
    padding: 10px;
    position: absolute;
    left: -15px;
    top: 15px;
    z-index: 2;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1.job_position_featured .job-content-wrapper:after {
    content: '';
    position: absolute;
    top: 27px;
    left: 10px;
    height: 0;
    width: 0;
    z-index: -1;
    border: solid transparent;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #8c35b1;
    border-width: 16px 4px 14px 26px;
    margin-left: -19px;
    -webkit-transform: rotate(-149deg);
    -moz-transform: rotate(-149deg);
    -ms-transform: rotate(-149deg);
    -o-transform: rotate(-149deg);
    transform: rotate(-149deg);
}

/* Listing Media */
ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media .job-company {
    position: relative;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-color: #f0f0f0;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media .job-company.with-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media .job-company .company_logo {
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate( -50%, -50%);
    -moz-transform: translate( -50%, -50%);
    -ms-transform: translate( -50%, -50%);
    -o-transform: translate( -50%, -50%);
    transform: translate( -50%, -50%);
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media .tag-group {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media .tag-group span {
    padding: 4px 10px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media .job-cat {
    position: absolute;
    top: 15px;
    right: 10px;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-media .job-cat span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px 15px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
    background: #e69d29;
    border: 0;
    text-transform: capitalize;
}

/* Listing Body */
ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-body {
    padding: 30px 20px;
    background: #fff;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-body .job-title .title {
    margin-top: 0;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-body .job-info span,
ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-body .job-info span {
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-body .job-actions {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-body .job-actions a {
    margin-right: 5px;
    max-height: 45px;
}

ul.job_listings .job_listing.job-grid.single_job_listing_1 .listing-body .job-actions .date {
    opacity: .5;
}

/********* Version 2 *********/
ul.job_listings .job_listing.job-grid.single_job_listing_2 {
    margin-bottom: 40px;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2:hover {
    -webkit-transform: translate(-5px, -5px);
    -moz-transform: translate(-5px, -5px);
    -ms-transform: translate(-5px, -5px);
    -o-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px);
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .job-content-wrapper {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .job-content-wrapper:hover {
    -webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
}

ul.job_listings .job_listing.job-grid.single_job_listing_2:last-child {
    margin: 0;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .job-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    width: 100%;
}

/* Featured */
ul.job_listings .job_listing.job-grid.single_job_listing_2.job_position_featured:before {
    content: 'featured';
    background: #a74bce;
    color: #fff;
    padding: 10px;
    position: absolute;
    left: 5px;
    top: 15px;
    z-index: 2;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2.job_position_featured:after {
    content: '';
    position: absolute;
    top: 27px;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #8c35b1;
    border-width: 16px 4px 14px 26px;
    margin-left: -19px;
    -webkit-transform: rotate(-149deg);
    -moz-transform: rotate(-149deg);
    -ms-transform: rotate(-149deg);
    -o-transform: rotate(-149deg);
    transform: rotate(-149deg);
}

/* Listing Media */
ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-media {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-media .job-company {
    position: relative;
    width: 250px;
    height: 100%;
    min-height: 200px;
    background-size: cover;
    background-color: #f0f0f0;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-media .job-company.with-bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-media .job-company .company_logo {
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate( -50%, -50%);
    -moz-transform: translate( -50%, -50%);
    -ms-transform: translate( -50%, -50%);
    -o-transform: translate( -50%, -50%);
    transform: translate( -50%, -50%);
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-media .tag-group {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-media span {
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}

/* Listing Body */
ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-body {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7;
    padding: 40px;
    border: 1px dashed #e3e3e3;
    border-left: 0;
}

ul.job_listings .job_listing.job-grid.single_job_listing_2 .listing-body .job-title .title {
    margin-top: 0;
}

/************** 5.2.3 Indeed & ZipRecruiter *****************/

/****** ZipRecruiter *****/
ul.job_listings .job_listing.ziprecruiter_job_listing,
ul.job_listings .job_listing.indeed_job_listing {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

ul.job_listings .job_listing.ziprecruiter_job_listing:hover,
ul.job_listings .job_listing.indeed_job_listing:hover {
    background: #f6f6f6;
}

ul.job_listings .job_listing.ziprecruiter_job_listing > a,
ul.job_listings .job_listing.indeed_job_listing > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}

ul.job_listings .job_listing.ziprecruiter_job_listing .company_logo,
ul.job_listings .job_listing.indeed_job_listing img {
    width: 85px;
    height: 85px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f6f6f6;
    padding: 10px;
    margin-right: 20px;
    position: relative;
}

ul.job_listings .job_listing.ziprecruiter_job_listing .position h3,
ul.job_listings .job_listing.indeed_job_listing .position h3 {
    font-size: 20px;
    display: inline-block;
    margin: 0;
    padding-bottom: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

ul.job_listings .job_listing.ziprecruiter_job_listing .position .company,
ul.job_listings .job_listing.ziprecruiter_job_listing .location,
ul.job_listings .job_listing.ziprecruiter_job_listing .meta {
    color: #948a99;
}

ul.job_listings .job_listing.ziprecruiter_job_listing .meta,
ul.job_listings .job_listing.indeed_job_listing .meta {
    list-style: none;
}

/********* Indeed *********/

ul.job_listings .wp-job-manager-attribution-row {
    list-style: none;
    margin: 0;
    background: #f6f6f6 !important;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

ul.job_listings .wp-job-manager-attribution-row a {
    display: inline !important;
    padding: 0 !important;
    line-height: 1 !important;
    float: right;
}

/************** 5.2.4 JOB CAROUSEL *****************/

.job-carousel.visible-carousel .owl-stage-outer {
    overflow: visible;
}

.job-carousel .owl-item {
    opacity: .25;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

.job-carousel .owl-item.active {
    opacity: 1;
}

.job-carousel .single-job {
    margin-bottom: 15px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.job-carousel .single-job .company {
    background: #f0f0f0;
    padding: 30px;
    border-bottom: 1px solid #e3e3e3;
}

.job-carousel .single-job .company img {
    width: 65%;
    margin: 0 auto;
    display: block;
}

.job-carousel .job-info {
    background: #fff;
    padding: 30px 20px;
}

.job-carousel .job-info .job-title {
    overflow: hidden;
}

.job-carousel .job-info .job-title h5 {
    margin: 0;
}

.job-carousel .job-info a {
    color: inherit;
}

.job-carousel .job-info .job-title span {
    display: inline-block;
    margin-top: 10px;
}

.job-carousel .job-info .job-meta {
    margin-top: 15px;
}

.job-carousel .job-info .job-meta i {
    padding-right: 5px;
}

.job-carousel .job-info .job-meta span#location {
    margin-left: 5px;
}

.job-carousel .job-info .job-description {
    margin-top: 20px;
    word-break: break-all;
}


/************** 5.2.5 EXTRAS *****************/

div.job_listings .load_more_jobs {
    display: inline-block;
    border: 0;
    margin-top: 40px;
}

div.job_listings .load_more_jobs:hover,
div.job_listings .load_more_jobs:focus {
    border: 0;
    background: none;
}

.no_job_listings_found,
.no_resumes_found,
.no_companies_found {
    background: #d9edf7 !important;
    color: #31708f !important;
    padding: 25px 40px !important;
    border: 0 !important;
    width: 100%;
    float: left;
}

/****** Quick View ******/

.job-listing-quick button.mfp-close {
    color: #333;
}

.job-listing-quick .mfp-content {
    max-width: 1140px;
}

.job-listing-quick .mfp-content .job-listing {
    background: #fff;
}

.job-listing-quick .mfp-content .job-listing .job-summary {
    padding: 0;
}

.job-listing-quick .mfp-content .job-listing .single-job-listing {
    padding: 40px;
    max-height: 500px;
    overflow: hidden !important;
}

.job-listing-quick .mfp-content .job-listing #job-map {
    height: 500px;
    background: #f0f0f0;
}

.job-listings-main .job-actions .job-quickview {
    text-align: center;
    height: 44px;
    width: 44px;
    position: relative !important;
    line-height: 44px;
    color: #f6f6f6 !important;
    border: 0;
    z-index: 1 !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.job-listings-main .job-actions .job-quickview.loading i:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: 12px auto 0 auto;
    border: 1px solid #fff;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
}

/****** Listing Loader ******/

.job_listings .listing-loader,
.resumes .listing-loader {
    top: 500px;
}

.company_listings .listing-loader {
    top: 300px;
}

.listing-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.listing-loader > div {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #ffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}

.listing-loader > div:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 13px;
    border: 1px solid #333;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
}

/* --------------------------------------
    5.3 Single Job
-------------------------------------- */

.single-job-listing .company-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e3e3;
}

.single-job-listing .company-info .job-company {
    width: 120px;
    height: 120px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f6f6f6;
    padding: 20px;
}

.single-job-listing .company-info .job-company img {
    width: 100%;
}

.single-job-listing .job-company-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding-left: 40px;
}

.single-job-listing .company-info .job-company-info .single-job-listing-company-name {
    font-size: 28px;
    margin: 0;
}

.single-job-listing .company-info .job-company-info .single-job-listing-company-name a {
    color: inherit;
}

.single-job-listing .company-info .job-company-info .single-job-listing-company-contact {
    padding-top: 5px;
}

.single-job-listing .company-info .job-company-info .single-job-listing-company-contact a,
.single-job-listing .company-info .job-company-info .single-job-listing-company-contact span {
    color: inherit;
    padding-right: 15px;
}

.single-job-listing .company-info .job-company-info .single-job-listing-company-contact i {
    padding-right: 5px;
}

.single-job-listing .job-content .company_video {
    margin-bottom: 40px;
}

.single-job-listing .job-content .company_video iframe {
    width: 100%;
}

.single-job-listing .job-description {
    margin-top: 50px;
}

.single-job-listing .job_application {
    margin: 20px 0;
}

.job-manager-single-alert-link a {
    color: inherit;
}

/***** Sidebar *****/

.job-sidebar .widget {
    border: 1px solid #e3e3e3;
    padding: 35px;
    margin-top: 40px;
}

.job-sidebar .widget h3,
.job-sidebar .widget h4,
.job-sidebar .widget h5 {
    margin: 0;
}

.job-sidebar aside.widget .widget-title,
.resume-sidebar aside.widget .widget-title,
.company-sidebar aside.widget .widget-title {
    font-size: 24px;
    margin-top: 0;
}

.job-sidebar .widget-job-overview {
    margin: 0;
}

.job-sidebar .widget-job-overview a {
    color: inherit;
}

.job-sidebar .single-job-overview-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.job-sidebar .single-job-overview-detail:last-child {
    margin: 0;
}

.job-sidebar .single-job-overview-detail .icon {
    align-self: center;
    padding-right: 20px;
}

.job-sidebar .single-job-overview-detail .icon i {
    font-size: 28px;
}

.job-sidebar .single-job-overview-detail .content h6 {
    margin: 0;
}

.job-sidebar .job-manager-applications-applied-notice {
    font-size: 1em;
    line-height: 1.5em;
    background: #2ecc71;
    color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.job-sidebar .job_application .application_button,
.job-sidebar .job_application input {
    width: 100%;
}

input.apply-with-facebook,
input.apply-with-xing {
    outline: none;
    min-width: 160px;
    margin: 0 15px 15px 0 !important;
    padding: 15px 25px;
    position: relative;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    color: #f6f6f6 !important;
    text-transform: uppercase;
    border: 0;
    z-index: 1 !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.apply-with-facebook {
    background: #3c5b9a;
    margin: 0;
}

input.apply-with-xing {
    background: #118383;
    margin: 0;
}

.job-sidebar #job-map {
    height: 250px;
    width: 100%;
}


/* Application box */

.job-app-msg .content {
    background: #fff;
    text-align: center;
    padding: 40px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.job-app-msg .content a {
    display: block;
    font-weight: 700;
    font-size: 18px;
}


/********** Related Jobs **********/

.single-related-job {
    margin-top: 5px;
    border: 1px solid #e3e3e3;
    background: #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.single-related-job:hover {
    background: #f5f5f5;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.single-related-job .job-info-wrapper {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e3e3e3;
}

.single-related-job .logo-wrapper {
    width: 45px;
    display: inline-block;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}

.single-related-job .job-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
}

.single-related-job .title {
    display: inline-block;
    margin: 0;
    font-size: 16px;
}

.single-related-job ul {
    padding: 0;
    list-style: none;
}

.single-related-job ul li {
    display: block;
    margin: 7px 0 0 0;
    padding: 0;
    font-size: 12px;
    color: #948a99;
}

.single-related-job ul li i {
    font-size: 16px;
    margin-right: 5px;
}

.single-related-job .job-extras {
    padding: 10px 20px;
}

.single-related-job .job-extras .job-type-icon {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    background: #303af7;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.single-related-job .job-extras .job-type-icon:before {
    content: "\e04b";
    font-family: 'simple-line-icons';
}

.single-related-job .job-extras .job-types {
    font-size: 12px;
    padding-left: 5px;
    color: initial;
}

/* --------------------------------------
    5.4 Job - Employer Dashboard
-------------------------------------- */

#job-manager-job-dashboard table.job-manager-jobs,
#resume-manager-candidate-dashboard table.resume-manager-resumes,
table.job-manager-alerts,
table.job-manager-bookmarks,
table.job-manager-past-applications {
    width: 100%;
    border: 0;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#job-manager-job-dashboard table.job-manager-jobs thead,
#resume-manager-candidate-dashboard table.resume-manager-resumes thead,
table.job-manager-alerts thead,
table.job-manager-bookmarks thead,
table.job-manager-past-applications tr:first-child {
    background: #1e1f21 !important;
    color: #fff;
}

#job-manager-job-dashboard table.job-manager-jobs thead th,
#resume-manager-candidate-dashboard table.resume-manager-resumes thead th,
table.job-manager-alerts thead th,
table.job-manager-bookmarks thead th,
table.job-manager-past-applications th {
    text-align: left;
    padding: 15px 20px !important;
    font-weight: 500;
    border: 0;
    border-left: 2px solid rgba(255, 255, 255, .2);
}

#job-manager-job-dashboard table.job-manager-jobs thead th.filled,
#resume-manager-candidate-dashboard table.resume-manager-resumes thead th.filled {
    text-align: center;
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr,
#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr,
table.job-manager-alerts tbody tr,
table.job-manager-bookmarks tbody tr,
table.job-manager-past-applications tbody tr {
    border: 2px solid #e3e3e3;
    border-top: 0;
}

table.job-manager-past-applications tbody tr:first-child {
    border: 0;
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr:nth-child(even),
#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr:nth-child(even),
table.job-manager-alerts tbody tr:nth-child(even),
table.job-manager-bookmarks tbody tr:nth-child(even),
table.job-manager-past-applications tbody tr:nth-child(even) {
    background: #f7f7f7;
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td,
#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td,
table.job-manager-alerts tbody tr td,
table.job-manager-bookmarks tbody td,
table.job-manager-past-applications tbody td {
    padding: 30px 20px !important;
    text-align: left;
    vertical-align: middle;
    color: #666;
    border: 0;
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.filled,
#job-manager-job-dashboard table.job-manager-jobs tbody tr td.applications,
#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.filled {
    text-align: center;
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a,
#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a,
table.job-manager-alerts tbody tr td.action a {
    display: block;
    padding: 3px 0;
}

#job-manager-job-dashboard table .job_title small {
    color: #999;
    padding: 0 5px;
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-relist:before,
#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-edit:before,
#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-mark_filled:before,
#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-mark_not_filled:before,
#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-duplicate:before,
#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-delete:before,
#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-continue:before {
    font-family: 'simple-line-icons';
    padding-right: 5px;
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-relist:before {
    content: "\e099";
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-edit:before {
    content: '\e05f';
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-mark_filled:before {
    content: '\e080';
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-mark_not_filled:before {
    content: '\e615';
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-duplicate:before {
    content: '\e040';
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-delete:before {
    content: '\e082';
}

#job-manager-job-dashboard table.job-manager-jobs tbody tr td.action a.job-dashboard-action-continue:before {
    content: '\e079';
}

.job-manager-message {
    background: #e7f7ff;
    color: #0279b5;
    padding: 25px 40px !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.job-manager-message:before {
    display: none;
}

/* --------------------------------------
    5.5 Job Alerts
-------------------------------------- */

table.job-manager-alerts tbody tr td.action a.job-alerts-action-view:before,
table.job-manager-alerts tbody tr td.action a.job-alerts-action-email:before,
table.job-manager-alerts tbody tr td.action a.job-alerts-action-edit:before,
table.job-manager-alerts tbody tr td.action a.job-alerts-action-toggle_status:before,
table.job-manager-alerts tbody tr td.action a.job-alerts-action-delete:before {
    font-family: 'simple-line-icons';
    padding-right: 5px;
}


table.job-manager-alerts tbody tr td.action a.job-alerts-action-view:before {
    content: '\e087';
}

table.job-manager-alerts tbody tr td.action a.job-alerts-action-email:before {
    content: '\e086';
}

table.job-manager-alerts tbody tr td.action a.job-alerts-action-edit:before {
    content: '\e05f';
}

table.job-manager-alerts tbody tr td.action a.job-alerts-action-toggle_status:before {
    content: '\e080';
}

table.job-manager-alerts tbody tr td.action a.job-alerts-action-delete:before {
    content: '\e082';
}

/* Alert submission */
form.job-manager-form.submit-page {
    position: relative;
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 40px 25px;
    padding-bottom: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

/* Alert button on single job */
p.job-manager-single-alert-link {
	margin: 20px 0;
}

p.job-manager-single-alert-link a {
    display: inline-block;
    background: #fff8d8;
    color: #9f8544;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

p.job-manager-single-alert-link a:hover {
	background: #efe8c9;
    color: #9f8544;
}

p.job-manager-single-alert-link a:before {
	content: "\f0f3";
	font-family: "FontAwesome" !important;
	width: auto;
	height: auto;
	font-size: inherit;
	margin-top: 0px;
	margin-right: 10px;
}

/* --------------------------------------
    5.6 SUBMIT JOB & RESUME
-------------------------------------- */

.job-manager-error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f2dede;
    color: #a94442;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.job-manager-form .account-sign-in-label {
    display: none;
}

.job-manager-form fieldset .account-sign-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e7f7ff;
    color: #0279b5;
    padding: 15px 30px;
    margin: 0 0 20px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.job-manager-form fieldset .account-sign-in p {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin: 0;
}

.job-manager-form fieldset .account-sign-in .button-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-self: center;
    text-align: right;
}

#submit-job-form .submit-job-box ~ h2, 
#submit-resume-form .job-info-fields ~ h2 {
    display: none;
}

.job-manager-form .submit-job-box .title {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    margin-top: 0;
    padding-bottom: 20px;
}

.job-manager-form .submit-job-box {
    background: #f6f6f6;
    border: 1px solid #e3e3e3;
    padding: 40px 25px;
    margin-bottom: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

.job-manager-form  .form-fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.job-manager-form .form-fields fieldset,
.job-manager-form fieldset {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0 0 20px 0;
    border: 0;
    line-height: 2;
}

.job-manager-form fieldset.fieldset-rate_min,
.job-manager-form fieldset.fieldset-rate_max, 
.job-manager-form fieldset.fieldset-salary_min,
.job-manager-form fieldset.fieldset-salary_max,
.job-manager-form fieldset.fieldset-company_name,
.job-manager-form fieldset.fieldset-company_select,
.job-manager-form fieldset.fieldset-company_website,
.job-manager-form fieldset.fieldset-company_location,
.job-manager-form fieldset.fieldset-company_category,
.job-manager-form fieldset.fieldset-company_email,
.job-manager-form fieldset.fieldset-company_team_size,
.job-manager-form fieldset.fieldset-company_facebook,
.job-manager-form fieldset.fieldset-company_phone,
.job-manager-form fieldset.fieldset-company_linkedin,
.job-manager-form fieldset.fieldset-candidate_education_level,
.job-manager-form fieldset.fieldset-candidate_experience_years,
.job-manager-form fieldset.fieldset-resume_skills,
.job-manager-form fieldset.fieldset-candidate_rate,
.job-manager-form fieldset.fieldset-candidate_facebook,
.job-manager-form fieldset.fieldset-candidate_twitter,
.job-manager-form fieldset.fieldset-candidate_linkedin,
.job-manager-form fieldset.fieldset-candidate_instagram,
.job-manager-form fieldset.fieldset-candidate_youtube {
    width: 49%;
}

.job-manager-form fieldset .job-manager-uploaded-files .job-manager-uploaded-file,
.job-manager-form fieldset .job-manager-uploaded-files .job-manager-uploaded-file .job-manager-remove-uploaded-file {
    display: block;
}

.job-manager-form fieldset.fieldset-checkbox small.description {
    display: inline-block;
}

.job-manager-form fieldset div.field {
    position: relative;
    width: 100%;
}

.job-manager-form fieldset input.cariera-file-upload {
    position: absolute;
    width: 160px;
    height: 45px;
    bottom: 30px;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

.job-manager-form fieldset label {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    width: 100%;
}

.job-manager-form fieldset #create_account_email {
    margin-bottom: 25px;
}

.job-manager-uploaded-file-name {
	margin-bottom: 10px;
	display: inline-block;
	background: #f0f0f0;
	padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
}

.job-manager-form fieldset small.description {
    opacity: .75;
    font-size: .83em;
    margin: 1.2em 0 0 0;
    display: block;
    line-height: 1.2em;
}

.job-manager-form fieldset .job-manager-uploaded-files .job-manager-uploaded-file {
    display: block;
    margin-bottom: 20px;
}

.job-manager-form fieldset .job-manager-uploaded-files .job-manager-uploaded-file img {
    max-width: 400px;
}

.job-manager-form fieldset.fieldset-recaptcha {
    margin-bottom: 30px;
}

#submit-job-form .save_draft {
    background: none;
    color: #666;
}

#submit-job-form input[type="submit"].disabled,
#submit-resume-form input[type="submit"].disabled {
    opacity: .5;
    cursor: not-allowed;
}

.job-manager-form .spinner {
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    visibility: hidden;
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: middle;
}

.job-manager-form .spinner.is-active {
    visibility: visible;
}

/*** Submission flow ***/
.submission-flow { 
    counter-reset: section; 
    margin-bottom: 50px;
}

.submission-flow ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
}

.submission-flow ul li {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    margin: 0;
    color: #999;
}

.submission-flow ul li::before {
    counter-increment: section;
    content: counter(section);
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #adadad;
    color: #fff;
    margin-right: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.submission-flow ul li::after {
    content: '';
    width: 30px;
    height: 1px;
    margin: 0 20px;
}

.submission-flow ul li:last-child:after {
    display:none
}

/* Company Selection */
#company-selection {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 25px 0;
}

#company-selection .fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 350px;
    height: 200px;
    background: #f6f6f6;
    margin-right: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#company-selection .fieldset:last-child {
    margin-right: 0;
}

#company-selection .fieldset:hover {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
}

#company-selection .fieldset span.icon {
    color: initial;
    font-size: 54px;
    line-height: 1;
    margin-bottom: 15px;
}

#company-selection .fieldset span.text {
    color: initial;
    font-size: 22px;
}

#company-selection .fieldset.active span.icon,
#company-selection .fieldset.active span.text,
#company-selection .fieldset:hover span.icon,
#company-selection .fieldset:hover span.text {
    color: #fff;
}

.job-manager-form .submit-job_company-info.existing .fieldset-company_select,
.job-manager-form .submit-job_company-info.existing .fieldset-company_category .field small,
.job-manager-form .submit-job_company-info.existing .fieldset-company_since .field small {
    display: block;
}

.job-manager-form .submit-job_company-info .fieldset-company_select,
.job-manager-form .submit-job_company-info .fieldset-company_select label small,
.job-manager-form .submit-job_company-info.existing .fieldset-company_name,
.job-manager-form .submit-job_company-info .fieldset-company_category small,
.job-manager-form .submit-job_company-info .fieldset-company_since .field small {
    display: none;
}

.job-manager-form .submit-job_company-info fieldset.hidden {
    display: none !important;
}

.job-manager-form .submit-job_company-info .fieldset-company_select .data-loading {
    font-size: 12px;
    color: #fff;
    background: #24ae24;
    padding: 5px 10px;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

span.company-data-loaded {
    position: fixed;
    display: block;
    width: 150px;
    left: 100%;
    bottom: 30px;
    z-index: 99;
    text-align: center;
    background: #24ae24;
    color: #fff;
    padding: 7px 21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-animation: slide-in, slide-out;
    animation: slide-in, slide-out;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s, 3s;
    animation-delay: .5s, 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.job-manager-form .submit-job_company-info .fieldset-company_select .select2-container--default .select2-selection--single {
    height: 54px;
    line-height: 54px;
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    50% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    75% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes slide-out {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    50% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    75% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    50% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    75% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    100% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    50% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    75% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
    100% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
    }
}

/* --------------------------------------
    5.7 Bookmarks
-------------------------------------- */

.bookmark-wrapper {
    text-align: right;
    margin-top: 15px;
}

.wp-job-manager-bookmarks-form {
    border: 0 !important;
    margin: 0 !important;
}

.wp-job-manager-bookmarks-form.has-bookmark .remove-bookmark-wrapper {
    background: #e7f7ff;
    padding: 15px 30px;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.wp-job-manager-bookmarks-form>div:not(.bookmark-details) .remove-bookmark {
    padding: 5px 10px;
    visibility: visible;
    font-size: 12px;
    background: #a94442;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.wp-job-manager-bookmarks-form.has-bookmark .remove-bookmark-wrapper a.bookmark-notice {
    color: #0279b5;
    padding: 0;
}

.wp-job-manager-bookmarks-form.has-bookmark .remove-bookmark-wrapper a.bookmark-notice:before {
    display: none;
}


.wp-job-manager-bookmarks-form div.bookmark-details {
    display: block !important;
}

.wp-job-manager-bookmarks-form div.bookmark-details p {
    margin: 0 !important;
}

input.submit-bookmark-button {
    color: #fff;
}

/* My Bookmarks */

table.job-manager-bookmarks tbody td p {
    margin: 0;
}

table.job-manager-bookmarks tbody td.action a {
    position: relative;
}

table.job-manager-bookmarks tbody td.action a i {
    position: absolute;
    left: -20px;
    top: 0px;
}

/* Widgets */
.widget ul.job_listings .listing-bookmarked h3::before,
.widget ul.resumes .listing-bookmarked h3::before {
    content: "\f004";
    font-family: "fontawesome" !important;
    font-size: 13px;
    color: #a94442;
    position: absolute;
    right: 5px;
}

/* --------------------------------------
    5.8 Preview Page
-------------------------------------- */

.job_listing_preview_title,
.resume_preview_title,
.resume_packages_title,
.job_listing_packages_title,
.resume_packages_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    background: #f6f6f6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.job_listing_preview .single-job-listing .alert {
    display: none;
}

.job_listing_preview_title h2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    text-align: left;
}

.job_listing_preview_title .btn-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}

.job_listing_preview_title .button {
    order: 2;
    margin: 0 5px;
}

.job_listing_preview,
.resume_preview {
    border: 5px solid #f6f6f6;
    padding: 40px 0;
    margin: 0;
}

.resume_preview {
    padding: 0;
}

.resume_preview .container {
    width: 100%;
}

.resume_preview h1 {
    display: none;
}

/* Button */

.entry-content .job_listing_packages_title .button,
.entry-content .resume_packages_title .button,
.job_listing_packages_title .button,
.resume_packages_title .button,
.entry-content .resume_preview_title .button,
.resume_preview_title .button {
    outline: none;
    min-width: 160px;
    padding: 15px 25px;
    position: relative;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    color: #f6f6f6 !important;
    border: 0;
    z-index: 1 !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 0;
}


/* --------------------------------------
    5.9 Job & Resume Paid Listings
-------------------------------------- */

#job_package_selection {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

#job_package_selection .job_listing_packages_title {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    padding: 0;
    background: transparent;
}

#job_package_selection .job_listing_packages {
    -ms-flex-order: -1;
    order: -1;
    border: 0;
}

.job_listing_packages ul.resume_packages {
    border: 0;
}

.job_listing_packages ul.job_packages li.package-section,
.job_listing_packages ul.resume_packages li.package-section {
    border: 0;
    padding: 0;
    margin-bottom: 15px;
    color: #333;
    text-transform: uppercase;
}

.job_listing_packages ul.job_packages li.job-package,
.job_listing_packages ul.job_packages li.user-job-package,
.job_listing_packages ul.resume_packages li.resume-package,
.job_listing_packages ul.resume_packages li.user-resume-package {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 40px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.job_listing_packages ul.job_packages li.job-package:hover,
.job_listing_packages ul.job_packages li.user-job-package:hover,
.job_listing_packages ul.resume_packages li.resume-package:hover,
.job_listing_packages ul.resume_packages li.user-resume-package:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

.job_listing_packages ul.job_packages li.job-package.active,
.job_listing_packages ul.job_packages li.user-job-package.active,
.job_listing_packages ul.resume_packages li.resume-package.active,
.job_listing_packages ul.resume_packages li.user-resume-package.active {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

.job_listing_packages ul.job_packages li.job-package .package-footer,
.job_listing_packages ul.job_packages li.user-job-package .package-footer,
.job_listing_packages ul.resume_packages li.resume-package .package-footer,
.job_listing_packages ul.resume_packages li.user-resume-package .package-footer {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-end;
    margin-left: auto;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-button,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-button,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-button,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-button {
    position: relative;
    width: 28px;
    height: 28px;
    border: 1px solid #e3e3e3;
    margin-right: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package.active .package-button,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package.active .package-button,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package.active .package-button,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package.active .package-button {
    border: 2px solid;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-button:after,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-button:after,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-button:after,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-button:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package.active .package-button:after,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package.active .package-button:after,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package.active .package-button:after,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package.active .package-button:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-details input[type="radio"],
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-details input[type="radio"],
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-details input[type="radio"],
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-details input[type="radio"] {
    display: none;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-details label,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-details label,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-details label,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-details label {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-details .package-desc,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-details .package-desc,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-details .package-desc,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-details .package-desc {
    width: 300px;
    font-size: 16px;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-footer .price,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-footer .price,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-footer .price,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-footer .price {
    font-size: 42px;
    font-weight: 600;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-footer .price del,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-footer .price del {
    font-size: 18px;
}

#job_package_selection .job_listing_packages ul.job_packages li.job-package .package-footer .caption,
#job_package_selection .job_listing_packages ul.job_packages li.user-job-package .package-footer .caption,
#job_package_selection .job_listing_packages ul.resume_packages li.resume-package .package-footer .caption,
#job_package_selection .job_listing_packages ul.resume_packages li.user-resume-package .package-footer .caption {
    font-size: 16px;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: -10px;
}

#job_package_selection .job_listing_packages_title h2 {
    font-size: 16px;
    margin-left: 30px;
    color: inherit;
}

/* --------------------------------------
    5.10 Job Applications
-------------------------------------- */

.cariera-job-applications .job-applications {
    padding: 0;
    background: none;
}

/* Applications */
.cariera-job-applications div.job-applications .application {
    border: 1px solid #e3e3e3;
    margin-bottom: 40px;
}

.cariera-job-applications .application-content {
    padding: 40px;
    position: relative;
}

.cariera-job-applications .application-content img {
    width: 90px;
    height: 90px;
    margin-right: 30px;
    float: left;
    display: inherit;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
}

.cariera-job-applications .application-content h4 {
    font-size: 21px;
    display: inline-block;
    color: #666;
    margin: 20px 0 0 0;
    text-transform: capitalize;
}

.cariera-job-applications .application-content h4 a {
    color: #666;
}

.cariera-job-applications .application-content .info ul {
    list-style: none;
    margin-top: 5px;
}

.cariera-job-applications .application-content .info ul li {
    display: inline-block;
    margin-right: 15px;
}

.cariera-job-applications .application-content .info ul li a {
    color: #948a99;
}

.cariera-job-applications .application-content .info ul li a i {
    margin-right: 3px;
}

.cariera-job-applications .application-content .buttons {
    position: absolute;
    display: inline-block;
    top: 52%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cariera-job-applications .application-content .buttons a {
    margin-left: 15px;
    padding: 12px 30px !important;
}

.cariera-job-applications .application-content .buttons a:hover,
.cariera-job-applications .application-tabs a.close-tab:hover {
    color: #fff;
}

.cariera-job-applications .application-content .buttons a i {
    margin-right: 5px;
}

/* Application Tabs */

.cariera-job-applications .application-tabs {
    border-top: 1px solid #e3e3e3;
    margin: 0 40px;
    margin-bottom: -1px;
    position: relative;
}

.cariera-job-applications .application-tabs a.close-tab {
    position: absolute;
    top: 0;
    right: 0;
    min-width: auto;
    width: 30px;
    height: 30px;
    z-index: 9;
    text-align: center;
    line-height: 1;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.cariera-job-applications .application-tabs a.close-tab i {
    position: absolute;
    top: 9px;
    right: 17px;
}

.cariera-job-applications .application-tabs .app-tab-content {
    padding: 45px 0;
    box-sizing: border-box;
}

.cariera-job-applications .application-tabs .app-tab-content .select-grid {
    width: 49% !important;
    display: inline-block;
    float: left;
}

.cariera-job-applications .application-tabs .app-tab-content .select-grid:first-child {
    margin-right: 2%;
}

.cariera-job-applications .application-tabs .app-tab-content .select-grid input[type="number"] {
    padding: 0 20px;
    line-height: 46px;
}

.cariera-job-applications .application-tabs .app-tab-content .application-action-buttons {
    margin: 20px 0;
}
.cariera-job-applications .application-tabs .app-tab-content .delete_job_application {
    float: right;
}

.cariera-job-applications .application-tabs .app-tab-content .delete_job_application:hover {
    color: #fff;
    background: #b23b3b;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.cariera-job-applications .application-tabs .job-application-note-content p {
    margin: 0;
}

.cariera-job-applications .application-tabs .job-application-note-meta a.delete_note {
    display: block;
    padding-top: 10px;
}

.cariera-job-applications .application-tabs .job-application-note-add textarea.input-text {
    outline: none;
}

/* Footer */
.cariera-job-applications .application-footer {
    background-color: #fff;
    border-top: 1px solid #e3e3e3;
    padding: 20px 40px;
    z-index: 10;
    position: relative;
}

.cariera-job-applications .application-footer ul {
    float: right;
}

.cariera-job-applications .application-footer .rating {
    float: left;
    margin-top: 1px;
}

.cariera-job-applications .application-footer ul li {
    display: inline-block;
    margin-left: 15px;
    color: #948a99;
}

.cariera-job-applications .application-footer ul li i {
    margin-right: 3px;
}

/* Job Application - Popup */
form.job-manager-application-form fieldset {
    margin-bottom: 15px;
}

#job-popup form.job-manager-application-form .wp_job_manager_send_application_button {
    margin: 10px 0;
    color: #fff;
}

#job-popup form.apply_with_resume p {
    margin-bottom: 20px;
}

#job-popup form.apply_with_resume .btn {
    margin: 0;
}


/* --------------------------------------
    5.11 LISTING MAPS & STYLES
-------------------------------------- */

/*** Job & Resume Search Map ***/

#map-container {
    position: relative
}

/* Markers */
.marker .marker-img {
    height: 45px;
    width: 45px;
    background-color: #fff;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 20px rgba( 0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px rgba( 0, 0, 0, .3);
    box-shadow: 0 0 20px rgba( 0, 0, 0, .3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.marker.active .marker-img {
    -webkit-box-shadow: 0 0 0 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 0 8px rgba(0,0,0,.1);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/* Cluster */
.cluster {
    position: relative;
}

.cluster > div:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}

.cluster > div:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-animation: zoom-effect 1.8s infinite linear;
    animation: zoom-effect 1.8s infinite linear;
    z-index: -2;
}

@keyframes zoom-effect {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        -moz-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
        -o-transform: translate(-50%, -50%) scale(0.5);
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }
    70% {
        opacity: .6;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.3);
        -moz-transform: translate(-50%, -50%) scale(1.3);
        -ms-transform: translate(-50%, -50%) scale(1.3);
        -o-transform: translate(-50%, -50%) scale(1.3);
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}

















.infoBox {
    -webkit-animation: fadeIn .3s;
    animation: fadeIn .3s;
    
}

/* Chrome, Safari, Opera */

@-webkit-keyframes fadeIn {
    from {
        left: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Standard syntax */

@keyframes fadeIn {
    from {
        left: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.infoBox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    z-index: 999;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    height: 35px;
    width: 35px;
    background: #f0f0f0;
    color: #666;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.infoBox-close:hover {
    color: #fff;
}

.infoBox .cariera-infoBox {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.infoBox .cariera-infoBox .wrapper {
    padding: 30px;
    text-align: center;
}

.infoBox .cariera-infoBox .wrapper .job-content-wrapper,
.infoBox .cariera-infoBox .wrapper .company-inner,
.infoBox .cariera-infoBox .wrapper #resume-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.infoBox .cariera-infoBox .wrapper .job-content-main,
.infoBox .cariera-infoBox .wrapper .listing-body,
.infoBox .cariera-infoBox .wrapper .company-details,
.infoBox .cariera-infoBox .wrapper .candidate-content-main{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    margin-left: 20px;
}

.infoBox .cariera-infoBox .wrapper img {
    width: 80px;
}

.infoBox .cariera-infoBox .wrapper h5 {
    margin-top: 0;
    margin-bottom: 5px;
}

.infoBox .cariera-infoBox .wrapper h5 span {
    display: none;
}

.infoBox .cariera-infoBox .wrapper .job-info,
.infoBox .cariera-infoBox .wrapper .company-location,
.infoBox .cariera-infoBox .wrapper .candidate-info {
    color: #948a99;
}

.infoBox .cariera-infoBox .wrapper .company-jobs {
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    padding: 3px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.infoBox .cariera-infoBox .wrapper .job-info span,
.infoBox .cariera-infoBox .wrapper .job-info span i,
.infoBox .cariera-infoBox .wrapper .candidate-info > span,
.infoBox .cariera-infoBox .wrapper .candidate-info span i {
    margin-right: 5px;
    line-height: 1.5em;
}

.infoBox .cariera-infoBox .wrapper .job-content-meta,
.infoBox .cariera-infoBox .wrapper .job-company .tag-group,
.infoBox .cariera-infoBox .wrapper .resume-meta {
    display: none;
}

/* Infobox with Background */
.infoBox .cariera-infoBox .wrapper.with-bg {
    background-size: cover;
    position: relative;
    color: #fff;
    z-index: 1;
}

.infoBox .cariera-infoBox .wrapper.with-bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .7;
    z-index: -1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.infoBox .cariera-infoBox:hover .wrapper.with-bg:before {
    opacity: .8;
}

.infoBox .cariera-infoBox .wrapper.with-bg h5,
.infoBox .cariera-infoBox .wrapper.with-bg .job-info {
    color: #fff;
}

/* ----------------------------------------------------------------------------
    6. Resumes
---------------------------------------------------------------------------- */

/* --------------------------------------
    6.1 Resume Listing
-------------------------------------- */

ul.resumes {
    border: 0;
}

ul.resumes.loading {
    opacity: .4;
    position: relative;
    pointer-events: none;
    border: 0;
    min-height: auto;
    background: none;
}

ul.resumes li.resume {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: none;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

ul.resumes li.resume:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

ul.resumes li.resume:last-child {
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

ul.resumes li.resume:hover {
    background: #f6f6f6;
}

ul.resumes li.resume a:hover,
ul.resumes li.resume a:focus {
    background: none;
}

ul.resumes li.resume_featured {
    background: #fefff6;
}

ul.resumes li.resume_featured:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    left: -40px;
    position: absolute;
    top: -40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.resumes li.resume_featured:after {
    color: #fff;
    content: "\f005 ";
    font-family: "fontawesome";
    position: absolute;
    font-size: 16px;
    left: 10px;
    top: 5px;
}

ul.resumes li.resume a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none !important;
    padding: 30px;    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


ul.resumes li.resume .candidate-photo-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

ul.resumes li.resume .candidate-photo {
    width: 85px;
    height: 85px;
    border: 1px solid #e3e3e3;
    margin-right: 20px;
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

ul.resumes li.resume .candidate-photo img {
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    float: none;
    left: 0;
}


ul.resumes li.resume .candidate-content-main {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

ul.resumes li.resume .candidate-title h5 {
    margin: 0;
    padding-bottom: 5px;
}

ul.resumes li.resume .candidate-info {
    color: #948a99;
}

ul.resumes li.resume .candidate-info span {
    padding-right: 10px;
}

ul.resumes li.resume .candidate-info span:last-child {
    padding-right: 0;
}

ul.resumes li.resume .candidate-info span i {
    padding-right: 5px;
}

ul.resumes li.resume .resume-posted {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: right;
}

ul.resumes li.resume .resume-posted date,
ul.resumes li.resume .resume-posted .resume-category {
    color: #948a99;
}

ul.resumes li.no_resumes_found a .resume-category:before, 
ul.resumes li.resume a .resume-category:before {
    content: "\e039";
    font-family: 'simple-line-icons' !important;
}

div.resumes .load_more_resumes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-self: auto;
    align-items: center;
    justify-content: center;
    outline: none;
    max-width: 230px;
    min-width: 160px;
    margin: 20px auto 0;
    padding: 15px 25px;
    position: relative;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    color: #f6f6f6 !important;
    text-transform: uppercase;
    border: 0;
    z-index: 1 !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

div.resumes .load_more_resumes:hover {
    -webkit-filter: brightness(113%);
    filter: brightness(113%);
    border: 0;
}

div.resumes .load_more_resumes.loading strong {
    visibility: visible;
}

/************** 6.1.1 RESUME CAROUSEL *****************/

.resume-carousel-1 .single-resume {
    text-align: center;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.resume-carousel-1 .single-resume:hover {
    background: #f6f6f6;
}

.resume-carousel-1 .single-resume a#resume-link {
    display: block;
    padding: 30px;
    
}

.resume-carousel-1 .candidate-photo-wrapper {
    margin-bottom: 30px;
}

.resume-carousel .candidate-photo {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
}

.resume-carousel-1 .candidate-title h5 {
    margin-top: 0;
}

.resume-carousel-1 .candidate-info > span {
    display: block;
    color: #948a99;
}

.resume-carousel-1 .candidate-info > span i {
    margin-right: 5px;
}

.resume-carousel-2 .candidate-photo {
    margin: 30px auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.resume-carousel-2 .candidate-photo:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* --------------------------------------
    6.2 Single Resume Page
-------------------------------------- */

.single-resume section.resume-header {
    height: 400px;
    padding: 0;
    background-size: cover !important;
    background-position: center !important;
}

/* Resume Info */

.resume-page .candidate-main-resume {
    position: relative;
    margin-top: -130px;
    z-index: 5;    
}

/* Extra info */
.candidate-extra-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: .85em;
    padding-bottom: 10px;
}

.candidate-extra-info .left-side {
    width: 50%;
}

.candidate-extra-info .right-side {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: right;
    align-self: center;
}

.candidate-extra-info .right-side > div {
    display: inline-block;
    padding-right: 15px;
}

.candidate-extra-info .right-side > div:last-child {
    padding-right: 0;
}

.candidate-extra-info .right-side i {
    margin-right: 3px;
}

.candidate-extra-info ul.candidate-categories {
    padding: 0;
    list-style: none;
}

.candidate-extra-info ul.candidate-categories li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.candidate-extra-info ul.candidate-categories li a {
    color: #fff;
    padding: 5px 10px;
    border: 2px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.candidate-extra-info ul.candidate-categories li a:hover {
    background: #fff;
}

.candidate-extra-info .candidate-resume a {
    color: #fff;
    border: 2px solid #fff;
    padding: 7px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.candidate-extra-info .candidate-resume a:hover {
    background: #fff;
}

/* Candidate Info Wrapper */

.resume-page .candidate-info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 40px;
    margin-bottom: 80px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.resume-page .candidate-info-wrapper .candidate-info {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    align-self: center;
}

.resume-page .candidate-info-wrapper .candidate-photo,
.resume-page .candidate-info-wrapper .candidate {
    float: left;
}

.resume-page .candidate-info-wrapper .candidate-photo {
    width: 120px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
}

.resume-page .candidate-info-wrapper .candidate-photo img {
    width: 100%;
}

.resume-page .candidate-info-wrapper .candidate {
    padding: 10px 0 0 30px;
}

.resume-page .candidate-info-wrapper .candidate .title {
    font-size: 30px;
    margin: 0;
}

.resume-page .candidate-info-wrapper .candidate-links span {
    margin-right: 10px;
}

.resume-page .candidate-info-wrapper .candidate-links span:last-child {
    margin-right: 0;
}

.resume-page .candidate-info-wrapper .candidate-links span a {
    color: inherit;
}

.resume-page .candidate-info-wrapper .candidate-links span i {
    margin-right: 5px;
}

/* Social Networks */

.resume-page .candidate-social > a {
    height: 35px !important;
    width: 35px !important;
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.resume-page .candidate-social > a + a {
    margin-left: 10px !important;
}

.resume-page .candidate-social .candidate-instagram {
    color: #9b6954;
    background-color: transparent;
    background-image: none;
    border-color: #9b6954;
}

.resume-page .candidate-social .candidate-instagram:hover {
    color: #fff;
    background-color: #9b6954;
    border-color: #9b6954;
}

.resume-page .candidate-social .candidate-youtube {
    color: #e62117;
    background-color: transparent;
    background-image: none;
    border-color: #e62117;
}

.resume-page .candidate-social .candidate-youtube:hover {
    color: #fff;
    background-color: #e62117;
    border-color: #e62117;
}

/*** Education & Experience ***/

.candidate-education,
.candidate-experience,
.candidate-skills,
.candidate-video {
    margin-top: 50px;
}

.candidate-education .education-item,
.candidate-experience .experience-item{
    position: relative;
    margin-bottom: 40px;
    padding-left: 80px;
}

.candidate-education .education-item:before,
.candidate-experience .experience-item:before {
    font-family: 'simple-line-icons';
    font-size: 48px;
    position: absolute;
    left: 0;
    top: 10px;
}

.candidate-education .education-item:before {
    content: '\e019';
}

.candidate-experience .experience-item:before {
    content: '\e020';
}

.candidate-education .education-title .location,
.candidate-experience .experience-title .employer {
    padding-right: 10px;
}

.candidate-education .education-body,
.candidate-experience .experience-body {
    padding-top: 15px;
}

.candidate-education .education-body p,
.candidate-experience .experience-body p {
    margin: 0;
}

/* Skills */

.candidate-skills .skills span {
    display: inline-block;
    margin-bottom: 10px;
    padding-right: 20px;
}

.candidate-skills .skills span:before {
    content: '\e076';
    font-family: 'simple-line-icons';
    padding-right: 5px;
}

/* Content */

.resume-content .candidate-video {
    margin-bottom: 40px;
}

.resume-content .candidate-video iframe {
    width: 100%;
}

section.resume-content .social-sharing-wrapper {
    margin-top: 40px;
}

/*** Post Resume ***/

.resume-manager-data-row {
    background: #f0f0f0;
    padding: 20px;
    margin-bottom: 15px;
}

.resume-manager-data-row fieldset:last-child {
    border: 0;
}

.resume-manager-data-row .resume-manager-remove-row {
    color: #999;
    font-size: 16px;
    right: 5px;
    top: 5px;
    margin: 0;
}

.resume-manager-data-row .resume-manager-remove-row:before {
    content: '\f00d';
    font-family: 'fontawesome';
}

p.resume-submitted,
.job-submitted {
    font-size: 26px;
    text-align: center;
}

p.resume-submitted::before,
.job-submitted::before {
    content: '\e080';
    font-family: 'simple-line-icons';
    display: block;
    font-size: 80px;
    margin-bottom: 20px;
    color: #9fd389;
}

/* Sidebar */

.resume-sidebar .widget {
    border: 1px solid #e3e3e3;
    padding: 35px;
    margin-top: 40px;
}

.resume-sidebar .widget:first-child {
    margin-top: 0;
}

.resume-sidebar .widget-candidate-overview {
    margin: 0;
}

.resume-sidebar .single-resume-overview-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.resume-sidebar .single-resume-overview-detail:last-child {
    margin: 0;
}

.resume-sidebar .single-resume-overview-detail .icon {
    align-self: center;
    padding-right: 20px;
}

.resume-sidebar .single-resume-overview-detail .icon i {
    font-size: 28px;
}

.resume-sidebar .single-resume-overview-detail .content h6 {
    margin: 0;
}

.resume-sidebar #resume-map {
    height: 250px;
    width: 100%;
}

/* --------------------------------------
    6.3 Resume - Candidate Dashboard
-------------------------------------- */

div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.job_title {
    font-weight: 600;
}

div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-edit:before,
div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-hide:before,
div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-publish:before,
div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-delete:before {
    font-family: 'simple-line-icons';
    padding-right: 5px;
}

div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-edit:before {
    content: '\e05f';
}

div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-hide:before {
    content: '\e615';
}

div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-publish:before {
    content: '\e080';
}

div#resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td.action a.candidate-dashboard-action-delete:before {
    content: '\e082';
}

/* ----------------------------------------------------------------------------
    7. Companies
---------------------------------------------------------------------------- */

/* --------------------------------------
    7.2 Company List
-------------------------------------- */

.company-letters {
    background: #f6f6f6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.company-letters ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-letters ul li {
    margin: 0;
}

.company-letters a {
    font-weight: 600;
    display: inline-block;
    padding: 15px 10px;
    color: #333;
}

.company-letters ul li:first-child a {
    padding: 10px 20px;
    line-height: 1;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.companies-listing-a-z .company-group {
    padding: 15px 10px;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    list-style: none;
}

.companies-listing-a-z .company-group.hidden {
    display: none;
}

.companies-listing-a-z .companies-overview {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding: 0;
}

.companies-listing-a-z .company-group-inner {
    border: 2px solid #f6f6f6;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.companies-listing-a-z .company-group-inner .company-letter {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    padding: 15px 18px;
    margin-bottom: 22px;
    line-height: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.companies-listing-a-z .companies-overview .company-group ul {
    padding: 0;
    list-style: none;
}

.companies-listing-a-z .companies-overview .company-group li {
    padding: 10px;
    margin: 0;
}

.companies-listing-a-z .companies-overview .company-group li:hover {
    background: #f0f0f0;
}

.companies-listing-a-z .companies-overview .company-group li a {
    color: #333;
    font-size: 18px;
}

/* --------------------------------------
    7.2 Company Listing
-------------------------------------- */

.company_listings.loading {
    opacity: .4;
    position: relative;
    pointer-events: none;
}

.company_listings .company {
    position: relative;
    padding: 0;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.company_listings .company:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.company_listings .company:last-of-type {
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.company_listings .company:hover {
    background: #f6f6f6;
}

.company_listings .company a {
    color: inherit;
}

.company_listings .company .company-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}

.company_listings .company .company-inner .company-logo-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.company_listings .company .company-inner .company-logo-wrapper > div {
    width: 85px;
    height: 85px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f6f6f6;
    padding: 10px;
    position: relative;
}

.company_listings .company .company-inner .company-logo-wrapper > div img {
    width: 100%
}

.company_listings .company .company-inner .company-details {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.company_listings .company .company-inner .company-details .company-title h5 {
    margin: 0;
}

.company_listings .company .company-inner .company-details .company-location {
    display: inline-block;
    color: inherit;
}

.company_listings .company .company-inner .company-details .company-jobs {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Featured */
.company_listings .company-featured {
    background: #fefff6;
    overflow: hidden;
}

.company_listings .company-featured:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    left: -40px;
    position: absolute;
    top: -40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.company_listings .company-featured:after {
    color: #fff;
    content: "\f005 ";
    font-family: "fontawesome";
    position: absolute;
    font-size: 16px;
    left: 10px;
    top: 5px;
}

/************** 7.2.2 COMPANY CAROUSEL *****************/

/* Version 1 */

.company-carousel-1 .single-company {
    text-align: center;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.company-carousel-1 .single-company:hover {
    background: #f6f6f6;
}

.company-carousel-1 .single-company a#company-link {
    display: block;
    padding: 30px;
    
}

.company-carousel-1 .single-company .company-logo-wrapper {
    margin-bottom: 30px;
}

.company-carousel-1 .single-company .company-logo {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
}

.company-carousel-1 .company-title h5 {
    margin-top: 0;
}

.company-carousel-1 .company-details span {
    display: block;
    color: #948a99;
}

.company-carousel-1 .company-details span i {
    margin-right: 5px;
}

/* Version 2 */

.company-carousel-2 .single-company {
    text-align: center;
    background: #fff;
    border: 1px solid #e3e3e3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.company-carousel-2 .single-company .company-logo-wrapper {
    position: relative;
    height: 250px;
    background-color: #f0f0f0;
    background-size: cover;
    background-repeat: no-repeat;
}

.company-carousel-2 .single-company .company-logo-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

.company-carousel-2 .single-company:hover .company-logo-wrapper:before {
    opacity: .5;
}

.company-carousel-2 .single-company .company-logo {
    position: absolute;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    z-index: 9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 30px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0px 30px rgba(0,0,0,0.15);
    box-shadow: 0 0px 30px rgba(0,0,0,0.15);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

.company-carousel-2 .single-company:hover .company-logo {
    -webkit-transform: translate3d(0,-75px,0);
    transform: translate3d(0,-75px,0);
}

.company-carousel-2 .single-company .company-logo img {
    max-width: 90px;
    max-height: 90px;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.company-carousel-2 .single-company .company-details {
    padding: 60px 30px 30px;
}

.company-carousel-2 .single-company .company-details h5 {
    margin-top: 0;
}

.company-carousel-2 .single-company .company-details span {
    color: #948a99;
}

.company-carousel-2 .single-company .company-details span i {
    margin-right: 5px;
}

/* --------------------------------------
    7.3 Single Company Page
-------------------------------------- */

section.company-header {
    height: 400px;
    padding: 0;
    background-size: cover !important;
    background-position: center !important;
}

/* Company Info */

.company-page .company-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -100px;
    background: #fff;
    position: relative;
    z-index: 5;
    padding: 40px;
    margin-bottom: 80px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    box-shadow: 0 0 40px rgba(0, 0, 0, .15);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-page .company-info .company-photo {
    margin-right: 40px;
    width: 120px;
    height: 120px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f0f0f0;
    padding: 20px;
}

.company-page .company-info .company-photo img {
    width: 100%;
}

.company-page .company-info .company-details {
    -webkit-box-flex: 0;
    -ms-flex: 0.7;
    flex: 0.7;
}

.company-page .company-info .company-name {
    font-size: 30px;
    margin: 0;
    padding-bottom: 10px;
}

.company-page .company-info .company-details > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px; 
}

.company-page .company-info .company-details a {
    color: inherit;
}

.company-page .company-info .company-details i {
    padding-right: 5px;
}

/* Social Networks */

.company-page .company-info .company-extra-info {
    -webkit-box-flex: 0;
    -ms-flex: 0.3;
    flex: 0.3;
    text-align: right;
}

.company-page .company-info .company-social > a,
.resume-page .candidate-social > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    width: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    border: 2px solid transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 15px;
}

.company-page .company-info .company-social > a + a {
    margin-left: 15px;
}

.company-page .company-info .company-social > a:hover,
.resume-page .candidate-social > a:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
}

.company-page .company-info .company-social .company-facebook,
.resume-page .candidate-social .candidate-facebook {
    color: #3b5999;
    background-color: transparent;
    background-image: none;
    border-color: #3b5999;
}

.company-page .company-info .company-social .company-facebook:hover,
.resume-page .candidate-social .candidate-facebook:hover {
    color: #fff;
    background-color: #3b5999;
    border-color: #3b5999;
}


.company-page .company-info .company-social .company-twitter,
.resume-page .candidate-social .candidate-twitter {
    color: #55acee;
    background-color: transparent;
    background-image: none;
    border-color: #55acee;
}

.company-page .company-info .company-social .company-twitter:hover,
.resume-page .candidate-social .candidate-twitter:hover {
    color: #fff;
    background-color: #55acee;
    border-color: #55acee;
}

.company-page .company-info .company-social .company-googleplus,
.resume-page .candidate-social .candidate-googleplus {
    color: #dd4b39;
    background-color: transparent;
    background-image: none;
    border-color: #dd4b39;
}

.company-page .company-info .company-social .company-googleplus:hover,
.resume-page .candidate-social .candidate-googleplus:hover {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.company-page .company-info .company-social .company-linkedin,
.resume-page .candidate-social .candidate-linkedin {
    color: #0077B5;
    background-color: transparent;
    background-image: none;
    border-color: #0077b5;
}

.company-page .company-info .company-social .company-linkedin:hover,
.resume-page .candidate-social .candidate-linkedin:hover {
    color: #fff;
    background-color: #0077b5;
    border-color: #0077b5;
}

/* Content */
.company-page .company-job-listings {
    margin-top: 50px;
}

/* Sidebar */

.company-sidebar .widget {
    border: 1px solid #e3e3e3;
    padding: 35px;
    margin-top: 40px;
}

.company-sidebar .widget:first-child {
    margin-top: 0;
}

.company-sidebar .widget-company-overview {
    margin: 0;
}

.company-sidebar .single-company-overview-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.company-sidebar .single-company-overview-detail:last-child {
    margin: 0;
}

.company-sidebar .widget-company-overview a {
    color: inherit;
}

.company-sidebar .single-company-overview-detail .icon {
    align-self: center;
    padding-right: 20px;
}

.company-sidebar .single-company-overview-detail .icon i {
    font-size: 28px;
}

.company-sidebar .single-company-overview-detail .content h6 {
    margin: 0;
}

.company-sidebar .single-company-overview-detail .categories li {
    display: inline-block;
}

.company-sidebar .single-company-overview-detail .categories li:after {
    content: ",";
    margin-right: 4px;
}

.company-sidebar .single-company-overview-detail .categories li:last-child:after {
    display: none;
}

.company-sidebar #company-map {
    height: 250px;
    width: 100%;
}

/* --------------------------------------
    8. Pages
-------------------------------------- */

/*********** 8.1 404 - Page not found ***********/

.page-not-found {
    text-align: center;
}

.page-not-found h2 {
    font-size: 120px;
}

/*********** 8.2 Contact Page ***********/

form.wpcf7-form {
    margin-top: 40px;
}

form.wpcf7-form textarea {
    max-width: 100%;
    resize: none;
}

.gmaps {
    height: 400px;
    padding: 0;
}

.gmaps #map {
    height: 100%;
}

/*********** 8.3 Half Map Page ***********/

/* Job Holder */

main.half-map-wrapper .job-holder,
main.half-map-wrapper .company-holder,
main.half-map-wrapper .resume-holder {
    width: 700px;
    height: 100%;
    padding: 30px 30px 100px 30px;
    z-index: 10;
    background-color: #fff;
    overflow-y: scroll;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
}

main.half-map-wrapper .job-holder-left,
main.half-map-wrapper .company-holder-left,
main.half-map-wrapper .resume-holder-left {
    float: left;
}

main.half-map-wrapper .job-holder-right,
main.half-map-wrapper .company-holder-right,
main.half-map-wrapper .resume-holder-right {
    float: right;
}

main.half-map-wrapper .job-holder h3.title,
main.half-map-wrapper .company-holder h3.title,
main.half-map-wrapper .resume-holder h3.title {
    margin: 0 0 30px 0;
}

main.half-map-wrapper .job-holder a.map-view,
main.half-map-wrapper .company-holder a.map-view,
main.half-map-wrapper .resume-holder a.map-view {
    display: none;
}

main.half-map-wrapper .job-holder form.job_filters,
main.half-map-wrapper .job-holder .job_filters .job_types,
main.half-map-wrapper .company-holder form.company_filters,
main.half-map-wrapper .resume-holder form.resume_filters {
    background: none;
}

main.half-map-wrapper .job-holder .job_filters .search_jobs,
main.half-map-wrapper .company-holder .company_filters .search_companies,
main.half-map-wrapper .resume-holder .resume_filters .search_resumes {
    padding: 0;
}

/* Map Holder */

main.half-map-wrapper .map-holder {
    width: 50%;
    width: -webkit-calc(100% - 700px);
    width: -moz-calc(100% - 700px);
    width: calc(100% - 700px);
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
}

main.half-map-wrapper .map-holder-right {
    right: 0;
}

main.half-map-wrapper .map-holder-left {
    left: 0;
}

main.half-map-wrapper .map-holder div#map-container {
    height: 100%;
}

main.half-map-wrapper .map-holder a.list-view {
    display: none;
}

/* Additional Stylings */

.page-template-half-map-jobs header,
.page-template-half-map-companies header,
.page-template-half-map-resumes header {
    position: relative;
}

.page-template-half-map-jobs footer,
.page-template-half-map-companies footer,
.page-template-half-map-resumes footer {
    display: none;
}

.page-template-half-map-jobs .back-top,
.page-template-half-map-companies .back-to-top,
.page-template-half-map-resumes .back-top {
    display: none;
}

/* --------------------------------------
    9. SECTIONS
-------------------------------------- */

/******* 9.1 Home - Jobs Search **********/

section.home-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 550px;
}

section.home-search .title {
    font-size: 48px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 50px;
}

section.home-search .job-search-form label {
    display: none;
}

section.home-search .job-search-form input {
    height: 50px;
    width: 100%;
    border: 0;
    padding-left: 30px;
}

section.home-search .job-search-form .geolocation {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

section.home-search .extra-info {
    margin-top: 20px;
    color: #fff;
    text-align: left;
}

section.home-search .extra-info span {
    font-size: 18px;
}

/******* 9.2 Home - Map Search Template **********/

section.home-search-map {
    position: relative;
    min-height: 350px;
}

section.home-search-map .home-map .gmnoprint,
section.home-search-map .home-map img.gm-fullscreen-control {
    display: none;
}

section.home-search-map .home-map:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

section.home-search-map .form-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

section.home-search-map .job-search-form-wrapper {
    position: relative;
    padding: 20px;
    background: rgba(255, 255, 255, 0.15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

section.home-search-map form input,
section.home-search-map form button {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

section.home-search-map form input {
    height: 50px;
}

section.home-search-map .job-search-form .geolocation {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

section.home-search-map form .search-submit button {
    width: 100%;
}

section.home-search-map form .search-submit button i {
    margin-right: 7px;
}

/* ----------------------------------------------------------------------------
    10. DASHBOARD
---------------------------------------------------------------------------- */

.page-template-user-dashboard.user-logged-in header {
    position: fixed;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}

#dashboard {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	background-color: #f6f6f6;
	min-height: 100vh;
    margin-top: 80px;
}

.dashboard-content,
.dashboard-nav { 
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* --------------------------------------
    10.1 Navigation
-------------------------------------- */

/* Profile */
.dashboard-profile-box {
    margin: 25px 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #454545;
}

.dashboard-profile-box > span {
    display: block;
    text-align: center;
}

.dashboard-profile-box img {
    margin-bottom: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.dashboard-profile-box .fullname {
    color: #fff;
}

/* Nav */
.dashboard-nav {
	position: fixed;
	min-width: 250px;
	max-width: 250px;
	min-height: 100vh;
	overflow: hidden;
}

.dashboard-nav-inner {
    display: block;
    position: relative;
    /* max-height: 900px; */
    padding: 10px 0 25px 0;
    overflow: hidden;
}

.dashboard-nav-inner .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

a.dashboard-mobile-nav { 
	display: none;
}

.dashboard-nav {
	display: block;
	background-color: #1e1f21;
	z-index: 11;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.dashboard-nav ul {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
}

.dashboard-nav ul:before {
    content: attr(data-submenu-title);
    display: block;
    margin-bottom: 7px;
    padding: 0 30px;
    color: #948a99;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.dashboard-nav ul li {
	display: block;
    font-size: 14px;
    margin: 0 20px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dashboard-nav ul li:hover {
	background-color: rgba(255,255,255,0.06);
}

.dashboard-nav ul li a {
	color: #fff;
	display: block;
    position: relative;
    padding: 13px 25px;
    line-height: 1;
    cursor: pointer;    
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dashboard-nav ul li a i {
	padding-right: 10px;
}

.dashboard-nav ul li a:hover { 
	color: #fff;
}

.dashboard-nav ul li a:after {
	content: '\f105';
	font-family: "FontAwesome";
	position: absolute;
    top: 12px;
	right: 30px;
    font-size: 16px;
    width: auto;
    height: auto;
    border: 0;
    color: rgba(255,255,255,0.5);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
	transition: .2s;
}

.dashboard-nav ul li.active a:after {
    color: #fff;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Children */
.dashboard-nav ul li ul {
    display: block;
    position: relative;
    float: none;
	padding: 0;
	margin: 0;
	visibility: hidden;
	max-height: 0;
	opacity: 0;
    border: 0;
    background: none;
    box-shadow: none;
	-webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.dashboard-nav ul li.active ul {
	visibility: visible;
	padding: 0 0 15px 0;
	opacity: 1;
	max-height: 300px;
}

.dashboard-nav ul li.active ul:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 25px;
    width: 2px;
    height: 90%;
    background: #fff;
}

.dashboard-nav ul li ul li.active:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 15px;
    left: 26px;
    width: 15px;
    height: 2px;
    background: #fff;
}

.dashboard-nav ul li ul li {
	background-color: transparent;
	border: none;
	padding-left: 50px;
	position: relative;
	margin: 0;
}

.dashboard-nav ul li ul li a {
    color: #fff;
    padding: 10px 0;
    opacity: .5;
}

.dashboard-nav ul li ul li a:hover,
.dashboard-nav ul li ul li.active a {
    opacity: 1;
}

.dashboard-nav ul li ul li:hover,
.dashboard-nav ul li ul li.active {
	border: none;
	background-color: transparent;
}

.dashboard-nav ul li ul:before,
.dashboard-nav ul li a:only-child:after { 
	content: ''; 
	display: none;
}

.dashboard-nav ul li ul li a i {
    display: none;
}

/* --------------------------------------
    10.2 CONTENT
-------------------------------------- */
.dashboard-content {
	padding: 60px;
	padding-bottom: 0;
	position: relative;
	z-index: 10;
	height: 100%;
	margin-left: 250px;
}

#dashboard .title-bar {
	padding: 0;
	margin: 0 0 40px 0;
	display: block;
}

#dashboard .title-bar h1,
#dashboard .title-bar h2 {
	font-size: 30px;
	margin: 0;
}

#dashboard .title-bar h1 {
    text-transform: capitalize;
}

/* Card Boxes */
.dashboard-card-box {
    background: #fff;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.dashboard-card-box .title {
	display: block;
    font-size: 18px;
	margin: 0;
	padding: 20px 30px;
	border-bottom: 1px solid #e3e3e3;
}

.dashboard-card-box-inner {
	padding: 30px;
}

.dashboard-card-box-inner .alert {
    display: block;
}

/* Dashboard My Profile */
#dashboard .user-avatar-upload {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e3e3e3;
}

#dashboard .user-avatar-preview {
    min-width: 200px;
}

#dashboard .user-avatar-preview img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    box-shadow: 0 0 25px rgba(0, 0, 0, .05);
}

#dashboard  .user-avatar-description p {
    font-size: 0.8em;
}

.attachment-details .edit-attachment {
    display: none !important;
}

/* Job & Resume Submission */
#dashboard .job-manager-form .submit-job-box {
    background: #fff;
}

/* Dashboard Footer */
#dashboard .copyrights {
	padding: 40px 0;
	margin: 0;
	display: block;
	text-align: left;
	border: none;
}

/* WooCoomerce Content on Dashboard */
#dashboard .woocommerce-MyAccount-content {
    width: 100%;
}

/* Reports */
.report-wrapper .title {
    padding: 0 0 20px 0 !important;
    border: 0;
}

.report-wrapper .job-reports + .resume-reports {
    margin-top: 50px;
}

.report-wrapper > div .job-manager-pagination {
    margin-top: 20px;
}

/* --------------------------------------
    10.3 ELEMENTS
-------------------------------------- */

/**** Dashboard Stats ****/

.card-statistics {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 160px;
	background: #333;
	color: #fff;
	padding: 0;
	margin-bottom: 20px;
	overflow: hidden;
	cursor: default;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.card-statistics:hover { 
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.statistics-content {
	position: absolute;
	left: 30px;
	top: 50%;
	width: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.statistics-content h4 {
	font-size: 42px;
	padding: 0;
	margin: 0;
	color: #fff;
}

.statistics-content span {
	font-size: 18px;
	line-height: 24px;
	display: inline-block;
}

.statistics-icon {
	position: absolute;
	font-size: 80px;
	right: 30px;
	top: 50%;
	opacity: 0.05;
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	transform: translateY(-40%);
}

/* Colors */
.card-statistics.style-1 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));
	background-color: #7a38f3;
}

.card-statistics.style-2 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #872cdc;
}

.card-statistics.style-3 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.3));
	background-color: #d04747;
}

.card-statistics.style-4 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #2c6cdc;
}

/**** Dashboard Listing Packages ****/

#dashboard ul.listing-packages {
    list-style: none;
    padding: 0;
    margin: 0;
}

#dashboard ul.listing-packages li.package {
    position: relative;
    padding: 20px;
    padding-left: 60px;
    margin: 0;
    border-bottom: 1px solid #e3e3e3;
}

#dashboard ul.listing-packages li.package:last-child {
    border: none;
}

#dashboard ul.listing-packages li.package i.list-icon {
    position: absolute;
    top: 50%;
    left: 0;
    height: 40px;
    width: 40px;
    line-height: 39px;
    text-align: center;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#dashboard ul.listing-packages li.package .package-title {
    margin-top: 0;
}

#dashboard ul.listing-packages li.package p {
    margin: 0;
}

/***** Dashboard Views - Canvas Loader *****/
#dashboard .canvas-loader {
    display: block;
    opacity: 1;
}

#dashboard .canvas-loader.loaded {
    display: none;
    opacity: 0;
    visibility: hidden;
}

#dashboard .canvas-loader span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#dashboard .canvas-loader span:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px auto;
    border: 1px solid #333;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
}