#tourTimeline .timeline-horizontal {
    height: auto;
}

#tourTimeline .timeline-horizontal::before {
    background: transparent;
}

#tourTimeline .tl-row {
    float: none;
    display: inline-block;
    height: 20vw;
    max-height: 70px;
    width: 33.33%;
}

@media (min-width: 768px) {
    #tourTimeline .tl-row {
        width: 16.66667%;
    }
}

#tourTimeline .tl-row::after {
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -3px;
    background: #dfe8f1;
    z-index: 0;
}

#tourTimeline .tl-row .tl-item .tl-bullet {
    top: 50%;
    bottom: auto;
    left: 50%;
    z-index: 5;
    background: #9fa8b1;
    transition: background-color ease 0.5s;
}

#tourTimeline .tl-row .tl-item .tl-bullet.selected {
    background: #71c045;
}

#tourTimeline .tl-row .tl-item a:hover {
    color: #71c045;
}

#tourTimeline .tl-row .tl-item .tl-panel {
    bottom: 0;
}

#tourTimeline .tl-row .tl-item .popover {
    bottom: calc(50% + 20px);
    z-index: 100000000 !important;
    text-align: center;
    border-width: 3px;
    border-radius: 18px;
}

#tourTimeline .tl-row .tl-item .popover .arrow {
    bottom: -24px;
}

#tourTimeline .tl-row:hover .tl-item .tl-bullet {
    background: #71c045;
}

#tourTimeline .tl-row:hover a {
    color: #71c045;
}

#tourTimeline.company-tour .tl-row {
    width: 50%;
}

@media (min-width: 768px) {
    #tourTimeline.company-tour .tl-row {
        width: 25%;
    }
}

#tourTimeline.company-tour .tl-row .tl-item .popover .arrow {
    bottom: -13px;
}

.iuBackdrop {
    opacity: 0;
    transition: opacity 0.4s ease;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100000000;
    overflow-y: auto;
    display: table !important;
    height: 100vh;
    width: 100%;
}

.iuBackdrop .helper {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.iuBackdrop.show {
    opacity: 1;
}

.iuBackdrop .iuModal {
    transition: width 0.4s ease, transform 0.5s cubic-bezier(0.53, 0.09, 0.36, 1.33);
    transform: scale(1);
    margin: auto;
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
}

.iuBackdrop .iuModal.ng-hide {
    transform: scale(0);
}

.iuBackdrop .iuModal.menu {
    max-width: 700px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal.menu {
        max-width: 80vw;
        height: 274px;
    }
}

.iuBackdrop .iuModal.loading, .iuBackdrop .iuModal.desktop {
    max-width: 700px;
    max-height: 700px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal.loading, .iuBackdrop .iuModal.desktop {
        width: 300px;
        height: 200px;
        max-height: 90vh;
        max-width: 90vw;
    }
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal.cropper {
        width: 450px;
        max-width: 90vw;
        max-height: 90vh;
    }
}

.iuBackdrop .iuModal.unsplash {
    max-width: 1000px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal.unsplash {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
    }
}

.iuBackdrop .iuModal.url {
    max-width: 700px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal.url {
        max-width: 100vw;
        border-radius: 0;
        position: absolute;
        top: 20%;
    }
}

.iuBackdrop .iuModal .exit {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}

.iuBackdrop .iuModal .fa-times {
    color: white;
    padding: 30px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .fa-times {
        padding: 20px;
    }
}

.iuBackdrop .iuModal .iuDropbox {
    background-color: #71c045;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: table;
    vertical-align: middle;
}

.iuBackdrop .iuModal .iuDropbox.menu {
    display: inline-block;
    width: 40%;
    height: 139px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuDropbox.menu {
        width: 100%;
    }
}

.iuBackdrop .iuModal .iuDropbox.url {
    display: inline-block;
    font-size: 20px;
    width: 80px;
    height: 80px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuDropbox.url {
        font-size: 16px;
        width: 60px;
        height: 60px;
    }
}

.iuBackdrop .iuModal .iuDropbox.desktop {
    width: 100%;
    height: 500px;
    transition: all 0.4s ease;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuDropbox.desktop {
        height: 100%;
    }
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuDropbox.unsplash {
        width: 100vw;
        max-height: 100vh;
    }
}

.iuBackdrop .iuModal .iuDropbox.loading {
    width: 100%;
    height: 500px;
    transition: all 0.4s ease;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuDropbox.loading {
        height: 100%;
    }
}

.iuBackdrop .iuModal .iuDropbox .cloudAndStatus {
    vertical-align: middle;
    display: inline-block;
}

.iuBackdrop .iuModal .iuDropbox .cloudAndStatus.loading, .iuBackdrop .iuModal .iuDropbox .cloudAndStatus.desktop {
    display: table-cell !important;
}

.iuBackdrop .iuModal .iuDropbox .cloudAndStatus.ng-enter {
    transition: all 0.2s ease;
    transform: translateX(-30px);
    opacity: 0;
}

.iuBackdrop .iuModal .iuDropbox .cloudAndStatus.ng-enter-active {
    transform: translateX(0px);
    opacity: 1;
}

.iuBackdrop .iuModal .iuDropbox .cloudOutline {
    transform: scale(0.8);
    height: 100px;
    width: 100px;
    position: relative;
    overflow: hidden;
    background: url(data:image/png;base64,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);
    display: inline-block;
}

.iuBackdrop .iuModal .iuDropbox .cloudOutline .fa-check {
    color: #71c045;
    font-size: 28px;
    margin-top: 40px;
    transition: transform 0.4s cubic-bezier(0.53, 0.09, 0.51, 1.73);
    transform: scale(1);
}

.iuBackdrop .iuModal .iuDropbox .cloudOutline .fa-check.ng-enter {
    transform: scale(0);
}

.iuBackdrop .iuModal .iuDropbox .cloudFill {
    transform: translateZ(0);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAE20lEQVR4Xu2cjVEUQRCFuyNQI1AiECNQI1AiUCKQDMQIhAjECIQIhAiUCIQI1AjaeucsLne3svPTt73HmyoKtGZ7Z9+3PT89PavCEkoBDdUaNkYIJNhLQCAEEkyBYM2hhxBIMAWCNYceQiDBFAjWHHoIgQRTIFhz6CEEEkyBYM2hhxBIMAWCNYceQiDBFAjWnK3zEDN7LiIvRGRXRB4mvZ+k31fp9y8R+Z5+LlQV/w5RZg/EzCD6GxF5myCUCAs4JyJypqodtBI71dfMFoiZwQveicjrahVuGzgVkWNVPW9sd5S52QExM3Q/75NHjHrIwkoAsr9pj5kVEDMDiMNCgUsvO1TVD6UX5143CyBpnPiSBuvcZ2xRH2PM3ia8JTwQM8Ns6WtvxtRC4BIbmIm9VFXAcSuhgQSC0QEAFHiK24AfFkhAGH0obp4SEkiaSX0L0E0NdU1u3Vc4IGkAx5iBsSNywVgCT2m6yo8I5NMG1hitQJ+o6n4rY7DjCiR1PU/XvO3nqnqx/CBp9Q3vmFOBlzQb5JsDSV0OQhqILXVBvSGBb4UpzAzjRvSuavlZrlR1p9Ub1BRIWkkfFAzGeMPQJ+PaORaEWBCcrC5NgKSuCSvpub3d1QImA828pBpI4PVCK7HH2mniJVVA0njxo6CLGvuQc6qHvZTqrYBaIJgRYV+C5a8Cj2rXJcVAzAyzKKwZWP4pgDgXZo7FpQbIT3ZVK7pjp7FqplgEhN4x6ABImKjqwkuBwC1fFfvlFl+oqkWadpIUXWxmtsWa1j7aTs3OYjaQtAjEVJdlvQJVsa0SIFMkGswJvj+QXsCwJE41JzFbtNUXSAqJY71xV+S2xcNsg40jETldt70w5uH+22WZ2ccZR2DHPL93HUSwj1T189gbrQWSuijAwGqcpV4BbPPCc7Bw/O+W7xCQOW4U1cvmbwGJ3IgKD+4wrgAxszntaftL6HOHwfTUW0AYEvFRf8Dq2gSJGyDc29gojO5mK8HIPhDsCePgC8tmFbgVsl8AYThkswSW7oZZ17Mu/tUBwZQMqTss0yjwWVUXS4wOCDebpgHRv+siSqwzzRacXr72LVh4CYDgiBgiuCwTK4DNLQDBqhFnu1mmV2CPQKaH0G/BMYBwOzYOlAsCiQMDLSGQWDxE4CFYKT6I1rD72h4O6rHIXwMIg4pxoCzGECZNxwFyBiDIJmHiWwwo+11wkbm6MYDsdEDYbU0P5FJVd/s7hsiIeDx9u+5tCxZnFPtAcK5hbof2t4XetaouMkOXs044lkyD+CYfeBkIvvCJ9Ed2XZsDc7N9u+Ih+I907hx7JAyn+EO5xCnmfnrpUCopvshAKL5AfuNEwXKu72D2e/IUjCnsvtqDWfGM7hZ3HUfAmIJYFw94toOCowkHQ1nwo460pcwUgKG3lIO5xvGOu76tNQpI14YUiMT3POgx48Gge8KhnVGfb8oC0gODRQwWkvjB35gEcFYmAi9AxAObfhh/8eW8rI/7FwEZ/3KwZq4CBJKrmHN9AnEWONc8geQq5lyfQJwFzjVPILmKOdcnEGeBc80TSK5izvUJxFngXPMEkquYc30CcRY41zyB5CrmXJ9AnAXONU8guYo51ycQZ4FzzRNIrmLO9QnEWeBc8wSSq5hzfQJxFjjXPIHkKuZc/w8ydF6BsFjHUgAAAABJRU5ErkJggg==) no-repeat bottom center;
    bottom: 0;
    height: 0;
    width: 100px;
    position: absolute;
    display: none;
}

.iuBackdrop .iuModal .iuDropbox .cloudFill.loading {
    display: block;
    transition: height 0.1s linear;
}

@keyframes fill {
    from {
        height: 0;
    }
    to {
        height: 100px;
    }
}

.iuBackdrop .iuModal .iuBody.menu {
    display: inline-block;
    width: calc(59% + 3px);
    vertical-align: top;
    height: 139px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody.menu {
        width: 100%;
    }
}

.iuBackdrop .iuModal .iuBody.url {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 84px);
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody.url {
        width: calc(100% - 70px);
    }
}

.iuBackdrop .iuModal .iuBody.desktop {
    width: 0;
}

.iuBackdrop .iuModal .iuBody .iuOptions {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow {
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 20px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow {
        font-size: 18px;
    }
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow.url {
    padding: 18px;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow.url {
        padding: 8px !important;
        font-size: 16px;
    }
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow.url .input-group-addon {
    display: none;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow.url input {
        width: calc(100vw - 79px);
    }
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow.urlSpecific.url {
        padding: 8px !important;
    }
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .fa-angle-right {
    float: right;
    margin-top: 3px;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .fa-camera,
.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .fa-desktop,
.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .fa-link {
    margin-right: 15px;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow i {
    vertical-align: middle;
    font-size: 20px;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow.menu {
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 14px;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow.menu .fa-angle-right {
    float: none;
    margin-top: 0;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group {
    margin: 0;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group.url {
    width: 100%;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group-addon:first-child {
    width: 30px;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group-addon:first-child.menu {
    padding: 0;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group-addon:first-child.menu .fa-link {
    margin-right: 10px;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group-addon {
    background-color: transparent;
    border: none;
    padding: 10px;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group-addon.ng-enter,
.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .input-group-addon.ng-enter-active {
    transition: all 0.4s ease;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .showBadge {
    background-color: #71c045;
    color: #ffffff;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .showButtonStyle {
    transition: transform 0.4s ease;
    color: #ffffff;
    z-index: 0;
    transform: translateX(80px);
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .showButtonStyle.hasText {
    background-color: #71c045;
    transform: translateX(0);
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow input {
    font-size: 20px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    line-height: normal;
    height: 40px;
    box-shadow: none;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow input {
        font-size: 18px;
    }
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow input:focus {
    outline: none;
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow input::-webkit-input-placeholder {
    color: #55585d;
    font-size: 20px;
    font-style: normal;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow input::-webkit-input-placeholder {
        font-size: 18px;
    }
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow input:-ms-input-placeholder {
    color: #55585d;
    font-size: 20px;
    font-style: normal;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow input:-ms-input-placeholder {
        font-size: 18px;
    }
}

.iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .urlError {
    position: absolute;
    font-size: 12px;
    color: #e74c3c;
    margin-top: -10px;
    margin-left: 10px;
    max-width: 100%;
}

@media (max-width: 767px) {
    .iuBackdrop .iuModal .iuBody .iuOptions .iuOptionRow .urlError {
        font-size: 10px;
    }
}

.iuBackdrop .btn {
    background: #71c045;
    color: #ffffff;
}

.imageCropper {
    transition: max-width 0.4s ease;
    transform-origin: right;
    transform: translateZ(0);
    z-index: 1;
}

.imageCropper .frame {
    max-height: calc(556px - 45px);
    overflow: hidden;
    transition: max-width 0.4s ease;
    transform-origin: right;
    transform: translateZ(0);
    background-color: #25282d;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

@media (max-width: 767px) {
    .imageCropper .frame {
        max-height: calc(90vh - 46px);
        max-width: 90vw;
    }
}

.imageCropper .controls {
    opacity: 0;
    transition: all 0.2s ease;
}

.imageCropper .controls.animate {
    opacity: 1;
    transition-duration: 0.4s;
}

.imageCropper button {
    bottom: 0;
    border-radius: 0;
    box-shadow: none;
}

body.imgCropper-dragging,
body.imgCropper-dragging * {
    cursor: move !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;
    cursor: grabbing, move;
    /* IE hack */
}

.imgCropper-window {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    cursor: grab, move;
    /* IE hack */
}

.imgCropper-canvas {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.imgCropper-canvas > * {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.imgCropper-sample {
    position: absolute !important;
    top: -100000px !important;
    left: -100000px !important;
    width: auto !important;
    height: auto !important;
}

image-cropper {
    position: relative;
    display: block;
}

image-cropper .imgCropper-window {
    background: white;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

image-cropper[dest-width='200'] .imgCropper-window {
    border-radius: 20% 0;
}

image-cropper[dest-width='450'] .imgCropper-window {
    border-radius: 50%;
}

image-cropper #controls i {
    position: absolute;
    font-size: 18px;
    background: rgba(250, 250, 250, 0.83);
    padding: 6px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
}

image-cropper #controls i.fa-redo {
    bottom: 65px;
    right: 10px;
}

image-cropper #controls i.fa-undo {
    bottom: 65px;
    left: 10px;
}

image-cropper #controls i.fa-search-minus {
    top: 50px;
    left: 10px;
}

image-cropper #controls i.fa-search-plus {
    top: 10px;
    left: 10px;
}

image-cropper #controls i.fa-arrows-alt {
    top: 10px;
    right: 10px;
}

.display-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

.flex-1 {
    flex: 1;
}

.min-width-0 {
    min-width: 0;
}

.mt {
    margin-top: 20px;
}

.ml {
    margin-left: 20px;
}

.mb {
    margin-bottom: 20px;
}

.mr {
    margin-right: 10px;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.font-xl {
    font-size: 50px;
}

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

.cursor-pointer {
    cursor: pointer;
}

.scrollable-horizontal {
    min-width: 1px;
    overflow-x: auto;
    height: calc(100vh - 260px);
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -30px;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 10px;
}

.scrollable-vertical {
    overflow-y: auto;
    min-height: 500px;
    margin: 0 -10px;
    padding: 0 10px;
}

.transition-opacity {
    transition: opacity 1000ms;
}

.beat {
    animation: beat 300ms;
}

@keyframes beat {
    0% {
        transform: scale(1);
    }
    80% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

.main-header {
    z-index: 9999;
}

.main-header.bg-header {
    background: #71c045;
}

.main-header .logo {
    height: 78px;
    display: inline-flex;
    align-items: center;
}

.main-header .logo img {
    height: 44px;
}

.main-header #nav-toggle.collapsed span, .main-header #nav-toggle :before, .main-header #nav-toggle :after {
    background: white;
}

.main-header .header-nav > li.sfHover > a:before {
    color: #eeeeee;
    text-shadow: 5px 0 #eeeeee, -5px 0 #eeeeee, -10px 0 #eeeeee, 10px 0 #eeeeee;
    margin-left: 0;
}

.main-header .header-nav > li > a {
    color: white;
}

.main-header .header-nav > li > a:before {
    margin-left: 0;
}

.main-header .header-nav > li > a:hover {
    text-decoration: none;
}

.main-header .header-nav > li > a:hover:before {
    color: #eeeeee;
    text-shadow: 5px 0 #eeeeee, -5px 0 #eeeeee, -10px 0 #eeeeee, 10px 0 #eeeeee;
}

.main-header .header-nav > li > .dropdown > a {
    height: 78px;
    display: flex;
    padding: 0 5px;
    margin: 0 10px;
    align-items: center;
}

.main-header .header-nav > li > .dropdown > a button {
    background: transparent;
    border: none;
    color: white;
}

.main-header .header-nav > li > .dropdown > .dropdown-menu {
    border-radius: 21px;
    right: 0;
    left: auto;
}

.main-header .header-nav > li > .dropdown > .dropdown-menu::after {
    right: 28px !important;
}

.main-header .header-nav > li > .dropdown > .dropdown-menu .popover-title {
    background: none;
}

@media only screen and (max-width: 56.25em) {
    .main-header .header-nav > li > .dropdown > a {
        height: 32px;
    }

    .main-header .header-nav > li > .dropdown > .dropdown-menu {
        right: auto;
        left: 0;
    }
}

profile > * {
    height: 100%;
    width: 100%;
    border-radius: 100%;
}

profile div {
    font-weight: bold;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

profile img {
    object-fit: cover;
}

.progress-profile-container {
    position: relative;
    width: 100px;
    height: 100px;
    padding: 16px;
    margin: 0 10px 30px;
    cursor: pointer;
    display: inline-block;
}

.progress-profile-container svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.progress-profile-container svg .progress {
    fill: none;
    stroke-width: 15px;
    stroke-linecap: round;
    transform-origin: center;
    transform: rotate(145deg);
}

.progress-profile-container svg .progress-background {
    stroke: #e0e0e3;
}

.progress-profile-container profile {
    width: 100%;
    height: 100%;
}

.progress-profile-container .fa-comments {
    position: absolute;
    width: 34px;
    height: 34px;
    line-height: 34px;
    left: 50%;
    bottom: 5px;
    margin-left: -17px;
    text-align: center;
    color: white;
    border-radius: 100%;
}

.progress-profile-container .fa-comments {
    background: #007aff;
}

.progress-profile-container .fa-times {
    background: #ff463a;
}

.progress-profile-container .fa-play {
    background: #f00f00;
}

.progress-profile-container > div {
    text-align: center;
    margin: 10px 0;
    color: #808083;
}

.progress-profile-container:before, .progress-profile-container:after {
    pointer-events: none;
    position: absolute;
    opacity: 0;
    left: 50%;
    transform: translate3d(-50%, -10px, 0);
    transition: opacity 250ms ease-in, transform 1s ease-out;
}

.progress-profile-container:before {
    content: attr(data-name);
    background: #25282d;
    top: -50px;
    padding: 10px 15px;
    border-radius: 13px;
    color: white;
    margin: 0 auto;
    max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.progress-profile-container:after {
    content: '';
    top: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #25282d transparent transparent transparent;
}

.progress-profile-container:hover:after, .progress-profile-container:hover:before {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
}

html {
    background: transparent;
}

body {
    background-color: rgba(250, 252, 254, 0.6);
}

h4 {
    margin-bottom: 10px;
}

p {
    margin-bottom: 10px;
}

.profile {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background: no-repeat center;
    background-size: cover;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 100px;
}

.button-group {
    display: flex;
    vertical-align: middle;
    width: 100%;
}

.button-group .btn {
    flex: 1;
    border: none;
}

.button-group > .btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.button-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.modal.shown .modal-dialog {
    transform: translate(0);
}

.modal-dialog {
    height: 100%;
    box-shadow: none !important;
}

.modal-content {
    margin: 0 auto;
    border-radius: 21px;
}

.modal-content .button-group {
    margin-top: 15px;
}

.modal-content .button-group .btn {
    height: 42px;
}

.modal-content .button-group .btn:first-child {
    border-bottom-left-radius: 21px;
}

.modal-content .button-group .btn:last-child {
    border-bottom-right-radius: 21px;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    border-bottom: none;
}

.modal-footer {
    padding: 15px;
    border-top: none;
}

button {
    cursor: pointer;
}

.circle-img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.input-group .input-group-btn:nth-child(2) .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn {
    border: none;
}

.btn-primary:hover {
    background-color: #70c045 !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.new-version-alert {
    position: fixed;
    bottom: 30px;
    left: 30px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    width: 320px;
    z-index: 10000;
}

.new-version-alert .decoration {
    background: linear-gradient(to right, #71c045, #02ab84);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 10px;
}

.new-version-alert .content {
    background: white;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 15px;
    display: flex;
}

.new-version-alert .content i {
    margin: 5px 20px 0 5px;
    font-size: 24px;
}

.new-version-alert .content > div {
    flex: 1;
}

.new-version-alert .content .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.new-version-alert .content .detail {
    color: #8da0aa;
    margin-bottom: 20px;
}

.new-version-alert .content .display-flex {
    justify-content: space-between;
}

.tour-box {
    position: fixed;
    bottom: 30px;
    right: 30px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    width: 320px;
    z-index: 10000;
}

.tour-box .decoration {
    background: linear-gradient(to right, #71c045, #02ab84);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 10px;
}

.tour-box .content {
    background: white;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 15px;
    display: flex;
}

.tour-box .content i {
    margin: 5px 20px 0 5px;
    font-size: 24px;
}

.tour-box .content > div {
    flex: 1;
}

.tour-box .content .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.tour-box .content .detail {
    color: #8da0aa;
    margin-bottom: 20px;
}

.tour-box .content .display-flex {
    justify-content: space-between;
}

.ellipsis-items > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-close {
    cursor: pointer;
    font-size: 34px;
    position: fixed;
    right: 20px;
    top: 110px;
    z-index: 90;
    background: #2ecc71;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
}

.select-wrapper {
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    display: inline-block;
}

.select-wrapper select {
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    background: #ffffff;
    color: #555555;
    vertical-align: unset;
    font-family: inherit;
    padding: 8px 32px 8px 14px;
    width: 100%;
}

.select-wrapper:after {
    content: '';
    border: solid #333333;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    position: absolute;
    right: 13px;
    top: 13px;
}

.card {
    background: #ffffff;
    border-radius: 21px;
    padding: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.card .table {
    margin: 0;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.card .table .row {
    height: 50px;
    line-height: 50px;
    background: #f7faff;
    padding: 0 10px;
}

.card .table .row:nth-child(even) {
    background: #ffffff;
}

.card .table .row > div {
    border-top: none;
    color: #55585d;
}

.pretty-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    background: #ffffff;
    color: #555555;
    padding: 8px 32px 8px 14px;
    background: #ffffff;
    vertical-align: unset;
    font-family: inherit;
    width: 100%;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    line-height: 20px;
    border-radius: 5px;
}

#jobs {
    border: none;
    background: none;
}

#jobs .circle {
    width: 200px;
    height: 200px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#jobs .circle i {
    color: white;
    font-size: 100px;
}

#jobs .green {
    background: #2dcc71;
}

#jobs .red {
    background: #e74c3c;
}

#jobs .hero {
    position: fixed;
    top: 100px;
    right: 10px;
    left: 10px;
    bottom: 10px;
}

#jobs .hero > div {
    height: 100%;
    background: linear-gradient(to right, #71c045, #02ab84) no-repeat center;
    background-size: cover;
    border-radius: 21px;
}

#jobs video {
    position: fixed;
    top: 100px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    border-radius: 21px;
    width: calc(100% - 20px);
    height: calc(100% - 98px);
    object-fit: cover;
}

#jobs .video-container {
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#jobs .video-container > div {
    cursor: pointer;
    padding: 4px;
}

#jobs .video-container .fa {
    color: white;
}

#jobs .content-box-wrapper {
    background: white;
    border-radius: 21px;
    padding: 30px 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#jobs .progress {
    height: 21px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -30px;
    border-radius: 0;
    background: #2ecc7136;
    box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.15);
}

#jobs .progress .progress-bar {
    line-height: 21px;
    font-size: 10px;
    box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.15);
}

#search form {
    margin: 0;
}

#search .company {
    cursor: pointer;
}

#search .progress-profile-container {
    margin-bottom: 20px;
}

#profile img {
    cursor: pointer;
}

#eeocQuestions {
    color: white;
    padding: 50px;
    max-width: 600px;
    margin: 0 auto;
}

#circleimg {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.game-list-container {
    display: flex;
    background: linear-gradient(to bottom, #bc3116, #72210f);
    color: white;
    border-bottom-left-radius: 20px 100%;
    border-bottom-right-radius: 20px 100%;
    margin-top: 10px;
    margin-bottom: 21px;
    align-items: center;
    border: 2px solid white;
}

.game-list-container .name {
    flex: 1;
    text-align: center;
    cursor: pointer;
}

.game-list-container .score {
    background: linear-gradient(to bottom, #ffffff, #72210f);
    padding: 13px 30px;
    margin-top: -3px;
    color: #333333;
    width: 100px;
    border: 1px solid white;
    border-bottom: none;
    font-size: 18px;
    font-weight: 500;
}

@media only screen and (max-width: 560px) {

    .game-list-container .score {
        padding: 13px 10px;
        width: 70px;
    }

}

.game-list-container .score.left {
    margin-right: -30px;
    padding-right: 40px;
    border-bottom-left-radius: 19px 100%;
    text-align: right;
}

.game-list-container .score.right {
    margin-left: -30px;
    padding-left: 40px;
    border-bottom-right-radius: 19px 100%;
}

@media only screen and (max-width: 560px) {

    .game-list-container .score {
        padding: 13px 10px;
        width: 70px;
    }

    .game-list-container .score.left {
        padding-right: 35px;
    }

    .game-list-container .score.right {
        padding-left: 35px;
    }

}

.game-list-container .date {
    background: #323d49;
    border: 2px solid #b0bdcf;
    padding: 18px;
    border-radius: 50%;
    flex-grow: 0;
    text-align: center;
    margin-top: -8px;
    margin-bottom: -3px;
    z-index: 1;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

.game-list-container .date .status {
    position: absolute;
    bottom: -9px;
    left: 15px;
    right: 15px;
    background: white;
    color: #333333;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
}

.back {
    cursor: pointer;
    margin-bottom: 13px;
}

body {
    /*background: green;*/
}

.district {
    margin-top: 10px;
    margin-bottom: 21px;
}

.district .district-name {
    background: linear-gradient(to bottom, #bc3116, #72210f);
    color: white;
    border-bottom-right-radius: 20px 100%;
    align-items: center;
    border: 2px solid white;
    cursor: pointer;
}

.district .district-class {
    border: 2px solid white;
    background: #0e2e42;
    font-size: 24px;
    font-weight: 400;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: -11px 0 -11px -11px;
}

.district .district-teams {
    margin-left: 40px;
    width: calc(100% - 55px);
    overflow: hidden;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
}

.district .district-team {
    padding: 3px 10px;
    background-color: rgba(0, 65, 107, 0.8);
    color: white;
    cursor: pointer;
}

.district .district-team:nth-child(even) {
    background-color: rgba(0, 65, 107, 0.5);
    color: white;
}

.recruit-search {
    margin-bottom: 20px;
    padding: 8px 13px;
    border-radius: 10px;
    width: 100%;
    border: none;
}

.recruit {
    background: linear-gradient(to bottom, #bc3116, #72210f);
    color: white;
    border-bottom-right-radius: 20px 100%;
    align-items: center;
    border: 2px solid white;
    cursor: pointer;
    position: relative;
    display: flex;
}

.recruit .recruit-profile {
    border: 2px solid white;
    background: #0e2e42;
    font-size: 24px;
    font-weight: 400;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: -11px 10px -11px -11px;
}

.recruit .recruit-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recruit .recruit-position {
    background: white;
    color: #333333;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
    width: 60px;
    text-align: center;
    margin-left: 10px;
    margin-right: 20px;
    font-weight: 500;
}

.recruit-stats {
    margin-left: 40px;
    width: calc(100% - 55px);
    overflow: hidden;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    display: flex;
    padding: 3px 13px;
    background-color: rgba(0, 65, 107, 0.8);
    color: white;
    cursor: pointer;
    margin-bottom: 10px;
}

.recruit-team {
    flex: 1;
}

.recruit-class {
    font-weight: 500;
}

.recruit-metas {
    margin-left: 20px;
    width: calc(100% - 40px);
    overflow: hidden;
    border-radius: 13px;
    margin-bottom: 20px;
}

.recruit-meta {
    padding: 3px 10px;
    background-color: rgba(0, 65, 107, 0.5);
    color: white;
    display: flex;
}

.recruit-meta.title {
    background: rgba(177, 30, 0, 0.8);
}

.recruit-meta > div:first-child {
    flex: 1;
}

.recruit-meta:nth-child(even) {
    background-color: rgba(0, 65, 107, 0.8);
    color: white;
}


/*# sourceMappingURL=style.css.map */