.ats-layout-table ul li+li:not(.la-hidden),
.ats-layout-widget ul li+li>div {
    border-top: none!important
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " ";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:after {
    clear: both
}

.ats-layout ul,
.entry .ats-layout ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%
}

.la-hidden {
    display: none!important
}

html .ats-layout-grid .slider-enabled {
    padding-top: 30px
}

html .ats-layout-grid .slick-list {
    padding-top: 4px
}

.ats-layout * {
    box-sizing: border-box
}

.ats-layout .sortable-box {
    position: relative
}

.ats-layout .team-field-content {
    display: block;
    position: relative
}

.ats-layout-table .sortable-box:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .025);
    opacity: 0;
    visibility: hidden;
    display: none
}

.ats-layout-table .sortable-box:hover:before {
    opacity: 1;
    visibility: visible
}

[ats-profile] {
    cursor: pointer
}

.ats-layout .filter-controls,
.entry .ats-layout .filter-controls {
    display: block;
    list-style: none;
    padding: 0 0 15px;
    margin: 0 -3px;
    width: calc(100% + 6px);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ats-layout .filter-controls li,
.entry .ats-layout .filter-controls li {
    padding: 0 3px;
    display: inline-block;
    margin-bottom: 5px
}

.ats-layout .filter-controls li div,
.entry .ats-layout .filter-controls li div {
    display: block;
    cursor: pointer;
    padding: 4px 11px 3px;
    border-radius: 2px
}

.employer_skills ul>li {
    width: 100%;
    padding: 0 0 10px
}

.employer_skills ul>li:last-child {
    padding-bottom: 0
}

.employer_skills .skill-value {
    display: block
}

.employer_skills .skill-value-star {
    display: inline-block;
    text-align: left;
    position: relative
}

.employer_skills .skill-value-star .star-fill {
    position: relative;
    z-index: 2
}

.employer_skills .skill-value-star .star-background {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0
}

.employer_skills .skill-value-star .star-background svg {
    color: #dfdfdf!important
}

.employer_skills .skill-value .skills-percent {
    background: #dfdfdf
}

.employer_skills .skill-value .skills-star {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.employer_skills .skill-value span {
    display: block;
    width: 0;
    -webkit-transition: all .8s ease 1s;
    -ms-transition: all .8s ease 1s;
    -moz-transition: all .8s ease 1s;
    transition: all .8s ease 1s
}

.ats-animations-enabled:not(.ats-transition__in) .skill-value span {
    width: 0!important
}

.employer_skills .skill-value svg {
    width: 18px;
    height: 18px;
    color: #ffc700;
    padding: 0 2px
}

.ats-layout div a,
.ats-layout-grid div a {
    color: inherit;
    text-decoration: none;
    border-bottom: none
}

.ats-layout-grid .slider-enabled {
    padding-top: 30px
}

.ats-layout-grid .slick-list {
    padding-top: 4px
}

.ats-layout-grid .employers-box {
    display: inline-block;
    list-style: none;
    position: relative;
    font-size: 9pt
}

.ats-layout-grid .employers-box li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0
}

.ats-layout-grid .employers-box li:focus {
    outline: 0
}

.ats-layout-grid .employers-box li .a-full {
    padding-bottom: 10px
}

.ats-layout-grid .employers-box li .grid-container {
    position: relative;
    overflow: hidden
}

.ats-layout-grid .employers-box>li>div+div {
    margin-top: 5px
}

.ats-layout-grid .employers-box li .employer_divider {
    font-size: 0;
    padding-top: 7px!important;
    padding-bottom: 7px!important
}

.ats-layout-grid .employers-box li .employer_divider span {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height: 1px
}

.ats-layout-grid .employers-box li .employer_photo {
    text-align: center;
    position: relative
}

.ats-layout-grid .employers-box li .employer_photo .photo-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    -webkit-mask-image: -webkit-radial-gradient(white, #000)
}

.ats-layout-grid .employers-box li .employer_photo .photo-container {
    width: 100%;
    padding-bottom: 100%;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    height: 0;
    overflow: hidden
}

.ats-layout-grid .employers-box li .employer_photo img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.ats-layout-grid .employers-box li .employer_name {
    font-size: 18px
}

.ats-layout-grid .employers-box li .employer_position {
    font-size: 14px
}

.ats-layout-grid .employers-box li .employer_short_bio {
    font-size: 9pt
}

.ats-layout-grid .employers-box li .employer_email,
.ats-layout-grid .employers-box li .employer_link,
.ats-layout-grid .employers-box li .employer_phone,
.ats-layout-grid .employers-box li .employer_skype,
.ats-layout-grid .employers-box li .employer_social {
    font-size: 9pt;
    white-space: nowrap
}

.ats-layout-grid .employers-box li .employer_social {
    overflow: visible;
    font-size: 22px
}

.ats-layout .sortable-box>div a,
.ats-layout-grid div a {
    position: relative
}

.ats-layout .sortable-box>div a:after {
    content: '';
    background: #000;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0
}

.ats-employer-panel .employer_social a:after,
.ats-layout .employer_social a:after {
    display: none
}

.ats-layout .sortable-box>div a:hover:after {
    width: 100%
}

.ats-layout .sortable-box i {
    margin: 0 5px 0 0;
    min-width: 1em;
    text-align: center
}

.ats-layout .sortable-box a:last-child i {
    margin-right: 0
}

.ats-layout-table ul {
    margin: 0;
    list-style: none
}

.ats-layout-table ul.employers-box li {
    max-width: 100%;
    margin-bottom: 0;
    padding: 0
}

.ats-layout-table ul li>.sortable-box {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden
}

.ats-layout-table ul li .sortable {
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle
}

.ats-layout-table ul li .sortable span {
    overflow: hidden
}

.ats-layout-table ul li .table-container {
    padding-right: 5px!important;
    padding-left: 5px!important
}

.ats-layout-table ul li .employer_photo {
    box-sizing: content-box;
    position: relative
}

.ats-layout-table ul li .table-container:first-child {
    padding-left: 0
}

.ats-layout-table ul li .employer_photo .photo-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden
}

.ats-layout-table ul li .employer_photo .photo-container {
    width: 100%;
    padding-bottom: 100%;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    height: 0;
    overflow: hidden
}

.ats-layout-table ul li .employer_photo img.attachment-a-thumbnail {
    width: 50px;
    height: auto
}

.ats-layout-table .preview-placeholder {
    display: table-cell;
    vertical-align: middle
}

.ats-layout-table ul li .employer_social {
    font-size: 22px
}

.ats-img-caption,
.ats-tooltip {
    text-align: center;
    visibility: hidden;
    color: #FFF
}

.ats-layout-table div i {
    margin: 0 5px 0 0
}

.ats-layout-widget ul {
    display: inline-block;
    margin: 0;
    width: 100%
}

.ats-layout-widget .employers-box li {
    display: block;
    margin: 0;
    padding: 0;
    width: auto
}

.ats-layout-widget ul li>div.display-table {
    display: table;
    table-layout: auto;
    width: 100%
}

.ats-layout-widget ul li .sortable-box {
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.ats-layout-widget ul li .employer_photo {
    z-index: 2;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 10px 0 0;
    position: relative
}

.ats-layout-widget ul li .employer_photo .photo-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.ats-layout-widget ul li .employer_photo .photo-container {
    width: 100%;
    padding-bottom: 100%;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    height: 0;
    overflow: hidden
}

.ats-layout-widget ul li .employer_emailm .ats-layout-widget ul li .employer_phonem .ats-layout-widget ul li .employer_social,
.ats-layout-widget ul li .employer_name,
.ats-layout-widget ul li .employer_photo,
.ats-layout-widget ul li .employer_position,
.ats-layout-widget ul li .employer_short_bio {
    position: relative
}

.ats-layout-widget div i {
    margin: 0 5px 0 0
}

.ats-img-caption,
.ats-layout .employer_email a:after,
.ats-layout .employer_phone a:after,
.ats-layout .employer_skype a:after,
.ats-layout .photo-container,
.ats-layout .photo-wrapper,
.ats-layout .photo-wrapper::before,
.ats-transition {
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .05s;
    -webkit-transition-delay: .05s;
    -webkit-backface-visibility: hidden
}

.ats-layout .employer_email a:after,
.ats-layout .employer_phone a:after,
.ats-layout .employer_skype a:after {
    -webkit-transition-duration: .15s;
    -moz-transition-duration: .15s;
    -ms-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.photo-wrapper {
    position: relative;
    z-index: 2;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.photo-wrapper::before {
    z-index: 100
}

.ats-layout li .photo-container {
    -webkit-transition: opacity 1.1s, -webkit-transform .35s;
    -moz-transition: opacity 1.1s, -moz-transform .35s;
    transition: opacity 1.1s, transform .35s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-backface-visibility: hidden
}

.ats-layout.ats-effect-apollo .photo-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .25);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    -ms-transition: -ms-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 22px);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 22px);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 22px);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 22px);
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.ats-layout.ats-effect-apollo li:hover .photo-wrapper::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 22px);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 22px);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 22px);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 22px)
}

.ats-layout.ats-effect-apollo li:hover .photo-wrapper {
    background: #3498DB
}

.ats-layout.ats-effect-jazz li:hover .photo-wrapper {
    background: -webkit-linear-gradient(-45deg, #F3CF3F 0, #F33F58 100%);
    background: -moz-linear-gradient(-45deg, #F3CF3F 0, #F33F58 100%);
    background: -ms-linear-gradient(-45deg, #F3CF3F 0, #F33F58 100%);
    background: linear-gradient(-45deg, #F3CF3F 0, #F33F58 100%)
}

.ats-layout.ats-effect-hera .photo-wrapper::before,
.ats-layout.ats-effect-phoebe .photo-wrapper::before {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    -moz-transition: opacity .35s, -moz-transform .35s;
    -ms-transition: opacity .35s, -ms-transform .35s;
    transition: opacity .35s, transform .35s
}

.ats-layout.ats-effect-hera .photo-wrapper::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    border: 2px solid #FFF;
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    -moz-transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    -ms-transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.ats-layout.ats-effect-hera .ats-round::before {
    border-width: 1px
}

.ats-layout.ats-effect-hera li:hover .photo-wrapper::before {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -moz-transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -ms-transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 22px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}

.ats-layout.ats-effect-phoebe .photo-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: url(../img/triangle4.svg) center center no-repeat;
    background-size: 100% 100%;
    content: '';
    -webkit-transform: scale3d(5, 2.5, 1);
    -moz-transform: scale3d(5, 2.5, 1);
    -ms-transform: scale3d(5, 2.5, 1);
    transform: scale3d(5, 2.5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.ats-layout.ats-effect-phoebe li:hover .photo-wrapper::before {
    opacity: .6;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.ats-layout.ats-effect-jazz .photo-wrapper::before {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 80%;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1) translateZ(0);
    -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1) translateZ(0);
    -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1) translateZ(0);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1) translateZ(0);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.ats-round {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.ats-layout.ats-effect-jazz .ats-round::before {
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%
}

.ats-layout.ats-effect-jazz li:hover .photo-wrapper::before {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1) translateZ(22px);
    -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1) translateZ(22px);
    -ms-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1) translateZ(22px);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1) translateZ(22px)
}

.ats-img-caption {
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1.25em;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    font-size: 1.5em;
    line-height: 1.25
}

.ats-layout.ats-effect-apollo li:hover .ats-img-caption {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ats-layout.ats-effect-apollo li:hover .photo-container,
.ats-layout.ats-effect-jazz li:hover .photo-container {
    opacity: .9
}

.ats-layout li:hover .photo-container,
.ats-layout.ats-effect-hera .photo-container,
.ats-layout.ats-effect-jazz .photo-container {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ats-layout.ats-effect-apollo .photo-container,
.ats-layout.ats-effect-hera li:hover .photo-container,
.ats-layout.ats-effect-jazz li:hover .photo-container {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    -moz-transform: scale3d(1.05, 1.05, 1);
    -ms-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
    -webkit-transform: translate3d(0, 0, 21px);
    -moz-transform: translate3d(0, 0, 21px);
    -ms-transform: translate3d(0, 0, 21px);
    -o-transform: translate3d(0, 0, 21px);
    transform: translate3d(0, 0, 21px)
}

.ats-layout.ats-animations-enabled li {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: translateY, opacity, visibility
}

.ats-animations-enabled.ats-transition__in li {
    -webkit-animation: ats-move-in .4s;
    -moz-animation: ats-move-in .4s;
    animation: ats-move-in .4s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(n+1) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(2n+1) {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s;
    animation-delay: .15s
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(3n+1) {
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    animation-delay: .25s
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(4n+1) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(6n+1) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(7n+1) {
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s;
    animation-delay: .4s
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(8n+1) {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s
}

.ats-animations-enabled.ats-transition__in li:nth-of-type(9n+1) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s
}

.ats-animations-enabled.ats-transition__in li:first-child {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes ats-move-in {
    0% {
        -webkit-transform: translateY(200px);
        opacity: 0
    }
    65% {
        -webkit-transform: translateY(-5px);
        opacity: .65
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@-moz-keyframes ats-move-in {
    0% {
        -moz-transform: translateY(200px);
        opacity: 0
    }
    65% {
        -moz-transform: translateY(-5px);
        opacity: .65
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1
    }
}

@keyframes ats-move-in {
    0% {
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px);
        transform: translateY(200px);
        opacity: 0
    }
    65% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: .65
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.ats-tooltip {
    height: auto;
    padding: 4px 10px;
    left: 50%;
    text-indent: 0;
    position: absolute;
    bottom: 36px;
    opacity: 0;
    white-space: nowrap;
    pointer-events: none;
    background: #000;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 9pt;
    line-height: 18px;
    -webkit-transform: translate(-50%, -7px);
    -moz-transform: translate(-50%, -7px);
    -o-transform: translate(-50%, -7px);
    -ms-transform: translate(-50%, -7px);
    transform: translate(-50%, -7px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ats-employer-panel .employer_social a,
.ats-layout .employer_social a {
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s
}

.employer_social a:hover .ats-tooltip {
    visibility: visible;
    opacity: .9;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.ats-tooltip:after,
.ats-tooltip:before {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid transparent
}

.ats-tooltip:after {
    bottom: -5px;
    margin-left: -6px;
    border-top: 10px solid #000
}

.ats-social-facebook:hover {
    color: #3b5998!important
}

.ats-social-twitter:hover {
    color: #5E9FCA!important
}

.ats-social-linkedin:hover {
    color: #0077b5!important
}

.ats-social-google:hover {
    color: #d34836!important
}

.ats-social-instagram:hover {
    color: #9b6954!important
}

.ats-social-youtube:hover {
    color: #e52d27!important
}

.ats-social-vimeo:hover {
    color: #1ab7ea!important
}

.ats-social-dribble:hover {
    color: #ea4c89!important
}

.ats-social-flickr:hover {
    color: #0063dc!important
}

.ats-social-github:hover {
    color: #000!important
}

.a-grid-1,
.a-grid-10,
.a-grid-2,
.a-grid-3,
.a-grid-4,
.a-grid-5,
.a-grid-6,
.a-grid-7,
.a-grid-8,
.a-grid-9 {
    width: 100%
}

@media (min-width:400px) {
    .a-grid-10,
    .a-grid-2,
    .a-grid-3,
    .a-grid-4,
    .a-grid-5,
    .a-grid-6,
    .a-grid-7,
    .a-grid-8,
    .a-grid-9 {
        width: 50%
    }
}

@media (min-width:568px) {
    .a-grid-10,
    .a-grid-3,
    .a-grid-4,
    .a-grid-5,
    .a-grid-6,
    .a-grid-7,
    .a-grid-8,
    .a-grid-9 {
        width: 33.333%
    }
}

@media (min-width:667px) {
    .a-grid-10,
    .a-grid-4,
    .a-grid-5,
    .a-grid-6,
    .a-grid-7,
    .a-grid-8,
    .a-grid-9 {
        width: 25%
    }
}

@media (min-width:768px) {
    .a-grid-10,
    .a-grid-5,
    .a-grid-6,
    .a-grid-7,
    .a-grid-8,
    .a-grid-9 {
        width: 20%
    }
}

@media (min-width:1024px) {
    .a-grid-6 {
        width: 16.666%
    }
    .a-grid-7 {
        width: 14.285%
    }
    .a-grid-10,
    .a-grid-8,
    .a-grid-9 {
        width: 12.5%
    }
}

@media (min-width:1200px) {
    .a-grid-7 {
        width: 14.285%
    }
    .a-grid-8 {
        width: 12.5%
    }
    .a-grid-9 {
        width: 11.111%
    }
    .a-grid-10 {
        width: 10%
    }
}

.ats-employer-panel .ats-employer-panel-body-wrapper .textwidget,
.ats-employer-panel .ats-employer-panel-body-wrapper a,
.ats-employer-panel .ats-employer-panel-body-wrapper address,
.ats-employer-panel .ats-employer-panel-body-wrapper blockquote,
.ats-employer-panel .ats-employer-panel-body-wrapper body,
.ats-employer-panel .ats-employer-panel-body-wrapper dd,
.ats-employer-panel .ats-employer-panel-body-wrapper label,
.ats-employer-panel .ats-employer-panel-body-wrapper li,
.ats-employer-panel .ats-employer-panel-body-wrapper ol,
.ats-employer-panel .ats-employer-panel-body-wrapper p,
.ats-employer-panel .ats-employer-panel-body-wrapper td,
.ats-employer-panel .ats-employer-panel-body-wrapper th,
.ats-employer-panel .ats-employer-panel-body-wrapper ul,
.ats-employer-panel .employer_social a {
    color: inherit
}

html {
    overflow-y: visible!important
}

.a-slide-panel .a-scroll {
    backface-visibility: hidden;
    height: 100%!important
}

.ats-panel-separator {
    display: block;
    height: 1px;
    font-size: 0;
    background: #B9B2B2
}

.ats-employer-panel {
    display: none;
    height: 100%;
    width: 100%;
    backface-visibility: hidden
}

.a-slide-panel .a-title {
    display: none;
    overflow: hidden;
    background: 0 0!important;
    border: none;
    position: fixed;
    margin: 0;
    left: -14px;
    top: -4px;
    width: auto!important
}

.a-slide-panel .a-title .actions,
.ats-employer-panel .ats-employer-panel-head .info,
.ats-employer-panel-container {
    position: relative
}

.a-slide-panel .a-title .actions .btn {
    background: rgba(0, 0, 0, .4)!important;
    border-radius: 3px;
    padding: 0
}

.ats-employer-panel input:not([type=button]),
.ats-employer-panel textarea {
    border-width: 1px
}

.ats-employer-panel input:focus,
.ats-employer-panel textarea:focus {
    outline: 0
}

.ats-employer-panel input,
.ats-employer-panel textarea {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border-radius: 3px;
    box-sizing: border-box
}

.ats-employer-panel input[type=radio],
.ats-employer-panel input[type=checkbox] {
    width: auto;
    margin: 5px;
    padding: 0
}

.ats-employer-panel .a-scroll {
    position: relative;
    overflow-x: hidden;
    padding-right: 0
}

.a-slide-panel .ats-employer-panel {
    display: block
}

.ats-employer-panel-container {
    padding: 50px
}

.ats-employer-panel .ats-employer-panel-head {
    width: 100%
}

.ats-employer-panel .ats-employer-panel-head .cell-30 {
    width: 30%;
    display: table-cell
}

.ats-employer-panel .ats-employer-panel-head .photo_wrapper {
    overflow: hidden
}

.ats-employer-panel .ats-employer-panel-head .photo_wrapper div {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: 50% 50%
}

.ats-employer-panel .ats-employer-panel-head .name {
    font-size: 28px;
    line-height: 33px;
    margin: 0;
    padding: 0
}

.ats-employer-panel .ats-employer-panel-head .position {
    font-size: 1pc
}

.ats-employer-panel .ats-employer-panel-head .contacts ul {
    list-style: none
}

.ats-employer-panel .ats-employer-panel-head .contacts ul li i {
    margin: 0 10px 0 0
}

.ats-employer-panel .ats-employer-panel-body {
    overflow: hidden
}

.ats-employer-panel .ats-employer-panel-body .ats-employer-panel-body-wrapper iframe,
.ats-employer-panel .ats-employer-panel-body .ats-employer-panel-body-wrapper>* {
    max-width: 100%
}

.ats-employer-panel .employer_social {
    font-size: 22px!important
}

.ats-employer-panel-empty_white {
    background: #fff
}

.ats-employer-panel-empty_white input,
.ats-employer-panel-empty_white textarea {
    background: #fff!important;
    width: 100%;
    padding: 10px;
    color: #1A1A1A!important;
    border: 1px solid #E6E6E6!important;
    box-shadow: inset 0 -4px 0 0 rgba(229, 229, 229, .3);
    border-radius: 3px
}

.ats-employer-panel-empty_white input:focus,
.ats-employer-panel-empty_white textarea:focus {
    color: #000!important
}

.ats-employer-panel-empty_white button,
.ats-employer-panel-empty_white input[type=button],
.ats-employer-panel-empty_white input[type=submit] {
    color: #fff!important;
    border: 1px solid #E6E6E6!important
}

.ats-employer-panel-empty_white button:hover,
.ats-employer-panel-empty_white input[type=button]:hover,
.ats-employer-panel-empty_white input[type=submit]:hover {
    color: #000!important;
    box-shadow: inset 0 -4px 0 0 rgba(229, 229, 229, .7)
}

.ats-employer-panel-empty_white .a-title {
    background: #fff
}

.ats-employer-panel-empty_dark {
    background: #454849;
    color: #fff
}

.ats-employer-panel-empty_dark input,
.ats-employer-panel-empty_dark textarea {
    background: #2F2E2D!important;
    color: #AEAFAD!important;
    border: 1px solid #2F2E2D!important;
    box-shadow: inset 0 -4px 0 0 rgba(11, 10, 9, .15)
}

.ats-employer-panel-empty_dark input:focus,
.ats-employer-panel-empty_dark textarea:focus {
    color: #fff
}

.ats-employer-panel-empty_dark button,
.ats-employer-panel-empty_dark input[type=button],
.ats-employer-panel-empty_dark input[type=submit] {
    font-size: 120%;
    color: #fff!important
}

.ats-employer-panel-empty_dark .a-title {
    background: #222323;
    border-bottom-color: #000
}

.ats-employer-panel-clean {
    background: #fff
}

.ats-employer-panel-clean input,
.ats-employer-panel-clean textarea {
    background: #fff!important;
    color: #1A1A1A!important;
    border: 1px solid #E6E6E6!important;
    box-shadow: inset 0 -4px 0 0 rgba(229, 229, 229, .3)
}

.ats-employer-panel-clean input:focus,
.ats-employer-panel-clean textarea:focus {
    color: #000!important
}

.ats-employer-panel-clean button,
.ats-employer-panel-clean input[type=button],
.ats-employer-panel-clean input[type=submit] {
    color: #fff!important
}

.ats-employer-panel-clean .ats-employer-panel-head {
    margin: 0 0 20px
}

.ats-employer-panel-clean .photo {
    margin: 15px auto;
    width: 10pc;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid
}

.ats-employer-panel-clean .photo_wrapper {
    border-radius: 50%;
    margin: 10px
}

.ats-employer-panel-clean .info {
    text-align: center;
    overflow: hidden
}

.ats-employer-panel-clean .info .name {
    margin-bottom: 5px
}

.ats-employer-panel-clean .position {
    color: #8a8888
}

.ats-employer-panel-clean .contacts {
    position: absolute;
    top: 25px;
    right: 27px;
    font-size: 13px;
    text-align: right
}

.ats-employer-panel-clean .contacts ul li {
    padding: 2px 0
}

.ats-employer-panel-clean .contacts ul li a {
    color: #000
}

.ats-employer-panel-clean .ats-employer-panel-body-wrapper {
    margin-top: 35px
}

.ats-employer-panel-clean .employer_social {
    padding: 9pt 0;
    border-top: 1px solid #f6f6f6
}

.ats-employer-panel-clean .employer_social a {
    margin: 0 9px;
    color: #D5D5D5
}

.ats-employer-panel-clean .ats-employer-panel-body {
    border-top: 1px solid #f6f6f6
}

.ats-employer-panel-modern {
    background: #3B3A39
}

.ats-employer-panel-modern input,
.ats-employer-panel-modern textarea {
    background: #2F2E2D!important;
    color: #AEAFAD!important;
    border: 1px solid #2F2E2D!important;
    box-shadow: inset 0 -4px 0 0 rgba(11, 10, 9, .15)
}

.ats-employer-panel-modern input:focus,
.ats-employer-panel-modern textarea:focus {
    color: #fff!important
}

.ats-employer-panel-modern button,
.ats-employer-panel-modern input[type=button],
.ats-employer-panel-modern input[type=submit] {
    font-size: 120%;
    color: #fff!important
}

.ats-employer-panel-modern .ats-employer-panel-head {
    height: 325px;
    overflow: hidden;
    position: relative
}

.ats-employer-panel-modern .ats-employer-panel-container {
    padding: 0
}

.ats-employer-panel-modern .photo_blur {
    height: 325px;
    margin-bottom: -325px;
    background-size: cover!important;
    /*-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: url(#ats_panel_blur);
    filter: blur(5px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5');
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)*/
}

.ats-employer-panel-modern .photo {
    position: relative;
    margin: 42px auto 15px;
    width: 165px;
    border-radius: 50%;
    border: 1px solid #57E4C5
}

.ats-employer-panel-modern .photo_wrapper {
    border-radius: 50%;
    margin: 10px
}

.ats-employer-panel-modern .info {
    text-align: center;
    color: #fff
}

.ats-employer-panel-modern .info .name {
    margin-bottom: 7px
}

.ats-employer-panel-modern .employer_social {
    height: 285px;
    position: absolute;
    top: 20px;
    right: 27px;
    font-size: 13px;
    text-align: right;
    margin-top: 0!important
}

.ats-employer-panel-modern .employer_social a {
    display: block;
    color: #D5D5D5;
    margin: 3px 0
}

.ats-employer-panel-modern .ats-employer-panel-body-wrapper {
    margin-top: 35px
}

.ats-employer-panel-modern .contacts {
    font-size: 13px;
    padding: 25px 0 22px;
    border-bottom: 2px solid #383636
}

.ats-employer-panel-modern .contacts ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: justify
}

.ats-employer-panel-modern .contacts ul li {
    display: inline-block;
    height: 10px;
    line-height: 8px;
    padding: 0 10px;
    border-right: 1px solid #9F9C9B;
    color: #9F9C9B
}

.ats-employer-panel-modern .contacts ul li:last-child {
    border: none
}

.ats-employer-panel-modern .contacts ul li a {
    color: #9F9C9B
}

.ats-employer-panel-modern .ats-employer-panel-body {
    padding: 0 50px 50px;
    color: #D0CFCF
}

.ats-employer-panel-modern .a-title {
    background: #2c2b2b;
    border-bottom-color: #232323
}

.ats-employer-panel-full_photo_dark {
    background: #fff
}

.ats-employer-panel-full_photo_dark input,
.ats-employer-panel-full_photo_dark textarea {
    background: #343A31!important;
    color: #AEAFAD!important;
    border: 1px solid #343A31!important;
    box-shadow: inset 0 -4px 0 0 rgba(11, 10, 9, .15)
}

.ats-employer-panel-full_photo_dark input:focus,
.ats-employer-panel-full_photo_dark textarea:focus {
    color: #fff!important
}

.ats-employer-panel-full_photo_dark button,
.ats-employer-panel-full_photo_dark input[type=button],
.ats-employer-panel-full_photo_dark input[type=submit] {
    font-size: 120%;
    color: #fff!important
}

.ats-employer-panel-full_photo_dark .ats-employer-panel-head {
    position: relative;
    background-size: cover!important;
    height: 325px;
    overflow: hidden
}

.ats-employer-panel-full_photo_dark .ats-employer-panel-container {
    padding: 0;
    height: 100%
}

.ats-employer-panel-full_photo_dark .ats-employer-panel-head .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 50px 0;
    height: 90px;
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .5));
    text-align: left;
    color: #fff
}

.ats-employer-panel-full_photo_dark .info .name {
    color: #77FC42;
    margin-bottom: 3px
}

.ats-employer-panel-full_photo_dark .employer_social {
    font-size: 13px;
    margin-top: 0!important;
    padding: 15px 0 0;
    border-top: 1px solid #383636;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 75pt)
}

.ats-employer-panel-full_photo_dark .employer_social a {
    color: #D5D5D5;
    margin: 0 9px
}

.ats-employer-panel-full_photo_dark .ats-employer-panel-body-wrapper {
    margin-top: 35px
}

.ats-employer-panel-full_photo_dark .contacts {
    font-size: 13px;
    padding: 25px 0 22px;
    border-bottom: 1px solid #383636
}

.ats-employer-panel-full_photo_dark .contacts ul {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    text-align: justify
}

.ats-employer-panel-full_photo_dark .contacts ul li {
    display: inline-block;
    height: 10px;
    line-height: 8px;
    padding: 0 10px;
    /*border-right: 1px solid #9F9C9B;*/
    color: #9F9C9B
}

.ats-employer-panel-full_photo_dark .contacts ul li:last-child {
    border: none
}

.ats-employer-panel-full_photo_dark .contacts ul li a {
    color: #9F9C9B
}

.ats-employer-panel-full_photo_dark .ats-employer-panel-body {
    padding: 0 50px 75pt;
    color: #333!important;
    min-height: calc(100% - 325px);
    position: relative
}

.ats-employer-panel-full_photo_dark .a-title {
    background: #2A2D28;
    border-bottom-color: #191c17
}

.ats-employer-panel div.wpcf7-response-output {
    margin: 0;
    padding: 15px
}

.ats-employer-panel .wpcf7-not-valid {
    color: #8C1135!important;
    border: 1px solid #A22F30!important;
    border-radius: 3px!important;
    box-shadow: inset 0 -4px 0 0 #962222!important
}

.ats-employer-panel .wpcf7-not-valid-tip {
    color: #8C1135!important
}

.ats-employer-panel-empty_dark .wpcf7-not-valid-tip,
.ats-employer-panel-full_photo_dark .wpcf7-not-valid-tip,
.ats-employer-panel-modern .wpcf7-not-valid-tip {
    color: #DE9292!important
}

.ats-employer-panel div.wpcf7-validation-errors {
    border-radius: 3px
}

@media (max-width:568px) {
    .a-slide-panel {
        width: 100%!important
    }
    .a-slide-panel .a-scroll {
        height: 100%
    }
    .a-slide-panel .a-title {
        display: block
    }
    .ats-employer-panel-container {
        padding: 30px
    }
    .ats-employer-panel-modern .ats-employer-panel-body {
        padding: 0 30px 30px
    }
    .ats-employer-panel-full_photo_dark .ats-employer-panel-body {
        padding: 0 30px 75pt
    }
}

@charset 'UTF-8';
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: #9f9f9f;
    outline: 0
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-loading .slick-list {
    background: url(../img/ajax-loader.gif) center center no-repeat #fff
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format('embedded-opentype'), url(../fonts/slick.woff) format('woff'), url(../fonts/slick.ttf) format('truetype'), url(../fonts/slick.svg#slick) format('svg')
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    width: 27px;
    height: 27px;
    padding: 3px 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    text-align: center
}

.slick-next svg,
.slick-prev svg {
    width: 20px;
    transition: all .2s ease-in-out;
    position: relative;
    left: -1px
}

.slick-next:focus svg,
.slick-next:hover svg,
.slick-prev:focus svg,
.slick-prev:hover svg {
    transform: scale(1.3);
    transform-origin: 50% 50%;
    position: relative
}

@keyframes kaboom {
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.3)
    }
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 25px;
    line-height: 25px;
    line-height: 1;
    opacity: .75;
    color: #dadada;
    padding: 2px
}

.slick-prev {
    right: 30px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

svg {
    fill: currentColor
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.a-scroll {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0 17px 0 0;
    margin: 0
}

.a-slide-panel,
.at-overflow-hidden {
    overflow: hidden
}

.a-slide-panel-parent>* {
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 25ms;
    -webkit-transition-delay: 25ms;
    -webkit-backface-visibility: hidden;
    position: relative
}

.a-slide-panel-over.at-overflow-hidden-left {
    padding-right: 17px
}

.mac .a-slide-panel-over.at-overflow-hidden-left {
    padding-right: 15px
}

.a-slide-panel-over.at-overflow-hidden-right {
    padding-left: 17px
}

.mac .a-slide-panel-over.at-overflow-hidden-right {
    padding-left: 15px
}

.a-slide-panel-overlay {
    background: #d9edfa;
    opacity: 0;
    transition: opacity .2s, visibility 0s .2s;
    z-index: 99997;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0!important;
    -moz-transform: none!important;
    -webkit-transform: none!important;
    -o-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9ImZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJFeHBvcnQtJmFtcDstR3VpZGVsaW5lcyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4LjAwMDAwMCwgLTQwOS4wMDAwMDApIiBmaWxsPSIjZmZmZmZmIj4gICAgICAgICAgICA8cGF0aCBkPSJNNTcuODk5NDk0OSw0MTguMDk1MTYxIEw1My4zNTE5MTQ0LDQxMy41NDc1ODEgTDUyLjU0NzU4MDUsNDE0LjM1MTkxNCBMNTcuMDk1MTYxLDQxOC44OTk0OTUgTDUyLjU0NzU4MDUsNDIzLjQ0NzA3NSBMNTMuMzUxOTE0NCw0MjQuMjUxNDA5IEw1Ny44OTk0OTQ5LDQxOS43MDM4MjkgTDYyLjQ0NzA3NTQsNDI0LjI1MTQwOSBMNjMuMjUxNDA5NCw0MjMuNDQ3MDc1IEw1OC43MDM4Mjg5LDQxOC44OTk0OTUgTDYzLjI1MTQwOTQsNDE0LjM1MTkxNCBMNjIuNDQ3MDc1NCw0MTMuNTQ3NTgxIEw1Ny44OTk0OTQ5LDQxOC4wOTUxNjEgTDU3Ljg5OTQ5NDksNDE4LjA5NTE2MSBaIiBpZD0iRGVsZXRlLUVtcGxveWVlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=), auto
}

.a-slide-panel-overlay.open {
    opacity: .7;
    transition: opacity .3s
}

.a-slide-panel {
    height: 100vh;
    background: #F2F2F2;
    position: fixed;
    z-index: 99998;
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    transition-delay: 25ms;
    -webkit-transition-delay: 25ms;
    -webkit-backface-visibility: hidden
}

.wp-admin .a-slide-panel {
    position: absolute
}

.a-slide-panel-active {
    opacity: 1
}

.a-slide-to-left {
    top: 0;
    right: 0;
    -moz-transform: translateX(100%)!important;
    -webkit-transform: translateX(100%)!important;
    -o-transform: translateX(100%)!important;
    -ms-transform: translateX(100%)!important;
    transform: translateX(100%)!important
}

.a-slide-to-left.a-slide-panel-active {
    -moz-transform: translateX(0)!important;
    -webkit-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.a-slide-to-right {
    top: 0;
    left: 0;
    -moz-transform: translateX(-100%)!important;
    -webkit-transform: translateX(-100%)!important;
    -o-transform: translateX(-100%)!important;
    -ms-transform: translateX(-100%)!important;
    transform: translateX(-100%)!important
}

.a-slide-to-right.a-slide-panel-active {
    -moz-transform: translateX(0)!important;
    -webkit-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.a-slide-to-top {
    top: 0;
    left: 0;
    -moz-transform: translateY(100%)!important;
    -webkit-transform: translateY(100%)!important;
    -o-transform: translateY(100%)!important;
    -ms-transform: translateY(100%)!important;
    transform: translateY(100%)!important
}

.a-slide-to-top.a-slide-panel-active {
    -moz-transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important;
    -o-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.a-slide-to-bottom {
    top: 0;
    left: 0;
    -moz-transform: translateY(-100%)!important;
    -webkit-transform: translateY(-100%)!important;
    -o-transform: translateY(-100%)!important;
    -ms-transform: translateY(-100%)!important;
    transform: translateY(-100%)!important
}

.a-slide-to-bottom.a-slide-panel-active {
    -moz-transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important;
    -o-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.a-slide-panel .wrapper {
    padding: 30px 0 35px 15px
}

.a-slide-panel .a-title {
    margin-bottom: 0;
    z-index: 99999;
    width: 100%
}

.a-slide-panel .a-scroll {
    height: calc(100% - 57px)
}

.a-slide-panel .a-title .btn {
    min-width: 36px;
    height: 36px;
    line-height: 35px;
    border: none!important;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 0 10px;
    font-weight: 400;
    text-transform: uppercase;
    overflow: hidden
}

.a-slide-panel .a-title .btn.close-panel {
    background: 0 0;
    box-shadow: none!important
}

.a-slide-panel .a-title .btn:focus {
    outline: 0!important
}

.a-slide-panel .a-hidden {
    display: none
}

.a-title {
    position: relative;
    z-index: 3;
    margin: 0 0 30px;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 15px
}

.a-title .error,
.a-title .notice,
.a-title .updated {
    display: none!important
}

.a-title h2 {
    position: relative;
    top: -10px;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 400;
    max-width: 80%;
    height: 55px;
    padding: 0;
    margin: 0 0 -20px;
    color: #000
}

.a-title h2 svg {
    width: 56px;
    display: inline-block;
    margin-bottom: -26px
}

.a-title h2 span {
    position: relative;
    top: 4px;
    font-size: 18px
}

.a-title ul.actions {
    float: right;
    padding: 0;
    margin: 0 5px 0 0;
    list-style: none;
    height: 36px
}

.a-slide-panel .a-slide-panel-content-wrapper,
.a-slide-panel .a-spinner {
    will-change: opacity;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.a-title ul.actions>li {
    float: left;
    padding: 0 5px;
    margin-bottom: 0;
    position: relative
}

.admin-wrap .a-title a,
.admin-wrap .a-title button {
    padding: 0
}

.a-title button,
.a-title button svg {
    font-size: 14px;
    color: #fff
}

.a-title a svg,
.a-title button svg {
    width: 35px
}

.a-title .btn-transparent {
    width: 36px;
    padding: 0
}

.a-title .btn-transparent svg {
    width: 75pt;
    color: #D4D4D4
}

.a-slide-panel .a-spinner {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM2ODlBQ0IiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj4gICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuNSIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTM2IDE4YzAtOS45NC04LjA2LTE4LTE4LTE4Ij4gICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIgICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgICAgICAgICAgPC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    background-size: 50px 50px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.a-slide-panel .a-slide-panel-content-wrapper.fade-animation-in,
.a-slide-panel .a-spinner.fade-animation-in {
    opacity: 0;
    visibility: hidden;
    -webkit-animation: awesome_fade_in .4s;
    -moz-animation: awesome_fade_in .4s;
    -ms-animation: awesome_fade_in .4s;
    animation: awesome_fade_in .4s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-moz-keyframes awesome_fade_in {
    from {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes awesome_fade_in {
    from {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@-o-keyframes awesome_fade_in {
    from {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes awesome_fade_in {
    from {
        opacity: 0;
        visibility: hidden
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

.a-slide-panel h5 {
    margin-top: 20px
}

.a-slide-panel h5:first-child {
    margin-top: 15px
}

.remove-overlay {
    -webkit-animation: remove-overlay-animation .3s;
    -moz-animation: remove-overlay-animation .3s;
    -ms-animation: remove-overlay-animation .3s;
    animation: remove-overlay-animation .3s;
    cursor: auto
}

@-moz-keyframes remove-overlay-animation {
    from {
        opacity: .4
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes remove-overlay-animation {
    from {
        opacity: .4
    }
    to {
        opacity: 0
    }
}

@-o-keyframes remove-overlay-animation {
    from {
        opacity: .4
    }
    to {
        opacity: 0
    }
}

@keyframes remove-overlay-animation {
    from {
        opacity: .4
    }
    to {
        opacity: 0
    }
}