/* Minification failed. Returning unminified contents.
(110,45): run-time error CSS1046: Expect comma, found '251'
(110,53): run-time error CSS1046: Expect comma, found '/'
(111,37): run-time error CSS1046: Expect comma, found '251'
(111,45): run-time error CSS1046: Expect comma, found '/'
(298,45): run-time error CSS1046: Expect comma, found '71'
(298,52): run-time error CSS1046: Expect comma, found '/'
(300,37): run-time error CSS1046: Expect comma, found '71'
(300,44): run-time error CSS1046: Expect comma, found '/'
(367,46): run-time error CSS1046: Expect comma, found '243'
(367,52): run-time error CSS1046: Expect comma, found ')'
(420,45): run-time error CSS1046: Expect comma, found '255'
(420,53): run-time error CSS1046: Expect comma, found '/'
(421,37): run-time error CSS1046: Expect comma, found '255'
(421,45): run-time error CSS1046: Expect comma, found '/'
(439,48): run-time error CSS1046: Expect comma, found '0'
(439,52): run-time error CSS1046: Expect comma, found '/'
(440,45): run-time error CSS1046: Expect comma, found '0'
(440,49): run-time error CSS1046: Expect comma, found '/'
(441,40): run-time error CSS1046: Expect comma, found '0'
(441,44): run-time error CSS1046: Expect comma, found '/'
(504,55): run-time error CSS1046: Expect comma, found '93'
(504,62): run-time error CSS1046: Expect comma, found '/'
(505,52): run-time error CSS1046: Expect comma, found '93'
(505,59): run-time error CSS1046: Expect comma, found '/'
(506,47): run-time error CSS1046: Expect comma, found '93'
(506,54): run-time error CSS1046: Expect comma, found '/'
(725,37): run-time error CSS1046: Expect comma, found '107'
(725,45): run-time error CSS1046: Expect comma, found '/'
(837,45): run-time error CSS1046: Expect comma, found '251'
(837,53): run-time error CSS1046: Expect comma, found '/'
(838,37): run-time error CSS1046: Expect comma, found '251'
(838,45): run-time error CSS1046: Expect comma, found '/'
(1474,30): run-time error CSS1046: Expect comma, found '27'
(1474,36): run-time error CSS1046: Expect comma, found '/'
(1704,47): run-time error CSS1046: Expect comma, found '0'
(1704,51): run-time error CSS1046: Expect comma, found '/'
(1705,39): run-time error CSS1046: Expect comma, found '0'
(1705,43): run-time error CSS1046: Expect comma, found '/'
(3315,45): run-time error CSS1046: Expect comma, found '67'
(3315,52): run-time error CSS1046: Expect comma, found '/'
(3756,1): run-time error CSS1019: Unexpected token, found '@import'
(3756,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Quicksand:400,300)'
(4775,49): run-time error CSS1046: Expect comma, found '0'
(4775,53): run-time error CSS1046: Expect comma, found '/'
(4776,43): run-time error CSS1046: Expect comma, found '0'
(4776,47): run-time error CSS1046: Expect comma, found '/'
(4788,45): run-time error CSS1046: Expect comma, found '0'
(4788,49): run-time error CSS1046: Expect comma, found '/'
(4789,37): run-time error CSS1046: Expect comma, found '0'
(4789,41): run-time error CSS1046: Expect comma, found '/'
(4800,35): run-time error CSS1046: Expect comma, found '159'
(4800,42): run-time error CSS1046: Expect comma, found ')'
 */
/*#region Client Section Common Classes*/
*, ::after, ::before {
    box-sizing: border-box;
}

.tooltip {
    font-size: 14px !important;
    opacity: 1;
    overflow: hidden !important;
    z-index: 999999999 !important;
}

    .tooltip.bottom .tooltip-arrow {
        top: 1% !important;
        margin-top: 3% !important;
    }

    .tooltip .tooltip-inner {
        margin-top: 4% !important;
        padding: 10px !important;
        border-radius: 9px !important;
        border: 1px solid #aeacae;
    }

/*#region Client Job Section*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all;
    white-space: initial;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #edededd1 !important;
}

table.dataTable tr {
    box-shadow: inset 0px -2px 1px 0px #cccaca;
}

.table > tbody > tr > td a {
    word-break: break-word;
}

.table > tbody > tr > td:hover {
    background-color: inherit !important;
    color: #191414 !important;
    text-shadow: none !important;
}

    .table > tbody > tr > td:hover a {
        color: #3c8dbc !important;
    }

        .table > tbody > tr > td:hover a i {
            color: #00ffff;
        }

.btn.skills {
    margin: 2px 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 28px;
    line-height: 26px;
    min-width: 64px;
    font-size: 13px;
}

.btn:hover.skills {
    font-weight: 700;
    background-color: black;
    color: #ffffff !important;
}

.all-users {
    border: 2px solid #fff;
    border-radius: 100%;
    display: inline-table;
    height: 30px;
    overflow: hidden;
    width: 30px;
    line-height: 28px;
    opacity: 0.8;
}

ul.list-unstyled li div strong span {
    color: #62646a;
    font-weight: 700;
    font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.s-Form strong, .s-Form label, .s-Form label.caption {
    color: #62646a;
    font-family: Macan, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.list-unstyled li div.text-muted, div.s-Form div strong span.text-muted {
    font-weight: 400;
}

.btn.focus, .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 0 0 100px rgb(251 251 251 / 5%) inset !important;
    box-shadow: 0 0 0 100px rgb(251 251 251 / 5%) inset !important;
}

.btn.skills {
    margin: 4px 4px 8px 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 28px;
    line-height: 26px;
    min-width: 64px;
    font-size: 13px;
}

.btn:hover.skills {
    background-color: #0b1b33;
    color: #fff;
    text-shadow: 3px 2px 6px #10203d;
}

.s-MessageDialog, .select2-drop, .ui-datepicker, .cke_panel, .cke_dialog_container, .cke_dialog {
    z-index: 90010 !important;
}

.flex-layout .editor, .flex-layout .widget-wrapper {
    float: initial;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    min-width: 0;
}

.s-Form label.caption {
    margin-bottom: 2px;
    text-align: left;
    flex-basis: 100%;
    font-weight: 600;
}

#ForgotPasswordPanel .s-PropertyGrid .categories {
    min-height: 150px;
    height: auto;
    max-height: 100%;
}

#ForgotPasswordPanel .page-title {
    font-size: 2.5em;
    font-weight: 800;
    text-shadow: 0 3px 6px #d0cecb;
    color: #00008b;
    text-align: center;
}

.flex-layout .field {
    flex-wrap: wrap;
}

div.page-heading.panel h2, div.page-content.panel h2, div.client_header.page-heading.panel {
    text-shadow: 6px 3px 9px rgba(0, 0, 0, 0.5) !important;
}

.text-shadow-none {
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5) !important;
}

div.page-content.panel.other-jobs {
    border-top-left-radius: 0% !important;
}

div.page-heading.panel.similar-jobs, div.page-heading.panel.relatioship-manager {
    border-bottom-left-radius: 0% !important;
}

div.page-heading.panel {
    padding: 8px 20px 24px;
}

.opportunity-activity-list p {
    font-size: 1.6rem;
    line-height: 1.655;
    overflow-wrap: break-word;
    word-break: break-word;
}

.reference-document-list p {
    overflow-wrap: break-word;
    word-break: break-all;
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    float: none;
    width: auto;
}

.reference-document-list div a {
    display: block;
    height: 30px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    line-height: 26px;
    text-decoration: none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
}

    .reference-document-list div a span {
        margin-right: 26px;
        overflow: hidden;
        white-space: nowrap;
        overflow-wrap: break-word;
        word-break: break-word;
        text-overflow: ellipsis;
        float: none;
        width: auto;
        line-height: 23px;
        border: none;
    }

.MemberQueries li, .MemberAssumptions li, ClientQueriesResponse li, ClientComments li {
    padding-left: 2%;
}

.jobs {
    word-break: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 10px 0 10px;
    position: relative;
}

    .jobs:before {
        display: inline-block;
        width: 0;
        height: 0;
        margin: 0 8px 4px -6px;
        left: 0;
        position: absolute;
        top: 6px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #efae06;
        vertical-align: middle;
        content: "";
    }

    .jobs a {
        color: #162649;
        text-decoration: none;
        cursor: pointer;
        -webkit-transition: color .1s ease-out;
        transition: color .1s ease-out;
    }

        .jobs a:hover {
            text-decoration: underline;
        }
/*#endregion*/

/*#region Client Profile*/
.client-section:hover {
    word-wrap: break-word;
    background-color: #172647;
    background-clip: border-box;
    border: 1px solid #0b1b33;
    border-radius: 14px;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
    -webkit-box-shadow: 0 0 60px 4px rgb(23 71 154 / 60%);
    -moz-box-shadow: 0 0 60px 4px rgba(23, 71, 154, 0.6);
    box-shadow: 0 0 60px 4px rgb(23 71 154 / 60%);
}

    .client-section:hover .icon-wrapper {
        box-shadow: inset 3px 3px 12px #5462bb;
    }

    .client-section:hover .info-wrap span {
        color: #938080 !important;
    }

        .client-section:hover .info-wrap span.info-title {
            font-size: 1.5rem !important;
            color: #cdcdde !important;
        }

    .client-section:hover .top-contact-item, .client-section:hover .other-info-section {
        box-shadow: none;
        border: 1px solid #172647;
        background-color: #313e75 !important;
    }

    .client-section:hover .contact-name {
        color: #cdcdde !important;
    }

    .client-section:hover .contact-role {
        color: #8d8d9b !important;
    }

    .client-section:hover .contact-action-wrapper .action-btn {
        background-color: #1e1e2d;
        border-style: dashed !important;
        border-color: #66668d !important;
    }

        .client-section:hover .contact-action-wrapper .action-btn .btn-text {
            color: #cdcdde !important;
        }

.client-profile .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    font-size: 14px;
    color: #3e3e40;
    font-weight: 600
}

/*#region color-profile top*/
.profile-img:hover {
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .5s ease-in-out !important;
}

    .profile-img:hover .img-circle {
        border-radius: 12px;
        box-shadow: 0 1px 16px 1px #000000;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease-in-out !important;
        transition: all .5s ease-in-out !important;
    }

.profile-image span.availability-badge {
    border-radius: 12px;
    width: 135px !important;
    height: 22px !important;
    background: 10% 10% / 22px 120px rgb(217 243 77) !important;
    position: absolute !important;
    opacity: 1 !important;
    z-index: 5309 !important;
    border: none !important;
    top: 195px;
    left: 50px;
    color: black;
    padding-left: 10px;
    padding-top: 2px;
    font-weight: 600;
    box-shadow: 1px 2px 3px #2c79bd;
    text-shadow: 1px 1px 12px #4f71d1;
}

img.circle-border {
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .5s ease-in-out !important;
}

.box-tools .help.btn {
    border: none;
}
/*#endregion*/

/*#region Member Profile*/
.profile-image:hover {
    transition: transform .2s ease-in-out;
    animation: fade-in .35s ease-in forwards;
}

    .profile-image:hover .img-responsive {
        border-radius: 6px;
        box-shadow: 0 1px 16px 1px #b8d9fa;
    }

.profile-image img.img-responsive {
    transition: all .8s ease !important;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
    overflow: hidden; /*overflow: visible;*/
    position: relative;
    padding: 0;
    align-self: center;
    top: 50%;
}

.text-muted strong {
    color: #444 !important;
}

.btn.x_title, .btn.x_title:focus, .btn.x_title:hover {
    -webkit-box-shadow: 0 0 0 100px rgb(255 255 255 / 5%) inset;
    box-shadow: 0 0 0 100px rgb(255 255 255 / 5%) inset;
}
/*#endregion*/

/*#region Dashboard Resource Profile Visible*/

.card-body a#ResourceProfileVisible .img-lg {
    -moz-transition: all .8s ease !important;
    -webkit-transition: all 0.8s ease-in-out !important;
    transition: all 0.8s ease-in-out !important;
}

.card-body a#ResourceProfileVisible:hover .img-lg {
    width: 100px !important;
    height: 100px !important;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all 0.8s ease-in-out !important;
    transition: all 0.8s ease-in-out !important;
    -webkit-box-shadow: 0px 0px 60px 3px rgb(0 0 0 / 80%);
    -moz-box-shadow: 0px 0px 60px 3px rgb(0 0 0 / 80%);
    box-shadow: 0px 0px 60px 3px rgb(0 0 0 / 80%);
}
/*#endregion*/

/*#region Dashboard Current Stage*/
.current-stage .bg-opportunities {
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #2672ec !important;
    background-image: none !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2672ec),to(#13101e)) !important;
    background-image: -webkit-linear-gradient(#2672ec,#13101e) !important;
    background-image: -moz-linear-gradient(#2672ec,#13101e) !important;
    background-image: -o-linear-gradient(#2672ec,#13101e) !important;
    background-image: linear-gradient(#2672ec,#13101e) !important;
}

.current-stage .bg-projects {
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #00adef !important;
    background-image: none !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#00adef),to(#101010)) !important;
    background-image: -webkit-linear-gradient(#00adef,#101010) !important;
    background-image: -moz-linear-gradient(#00adef,#101010) !important;
    background-image: -o-linear-gradient(#00adef,#101010) !important;
    background-image: linear-gradient(#00adef,#101010) !important;
}

.current-stage .bg-banks {
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #f57c00;
    background: -moz-linear-gradient(to right, #ff9b34 0%, #f57c00 100%);
    background: -webkit-linear-gradient(right, #ff9b34 0%, #f57c00 100%);
    background: linear-gradient(to right, #ff9b34 0%, #f57c00 100%)
}

.current-stage .bg-profile {
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #3b5998;
    background: -moz-linear-gradient(to bottom, #2f487c 0%, #3b5998 100%);
    background: -webkit-linear-gradient(bottom, #2f487c 0%, #3b5998 100%);
    background: linear-gradient(to bottom, #2f487c 0%, #3b5998 100%)
}

.current-stage:hover {
    -moz-transition: all .8s ease !important;
    -webkit-transition: all 0.8s ease-in-out !important;
    transition: all 0.8s ease-in-out !important;
}

.current-stage a div {
    -webkit-transition: margin-left 0.6s ease-in-out;
    -o-transition: margin-left 0.6s ease-in-out;
    transition: margin-left 0.6s ease-in-out;
}

    .current-stage a div:hover {
        -moz-transition: all .8s ease !important;
        -webkit-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
        -webkit-box-shadow: 12px 12px 60px 4px rgb(44 93 139 / 50%);
        -moz-box-shadow: 12px 12px 60px 4px rgb(44 93 139 / 50%);
        box-shadow: 12px 12px 60px 4px rgb(44 93 139 / 50%);
    }
/*#endregion*/
/*#region Dashboard Recent Project*/
.recent-project .badge {
    position: inherit !important;
}

/*#endregion*/
/*#region project-section*/
.project-section {
    width: 100%;
    object-fit: contain;
    border-radius: 14px;
    background-color: #fff;
    padding: 30px 30px 25px;
}

.project-statistics .card, .addons-solutions .card, .world-wide-status .small-box {
    border-width: 0px;
    border-radius: 0.625rem;
    margin-bottom: 20px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
    -webkit-box-shadow: 6px 11px 41px -28px rgba(94, 123, 243, 0.51), 6px 22px 66px -28px rgb(126, 186, 245);
    -moz-box-shadow: 6px 11px 41px -28px rgba(94, 123, 243, 0.51), 6px 22px 66px -28px rgb(126, 186, 245);
    box-shadow: 6px 11px 41px -28px rgba(94, 123, 243, 0.51), 6px 22px 66px -28px rgb(126, 186, 245);
}

    .project-statistics .card .card-title {
        font-weight: 600;
        line-height: 18px;
    }

    .addons-solutions .card .card-title {
        color: #fff !important;
        font-weight: 800;
        line-height: 18px;
        margin-bottom: 0 !important;
    }

    .project-statistics .card .card-body div h2 {
        font-weight: 800;
        font-size: 3.2em;
    }

    .project-statistics .card .card-body span i, .addons-solutions .card .card-body span i {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: rgb(255, 255, 255) !important;
    }

    .addons-solutions .card .card-body h5 {
        font-weight: 600 !important;
        color: #000 !important;
        text-shadow: 1px 1px 15px #039be5;
        font-size: 1.2rem;
    }

    .addons-solutions .card a:hover, .project-statistics .card a:hover, .addons-solutions .client-section:hover i, .project-statistics .client-section:hover i, .box:hover .inner h3 {
        font-weight: 400;
        text-shadow: 3px 3px 3px #0e0142;
        /* font-size: 110% !important; */
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease-in-out !important;
        transition: all .5s ease-in-out !important;
    }

/*#endregion project-section*/

/*#region company-info*/
.info-section {
    width: 100%;
    object-fit: contain;
    border-radius: 14px;
    background-color: #fff;
}

.info-wrapper {
    display: flex;
    border: 0;
    border-bottom: 2px dotted rgba(46,107,178,0.11);
    padding-bottom: 15px;
}

    .info-wrapper .left-section {
        width: 30%;
        display: flex;
        align-items: center;
    }

.info-section .info-wrapper .left-section .info-section {
    padding-left: 30px;
}

.info-wrapper h1.title {
    margin: 0;
    color: #484848;
    font-weight: bold;
    font-size: 32px;
}

.info-section .info-wrapper .left-section .info-section ul.info-section-ul {
    display: flex;
    flex-direction: column;
}

.info-section ul, .info-section li {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 16px;
}

.info-section .info-wrapper .left-section .info-section ul.info-section-ul li {
    padding-bottom: 10px;
}

.info-section .info-wrapper .left-section .info-section ul.info-section-ul .website-url {
    color: #445bf5;
}

.info-wrapper .right-section {
    width: 70%;
}

.info-section .info-wrapper .right-section ul.other-info-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

    .info-section .info-wrapper .right-section ul.other-info-section li {
        display: flex;
        column-gap: 20px;
    }

.info-section .info-wrapper .right-section .icon-wrapper {
    width: 45px;
    height: 45px;
    background-color: #eef4fa;
    color: #6775dd;
    font-size: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.info-section .info-wrapper .right-section ul.other-info-section li .info-wrap {
    display: flex;
    flex-direction: column;
}

    .info-section .info-wrapper .right-section ul.other-info-section li .info-wrap span.info-title {
        font-size: 14px;
        color: rgba(62,62,64,0.5);
    }

    .info-section .info-wrapper .right-section ul.other-info-section li .info-wrap span {
        font-size: 16px;
        color: #3e3e40;
    }

.info-section .info-wrapper .right-section ul.other-info-section li {
    display: flex;
    column-gap: 20px;
}

@media only screen and (min-width: 0) and (max-width: 720px) {
    .info-section {
        padding: 50px 25px 25px;
    }
}

@media only screen and (min-width: 0) and (max-width: 840px) {
    .content-wrapper {
        padding: 50px 25px 30px;
    }

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

        .info-wrapper .left-section {
            flex-direction: column;
            padding-bottom: 20px;
        }

    .info-section .info-wrapper .left-section .info-section {
        text-align: center;
        padding: 0;
    }

    .info-wrapper .left-section, .info-wrapper .right-section {
        width: 100%;
    }

    .info-section .info-wrapper .right-section ul.other-info-section {
        grid-template-columns: 1fr;
    }
}
/*#endregion company-info*/

/*#region top-contact*/
.top-contact-wrapper .top-contacts-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 40px;
    row-gap: 25px;
}

.top-contact-item {
    border-radius: 14px;
    border: 1px solid #fff;
    box-shadow: 0 2px 16px 0 rgb(46 107 178 / 11%);
    background-color: #fff;
    padding: 20px;
}

    .top-contact-item .contact-name {
        color: #3953fb;
        font-size: 18px;
        text-decoration: none;
        padding-bottom: 3px;
        font-weight: bold;
        display: block;
    }

    .top-contact-item .contact-role {
        color: #3e3e40;
        font-size: 16px;
        margin-bottom: 5px;
        line-height: normal;
    }

.contact-action-wrapper {
    display: flex;
    flex-wrap: wrap;
}

    .contact-action-wrapper .action-btn {
        width: fit-content;
        border-radius: 18px;
        border: solid 1px #cfd5fe;
        background-color: #fff;
        padding: 0 16px;
        margin: 10px 10px 0 0;
        height: 30px;
        color: #3953fb;
        font-size: 14px;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

        .contact-action-wrapper .action-btn img {
            width: 16px;
            height: 12px;
            margin-right: 10px;
        }

        .contact-action-wrapper .action-btn .btn-text {
            color: #3e3e40;
            overflow: hidden;
            word-break: normal;
            text-overflow: ellipsis;
        }

        .contact-action-wrapper .action-btn.phone-btn {
            border-color: #ffdac7;
        }
/*#endregion top-contact*/
/*#endregion Client Profile*/

/*#region For all s-Form .caption css */

.flex-layout .s-Form .caption, .flex-layout .s-Form .caption {
    color: #555555;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

    .flex-layout .s-Form .caption .sub-title, .flex-layout .s-Form .caption .sub-title {
        font-size: 1.2rem;
        font-weight: 400;
    }

/*#endregion*/

/*#region IT/HR Request Details*/
#ItRequestDetails .description-block.fullscreen, #HrRequestDetails .description-block.fullscreen {
    position: fixed !important;
    background-color: #fff !important;
    display: block !important;
    z-index: 90000 !important;
    width: 97% !important;
    height: auto !important;
    margin: 0 !important;
    padding-bottom: 5% !important;
    top: 43px !important;
    bottom: 10px !important;
    left: 50px !important;
    right: 0 !important;
    border-width: 3px !important;
    overflow: auto !important;
    max-height: 96% !important;
    border-top-left-radius: 0% !important;
    border-top-right-radius: 0% !important;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

#ItRequestDetails .border-1px, #HrRequestDetails .border-1px {
    border: 1px solid #b7b6b6 !important;
}

#ItRequestDetails .text-shadow-profile-heads i, #HrRequestDetails .text-shadow-profile-heads i {
    top: 0px !important;
}

#ItRequestDetails .glyphicon, #HrRequestDetails .glyphicon {
    top: -3px !important;
}

.btn.focus, .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 0 0 100px rgb(251 251 251 / 5%) inset !important;
    box-shadow: 0 0 0 100px rgb(251 251 251 / 5%) inset !important;
}

#ItRequestDetails .flex-layout .editor, #ItRequestDetails .flex-layout .widget-wrapper, #HrRequestDetails .flex-layout .editor, #HrRequestDetails .flex-layout .widget-wrapper {
    float: initial;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    min-width: 0;
}

#ItRequestDetails .s-Form label.caption, #HrRequestDetails .s-Form label.caption {
    margin-bottom: 2px;
    text-align: left;
    flex-basis: 100%;
}

#ItRequestDetails .question, #HrRequestDetails .question {
    font-size: 16px;
    letter-spacing: .1px;
    line-height: 24px;
    color: #202124;
    font-weight: 400;
    max-width: 100%;
    min-width: 0%;
    word-break: break-word;
}

#ItRequestDetails .response ul li, #HrRequestDetails .response ul li {
    text-anchor: start;
    font-family: Arial;
    font-size: 12px;
    stroke: none;
    stroke-width: 0;
    fill: rgb(34, 34, 34);
}

.flex-layout .field {
    flex-wrap: wrap;
}
/*#endregion*/

.gradient-1 {
    background-image: linear-gradient(230deg, rgb(117, 155, 255), rgb(132, 60, 246)) !important;
}

.gradient-2 {
    background-image: linear-gradient(230deg, rgb(252, 82, 134), rgb(251, 170, 162)) !important;
}

.gradient-3 {
    color: rgb(255, 255, 255) !important;
    background-image: linear-gradient(230deg, rgb(255, 196, 128), rgb(255, 118, 59)) !important;
}

.gradient-4 {
    background-image: linear-gradient(230deg, rgb(14, 76, 253), rgb(106, 142, 255)) !important;
}

.opacity-5 {
    opacity: 0.5;
}

.display-5 {
    font-size: 3rem;
}

.d-inline-block {
    display: inline-block !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.bg-transparent {
    background-color: transparent !important;
}
/*#endregion*/

/*#region Team Profiles*/

/*#region profile*/
.profile {
    text-align: center;
    text-align: -webkit-center;
    padding: 2% !important;
    border-radius: 12px;
    text-shadow: 0px 1px 3px rgba(25, 41, 52, 0.25);
    min-height: 280px;
}

    .profile.team-profile-dark {
        background-color: rgb(84, 111, 175);
        background-image: linear-gradient(rgb(84, 111, 175), rgb(19, 31, 10));
        border-color: rgb(92, 230, 10);
        color: rgb(247, 234, 234);
    }

    .profile.team-profile-light {
        background-color: rgb(101, 165, 57);
        background-image: linear-gradient(rgb(106, 174, 57), rgb(16, 22, 35));
        border-color: rgb(30, 39, 63);
        color: rgb(247, 234, 234);
    }

        .profile.team-profile-dark a, .profile.team-profile-light a {
            -webkit-transition: all 0.5s ease-in-out 0s;
            -moz-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
        }

    .profile.team-profile-dark a {
        color: #78c643;
    }

    .profile.team-profile-light a {
        color: #79a3ff;
    }

        .profile.team-profile-light a:hover, .profile.team-profile-light a:focus, .profile.team-profile-dark a:hover, .profile.team-profile-dark a:focus {
            color: #fff;
        }

    .profile h1 {
        font-weight: normal;
        font-size: 20px;
        margin: 10px 0 0 0;
    }

    .profile h2 {
        font-size: 14px;
        font-weight: lighter;
        margin-top: 5px;
    }

    .profile .img-box {
        opacity: 1;
        display: inline-block;
        position: relative;
        width: 50%;
        height: 50%;
        vertical-align: middle;
    }

        .profile .img-box:after {
            content: "";
            opacity: 0;
            background-color: rgba(0, 0, 0, 0.75);
            min-width: 50%;
            width: 115%;
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            border-radius: 10px;
            -moz-transition: all .8s ease !important;
            -webkit-transition: all .8s ease-in-out !important;
            transition: all .8s ease-in-out !important;
        }

        .profile .img-box img.img-circle {
            box-shadow: 0px 0px 42px 0px #1a2815;
        }


/*#endregion*/

/*#region card*/
.all-users {
    border: 2px solid #fff;
    border-radius: 100%;
    display: inline-table;
    height: 30px;
    overflow: hidden;
    width: 30px;
    line-height: 28px;
    opacity: 0.8;
}

.card {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem; /*border-radius: .55rem;*/
    background: #fff;
    position: relative;
    width: 100%;
    position: relative;
    border: 1px solid #ededed; /*border: 1px solid rgba(0,0,0,.125);*/
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

    .card .card-body {
        color: #444;
        padding: 20px;
        font-weight: 400;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem 0.25rem 1.25rem 1.25rem; /*padding: 1.25rem;*/
    }

    .card .card-title {
        color: #1f1f1f;
        font-size: 20px;
        font-weight: 500;
    }

    .card .card-subtitle {
        font-weight: 300;
        margin-bottom: 15px;
        color: #99abb4;
    }

    .card .header {
        color: #444;
        padding: 20px;
        position: relative;
        box-shadow: none;
    }

        .card .header h2 {
            font-size: 16px;
            color: #444;
            position: relative;
        }

            .card .header h2 small {
                font-size: 13px;
                color: #999;
                line-height: 15px;
            }

        .card .header .header-dropdown {
            position: absolute;
            top: 14px;
            right: 15px;
            list-style: none;
        }

        .card .header .header-dropdown {
            position: absolute;
            top: 14px;
            right: 15px;
            list-style: none;
        }

            .card .header .header-dropdown li a {
                padding: 5px 10px;
            }

            .card .header .header-dropdown .dropdown-toggle:after {
                content: "\f142";
                font-family: 'FontAwesome';
                border: 0;
                vertical-align: middle;
                height: auto;
                width: auto;
            }

            .card .header .header-dropdown li .dropdown-menu {
                border-radius: .55rem;
                background: #17191c;
                overflow: hidden;
                transform: none !important;
                left: auto !important;
                right: 0;
                padding: 10px;
                box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
                border: 0;
            }

                .card .header .header-dropdown li .dropdown-menu li {
                    display: block !important;
                }

                    .card .header .header-dropdown li .dropdown-menu li a {
                        color: #999;
                        font-size: 14px;
                        padding: 10px;
                        white-space: nowrap;
                    }
/*#endregion card*/

/*#region Image Size*/
.img-lg {
    width: 44px !important;
    height: 44px !important;
}

.img-md {
    width: 40px !important;
    height: 40px !important;
}

.img-sm {
    width: 36px !important;
    height: 36px !important;
}

.img-xs {
    width: 32px !important;
    height: 32px !important;
}

.img-box-shadow {
    box-shadow: 0 10px 20px 0 #000;
}
/*#endregion*/

/*#region team-members*/
.team {
    background: #ffffff top center repeat-x;
    border-radius: 15px;
    border-left: 6px solid #263b7c;
    border-bottom-left-radius: 0px !important;
    -webkit-box-shadow: 0px 0px 60px 4px rgba(41, 40, 40, 0.25);
    box-shadow: 0px 0px 60px 4px rgba(41, 40, 40, 0.25);
    min-height: -webkit-calc(100vh - 30vh);
    min-height: -moz-calc(100vh - 30vh);
    min-height: calc(100vh - 30vh);
    height: auto;
}


.team-members {
    display: inline-flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

    .team-members > li:first-child a {
        margin-left: 0;
    }

    .team-members > li > a {
        border: 2px solid #fff;
        border-radius: 100%;
        display: block;
        height: 30px;
        overflow: hidden;
        width: 30px;
    }

    .team-members img {
        width: 100%;
    }

    .team-members .all-users {
        line-height: 28px;
        opacity: 0.8;
    }

.all-users {
    background-color: #ff5e3a;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 34px;
    text-align: center;
}
/*#endregion*/

/*#region popover*/
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25);
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px !important;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25);
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }
/*#endregion*/

/*#region components*/

.opacity-5 {
    opacity: 0.5;
}

i.title-fa {
    color: #c4c4c4;
    font-size: 20px;
    margin-left: 12px;
}

table td[class*="col-"], table th[class*="col-"] {
    float: left;
}

.mini-profile-header {
    background-color: #176cb0;
    background-size: contain;
    position: fixed !important;
    top: 2px;
    width: 90%;
    transition: top 333ms;
    border-top-right-radius: 0px;
    border-bottom: 3px solid #09ec2b;
    border-right: 6px solid #09ec2b;
    -webkit-box-shadow: 0 50px 60px 4px rgba(22, 107, 175, 0.5);
    box-shadow: 0 50px 60px 4px rgba(22, 107, 175, 0.5);
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
    z-index: 5 !important;
}

.full-profile-header {
    background-color: #0064a9;
    background-image: url(http://localhost:8080/Interface/assets/images/bg.png);
    background-size: contain;
    background: linear-gradient(to right,#6876df 0%,#0265a9 25%);
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
}

.both-side-full-width {
    min-width: 100%;
    max-width: 100%;
    width: auto;
    overflow: auto;
}

@media screen and (max-width:768px) {
    .both-side-full-width li {
        width: 50%;
    }
}

#ProfileLeftSide .fullscreen {
    position: fixed !important;
    z-index: 500;
    display: block !important;
    width: 96% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0px !important;
    top: 50px !important;
    bottom: 0 !important;
    left: 0px !important;
    right: 0px !important;
    border-top-left-radius: 0% !important;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

.job-box.fullscreen {
    border-radius: 10px;
    position: fixed !important;
    background-color: #fff !important;
    display: block !important;
    z-index: 1040 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding-bottom: 5% !important;
    top: 2px !important;
    bottom: 10px !important;
    left: 3px !important;
    right: 3px !important;
    border-width: 3px !important;
    overflow: auto !important;
    max-height: 100% !important;
    -webkit-transition: all ease-in-out .15s !important;
    -o-transition: all ease-in-out .15s !important;
    transition: all ease-in-out .15s !important;
}
/*#region Dashboard - Recent Project, showcase-expertoins & Project Processes Sections*/

/*#region showcase-expertoins*/
.showcase-expertoins-block a:hover .view-full-profile {
    opacity: 1;
}

.showcase-expertoins-block .view-full-profile {
    align-items: center;
    z-index: 1;
    background-color: rgb(11 27 52 / 70%);
    transition: opacity .2s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 6%;
    width: 125px;
    height: 125px;
    color: #fff;
    justify-content: center;
    line-height: 16px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.showcase-expertoins-block .profile-image span.availability-badge {
    top: inherit !important;
    left: 8px !important;
    margin-top: -8% !important;
    width: 110px !important;
}

.showcase-expertoins-block table.table-bordered.dataTable thead tr {
    margin-bottom: 0px !important;
}

.showcase-expertoins-block table.table-bordered.dataTable tr {
    margin-bottom: 20px !important;
    display: grid;
}

.showcase-expertoins-block table.table-hover > tbody > tr:hover {
    box-shadow: 1px 2px 20px 3px #000000 !important;
}


.showcase-expertoins-block .table-responsive .dt-buttons.pbp-2 {
    display: none;
}

.showcase-expertoins-block .table > tbody > tr > td:hover {
    background-color: transparent !important;
    box-shadow: none;
}

.showcase-expertoins-block table.table-bordered.dataTable td:last-child {
    text-align: left !important;
}

.showcase-expertoins .post-job-block {
    align-items: center;
    background: #f5fafe;
    border: 1px solid #dfe3e9;
    flex: 1 1 34%;
    flex-direction: column;
    justify-content: center;
}

    .showcase-expertoins .post-job-block p {
        color: #0288d1;
        line-height: 28px;
    }

    .showcase-expertoins .post-job-block a {
        width: auto;
        border-color: #c5c3c3;
        transition-duration: .2s;
        transition-property: background-color,border-color,color;
        line-height: 28px;
        padding: 10px 60px;
        -webkit-appearance: none;
        border: 1px solid transparent;
        border-radius: 6px;
        cursor: pointer;
        display: inline-block;
        outline: none;
        text-align: center;
        text-decoration: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
    }
/*#endregion*/

.recent-project-block .recent-project .th-hide {
    display: none;
}

.recent-project-block .recent-project .th-toggle {
    display: table-cell !important;
}

.recent-project-block.fullscreen .box-header .box-tools button.recent-box-header, .showcase-expertoins-block.fullscreen .box-header .box-tools.showcaseexpertoins-box-header button.btn, .project-processes-block.fullscreen .box-header .box-tools button.btn {
    display: none;
}

.recent-project-block.fullscreen, .showcase-expertoins-block.fullscreen, .project-processes-block.fullscreen, .profile-block.fullscreen {
    position: fixed !important;
    background-color: #fff !important;
    display: block !important;
    z-index: 9995 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding-bottom: 5% !important;
    top: 50px !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0 !important;
    border-width: 3px !important;
    overflow: auto !important;
    max-height: 100% !important;
    border-top-left-radius: 0% !important;
    border-top-right-radius: 0% !important;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

    .profile-block.fullscreen div.page-content.panel {
        border-left: 0px !important;
        border-radius: 0%;
    }

    .recent-project-block.fullscreen .page-min-height, .showcase-expertoins-block.fullscreen .page-min-height, .profile-block.fullscreen .page-min-height {
        min-height: 80% !important;
    }

@media only screen and (min-device-width : 279px) and (max-device-width : 767px) and (min-device-height : 279px) {
    .recent-project-block.fullscreen, .showcase-expertoins-block.fullscreen, .project-processes-block.fullscreen, .profile-block.fullscreen {
        width: 100% !important;
        left: 0px !important;
    }
}
/*#endregion*/

/*#region Pool Image Right Side of Member Profile Screen*/
.pool-place {
    position: relative;
    /*vertical-align: top;*/
    display: block;
    font-family: "McLaren",sans-serif;
    overflow: visible;
    word-wrap: break-word;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #2f2f2f;
    -moz-box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
    box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
    -moz-box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
    box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
    -webkit-border-radius: 2px 9px;
    border-radius: 2px 9px;
    background-image: linear-gradient(to bottom,#5d5e5e,#2f2f2f);
    transition: all .8s ease !important;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
}

    .pool-place:hover {
        transition: all .8s ease !important;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease !important;
        overflow: hidden;
        z-index: 99999999;
        position: relative;
        padding: 0;
        align-self: center;
        top: 50%;
        border-radius: 6px;
        transform: scale(1.05) translateX(0%) translateY(0%);
    }

    .pool-place img {
        transition: all .8s ease !important;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease !important;
        width: 250px;
        height: auto;
        opacity: 0.6;
    }

    .pool-place .pool-img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.pool-description {
    min-height: 100%;
    height: auto;
    overflow: auto;
}
/*#endregion Pool Image*/


.bootstrap-select .btn-default, .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark, .breadcrumb-elements > li > a, .breadcrumb > li > a, .btn, .checker span:after, .choice span:after, .dataTable .select-checkbox:after, .dataTable .select-checkbox:before, .dataTables_filter input, .dataTables_paginate .paginate_button, .datepicker-dropdown .day, .daterangepicker td, .daterangepicker th, .dropdown-content-footer a, .dropdown-menu > li > a, .dropdown-menu > li > label, .dt-autofill-button .btn, .dt-autofill-list ul li, .dt-button, .fc-button, .icons-list > li > a, .list-group-item, .media-link, .menu-list li > a, .multiselect.btn-default, .nav li > a > .badge, .nav li > a > .label, .nav-pills > li > a, .nav-tabs > li > a, .nav-tabs > li > a:after, .navbar-link, .navbar-nav > li > a, .noUi-handle, .pager > li > a, .pager > li > span, .pagination > li > a, .pagination > li > span, .password-indicator-group.input-group-addon, .password-indicator-label-absolute, .picker__day, .picker__footer, .picker__footer button, .picker__list button, .picker__list-item, .picker__nav--next, .picker__nav--prev, .pika-button, .plupload_button, .plupload_file_action > a, .plupload_filelist li, .select2-results__option, .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice, .select2-selection--single:not([class*=bg-]), .selectboxit-btn, .selectboxit-option-anchor, .sp-cancel, .sp-choose, .sp-input, .sp-palette-toggle, .sp-replacer, .tokenfield .token, .tt-suggestion, .ui-button, .ui-datepicker a, .ui-datepicker-buttonpane > button, .ui-menu-item, .ui-selectmenu-button, .wizard .actions a, a.badge, a.label {
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

/*Already defined in site.css*/
/*.text-muted {
    color: #999;
}*/

.text-muted strong {
    color: #3689cc !important;
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.90);
}

.btn.text-shadow-profile-heads:hover {
    -webkit-box-shadow: 1px 4px 3px 0px rgb(0 0 0 / 37%);
    box-shadow: 1px 4px 3px 0px rgb(0 0 0 / 37%);
}

.text-shadow-profile-heads h3 {
    font-size: 1.9rem !important;
    text-shadow: 1px 2px 6px rgba(0, 9, 15, 0.25) !important;
}

.text-shadow-profile-heads .text-muted {
    padding-left: 25px !important;
}

.text-shadow-profile-heads i {
    top: 5px !important;
}

.position-left {
    margin-right: 8px;
}

#ProfileVisibleOther span {
    color: rgb(60, 99, 119);
    text-shadow: 0 0 0 rgb(131, 110, 114);
    font-weight: 400;
}

#ProfileVisibleOther:hover span {
    color: #fff;
}

.line-tabs li i {
    padding-right: 10px;
}

.line-tabs li i, .line-tabs li span {
    color: #305061;
    text-shadow: 0 1px 1px rgba(236, 220, 220, 0.6);
    font-weight: 600;
    font-size: 14px;
}

.profile-tab-content [class^="mdi-"], [class*=" mdi-"] {
    font-size: 1.2em !important;
}

.profile-tab-content .box {
    box-shadow: none;
}

[class^="mdi-"], [class*=" mdi-"] {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 1.5em;
    vertical-align: middle;
    position: relative;
    top: 0px;
}

[class^="glyphicon-"], [class*=" glyphicon-"] {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

[class^="fa-"], [class*=" fa-"] {
    min-width: 1em;
    text-align: center;
    vertical-align: middle;
    position: initial;
    top: -1px;
}

.text-semibold {
    font-weight: 500;
    color: #797262;
}

.text-default, .text-default:focus, .text-default:hover {
    color: #333 !important;
}

.task-details {
    float: right;
    margin: 0;
}

.list.task-details > li:first-child {
    margin-top: 0;
}

.list.task-details > li, .list.task-details > li .list.task-details > li {
    margin-top: 8px;
}

.task-details .dropdown-menu > li > a {
    padding: 8px 16px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-mark {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid;
}

.heading-elements {
    background-color: inherit;
    position: relative;
    top: 50%;
    right: 0px;
    height: 38px;
}

.heading-elements-toggle {
    cursor: pointer;
    display: block;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}

.content-group {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 769px) {
    .breadcrumb-elements-toggle, .heading-elements-toggle {
        display: none;
    }
}

.skill-tags {
    padding: 10px 0 !important;
    line-height: 2rem;
    display: block;
}

    .skill-tags ul {
        padding-left: 0;
    }

    .skill-tags li {
        display: inline-block;
        list-style: none;
        margin: 5px 10px 5px 0;
    }

.skill-full-badge {
    display: inline-flex;
    background-color: #e5e5e5;
    border-radius: 50px;
    overflow: hidden;
}

.badge-content {
    padding: 5px 15px;
    border-radius: 20px 0 0;
    float: right;
    font-size: 1.15rem !important;
    font-weight: 600;
    line-height: normal;
    background-color: #d8dbdd;
    color: #0e0c0c; /*#040b2b;*/
    background: -moz-linear-gradient(top,#9b9ea0 0%,#d8dbdd 100%);
    background: -webkit-linear-gradient(top,#9b9ea0 0%,#d8dbdd 100%);
    background: linear-gradient(to top,#9b9ea0 0%,#d8dbdd 100%);
    text-shadow: 0 1px 1px rgb(255, 255, 255); /*0px 1px 1px rgb(228, 236, 236);*/
}

.badge-expertise {
    padding: 6px 0 6px 15px;
    font-size: 13px;
    font-weight: 600;
}

span.badge-expertise {
    background-color: #ddd;
    padding: 5px 15px;
    border-radius: 0 0 20px;
    color: #fff;
    float: right;
    font-size: 1.15rem !important;
    font-weight: 400;
    line-height: normal;
    text-shadow: 0px 1px 1px rgba(12, 12, 12, 0.5);
}

    span.badge-expertise.beginner {
        background-color: #73bbf6;
        background: -moz-linear-gradient(top,#1d4b71 0%,#73bbf6 100%);
        background: -webkit-linear-gradient(top,#1d4b71 0%,#73bbf6 100%);
        background: linear-gradient(to top,#1d4b71 0%,#73bbf6 100%);
    }

    span.badge-expertise.intermediate {
        background-color: #f29b11;
        background: -moz-linear-gradient(top,#fa4106 0%,#f29b11 100%);
        background: -webkit-linear-gradient(top,#fa4106 0%,#f29b11 100%);
        background: linear-gradient(to top,#32640d 0%,#6ad700 100%);
    }

    span.badge-expertise.advance {
        background-color: #0b73e4;
        background: -moz-linear-gradient(top,#08498f 0%,#0b73e4 100%);
        background: -webkit-linear-gradient(top,#08498f 0%,#0b73e4 100%);
        background: linear-gradient(to top,#08498f 0%,#0b73e4 100%);
    }

blockquote {
    font-size: 13px;
}

    blockquote p {
        font-size: 12px !important;
    }

    blockquote a {
        font-weight: 600;
        color: rgba(66, 165, 245, 0.9);
        text-shadow: 0px 0px 0px rgba(49, 57, 67, 0.3);
    }

    blockquote i {
        padding-right: 5px !important;
    }

.heading-elements:not(.visible-elements) .heading-text {
    margin-top: 9px;
    font-size: 11px;
    color: #ab6e6e;
}

.heading-elements:not(.visible-elements) .heading-text {
    display: inline-block;
}

s .heading-elements:not(.visible-elements) .breadcrumb, .heading-elements:not(.visible-elements) .daterange-custom, .heading-elements:not(.visible-elements) .heading-btn, .heading-elements:not(.visible-elements) .heading-form, .heading-elements:not(.visible-elements) .heading-text, .heading-elements:not(.visible-elements) .heading-thumbnails, .heading-elements:not(.visible-elements) .icons-list, .heading-elements:not(.visible-elements) .nav-pills, .heading-elements:not(.visible-elements) .nav-tabs, .heading-elements:not(.visible-elements) .noui-slider, .heading-elements:not(.visible-elements) .pager, .heading-elements:not(.visible-elements) .pagination, .heading-elements:not(.visible-elements) .progress, .heading-elements:not(.visible-elements) .ui-slider, .heading-elements:not(.visible-elements) > .btn-group {
    float: left;
    margin-left: 20px;
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.focus, .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset;
    box-shadow: 0 0 0 100px rgba(0,0,0,.05) inset;
}
/*#endregion*/

/*#region panel*/

.panel {
    color: #303842; /*#6b7e92;*/
    line-height: 1.471;
    padding: 0 2% 0 2%;
    margin-bottom: 1.2rem;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 60px 4px rgba(75, 162, 242, 0.25);
    -moz-box-shadow: 0 0 60px 4px rgba(75, 162, 242, 0.25);
    box-shadow: 0 0 60px 4px rgba(75, 162, 242, 0.25); /*0px 0px 60px 4px rgba(41, 40, 40, 0.63);*/
    z-index: 2;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
}

    .panel:hover {
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease-in-out !important;
        transition: all .8s ease-in-out !important;
        -webkit-box-shadow: 0 0 60px 4px rgba(77, 164, 244, 0.6);
        -moz-box-shadow: 0 0 60px 4px rgba(77, 164, 244, 0.6);
        box-shadow: 0 0 60px 4px rgba(77, 164, 244, 0.6);
    }


    .panel.timeline-content .box-tools .btn.btn-xs.btn-outline-info {
        opacity: 0;
    }

    .panel.timeline-content:hover .box-tools .btn.btn-xs.btn-outline-info {
        opacity: 1 !important;
    }

    .panel .inner-panel {
        padding: 20px 20px 20px 0;
        background-color: #fff;
        border: 1px solid transparent;
        color: #303842;
        line-height: 1.471;
        margin: 0 0 3% 0;
        border-radius: 0%;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease-in-out !important;
        transition: all .8s ease-in-out !important;
        -webkit-box-shadow: 6px 3px 3px 0px rgba(59,128,191,.25) !important;
        box-shadow: 6px 3px 3px 0px rgba(59,128,191,.25) !important;
        z-index: 2;
    }

        .panel .inner-panel:hover {
            -moz-transition: all .8s ease !important;
            -webkit-transition: all .8s ease-in-out !important;
            transition: all .8s ease-in-out !important;
            -webkit-box-shadow: 6px 3px 3px 0px rgba(59,128,191,.5) !important;
            box-shadow: 6px 3px 3px 0px rgba(59,128,191,.5) !important;
        }

        .panel .inner-panel .box-tools strong {
        }

        .panel .inner-panel p, .panel .inner-panel ul li {
            font-size: 1.3rem;
            line-height: 2.2rem;
            font-weight: 400;
            color: rgba(0,0,0,.9);
            animation: fade-in .5s;
            text-shadow: 1px 2px 6px rgba(0, 9, 15, 0.11) !important;
        }

            .panel .inner-panel p a {
                font-size: 1.2rem !important;
                color: #41a4f4 !important;
            }

            .panel .inner-panel p i {
                padding-right: 10px !important;
                color: #0d1933 !important;
            }

            .panel .inner-panel ul li a {
                font-size: 1.3rem !important;
                color: rgba(0,0,0,.8) !important;
            }

    .panel .box-tools h3 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 1.4rem;
        line-height: 1.42857;
        font-weight: 400;
        color: rgba(0,0,0,.9);
        vertical-align: baseline;
        background: transparent;
    }

    .panel .inner-panel h3, .panel .inner-panel h4.member-role {
        font-size: 1.4rem !important;
        line-height: 1.5 !important;
        font-weight: 600 !important;
        color: rgba(0,0,0,.6) !important;
        text-shadow: 1px 2px 6px rgba(0, 9, 15, 0.15) !important;
    }

    .panel .inner-panel h3, .panel .inner-panel h4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 1.4rem;
        line-height: 1.42857;
        font-weight: 400;
        color: rgba(0,0,0,.9);
        vertical-align: baseline;
        background: transparent;
        text-shadow: 1px 2px 6px rgba(0,9,15,.15) !important;
    }

    .panel .inner-panel h5 {
        font-size: 1.4rem;
        line-height: 1.2857;
        font-weight: 400;
        color: rgba(0,0,0,.6);
        /*text-shadow: 1px 2px 6px rgba(0, 9, 15, 0.15) !important;*/
    }

    .panel .inner-panel span.exp-yrs {
        text-shadow: 1px 2px 6px rgba(0, 9, 15, 0.11) !important;
    }

    .panel[class*=border-left-] {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .panel[class*=border-left-] {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.panel-flat > .panel-heading {
    background-color: #fff;
}

    .panel-flat > .panel-heading > .panel-title {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .panel-flat > .panel-heading + .panel-body {
        padding-top: 0;
    }


.panel-title {
    position: relative;
    font-size: 1.6rem !important;
    font-weight: 600;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.65);
    text-shadow: 0px 0px 0px rgba(49, 57, 67, 0.45);
}

.h6.panel-title, h6.panel-title {
    font-size: 15px;
}

.panel-heading {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

div.page-heading.panel {
    border-left: 6px solid #09ec2b;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 15px !important;
    box-sizing: border-box;
    position: relative;
    border-top-left-radius: 0% !important;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .8s ease-in-out !important;
}

    div.page-heading.panel h2, div.client_header.page-heading.panel {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    }

#EIn_MemberProfiles .full-profile-header.panel {
    overflow: auto;
    z-index: 5;
}

div.page-heading.panel .breadcrumb li {
    color: #3c6377;
    text-shadow: 0 1px 1px rgba(214, 201, 201, 1);
    font-size: 12px;
}

div.page-heading.panel.pool-members {
    position: relative;
    bottom: 2%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: auto;
    margin-right: 0%;
    padding-right: 10px;
    z-index: 7;
    margin-bottom: 0;
    transition: margin-bottom .25s ease-in-out !important;
}

@media screen and (min-width:1280px) {
    div.page-heading.panel.pool-members {
        z-index: 4;
        /*margin-right: 6%;
        position: fixed;*/
    }
}

div.page-content.panel {
    border-left: 6px solid #3b80bf;
    border-bottom-left-radius: 0px !important;
}

    div.page-content.panel.pool-details {
        overflow: visible;
        z-index: inherit;
        margin-top: -2%;
    }

.both-side-full-width div.page-content.panel {
    z-index: inherit !important;
}

.both-side-full-width div.page-heading.panel.pool-members {
    position: relative;
    margin-right: 0% !important;
}

div.page-content-right.panel {
    border-right: 6px solid #3b80bf;
    border-bottom-right-radius: 0 !important;
}

.panel .box {
    border-top: 0px !important;
}

.modal .panel .panel-body .box {
    box-shadow: none;
}

.modal .panel .btn {
    border: none;
}

.panel-body {
    position: relative;
}

.panel-footer-transparent {
    background-color: transparent;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 11px;
}

.panel-footer {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .panel-footer > .heading-elements {
        position: static;
        margin-top: 0;
        padding-right: 20px;
    }

        .panel-footer > .heading-elements:after {
            content: '';
            display: table;
            clear: both;
        }

    .panel-footer:after {
        content: '';
        display: table;
        clear: both;
    }
/*#endregion*/

/*#region timeline section*/

.timeline {
    position: relative;
    height: 100%;
}

    .timeline:after, .timeline:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2px;
        background-color: #25527b;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        z-index: 1;
    }

    .timeline:after {
        top: auto;
        bottom: 0;
    }

.timeline-container {
    position: relative;
    padding-top: 10px;
    margin-top: -10px;
    padding-bottom: 1px;
    z-index: 2;
}

    .timeline-container:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -1px;
        background-color: #ef5350;
        height: 100%;
        width: 2px;
        z-index: -1;
    }

    .timeline-container.feedbacks h3 {
        font-size: 14px;
        font-weight: 600;
    }

    .timeline-container.feedbacks p {
        font-size: 12px;
        font-weight: 500;
        line-break: auto;
        word-break: break-word;
    }

.timeline-content .feedback a, .timeline-content .feedback i, .timeline-content .feedback time {
    font-size: 1.1rem !important;
}

.timeline-container.feedbacks .fix-height {
    min-height: 100px;
    height: auto;
    max-height: 550px;
    padding-top: 2%;
    padding-right: 1%;
    overflow: hidden auto;
}

.timeline-row {
    position: relative;
}

.timeline-panel {
    width: calc(100% - 70px);
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    padding: 5px 20px;
    position: relative;
}

    .timeline-panel:before {
        position: absolute;
        top: 18px;
        left: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-right: 15px solid #e7e7e7;
        border-left: 0 solid #e7e7e7;
        border-bottom: 15px solid transparent;
        content: " ";
    }

    .timeline-panel:after {
        position: absolute;
        top: 19px;
        left: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-right: 14px solid #ffffff;
        border-left: 0 solid #ffffff;
        border-bottom: 14px solid transparent;
        content: " ";
    }

.timeline-title {
    margin: 5px 0 !important;
    position: relative;
    font-size: 1.4rem !important;
    font-weight: 600;
    line-height: 1.5;
    color: rgba(0,0,0,.65);
    text-shadow: 0 0 0 rgba(49,57,67,.45);
}

.timeline-content {
    margin-bottom: 20px;
}

    .timeline-content > p {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .timeline-content.certificate {
        height: auto;
        max-height: 100%;
        overflow: auto;
        padding: 0px;
    }

        .timeline-content.certificate .panel-body a {
            font-size: 1.2rem !important;
        }

            .timeline-content.certificate .panel-body a img {
                max-height: 225px;
                max-width: 225px;
                text-align: -webkit-center;
            }

    .timeline-content.experience-education .panel-body {
        min-height: 100px;
        height: auto;
        max-height: 100%;
        overflow: inherit;
        padding-bottom: 0px !important;
    }

        .timeline-content.experience-education .panel-body a {
            font-size: 1.4rem !important;
            line-height: 3rem;
            font-weight: 600;
            color: rgba(0,0,0,.7);
            text-shadow: 0 0 0 #fff !important;
        }

        .timeline-content.experience-education .panel-body .location {
            font-size: 1.3rem;
            line-height: 1.5rem;
            padding-left: 2%;
            font-weight: 600;
            color: rgba(67, 165, 245, 0.69);
            text-shadow: 0 0 0 rgb(195, 202, 212);
        }

    .timeline-content.experience-education li {
        font-size: 1.4rem !important;
        line-height: 1.751;
        padding-left: 1.4rem;
        font-family: Arial, Helvetica, "sans-serif";
        font-weight: 400;
        list-style-type: disc;
        margin-bottom: 0px;
    }

        .timeline-content.experience-education p span, .timeline-content.experience-education li span {
            font-size: 14px !important;
            line-height: 24px !important;
        }

        .timeline-content.experience-education li.badge-view span {
            font-size: 11px !important;
            line-height: 18px !important;
        }

.timeline-date {
    text-align: center;
    background-color: #eeeded;
    position: relative;
    z-index: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .timeline-date:after, .timeline-date:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2px;
        background-color: #25527b;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        z-index: 1;
    }

    .timeline-date:after {
        top: auto;
        bottom: 0;
    }

.panel .timeline-date {
    background-color: #fff;
}

.timeline-time {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #eeeded;
    position: relative;
    margin-bottom: 20px;
}

    .timeline-time:after, .timeline-time:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2px;
        background-color: #25527b;
        height: 4px;
        width: 4px;
        border-radius: 50%;
    }

    .timeline-time:after {
        top: auto;
        bottom: 0;
    }

.panel .timeline-time {
    background-color: #fff;
}

.timeline-time span {
    display: block;
    color: #999;
    font-size: 12px;
}

    .timeline-time span:before {
        /*content: '\2022';*/
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }

@media (min-width: 1025px) {
    .timeline-time:after, .timeline-time:before {
        content: none;
    }
}

.timeline-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    background-color: #fff;
    border: 4px solid #eeeded;
    z-index: 2;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all 0.8s ease-in-out !important;
    transition: all 0.8s ease-in-out !important;
}

    .timeline-icon:hover {
        -moz-transition: all .8s ease !important;
        -webkit-transition: all 0.8s ease-in-out !important;
        transition: all 0.8s ease-in-out !important;
        -webkit-box-shadow: 0 0 0 0 rgb(66, 165, 245), 0 2px 16px 2px rgb(66, 165, 245);
        -moz-box-shadow: 0 0 0 0 rgb(66, 165, 245), 0 2px 16px 2px rgb(66, 165, 245);
        box-shadow: 0 0 0 0 rgb(66, 165, 245), 0 2px 16px 2px rgb(66, 165, 245);
    }

.panel .timeline-icon {
    border-color: #fff;
}

.timeline-icon div {
    border-radius: 50%;
    height: 100%;
    -webkit-box-shadow: 0 0 0 2px #ccc inset;
    box-shadow: 0 0 0 2px #ccc inset;
}

    .timeline-icon div[class*=bg-] {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .timeline-icon div > i {
        display: block;
        line-height: 40px;
        top: 0;
        text-shadow: 3px 3px 3px #000;
    }

.timeline-icon img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

@media (min-width: 1025px) {
    .timeline-center .timeline-row {
        margin-right: 50%;
        padding-right: 44px;
    }

    .timeline-center .post-even {
        margin-right: 0;
        padding-right: 0;
        margin-left: 50%;
        padding-left: 44px;
    }

    .timeline-center .post-full {
        margin: 0;
        padding: 0;
    }

        .timeline-center .post-full .timeline-content {
            position: relative;
        }

    /*.timeline-center .post-full .timeline-content:before, .timeline-center .post-full .timeline-content:after {
                content: '';
                border-style: solid;
                border-color: #25527b; //#eeeded;
                display: block;
                position: absolute;
                left: 0;
                right: 0;
            }

            .timeline-center .post-full .timeline-content:before {
                border-width: 4px 0 0 0;
                top: -5px;
            }

            .timeline-center .post-full .timeline-content:after {
                border-width: 0 0 4px 0;
                bottom: -5px;
            }*/

    .timeline-left .timeline-container:after, .timeline-left .timeline-date:after, .timeline-left .timeline-date:before, .timeline-left:after, .timeline-left:before {
        left: 24px;
    }

    .timeline-left .timeline-date, .timeline-left .timeline-row {
        padding-left: 68px;
    }

    .timeline-right .timeline-container:after, .timeline-right .timeline-date:after, .timeline-right .timeline-date:before, .timeline-right:after, .timeline-right:before {
        left: auto;
        right: 24px;
        margin-left: 0;
        margin-right: -2px;
    }

    .timeline-right .timeline-container:after {
        margin-right: -1px;
    }

    .timeline-right .timeline-date, .timeline-right .timeline-row {
        padding-right: 68px;
    }

    .timeline-left .timeline-date, .timeline-right .timeline-date {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .timeline-icon {
        position: absolute;
        top: 10px;
    }

        .timeline-icon:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -1px;
            height: 2px;
            width: 20px;
            background-color: #25527b; /*#ccc;*/
            z-index: 1;
        }

    .timeline-left .timeline-icon {
        left: 0;
    }

        .timeline-left .timeline-icon:after {
            left: 100%;
            margin-left: 3px;
        }

    .timeline-right .timeline-icon {
        right: 0;
    }

        .timeline-right .timeline-icon:after {
            right: 100%;
            margin-right: 4px;
        }

    .timeline-center .timeline-row:not(.post-full) .timeline-icon {
        left: 100%;
        margin-left: -24px;
    }

    .timeline-center .timeline-row.post-even .timeline-icon {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: -24px;
    }

    .timeline-center .timeline-icon:after {
        right: 100%;
        margin-right: 4px;
    }

    .timeline-center .post-even .timeline-icon:after {
        left: 100%;
        margin-left: 4px;
    }

    .timeline-center .post-full .timeline-icon {
        position: static;
    }

        .timeline-center .post-full .timeline-icon:after {
            content: none;
        }

    .timeline-time {
        padding: 0;
        text-align: inherit;
        background-color: transparent;
    }

        .timeline-time:before {
            content: none;
        }

    .timeline-left .timeline-time, .timeline-right .timeline-time {
        padding-top: 10px;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .timeline-right .timeline-time {
        text-align: right;
        padding-left: 0;
        padding-right: 10px;
    }

    .timeline-center .post-full .timeline-time, .timeline-center .timeline-time {
        position: absolute;
        left: 100%;
        top: 15px;
        width: 100%;
        padding-left: 44px;
    }

    .timeline-center .post-even .timeline-time, .timeline-center .post-full .timeline-time {
        left: auto;
        right: 100%;
        padding-left: 0;
        padding-right: 44px;
        text-align: right;
    }

    .timeline-center .post-full .timeline-time {
        right: 50%;
        top: 5px;
    }
}
/*#endregion*/

/*#endregion*/

/*#region Agile Project Modal */
.fullscreenModal {
    position: fixed !important;
    display: block !important;
    z-index: 1040 !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 3% 0 0 0 !important;
    top: 0% !important;
    bottom: 0 !important;
    background-color: #ecf0f5 !important;
    border-width: 3px !important;
    padding: 0 !important;
}

.modal.fadeInRight {
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

.modal-open .modal {
    z-index: 99999;
}

.modal-header .close {
    color: #fff;
    font-weight: 600;
}

.modal-body, .modal-fullscreen {
    max-height: calc(100vh - 100px);
    height: auto;
    overflow-y: auto;
}

.modal-dialog .demo-header {
    border: 0px;
    border-radius: 0px;
    background-color: #0265a9;
    background: -moz-linear-gradient(bottom, #6876df 0%, #0265a9 100%);
    background: -webkit-linear-gradient(bottom, #6876df 0%, #0265a9 100%);
    background: -ms-linear-gradient(bottom, #6876df 0%, #0265a9 100%);
    background: linear-gradient(to bottom, #6876df 0%, #0265a9 100%);
    color: #fff;
}
/*#endregion*/

/*#region LEADS */
.lead-people {
    text-align: left;
    margin-top: 5px;
    text-align: center;
}

    .lead-people img {
        width: 32px;
        height: 32px;
    }

.lead-title a {
    font-size: 14px;
    color: #676a6c;
    font-weight: 600;
}

.lead-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 15px 10px;
    vertical-align: middle;
}

.lead-manager .tag-list li a {
    font-size: 10px;
    background-color: white;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

.lead-files li a {
    font-size: 11px;
    color: #676a6c;
    margin-left: 10px;
    line-height: 22px;
}
/*#endregion*/

/*#region PROJECTS*/
/*.fixed .content-wrapper {
        padding-top: 0px !important;
    }*/


.btn-whatsapp {
    background: #11b519;
    border-color: #f7f7f7;
    color: #ffffff;
}

@media (min-width: 992px) {
    .modal-lg {
        margin: 0% 0% 0% 3% !important;
        width: auto !important;
    }
}

.modal.in .modal-dialog {
    margin-top: 0% !important;
    margin-right: 0% !important;
}

.modal-body {
    max-height: calc(100vh - 110px);
    height: auto !important;
    overflow-y: auto !important;
}

.lead-people img {
    width: 35px;
    height: auto;
}

.team-info {
    text-align: right;
}

    .team-info li {
        display: inline-block;
    }

    .team-info li {
        transition: all .25s ease;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        -moz-transition: all .25s ease;
    }

        .team-info li + li {
            margin-left: -10px;
        }

        .team-info li:hover {
            -webkit-transform: translateY(-4px) scale(1.02);
            -moz-transform: translateY(-4px) scale(1.02);
            -ms-transform: translateY(-4px) scale(1.02);
            -o-transform: translateY(-4px) scale(1.02);
            transform: translateY(-4px) scale(1.02);
            z-index: 999;
        }

        .team-info li img {
            width: 35px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: 2px solid #fff;
            box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
        }

        .team-info li:hover img {
            -webkit-box-shadow: 0 14px 24px rgba(62,57,107,0.2);
            box-shadow: 0 14px 24px rgba(62,57,107,0.2);
        }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
/*#endregion*/

/*#region PROJECTS DETAILS*/
.progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar {
    -moz-transition: all .8s ease !important;
    -webkit-transition: all 0.8s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

.progress-bar-green, .progress-bar-success {
    background-color: #2bca03 !important;
}

.pro-progress-bar {
    display: flex;
    align-items: center;
}

    .pro-progress-bar .progress {
        width: 100%;
        margin-bottom: 0;
        margin-right: 10px;
        height: 15px;
        background-color: #e3e3e3;
        box-shadow: unset;
        border-radius: 3px;
    }

/*#region Account Change Images*/
.profile-image .s-Form .editor {
    width: 300px;
}

.profile-image .form-message {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    background-color: #1d325e;
    border: 1px solid #b7bbbf;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 -1px 0 rgba(0,0,0,.12) inset;
    color: #fff;
    margin: 20px 0;
    min-height: 75px;
    position: relative;
    max-width: 85%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 16px 20px 16px 76px;
}

.profile-image .avatar {
    background: #ddd;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    left: 10px;
    position: absolute;
}

.profile-image .avatar-initials {
    font-weight: 700;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #fff;
    font-style: normal;
    background-color: rgb(22, 38, 73);
    width: 100%;
    height: 100%;
    font-size: 24px;
}

.profile-image .s-Form label.caption {
    min-width: 150px;
    width: auto;
    font-weight: 600;
    max-width: 100%;
    text-align: left;
    color: #676767;
    font-size: 1.35rem;
}

.profile-image .image:hover {
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .5s ease-in-out !important;
}

    .profile-image .image:hover .img-circle {
        border-radius: 12px;
        box-shadow: 0 1px 16px 1px #000000;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease-in-out !important;
        transition: all .5s ease-in-out !important;
    }

.profile-image img.img-circle {
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease-in-out !important;
    transition: all .5s ease-in-out !important;
}

.profile-image .avatar .img-circle {
    width: 60px;
    height: 60px;
}
/*#endregion*/

/*#cluster_info .dl-horizontal > dd:nth-of-type(2n+1) {
            background-color: rgb(60, 141, 188);
            border-top: 1px solid #2c3b41;
        }

        #cluster_info .dl-horizontal > dt:nth-of-type(odd) {
            background-color: rgba(0,0,0,.05);
        }*/
/*#region Sparkline charts*/
.page-header {
    margin: 0 !important;
    padding-top: 7px;
    padding-bottom: 0 !important;
}

.client_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-title {
    padding: 0px 8px;
    margin: 0% !important;
    margin-bottom: 0px;
    font-size: 1em;
    color: #455d67;
    border-bottom: none !important;
}

.float-left {
    float: left !important;
}

.align-left, .client_header .sp_chart {
    text-align: left;
}

.client_header .sp_chart {
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom: 1;
    font-family: "Ubuntu",sans-serif;
    font-size: 0.65em;
    color: #5A5A5A;
    margin-bottom: 2%;
}

    .client_header .sp_chart div {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }

    .client_header .sp_chart span {
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 400;
        text-shadow: 0 0 1px rgba(136, 139, 143, 0.5);
    }

        .client_header .sp_chart span.count {
            font-size: 12px;
        }

    .client_header .sp_chart h6, .client_header .sp_chart i {
        font-size: 1.2em;
        color: #8c8c8c;
    }

    .client_header .sp_chart .sp_tot_stories, .client_header .sp_chart .sp_stories_status, .client_header .sp_chart .sp_storie_progress {
        float: left !important;
        padding-left: 10px;
    }

.imp-message-alert {
    color: #fff !important;
    background-color: #796bef;
    background: -moz-linear-gradient(to left, #796bef 0%, #2c1756 100%);
    background: -webkit-linear-gradient(left, #796bef 0%, #2c1756 100%);
    background: linear-gradient(to left, #796bef 0%, #2c1756 100%);
}
/*#endregion*/

ul.stats-overview {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    ul.stats-overview li:first-child {
        padding-left: 0;
    }

    ul.stats-overview li {
        display: inline-block;
        text-align: center;
        margin: 0 9px;
        /*padding: 0 15px;*/
        margin-bottom: 1%;
        font-size: 14px;
        border-right: 6px solid #e8e8e8;
        float: right !important;
        text-shadow: 0px 1px 3px #171616;
    }

        ul.stats-overview li .name {
            font-size: 12px;
        }

        ul.stats-overview li .value {
            font-size: 14px;
            font-weight: 700;
            display: block;
        }

dd.project-people {
    text-align: left;
    margin-top: 5px;
}

.project-people img {
    width: 32px;
    height: 32px;
}

.project-title a {
    font-size: 16px;
    font-size: 1.6rem;
    color: #3953fb;
    font-weight: 600;
    word-break: break-word;
    line-height: 1.2;
}

.project-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 15px 10px;
    vertical-align: middle;
}

.project-manager .tag-list li a {
    font-size: 10px;
    background-color: white;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

.project-activity-list {
    min-height: 100%;
    height: auto;
    max-height: 635px;
    overflow: auto;
    padding: 0 2%;
}

.client-name {
    color: #73879c;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 6%;
}

.client-description {
    text-align: justify;
    color: #73879C;
    padding-right: 1%;
    margin-right: 1%;
    margin-bottom: 20px !important;
    min-height: 100%;
    height: auto;
    max-height: 290px;
    overflow: auto;
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
}

    .x_title h2 {
        margin: 5px 0 6px;
        float: left;
        display: block;
        text-overflow: ellipsis;
        font-size: 20px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        color: initial;
    }

.project_detail p {
    color: #73879C;
    margin-bottom: 10px;
}

    .project_detail p.title {
        font-weight: 700;
        margin-bottom: 0;
        font-size: 1em;
    }

    .project_detail p.value {
        font-size: .9em;
    }
/*#endregion*/

/*#region Project Details - Project Files*/

.files-head {
    color: inherit;
    font-size: 1em;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
}

ul.files-list {
    min-height: 100%;
    height: auto;
    overflow: auto;
    list-style: none;
    padding-left: 0;
}

    ul.files-list > li {
        border-bottom: 1px solid #eaeaea;
        border-radius: inherit;
        margin: 2px 0 0;
        padding: 10px;
    }

        ul.files-list > li .files-cont {
            position: relative;
            -webkit-transition: all .5s ease-in-out 0s;
            -moz-transition: all .5s ease-in-out 0s;
            transition: all .5s ease-in-out 0s;
            animation-duration: .15s;
            animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
        }

        ul.files-list > li:hover .files-cont {
            border-radius: 10px;
            border-color: transparent !important;
            box-shadow: 0 5px 20px 0 rgb(81 67 139 / 97%);
            -webkit-transition: all .5s ease-in-out 0s;
            -moz-transition: all .5s ease-in-out 0s;
            transition: all .5s ease-in-out 0s;
            animation-duration: .15s;
            animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
        }

        ul.files-list > li .file-type {
            height: 48px;
            position: absolute;
            width: 48px;
        }

        ul.files-list > li .files-icon {
            background-color: #f5f5f5;
            border: 1px solid #ddd;
            border-radius: 4px;
            display: inline-block;
            height: 38px;
            line-height: 38px;
            text-align: center;
            width: 38px;
        }

            ul.files-list > li .files-icon i {
                font-size: 20px;
            }

        ul.files-list > li .files-info {
            padding: 0 30px 0 50px;
        }

        ul.files-list > li .text-ellipsis {
            display: block;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.files-list > li .file-name a {
            font-weight: 600;
            color: #676a6c;
            margin-left: 0px;
            line-height: 1.8em;
        }

        ul.files-list > li:hover .file-name a {
            color: #ff0000;
        }

        ul.files-list > li .file-author a {
            color: #667eea;
            font-size: 12px;
            text-decoration: underline;
        }

        ul.files-list > li .file-date {
            color: #888;
            font-size: 12px;
        }

        ul.files-list > li .file-size {
            color: #888;
        }
/*#endregion*/

/*#region Project Details - Right Side - Assigned Users */
.list-box {
    list-style: none;
    padding-left: 0;
}


.project-user .list-box {
    margin: 0;
}

    .project-user .list-box li {
        padding-left: 0px !important;
    }

    .project-user .list-box.resource-list {
        min-height: 100%;
        height: auto;
        max-height: 200px;
        overflow: auto;
    }

.project-user .list-item {
    border: 0 none;
    padding: 10px 0;
    position: relative;
}

    .project-user .list-item .list-left {
        height: 48px;
        position: absolute;
        width: 48px;
    }

        .project-user .list-item .list-left .avatar {
            background-color: #aaa;
            border-radius: 50%;
            color: #fff;
            display: inline-block;
            font-weight: 500;
            height: 38px;
            line-height: 38px;
            margin: 0 10px 0 0;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            vertical-align: middle;
            width: 38px;
            position: relative;
            white-space: nowrap;
        }

    .project-user .list-item .list-body {
        padding: 0 0 0 50px;
        display: table-cell;
        vertical-align: top;
        overflow: visible;
    }

    .project-user .list-item .message-author {
        color: #333;
        float: left;
        font-weight: 600;
        width: 130px;
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .project-user .list-item .avatar > img {
        border-radius: 50%;
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .project-user .list-item .message-content {
        color: #333;
        font-size: 11px;
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .project-user .list-item .list-right {
        padding-left: 2px;
        position: relative;
        vertical-align: middle;
        display: table-cell;
    }

        .project-user .list-item .list-right .status-mark {
            width: 10px;
            height: 10px;
            display: inline-block;
            border-radius: 50%;
            border: 2px solid;
        }

.bg-success {
    background-color: #4caf50;
    border-color: #4caf50;
    color: #fff;
}

.bg-grey-400 {
    background-color: #888;
    border-color: #888;
    color: #fff;
}
/*#endregion*/

/*#region Project Scrum Board and other page for switch box*/
/*#region Project Scrum Board*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #edededd1 !important;
}

table.dataTable tr {
    box-shadow: inset 0px -2px 1px 0px #cccaca;
}

.table > tbody > tr > td a {
    word-break: break-word;
}

.table > tbody > tr > td:hover {
    background-color: inherit !important;
    color: #191414 !important;
    text-shadow: none !important;
}

    .table > tbody > tr > td:hover a {
        color: #3c8dbc !important;
    }

.tooltip {
    font-size: 14px !important;
    opacity: 1 !important;
    z-index: 9999999999999;
    overflow: auto !important
}

.tooltip-inner {
    padding: 10px !important;
}

.btn.skills {
    margin: 2px 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 28px;
    line-height: 26px;
    min-width: 64px;
    font-size: 13px;
}

.btn:hover.skills {
    font-weight: 700;
    background-color: black;
    color: #ffffff !important;
}
/*#endregion*/

/*#region projectTeamTable*/
.display-table {
    display: table;
}

#projectTeamTable .lead-people a {
    color: #455d67;
    font-weight: 600;
}

#projectTeamTable .lead-people img {
    width: 35px !important;
}

.panel > .list-group .list-group-item:first-child {
    border-top: 0px solid rgb(204, 204, 204) !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: inline-block !important;
    }

    .block {
        display: block !important;
        width: 100%;
        height: 1px !important;
    }
}

.bg-form {
    float: initial;
    width: 100%;
    position: relative;
    background: url("http://lorempixel.com/800/800/nature/"); /*http://lorempixel.com/200/200/abstract/*/
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
}

.bg-transparent {
    background: rgba(0,0,0,0.5);
    float: left;
    width: 100%;
    margin-top: 0px;
}

.input-group.c-search {
    width: 100%;
}

.c-search > .form-control {
    font-size: 1.3em;
    height: 44px;
    outline: none !important;
    width: 100%;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-left: 0.5em;
    margin-bottom: 1%;
    display: inline-block;
    border-bottom-left-radius: 25px !important;
    padding: 6px 20px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .c-search > .form-control:focus {
        outline: 0px !important;
        -webkit-appearance: none;
        border-color: #598fee;
        -webkit-box-shadow: 0px 0px 60px 4px rgba(41, 40, 40, 0.25) !important;
        -moz-box-shadow: 0px 0px 60px 4px rgba(41, 40, 40, 0.25) !important;
        box-shadow: 0px 0px 60px 4px rgba(41, 40, 40, 0.25) !important;
    }

.c-search > .input-group-btn {
    font-size: 0;
    white-space: nowrap;
    margin-top: 0% !important;
    padding-top: 0% !important;
    right: 0%;
    pointer-events: none;
    position: absolute;
    top: 0px;
    z-index: 3;
}

    .c-search > .input-group-btn .btn {
        border-radius: 0px;
        border-width: 0px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        height: 44px;
    }

.c-search-btn {
    font-size: 1.3em;
    height: 44px;
    outline: none !important;
    width: 100%;
    line-height: 1.42857143;
    background-image: none;
    margin-bottom: 1%;
    display: inline-block;
    border-bottom-right-radius: 25px !important;
    padding: 6px 10px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-color: #f4f5f9;
}

.c-list {
    padding: 0px;
    min-height: 44px;
    margin-top: 1%;
    background-color: #fff;
}

    .c-list .nav-tabs > li.active > a, .c-list .nav-tabs > li.active > a:hover, .c-list .nav-tabs > li.active > a:focus {
        border: 0px;
    }

    .c-list .nav-tabs {
        border-bottom: 0px;
        border-bottom-color: transparent;
    }


.title {
    display: inline-block;
    font-size: 1.7em;
    font-weight: bold;
    padding: 5px 15px;
}

.c-list ul.c-controls {
    list-style: none;
    margin: 0px;
    min-height: 44px;
    font-size: 0.6em;
}

    .c-list ul.c-controls li {
        margin-top: 8px;
        float: left;
    }

        .c-list ul.c-controls li a {
            font-size: 1.7em;
            padding: 11px 10px 6px;
        }

            .c-list ul.c-controls li a i {
                min-width: 24px;
                text-align: center;
            }

            .c-list ul.c-controls li a:hover {
                background-color: rgba(51, 51, 51, 0.2);
            }

.c-list .add-team {
    margin-top: 8px;
    font-size: 1.1em;
    padding: 11px 10px 6px;
}

.c-toggle {
    font-size: 1.7em;
}

.name {
    font-size: 1.7em;
    font-weight: 700;
}

.c-info {
    padding: 5px 10px;
    font-size: 1.25em;
}
/*#endregion*/

/*#region profile team*/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300);
/*body {
            font-family: 'Quicksand', sans-serif;
        }*/
.page-title {
    padding: 0px 16px;
    margin: 0% !important;
    margin-bottom: 0px;
    font-size: 1em;
    color: #455d67;
    border-bottom: none !important;
}

/*.team {
                background: #263c81 url(/Content/portal/media/img/client/arch.jpg) top center repeat-x;
                margin-top: 3em;
                padding: 1em 0 1em;
                border-radius: 15px;
                -webkit-box-shadow: 0px 0px 60px 4px rgba(41, 40, 40, 0.25);
                box-shadow: 0px 0px 60px 4px rgba(41, 40, 40, 0.25);
            }*/
.description {
    font-weight: bold;
    letter-spacing: 2px;
    color: #999;
    border-bottom: 1px solid rgba(0, 0, 0,0.1);
    padding-bottom: 5px;
}

.nopadding {
    padding: 0.5% !important;
}

.middle-layer {
    padding: 10px !important;
    margin: 0% 0% 0.8% 0% !important;
    /*outline: 2px solid #263c81;*/
    background: #fafafa;
    color: #303842;
    line-height: 1.471;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(41, 40, 40, 0.25);
    box-shadow: 0px 0px 6px 3px rgba(41, 40, 40, 0.25);
}

.profile {
    text-align: center;
    padding: 2% !important;
    border-radius: 12px;
    text-shadow: 0px 1px 3px rgba(25, 41, 52, 0.25);
    min-height: 280px;
}

    .profile.team-profile-dark {
        background-color: rgb(84, 111, 175);
        background-image: linear-gradient(rgb(84, 111, 175), rgb(19, 31, 10));
        border-color: rgb(92, 230, 10);
        color: rgb(247, 234, 234);
    }

    .profile.team-profile-light {
        background-color: rgb(101, 165, 57);
        background-image: linear-gradient(rgb(106, 174, 57), rgb(16, 22, 35));
        border-color: rgb(30, 39, 63);
        color: rgb(247, 234, 234);
    }

        .profile.team-profile-dark a, .profile.team-profile-light a {
            -webkit-transition: all 0.5s ease-in-out 0s;
            -moz-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
        }

    .profile.team-profile-dark a {
        color: #78c643;
    }

    .profile.team-profile-light a {
        color: #79a3ff;
    }

        .profile.team-profile-light a:hover, .profile.team-profile-light a:focus, .profile.team-profile-dark a:hover, .profile.team-profile-dark a:focus {
            color: #fff;
        }

    .profile h1 {
        font-weight: normal;
        font-size: 20px;
        margin: 10px 0 0 0;
    }

    .profile h2 {
        font-size: 14px;
        font-weight: lighter;
        margin-top: 5px;
    }

    .profile .img-box {
        opacity: 1;
        display: inline-block;
        position: relative;
        width: 50%;
        height: 50%;
        vertical-align: middle;
    }

        .profile .img-box:after {
            content: "";
            opacity: 0;
            background-color: rgba(0, 0, 0, 0.75);
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            border-radius: 10px;
            -moz-transition: all .8s ease !important;
            -webkit-transition: all .8s ease-in-out !important;
            transition: all .8s ease-in-out !important;
        }

        .profile .img-box img.img-circle {
            box-shadow: 0px 0px 42px 0px #1a2815;
        }

.img-box:hover:after {
    opacity: 1;
}
/*#endregion*/

/*#region Ranking component */
.rank-label-container {
    margin-top: -19px;
    /* z-index: 1000; */
    text-align: center;
}

.label.label-default.rank-label {
    background-color: rgb(81, 210, 183);
    padding: 5px 10px 5px 10px;
    border-radius: 27px;
}

.img-box ul {
    position: absolute;
    z-index: 2;
    top: 45%;
    text-align: center;
    width: 100%;
    padding-left: 0px;
    height: 0px;
    margin: 0px;
    opacity: 0;
}

    .profile .img-box:after, .img-box ul, .img-box ul li {
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

        .img-box ul i {
            font-size: 20px;
            letter-spacing: 10px;
        }

        .img-box ul li {
            width: 30px;
            height: 30px;
            text-align: center;
            border: 1px solid #88C425;
            margin: 2px;
            padding: 5px;
            display: inline-block;
        }

.img-box a {
    color: #fff;
}

.img-box:hover:after {
    opacity: 1;
}

.img-box:hover ul {
    opacity: 1;
}

.img-box ul a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.img-box a:hover li {
    border-color: #fff;
    color: #88C425;
}

.img-box a {
    color: #88C425;
}

    .img-box a:hover {
        text-decoration: none;
        color: #519548;
    }

i.red {
    color: #BC0213;
}
/*#endregion Ranking component */

/*#region USER PROFILE PAGE */
/*.card {
    margin-top: 20px;
    padding: 30px;
    background-color: rgba(214, 224, 226, 0.2);
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/
    .card.hovercard {
        position: relative;
        padding-top: 0;
        overflow: hidden;
        text-align: center;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 1);
        min-height: 250px;
    }

        .card.hovercard .card-background {
            height: 130px;
        }

.card-background img {
    -webkit-filter: blur(25px);
    -moz-filter: blur(25px);
    filter: blur(25px);
    margin-left: -100px;
    margin-top: -200px;
    min-width: 130%;
}

.card.hovercard .useravatar {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
}

    .card.hovercard .useravatar img {
        width: 100px;
        height: 100px;
        max-width: 100px;
        max-height: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid rgba(255, 255, 255, 0.5);
    }

.card.hovercard .card-info {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
}

    .card.hovercard .card-info .card-title {
        padding: 0 5px;
        font-size: 20px;
        line-height: 1;
        color: #262626;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.card.hovercard .card-info {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.hovercard .bottom {
    padding: 0 10px;
    margin-bottom: 10px;
}

.btn-pref .btn {
    -webkit-border-radius: 0 !important;
}


figcaption.ratings {
    margin-top: 20px;
}

    figcaption.ratings a {
        color: #f1c40f;
        font-size: 11px;
    }

        figcaption.ratings a:hover {
            color: #f39c12;
            text-decoration: none;
        }

.divider {
    border-top: 1px solid rgba(0,0,0,0.1);
}

.emphasis {
    border-top: 4px solid transparent;
}

    .emphasis:hover {
        border-top: 4px solid #1abc9c;
    }

    .emphasis h2 {
        margin-bottom: 0;
    }

span.tags {
    background: #1abc9c;
    border-radius: 2px;
    color: #f5f5f5;
    font-weight: bold;
    padding: 2px 4px;
}

.emphasis .dropdown-menu {
    background-color: #34495e;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 250px;
    margin-left: -125px;
    left: 50%;
    position: initial;
}

    .emphasis .dropdown-menu .divider {
        background: none;
    }

    .emphasis .dropdown-menu > li > a {
        color: #f5f5f5;
    }

.emphasis .dropup .dropdown-menu {
    margin-bottom: 10px;
}

    .emphasis .dropup .dropdown-menu:before {
        content: "";
        border-top: 10px solid #34495e;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        z-index: 10;
    }

.well {
    background-repeat: no-repeat;
    background-image: linear-gradient(rgb(66, 139, 202), rgb(255, 255, 255));
}
/*#endregion USER PROFILE PAGE */

/*#region Print css */
@media print {
    body .modalprinter * {
        visibility: hidden;
    }

    body.modalprinter .modal-dialog.focused {
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
    }

        body.modalprinter .modal-dialog.focused .modal-content {
            border-width: 0;
        }

            body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title,
            body.modalprinter .modal-dialog.focused .modal-content .modal-body,
            body.modalprinter .modal-dialog.focused .modal-content .modal-body * {
                visibility: visible;
                width: 100%;
            }

            body.modalprinter .modal-dialog.focused .modal-content .modal-header,
            body.modalprinter .modal-dialog.focused .modal-content .modal-body {
                padding: 0;
                width: 100%;
            }

                body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title {
                    margin-bottom: 20px;
                }
}
/*#endregion*/

/*#region Modal Section*/
.modal {
    width: auto;
    min-width: 90%;
    max-width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    /*left: 8%;*/
    z-index: 1050;
    display: none;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-open .modal {
    overflow-x: scroll;
    overflow-y: scroll;
}

.modal.in .modal-dialog {
    width: 100%;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.modal.fade, .modal.fade .modal-content {
    opacity: 1;
}

    .modal.fade.in .modal-content {
        opacity: 1 !important;
    }

.modal-body, .modal-fullscreen {
    max-height: calc(100vh - 150px);
    height: auto;
    overflow-y: auto;
}
/*#endregion*/

/*#region UL List Details*/
ul.list-detail-info {
    padding-bottom: 50px;
}

.list-detail-info li {
    display: block;
    padding: 13px 30px;
    border-top: 1px solid #f4f6f8;
    color: #656e78;
}

    .list-detail-info li i {
        display: inline-block;
        min-width: 20px;
        margin-right: 5px;
        color: #90969b;
    }

    .list-detail-info li span.text {
        display: inline-block;
        font-weight: 300;
        font-size: 15px;
    }

    .list-detail-info li .text-right {
        color: #2c3e50;
        font-size: 16px;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle;
        float: right;
    }
/*#endregion*/

/*#region The switch - the box around the slider */
.project-scrumboard .switch {
    position: relative;
    display: inline-block;
    height: 24px;
}

    /* Hide default HTML checkbox */
    .project-scrumboard .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
/*#endregion The switch - the box around the slider */

/*#region The slider */
.project-scrumboard .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .project-scrumboard .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 2px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.project-scrumboard input:checked + .slider {
    background-color: #2196F3;
}

.project-scrumboard input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.project-scrumboard input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
/*#endregion The slider */

/*#region Rounded sliders */
.project-scrumboard .slider.round {
    border-radius: 34px;
}

    .project-scrumboard .slider.round:before {
        border-radius: 50%;
    }
/*#endregion Rounded sliders */

#ProjectScrumBoard .sb-toggle, #ProjectSprintBacklog .sb-toggle, #ProjectProductBacklog .sb-toggle, #MyOpportunities .sb-toggle, #HrRequest .sb-toggle, #ItRequest .sb-toggle, #Events .sb-toggle, #MyEvents .sb-toggle, #Topics .sb-toggle {
    display: block;
}

    #ProjectScrumBoard .sb-toggle.sb-block-hide, #ProjectSprintBacklog .sb-toggle.sb-block-hide, #ProjectProductBacklog .sb-toggle.sb-block-hide, #MyOpportunities .sb-toggle.sb-block-hide, #HrRequest .sb-toggle.sb-block-hide, #ItRequest .sb-toggle.sb-block-hide, #Events .sb-toggle.sb-block-hide, #MyEvents .sb-toggle.sb-block-hide, #Topics .sb-toggle.sb-block-hide {
        display: none !important;
    }

/*#endregion*/

/*#region FAQ */
.faq-item {
    padding: 20px;
    margin-bottom: 2px;
    background: #fff;
}

.faq-question {
    font-size: 18px;
    font-weight: 600;
    color: #1ab394;
    display: block;
}

    .faq-question:hover {
        color: #179d82;
    }

.faq-answer {
    margin-top: 0px;
    background: #f3f3f4;
    border: 2px solid #6eaed1;
    border-radius: 0 0 8px 8px;
    padding: 15px;
}

.faq-item .tag-item {
    background: #f3f3f4;
    padding: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}
/*#endregion*/

/*#region CLIENTS */
.client_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 22px;
    margin: 0 0 10px;
    padding-top: 7px;
    padding-bottom: 0 !important;
}

    .client_header h2 {
        font-size: 26px;
    }

.clients-list {
    margin-top: 20px;
}

    .clients-list .tab-pane {
        position: relative;
        height: 600px;
    }

.client-detail {
    position: relative;
    height: 620px;
}

.clients-list table tr td {
    height: 46px;
    vertical-align: middle;
    border: none;
}

.client-link {
    font-weight: 600;
    color: inherit;
}

    .client-link:hover {
        color: inherit;
    }

.client-avatar {
    width: 42px;
}

    .client-avatar img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }

.contact-type {
    width: 20px;
    color: #c1c3c4;
}

.client-status {
    text-align: left;
}

.client-detail .vertical-timeline-content p {
    margin: 0;
}

.client-detail .vertical-timeline-icon.gray-bg {
    color: #a7aaab;
}

.clients-list .nav-tabs > li.active > a,
.clients-list .nav-tabs > li.active > a:hover,
.clients-list .nav-tabs > li.active > a:focus {
    border-bottom: 1px solid #fff;
}
/*#endregion*/

/*#region ISSUE TRACKER */
.issue-tracker .btn-link {
    color: #1ab394;
}

table.issue-tracker tbody tr td {
    vertical-align: middle;
    height: 50px;
}

.issue-info {
    width: 50%;
}

    .issue-info a {
        font-weight: 600;
        color: #676a6c;
    }

    .issue-info small {
        display: block;
    }
/*#endregion*/

/*#region Solutions : Coding Standard*/
.topbarnew {
    height: 40px;
    position: fixed;
    top: 50px;
    left: 230px;
    right: 0;
    z-index: 100;
    overflow: visible;
    opacity: 0.6;
}

    .topbarnew a {
        color: #bfbfbf;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .topbarnew h3 a:hover, .topbarnew .brand:hover, .topbarnew ul .active > a {
        background-color: #333;
        background-color: rgba(255, 255, 255, 0.05);
        color: #d4d4d4;
        text-decoration: none;
    }

    .topbarnew h3 {
        position: relative;
    }

        .topbarnew h3 a, .topbarnew .brand {
            float: left;
            display: block;
            padding: 8px 20px 12px;
            margin-left: -20px;
            color: #ffffff;
            font-size: 20px;
            font-weight: 200;
            line-height: 1;
        }

    .topbarnew p {
        margin: 0;
        line-height: 40px;
    }

        .topbarnew p a:hover {
            background-color: transparent;
            color: #ffffff;
        }

    .topbarnew form {
        float: left;
        margin: 5px 0 0 0;
        position: relative;
        filter: alpha(opacity=100);
        opacity: 1;
    }

        .topbarnew form.pull-right {
            float: right;
        }

    .topbarnew input {
        background-color: #444;
        background-color: rgba(255, 255, 255, 0.3);
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: inherit;
        font-weight: 400;
        line-height: 1;
        padding: 4px 9px;
        color: #ffffff;
        color: rgba(255, 255, 255, 0.75);
        border: 1px solid #111;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

        .topbarnew input:-moz-placeholder {
            color: #e6e6e6;
        }

        .topbarnew input::-webkit-input-placeholder {
            color: #e6e6e6;
        }

        .topbarnew input:hover {
            background-color: #bfbfbf;
            background-color: rgba(255, 255, 255, 0.5);
            color: #ffffff;
        }

        .topbarnew input:focus, .topbarnew input.focused {
            outline: 0;
            background-color: #ffffff;
            color: #404040;
            text-shadow: 0 1px 0 #ffffff;
            border: 0;
            padding: 5px 10px;
            -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        }

    .topbarnew-inner, .topbarnew .fill {
        background-color: #222;
        background-color: #222222;
        background-repeat: repeat-x;
        background-image: -moz-linear-gradient(top, #333333, #222222);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
        background-image: -webkit-linear-gradient(top, #333333, #222222);
        background-image: -o-linear-gradient(top, #333333, #222222);
        background-image: linear-gradient(top, #333333, #222222);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    }

    .topbarnew div > ul, .topbarnew .nav {
        display: block;
        float: left;
        margin: 0 10px 0 0;
        position: relative;
        left: 0;
    }

        .topbarnew div > ul > li, .topbarnew .nav > li {
            display: block;
            float: left;
        }

        .topbarnew div > ul a, .topbarnew .nav a {
            display: block;
            float: none;
            padding: 10px 10px 11px;
            line-height: 19px;
            text-decoration: none;
        }

            .topbarnew div > ul a:hover, .topbarnew .nav a:hover {
                color: #222d32;
                text-decoration: none;
            }

        .topbarnew div > ul .active > a, .topbarnew .nav .active > a {
            background-color: #222;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .topbarnew div > ul.secondary-nav, .topbarnew .nav.secondary-nav {
            float: right;
            margin-left: 10px;
            margin-right: 0;
        }

            .topbarnew div > ul.secondary-nav .menu-dropdown, .topbarnew .nav.secondary-nav .menu-dropdown, .topbarnew div > ul.secondary-nav .dropdown-menu, .topbarnew .nav.secondary-nav .dropdown-menu {
                right: 0;
                border: 0;
            }

        .topbarnew div > ul a.menu:hover, .topbarnew .nav a.menu:hover, .topbarnew div > ul li.open .menu, .topbarnew .nav li.open .menu, .topbarnew div > ul .dropdown-toggle:hover, .topbarnew .nav .dropdown-toggle:hover, .topbarnew div > ul .dropdown.open .dropdown-toggle, .topbarnew .nav .dropdown.open .dropdown-toggle {
            background: #444;
            background: rgba(255, 255, 255, 0.05);
        }

        .topbarnew div > ul .menu-dropdown, .topbarnew .nav .menu-dropdown, .topbarnew div > ul .dropdown-menu, .topbarnew .nav .dropdown-menu {
            background-color: #333;
        }

            .topbarnew div > ul .menu-dropdown a.menu, .topbarnew .nav .menu-dropdown a.menu, .topbarnew div > ul .dropdown-menu a.menu, .topbarnew .nav .dropdown-menu a.menu, .topbarnew div > ul .menu-dropdown .dropdown-toggle, .topbarnew .nav .menu-dropdown .dropdown-toggle, .topbarnew div > ul .dropdown-menu .dropdown-toggle, .topbarnew .nav .dropdown-menu .dropdown-toggle {
                color: #ffffff;
            }

                .topbarnew div > ul .menu-dropdown a.menu.open, .topbarnew .nav .menu-dropdown a.menu.open, .topbarnew div > ul .dropdown-menu a.menu.open, .topbarnew .nav .dropdown-menu a.menu.open, .topbarnew div > ul .menu-dropdown .dropdown-toggle.open, .topbarnew .nav .menu-dropdown .dropdown-toggle.open, .topbarnew div > ul .dropdown-menu .dropdown-toggle.open, .topbarnew .nav .dropdown-menu .dropdown-toggle.open {
                    background: #444;
                    background: rgba(255, 255, 255, 0.05);
                }

            .topbarnew div > ul .menu-dropdown li a, .topbarnew .nav .menu-dropdown li a, .topbarnew div > ul .dropdown-menu li a, .topbarnew .nav .dropdown-menu li a {
                color: #999;
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
            }

                .topbarnew div > ul .menu-dropdown li a:hover, .topbarnew .nav .menu-dropdown li a:hover, .topbarnew div > ul .dropdown-menu li a:hover, .topbarnew .nav .dropdown-menu li a:hover {
                    background-color: #191919;
                    background-repeat: repeat-x;
                    background-image: -moz-linear-gradient(top, #292929, #191919);
                    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
                    background-image: -webkit-linear-gradient(top, #292929, #191919);
                    background-image: -o-linear-gradient(top, #292929, #191919);
                    background-image: linear-gradient(top, #292929, #191919);
                    color: #ffffff;
                }

            .topbarnew div > ul .menu-dropdown .active a, .topbarnew .nav .menu-dropdown .active a, .topbarnew div > ul .dropdown-menu .active a, .topbarnew .nav .dropdown-menu .active a {
                color: #ffffff;
            }

            .topbarnew div > ul .menu-dropdown .divider, .topbarnew .nav .menu-dropdown .divider, .topbarnew div > ul .dropdown-menu .divider, .topbarnew .nav .dropdown-menu .divider {
                background-color: #222;
                border-color: #444;
            }

    .topbarnew ul .menu-dropdown li a, .topbarnew ul .dropdown-menu li a {
        padding: 4px 15px;
    }

.topbarnew-inner, .topbar .fill {
    background-color: #222;
    background-color: #222222;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

/*#endregion*/

/*#region Solutions : C Programming Language*/
.c-programming {
    background-color: rgba(15, 4, 76, 1);
    color: white;
    min-width: 290px;
}

    .c-programming nav {
        position: fixed;
        background-color: #425199;
        top: 65px;
        height: 100%;
        width: 25%;
        border-right: solid;
        border-color: rgba(108, 122, 137, 1);
        font-size: 1.3vw;
        padding-bottom: 3%;
    }

    .c-programming .navlist {
    }

    .c-programming header {
        font-weight: bold;
        font-size: 2.5vw;
        margin-top: 1.5vw;
        margin: 10px;
    }

    .c-programming h4 {
        color: #FAF9F9;
    }

    .c-programming nav > ul > li {
        list-style: none;
        line-height: 3.8vw;
        text-align: center;
        position: relative;
        border-top: 1px solid;
        width: 100%;
    }

    .c-programming nav > header {
        text-align: center;
    }

    .c-programming .nav-link {
        text-decoration: none;
        color: white;
        display: block;
        padding: 2% 3%;
        text-decoration: none;
        cursor: pointer;
    }

    .c-programming nav > ul {
        height: 72%;
        padding: 0;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .c-programming main {
        background-color: #425199;
        position: relative;
        text-align: left;
        font-size: 1.2vw;
        line-height: 2.3vw;
        margin-left: 27%;
        padding: 20px;
        margin-bottom: 110px;
        margin-right: 10px;
    }

        .c-programming main section {
            margin-top: 30px;
            background-color: #5362b9;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
            box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
        }

        .c-programming main header {
            padding-top: 65px;
        }

    .c-programming section article {
        margin: 15px;
        background-color: #5362b9;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
        box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    }

    .c-programming .graph {
        text-align: center;
        display: block;
        width: 100%;
    }

    .c-programming code {
        display: block;
        background-color: rgb(157 159 191);
        margin-left: 2vw;
        margin-right: 3vw;
        padding: 2%;
        border-radius: 4px;
    }
/*#endregion*/

/*#region other sections*/
.main-content:after {
    clear: both;
}

.main-content:after, .main-content:before {
    content: " ";
    display: table;
}

.bigger-110 {
    font-size: 110% !important;
}

.bigger-120 {
    font-size: 120% !important;
}

.bigger-130 {
    font-size: 130% !important;
}

span.input-icon {
    display: inline-block;
}

.input-icon {
    position: relative;
}

    .input-icon > input {
        padding-left: 24px;
        padding-right: 6px;
    }

input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], textarea {
    border-radius: 0 !important;
    color: #858585;
    background-color: #FFF;
    border: 1px solid #c8c8ca;
    padding: 5px 4px 6px;
    font-size: 14px;
    font-family: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}

.input-icon > .ace-icon {
    padding: 0 3px;
    z-index: 2;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 3px;
    line-height: 30px;
    display: inline-block;
    color: #909090;
    font-size: 16px;
}


.space-8, [class*=vspace-8] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 8px 0 7px;
}

@media (min-width: 992px) {
    .breadcrumbs-fixed + .page-content {
        padding-top: 49px;
    }
}

.page-content {
    background-color: #FFF;
    position: relative;
    margin: 0;
    padding: 8px 20px 24px;
}

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

.ace-save-state {
    animation-duration: 10ms;
    -o-animation-duration: 10ms;
    -ms-animation-duration: 10ms;
    -moz-animation-duration: 10ms;
    -webkit-animation-duration: 10ms;
    animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-name: nodeInserted;
    -o-animation-name: nodeInserted;
    -ms-animation-name: nodeInserted;
    -moz-animation-name: nodeInserted;
    -webkit-animation-name: nodeInserted;
}
/*#endregion*/

/*#region breadcrumbs */
@media (min-width: 992px) {
    .sidebar + .main-content .breadcrumbs-fixed {
        left: 190px;
    }
}

@media (min-width: 992px) {
    .breadcrumbs-fixed {
        position: fixed;
        right: 0;
        left: 0;
        top: auto;
        z-index: 1024;
    }
}

.breadcrumbs {
    position: relative;
    z-index: auto;
    border-bottom: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    min-height: 41px;
    line-height: 40px;
    padding: 0 12px 0 0;
}

    .breadcrumbs .nav-search {
        top: 6px;
    }

.breadcrumb {
    background-color: transparent;
    line-height: 20px;
    margin: 6px 22px 0 12px;
    padding: 0;
    font-size: 13px;
    color: #333;
    border-radius: 0;
}

    .breadcrumb, .breadcrumb > li > a, .btn {
        display: inline-block;
    }

        .breadcrumb > li, .breadcrumb > li.active {
            color: #455d67;
            padding: 0 3px;
        }

            .breadcrumb > li.active {
                font-weight: 600;
            }

            .breadcrumb > li > a {
                color: #3b80bf;
            }

            .breadcrumb, .breadcrumb > li > a, .btn {
                display: inline-block;
            }

                .breadcrumb > li + li::before {
                    color: #455d67;
                    content: "\003E" !important;
                    padding-right: 15px;
                    padding-left: 0px;
                }

                .breadcrumb .home-icon {
                    font-size: 20px;
                    font-weight: 600;
                    margin-left: 2px;
                    margin-right: 2px;
                    vertical-align: top;
                }

/*#endregion breadcrumbs end*/

/*#region client nav search*/
.nav-list > li .submenu > li > a:hover, .nav-list > li > a, a:active, a:focus {
    text-decoration: none;
}

@media only screen and (max-width: 991px) {
    .nav-search {
        right: 10px;
    }
}

.nav-search {
    position: absolute;
    right: 22px;
    line-height: 24px;
}

    .nav-search .form-search {
        margin-bottom: 0;
    }

@media only screen and (max-width: 767px) {
    .nav-search .nav-search-input {
        width: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        max-width: 0;
    }
}

@media only screen and (max-width: 991px) {
    .nav-search .nav-search-input {
        width: 105px;
    }
}

.nav-search .nav-search-input {
    border: 1px solid #6FB3E0;
    width: 152px;
    height: 28px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px !important;
    font-size: 13px;
    line-height: 1.3;
    color: #666 !important;
    z-index: 11;
    -webkit-transition: width ease .15s;
    -o-transition: width ease .15s;
    transition: width ease .15s;
}

@media only screen and (max-width: 767px) {
    .nav-search .nav-search-icon {
        border: 1px solid;
        border-radius: 100%;
        background-color: #FFF;
        padding: 0 5px !important;
    }
}

.nav-search .nav-search-icon {
    color: #6FB3E0 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    background-color: transparent;
}

.nav-search-icon, .nav-search.minimized .nav-search-input:active ~ .nav-search-icon, .nav-search.minimized .nav-search-input:focus ~ .nav-search-icon, .nav-search.minimized .nav-search-input:hover ~ .nav-search-icon, .nav-search.minimized:hover .nav-search-icon {
    border: none;
    border-radius: 0;
    padding: 0 3px !important;
}
/*#endregion*/

/*#region client nav search end*/
/* Nav control*/
.page-header {
    margin: 0 0 10px;
    border-bottom: 1px dotted #E2E2E2;
    padding-top: 7px;
    padding-bottom: 0 !important;
}

    .page-header h1 {
        padding: 0;
        margin: 0 8px;
        font-size: 24px;
        font-weight: lighter;
        color: #2679B5;
    }

        .page-header h1 small {
            margin: 0 6px;
            font-size: 14px;
            font-weight: 400;
            color: #8089A0;
        }
/*#endregion*/

/*#region .tab-content*/
.client-nav .tab-content {
    border: 1px solid #C5D0DC;
    padding: 16px 12px;
    position: relative;
}

    .client-nav .tab-content.no-padding {
        padding: 0;
    }

    .client-nav .tab-content.no-border {
        border: none;
        padding: 12px;
    }

    .client-nav .tab-content.padding-32 {
        padding: 32px 24px;
    }

    .client-nav .tab-content.no-border.padding-32 {
        padding: 32px;
    }

    .client-nav .tab-content.padding-30 {
        padding: 30px 23px;
    }

    .client-nav .tab-content.no-border.padding-30 {
        padding: 30px;
    }

    .client-nav .tab-content.padding-28 {
        padding: 28px 21px;
    }

    .client-nav .tab-content.no-border.padding-28 {
        padding: 28px;
    }

    .client-nav .tab-content.padding-26 {
        padding: 26px 20px;
    }

    .client-nav .tab-content.no-border.padding-26 {
        padding: 26px;
    }

    .client-nav .tab-content.padding-24 {
        padding: 24px 18px;
    }

    .client-nav .tab-content.no-border.padding-24 {
        padding: 24px;
    }

    .client-nav .tab-content.padding-22 {
        padding: 22px 17px;
    }

    .client-nav .tab-content.no-border.padding-22 {
        padding: 22px;
    }

    .client-nav .tab-content.padding-20 {
        padding: 20px 15px;
    }

    .client-nav .tab-content.no-border.padding-20 {
        padding: 20px;
    }

    .client-nav .tab-content.padding-18 {
        padding: 18px 14px;
    }

    .client-nav .tab-content.no-border.padding-18 {
        padding: 18px;
    }

    .client-nav .tab-content.padding-16 {
        padding: 16px 12px;
    }

    .client-nav .tab-content.no-border.padding-16 {
        padding: 16px;
    }

    .client-nav .tab-content.padding-14 {
        padding: 14px 11px;
    }

    .client-nav .tab-content.no-border.padding-14 {
        padding: 14px;
    }

    .client-nav .tab-content.padding-12 {
        padding: 12px 9px;
    }

    .client-nav .tab-content.no-border.padding-12 {
        padding: 12px;
    }

    .client-nav .tab-content.padding-10 {
        padding: 10px 8px;
    }

    .client-nav .tab-content.no-border.padding-10 {
        padding: 10px;
    }

    .client-nav .tab-content.padding-8 {
        padding: 8px 6px;
    }

    .client-nav .tab-content.no-border.padding-8 {
        padding: 8px;
    }

    .client-nav .tab-content.padding-6 {
        padding: 6px 5px;
    }

    .client-nav .tab-content.no-border.padding-6 {
        padding: 6px;
    }

    .client-nav .tab-content.padding-4 {
        padding: 4px 3px;
    }

    .client-nav .tab-content.no-border.padding-4 {
        padding: 4px;
    }

    .client-nav .tab-content.no-border.padding-2, .client-nav .tab-content.padding-2 {
        padding: 2px;
    }

    .client-nav .tab-content.no-border.padding-0, .client-nav .tab-content.padding-0 {
        padding: 0;
    }
/*#endregion .tabcontent*/

/*#region .nav.nav-tabs*/
.client-nav .nav.nav-tabs.padding-32 {
    padding-left: 32px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-32, .tabs-right > .client-nav .nav.nav-tabs.padding-32 {
    padding-left: 0;
    padding-top: 32px;
}

.client-nav .nav.nav-tabs.padding-30 {
    padding-left: 30px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-30, .tabs-right > .client-nav .nav.nav-tabs.padding-30 {
    padding-left: 0;
    padding-top: 30px;
}

.client-nav .nav.nav-tabs.padding-28 {
    padding-left: 28px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-28, .tabs-right > .client-nav .nav.nav-tabs.padding-28 {
    padding-left: 0;
    padding-top: 28px;
}

.client-nav .nav.nav-tabs.padding-26 {
    padding-left: 26px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-26, .tabs-right > .client-nav .nav.nav-tabs.padding-26 {
    padding-left: 0;
    padding-top: 26px;
}

.client-nav .nav.nav-tabs.padding-24 {
    padding-left: 24px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-24, .tabs-right > .client-nav .nav.nav-tabs.padding-24 {
    padding-left: 0;
    padding-top: 24px;
}

.client-nav .nav.nav-tabs.padding-22 {
    padding-left: 22px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-22, .tabs-right > .client-nav .nav.nav-tabs.padding-22 {
    padding-left: 0;
    padding-top: 22px;
}

.client-nav .nav.nav-tabs.padding-20 {
    padding-left: 20px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-20, .tabs-right > .client-nav .nav.nav-tabs.padding-20 {
    padding-left: 0;
    padding-top: 20px;
}

.client-nav .nav.nav-tabs.padding-18 {
    padding-left: 18px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-18, .tabs-right > .client-nav .nav.nav-tabs.padding-18 {
    padding-left: 0;
    padding-top: 18px;
}

.client-nav .nav.nav-tabs.padding-16 {
    padding-left: 16px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-16, .tabs-right > .client-nav .nav.nav-tabs.padding-16 {
    padding-left: 0;
    padding-top: 16px;
}

.client-nav .nav.nav-tabs.padding-14 {
    padding-left: 14px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-14, .tabs-right > .client-nav .nav.nav-tabs.padding-14 {
    padding-left: 0;
    padding-top: 14px;
}

.client-nav .nav.nav-tabs.padding-12 {
    padding-left: 12px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-12, .tabs-right > .client-nav .nav.nav-tabs.padding-12 {
    padding-left: 0;
    padding-top: 12px;
}

.client-nav .nav.nav-tabs.padding-10 {
    padding-left: 10px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-10, .tabs-right > .client-nav .nav.nav-tabs.padding-10 {
    padding-left: 0;
    padding-top: 10px;
}

.client-nav .nav.nav-tabs.padding-8 {
    padding-left: 8px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-8, .tabs-right > .client-nav .nav.nav-tabs.padding-8 {
    padding-left: 0;
    padding-top: 8px;
}

.client-nav .nav.nav-tabs.padding-6 {
    padding-left: 6px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-6, .tabs-right > .client-nav .nav.nav-tabs.padding-6 {
    padding-left: 0;
    padding-top: 6px;
}

.client-nav .nav.nav-tabs.padding-4 {
    padding-left: 4px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-4, .tabs-right > .client-nav .nav.nav-tabs.padding-4 {
    padding-left: 0;
    padding-top: 4px;
}

.client-nav .nav.nav-tabs.padding-2 {
    padding-left: 2px;
}

.tabs-left > .client-nav .nav.nav-tabs.padding-2, .tabs-right > .client-nav .nav.nav-tabs.padding-2 {
    padding-left: 0;
    padding-top: 2px;
}
/*#endregion .nav.nav-tabs*/

/*#region .nav-tabs*/
.client-nav .nav-tabs {
    border-color: #C5D0DC;
    margin-bottom: 0 !important;
    position: relative;
    top: 1px;
}

    .client-nav .nav-tabs > li > a {
        padding: 7px 12px 8px;
    }

        .client-nav .nav-tabs > li > a, .client-nav .nav-tabs > li > a:focus {
            border-radius: 0 !important;
            border-color: #C5D0DC;
            background-color: #F9F9F9;
            color: #999;
            margin-right: -1px;
            line-height: 18px;
            position: relative;
        }

            .client-nav .nav-tabs > li > a:hover {
                background-color: #FFF;
                color: #4C8FBD;
                border-color: #C5D0DC;
            }

            .client-nav .nav-tabs > li > a:active, .client-nav .nav-tabs > li > a:focus {
                outline: 0 !important;
            }

    .client-nav .nav-tabs > li.active > a, .client-nav .nav-tabs > li.active > a:focus, .client-nav .nav-tabs > li.active > a:hover {
        color: #576373;
        border-color: #C5D0DC #C5D0DC transparent;
        border-top: 2px solid #4C8FBD;
        background-color: #FFF;
        z-index: 1;
        line-height: 18px;
        margin-top: -1px;
        box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);
    }

.tabs-below > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-color: #C5D0DC;
    border-bottom-width: 0;
}

    .tabs-below > .nav-tabs > li > a, .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover {
        border-color: #C5D0DC;
    }

    .tabs-below > .nav-tabs > li.active > a, .tabs-below > .nav-tabs > li.active > a:focus, .tabs-below > .nav-tabs > li.active > a:hover {
        border-color: transparent #C5D0DC #C5D0DC;
        border-top-width: 1px;
        border-bottom: 2px solid #4C8FBD;
        margin-top: 0;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 60px;
}

.tabs-left > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #C5D0DC;
    float: left;
}

    .tabs-left > .nav-tabs > li {
        float: none !important;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
            border-color: #C5D0DC;
            margin: 0 -1px 0 0;
        }

        .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li.active > a:focus, .tabs-left > .nav-tabs > li.active > a:hover {
            border-color: #C5D0DC transparent #C5D0DC #C5D0DC;
            border-top-width: 1px;
            border-left: 2px solid #4C8FBD;
            margin: 0 -1px;
            -webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,.15) !important;
            box-shadow: -2px 0 3px 0 rgba(0,0,0,.15) !important;
        }

.tabs-right > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    border-color: #C5D0DC;
    float: right;
}

    .tabs-right > .nav-tabs > li {
        float: none !important;
    }

        .tabs-right > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
            border-color: #C5D0DC;
            margin: 0 -1px;
        }

        .tabs-right > .nav-tabs > li.active > a, .tabs-right > .nav-tabs > li.active > a:focus, .tabs-right > .nav-tabs > li.active > a:hover {
            border-color: #C5D0DC #C5D0DC #C5D0DC transparent;
            border-top-width: 1px;
            border-right: 2px solid #4C8FBD;
            margin: 0 -2px 0 -1px;
            -webkit-box-shadow: 2px 0 3px 0 rgba(0,0,0,.15);
            box-shadow: 2px 0 3px 0 rgba(0,0,0,.15);
        }

.client-nav .nav-tabs > li > a .badge {
    padding: 1px 5px;
    line-height: 15px;
    opacity: .75;
    vertical-align: initial;
}

.client-nav .nav-tabs > li > a .ace-icon {
    opacity: .75;
}

.client-nav .nav-tabs > li.active > a .ace-icon, .client-nav .nav-tabs > li.active > a .badge {
    opacity: 1;
}

.client-nav .nav-tabs li .ace-icon {
    width: 1.25em;
    display: inline-block;
    text-align: center;
}

.client-nav .nav-tabs > li.open .dropdown-toggle {
    background-color: #4F99C6;
    border-color: #4F99C6;
    color: #FFF;
}

    .client-nav .nav-tabs > li.open .dropdown-toggle > .ace-icon {
        color: #FFF !important;
    }

.tabs-left .tab-content, .tabs-right .tab-content {
    overflow: auto;
}

.nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:focus, .nav > li.dropdown.open.active > a:hover {
    background-color: #4F99C6;
    border-color: #4F99C6;
    color: #FFF;
}

    .nav-pills .open .dropdown-toggle > .ace-icon, .nav > li.dropdown.open.active > a:focus > .ace-icon, .nav > li.dropdown.open.active > a:hover > .ace-icon {
        color: #FFF !important;
    }

.client-nav .nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .ace-icon:first-child.disabled {
    color: #909090 !important;
}

.client-nav .nav-tabs.tab-size-bigger > li > a {
    padding-left: 14px;
    padding-right: 14px;
}

    .client-nav .nav-tabs.tab-size-bigger > li > a > .ace-icon:first-child {
        display: block;
        margin-bottom: 6px;
        width: auto;
    }

.client-nav .nav-tabs.tab-space-1 > li > a {
    margin-right: 1px;
}

.client-nav .nav-tabs.tab-space-2 > li > a {
    margin-right: 2px;
}

.client-nav .nav-tabs.tab-space-3 > li > a {
    margin-right: 3px;
}

.client-nav .nav-tabs.tab-space-4 > li > a {
    margin-right: 4px;
}

.client-nav .nav-tabs[class*=tab-color-] > li > a, .client-nav .nav-tabs[class*=tab-color-] > li > a:focus, .client-nav .nav-tabs[class*=tab-color-] > li > a:hover {
    color: #FFF;
    border-color: transparent;
    margin-right: 3px;
}

    .client-nav .nav-tabs[class*=tab-color-] > li > a > .badge {
        border-radius: 2px;
    }

.client-nav .nav-tabs[class*=tab-color-] > li:not(.active) > a:hover {
    opacity: .85;
    border-color: rgba(0,0,0,.15);
    border-bottom-color: transparent;
}

.client-nav .nav-tabs[class*=tab-color-] > li:not(.active) > a > .ace-icon:first-child {
    color: #FFF !important;
}

.client-nav .nav-tabs[class*=tab-color-] > li:not(.active) > a > .badge {
    color: rgba(0,0,0,.4) !important;
    background-color: #FFF !important;
    border-radius: 2px;
}

.client-nav .nav-tabs.tab-color-blue > li > a, .client-nav .nav-tabs.tab-color-blue > li > a:focus {
    background-color: #7DB4D8;
}

.client-nav .nav-tabs[class*=tab-color-] > li.active > a, .client-nav .nav-tabs[class*=tab-color-] > li.active > a:focus, .client-nav .nav-tabs[class*=tab-color-] > li.active > a:hover {
    background-color: #FFF;
    color: #4f80a0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.client-nav .nav-tabs.tab-color-blue > li.active > a, .client-nav .nav-tabs.tab-color-blue > li.active > a:focus, .client-nav .nav-tabs.tab-color-blue > li.active > a:hover {
    color: #4c718a;
    border-color: #7DB4D8 #7DB4D8 transparent;
}

.tabs-below .client-nav .nav-tabs.tab-color-blue > li.active > a {
    border-color: transparent #7DB4D8 #7DB4D8;
}

.client-nav .nav-tabs.tab-color-blue {
    border-bottom-color: #C5D0DC;
}

.client-nav .nav-tabs.background-blue {
    padding-top: 6px;
    background-color: #EFF3F8;
    border: 1px solid #C5D0DC;
}

.tabs-below .nav-tabs.background-blue {
    padding-top: 0;
    padding-bottom: 6px;
}

.tabs-below .client-nav .nav-tabs.tab-color-blue {
    border-top: none;
    border-bottom-color: #C5D0DC;
}
/*#endregion .nav-tabs*/

/*#region accordion panel */
.accordion-style1.panel-group .panel .collapse {
    background-color: #FFF;
}

.accordion-style1.panel-group .panel + .panel {
    margin-top: 2px;
}


.panel-heading a[aria-expanded=true] i.fa.fa-chevron-left {
    transform: rotateZ(-90deg);
    transition: all ease .3s;
}

.accordion-style1.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top-color: #CDD8E3 !important;
}

.accordion-style1.panel-group .panel-heading {
    padding: 0;
}

    .accordion-style1.panel-group .panel-heading .accordion-toggle {
        color: #4C8FBD;
        background-color: #EEF4F9;
        position: relative;
        font-weight: 700;
        font-size: 13px;
        line-height: 1;
        padding: 10px;
        display: block;
    }

        .accordion-style1.panel-group .panel-heading .accordion-toggle.collapsed {
            color: #478FCA;
            font-weight: 400;
            background-color: #F9F9F9;
        }

        .accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
            color: #6EA6CC;
            background-color: #F1F8FD;
            text-decoration: none;
        }

        .accordion-style1.panel-group .panel-heading .accordion-toggle:active, .accordion-style1.panel-group .panel-heading .accordion-toggle:focus {
            outline: 0;
            text-decoration: none;
        }

        .accordion-style1.panel-group .panel-heading .accordion-toggle > .ace-icon:first-child {
            width: 16px;
        }

        .accordion-style1.panel-group .panel-heading .accordion-toggle:hover > .ace-icon:first-child {
            text-decoration: none;
        }

.accordion-style1.panel-group .collapse.in > .panel-body, .accordion-style1.panel-group .panel-body {
    border-top: 1px solid #CDD8E3;
}

.accordion-style1.panel-group.no-padding {
    padding: 0;
}

.accordion-style2.panel-group .panel {
    border-width: 0;
}

    .accordion-style2.panel-group .panel:last-child {
        border-bottom-width: 0;
    }

    .accordion-style2.panel-group .panel + .panel {
        margin-top: 4px;
    }

    .accordion-style2.panel-group .panel .panel-body {
        border-top: none;
    }

.accordion-style2.panel-group .panel-heading .accordion-toggle {
    background-color: #EDF3F7;
    border: 2px solid #6EAED1;
    border-width: 0 0 0 2px;
}

    .accordion-style2.panel-group .panel-heading .accordion-toggle:hover {
        text-decoration: none;
    }

    .accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
        background-color: #F3F3F3;
        color: #606060;
        border-width: 0 0 0 1px;
        border-color: #D9D9D9;
    }

        .accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed:hover {
            background-color: #F6F6F6;
            color: #438EB9;
            text-decoration: none;
        }

.accordion-style2.panel-group .collapse.in > .panel-body, .accordion-style2.panel-group .panel-body {
    border-top: none;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel {
    border-bottom: 1px dotted #D9D9D9;
}

    .accordion-style2.panel-group .accordion-style2.panel-group .panel:last-child {
        border-bottom: none;
    }

    .accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading, .accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading .accordion-toggle {
        background-color: transparent;
        border-width: 0;
        font-size: 13px;
        padding-top: 6px;
        padding-bottom: 8px;
    }

    .accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading {
        padding-top: 0;
        padding-bottom: 0;
    }
/*#endregion accordion panel */

.table-bordered, td, th {
    border-radius: 0 !important;
}

/* -------- Colors ---------- */

.black {
    color: #000 !important;
}

.dark {
    color: #333 !important;
}

.white {
    color: #FFF !important;
}

.red {
    color: #DD5A43 !important;
}

.red2 {
    color: #E08374 !important;
}

.light-red {
    color: #F77 !important;
}

.blue {
    color: #478FCA !important;
}

.light-blue {
    color: #93CBF9 !important;
}

.light-blue2 {
    color: #36ADDF !important;
}

.light-blue3 {
    color: #5E749A !important;
}
.dark-blue {
    color: #0B3885 !important;
}

.green {
    color: #69AA46 !important;
}

.light-green {
    color: #B0D877 !important;
}

.orange {
    color: #FF892A !important;
}

.orange2 {
    color: #FEB902 !important;
}

.light-orange {
    color: #FCAC6F !important;
}

.purple {
    color: #A069C3 !important;
}

.pink {
    color: #C6699F !important;
}

.pink2 {
    color: #D6487E !important;
}

.brown {
    color: brown !important;
}

.grey {
    color: #777 !important;
}

.light-
 {
    color: #BBB !important;
}

.yellow
 {
    color: #ffff00 !important;
}

.yellowgreen
 {
    color: yellowgreen !important;
}

/* -------- Text Colors ---------- */
/* Text Black & Gray Color*/
.text-black {
  color: #000 !important;
}
.text-black-111 {
  color: #111111 !important;
}
.text-black-222 {
  color: #222222 !important;
}
.text-black-333 {
  color: #333333 !important;
}
.text-black-444 {
  color: #404040 !important;
}
.text-black-555 {
  color: #555555 !important;
}
.text-black-666 {
  color: #666666 !important;
}
.text-gray-dimgray {
  color: #666666 !important;
}
.text-gray-light {
  color: #777777 !important;
}
.text-gray {
  color: #808080 !important;
}
.text-gray-darkgray {
  color: #a9a9a9 !important;
}
.text-gray-silver {
  color: #c0c0c0 !important;
}
.text-gray-lightgray {
  color: #d3d3d3 !important;
}
.text-gray-gainsboro {
  color: #fff !important;
}
.text-gray-lighter {
  color: #eeeeee !important;
}
/* Text Dark Blue*/
.text-blue-dark {
    color: #22206d !important;
}

/* Text White Color*/
.text-white {
  color: #fff !important;
}
.text-white-f1 {
  color: #f1f1f1 !important;
}
.text-white-f2 {
  color: #f2f2f2 !important;
}
.text-white-f3 {
  color: #f3f3f3 !important;
}
.text-white-f4 {
  color: #f4f4f4 !important;
}
.text-white-f5 {
  color: #f5f5f5 !important;
}
.text-white-f6 {
  color: #f6f6f6 !important;
}
.text-white-f7 {
  color: #f7f7f7 !important;
}
.text-white-f8 {
  color: #f8f8f8 !important;
}
.text-white-f9 {
  color: #f9f9f9 !important;
}
.text-white-fa {
  color: #fafafa !important;
}
.text-white-fc {
  color: #fcfcfc !important;
}
.text-white-fd {
  color: #fdfdfd !important;
}
.text-white-fe {
  color: #fefefe !important;
}

/* -------- Solid Color Background ---------- */
.bg-deep {
  background-color: #f1f1f1 !important;
}
.bg-light {
  background-color: #f5f5f5 !important;
}
.bg-lighter {
  background-color: #f7f7f7 !important;
}
.bg-lightest {
  background-color: #fcfcfc !important;
}
.bg-black {
  background-color: #000 !important;
}
.divider-dark {
  background-color: #252525 !important;
}
footer.bg-deep {
  background-color: #191919 !important;
}
.bg-black-111 {
  background-color: #111111 !important;
}
.bg-black-222 {
  background-color: #222222 !important;
}
.bg-black-333 {
  background-color: #333333 !important;
}
.bg-black-444 {
  background-color: #404040 !important;
}
.bg-black-555 {
  background-color: #555555 !important;
}
.bg-gray-dimgray {
  background-color: #666666 !important;
}
.bg-gray-light {
  background-color: #777777 !important;
}
.bg-gray {
  background-color: #808080 !important;
}
.bg-gray-darkgray {
  background-color: #a9a9a9 !important;
}
.bg-gray-silver {
  background-color: #c0c0c0 !important;
}
.bg-gray-lightgray {
  background-color: #d3d3d3 !important;
}
.bg-gray-gainsboro {
  background-color: #dcdcdc !important;
}
.bg-gray-lighter {
  background-color: #eeeeee !important;
}
/* Bg White Color*/
.bg-white {
  background-color: #fff !important;
  color:#333;
}
.bg-white-f1 {
  background-color: #f1f1f1 !important;
}
.bg-white-f2 {
  background-color: #f2f2f2 !important;
}
.bg-white-f3 {
  background-color: #f3f3f3 !important;
}
.bg-white-f4 {
  background-color: #f4f4f4 !important;
}
.bg-white-f5 {
  background-color: #f5f5f5 !important;
}
.bg-white-f6 {
  background-color: #f6f6f6 !important;
}
.bg-white-f7 {
  background-color: #f7f7f7 !important;
}
.bg-white-f8 {
  background-color: #f8f8f8 !important;
}
.bg-white-f9 {
  background-color: #f9f9f9 !important;
}
.bg-white-fa {
  background-color: #fafafa !important;
}
.bg-white-fb {
  background-color: #fbfbfb !important;
}
.bg-white-fc {
  background-color: #fcfcfc !important;
}
.bg-white-fd {
  background-color: #fdfdfd !important;
}
.bg-white-fe {
  background-color: #fefefe !important;
}
/* -------- Transparent Background Color ---------- */
.bg-white-transparent-9 {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg-white-transparent-8 {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg-white-transparent-7 {
  background-color: rgba(255, 255, 255, 0.7);
}
.bg-white-transparent-6 {
  background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-transparent-5 {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-transparent-4 {
  background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-transparent-3 {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-white-transparent-2 {
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-transparent-1 {
  background-color: rgba(255, 255, 255, 0.1);
}
.bg-dark-transparent-9 {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-dark-transparent-8 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-dark-transparent-7 {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-dark-transparent-6 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-dark-transparent-5 {
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-dark-transparent-4 {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-dark-transparent-3 {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-dark-transparent-2 {
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-dark-transparent-1 {
  background-color: rgba(0, 0, 0, 0.1);
}

/*#region more color classes*/

.bg-primary{background-color:#2196f3;border-color:#2196f3;color:#fff}.bg-primary-300{background-color:#64b5f6;border-color:#64b5f6;color:#fff}.bg-primary-400{background-color:#42a5f5;border-color:#42a5f5;color:#fff}.bg-primary-600{background-color:#1e88e5;border-color:#1e88e5;color:#fff}.bg-primary-700{background-color:#1976d2;border-color:#1976d2;color:#fff}.bg-primary-800{background-color:#1565c0;border-color:#1565c0;color:#fff}.bg-danger{background-color:#f44336;border-color:#f44336;color:#fff}.bg-danger-300{background-color:#e57373;border-color:#e57373;color:#fff}.bg-danger-400{background-color:#ef5350;border-color:#ef5350;color:#fff}.bg-danger-600{background-color:#e53935;border-color:#e53935;color:#fff}.bg-danger-700{background-color:#d32f2f;border-color:#d32f2f;color:#fff}.bg-danger-800{background-color:#c62828;border-color:#c62828;color:#fff}.bg-success{background-color:#4caf50;border-color:#4caf50;color:#fff}.bg-success-300{background-color:#81c784;border-color:#81c784;color:#fff}.bg-success-400{background-color:#66bb6a;border-color:#66bb6a;color:#fff}.bg-success-600{background-color:#43a047;border-color:#43a047;color:#fff}.bg-success-700{background-color:#388e3c;border-color:#388e3c;color:#fff}.bg-success-800{background-color:#2e7d32;border-color:#2e7d32;color:#fff}.bg-warning{background-color:#ff5722;border-color:#ff5722;color:#fff}.bg-warning-300{background-color:#ff8a65;border-color:#ff8a65;color:#fff}.bg-warning-400{background-color:#ff7043;border-color:#ff7043;color:#fff}.bg-warning-600{background-color:#f4511e;border-color:#f4511e;color:#fff}.bg-warning-700{background-color:#e64a19;border-color:#e64a19;color:#fff}.bg-warning-800{background-color:#d84315;border-color:#d84315;color:#fff}.bg-info{background-color:#00bcd4;border-color:#00bcd4;color:#fff}.bg-info-300{background-color:#4dd0e1;border-color:#4dd0e1;color:#fff}.bg-info-400{background-color:#26c6da;border-color:#26c6da;color:#fff}.bg-info-600{background-color:#00acc1;border-color:#00acc1;color:#fff}.bg-info-700{background-color:#0097a7;border-color:#0097a7;color:#fff}.bg-info-800{background-color:#00838f;border-color:#00838f;color:#fff}.bg-pink{background-color:#e91e63;border-color:#e91e63;color:#fff}.bg-pink-300{background-color:#f06292;border-color:#f06292;color:#fff}.bg-pink-400{background-color:#ec407a;border-color:#ec407a;color:#fff}.bg-pink-600{background-color:#d81b60;border-color:#d81b60;color:#fff}.bg-pink-700{background-color:#c2185b;border-color:#c2185b;color:#fff}.bg-pink-800{background-color:#ad1457;border-color:#ad1457;color:#fff}.bg-violet{background-color:#9c27b0;border-color:#9c27b0;color:#fff}.bg-violet-300{background-color:#ba68c8;border-color:#ba68c8;color:#fff}.bg-violet-400{background-color:#ab47bc;border-color:#ab47bc;color:#fff}.bg-violet-600{background-color:#8e24aa;border-color:#8e24aa;color:#fff}.bg-violet-700{background-color:#7b1fa2;border-color:#7b1fa2;color:#fff}.bg-violet-800{background-color:#6a1b9a;border-color:#6a1b9a;color:#fff}.bg-purple{background-color:#673ab7;border-color:#673ab7;color:#fff}.bg-purple-300{background-color:#9575cd;border-color:#9575cd;color:#fff}.bg-purple-400{background-color:#7e57c2;border-color:#7e57c2;color:#fff}.bg-purple-600{background-color:#5e35b1;border-color:#5e35b1;color:#fff}.bg-purple-700{background-color:#512da8;border-color:#512da8;color:#fff}.bg-purple-800{background-color:#4527a0;border-color:#4527a0;color:#fff}.bg-indigo{background-color:#3f51b5;border-color:#3f51b5;color:#fff}.bg-indigo-300{background-color:#7986cb;border-color:#7986cb;color:#fff}.bg-indigo-400{background-color:#5c6bc0;border-color:#5c6bc0;color:#fff}.bg-indigo-600{background-color:#3949ab;border-color:#3949ab;color:#fff}.bg-indigo-700{background-color:#303f9f;border-color:#303f9f;color:#fff}.bg-indigo-800{background-color:#283593;border-color:#283593;color:#fff}.bg-blue{background-color:#03a9f4;border-color:#03a9f4;color:#fff}.bg-blue-300{background-color:#4fc3f7;border-color:#4fc3f7;color:#fff}.bg-blue-400{background-color:#29b6f6;border-color:#29b6f6;color:#fff}.bg-blue-600{background-color:#039be5;border-color:#039be5;color:#fff}.bg-blue-700{background-color:#0288d1;border-color:#0288d1;color:#fff}.bg-blue-800{background-color:#0277bd;border-color:#0277bd;color:#fff}.bg-teal{background-color:#009688;border-color:#009688;color:#fff}.bg-teal-300{background-color:#4db6ac;border-color:#4db6ac;color:#fff}.bg-teal-400{background-color:#26a69a;border-color:#26a69a;color:#fff}.bg-teal-600{background-color:#00897b;border-color:#00897b;color:#fff}.bg-teal-700{background-color:#00796b;border-color:#00796b;color:#fff}.bg-teal-800{background-color:#00695c;border-color:#00695c;color:#fff}.bg-green{background-color:#8bc34a;border-color:#8bc34a;color:#fff}.bg-green-300{background-color:#aed581;border-color:#aed581;color:#fff}.bg-green-400{background-color:#9ccc65;border-color:#9ccc65;color:#fff}.bg-green-600{background-color:#7cb342;border-color:#7cb342;color:#fff}.bg-green-700{background-color:#689f38;border-color:#689f38;color:#fff}.bg-green-800{background-color:#558b2f;border-color:#558b2f;color:#fff}.bg-orange{background-color:#ff9800;border-color:#ff9800;color:#fff}.bg-orange-300{background-color:#ffb74d;border-color:#ffb74d;color:#fff}.bg-orange-400{background-color:#ffa726;border-color:#ffa726;color:#fff}.bg-orange-600{background-color:#fb8c00;border-color:#fb8c00;color:#fff}.bg-orange-700{background-color:#f57c00;border-color:#f57c00;color:#fff}.bg-orange-800{background-color:#ef6c00;border-color:#ef6c00;color:#fff}.bg-brown{background-color:#795548;border-color:#795548;color:#fff}.bg-brown-300{background-color:#a1887f;border-color:#a1887f;color:#fff}.bg-brown-400{background-color:#8d6e63;border-color:#8d6e63;color:#fff}.bg-brown-600{background-color:#6d4c41;border-color:#6d4c41;color:#fff}.bg-brown-700{background-color:#5d4037;border-color:#5d4037;color:#fff}.bg-brown-800{background-color:#4e342e;border-color:#4e342e;color:#fff}.bg-grey{background-color:#777;border-color:#777;color:#fff}.bg-grey-300{background-color:#999;border-color:#999;color:#fff}.bg-grey-400{background-color:#888;border-color:#888;color:#fff}.bg-grey-600{background-color:#666;border-color:#666;color:#fff}.bg-grey-700{background-color:#555;border-color:#555;color:#fff}.bg-grey-800{background-color:#444;border-color:#444;color:#fff}.bg-slate{background-color:#607d8b;border-color:#607d8b;color:#fff}.bg-slate-300{background-color:#90a4ae;border-color:#90a4ae;color:#fff}.bg-slate-400{background-color:#78909c;border-color:#78909c;color:#fff}.bg-slate-600{background-color:#546e7a;border-color:#546e7a;color:#fff}.bg-slate-700{background-color:#455a64;border-color:#455a64;color:#fff}.bg-slate-800{background-color:#37474f;border-color:#37474f;color:#fff}.alpha-primary{background-color:#e3f2fd;border-color:#1e88e5}.alpha-danger{background-color:#ffebee;border-color:#e53935}.alpha-success{background-color:#e8f5e9;border-color:#43a047}.alpha-warning{background-color:#fbe9e7;border-color:#f4511e}.alpha-info{background-color:#e0f7fa;border-color:#00acc1}.alpha-pink{background-color:#fce4ec;border-color:#d81b60}.alpha-violet{background-color:#f3e5f5;border-color:#8e24aa}.alpha-purple{background-color:#ede7f6;border-color:#5e35b1}.alpha-indigo{background-color:#e8eaf6;border-color:#3949ab}.alpha-blue{background-color:#e1f5fe;border-color:#039be5}.alpha-teal{background-color:#e0f2f1;border-color:#00897b}.alpha-green{background-color:#f1f8e9;border-color:#7cb342}.alpha-orange{background-color:#fff3e0;border-color:#fb8c00}.alpha-brown{background-color:#efebe9;border-color:#6d4c41}.alpha-grey{background-color:#fafafa;border-color:#666}.alpha-slate{background-color:#eceff1;border-color:#546e7a}.border-primary{border-color:#2196f3}.border-primary-300{border-color:#64b5f6}.border-primary-400{border-color:#42a5f5}.border-primary-600{border-color:#1e88e5}.border-primary-700{border-color:#1976d2}.border-primary-800{border-color:#1565c0}.border-danger{border-color:#f44336}.border-danger-300{border-color:#e57373}.border-danger-400{border-color:#ef5350}.border-danger-600{border-color:#e53935}.border-danger-700{border-color:#d32f2f}.border-danger-800{border-color:#c62828}.border-success{border-color:#4caf50}.border-success-300{border-color:#81c784}.border-success-400{border-color:#66bb6a}.border-success-600{border-color:#43a047}.border-success-700{border-color:#388e3c}.border-success-800{border-color:#2e7d32}.border-warning{border-color:#ff5722}.border-warning-300{border-color:#ff8a65}.border-warning-400{border-color:#ff7043}.border-warning-600{border-color:#f4511e}.border-warning-700{border-color:#e64a19}.border-warning-800{border-color:#d84315}.border-info{border-color:#00bcd4}.border-info-300{border-color:#4dd0e1}.border-info-400{border-color:#26c6da}.border-info-600{border-color:#00acc1}.border-info-700{border-color:#0097a7}.border-info-800{border-color:#00838f}.border-pink{border-color:#e91e63}.border-pink-300{border-color:#f06292}.border-pink-400{border-color:#ec407a}.border-pink-600{border-color:#d81b60}.border-pink-700{border-color:#c2185b}.border-pink-800{border-color:#ad1457}.border-violet{border-color:#9c27b0}.border-violet-300{border-color:#ba68c8}.border-violet-400{border-color:#ab47bc}.border-violet-600{border-color:#8e24aa}.border-violet-700{border-color:#7b1fa2}.border-violet-800{border-color:#6a1b9a}.border-purple{border-color:#673ab7}.border-purple-300{border-color:#9575cd}.border-purple-400{border-color:#7e57c2}.border-purple-600{border-color:#5e35b1}.border-purple-700{border-color:#512da8}.border-purple-800{border-color:#4527a0}.border-indigo{border-color:#3f51b5}.border-indigo-300{border-color:#7986cb}.border-indigo-400{border-color:#5c6bc0}.border-indigo-600{border-color:#3949ab}.border-indigo-700{border-color:#303f9f}.border-indigo-800{border-color:#283593}.border-blue{border-color:#03a9f4}.border-blue-300{border-color:#4fc3f7}.border-blue-400{border-color:#29b6f6}.border-blue-600{border-color:#039be5}.border-blue-700{border-color:#0288d1}.border-blue-800{border-color:#0277bd}.border-teal{border-color:#009688}.border-teal-300{border-color:#4db6ac}.border-teal-400{border-color:#26a69a}.border-teal-600{border-color:#00897b}.border-teal-700{border-color:#00796b}.border-teal-800{border-color:#00695c}.border-green{border-color:#8bc34a}.border-green-300{border-color:#aed581}.border-green-400{border-color:#9ccc65}.border-green-600{border-color:#7cb342}.border-green-700{border-color:#689f38}.border-green-800{border-color:#558b2f}.border-orange{border-color:#ff9800}.border-orange-300{border-color:#ffb74d}.border-orange-400{border-color:#ffa726}.border-orange-600{border-color:#fb8c00}.border-orange-700{border-color:#f57c00}.border-orange-800{border-color:#ef6c00}.border-brown{border-color:#795548}.border-brown-300{border-color:#a1887f}.border-brown-400{border-color:#8d6e63}.border-brown-600{border-color:#6d4c41}.border-brown-700{border-color:#5d4037}.border-brown-800{border-color:#4e342e}.border-grey{border-color:#777}.border-grey-300{border-color:#999}.border-grey-400{border-color:#888}.border-grey-600{border-color:#666}.border-grey-700{border-color:#555}.border-grey-800{border-color:#444}.border-slate{border-color:#607d8b}.border-slate-300{border-color:#90a4ae}.border-slate-400{border-color:#78909c}.border-slate-600{border-color:#546e7a}.border-slate-700{border-color:#455a64}.border-slate-800{border-color:#37474f}.border-white{border-color:#fff}.border-default{border-color:#ddd}.border-top-primary{border-top-color:#2196f3}.border-top-primary-300{border-top-color:#64b5f6}.border-top-primary-400{border-top-color:#42a5f5}.border-top-primary-600{border-top-color:#1e88e5}.border-top-primary-700{border-top-color:#1976d2}.border-top-primary-800{border-top-color:#1565c0}.border-top-danger{border-top-color:#f44336}.border-top-danger-300{border-top-color:#e57373}.border-top-danger-400{border-top-color:#ef5350}.border-top-danger-600{border-top-color:#e53935}.border-top-danger-700{border-top-color:#d32f2f}.border-top-danger-800{border-top-color:#c62828}.border-top-success{border-top-color:#4caf50}.border-top-success-300{border-top-color:#81c784}.border-top-success-400{border-top-color:#66bb6a}.border-top-success-600{border-top-color:#43a047}.border-top-success-700{border-top-color:#388e3c}.border-top-success-800{border-top-color:#2e7d32}.border-top-warning{border-top-color:#ff5722}.border-top-warning-300{border-top-color:#ff8a65}.border-top-warning-400{border-top-color:#ff7043}.border-top-warning-600{border-top-color:#f4511e}.border-top-warning-700{border-top-color:#e64a19}.border-top-warning-800{border-top-color:#d84315}.border-top-info{border-top-color:#00bcd4}.border-top-info-300{border-top-color:#4dd0e1}.border-top-info-400{border-top-color:#26c6da}.border-top-info-600{border-top-color:#00acc1}.border-top-info-700{border-top-color:#0097a7}.border-top-info-800{border-top-color:#00838f}.border-top-pink{border-top-color:#e91e63}.border-top-pink-300{border-top-color:#f06292}.border-top-pink-400{border-top-color:#ec407a}.border-top-pink-600{border-top-color:#d81b60}.border-top-pink-700{border-top-color:#c2185b}.border-top-pink-800{border-top-color:#ad1457}.border-top-violet{border-top-color:#9c27b0}.border-top-violet-300{border-top-color:#ba68c8}.border-top-violet-400{border-top-color:#ab47bc}.border-top-violet-600{border-top-color:#8e24aa}.border-top-violet-700{border-top-color:#7b1fa2}.border-top-violet-800{border-top-color:#6a1b9a}.border-top-purple{border-top-color:#673ab7}.border-top-purple-300{border-top-color:#9575cd}.border-top-purple-400{border-top-color:#7e57c2}.border-top-purple-600{border-top-color:#5e35b1}.border-top-purple-700{border-top-color:#512da8}.border-top-purple-800{border-top-color:#4527a0}.border-top-indigo{border-top-color:#3f51b5}.border-top-indigo-300{border-top-color:#7986cb}.border-top-indigo-400{border-top-color:#5c6bc0}.border-top-indigo-600{border-top-color:#3949ab}.border-top-indigo-700{border-top-color:#303f9f}.border-top-indigo-800{border-top-color:#283593}.border-top-blue{border-top-color:#03a9f4}.border-top-blue-300{border-top-color:#4fc3f7}.border-top-blue-400{border-top-color:#29b6f6}.border-top-blue-600{border-top-color:#039be5}.border-top-blue-700{border-top-color:#0288d1}.border-top-blue-800{border-top-color:#0277bd}.border-top-teal{border-top-color:#009688}.border-top-teal-300{border-top-color:#4db6ac}.border-top-teal-400{border-top-color:#26a69a}.border-top-teal-600{border-top-color:#00897b}.border-top-teal-700{border-top-color:#00796b}.border-top-teal-800{border-top-color:#00695c}.border-top-green{border-top-color:#8bc34a}.border-top-green-300{border-top-color:#aed581}.border-top-green-400{border-top-color:#9ccc65}.border-top-green-600{border-top-color:#7cb342}.border-top-green-700{border-top-color:#689f38}.border-top-green-800{border-top-color:#558b2f}.border-top-orange{border-top-color:#ff9800}.border-top-orange-300{border-top-color:#ffb74d}.border-top-orange-400{border-top-color:#ffa726}.border-top-orange-600{border-top-color:#fb8c00}.border-top-orange-700{border-top-color:#f57c00}.border-top-orange-800{border-top-color:#ef6c00}.border-top-brown{border-top-color:#795548}.border-top-brown-300{border-top-color:#a1887f}.border-top-brown-400{border-top-color:#8d6e63}.border-top-brown-600{border-top-color:#6d4c41}.border-top-brown-700{border-top-color:#5d4037}.border-top-brown-800{border-top-color:#4e342e}.border-top-grey{border-top-color:#777}.border-top-grey-300{border-top-color:#999}.border-top-grey-400{border-top-color:#888}.border-top-grey-600{border-top-color:#666}.border-top-grey-700{border-top-color:#555}.border-top-grey-800{border-top-color:#444}.border-top-slate{border-top-color:#607d8b}.border-top-slate-300{border-top-color:#90a4ae}.border-top-slate-400{border-top-color:#78909c}.border-top-slate-600{border-top-color:#546e7a}.border-top-slate-700{border-top-color:#455a64}.border-top-slate-800{border-top-color:#37474f}.border-top-white{border-top-color:#fff}.border-bottom-primary{border-bottom-color:#2196f3}.border-bottom-primary-300{border-bottom-color:#64b5f6}.border-bottom-primary-400{border-bottom-color:#42a5f5}.border-bottom-primary-600{border-bottom-color:#1e88e5}.border-bottom-primary-700{border-bottom-color:#1976d2}.border-bottom-primary-800{border-bottom-color:#1565c0}.border-bottom-danger{border-bottom-color:#f44336}.border-bottom-danger-300{border-bottom-color:#e57373}.border-bottom-danger-400{border-bottom-color:#ef5350}.border-bottom-danger-600{border-bottom-color:#e53935}.border-bottom-danger-700{border-bottom-color:#d32f2f}.border-bottom-danger-800{border-bottom-color:#c62828}.border-bottom-success{border-bottom-color:#4caf50}.border-bottom-success-300{border-bottom-color:#81c784}.border-bottom-success-400{border-bottom-color:#66bb6a}.border-bottom-success-600{border-bottom-color:#43a047}.border-bottom-success-700{border-bottom-color:#388e3c}.border-bottom-success-800{border-bottom-color:#2e7d32}.border-bottom-warning{border-bottom-color:#ff5722}.border-bottom-warning-300{border-bottom-color:#ff8a65}.border-bottom-warning-400{border-bottom-color:#ff7043}.border-bottom-warning-600{border-bottom-color:#f4511e}.border-bottom-warning-700{border-bottom-color:#e64a19}.border-bottom-warning-800{border-bottom-color:#d84315}.border-bottom-info{border-bottom-color:#00bcd4}.border-bottom-info-300{border-bottom-color:#4dd0e1}.border-bottom-info-400{border-bottom-color:#26c6da}.border-bottom-info-600{border-bottom-color:#00acc1}.border-bottom-info-700{border-bottom-color:#0097a7}.border-bottom-info-800{border-bottom-color:#00838f}.border-bottom-pink{border-bottom-color:#e91e63}.border-bottom-pink-300{border-bottom-color:#f06292}.border-bottom-pink-400{border-bottom-color:#ec407a}.border-bottom-pink-600{border-bottom-color:#d81b60}.border-bottom-pink-700{border-bottom-color:#c2185b}.border-bottom-pink-800{border-bottom-color:#ad1457}.border-bottom-violet{border-bottom-color:#9c27b0}.border-bottom-violet-300{border-bottom-color:#ba68c8}.border-bottom-violet-400{border-bottom-color:#ab47bc}.border-bottom-violet-600{border-bottom-color:#8e24aa}.border-bottom-violet-700{border-bottom-color:#7b1fa2}.border-bottom-violet-800{border-bottom-color:#6a1b9a}.border-bottom-purple{border-bottom-color:#673ab7}.border-bottom-purple-300{border-bottom-color:#9575cd}.border-bottom-purple-400{border-bottom-color:#7e57c2}.border-bottom-purple-600{border-bottom-color:#5e35b1}.border-bottom-purple-700{border-bottom-color:#512da8}.border-bottom-purple-800{border-bottom-color:#4527a0}.border-bottom-indigo{border-bottom-color:#3f51b5}.border-bottom-indigo-300{border-bottom-color:#7986cb}.border-bottom-indigo-400{border-bottom-color:#5c6bc0}.border-bottom-indigo-600{border-bottom-color:#3949ab}.border-bottom-indigo-700{border-bottom-color:#303f9f}.border-bottom-indigo-800{border-bottom-color:#283593}.border-bottom-blue{border-bottom-color:#03a9f4}.border-bottom-blue-300{border-bottom-color:#4fc3f7}.border-bottom-blue-400{border-bottom-color:#29b6f6}.border-bottom-blue-600{border-bottom-color:#039be5}.border-bottom-blue-700{border-bottom-color:#0288d1}.border-bottom-blue-800{border-bottom-color:#0277bd}.border-bottom-teal{border-bottom-color:#009688}.border-bottom-teal-300{border-bottom-color:#4db6ac}.border-bottom-teal-400{border-bottom-color:#26a69a}.border-bottom-teal-600{border-bottom-color:#00897b}.border-bottom-teal-700{border-bottom-color:#00796b}.border-bottom-teal-800{border-bottom-color:#00695c}.border-bottom-green{border-bottom-color:#8bc34a}.border-bottom-green-300{border-bottom-color:#aed581}.border-bottom-green-400{border-bottom-color:#9ccc65}.border-bottom-green-600{border-bottom-color:#7cb342}.border-bottom-green-700{border-bottom-color:#689f38}.border-bottom-green-800{border-bottom-color:#558b2f}.border-bottom-orange{border-bottom-color:#ff9800}.border-bottom-orange-300{border-bottom-color:#ffb74d}.border-bottom-orange-400{border-bottom-color:#ffa726}.border-bottom-orange-600{border-bottom-color:#fb8c00}.border-bottom-orange-700{border-bottom-color:#f57c00}.border-bottom-orange-800{border-bottom-color:#ef6c00}.border-bottom-brown{border-bottom-color:#795548}.border-bottom-brown-300{border-bottom-color:#a1887f}.border-bottom-brown-400{border-bottom-color:#8d6e63}.border-bottom-brown-600{border-bottom-color:#6d4c41}.border-bottom-brown-700{border-bottom-color:#5d4037}.border-bottom-brown-800{border-bottom-color:#4e342e}.border-bottom-grey{border-bottom-color:#777}.border-bottom-grey-300{border-bottom-color:#999}.border-bottom-grey-400{border-bottom-color:#888}.border-bottom-grey-600{border-bottom-color:#666}.border-bottom-grey-700{border-bottom-color:#555}.border-bottom-grey-800{border-bottom-color:#444}.border-bottom-slate{border-bottom-color:#607d8b}.border-bottom-slate-300{border-bottom-color:#90a4ae}.border-bottom-slate-400{border-bottom-color:#78909c}.border-bottom-slate-600{border-bottom-color:#546e7a}.border-bottom-slate-700{border-bottom-color:#455a64}.border-bottom-slate-800{border-bottom-color:#37474f}.border-bottom-white{border-bottom-color:#fff}.border-left-primary{border-left-color:#2196f3}.border-left-primary-300{border-left-color:#64b5f6}.border-left-primary-400{border-left-color:#42a5f5}.border-left-primary-600{border-left-color:#1e88e5}.border-left-primary-700{border-left-color:#1976d2}.border-left-primary-800{border-left-color:#1565c0}.border-left-danger{border-left-color:#f44336}.border-left-danger-300{border-left-color:#e57373}.border-left-danger-400{border-left-color:#ef5350}.border-left-danger-600{border-left-color:#e53935}.border-left-danger-700{border-left-color:#d32f2f}.border-left-danger-800{border-left-color:#c62828}.border-left-success{border-left-color:#4caf50}.border-left-success-300{border-left-color:#81c784}.border-left-success-400{border-left-color:#66bb6a}.border-left-success-600{border-left-color:#43a047}.border-left-success-700{border-left-color:#388e3c}.border-left-success-800{border-left-color:#2e7d32}.border-left-warning{border-left-color:#ff5722}.border-left-warning-300{border-left-color:#ff8a65}.border-left-warning-400{border-left-color:#ff7043}.border-left-warning-600{border-left-color:#f4511e}.border-left-warning-700{border-left-color:#e64a19}.border-left-warning-800{border-left-color:#d84315}.border-left-info{border-left-color:#00bcd4}.border-left-info-300{border-left-color:#4dd0e1}.border-left-info-400{border-left-color:#26c6da}.border-left-info-600{border-left-color:#00acc1}.border-left-info-700{border-left-color:#0097a7}.border-left-info-800{border-left-color:#00838f}.border-left-pink{border-left-color:#e91e63}.border-left-pink-300{border-left-color:#f06292}.border-left-pink-400{border-left-color:#ec407a}.border-left-pink-600{border-left-color:#d81b60}.border-left-pink-700{border-left-color:#c2185b}.border-left-pink-800{border-left-color:#ad1457}.border-left-violet{border-left-color:#9c27b0}.border-left-violet-300{border-left-color:#ba68c8}.border-left-violet-400{border-left-color:#ab47bc}.border-left-violet-600{border-left-color:#8e24aa}.border-left-violet-700{border-left-color:#7b1fa2}.border-left-violet-800{border-left-color:#6a1b9a}.border-left-purple{border-left-color:#673ab7}.border-left-purple-300{border-left-color:#9575cd}.border-left-purple-400{border-left-color:#7e57c2}.border-left-purple-600{border-left-color:#5e35b1}.border-left-purple-700{border-left-color:#512da8}.border-left-purple-800{border-left-color:#4527a0}.border-left-indigo{border-left-color:#3f51b5}.border-left-indigo-300{border-left-color:#7986cb}.border-left-indigo-400{border-left-color:#5c6bc0}.border-left-indigo-600{border-left-color:#3949ab}.border-left-indigo-700{border-left-color:#303f9f}.border-left-indigo-800{border-left-color:#283593}.border-left-blue{border-left-color:#03a9f4}.border-left-blue-300{border-left-color:#4fc3f7}.border-left-blue-400{border-left-color:#29b6f6}.border-left-blue-600{border-left-color:#039be5}.border-left-blue-700{border-left-color:#0288d1}.border-left-blue-800{border-left-color:#0277bd}.border-left-teal{border-left-color:#009688}.border-left-teal-300{border-left-color:#4db6ac}.border-left-teal-400{border-left-color:#26a69a}.border-left-teal-600{border-left-color:#00897b}.border-left-teal-700{border-left-color:#00796b}.border-left-teal-800{border-left-color:#00695c}.border-left-green{border-left-color:#8bc34a}.border-left-green-300{border-left-color:#aed581}.border-left-green-400{border-left-color:#9ccc65}.border-left-green-600{border-left-color:#7cb342}.border-left-green-700{border-left-color:#689f38}.border-left-green-800{border-left-color:#558b2f}.border-left-orange{border-left-color:#ff9800}.border-left-orange-300{border-left-color:#ffb74d}.border-left-orange-400{border-left-color:#ffa726}.border-left-orange-600{border-left-color:#fb8c00}.border-left-orange-700{border-left-color:#f57c00}.border-left-orange-800{border-left-color:#ef6c00}.border-left-brown{border-left-color:#795548}.border-left-brown-300{border-left-color:#a1887f}.border-left-brown-400{border-left-color:#8d6e63}.border-left-brown-600{border-left-color:#6d4c41}.border-left-brown-700{border-left-color:#5d4037}.border-left-brown-800{border-left-color:#4e342e}.border-left-grey{border-left-color:#777}.border-left-grey-300{border-left-color:#999}.border-left-grey-400{border-left-color:#888}.border-left-grey-600{border-left-color:#666}.border-left-grey-700{border-left-color:#555}.border-left-grey-800{border-left-color:#444}.border-left-slate{border-left-color:#607d8b}.border-left-slate-300{border-left-color:#90a4ae}.border-left-slate-400{border-left-color:#78909c}.border-left-slate-600{border-left-color:#546e7a}.border-left-slate-700{border-left-color:#455a64}.border-left-slate-800{border-left-color:#37474f}.border-left-white{border-left-color:#fff}.border-right-primary{border-right-color:#2196f3}.border-right-primary-300{border-right-color:#64b5f6}.border-right-primary-400{border-right-color:#42a5f5}.border-right-primary-600{border-right-color:#1e88e5}.border-right-primary-700{border-right-color:#1976d2}.border-right-primary-800{border-right-color:#1565c0}.border-right-danger{border-right-color:#f44336}.border-right-danger-300{border-right-color:#e57373}.border-right-danger-400{border-right-color:#ef5350}.border-right-danger-600{border-right-color:#e53935}.border-right-danger-700{border-right-color:#d32f2f}.border-right-danger-800{border-right-color:#c62828}.border-right-success{border-right-color:#4caf50}.border-right-success-300{border-right-color:#81c784}.border-right-success-400{border-right-color:#66bb6a}.border-right-success-600{border-right-color:#43a047}.border-right-success-700{border-right-color:#388e3c}.border-right-success-800{border-right-color:#2e7d32}.border-right-warning{border-right-color:#ff5722}.border-right-warning-300{border-right-color:#ff8a65}.border-right-warning-400{border-right-color:#ff7043}.border-right-warning-600{border-right-color:#f4511e}.border-right-warning-700{border-right-color:#e64a19}.border-right-warning-800{border-right-color:#d84315}.border-right-info{border-right-color:#00bcd4}.border-right-info-300{border-right-color:#4dd0e1}.border-right-info-400{border-right-color:#26c6da}.border-right-info-600{border-right-color:#00acc1}.border-right-info-700{border-right-color:#0097a7}.border-right-info-800{border-right-color:#00838f}.border-right-pink{border-right-color:#e91e63}.border-right-pink-300{border-right-color:#f06292}.border-right-pink-400{border-right-color:#ec407a}.border-right-pink-600{border-right-color:#d81b60}.border-right-pink-700{border-right-color:#c2185b}.border-right-pink-800{border-right-color:#ad1457}.border-right-violet{border-right-color:#9c27b0}.border-right-violet-300{border-right-color:#ba68c8}.border-right-violet-400{border-right-color:#ab47bc}.border-right-violet-600{border-right-color:#8e24aa}.border-right-violet-700{border-right-color:#7b1fa2}.border-right-violet-800{border-right-color:#6a1b9a}.border-right-purple{border-right-color:#673ab7}.border-right-purple-300{border-right-color:#9575cd}.border-right-purple-400{border-right-color:#7e57c2}.border-right-purple-600{border-right-color:#5e35b1}.border-right-purple-700{border-right-color:#512da8}.border-right-purple-800{border-right-color:#4527a0}.border-right-indigo{border-right-color:#3f51b5}.border-right-indigo-300{border-right-color:#7986cb}.border-right-indigo-400{border-right-color:#5c6bc0}.border-right-indigo-600{border-right-color:#3949ab}.border-right-indigo-700{border-right-color:#303f9f}.border-right-indigo-800{border-right-color:#283593}.border-right-blue{border-right-color:#03a9f4}.border-right-blue-300{border-right-color:#4fc3f7}.border-right-blue-400{border-right-color:#29b6f6}.border-right-blue-600{border-right-color:#039be5}.border-right-blue-700{border-right-color:#0288d1}.border-right-blue-800{border-right-color:#0277bd}.border-right-teal{border-right-color:#009688}.border-right-teal-300{border-right-color:#4db6ac}.border-right-teal-400{border-right-color:#26a69a}.border-right-teal-600{border-right-color:#00897b}.border-right-teal-700{border-right-color:#00796b}.border-right-teal-800{border-right-color:#00695c}.border-right-green{border-right-color:#8bc34a}.border-right-green-300{border-right-color:#aed581}.border-right-green-400{border-right-color:#9ccc65}.border-right-green-600{border-right-color:#7cb342}.border-right-green-700{border-right-color:#689f38}.border-right-green-800{border-right-color:#558b2f}.border-right-orange{border-right-color:#ff9800}.border-right-orange-300{border-right-color:#ffb74d}.border-right-orange-400{border-right-color:#ffa726}.border-right-orange-600{border-right-color:#fb8c00}.border-right-orange-700{border-right-color:#f57c00}.border-right-orange-800{border-right-color:#ef6c00}.border-right-brown{border-right-color:#795548}.border-right-brown-300{border-right-color:#a1887f}.border-right-brown-400{border-right-color:#8d6e63}.border-right-brown-600{border-right-color:#6d4c41}.border-right-brown-700{border-right-color:#5d4037}.border-right-brown-800{border-right-color:#4e342e}.border-right-grey{border-right-color:#777}.border-right-grey-300{border-right-color:#999}.border-right-grey-400{border-right-color:#888}.border-right-grey-600{border-right-color:#666}.border-right-grey-700{border-right-color:#555}.border-right-grey-800{border-right-color:#444}.border-right-slate{border-right-color:#607d8b}.border-right-slate-300{border-right-color:#90a4ae}.border-right-slate-400{border-right-color:#78909c}.border-right-slate-600{border-right-color:#546e7a}.border-right-slate-700{border-right-color:#455a64}.border-right-slate-800{border-right-color:#37474f}.border-right-white{border-right-color:#fff}.text-primary,.text-primary:focus,.text-primary:hover{color:#2196f3!important}.text-primary-300,.text-primary-300:focus,.text-primary-300:hover{color:#2196f3!important}.text-primary-400,.text-primary-400:focus,.text-primary-400:hover{color:#42a5f5!important}.text-primary-600,.text-primary-600:focus,.text-primary-600:hover{color:#1e88e5!important}.text-primary-700,.text-primary-700:focus,.text-primary-700:hover{color:#1976d2!important}.text-primary-800,.text-primary-800:focus,.text-primary-800:hover{color:#1565c0!important}.text-danger,.text-danger:focus,.text-danger:hover{color:#f44336!important}.text-danger-300,.text-danger-300:focus,.text-danger-300:hover{color:#e57373!important}.text-danger-400,.text-danger-400:focus,.text-danger-400:hover{color:#ef5350!important}.text-danger-600,.text-danger-600:focus,.text-danger-600:hover{color:#e53935!important}.text-danger-700,.text-danger-700:focus,.text-danger-700:hover{color:#d32f2f!important}.text-danger-800,.text-danger-800:focus,.text-danger-800:hover{color:#c62828!important}.text-success,.text-success:focus,.text-success:hover{color:#4caf50!important}.text-success-300,.text-success-300:focus,.text-success-300:hover{color:#81c784!important}.text-success-400,.text-success-400:focus,.text-success-400:hover{color:#66bb6a!important}.text-success-600,.text-success-600:focus,.text-success-600:hover{color:#43a047!important}.text-success-700,.text-success-700:focus,.text-success-700:hover{color:#388e3c!important}.text-success-800,.text-success-800:focus,.text-success-800:hover{color:#2e7d32!important}.text-warning,.text-warning:focus,.text-warning:hover{color:#ff5722!important}.text-warning-300,.text-warning-300:focus,.text-warning-300:hover{color:#ff8a65!important}.text-warning-400,.text-warning-400:focus,.text-warning-400:hover{color:#ff7043!important}.text-warning-600,.text-warning-600:focus,.text-warning-600:hover{color:#f4511e!important}.text-warning-700,.text-warning-700:focus,.text-warning-700:hover{color:#e64a19!important}.text-warning-800,.text-warning-800:focus,.text-warning-800:hover{color:#d84315!important}.text-info,.text-info:focus,.text-info:hover{color:#00bcd4!important}.text-info-300,.text-info-300:focus,.text-info-300:hover{color:#4dd0e1!important}.text-info-400,.text-info-400:focus,.text-info-400:hover{color:#26c6da!important}.text-info-600,.text-info-600:focus,.text-info-600:hover{color:#00acc1!important}.text-info-700,.text-info-700:focus,.text-info-700:hover{color:#0097a7!important}.text-info-800,.text-info-800:focus,.text-info-800:hover{color:#00838f!important}.text-pink,.text-pink:focus,.text-pink:hover{color:#e91e63!important}.text-pink-300,.text-pink-300:focus,.text-pink-300:hover{color:#f06292!important}.text-pink-400,.text-pink-400:focus,.text-pink-400:hover{color:#ec407a!important}.text-pink-600,.text-pink-600:focus,.text-pink-600:hover{color:#d81b60!important}.text-pink-700,.text-pink-700:focus,.text-pink-700:hover{color:#c2185b!important}.text-pink-800,.text-pink-800:focus,.text-pink-800:hover{color:#ad1457!important}.text-violet,.text-violet:focus,.text-violet:hover{color:#9c27b0!important}.text-violet-300,.text-violet-300:focus,.text-violet-300:hover{color:#ba68c8!important}.text-violet-400,.text-violet-400:focus,.text-violet-400:hover{color:#ab47bc!important}.text-violet-600,.text-violet-600:focus,.text-violet-600:hover{color:#8e24aa!important}.text-violet-700,.text-violet-700:focus,.text-violet-700:hover{color:#7b1fa2!important}.text-violet-800,.text-violet-800:focus,.text-violet-800:hover{color:#6a1b9a!important}.text-purple,.text-purple:focus,.text-purple:hover{color:#673ab7!important}.text-purple-300,.text-purple-300:focus,.text-purple-300:hover{color:#9575cd!important}.text-purple-400,.text-purple-400:focus,.text-purple-400:hover{color:#7e57c2!important}.text-purple-600,.text-purple-600:focus,.text-purple-600:hover{color:#5e35b1!important}.text-purple-700,.text-purple-700:focus,.text-purple-700:hover{color:#512da8!important}.text-purple-800,.text-purple-800:focus,.text-purple-800:hover{color:#4527a0!important}.text-indigo,.text-indigo:focus,.text-indigo:hover{color:#3f51b5!important}.text-indigo-300,.text-indigo-300:focus,.text-indigo-300:hover{color:#7986cb!important}.text-indigo-400,.text-indigo-400:focus,.text-indigo-400:hover{color:#5c6bc0!important}.text-indigo-600,.text-indigo-600:focus,.text-indigo-600:hover{color:#3949ab!important}.text-indigo-700,.text-indigo-700:focus,.text-indigo-700:hover{color:#303f9f!important}.text-indigo-800,.text-indigo-800:focus,.text-indigo-800:hover{color:#283593!important}.text-blue,.text-blue:focus,.text-blue:hover{color:#03a9f4!important}.text-blue-300,.text-blue-300:focus,.text-blue-300:hover{color:#4fc3f7!important}.text-blue-400,.text-blue-400:focus,.text-blue-400:hover{color:#29b6f6!important}.text-blue-600,.text-blue-600:focus,.text-blue-600:hover{color:#039be5!important}.text-blue-700,.text-blue-700:focus,.text-blue-700:hover{color:#0288d1!important}.text-blue-800,.text-blue-800:focus,.text-blue-800:hover{color:#0277bd!important}.text-teal,.text-teal:focus,.text-teal:hover{color:#009688!important}.text-teal-300,.text-teal-300:focus,.text-teal-300:hover{color:#4db6ac!important}.text-teal-400,.text-teal-400:focus,.text-teal-400:hover{color:#26a69a!important}.text-teal-600,.text-teal-600:focus,.text-teal-600:hover{color:#00897b!important}.text-teal-700,.text-teal-700:focus,.text-teal-700:hover{color:#00796b!important}.text-teal-800,.text-teal-800:focus,.text-teal-800:hover{color:#00695c!important}.text-green,.text-green:focus,.text-green:hover{color:#8bc34a!important}.text-green-300,.text-green-300:focus,.text-green-300:hover{color:#aed581!important}.text-green-400,.text-green-400:focus,.text-green-400:hover{color:#9ccc65!important}.text-green-600,.text-green-600:focus,.text-green-600:hover{color:#7cb342!important}.text-green-700,.text-green-700:focus,.text-green-700:hover{color:#689f38!important}.text-green-800,.text-green-800:focus,.text-green-800:hover{color:#558b2f!important}.text-orange,.text-orange:focus,.text-orange:hover{color:#ff9800!important}.text-orange-300,.text-orange-300:focus,.text-orange-300:hover{color:#ffb74d!important}.text-orange-400,.text-orange-400:focus,.text-orange-400:hover{color:#ffa726!important}.text-orange-600,.text-orange-600:focus,.text-orange-600:hover{color:#fb8c00!important}.text-orange-700,.text-orange-700:focus,.text-orange-700:hover{color:#f57c00!important}.text-orange-800,.text-orange-800:focus,.text-orange-800:hover{color:#ef6c00!important}.text-brown,.text-brown:focus,.text-brown:hover{color:#795548!important}.text-brown-300,.text-brown-300:focus,.text-brown-300:hover{color:#a1887f!important}.text-brown-400,.text-brown-400:focus,.text-brown-400:hover{color:#8d6e63!important}.text-brown-600,.text-brown-600:focus,.text-brown-600:hover{color:#6d4c41!important}.text-brown-700,.text-brown-700:focus,.text-brown-700:hover{color:#5d4037!important}.text-brown-800,.text-brown-800:focus,.text-brown-800:hover{color:#4e342e!important}.text-grey,.text-grey:focus,.text-grey:hover{color:#777!important}.text-grey-300,.text-grey-300:focus,.text-grey-300:hover{color:#999!important}.text-grey-400,.text-grey-400:focus,.text-grey-400:hover{color:#888!important}.text-grey-600,.text-grey-600:focus,.text-grey-600:hover{color:#666!important}.text-grey-700,.text-grey-700:focus,.text-grey-700:hover{color:#555!important}.text-grey-800,.text-grey-800:focus,.text-grey-800:hover{color:#444!important}.text-slate,.text-slate:focus,.text-slate:hover{color:#607d8b!important}.text-slate-300,.text-slate-300:focus,.text-slate-300:hover{color:#90a4ae!important}.text-slate-400,.text-slate-400:focus,.text-slate-400:hover{color:#78909c!important}.text-slate-600,.text-slate-600:focus,.text-slate-600:hover{color:#546e7a!important}.text-slate-700,.text-slate-700:focus,.text-slate-700:hover{color:#455a64!important}.text-slate-800,.text-slate-800:focus,.text-slate-800:hover{color:#37474f!important}.text-white,.text-white:focus,.text-white:hover{color:#fff!important}.text-default,.text-default:focus,.text-default:hover{color:#333!important}
/*#endregion*/
@media screen and (min-width:768px) {
    #stickie-area > li {
        display: inline-block;
        margin-bottom: 30px;
    }

    .stickie:before, .stickie:after {
        content: "";
        position: absolute;
        z-index: -2;
        bottom: 15px;
        left: 10px;
        width: 50%;
        height: 20%;
        max-width: 300px;
        -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
        -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
        box-shadow: 0 15px 10px rgba(0,0,0,0.4);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    .stickie:after {
        right: 10px;
        left: auto;
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    /*#region Use in ExpertoIn Member Profiles Screen*/
    #ProfileRightSide.both-side-full-width .stickie:hover {
        -webkit-transform: scale(2.05) translateX(50%) translateY(10%) !important;
        -moz-transform: scale(2.05) translateX(50%) translateY(10%) !important;
        transform: scale(2.05) translateX(50%) translateY(10%) !important;
    }

    #ProfileRightSide .stickie:hover {
        -webkit-transform: scale(3.05) translateX(-30%) translateY(0%) !important;
        -moz-transform: scale(3.05) translateX(-30%) translateY(0%) !important;
        transform: scale(3.05) translateX(-30%) translateY(0%) !important;
        overflow: visible;
        z-index: 50;
    }

        #ProfileRightSide.both-side-full-width .stickie:hover img, #ProfileRightSide .stickie:hover img {
            -webkit-transform: scale(1.2) translateX(0%) translateY(0%) !important;
            -moz-transform: scale(1.2) translateX(0%) translateY(0%) !important;
            transform: scale(1.2) translateX(0%) translateY(0%) !important;
        }

        #ProfileRightSide .stickie:hover .embed-responsive {
            border-radius: 6px;
        }
    /*#endregion*/

}

@media screen and (max-width:768px) {
    .header-cover .title-extra {
        font-size: 4em !important;
    }
}
#stickie-40x {
    background-color: #ffffa2;
    float: none;
    display: inline-block;
    text-align: center;
    width: auto;
    margin: 24px 0;
}

#stickie-area {
    margin-top: 12px;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

    #stickie-area > li {
        margin-bottom: 20px; /* float:none; */
        display: block;
        vertical-align: top;
    }

/*#stickie-area > li a {
            text-decoration: none;
            color: #000;
            background: #ffc;
            display: block;
            height: 10em;
            width: 10em;
            padding: 1em;
            -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
            -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
            box-shadow: 5px 5px 7px rgba(33,33,33,.7);
            -moz-transition: -moz-transform .15s linear;
            -o-transition: -o-transform .15s linear;
            -webkit-transition: -webkit-transform .15s linear;
        }

            #stickie-area > li a:hover, #stickie-area > li a:focus {
                -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
                -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
                box-shadow: 10px 10px 7px rgba(0,0,0,.7);
                -webkit-transform: scale(1.25);
                -moz-transform: scale(1.25);
                -o-transform: scale(1.25);
                position: relative;
                z-index: 5;
            }*/

/*#region stickie classes*/
.stickie {
    /*background: #ffffa2;*/
    position: relative;
    /*vertical-align: top;*/
    display: block;
    font-family: "McLaren",sans-serif;
    overflow: visible;
    /*padding: 24px 18px;*/
    word-wrap: break-word;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.1) inset;*/
    background-color: #2f2f2f;
    -moz-box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
    box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
    -moz-box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
    box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
    -webkit-border-radius: 2px 9px;
    border-radius: 2px 9px;
    background-image: linear-gradient(to bottom,#5d5e5e,#2f2f2f);
    transition: all .8s ease !important;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
}

    .stickie, .stickie:active, .stickie:hover, .stickie:visited, .stickie:focus {
        text-decoration: none;
        color: inherit;
        border-bottom: 0;
    }

        .stickie:hover {
            transition: all .8s ease !important;
            -moz-transition: all .8s ease !important;
            -webkit-transition: all .8s ease !important;
            overflow: hidden;
            z-index: 99999999;
            position: relative;
            padding: 0;
            align-self: center;
            top: 50%;
            border-radius: 6px;
            transform: scale(1.05) translateX(0%) translateY(0%);
            transition: transform .2s ease-in-out;
            animation: fade-in .35s ease-in forwards;
            overflow: visible;
        }

            .stickie:hover img {
                transition: all .8s ease !important;
                -moz-transition: all .8s ease !important;
                -webkit-transition: all .8s ease !important;
                transform: scale(1.5) translateX(0%) translateY(10%);
            }

            .stickie:hover .headline {
                opacity: 0.3;
            }

        .stickie img {
            transition: all .8s ease !important;
            -moz-transition: all .8s ease !important;
            -webkit-transition: all .8s ease !important;
            opacity: 0.6;
            /*-moz-box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
            -webkit-box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
            box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3), 0 0 10px rgba(0,0,0,0.1) inset;
            -webkit-box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
            -moz-box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
            box-shadow: 1px -3px 9px 4px rgba(27,26,26,.9);
            -webkit-border-radius: 2px 9px;
            border-radius: 2px 9px;
            background-image: linear-gradient(to bottom,#5d5e5e,#2f2f2f);*/
        }

        .stickie label {
            font-weight: normal;
        }

        .stickie .count {
            font-size: 90%;
            color: #816894;
            display: block;
        }

        .stickie .annotation {
            font-size: 75%;
            display: block;
            position: absolute;
            color: #f9f7fb;
            font-family: "McLaren",sans-serif;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            height: 1.5em;
        }

        .stickie .top-right {
            top: 0.2em;
            right: .6em;
            font-size: 0.6em;
            float: right;
            text-align: right;
            height: 2.8em;
        }

            .stickie .top-right .left {
                position: relative;
                padding-left: 1.25em;
                padding-bottom: 1em;
                float: left;
                padding-top: .4em;
            }

            .stickie .top-right .right {
                right: 15%;
                font-weight: 800;
                font-size: 1.5em;
            }

                .stickie .top-right .right .value {
                    text-align: center;
                    float: right;
                }

                .stickie .top-right .right .mbps {
                    display: block;
                    font-size: 0.6em;
                    text-transform: initial;
                    margin-top: 1.8em;
                    margin-left: 2.0em;
                    height: 2.0em;
                }

        .stickie .top-left {
            top: .1em;
            left: .5em;
            /*width: 75%;*/
            border-bottom: 2px solid #fff;
            text-align: left;
            margin: 0;
            display: table;
            padding-right: .25em;
            font-size: 0.8em;
        }

        .stickie .bottom-right {
            height: auto;
            right: .5em;
            bottom: .9em;
            width: 70%;
            text-align: right;
            color: #fff;
            font-weight: 800;
            font-size: 0.8em;
            position: absolute;
            z-index: 1;
            margin: .75em 0.3em 0.1em 1em;
            /*margin-left: 1em;
            margin-right: 0.3em;
            margin-top: .75em;
            margin-bottom: 0.1em;*/
        }

            .stickie .bottom-right .agile-team {
                font-size: 2.4em;
            }

        .stickie .bottom-left {
            height: auto;
            left: .5em;
            bottom: .9em;
            color: #ffce00;
            font-weight: 600;
            text-shadow: 1px 1px 1px #000;
        }

            .stickie .bottom-left .full-stack {
                font-size: 1.25em;
            }

        .stickie .new {
            color: #df5e0e;
        }

        .stickie .pinned {
            text-indent: -10000px;
            display: block;
            position: absolute;
            top: -4px;
            left: 135px;
            left: calc(50% - 5px);
            width: 10px;
            height: 10px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background: #df5e0e;
            -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
            -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
            box-shadow: 0 2px 2px rgba(0,0,0,0.2);
        }

        .stickie .headline {
            display: block;
            color: #fbfbfb;
            font-weight: 800;
            text-shadow: 6px 8px 9px #0d1419;
            font-family: "McLaren",sans-serif;
            text-transform: uppercase;
            overflow: visible;
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center;
            width: 100%;
            padding-top: 0.3em;
            padding-left: 1.8em;
            padding-right: 1.8em;
            right: 20%;
            object-fit: cover;
            z-index: 2;
            font-size: 1.8em;
            margin: 0;
            line-height: 0.6;
        }

        .stickie .headline-sub {
            font-size: 0.6em !important;
            text-transform: initial !important;
            margin-top: .2em !important;
            left: 35% !important;
            color: #fff !important;
            border-bottom: none !important;
            text-align: center !important;
        }

        .stickie .headline-timeZone {
            font-size: 0.7em !important;
            line-height: 1 !important;
            border-top: 2px dashed #f9ca03 !important;
            text-shadow: 6px -4px 9px #0c1217;
        }

        .stickie.grouped.under {
            position: absolute;
            top: -5px;
            left: 10px;
            right: 20px;
            bottom: 5px;
            z-index: -3;
            overflow: hidden;
            -moz-transition-duration: .1s;
            -o-transition-duration: .1s;
            -webkit-transition-duration: .1s;
            transition-duration: .1s;
            -moz-transition-property: top,left,bottom,right;
            -o-transition-property: top,left,bottom,right;
            -webkit-transition-property: top,left,bottom,right;
            transition-property: top,left,bottom,right;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

            .stickie.grouped.under:before, .stickie.grouped.under:after {
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .stickie.grouped.under .headline {
                display: block;
                overflow: hidden;
                position: absolute;
                top: 1.5em;
                bottom: 1.5em;
                left: 1.5em;
                right: 1.5em;
            }

#ProfileLeftSide .stickynotes ul li {
    list-style: disc !important;
}
/*#endregion*/

#getExpertoIns .stickie .headline {
    font-size: 1.1em !important;
    line-height: 0.9 !important;
}

/*#region iPads in landscape 1024 - 1139*/
@media only screen and (device-width : 1024px) {
    .stickie .headline {
        font-size: 1.3em !important;
    }

    .stickie .bottom-left .full-stack {
        font-size: 1.05em !important;
    }

    .stickie .bottom-right {
        font-size: 0.7em;
    }

        .stickie .bottom-right .agile-team {
            font-size: 1.6em !important;
        }
}

.no-touch li:hover > .stickie.grouped.under {
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -moz-transition-property: top,left,bottom,right;
    -o-transition-property: top,left,bottom,right;
    -webkit-transition-property: top,left,bottom,right;
    transition-property: top,left,bottom,right;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .no-touch li:hover > .stickie.grouped.under:nth-of-type(1) {
        top: -15px;
        left: 0;
        right: 30px;
        bottom: 15px;
    }

    .no-touch li:hover > .stickie.grouped.under:nth-of-type(2) {
        top: 15px;
        left: 30px;
        right: 0;
        bottom: -15px;
    }

    .no-touch li:hover > .stickie.grouped.under:nth-of-type(3) {
        top: -10px;
        left: 20px;
        right: 5px;
        bottom: 10px;
    }

    .no-touch li:hover > .stickie.grouped.under:nth-of-type(4) {
        top: 10px;
        left: 5px;
        right: 25px;
        bottom: -10px;
    }

    .no-touch li:hover > .stickie.grouped.under:nth-of-type(5) {
        top: -25px;
        left: 15px;
        right: 15px;
        bottom: 25px;
    }

.stickiead {
    padding: 0;
    text-align: center;
}

.stickie.special {
    background-color: #f6f6f6;
}

.stickie.org {
    background-color: #fff;
    text-align: center;
    font-family: "Fira Sans",arial,sans-serif;
}

    .stickie.org img {
        max-width: 100%;
        height: auto;
        max-height: 100px;
        padding-bottom: 5px;
    }

.stickie.announcement {
    background-color: #ffff2c;
}

.stickie .pstar {
    color: #df5e0e;
    cursor: pointer;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

    .stickie .pstar .fa-star-o {
        opacity: .1;
    }

.stickie:hover .pstar .fa-star-o {
    opacity: .3;
}

.stickie .pstar .fa-star-o:hover {
    opacity: 1;
}

.stickie .pstar .fa-spin {
    opacity: 1;
}

/*.stickynotes {
}*/

.stickynotes ul li {
    list-style: none;
}

.stickynotes ul {
    overflow: hidden;
    padding: 3em;
}

.stickynotes ul {
    text-decoration: none;
    color: #000;
    display: block;
    height: 10em;
    padding: 1em;
    -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear;
}

.stickynotes ul {
    margin: 1em;
    float: left;
}

    .stickynotes ul li h2 {
        font-size: 140%;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .stickynotes ul li span {
        font-family: "Reenie Beanie",arial,sans-serif;
        font-size: 160% !important;
    }

    .stickynotes ul li a {
        -webkit-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
    }

    .stickynotes ul li:nth-child(even) {
        -o-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        position: relative;
        top: 5px;
        background: #cfc;
    }

    .stickynotes ul li:nth-child(3n) {
        -o-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        position: relative;
        top: -5px;
        background: #ccf;
    }

    .stickynotes ul li:nth-child(5n) {
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        position: relative;
        top: -10px;
    }

    .stickynotes ul:hover, ul:focus {
        box-shadow: 10px 10px 7px rgba(0,0,0,.7);
        -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
        -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        position: relative;
        z-index: 5;
    }

.stickynotes ol {
    text-align: center;
}

    .stickynotes ol li {
        display: inline;
        padding-right: 1em;
    }

        .stickynotes ol li a {
            color: #fff;
        }

.pool-head-title {
    margin: 50px -60px;
    padding: 40px 60px;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    background-size: 250px, 250px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    background: url(/Content/portal/media/img/footer-bg.png),url(/Content/portal/media/img/footer-bg.png), #fff;
    background-repeat: no-repeat, no-repeat;
    background-position: left 30px top -120px, right 30px bottom -120px;
}

@media (max-width: 600px) {
    .pool-head-title {
        background-position: left -70px top -120px, right -70px bottom -120px;
        background-size: auto;
    }
}

@media only screen and (min-width : 738px) and (max-width : 999px) {
    .pool-head-title {
        background-position: left -70px top -120px, right -70px bottom -120px;
        margin-right: auto;
        margin-left: auto;
        -webkit-transform: none;
        transform: none;
        background-size: auto;
    }
}

@media (min-width: 1000px) {
    .pool-head-title {
        max-width: 70%;
        margin-right: auto;
        margin-left: auto;
        -webkit-transform: none;
        transform: none;
        border-radius: 7px;
        background-position: left -80px top -80px, right -80px bottom -80px;
    }
}

.pool-heading {
    background-color: rgb(21, 67, 146) !important;
    box-shadow: 0px 4px 9px 10px rgb(14, 48, 107);
    -webkit-border-radius: 2px 9px;
    border-radius: 2px 9px;
    text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.3);
}

#expertoInJoin.bg-section {
    background-color: #0c2a5f !important;
}

.bg-section .supportCall {
    background-color: #1f4a97 !important;
    box-shadow: 0px 4px 9px 13px rgb(11,36,80);
    -webkit-border-radius: 2px 9px;
    border-radius: 2px 9px;
}

.new-city-click {
    background: #fff !important;
    padding: 0 20px !important;
    display: inline-block;
    line-height: 42px;
    border-radius: 0 0 20px !important;
    font-weight: 700 !important;
    box-shadow: 3px 3px 5px 3px rgb(21, 20, 21);
    border: none !important;
    transition: all .8s ease !important;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
}

    .new-city-click:hover {
        transition: all .8s ease !important;
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease !important;
        transform: translateX(5%) translateY(0%);
    }

.bg-section .moreCity {
    background-color: #0c2a5f !important; /*#1f4a97 !important;*/
    -webkit-box-shadow: inset 0px 0px 66px 10px rgb(26, 80, 176);
    -moz-box-shadow: inset 0px 0px 66px 10px rgb(26, 80, 176);
    box-shadow: inset 0px 0px 66px 10px rgb(26, 80, 176);
    -webkit-border-radius: 2px 9px;
    border-radius: 2px 9px;
    background: url(/Content/portal/media/img/footer-bg.png),url(/Content/portal/media/img/footer-bg.png),#0b2451;
    background-repeat: no-repeat, no-repeat;
    background-position: left 30px top -120px, right 30px bottom -120px;
    -moz-transition: all .3s ease !important;
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
}


    .bg-section .moreCity .consult span {
        font-weight: 600;
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 96px;
        line-height: 6rem;
    }

@media only screen and (max-device-width : 460px) {
    .bg-section .moreCity .consult span {
        font-weight: 600;
        font-size: 24px;
        font-size: 1.75rem;
    }
}

.bg-section .moreCity p {
    font-size: 20px;
    font-size: 1.25em;
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 28px;
    -moz-transition: all .8s ease !important;
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;
    padding-bottom: 3em;
    text-shadow: 1px 3px 3px hsla(0, 0%, 0%, 0.6);
}

.bg-section .moreCity:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-filter: drop-shadow(0 0 1.2em #000000);
    -moz-filter: drop-shadow(0 0 1.2em #000000);
    -ms-filter: drop-shadow(0 0 1.2em #000000);
    filter: drop-shadow(0 0 1.2em #000000);
    -moz-transition: all .3s ease !important;
    -webkit-transition: all .3s ease !important;
    transition: all .3s ease !important;
}

    .bg-section .moreCity:hover p {
        -webkit-filter: blur(5.5px);
        -ms-filter: blur(5.5px);
        -moz-filter: blur(5.5px);
        -o-filter: blur(5.5px);
        -ms-filter: blur(5.5px);
        filter: blur(5.5px);
        opacity: 0.9;
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95);
        -moz-transition: all .8s ease !important;
        -webkit-transition: all .8s ease !important;
        transition: all .8s ease !important;
    }

    .bg-section .moreCity:hover a .btn, .moreCity:focus a .btn {
        -webkit-transform: translateX(5%) translateY(0%);
        -moz-transform: translateX(5%) translateY(0%);
        -o-transform: translateX(5%) translateY(0%);
        transform: translateX(5%) translateY(0%);
        -moz-transition: all .9s ease !important;
        -webkit-transition: all .9s ease !important;
        transition: all .9s ease !important;
    }

.header-cover .title-extra, .header-cover .sub-title {
    text-shadow: 0px 3px 1px rgb(208, 212, 219);
}

.header-cover .title-extra {
    color: rgb(28, 75, 149) !important;
    font-size: 3em;
    font-weight: 600;
    margin-bottom: 0.5em;
    padding: 0;
    text-align: center !important;
}

.header-cover .sub-title {
    color: rgb(26, 73, 157) !important;
    text-align: center !important;
    margin: 0 10px;
}

.header-cover p {
    color: rgb(0, 0, 0);
    font-size: 1.05em;
    line-height: 1.6em;
    text-shadow: 0px 3px 2px rgba(255, 255, 255, 0.3);
}


.header-cover .techBox ul li ul {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.90em;
    line-height: 1.2em;
}

.header-cover .techBox ul li div h3 {
    margin-top: 0;
    margin-bottom: 0.5em !important;
}

.header-cover .techBox ul li div p {
    margin-bottom: 2em;
}

/*
 * Utility Classes
 * -----------------------------------------------
*/

/* #region -------- Font Weight ---------- */
.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}
/* #endregion*/

/* #region -------- Font Size in px---------- */
.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 2rem !important;
}

.font-29 {
    font-size: 2.07142857rem !important;
}

.font-30 {
    font-size: 2.14285714rem !important;
}

.font-32 {
    font-size: 2.28571429rem !important;
}

.font-36 {
    font-size: 2.57142857rem !important;
}

.font-38 {
    font-size: 2.71428571rem !important;
}

.font-40 {
    font-size: 2.85714286rem !important;
}

.font-42 {
    font-size: 3rem !important;
}

.font-44 {
    font-size: 3.14285714rem !important;
}

.font-46 {
    font-size: 3.28571429rem !important;
}

.font-48 {
    font-size: 3.42857143rem !important;
}

.font-54 {
    font-size: 3.85714286rem !important;
}

.font-60 {
    font-size: 4.28571429rem !important;
}

.font-64 {
    font-size: 4.57142857rem !important;
}

.font-72 {
    font-size: 5.14285714rem !important;
}

.font-78 {
    font-size: 5.57142857rem !important;
}

.font-90 {
    font-size: 6.42857143rem !important;
}

.font-100 {
    font-size: 7.14285714rem !important;
}

.font-150 {
    font-size: 10.71428571rem !important;
}

.font-200 {
    font-size: 14.28571429rem !important;
}
/* #endregion*/

/* #region -------- Font Size in rem---------- */
.font-rem-1 {
    font-size: 1rem !important;
}

.font-rem-11 {
    font-size: 1.1rem !important;
}

.font-rem-12 {
    font-size: 1.2rem !important;
    line-height: 1.3333;
}

.font-rem-13 {
    font-size: 1.3rem !important;
    line-height: 1.3333;
}

.font-rem-14 {
    font-size: 1.4rem !important;
    line-height: 1.3333;
}

.font-rem-15 {
    font-size: 1.5rem !important;
    line-height: 1.3333;
}

.font-rem-16 {
    font-size: 1.6rem !important;
}

.font-rem-17 {
    font-size: 1.7rem !important;
}

.font-rem-18 {
    font-size: 1.8rem !important;
}

.font-rem-19 {
    font-size: 1.9rem !important;
}

.font-rem-2 {
    font-size: 2rem !important;
}

.font-rem-21 {
    font-size: 2.1rem !important;
}

.font-rem-22 {
    font-size: 2.2rem !important;
}

.font-rem-23 {
    font-size: 2.3rem !important;
}

.font-rem-24 {
    font-size: 2.4rem !important;
}

.font-rem-25 {
    font-size: 2.5rem !important;
}

.font-rem-26 {
    font-size: 2.6rem !important;
}

.font-rem-27 {
    font-size: 2.7rem !important;
}

.font-rem-28 {
    font-size: 2.8rem !important;
}

.font-rem-29 {
    font-size: 2.9rem !important;
}

.font-rem-3 {
    font-size: 3rem !important;
}

.font-rem-32 {
    font-size: 3.2rem !important;
}

.font-rem-36 {
    font-size: 3.6rem !important;
}

.font-rem-38 {
    font-size: 3.8rem !important;
}

.font-rem-4 {
    font-size: 4rem !important;
}

.font-rem-42 {
    font-size: 4.2rem !important;
}

.font-rem-44 {
    font-size: 4.4rem !important;
}

.font-rem-46 {
    font-size: 4.6rem !important;
}

.font-rem-48 {
    font-size: 4.8rem !important;
}

.font-rem-54 {
    font-size: 5.4rem !important;
}

.font-rem-5 {
    font-size: 5rem !important;
}

.font-rem-6 {
    font-size: 6rem !important;
}

.font-rem-64 {
    font-size: 6.4rem !important;
}

.font-rem-7 {
    font-size: 7rem !important;
}

.font-rem-72 {
    font-size: 7.2rem !important;
}

.font-rem-78 {
    font-size: 7.8rem !important;
}

.font-rem-9 {
    font-size: 9rem !important;
}

.font-rem-10 {
    font-size: 10rem !important;
}

.font-rem-20 {
    font-size: 20rem !important;
}
/* #endregion*/

/* #region -------- Letter Spacing ---------- */
.letter-space-0 {
    letter-spacing: 0px;
}

.letter-space-1 {
    letter-spacing: 1px;
}

.letter-space-2 {
    letter-spacing: 2px;
}

.letter-space-3 {
    letter-spacing: 3px;
}

.letter-space-4 {
    letter-spacing: 4px;
}

.letter-space-5 {
    letter-spacing: 5px;
}

.letter-space-6 {
    letter-spacing: 6px;
}

.letter-space-7 {
    letter-spacing: 7px;
}

.letter-space-8 {
    letter-spacing: 8px;
}

.letter-space-9 {
    letter-spacing: 9px;
}

.letter-space-10 {
    letter-spacing: 10px;
}
/* #endregion*/

/* #region -------- z-index ---------- */
.z-index--1 {
    z-index: -1 !important;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.z-index-4 {
    z-index: 4 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-99 {
    z-index: 99 !important;
}

.z-index-111 {
    z-index: 111 !important;
}

.z-index-1111 {
    z-index: 1111 !important;
}

.z-index-9999 {
    z-index: 9999 !important;
}
/* #endregion*/

/* #region -------- Line Height ---------- */
.line-height-0 {
    line-height: 0px;
}

.line-height-1 {
    line-height: 1;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-40 {
    line-height: 40px;
}

.line-height-50 {
    line-height: 50px;
}

.line-height-80 {
    line-height: 80px;
}

.line-height-100 {
    line-height: 100px;
}

.line-height-110 {
    line-height: 110px;
}

.line-height-120 {
    line-height: 120px;
}

.line-height-130 {
    line-height: 130px;
}

.line-height-150 {
    line-height: 150px;
}

.line-height-200 {
    line-height: 200px;
}

.line-height-1em {
    line-height: 18px;
    line-height: 1em;
}

.line-height-1-5em {
    line-height: 24px;
    line-height: 1.5rem;
}

.line-height-2em {
    line-height: 36px;
    line-height: 2em;
}

.line-height-2-5em {
    line-height: 2.5em;
}

.line-height-3em {
    line-height: 3em;
}

.line-height-1 {
    line-height: 1 !important;
}
/*  #endregion*/

/* #region -------- Border ---------- */
.no-border {
    border: none !important;
}

.border-1px {
    border: 1px solid #eeeeee !important;
}

.border-2px {
    border: 2px solid #eeeeee !important;
}

.border-3px {
    border: 3px solid #eeeeee !important;
}

.border-4px {
    border: 4px solid #eeeeee !important;
}

.border-5px {
    border: 5px solid #eeeeee !important;
}

.border-left {
    border-left: 1px solid #dcdcdc !important;
}

.border-right {
    border-right: 1px solid #dcdcdc !important;
}

.border-top {
    border-top: 1px solid #dcdcdc !important;
}

.border-bottom {
    border-bottom: 1px solid #eeeeee !important;
}

.border-bottom-2px {
    border-bottom: 2px solid #eeeeee !important;
}

.border-bottom-gray {
    border-bottom: 1px solid #d3d3d3 !important;
}

.border-gray {
    border-color: #eeeeee !important;
}
/* #endregion*/

/* #region -------- Border Radius ---------- */
.border-radius-0px {
    border-radius: 0px !important;
}

.border-radius-5px {
    border-radius: 5px;
}

.border-radius-10px {
    border-radius: 10px;
}

.border-radius-15px {
    border-radius: 15px;
}

.border-radius-20px {
    border-radius: 20px;
}

.border-radius-25px {
    border-radius: 25px;
}

.border-radius-30px {
    border-radius: 30px;
}

.border-radius-35px {
    border-radius: 35px;
}

.border-radius-40px {
    border-radius: 40px;
}

.border-radius-45px {
    border-radius: 45px;
}

.border-radius-50px {
    border-radius: 50px;
}

.bt-lr-0 {
    border-top-left-radius: 0% !important;
}

.bt-rr-0 {
    border-top-right-radius: 0% !important;
}

.bb-lr-0 {
    border-bottom-left-radius: 0% !important;
}

.bb-rr-0 {
    border-bottom-right-radius: 0% !important;
}

.bt-lr-3 {
    border-top-left-radius: 3%;
}

.bt-lr-6 {
    border-top-left-radius: 6%;
}

.bt-lr-9 {
    border-top-left-radius: 9%;
}

.bt-lr-12 {
    border-top-left-radius: 12%;
}

.bt-rr-3 {
    border-top-right-radius: 3%;
}

.bt-rr-6 {
    border-top-right-radius: 6%;
}

.bt-rr-9 {
    border-top-right-radius: 9%;
}

.bt-rr-12 {
    border-top-right-radius: 12%;
}

.bb-lr-3 {
    border-bottom-left-radius: 3%;
}

.bb-lr-6 {
    border-bottom-left-radius: 6%;
}

.bb-lr-9 {
    border-bottom-left-radius: 9%;
}

.bb-lr-12 {
    border-bottom-left-radius: 12%;
}

.bb-rr-3 {
    border-bottom-right-radius: 3%;
}

.bb-rr-6 {
    border-bottom-right-radius: 6%;
}

.bb-rr-9 {
    border-bottom-right-radius: 9%;
}

.bb-rr-12 {
    border-bottom-right-radius: 12%;
}

.bt-lrr-3 {
    border-top-left-radius: 3%;
    border-top-right-radius: 3%;
}

.bt-lrr-6 {
    border-top-left-radius: 6%;
    border-top-right-radius: 6%;
}

.bt-lrr-9 {
    border-top-left-radius: 9%;
    border-top-right-radius: 9%;
}

.bt-lrr-12 {
    border-top-left-radius: 12%;
    border-top-right-radius: 12%;
}

.bb-lrr-3 {
    border-bottom-left-radius: 3%;
    border-bottom-right-radius: 3%;
}

.bb-lrr-6 {
    border-bottom-left-radius: 6%;
    border-bottom-right-radius: 6%;
}

.bb-lrr-9 {
    border-bottom-left-radius: 9%;
    border-bottom-right-radius: 12%;
}

.bb-lrr-12 {
    border-bottom-left-radius: 12%;
    border-bottom-right-radius: 12%;
}

.bb-all-3 {
    border-radius: 3%;
}

.bb-all-6 {
    border-radius: 6%;
}

.bb-all-9 {
    border-radius: 9%;
}

.bb-all-12 {
    border-radius: 12%;
}
/* #endregion*/

/* #region -------- Position ---------- */
.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.absolute-inherit {
    position: inherit !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-static {
    position: static !important;
}

.position-fixed {
    position: fixed !important;
}

.position-inherit {
    position: inherit !important;
}

.position-unset {
    position: unset !important;
}
/* #endregion*/

/* #region -------- Background Image ---------- */
.no-bg {
    background: none !important;
}

.bg-no-repeat {
    background-repeat: no-repeat !important;
}

.bg-img-fixed {
    background-attachment: fixed !important;
}

.bg-img-cover {
    background-size: cover !important;
}

.bg-img-center-bottom {
    background-position: center bottom !important;
}

.bg-img-center {
    background-position: center center !important;
}

.bg-img-left-bottom {
    background-repeat: no-repeat;
    background-position: left bottom;
}

.bg-img-right-top {
    background-repeat: no-repeat;
    background-position: right top;
}

.bg-img-left-top {
    background-repeat: no-repeat;
    background-position: left top;
}

.img-fullwidth {
    width: 100% !important;
}
/* #endregion*/

/* #region -------- Absolute Image Positioning ---------- */
.overflow-visible {
    overflow: visible !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.box-absolute {
    position: absolute !important;
}

.img-absolute-parent {
    position: relative !important;
}

    .img-absolute-parent img.img-absolute {
        position: absolute !important;
    }

    .img-absolute-parent img.img-pos-left {
        left: 0 !important;
    }

    .img-absolute-parent img.img-pos-top {
        top: 0 !important;
    }

    .img-absolute-parent img.img-pos-bottom {
        bottom: 0 !important;
    }

    .img-absolute-parent img.img-pos-right {
        right: 0 !important;
    }

    .img-absolute-parent img.img-pos-center {
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
    }
/* #endregion*/

/* #region -------- Responsive Classes ---------- */
/* Small Devices, Tablets */
@media only screen and (max-width: 991px) {
    .sm-display-block {
        display: block !important;
    }

    .sm-text-center {
        text-align: center !important;
    }

    .sm-text-right {
        text-align: right !important;
    }

    .sm-text-left {
        text-align: left !important;
    }

    .sm-text-justify {
        text-align: justify !important;
    }

    .sm-pull-none,
    .pull-left.flip.sm-pull-none,
    .pull-right.flip.sm-pull-none {
        float: none !important;
    }

    .sm-pull-left {
        float: left !important;
    }

    .sm-pull-right {
        float: right !important;
    }

    .sm-fullwidth {
        width: 100%;
    }

    .sm-height-auto {
        min-height: auto !important;
    }

    .sm-hide-bg-img {
        background: none !important;
    }

    .maxwidth400 {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
    }

    .maxwidth500 {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }

    .maxwidth600 {
        margin-left: auto;
        margin-right: auto;
        max-width: 600px;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
    .xs-display-block {
        display: block;
    }

    .xs-text-center {
        text-align: center !important;
    }

    .xs-text-right {
        text-align: right !important;
    }

    .xs-text-left {
        text-align: left !important;
    }

    .xs-fullwidth {
        width: 100%;
    }

    .xs-height-auto {
        min-height: auto !important;
    }

    .xs-hide-bg-img {
        background: none !important;
    }

    .xs-pull-none {
        float: none !important;
    }

    .xs-pull-left {
        float: left !important;
    }

    .xs-pull-right {
        float: right !important;
    }

    .xs-pull-center {
        display: table;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .xs-list-inline-none li {
        display: table;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px !important;
        padding-left: 0 !important;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {
    .xxs-text-center {
        text-align: center;
    }

    .xxs-height-auto {
        min-height: auto !important;
    }
}
/* -------- Multi Row Clearfix ---------- */
.multi-row-clearfix .col-xs-6:nth-child(2n + 3) {
    clear: left;
}

.multi-row-clearfix .col-xs-4:nth-child(3n + 4) {
    clear: left;
}

.multi-row-clearfix .col-xs-3:nth-child(4n + 5) {
    clear: left;
}

.multi-row-clearfix .col-xs-2:nth-child(6n + 7) {
    clear: left;
}

.multi-row-clearfix .col-xs-1:nth-child(12n + 13) {
    clear: left;
}

@media (min-width: 768px) {
    /* reset previous grid */
    .multi-row-clearfix .col-xs-6:nth-child(2n + 3) {
        clear: none;
    }

    .multi-row-clearfix .col-xs-4:nth-child(3n + 4) {
        clear: none;
    }

    .multi-row-clearfix .col-xs-3:nth-child(4n + 5) {
        clear: none;
    }

    .multi-row-clearfix .col-xs-2:nth-child(6n + 7) {
        clear: none;
    }

    .multi-row-clearfix .col-xs-1:nth-child(12n + 13) {
        clear: none;
    }
    /* clear first in row for small columns */
    .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {
        clear: left;
    }

    .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {
        clear: left;
    }

    .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {
        clear: left;
    }

    .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {
        clear: left;
    }

    .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {
        clear: left;
    }
}

@media (min-width: 992px) {
    /* reset previous grid */
    .multi-row-clearfix .col-sm-6:nth-child(2n + 3) {
        clear: none;
    }

    .multi-row-clearfix .col-sm-4:nth-child(3n + 4) {
        clear: none;
    }

    .multi-row-clearfix .col-sm-3:nth-child(4n + 5) {
        clear: none;
    }

    .multi-row-clearfix .col-sm-2:nth-child(6n + 7) {
        clear: none;
    }

    .multi-row-clearfix .col-sm-1:nth-child(12n + 13) {
        clear: none;
    }
    /* clear first in row for medium columns */
    .multi-row-clearfix .col-md-6:nth-child(2n + 3) {
        clear: left;
    }

    .multi-row-clearfix .col-md-4:nth-child(3n + 4) {
        clear: left;
    }

    .multi-row-clearfix .col-md-3:nth-child(4n + 5) {
        clear: left;
    }

    .multi-row-clearfix .col-md-2:nth-child(6n + 7) {
        clear: left;
    }

    .multi-row-clearfix .col-md-1:nth-child(12n + 13) {
        clear: left;
    }
}

@media (min-width: 1200px) {
    /* reset previous grid */
    .multi-row-clearfix .col-md-6:nth-child(2n + 3) {
        clear: none;
    }

    .multi-row-clearfix .col-md-4:nth-child(3n + 4) {
        clear: none;
    }

    .multi-row-clearfix .col-md-3:nth-child(4n + 5) {
        clear: none;
    }

    .multi-row-clearfix .col-md-2:nth-child(6n + 7) {
        clear: none;
    }

    .multi-row-clearfix .col-md-1:nth-child(12n + 13) {
        clear: none;
    }
    /* clear first in row for large columns */
    .multi-row-clearfix .col-lg-6:nth-child(2n + 3) {
        clear: left;
    }

    .multi-row-clearfix .col-lg-4:nth-child(3n + 4) {
        clear: left;
    }

    .multi-row-clearfix .col-lg-3:nth-child(4n + 5) {
        clear: left;
    }

    .multi-row-clearfix .col-lg-2:nth-child(6n + 7) {
        clear: left;
    }

    .multi-row-clearfix .col-lg-1:nth-child(12n + 13) {
        clear: left;
    }
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
/* #endregion*/

/*#region More Utility classes - Added by ExpertoIn*/
/* #region transform scale*/
.trans-scale-0-85 {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
}

.trans-scale-0-95 {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.trans-scale-1 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.trans-scale-1-25 {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}

.trans-scale-1-5 {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

@media screen and (max-width: 768px) {
    .trans-scale {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (min-width: 770px) {
    .trans-scale {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
    }
}
/* #endregion*/

.list-unstyled li > .list-unstyled {
    margin-left: 25px;
}

code {
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

.disabled-link .disable-target, .disabled-link.disable-target {
    opacity: .6 !important;
    filter: alpha(opacity=60) !important;
}

    .disabled-link .disable-target:hover, .disabled-link.disable-target:hover, .disabled-link:hover {
        cursor: not-allowed !important;
    }

.rounded-2 {
    border-radius: 2px !important;
}

.rounded-3 {
    border-radius: 3px !important;
}

.rounded-4 {
    border-radius: 4px !important;
}

.circle {
    border-radius: 25px !important;
}

.circle-right {
    border-radius: 0 25px 25px 0 !important;
}

.circle-left {
    border-radius: 25px 0 0 25px !important;
}

.circle-bottom {
    border-radius: 0 0 25px 25px !important;
}

.circle-top {
    border-radius: 25px 25px 0 0 !important;
}

.rounded {
    border-radius: 50% !important;
}

.display-hide, .display-none {
    display: none;
}

.display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.display-grid {
    display: -webkit-box !important;
    display: -ms-grid !important;
    display: grid !important;
}

.flex-row {
    flex-direction: row !important;
}

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

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

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

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

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

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

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

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.hidden {
    display: none !important;
}

.bold {
    font-weight: 700 !important;
}

.sbold {
    font-weight: 600 !important;
}

.thin {
    font-weight: 500 !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.fix-margin {
    margin-left: 0 !important;
}

.border {
    border: 1px solid red;
}

.font-hg {
    font-size: 23px !important;
}

.font-lg {
    font-size: 18px !important;
}

.font-md {
    font-size: 14px !important;
}

.font-sm {
    font-size: 13px !important;
}

.font-xs {
    font-size: 11px !important;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.text-align-reverse {
    text-align: right;
}

.no-space {
    margin: 0 !important;
    padding: 0 !important;
}

.no-margin {
    margin: 0;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-bofttom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.visible-ie8 {
    display: none;
}

.ie8 .visible-ie8 {
    display: inherit !important;
}

.visible-ie9 {
    display: none;
}

.ie9 .visible-ie9 {
    display: inherit !important;
}

.hidden-ie8 {
    display: inherit;
}

.ie8 .hidden-ie8 {
    display: none !important;
}

.hidden-ie9 {
    display: inherit;
}

.ie9 .hidden-ie9 {
    display: none !important;
}

@media (max-width:1024px) {
    .hidden-1024 {
        display: none;
    }
}

@media (max-width:480px) {
    .hidden-480 {
        display: none;
    }
}

@media (max-width:320px) {
    .hidden-320 {
        display: none;
    }
}

.bigger-110 {
    font-size: 110% !important;
}

.bigger-120 {
    font-size: 120% !important;
}

.bigger-130 {
    font-size: 130% !important;
}

.bigger-140 {
    font-size: 140% !important;
}

.bigger-150 {
    font-size: 150% !important;
}

.bigger-160 {
    font-size: 160% !important;
}

.bigger-170 {
    font-size: 170% !important;
}

.bigger-180 {
    font-size: 180% !important;
}

.bigger-190 {
    font-size: 190% !important;
}

.bigger-200 {
    font-size: 200% !important;
}

.bigger-210 {
    font-size: 210% !important;
}

.bigger-220 {
    font-size: 220% !important;
}

.bigger-230 {
    font-size: 230% !important;
}

.bigger-240 {
    font-size: 240% !important;
}

.bigger-250 {
    font-size: 250% !important;
}

.bigger-260 {
    font-size: 260% !important;
}

.bigger-270 {
    font-size: 270% !important;
}

.bigger-280 {
    font-size: 280% !important;
}

.bigger-290 {
    font-size: 290% !important;
}

.bigger-300 {
    font-size: 300% !important;
}

.bigger-115 {
    font-size: 115% !important;
}

.bigger-125 {
    font-size: 125% !important;
}

.bigger-175 {
    font-size: 175% !important;
}

.bigger-225 {
    font-size: 225% !important;
}

.bigger-275 {
    font-size: 275% !important;
}

.smaller-90 {
    font-size: 90% !important;
}

.smaller-80 {
    font-size: 80% !important;
}

.smaller-70 {
    font-size: 70% !important;
}

.smaller-60 {
    font-size: 60% !important;
}

.smaller-50 {
    font-size: 50% !important;
}

.smaller-40 {
    font-size: 40% !important;
}

.smaller-30 {
    font-size: 30% !important;
}

.smaller-20 {
    font-size: 20% !important;
}

.smaller-75 {
    font-size: 75% !important;
}

.width-20 {
    width: 20% !important;
}

.width-30 {
    width: 30% !important;
}

.width-35 {
    width: 35% !important;
}

.width-40 {
    width: 40% !important;
}

.width-45 {
    width: 45% !important;
}

.width-50 {
    width: 50% !important;
}

.width-55 {
    width: 55% !important;
}

.width-60 {
    width: 60% !important;
}

.width-65 {
    width: 65% !important;
}

.width-70 {
    width: 70% !important;
}

.width-80 {
    width: 80% !important;
}

.width-85 {
    width: 85% !important;
}

.width-90 {
    width: 90% !important;
}

.width-95 {
    width: 95% !important;
}

.width-100 {
    width: 100% !important;
}

.width-75 {
    width: 75% !important;
}

.width-25 {
    width: 25% !important;
}

.width-auto {
    width: auto !important;
}

.height-auto {
    height: auto !important;
}

.no-padding {
    padding: 0 !important;
}

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

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-border {
    border-width: 0;
}

.no-border-bottom {
    border-bottom-width: 0;
}

.no-border-top {
    border-top-width: 0;
}

.no-border-left {
    border-left-width: 0;
}

.no-border-right {
    border-right-width: 0;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-scroll {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.no-text-shadow {
    text-shadow: none !important;
}

.hr {
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
    border-width: 1px 0 0;
    border-top: 1px solid #E3E3E3;
}
/*#endregion*/

/*#region Margin & Padding Added by ExpertoIn*/
/* 
 * Table of Contents:
 * 0.1 -> Basic Top
 * 0.2 -> Basic Top in percentage
 * 1   -> Basic margin padding
 * 1.1 -> Basic Margin
 * 1.2 -> Basic Padding
 * 1.3 -> Margin top
 * 1.4 -> Margin right
 * 1.5 -> Margin bottom
 * 1.6 -> Margin left
 * 1.7 -> Padding top
 * 1.8 -> Padding right
 * 1.9 -> Padding bottom
 * 1.10 -> Padding left
 * 2 -> lg: min-width:1200px
 * 3 -> md: max-width:1199px
 * 4 -> sm: max-width:991px
 * 5 -> xs: max-width 767px
 * 6 -> xxs: max-width 479px
 * ===============================================
 * min even, max odd*/

/*#region
 * 0.1 -> Basic Top
 * -----------------------------------------------
*/
.t-5 {
    top: 5px !important;
}

.t-10 {
    top: 10px !important;
}

.t-15 {
    top: 15px !important;
}

.t-20 {
    top: 20px !important;
}

.t-30 {
    top: 30px !important;
}

.t-40 {
    top: 40px !important;
}

.t-50 {
    top: 50px !important;
}

.t-60 {
    top: 60px !important;
}

.t-70 {
    top: 70px !important;
}

.t-80 {
    top: 80px !important;
}

.t-90 {
    top: 90px !important;
}

.t-100 {
    top: 100px !important;
}

.t-110 {
    top: 110px !important;
}

.t-120 {
    top: 120px !important;
}

.t-130 {
    top: 130px !important;
}

.t-140 {
    top: 140px !important;
}

.t-150 {
    top: 150px !important;
}

.t-160 {
    top: 160px !important;
}

.t-170 {
    top: 170px !important;
}

.t-180 {
    top: 180px !important;
}

.t-190 {
    top: 190px !important;
}

.t-200 {
    top: 200px !important;
}
/*#endregion*/


/*#region
 * 0.1 -> Basic Top in percentage
 * -----------------------------------------------
*/
.tp-5 {
    top: 5% !important;
}

.tp-10 {
    top: 10% !important;
}

.tp-15 {
    top: 15% !important;
}

.tp-20 {
    top: 20% !important;
}

.tp-25 {
    top: 25% !important;
}

.tp-30 {
    top: 30% !important;
}

.tp-35 {
    top: 35% !important;
}

.tp-40 {
    top: 40% !important;
}

.tp-45 {
    top: 45% !important;
}

.tp-50 {
    top: 50% !important;
}

.tp-55 {
    top: 55% !important;
}

.tp-60 {
    top: 60% !important;
}
/*#endregion*/


/*#region
 * 1.1 -> Basic Margin
 * -----------------------------------------------
*/
.m-0 {
    margin: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-50 {
    margin: 50px !important;
}

.m-60 {
    margin: 60px !important;
}

.m-70 {
    margin: 70px !important;
}

.m-80 {
    margin: 80px !important;
}

.m-90 {
    margin: 90px !important;
}

.m-100 {
    margin: 100px !important;
}

.m-110 {
    margin: 110px !important;
}

.m-120 {
    margin: 120px !important;
}

.m-130 {
    margin: 130px !important;
}

.m-140 {
    margin: 140px !important;
}

.m-150 {
    margin: 150px !important;
}

.m-160 {
    margin: 160px !important;
}

.m-170 {
    margin: 170px !important;
}

.m-180 {
    margin: 180px !important;
}

.m-190 {
    margin: 190px !important;
}

.m-200 {
    margin: 200px !important;
}
/*#endregion*/


/*#region
 * 1.1.1 -> Basic Margin Percentage
 * -----------------------------------------------
*/
.mp-1 {
    margin: 1% !important;
}

.mp-2 {
    margin: 2% !important;
}

.mp-3 {
    margin: 3% !important;
}

.mp-4 {
    margin: 4% !important;
}

.mp-5 {
    margin: 5% !important;
}

.mp-10 {
    margin: 10% !important;
}

.mp-15 {
    margin: 15% !important;
}

/*#endregion*/


/*#region
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-50 {
    padding: 50px !important;
}

.p-60 {
    padding: 60px !important;
}

.p-70 {
    padding: 70px !important;
}

.p-80 {
    padding: 80px !important;
}

.p-90 {
    padding: 90px !important;
}

.p-100 {
    padding: 100px !important;
}

.p-110 {
    padding: 110px !important;
}

.p-120 {
    padding: 120px !important;
}

.p-130 {
    padding: 130px !important;
}

.p-140 {
    padding: 140px !important;
}

.p-150 {
    padding: 150px !important;
}

.p-160 {
    padding: 160px !important;
}

.p-170 {
    padding: 170px !important;
}

.p-180 {
    padding: 180px !important;
}

.p-190 {
    padding: 190px !important;
}

.p-200 {
    padding: 200px !important;
}
/*#endregion*/


/*#region
 * 1.2.1 -> Basic Padding Percentage
 * -----------------------------------------------
*/
.pp-1 {
    padding: 1% !important;
}

.pp-2 {
    padding: 2% !important;
}

.pp-3 {
    padding: 3% !important;
}

.pp-4 {
    padding: 4% !important;
}

.pp-5 {
    padding: 5% !important;
}

.pp-10 {
    padding: 10% !important;
}

.pp-15 {
    padding: 15% !important;
}

/*#endregion*/


/*#region
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {
    margin-top: 0 !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-110 {
    margin-top: 110px !important;
}

.mt-120 {
    margin-top: 120px !important;
}

.mt-130 {
    margin-top: 130px !important;
}

.mt-140 {
    margin-top: 140px !important;
}

.mt-150 {
    margin-top: 150px !important;
}

.mt-160 {
    margin-top: 160px !important;
}

.mt-170 {
    margin-top: 170px !important;
}

.mt-180 {
    margin-top: 180px !important;
}

.mt-190 {
    margin-top: 190px !important;
}

.mt-200 {
    margin-top: 200px !important;
}
/*#endregion*/


/*#region
 * 1.3.1 -> Margin top negative
 * -----------------------------------------------
*/
.mtn-5 {
    margin-top: -5px !important;
}

.mtn-10 {
    margin-top: -10px !important;
}

.mtn-15 {
    margin-top: -15px !important;
}

.mtn-20 {
    margin-top: -20px !important;
}

.mtn-30 {
    margin-top: -30px !important;
}

.mtn-40 {
    margin-top: -40px !important;
}

.mtn-50 {
    margin-top: -50px !important;
}

.mtn-60 {
    margin-top: -60px !important;
}

.mtn-70 {
    margin-top: -70px !important;
}

.mtn-80 {
    margin-top: -80px !important;
}

.mtn-90 {
    margin-top: -90px !important;
}

.mtn-100 {
    margin-top: -100px !important;
}

.mtn-110 {
    margin-top: -110px !important;
}

.mtn-120 {
    margin-top: -120px !important;
}

.mtn-130 {
    margin-top: -130px !important;
}

.mtn-140 {
    margin-top: -140px !important;
}

.mtn-150 {
    margin-top: -150px !important;
}

.mtn-160 {
    margin-top: -160px !important;
}

.mtn-170 {
    margin-top: -170px !important;
}

.mtn-180 {
    margin-top: -180px !important;
}

.mtn-190 {
    margin-top: -190px !important;
}

.mtn-200 {
    margin-top: -200px !important;
}
/*#endregion*/


/*#region
 * 1.3.2 -> Margin top in percentage
 * -----------------------------------------------
*/
.mtp-2 {
    margin-top: 2% !important;
}

.mtp-3 {
    margin-top: 3% !important;
}

.mtp-4 {
    margin-top: 4% !important;
}

.mtp-5 {
    margin-top: 5% !important;
}

.mtp-6 {
    margin-top: 6% !important;
}

.mtp-7 {
    margin-top: 7% !important;
}

.mtp-8 {
    margin-top: 8% !important;
}

.mtp-9 {
    margin-top: 9% !important;
}

.mtp-10 {
    margin-top: 10% !important;
}

.mtp-15 {
    margin-top: 15% !important;
}

.mtp-20 {
    margin-top: 20% !important;
}

.mtp-30 {
    margin-top: 30% !important;
}

.mtp-40 {
    margin-top: 40% !important;
}

.mtp-50 {
    margin-top: 50% !important;
}

.mtp-60 {
    margin-top: 60% !important;
}

.mtp-70 {
    margin-top: 70% !important;
}

.mtp-80 {
    margin-top: 80% !important;
}

.mtp-90 {
    margin-top: 90% !important;
}

.mtp-100 {
    margin-top: -100% !important;
}
/*#endregion*/


/*#region
 * 1.3.3 -> Margin top negative in percentage
 * -----------------------------------------------
*/
.mtnp-2 {
    margin-top: -2% !important;
}

.mtnp-3 {
    margin-top: -3% !important;
}

.mtnp-4 {
    margin-top: -4% !important;
}

.mtnp-5 {
    margin-top: -5% !important;
}

.mtnp-10 {
    margin-top: -10% !important;
}

.mtnp-15 {
    margin-top: -15% !important;
}

.mtnp-20 {
    margin-top: -20% !important;
}

.mtnp-30 {
    margin-top: -30% !important;
}

.mtnp-40 {
    margin-top: -40% !important;
}

.mtnp-50 {
    margin-top: -50% !important;
}

.mtnp-60 {
    margin-top: -60% !important;
}

.mtnp-70 {
    margin-top: -70% !important;
}

.mtnp-80 {
    margin-top: -80% !important;
}

.mtnp-90 {
    margin-top: -90% !important;
}

.mtnp-100 {
    margin-top: -100% !important;
}
/*#endregion*/


/*#region
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mr-110 {
    margin-right: 110px !important;
}

.mr-120 {
    margin-right: 120px !important;
}

.mr-130 {
    margin-right: 130px !important;
}

.mr-140 {
    margin-right: 140px !important;
}

.mr-150 {
    margin-right: 150px !important;
}

.mr-160 {
    margin-right: 160px !important;
}

.mr-170 {
    margin-right: 170px !important;
}

.mr-180 {
    margin-right: 180px !important;
}

.mr-190 {
    margin-right: 190px !important;
}

.mr-200 {
    margin-right: 200px !important;
}
/*#endregion*/


/*#region
 * 1.4.1 -> Margin right negative
 * -----------------------------------------------
*/
.mrn-1 {
    margin-right: -1px !important;
}

.mrn-2 {
    margin-right: -2px !important;
}

.mrn-3 {
    margin-right: -3px !important;
}

.mrn-4 {
    margin-right: -4px !important;
}

.mrn-5 {
    margin-right: -5px !important;
}

.mrn-6 {
    margin-right: -6px !important;
}

.mrn-7 {
    margin-right: -7px !important;
}

.mrn-8 {
    margin-right: -8px !important;
}

.mrn-9 {
    margin-right: -9px !important;
}

.mrn-10 {
    margin-right: -10px !important;
}

.mrn-15 {
    margin-right: -15px !important;
}

.mrn-20 {
    margin-right: -20px !important;
}
/*#endregion*/


/*#region
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-110 {
    margin-bottom: 110px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.mb-130 {
    margin-bottom: 130px !important;
}

.mb-140 {
    margin-bottom: 140px !important;
}

.mb-150 {
    margin-bottom: 150px !important;
}

.mb-160 {
    margin-bottom: 160px !important;
}

.mb-170 {
    margin-bottom: 170px !important;
}

.mb-180 {
    margin-bottom: 180px !important;
}

.mb-190 {
    margin-bottom: 190px !important;
}

.mb-200 {
    margin-bottom: 200px !important;
}
/*#endregion*/


/*#region
 * 1.4.1 -> Margin bottom negative
 * -----------------------------------------------
*/
.mln-1 {
    margin-left: -1px !important;
}

.mln-2 {
    margin-left: -2px !important;
}

.mln-3 {
    margin-left: -3px !important;
}

.mln-4 {
    margin-left: -4px !important;
}

.mln-5 {
    margin-left: -5px !important;
}

.mln-6 {
    margin-left: -6px !important;
}

.mln-7 {
    margin-left: -7px !important;
}

.mln-8 {
    margin-left: -8px !important;
}

.mln-9 {
    margin-left: -9px !important;
}

.mln-10 {
    margin-left: -10px !important;
}

.mln-15 {
    margin-left: -15px !important;
}

.mln-20 {
    margin-left: -20px !important;
}
/*#endregion*/


/*#region
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-110 {
    margin-left: 110px !important;
}

.ml-120 {
    margin-left: 120px !important;
}

.ml-130 {
    margin-left: 130px !important;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-150 {
    margin-left: 150px !important;
}

.ml-160 {
    margin-left: 160px !important;
}

.ml-170 {
    margin-left: 170px !important;
}

.ml-180 {
    margin-left: 180px !important;
}

.ml-190 {
    margin-left: 190px !important;
}

.ml-200 {
    margin-left: 200px !important;
}
/*#endregion*/


/*#region
 * 1.4.1 -> Margin left negative
 * -----------------------------------------------
*/
.mbn-1 {
    margin-bottom: -1px !important;
}

.mbn-2 {
    margin-bottom: -2px !important;
}

.mbn-3 {
    margin-bottom: -3px !important;
}

.mbn-4 {
    margin-bottom: -4px !important;
}

.mbn-5 {
    margin-bottom: -5px !important;
}

.mbn-6 {
    margin-bottom: -6px !important;
}

.mbn-7 {
    margin-bottom: -7px !important;
}

.mbn-8 {
    margin-bottom: -8px !important;
}

.mbn-9 {
    margin-bottom: -9px !important;
}

.mbn-10 {
    margin-bottom: -10px !important;
}

.mbn-15 {
    margin-bottom: -15px !important;
}

.mbn-20 {
    margin-bottom: -20px !important;
}
/*#endregion*/


/*#region
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-110 {
    padding-top: 110px !important;
}

.pt-120 {
    padding-top: 120px !important;
}

.pt-130 {
    padding-top: 130px !important;
}

.pt-140 {
    padding-top: 140px !important;
}

.pt-150 {
    padding-top: 150px !important;
}

.pt-160 {
    padding-top: 160px !important;
}

.pt-170 {
    padding-top: 170px !important;
}

.pt-180 {
    padding-top: 180px !important;
}

.pt-190 {
    padding-top: 190px !important;
}

.pt-200 {
    padding-top: 200px !important;
}
/*#endregion*/


/*#region
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {
    padding-right: 0 !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pr-110 {
    padding-right: 110px !important;
}

.pr-120 {
    padding-right: 120px !important;
}

.pr-130 {
    padding-right: 130px !important;
}

.pr-140 {
    padding-right: 140px !important;
}

.pr-150 {
    padding-right: 150px !important;
}

.pr-160 {
    padding-right: 160px !important;
}

.pr-170 {
    padding-right: 170px !important;
}

.pr-180 {
    padding-right: 180px !important;
}

.pr-190 {
    padding-right: 190px !important;
}

.pr-200 {
    padding-right: 200px !important;
}
/*#endregion*/


/*#region
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-110 {
    padding-bottom: 110px !important;
}

.pb-120 {
    padding-bottom: 120px !important;
}

.pb-130 {
    padding-bottom: 130px !important;
}

.pb-140 {
    padding-bottom: 140px !important;
}

.pb-150 {
    padding-bottom: 150px !important;
}

.pb-160 {
    padding-bottom: 160px !important;
}

.pb-170 {
    padding-bottom: 170px !important;
}

.pb-180 {
    padding-bottom: 180px !important;
}

.pb-190 {
    padding-bottom: 190px !important;
}

.pb-200 {
    padding-bottom: 200px !important;
}
/*#endregion*/


/*#region
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {
    padding-left: 0 !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pl-110 {
    padding-left: 110px !important;
}

.pl-120 {
    padding-left: 120px !important;
}

.pl-130 {
    padding-left: 130px !important;
}

.pl-140 {
    padding-left: 140px !important;
}

.pl-150 {
    padding-left: 150px !important;
}

.pl-160 {
    padding-left: 160px !important;
}

.pl-170 {
    padding-left: 170px !important;
}

.pl-180 {
    padding-left: 180px !important;
}

.pl-190 {
    padding-left: 190px !important;
}

.pl-200 {
    padding-left: 200px !important;
}
/*#endregion*/

/*#region
 * 1.11 -> margin auto
 * -----------------------------------------------
*/
.m-auto {
    margin: auto !important;
}

.mt-auto, .my-auto {
    margin-top: auto !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.mb-auto, .my-auto {
    margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}
/*#endregion*/


/*#region
 * 2 -> lg: min-width:1200px
 * -----------------------------------------------
*/
@media (min-width:1200px) {
    /*#region
 * 2.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-lg-0 {
        margin: 0px !important;
    }

    .m-lg-5 {
        margin: 5px !important;
    }

    .m-lg-10 {
        margin: 10px !important;
    }

    .m-lg-15 {
        margin: 15px !important;
    }

    .m-lg-20 {
        margin: 20px !important;
    }

    .m-lg-30 {
        margin: 30px !important;
    }

    .m-lg-40 {
        margin: 40px !important;
    }

    .m-lg-50 {
        margin: 50px !important;
    }

    .m-lg-60 {
        margin: 60px !important;
    }

    .m-lg-70 {
        margin: 70px !important;
    }

    .m-lg-80 {
        margin: 80px !important;
    }

    .m-lg-90 {
        margin: 90px !important;
    }

    .m-lg-100 {
        margin: 100px !important;
    }

    .m-lg-110 {
        margin: 110px !important;
    }

    .m-lg-120 {
        margin: 120px !important;
    }

    .m-lg-130 {
        margin: 130px !important;
    }

    .m-lg-140 {
        margin: 140px !important;
    }

    .m-lg-150 {
        margin: 150px !important;
    }

    .m-lg-160 {
        margin: 160px !important;
    }

    .m-lg-170 {
        margin: 170px !important;
    }

    .m-lg-180 {
        margin: 180px !important;
    }

    .m-lg-190 {
        margin: 190px !important;
    }

    .m-lg-200 {
        margin: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-5 {
        padding: 5px !important;
    }

    .p-lg-10 {
        padding: 10px !important;
    }

    .p-lg-15 {
        padding: 15px !important;
    }

    .p-lg-20 {
        padding: 20px !important;
    }

    .p-lg-30 {
        padding: 30px !important;
    }

    .p-lg-40 {
        padding: 40px !important;
    }

    .p-lg-50 {
        padding: 50px !important;
    }

    .p-lg-60 {
        padding: 60px !important;
    }

    .p-lg-70 {
        padding: 70px !important;
    }

    .p-lg-80 {
        padding: 80px !important;
    }

    .p-lg-90 {
        padding: 90px !important;
    }

    .p-lg-100 {
        padding: 100px !important;
    }

    .p-lg-110 {
        padding: 110px !important;
    }

    .p-lg-120 {
        padding: 120px !important;
    }

    .p-lg-130 {
        padding: 130px !important;
    }

    .p-lg-140 {
        padding: 140px !important;
    }

    .p-lg-150 {
        padding: 150px !important;
    }

    .p-lg-160 {
        padding: 160px !important;
    }

    .p-lg-170 {
        padding: 170px !important;
    }

    .p-lg-180 {
        padding: 180px !important;
    }

    .p-lg-190 {
        padding: 190px !important;
    }

    .p-lg-200 {
        padding: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-5 {
        margin-top: 5px !important;
    }

    .mt-lg-10 {
        margin-top: 10px !important;
    }

    .mt-lg-15 {
        margin-top: 15px !important;
    }

    .mt-lg-20 {
        margin-top: 20px !important;
    }

    .mt-lg-30 {
        margin-top: 30px !important;
    }

    .mt-lg-40 {
        margin-top: 40px !important;
    }

    .mt-lg-50 {
        margin-top: 50px !important;
    }

    .mt-lg-60 {
        margin-top: 60px !important;
    }

    .mt-lg-70 {
        margin-top: 70px !important;
    }

    .mt-lg-80 {
        margin-top: 80px !important;
    }

    .mt-lg-90 {
        margin-top: 90px !important;
    }

    .mt-lg-100 {
        margin-top: 100px !important;
    }

    .mt-lg-110 {
        margin-top: 110px !important;
    }

    .mt-lg-120 {
        margin-top: 120px !important;
    }

    .mt-lg-130 {
        margin-top: 130px !important;
    }

    .mt-lg-140 {
        margin-top: 140px !important;
    }

    .mt-lg-150 {
        margin-top: 150px !important;
    }

    .mt-lg-160 {
        margin-top: 160px !important;
    }

    .mt-lg-170 {
        margin-top: 170px !important;
    }

    .mt-lg-180 {
        margin-top: 180px !important;
    }

    .mt-lg-190 {
        margin-top: 190px !important;
    }

    .mt-lg-200 {
        margin-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-lg-0 {
        margin-right: 0 !important;
    }

    .mr-lg-5 {
        margin-right: 5px !important;
    }

    .mr-lg-10 {
        margin-right: 10px !important;
    }

    .mr-lg-15 {
        margin-right: 15px !important;
    }

    .mr-lg-20 {
        margin-right: 20px !important;
    }

    .mr-lg-30 {
        margin-right: 30px !important;
    }

    .mr-lg-40 {
        margin-right: 40px !important;
    }

    .mr-lg-50 {
        margin-right: 50px !important;
    }

    .mr-lg-60 {
        margin-right: 60px !important;
    }

    .mr-lg-70 {
        margin-right: 70px !important;
    }

    .mr-lg-80 {
        margin-right: 80px !important;
    }

    .mr-lg-90 {
        margin-right: 90px !important;
    }

    .mr-lg-100 {
        margin-right: 100px !important;
    }

    .mr-lg-110 {
        margin-right: 110px !important;
    }

    .mr-lg-120 {
        margin-right: 120px !important;
    }

    .mr-lg-130 {
        margin-right: 130px !important;
    }

    .mr-lg-140 {
        margin-right: 140px !important;
    }

    .mr-lg-150 {
        margin-right: 150px !important;
    }

    .mr-lg-160 {
        margin-right: 160px !important;
    }

    .mr-lg-170 {
        margin-right: 170px !important;
    }

    .mr-lg-180 {
        margin-right: 180px !important;
    }

    .mr-lg-190 {
        margin-right: 190px !important;
    }

    .mr-lg-200 {
        margin-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-5 {
        margin-bottom: 5px !important;
    }

    .mb-lg-10 {
        margin-bottom: 10px !important;
    }

    .mb-lg-15 {
        margin-bottom: 15px !important;
    }

    .mb-lg-20 {
        margin-bottom: 20px !important;
    }

    .mb-lg-30 {
        margin-bottom: 30px !important;
    }

    .mb-lg-40 {
        margin-bottom: 40px !important;
    }

    .mb-lg-50 {
        margin-bottom: 50px !important;
    }

    .mb-lg-60 {
        margin-bottom: 60px !important;
    }

    .mb-lg-70 {
        margin-bottom: 70px !important;
    }

    .mb-lg-80 {
        margin-bottom: 80px !important;
    }

    .mb-lg-90 {
        margin-bottom: 90px !important;
    }

    .mb-lg-100 {
        margin-bottom: 100px !important;
    }

    .mb-lg-110 {
        margin-bottom: 110px !important;
    }

    .mb-lg-120 {
        margin-bottom: 120px !important;
    }

    .mb-lg-130 {
        margin-bottom: 130px !important;
    }

    .mb-lg-140 {
        margin-bottom: 140px !important;
    }

    .mb-lg-150 {
        margin-bottom: 150px !important;
    }

    .mb-lg-160 {
        margin-bottom: 160px !important;
    }

    .mb-lg-170 {
        margin-bottom: 170px !important;
    }

    .mb-lg-180 {
        margin-bottom: 180px !important;
    }

    .mb-lg-190 {
        margin-bottom: 190px !important;
    }

    .mb-lg-200 {
        margin-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-lg-0 {
        margin-left: 0 !important;
    }

    .ml-lg-5 {
        margin-left: 5px !important;
    }

    .ml-lg-10 {
        margin-left: 10px !important;
    }

    .ml-lg-15 {
        margin-left: 15px !important;
    }

    .ml-lg-20 {
        margin-left: 20px !important;
    }

    .ml-lg-30 {
        margin-left: 30px !important;
    }

    .ml-lg-40 {
        margin-left: 40px !important;
    }

    .ml-lg-50 {
        margin-left: 50px !important;
    }

    .ml-lg-60 {
        margin-left: 60px !important;
    }

    .ml-lg-70 {
        margin-left: 70px !important;
    }

    .ml-lg-80 {
        margin-left: 80px !important;
    }

    .ml-lg-90 {
        margin-left: 90px !important;
    }

    .ml-lg-100 {
        margin-left: 100px !important;
    }

    .ml-lg-110 {
        margin-left: 110px !important;
    }

    .ml-lg-120 {
        margin-left: 120px !important;
    }

    .ml-lg-130 {
        margin-left: 130px !important;
    }

    .ml-lg-140 {
        margin-left: 140px !important;
    }

    .ml-lg-150 {
        margin-left: 150px !important;
    }

    .ml-lg-160 {
        margin-left: 160px !important;
    }

    .ml-lg-170 {
        margin-left: 170px !important;
    }

    .ml-lg-180 {
        margin-left: 180px !important;
    }

    .ml-lg-190 {
        margin-left: 190px !important;
    }

    .ml-lg-200 {
        margin-left: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-5 {
        padding-top: 5px !important;
    }

    .pt-lg-10 {
        padding-top: 10px !important;
    }

    .pt-lg-15 {
        padding-top: 15px !important;
    }

    .pt-lg-20 {
        padding-top: 20px !important;
    }

    .pt-lg-30 {
        padding-top: 30px !important;
    }

    .pt-lg-40 {
        padding-top: 40px !important;
    }

    .pt-lg-50 {
        padding-top: 50px !important;
    }

    .pt-lg-60 {
        padding-top: 60px !important;
    }

    .pt-lg-70 {
        padding-top: 70px !important;
    }

    .pt-lg-80 {
        padding-top: 80px !important;
    }

    .pt-lg-90 {
        padding-top: 90px !important;
    }

    .pt-lg-100 {
        padding-top: 100px !important;
    }

    .pt-lg-110 {
        padding-top: 110px !important;
    }

    .pt-lg-120 {
        padding-top: 120px !important;
    }

    .pt-lg-130 {
        padding-top: 130px !important;
    }

    .pt-lg-140 {
        padding-top: 140px !important;
    }

    .pt-lg-150 {
        padding-top: 150px !important;
    }

    .pt-lg-160 {
        padding-top: 160px !important;
    }

    .pt-lg-170 {
        padding-top: 170px !important;
    }

    .pt-lg-180 {
        padding-top: 180px !important;
    }

    .pt-lg-190 {
        padding-top: 190px !important;
    }

    .pt-lg-200 {
        padding-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-lg-0 {
        padding-right: 0 !important;
    }

    .pr-lg-5 {
        padding-right: 5px !important;
    }

    .pr-lg-10 {
        padding-right: 10px !important;
    }

    .pr-lg-15 {
        padding-right: 15px !important;
    }

    .pr-lg-20 {
        padding-right: 20px !important;
    }

    .pr-lg-30 {
        padding-right: 30px !important;
    }

    .pr-lg-40 {
        padding-right: 40px !important;
    }

    .pr-lg-50 {
        padding-right: 50px !important;
    }

    .pr-lg-60 {
        padding-right: 60px !important;
    }

    .pr-lg-70 {
        padding-right: 70px !important;
    }

    .pr-lg-80 {
        padding-right: 80px !important;
    }

    .pr-lg-90 {
        padding-right: 90px !important;
    }

    .pr-lg-100 {
        padding-right: 100px !important;
    }

    .pr-lg-110 {
        padding-right: 110px !important;
    }

    .pr-lg-120 {
        padding-right: 120px !important;
    }

    .pr-lg-130 {
        padding-right: 130px !important;
    }

    .pr-lg-140 {
        padding-right: 140px !important;
    }

    .pr-lg-150 {
        padding-right: 150px !important;
    }

    .pr-lg-160 {
        padding-right: 160px !important;
    }

    .pr-lg-170 {
        padding-right: 170px !important;
    }

    .pr-lg-180 {
        padding-right: 180px !important;
    }

    .pr-lg-190 {
        padding-right: 190px !important;
    }

    .pr-lg-200 {
        padding-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-5 {
        padding-bottom: 5px !important;
    }

    .pb-lg-10 {
        padding-bottom: 10px !important;
    }

    .pb-lg-15 {
        padding-bottom: 15px !important;
    }

    .pb-lg-20 {
        padding-bottom: 20px !important;
    }

    .pb-lg-30 {
        padding-bottom: 30px !important;
    }

    .pb-lg-40 {
        padding-bottom: 40px !important;
    }

    .pb-lg-50 {
        padding-bottom: 50px !important;
    }

    .pb-lg-60 {
        padding-bottom: 60px !important;
    }

    .pb-lg-70 {
        padding-bottom: 70px !important;
    }

    .pb-lg-80 {
        padding-bottom: 80px !important;
    }

    .pb-lg-90 {
        padding-bottom: 90px !important;
    }

    .pb-lg-100 {
        padding-bottom: 100px !important;
    }

    .pb-lg-110 {
        padding-bottom: 110px !important;
    }

    .pb-lg-120 {
        padding-bottom: 120px !important;
    }

    .pb-lg-130 {
        padding-bottom: 130px !important;
    }

    .pb-lg-140 {
        padding-bottom: 140px !important;
    }

    .pb-lg-150 {
        padding-bottom: 150px !important;
    }

    .pb-lg-160 {
        padding-bottom: 160px !important;
    }

    .pb-lg-170 {
        padding-bottom: 170px !important;
    }

    .pb-lg-180 {
        padding-bottom: 180px !important;
    }

    .pb-lg-190 {
        padding-bottom: 190px !important;
    }

    .pb-lg-200 {
        padding-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 2.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .pl-lg-5 {
        padding-left: 5px !important;
    }

    .pl-lg-10 {
        padding-left: 10px !important;
    }

    .pl-lg-15 {
        padding-left: 15px !important;
    }

    .pl-lg-20 {
        padding-left: 20px !important;
    }

    .pl-lg-30 {
        padding-left: 30px !important;
    }

    .pl-lg-40 {
        padding-left: 40px !important;
    }

    .pl-lg-50 {
        padding-left: 50px !important;
    }

    .pl-lg-60 {
        padding-left: 60px !important;
    }

    .pl-lg-70 {
        padding-left: 70px !important;
    }

    .pl-lg-80 {
        padding-left: 80px !important;
    }

    .pl-lg-90 {
        padding-left: 90px !important;
    }

    .pl-lg-100 {
        padding-left: 100px !important;
    }

    .pl-lg-110 {
        padding-left: 110px !important;
    }

    .pl-lg-120 {
        padding-left: 120px !important;
    }

    .pl-lg-130 {
        padding-left: 130px !important;
    }

    .pl-lg-140 {
        padding-left: 140px !important;
    }

    .pl-lg-150 {
        padding-left: 150px !important;
    }

    .pl-lg-160 {
        padding-left: 160px !important;
    }

    .pl-lg-170 {
        padding-left: 170px !important;
    }

    .pl-lg-180 {
        padding-left: 180px !important;
    }

    .pl-lg-190 {
        padding-left: 190px !important;
    }

    .pl-lg-200 {
        padding-left: 200px !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region
 * 3 -> md: max-width:1199px
 * -----------------------------------------------
*/
@media (max-width:1199px) {

    /*#region
 * 3.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-md-0 {
        margin: 0px !important;
    }

    .m-md-5 {
        margin: 5px !important;
    }

    .m-md-10 {
        margin: 10px !important;
    }

    .m-md-15 {
        margin: 15px !important;
    }

    .m-md-20 {
        margin: 20px !important;
    }

    .m-md-30 {
        margin: 30px !important;
    }

    .m-md-40 {
        margin: 40px !important;
    }

    .m-md-50 {
        margin: 50px !important;
    }

    .m-md-60 {
        margin: 60px !important;
    }

    .m-md-70 {
        margin: 70px !important;
    }

    .m-md-80 {
        margin: 80px !important;
    }

    .m-md-90 {
        margin: 90px !important;
    }

    .m-md-100 {
        margin: 100px !important;
    }

    .m-md-110 {
        margin: 110px !important;
    }

    .m-md-120 {
        margin: 120px !important;
    }

    .m-md-130 {
        margin: 130px !important;
    }

    .m-md-140 {
        margin: 140px !important;
    }

    .m-md-150 {
        margin: 150px !important;
    }

    .m-md-160 {
        margin: 160px !important;
    }

    .m-md-170 {
        margin: 170px !important;
    }

    .m-md-180 {
        margin: 180px !important;
    }

    .m-md-190 {
        margin: 190px !important;
    }

    .m-md-200 {
        margin: 200px !important;
    }

    /*#endregion*/


    /*#region
 * 3.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-5 {
        padding: 5px !important;
    }

    .p-md-10 {
        padding: 10px !important;
    }

    .p-md-15 {
        padding: 15px !important;
    }

    .p-md-20 {
        padding: 20px !important;
    }

    .p-md-30 {
        padding: 30px !important;
    }

    .p-md-40 {
        padding: 40px !important;
    }

    .p-md-50 {
        padding: 50px !important;
    }

    .p-md-60 {
        padding: 60px !important;
    }

    .p-md-70 {
        padding: 70px !important;
    }

    .p-md-80 {
        padding: 80px !important;
    }

    .p-md-90 {
        padding: 90px !important;
    }

    .p-md-100 {
        padding: 100px !important;
    }

    .p-md-110 {
        padding: 110px !important;
    }

    .p-md-120 {
        padding: 120px !important;
    }

    .p-md-130 {
        padding: 130px !important;
    }

    .p-md-140 {
        padding: 140px !important;
    }

    .p-md-150 {
        padding: 150px !important;
    }

    .p-md-160 {
        padding: 160px !important;
    }

    .p-md-170 {
        padding: 170px !important;
    }

    .p-md-180 {
        padding: 180px !important;
    }

    .p-md-190 {
        padding: 190px !important;
    }

    .p-md-200 {
        padding: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 3.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-5 {
        margin-top: 5px !important;
    }

    .mt-md-10 {
        margin-top: 10px !important;
    }

    .mt-md-15 {
        margin-top: 15px !important;
    }

    .mt-md-20 {
        margin-top: 20px !important;
    }

    .mt-md-30 {
        margin-top: 30px !important;
    }

    .mt-md-40 {
        margin-top: 40px !important;
    }

    .mt-md-50 {
        margin-top: 50px !important;
    }

    .mt-md-60 {
        margin-top: 60px !important;
    }

    .mt-md-70 {
        margin-top: 70px !important;
    }

    .mt-md-80 {
        margin-top: 80px !important;
    }

    .mt-md-90 {
        margin-top: 90px !important;
    }

    .mt-md-100 {
        margin-top: 100px !important;
    }

    .mt-md-110 {
        margin-top: 110px !important;
    }

    .mt-md-120 {
        margin-top: 120px !important;
    }

    .mt-md-130 {
        margin-top: 130px !important;
    }

    .mt-md-140 {
        margin-top: 140px !important;
    }

    .mt-md-150 {
        margin-top: 150px !important;
    }

    .mt-md-160 {
        margin-top: 160px !important;
    }

    .mt-md-170 {
        margin-top: 170px !important;
    }

    .mt-md-180 {
        margin-top: 180px !important;
    }

    .mt-md-190 {
        margin-top: 190px !important;
    }

    .mt-md-200 {
        margin-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 3.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-md-0 {
        margin-right: 0 !important;
    }

    .mr-md-5 {
        margin-right: 5px !important;
    }

    .mr-md-10 {
        margin-right: 10px !important;
    }

    .mr-md-15 {
        margin-right: 15px !important;
    }

    .mr-md-20 {
        margin-right: 20px !important;
    }

    .mr-md-30 {
        margin-right: 30px !important;
    }

    .mr-md-40 {
        margin-right: 40px !important;
    }

    .mr-md-50 {
        margin-right: 50px !important;
    }

    .mr-md-60 {
        margin-right: 60px !important;
    }

    .mr-md-70 {
        margin-right: 70px !important;
    }

    .mr-md-80 {
        margin-right: 80px !important;
    }

    .mr-md-90 {
        margin-right: 90px !important;
    }

    .mr-md-100 {
        margin-right: 100px !important;
    }

    .mr-md-110 {
        margin-right: 110px !important;
    }

    .mr-md-120 {
        margin-right: 120px !important;
    }

    .mr-md-130 {
        margin-right: 130px !important;
    }

    .mr-md-140 {
        margin-right: 140px !important;
    }

    .mr-md-150 {
        margin-right: 150px !important;
    }

    .mr-md-160 {
        margin-right: 160px !important;
    }

    .mr-md-170 {
        margin-right: 170px !important;
    }

    .mr-md-180 {
        margin-right: 180px !important;
    }

    .mr-md-190 {
        margin-right: 190px !important;
    }

    .mr-md-200 {
        margin-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 3.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-5 {
        margin-bottom: 5px !important;
    }

    .mb-md-10 {
        margin-bottom: 10px !important;
    }

    .mb-md-15 {
        margin-bottom: 15px !important;
    }

    .mb-md-20 {
        margin-bottom: 20px !important;
    }

    .mb-md-30 {
        margin-bottom: 30px !important;
    }

    .mb-md-40 {
        margin-bottom: 40px !important;
    }

    .mb-md-50 {
        margin-bottom: 50px !important;
    }

    .mb-md-60 {
        margin-bottom: 60px !important;
    }

    .mb-md-70 {
        margin-bottom: 70px !important;
    }

    .mb-md-80 {
        margin-bottom: 80px !important;
    }

    .mb-md-90 {
        margin-bottom: 90px !important;
    }

    .mb-md-100 {
        margin-bottom: 100px !important;
    }

    .mb-md-110 {
        margin-bottom: 110px !important;
    }

    .mb-md-120 {
        margin-bottom: 120px !important;
    }

    .mb-md-130 {
        margin-bottom: 130px !important;
    }

    .mb-md-140 {
        margin-bottom: 140px !important;
    }

    .mb-md-150 {
        margin-bottom: 150px !important;
    }

    .mb-md-160 {
        margin-bottom: 160px !important;
    }

    .mb-md-170 {
        margin-bottom: 170px !important;
    }

    .mb-md-180 {
        margin-bottom: 180px !important;
    }

    .mb-md-190 {
        margin-bottom: 190px !important;
    }

    .mb-md-200 {
        margin-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 3.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-md-0 {
        margin-left: 0 !important;
    }

    .ml-md-5 {
        margin-left: 5px !important;
    }

    .ml-md-10 {
        margin-left: 10px !important;
    }

    .ml-md-15 {
        margin-left: 15px !important;
    }

    .ml-md-20 {
        margin-left: 20px !important;
    }

    .ml-md-30 {
        margin-left: 30px !important;
    }

    .ml-md-40 {
        margin-left: 40px !important;
    }

    .ml-md-50 {
        margin-left: 50px !important;
    }

    .ml-md-60 {
        margin-left: 60px !important;
    }

    .ml-md-70 {
        margin-left: 70px !important;
    }

    .ml-md-80 {
        margin-left: 80px !important;
    }

    .ml-md-90 {
        margin-left: 90px !important;
    }

    .ml-md-100 {
        margin-left: 100px !important;
    }

    .ml-md-110 {
        margin-left: 110px !important;
    }

    .ml-md-120 {
        margin-left: 120px !important;
    }

    .ml-md-130 {
        margin-left: 130px !important;
    }

    .ml-md-140 {
        margin-left: 140px !important;
    }

    .ml-md-150 {
        margin-left: 150px !important;
    }

    .ml-md-160 {
        margin-left: 160px !important;
    }

    .ml-md-170 {
        margin-left: 170px !important;
    }

    .ml-md-180 {
        margin-left: 180px !important;
    }

    .ml-md-190 {
        margin-left: 190px !important;
    }

    .ml-md-200 {
        margin-left: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 3.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-5 {
        padding-top: 5px !important;
    }

    .pt-md-10 {
        padding-top: 10px !important;
    }

    .pt-md-15 {
        padding-top: 15px !important;
    }

    .pt-md-20 {
        padding-top: 20px !important;
    }

    .pt-md-30 {
        padding-top: 30px !important;
    }

    .pt-md-40 {
        padding-top: 40px !important;
    }

    .pt-md-50 {
        padding-top: 50px !important;
    }

    .pt-md-60 {
        padding-top: 60px !important;
    }

    .pt-md-70 {
        padding-top: 70px !important;
    }

    .pt-md-80 {
        padding-top: 80px !important;
    }

    .pt-md-90 {
        padding-top: 90px !important;
    }

    .pt-md-100 {
        padding-top: 100px !important;
    }

    .pt-md-110 {
        padding-top: 110px !important;
    }

    .pt-md-120 {
        padding-top: 120px !important;
    }

    .pt-md-130 {
        padding-top: 130px !important;
    }

    .pt-md-140 {
        padding-top: 140px !important;
    }

    .pt-md-150 {
        padding-top: 150px !important;
    }

    .pt-md-160 {
        padding-top: 160px !important;
    }

    .pt-md-170 {
        padding-top: 170px !important;
    }

    .pt-md-180 {
        padding-top: 180px !important;
    }

    .pt-md-190 {
        padding-top: 190px !important;
    }

    .pt-md-200 {
        padding-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 3.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-md-0 {
        padding-right: 0 !important;
    }

    .pr-md-5 {
        padding-right: 5px !important;
    }

    .pr-md-10 {
        padding-right: 10px !important;
    }

    .pr-md-15 {
        padding-right: 15px !important;
    }

    .pr-md-20 {
        padding-right: 20px !important;
    }

    .pr-md-30 {
        padding-right: 30px !important;
    }

    .pr-md-40 {
        padding-right: 40px !important;
    }

    .pr-md-50 {
        padding-right: 50px !important;
    }

    .pr-md-60 {
        padding-right: 60px !important;
    }

    .pr-md-70 {
        padding-right: 70px !important;
    }

    .pr-md-80 {
        padding-right: 80px !important;
    }

    .pr-md-90 {
        padding-right: 90px !important;
    }

    .pr-md-100 {
        padding-right: 100px !important;
    }

    .pr-md-110 {
        padding-right: 110px !important;
    }

    .pr-md-120 {
        padding-right: 120px !important;
    }

    .pr-md-130 {
        padding-right: 130px !important;
    }

    .pr-md-140 {
        padding-right: 140px !important;
    }

    .pr-md-150 {
        padding-right: 150px !important;
    }

    .pr-md-160 {
        padding-right: 160px !important;
    }

    .pr-md-170 {
        padding-right: 170px !important;
    }

    .pr-md-180 {
        padding-right: 180px !important;
    }

    .pr-md-190 {
        padding-right: 190px !important;
    }

    .pr-md-200 {
        padding-right: 200px !important;
    }
    /*#endregion*/


    /*#region

 * 3.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-5 {
        padding-bottom: 5px !important;
    }

    .pb-md-10 {
        padding-bottom: 10px !important;
    }

    .pb-md-15 {
        padding-bottom: 15px !important;
    }

    .pb-md-20 {
        padding-bottom: 20px !important;
    }

    .pb-md-30 {
        padding-bottom: 30px !important;
    }

    .pb-md-40 {
        padding-bottom: 40px !important;
    }

    .pb-md-50 {
        padding-bottom: 50px !important;
    }

    .pb-md-60 {
        padding-bottom: 60px !important;
    }

    .pb-md-70 {
        padding-bottom: 70px !important;
    }

    .pb-md-80 {
        padding-bottom: 80px !important;
    }

    .pb-md-90 {
        padding-bottom: 90px !important;
    }

    .pb-md-100 {
        padding-bottom: 100px !important;
    }

    .pb-md-110 {
        padding-bottom: 110px !important;
    }

    .pb-md-120 {
        padding-bottom: 120px !important;
    }

    .pb-md-130 {
        padding-bottom: 130px !important;
    }

    .pb-md-140 {
        padding-bottom: 140px !important;
    }

    .pb-md-150 {
        padding-bottom: 150px !important;
    }

    .pb-md-160 {
        padding-bottom: 160px !important;
    }

    .pb-md-170 {
        padding-bottom: 170px !important;
    }

    .pb-md-180 {
        padding-bottom: 180px !important;
    }

    .pb-md-190 {
        padding-bottom: 190px !important;
    }

    .pb-md-200 {
        padding-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region

 * 3.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-md-0 {
        padding-left: 0 !important;
    }

    .pl-md-5 {
        padding-left: 5px !important;
    }

    .pl-md-10 {
        padding-left: 10px !important;
    }

    .pl-md-15 {
        padding-left: 15px !important;
    }

    .pl-md-20 {
        padding-left: 20px !important;
    }

    .pl-md-30 {
        padding-left: 30px !important;
    }

    .pl-md-40 {
        padding-left: 40px !important;
    }

    .pl-md-50 {
        padding-left: 50px !important;
    }

    .pl-md-60 {
        padding-left: 60px !important;
    }

    .pl-md-70 {
        padding-left: 70px !important;
    }

    .pl-md-80 {
        padding-left: 80px !important;
    }

    .pl-md-90 {
        padding-left: 90px !important;
    }

    .pl-md-100 {
        padding-left: 100px !important;
    }

    .pl-md-110 {
        padding-left: 110px !important;
    }

    .pl-md-120 {
        padding-left: 120px !important;
    }

    .pl-md-130 {
        padding-left: 130px !important;
    }

    .pl-md-140 {
        padding-left: 140px !important;
    }

    .pl-md-150 {
        padding-left: 150px !important;
    }

    .pl-md-160 {
        padding-left: 160px !important;
    }

    .pl-md-170 {
        padding-left: 170px !important;
    }

    .pl-md-180 {
        padding-left: 180px !important;
    }

    .pl-md-190 {
        padding-left: 190px !important;
    }

    .pl-md-200 {
        padding-left: 200px !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region
 * 4 -> sm: max-width:991px
 * -----------------------------------------------
*/
@media (max-width:991px) {
    /*#region
 * 4.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-sm-0 {
        margin: 0px !important;
    }

    .m-sm-5 {
        margin: 5px !important;
    }

    .m-sm-10 {
        margin: 10px !important;
    }

    .m-sm-15 {
        margin: 15px !important;
    }

    .m-sm-20 {
        margin: 20px !important;
    }

    .m-sm-30 {
        margin: 30px !important;
    }

    .m-sm-40 {
        margin: 40px !important;
    }

    .m-sm-50 {
        margin: 50px !important;
    }

    .m-sm-60 {
        margin: 60px !important;
    }

    .m-sm-70 {
        margin: 70px !important;
    }

    .m-sm-80 {
        margin: 80px !important;
    }

    .m-sm-90 {
        margin: 90px !important;
    }

    .m-sm-100 {
        margin: 100px !important;
    }

    .m-sm-110 {
        margin: 110px !important;
    }

    .m-sm-120 {
        margin: 120px !important;
    }

    .m-sm-130 {
        margin: 130px !important;
    }

    .m-sm-140 {
        margin: 140px !important;
    }

    .m-sm-150 {
        margin: 150px !important;
    }

    .m-sm-160 {
        margin: 160px !important;
    }

    .m-sm-170 {
        margin: 170px !important;
    }

    .m-sm-180 {
        margin: 180px !important;
    }

    .m-sm-190 {
        margin: 190px !important;
    }

    .m-sm-200 {
        margin: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-5 {
        padding: 5px !important;
    }

    .p-sm-10 {
        padding: 10px !important;
    }

    .p-sm-15 {
        padding: 15px !important;
    }

    .p-sm-20 {
        padding: 20px !important;
    }

    .p-sm-30 {
        padding: 30px !important;
    }

    .p-sm-40 {
        padding: 40px !important;
    }

    .p-sm-50 {
        padding: 50px !important;
    }

    .p-sm-60 {
        padding: 60px !important;
    }

    .p-sm-70 {
        padding: 70px !important;
    }

    .p-sm-80 {
        padding: 80px !important;
    }

    .p-sm-90 {
        padding: 90px !important;
    }

    .p-sm-100 {
        padding: 100px !important;
    }

    .p-sm-110 {
        padding: 110px !important;
    }

    .p-sm-120 {
        padding: 120px !important;
    }

    .p-sm-130 {
        padding: 130px !important;
    }

    .p-sm-140 {
        padding: 140px !important;
    }

    .p-sm-150 {
        padding: 150px !important;
    }

    .p-sm-160 {
        padding: 160px !important;
    }

    .p-sm-170 {
        padding: 170px !important;
    }

    .p-sm-180 {
        padding: 180px !important;
    }

    .p-sm-190 {
        padding: 190px !important;
    }

    .p-sm-200 {
        padding: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-5 {
        margin-top: 5px !important;
    }

    .mt-sm-10 {
        margin-top: 10px !important;
    }

    .mt-sm-15 {
        margin-top: 15px !important;
    }

    .mt-sm-20 {
        margin-top: 20px !important;
    }

    .mt-sm-30 {
        margin-top: 30px !important;
    }

    .mt-sm-40 {
        margin-top: 40px !important;
    }

    .mt-sm-50 {
        margin-top: 50px !important;
    }

    .mt-sm-60 {
        margin-top: 60px !important;
    }

    .mt-sm-70 {
        margin-top: 70px !important;
    }

    .mt-sm-80 {
        margin-top: 80px !important;
    }

    .mt-sm-90 {
        margin-top: 90px !important;
    }

    .mt-sm-100 {
        margin-top: 100px !important;
    }

    .mt-sm-110 {
        margin-top: 110px !important;
    }

    .mt-sm-120 {
        margin-top: 120px !important;
    }

    .mt-sm-130 {
        margin-top: 130px !important;
    }

    .mt-sm-140 {
        margin-top: 140px !important;
    }

    .mt-sm-150 {
        margin-top: 150px !important;
    }

    .mt-sm-160 {
        margin-top: 160px !important;
    }

    .mt-sm-170 {
        margin-top: 170px !important;
    }

    .mt-sm-180 {
        margin-top: 180px !important;
    }

    .mt-sm-190 {
        margin-top: 190px !important;
    }

    .mt-sm-200 {
        margin-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mr-sm-5 {
        margin-right: 5px !important;
    }

    .mr-sm-10 {
        margin-right: 10px !important;
    }

    .mr-sm-15 {
        margin-right: 15px !important;
    }

    .mr-sm-20 {
        margin-right: 20px !important;
    }

    .mr-sm-30 {
        margin-right: 30px !important;
    }

    .mr-sm-40 {
        margin-right: 40px !important;
    }

    .mr-sm-50 {
        margin-right: 50px !important;
    }

    .mr-sm-60 {
        margin-right: 60px !important;
    }

    .mr-sm-70 {
        margin-right: 70px !important;
    }

    .mr-sm-80 {
        margin-right: 80px !important;
    }

    .mr-sm-90 {
        margin-right: 90px !important;
    }

    .mr-sm-100 {
        margin-right: 100px !important;
    }

    .mr-sm-110 {
        margin-right: 110px !important;
    }

    .mr-sm-120 {
        margin-right: 120px !important;
    }

    .mr-sm-130 {
        margin-right: 130px !important;
    }

    .mr-sm-140 {
        margin-right: 140px !important;
    }

    .mr-sm-150 {
        margin-right: 150px !important;
    }

    .mr-sm-160 {
        margin-right: 160px !important;
    }

    .mr-sm-170 {
        margin-right: 170px !important;
    }

    .mr-sm-180 {
        margin-right: 180px !important;
    }

    .mr-sm-190 {
        margin-right: 190px !important;
    }

    .mr-sm-200 {
        margin-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-5 {
        margin-bottom: 5px !important;
    }

    .mb-sm-10 {
        margin-bottom: 10px !important;
    }

    .mb-sm-15 {
        margin-bottom: 15px !important;
    }

    .mb-sm-20 {
        margin-bottom: 20px !important;
    }

    .mb-sm-30 {
        margin-bottom: 30px !important;
    }

    .mb-sm-40 {
        margin-bottom: 40px !important;
    }

    .mb-sm-50 {
        margin-bottom: 50px !important;
    }

    .mb-sm-60 {
        margin-bottom: 60px !important;
    }

    .mb-sm-70 {
        margin-bottom: 70px !important;
    }

    .mb-sm-80 {
        margin-bottom: 80px !important;
    }

    .mb-sm-90 {
        margin-bottom: 90px !important;
    }

    .mb-sm-100 {
        margin-bottom: 100px !important;
    }

    .mb-sm-110 {
        margin-bottom: 110px !important;
    }

    .mb-sm-120 {
        margin-bottom: 120px !important;
    }

    .mb-sm-130 {
        margin-bottom: 130px !important;
    }

    .mb-sm-140 {
        margin-bottom: 140px !important;
    }

    .mb-sm-150 {
        margin-bottom: 150px !important;
    }

    .mb-sm-160 {
        margin-bottom: 160px !important;
    }

    .mb-sm-170 {
        margin-bottom: 170px !important;
    }

    .mb-sm-180 {
        margin-bottom: 180px !important;
    }

    .mb-sm-190 {
        margin-bottom: 190px !important;
    }

    .mb-sm-200 {
        margin-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .ml-sm-5 {
        margin-left: 5px !important;
    }

    .ml-sm-10 {
        margin-left: 10px !important;
    }

    .ml-sm-15 {
        margin-left: 15px !important;
    }

    .ml-sm-20 {
        margin-left: 20px !important;
    }

    .ml-sm-30 {
        margin-left: 30px !important;
    }

    .ml-sm-40 {
        margin-left: 40px !important;
    }

    .ml-sm-50 {
        margin-left: 50px !important;
    }

    .ml-sm-60 {
        margin-left: 60px !important;
    }

    .ml-sm-70 {
        margin-left: 70px !important;
    }

    .ml-sm-80 {
        margin-left: 80px !important;
    }

    .ml-sm-90 {
        margin-left: 90px !important;
    }

    .ml-sm-100 {
        margin-left: 100px !important;
    }

    .ml-sm-110 {
        margin-left: 110px !important;
    }

    .ml-sm-120 {
        margin-left: 120px !important;
    }

    .ml-sm-130 {
        margin-left: 130px !important;
    }

    .ml-sm-140 {
        margin-left: 140px !important;
    }

    .ml-sm-150 {
        margin-left: 150px !important;
    }

    .ml-sm-160 {
        margin-left: 160px !important;
    }

    .ml-sm-170 {
        margin-left: 170px !important;
    }

    .ml-sm-180 {
        margin-left: 180px !important;
    }

    .ml-sm-190 {
        margin-left: 190px !important;
    }

    .ml-sm-200 {
        margin-left: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-5 {
        padding-top: 5px !important;
    }

    .pt-sm-10 {
        padding-top: 10px !important;
    }

    .pt-sm-15 {
        padding-top: 15px !important;
    }

    .pt-sm-20 {
        padding-top: 20px !important;
    }

    .pt-sm-30 {
        padding-top: 30px !important;
    }

    .pt-sm-40 {
        padding-top: 40px !important;
    }

    .pt-sm-50 {
        padding-top: 50px !important;
    }

    .pt-sm-60 {
        padding-top: 60px !important;
    }

    .pt-sm-70 {
        padding-top: 70px !important;
    }

    .pt-sm-80 {
        padding-top: 80px !important;
    }

    .pt-sm-90 {
        padding-top: 90px !important;
    }

    .pt-sm-100 {
        padding-top: 100px !important;
    }

    .pt-sm-110 {
        padding-top: 110px !important;
    }

    .pt-sm-120 {
        padding-top: 120px !important;
    }

    .pt-sm-130 {
        padding-top: 130px !important;
    }

    .pt-sm-140 {
        padding-top: 140px !important;
    }

    .pt-sm-150 {
        padding-top: 150px !important;
    }

    .pt-sm-160 {
        padding-top: 160px !important;
    }

    .pt-sm-170 {
        padding-top: 170px !important;
    }

    .pt-sm-180 {
        padding-top: 180px !important;
    }

    .pt-sm-190 {
        padding-top: 190px !important;
    }

    .pt-sm-200 {
        padding-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pr-sm-5 {
        padding-right: 5px !important;
    }

    .pr-sm-10 {
        padding-right: 10px !important;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .pr-sm-20 {
        padding-right: 20px !important;
    }

    .pr-sm-30 {
        padding-right: 30px !important;
    }

    .pr-sm-40 {
        padding-right: 40px !important;
    }

    .pr-sm-50 {
        padding-right: 50px !important;
    }

    .pr-sm-60 {
        padding-right: 60px !important;
    }

    .pr-sm-70 {
        padding-right: 70px !important;
    }

    .pr-sm-80 {
        padding-right: 80px !important;
    }

    .pr-sm-90 {
        padding-right: 90px !important;
    }

    .pr-sm-100 {
        padding-right: 100px !important;
    }

    .pr-sm-110 {
        padding-right: 110px !important;
    }

    .pr-sm-120 {
        padding-right: 120px !important;
    }

    .pr-sm-130 {
        padding-right: 130px !important;
    }

    .pr-sm-140 {
        padding-right: 140px !important;
    }

    .pr-sm-150 {
        padding-right: 150px !important;
    }

    .pr-sm-160 {
        padding-right: 160px !important;
    }

    .pr-sm-170 {
        padding-right: 170px !important;
    }

    .pr-sm-180 {
        padding-right: 180px !important;
    }

    .pr-sm-190 {
        padding-right: 190px !important;
    }

    .pr-sm-200 {
        padding-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-5 {
        padding-bottom: 5px !important;
    }

    .pb-sm-10 {
        padding-bottom: 10px !important;
    }

    .pb-sm-15 {
        padding-bottom: 15px !important;
    }

    .pb-sm-20 {
        padding-bottom: 20px !important;
    }

    .pb-sm-30 {
        padding-bottom: 30px !important;
    }

    .pb-sm-40 {
        padding-bottom: 40px !important;
    }

    .pb-sm-50 {
        padding-bottom: 50px !important;
    }

    .pb-sm-60 {
        padding-bottom: 60px !important;
    }

    .pb-sm-70 {
        padding-bottom: 70px !important;
    }

    .pb-sm-80 {
        padding-bottom: 80px !important;
    }

    .pb-sm-90 {
        padding-bottom: 90px !important;
    }

    .pb-sm-100 {
        padding-bottom: 100px !important;
    }

    .pb-sm-110 {
        padding-bottom: 110px !important;
    }

    .pb-sm-120 {
        padding-bottom: 120px !important;
    }

    .pb-sm-130 {
        padding-bottom: 130px !important;
    }

    .pb-sm-140 {
        padding-bottom: 140px !important;
    }

    .pb-sm-150 {
        padding-bottom: 150px !important;
    }

    .pb-sm-160 {
        padding-bottom: 160px !important;
    }

    .pb-sm-170 {
        padding-bottom: 170px !important;
    }

    .pb-sm-180 {
        padding-bottom: 180px !important;
    }

    .pb-sm-190 {
        padding-bottom: 190px !important;
    }

    .pb-sm-200 {
        padding-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 4.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .pl-sm-5 {
        padding-left: 5px !important;
    }

    .pl-sm-10 {
        padding-left: 10px !important;
    }

    .pl-sm-15 {
        padding-left: 15px !important;
    }

    .pl-sm-20 {
        padding-left: 20px !important;
    }

    .pl-sm-30 {
        padding-left: 30px !important;
    }

    .pl-sm-40 {
        padding-left: 40px !important;
    }

    .pl-sm-50 {
        padding-left: 50px !important;
    }

    .pl-sm-60 {
        padding-left: 60px !important;
    }

    .pl-sm-70 {
        padding-left: 70px !important;
    }

    .pl-sm-80 {
        padding-left: 80px !important;
    }

    .pl-sm-90 {
        padding-left: 90px !important;
    }

    .pl-sm-100 {
        padding-left: 100px !important;
    }

    .pl-sm-110 {
        padding-left: 110px !important;
    }

    .pl-sm-120 {
        padding-left: 120px !important;
    }

    .pl-sm-130 {
        padding-left: 130px !important;
    }

    .pl-sm-140 {
        padding-left: 140px !important;
    }

    .pl-sm-150 {
        padding-left: 150px !important;
    }

    .pl-sm-160 {
        padding-left: 160px !important;
    }

    .pl-sm-170 {
        padding-left: 170px !important;
    }

    .pl-sm-180 {
        padding-left: 180px !important;
    }

    .pl-sm-190 {
        padding-left: 190px !important;
    }

    .pl-sm-200 {
        padding-left: 200px !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region
 * 5 -> xs: max-width 767px
 * -----------------------------------------------
*/
@media (max-width:844px) {
    /*#region
 * 5.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-xs-0 {
        margin: 0px !important;
    }

    .m-xs-5 {
        margin: 5px !important;
    }

    .m-xs-10 {
        margin: 10px !important;
    }

    .m-xs-15 {
        margin: 15px !important;
    }

    .m-xs-20 {
        margin: 20px !important;
    }

    .m-xs-30 {
        margin: 30px !important;
    }

    .m-xs-40 {
        margin: 40px !important;
    }

    .m-xs-50 {
        margin: 50px !important;
    }

    .m-xs-60 {
        margin: 60px !important;
    }

    .m-xs-70 {
        margin: 70px !important;
    }

    .m-xs-80 {
        margin: 80px !important;
    }

    .m-xs-90 {
        margin: 90px !important;
    }

    .m-xs-100 {
        margin: 100px !important;
    }

    .m-xs-110 {
        margin: 110px !important;
    }

    .m-xs-120 {
        margin: 120px !important;
    }

    .m-xs-130 {
        margin: 130px !important;
    }

    .m-xs-140 {
        margin: 140px !important;
    }

    .m-xs-150 {
        margin: 150px !important;
    }

    .m-xs-160 {
        margin: 160px !important;
    }

    .m-xs-170 {
        margin: 170px !important;
    }

    .m-xs-180 {
        margin: 180px !important;
    }

    .m-xs-190 {
        margin: 190px !important;
    }

    .m-xs-200 {
        margin: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-xs-0 {
        padding: 0 !important;
    }

    .p-xs-5 {
        padding: 5px !important;
    }

    .p-xs-10 {
        padding: 10px !important;
    }

    .p-xs-15 {
        padding: 15px !important;
    }

    .p-xs-20 {
        padding: 20px !important;
    }

    .p-xs-30 {
        padding: 30px !important;
    }

    .p-xs-40 {
        padding: 40px !important;
    }

    .p-xs-50 {
        padding: 50px !important;
    }

    .p-xs-60 {
        padding: 60px !important;
    }

    .p-xs-70 {
        padding: 70px !important;
    }

    .p-xs-80 {
        padding: 80px !important;
    }

    .p-xs-90 {
        padding: 90px !important;
    }

    .p-xs-100 {
        padding: 100px !important;
    }

    .p-xs-110 {
        padding: 110px !important;
    }

    .p-xs-120 {
        padding: 120px !important;
    }

    .p-xs-130 {
        padding: 130px !important;
    }

    .p-xs-140 {
        padding: 140px !important;
    }

    .p-xs-150 {
        padding: 150px !important;
    }

    .p-xs-160 {
        padding: 160px !important;
    }

    .p-xs-170 {
        padding: 170px !important;
    }

    .p-xs-180 {
        padding: 180px !important;
    }

    .p-xs-190 {
        padding: 190px !important;
    }

    .p-xs-200 {
        padding: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-xs-0 {
        margin-top: 0 !important;
    }

    .mt-xs-5 {
        margin-top: 5px !important;
    }

    .mt-xs-10 {
        margin-top: 10px !important;
    }

    .mt-xs-15 {
        margin-top: 15px !important;
    }

    .mt-xs-20 {
        margin-top: 20px !important;
    }

    .mt-xs-30 {
        margin-top: 30px !important;
    }

    .mt-xs-40 {
        margin-top: 40px !important;
    }

    .mt-xs-50 {
        margin-top: 50px !important;
    }

    .mt-xs-60 {
        margin-top: 60px !important;
    }

    .mt-xs-70 {
        margin-top: 70px !important;
    }

    .mt-xs-80 {
        margin-top: 80px !important;
    }

    .mt-xs-90 {
        margin-top: 90px !important;
    }

    .mt-xs-100 {
        margin-top: 100px !important;
    }

    .mt-xs-110 {
        margin-top: 110px !important;
    }

    .mt-xs-120 {
        margin-top: 120px !important;
    }

    .mt-xs-130 {
        margin-top: 130px !important;
    }

    .mt-xs-140 {
        margin-top: 140px !important;
    }

    .mt-xs-150 {
        margin-top: 150px !important;
    }

    .mt-xs-160 {
        margin-top: 160px !important;
    }

    .mt-xs-170 {
        margin-top: 170px !important;
    }

    .mt-xs-180 {
        margin-top: 180px !important;
    }

    .mt-xs-190 {
        margin-top: 190px !important;
    }

    .mt-xs-200 {
        margin-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-xs-0 {
        margin-right: 0 !important;
    }

    .mr-xs-5 {
        margin-right: 5px !important;
    }

    .mr-xs-10 {
        margin-right: 10px !important;
    }

    .mr-xs-15 {
        margin-right: 15px !important;
    }

    .mr-xs-20 {
        margin-right: 20px !important;
    }

    .mr-xs-30 {
        margin-right: 30px !important;
    }

    .mr-xs-40 {
        margin-right: 40px !important;
    }

    .mr-xs-50 {
        margin-right: 50px !important;
    }

    .mr-xs-60 {
        margin-right: 60px !important;
    }

    .mr-xs-70 {
        margin-right: 70px !important;
    }

    .mr-xs-80 {
        margin-right: 80px !important;
    }

    .mr-xs-90 {
        margin-right: 90px !important;
    }

    .mr-xs-100 {
        margin-right: 100px !important;
    }

    .mr-xs-110 {
        margin-right: 110px !important;
    }

    .mr-xs-120 {
        margin-right: 120px !important;
    }

    .mr-xs-130 {
        margin-right: 130px !important;
    }

    .mr-xs-140 {
        margin-right: 140px !important;
    }

    .mr-xs-150 {
        margin-right: 150px !important;
    }

    .mr-xs-160 {
        margin-right: 160px !important;
    }

    .mr-xs-170 {
        margin-right: 170px !important;
    }

    .mr-xs-180 {
        margin-right: 180px !important;
    }

    .mr-xs-190 {
        margin-right: 190px !important;
    }

    .mr-xs-200 {
        margin-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xs-5 {
        margin-bottom: 5px !important;
    }

    .mb-xs-10 {
        margin-bottom: 10px !important;
    }

    .mb-xs-15 {
        margin-bottom: 15px !important;
    }

    .mb-xs-20 {
        margin-bottom: 20px !important;
    }

    .mb-xs-30 {
        margin-bottom: 30px !important;
    }

    .mb-xs-40 {
        margin-bottom: 40px !important;
    }

    .mb-xs-50 {
        margin-bottom: 50px !important;
    }

    .mb-xs-60 {
        margin-bottom: 60px !important;
    }

    .mb-xs-70 {
        margin-bottom: 70px !important;
    }

    .mb-xs-80 {
        margin-bottom: 80px !important;
    }

    .mb-xs-90 {
        margin-bottom: 90px !important;
    }

    .mb-xs-100 {
        margin-bottom: 100px !important;
    }

    .mb-xs-110 {
        margin-bottom: 110px !important;
    }

    .mb-xs-120 {
        margin-bottom: 120px !important;
    }

    .mb-xs-130 {
        margin-bottom: 130px !important;
    }

    .mb-xs-140 {
        margin-bottom: 140px !important;
    }

    .mb-xs-150 {
        margin-bottom: 150px !important;
    }

    .mb-xs-160 {
        margin-bottom: 160px !important;
    }

    .mb-xs-170 {
        margin-bottom: 170px !important;
    }

    .mb-xs-180 {
        margin-bottom: 180px !important;
    }

    .mb-xs-190 {
        margin-bottom: 190px !important;
    }

    .mb-xs-200 {
        margin-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-xs-0 {
        margin-left: 0 !important;
    }

    .ml-xs-5 {
        margin-left: 5px !important;
    }

    .ml-xs-10 {
        margin-left: 10px !important;
    }

    .ml-xs-15 {
        margin-left: 15px !important;
    }

    .ml-xs-20 {
        margin-left: 20px !important;
    }

    .ml-xs-30 {
        margin-left: 30px !important;
    }

    .ml-xs-40 {
        margin-left: 40px !important;
    }

    .ml-xs-50 {
        margin-left: 50px !important;
    }

    .ml-xs-60 {
        margin-left: 60px !important;
    }

    .ml-xs-70 {
        margin-left: 70px !important;
    }

    .ml-xs-80 {
        margin-left: 80px !important;
    }

    .ml-xs-90 {
        margin-left: 90px !important;
    }

    .ml-xs-100 {
        margin-left: 100px !important;
    }

    .ml-xs-110 {
        margin-left: 110px !important;
    }

    .ml-xs-120 {
        margin-left: 120px !important;
    }

    .ml-xs-130 {
        margin-left: 130px !important;
    }

    .ml-xs-140 {
        margin-left: 140px !important;
    }

    .ml-xs-150 {
        margin-left: 150px !important;
    }

    .ml-xs-160 {
        margin-left: 160px !important;
    }

    .ml-xs-170 {
        margin-left: 170px !important;
    }

    .ml-xs-180 {
        margin-left: 180px !important;
    }

    .ml-xs-190 {
        margin-left: 190px !important;
    }

    .ml-xs-200 {
        margin-left: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-xs-0 {
        padding-top: 0 !important;
    }

    .pt-xs-5 {
        padding-top: 5px !important;
    }

    .pt-xs-10 {
        padding-top: 10px !important;
    }

    .pt-xs-15 {
        padding-top: 15px !important;
    }

    .pt-xs-20 {
        padding-top: 20px !important;
    }

    .pt-xs-30 {
        padding-top: 30px !important;
    }

    .pt-xs-40 {
        padding-top: 40px !important;
    }

    .pt-xs-50 {
        padding-top: 50px !important;
    }

    .pt-xs-60 {
        padding-top: 60px !important;
    }

    .pt-xs-70 {
        padding-top: 70px !important;
    }

    .pt-xs-80 {
        padding-top: 80px !important;
    }

    .pt-xs-90 {
        padding-top: 90px !important;
    }

    .pt-xs-100 {
        padding-top: 100px !important;
    }

    .pt-xs-110 {
        padding-top: 110px !important;
    }

    .pt-xs-120 {
        padding-top: 120px !important;
    }

    .pt-xs-130 {
        padding-top: 130px !important;
    }

    .pt-xs-140 {
        padding-top: 140px !important;
    }

    .pt-xs-150 {
        padding-top: 150px !important;
    }

    .pt-xs-160 {
        padding-top: 160px !important;
    }

    .pt-xs-170 {
        padding-top: 170px !important;
    }

    .pt-xs-180 {
        padding-top: 180px !important;
    }

    .pt-xs-190 {
        padding-top: 190px !important;
    }

    .pt-xs-200 {
        padding-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-xs-0 {
        padding-right: 0 !important;
    }

    .pr-xs-5 {
        padding-right: 5px !important;
    }

    .pr-xs-10 {
        padding-right: 10px !important;
    }

    .pr-xs-15 {
        padding-right: 15px !important;
    }

    .pr-xs-20 {
        padding-right: 20px !important;
    }

    .pr-xs-30 {
        padding-right: 30px !important;
    }

    .pr-xs-40 {
        padding-right: 40px !important;
    }

    .pr-xs-50 {
        padding-right: 50px !important;
    }

    .pr-xs-60 {
        padding-right: 60px !important;
    }

    .pr-xs-70 {
        padding-right: 70px !important;
    }

    .pr-xs-80 {
        padding-right: 80px !important;
    }

    .pr-xs-90 {
        padding-right: 90px !important;
    }

    .pr-xs-100 {
        padding-right: 100px !important;
    }

    .pr-xs-110 {
        padding-right: 110px !important;
    }

    .pr-xs-120 {
        padding-right: 120px !important;
    }

    .pr-xs-130 {
        padding-right: 130px !important;
    }

    .pr-xs-140 {
        padding-right: 140px !important;
    }

    .pr-xs-150 {
        padding-right: 150px !important;
    }

    .pr-xs-160 {
        padding-right: 160px !important;
    }

    .pr-xs-170 {
        padding-right: 170px !important;
    }

    .pr-xs-180 {
        padding-right: 180px !important;
    }

    .pr-xs-190 {
        padding-right: 190px !important;
    }

    .pr-xs-200 {
        padding-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xs-5 {
        padding-bottom: 5px !important;
    }

    .pb-xs-10 {
        padding-bottom: 10px !important;
    }

    .pb-xs-15 {
        padding-bottom: 15px !important;
    }

    .pb-xs-20 {
        padding-bottom: 20px !important;
    }

    .pb-xs-30 {
        padding-bottom: 30px !important;
    }

    .pb-xs-40 {
        padding-bottom: 40px !important;
    }

    .pb-xs-50 {
        padding-bottom: 50px !important;
    }

    .pb-xs-60 {
        padding-bottom: 60px !important;
    }

    .pb-xs-70 {
        padding-bottom: 70px !important;
    }

    .pb-xs-80 {
        padding-bottom: 80px !important;
    }

    .pb-xs-90 {
        padding-bottom: 90px !important;
    }

    .pb-xs-100 {
        padding-bottom: 100px !important;
    }

    .pb-xs-110 {
        padding-bottom: 110px !important;
    }

    .pb-xs-120 {
        padding-bottom: 120px !important;
    }

    .pb-xs-130 {
        padding-bottom: 130px !important;
    }

    .pb-xs-140 {
        padding-bottom: 140px !important;
    }

    .pb-xs-150 {
        padding-bottom: 150px !important;
    }

    .pb-xs-160 {
        padding-bottom: 160px !important;
    }

    .pb-xs-170 {
        padding-bottom: 170px !important;
    }

    .pb-xs-180 {
        padding-bottom: 180px !important;
    }

    .pb-xs-190 {
        padding-bottom: 190px !important;
    }

    .pb-xs-200 {
        padding-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 5.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-xs-0 {
        padding-left: 0 !important;
    }

    .pl-xs-5 {
        padding-left: 5px !important;
    }

    .pl-xs-10 {
        padding-left: 10px !important;
    }

    .pl-xs-15 {
        padding-left: 15px !important;
    }

    .pl-xs-20 {
        padding-left: 20px !important;
    }

    .pl-xs-30 {
        padding-left: 30px !important;
    }

    .pl-xs-40 {
        padding-left: 40px !important;
    }

    .pl-xs-50 {
        padding-left: 50px !important;
    }

    .pl-xs-60 {
        padding-left: 60px !important;
    }

    .pl-xs-70 {
        padding-left: 70px !important;
    }

    .pl-xs-80 {
        padding-left: 80px !important;
    }

    .pl-xs-90 {
        padding-left: 90px !important;
    }

    .pl-xs-100 {
        padding-left: 100px !important;
    }

    .pl-xs-110 {
        padding-left: 110px !important;
    }

    .pl-xs-120 {
        padding-left: 120px !important;
    }

    .pl-xs-130 {
        padding-left: 130px !important;
    }

    .pl-xs-140 {
        padding-left: 140px !important;
    }

    .pl-xs-150 {
        padding-left: 150px !important;
    }

    .pl-xs-160 {
        padding-left: 160px !important;
    }

    .pl-xs-170 {
        padding-left: 170px !important;
    }

    .pl-xs-180 {
        padding-left: 180px !important;
    }

    .pl-xs-190 {
        padding-left: 190px !important;
    }

    .pl-xs-200 {
        padding-left: 200px !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region
 * 6 -> xxs: max-width 479px
 * -----------------------------------------------
*/
@media (max-width:479px) {
    /*#region
 * 6.1 -> Basic Margin
 * -----------------------------------------------
*/
    .m-xxs-0 {
        margin: 0px !important;
    }

    .m-xxs-5 {
        margin: 5px !important;
    }

    .m-xxs-10 {
        margin: 10px !important;
    }

    .m-xxs-15 {
        margin: 15px !important;
    }

    .m-xxs-20 {
        margin: 20px !important;
    }

    .m-xxs-30 {
        margin: 30px !important;
    }

    .m-xxs-40 {
        margin: 40px !important;
    }

    .m-xxs-50 {
        margin: 50px !important;
    }

    .m-xxs-60 {
        margin: 60px !important;
    }

    .m-xxs-70 {
        margin: 70px !important;
    }

    .m-xxs-80 {
        margin: 80px !important;
    }

    .m-xxs-90 {
        margin: 90px !important;
    }

    .m-xxs-100 {
        margin: 100px !important;
    }

    .m-xxs-110 {
        margin: 110px !important;
    }

    .m-xxs-120 {
        margin: 120px !important;
    }

    .m-xxs-130 {
        margin: 130px !important;
    }

    .m-xxs-140 {
        margin: 140px !important;
    }

    .m-xxs-150 {
        margin: 150px !important;
    }

    .m-xxs-160 {
        margin: 160px !important;
    }

    .m-xxs-170 {
        margin: 170px !important;
    }

    .m-xxs-180 {
        margin: 180px !important;
    }

    .m-xxs-190 {
        margin: 190px !important;
    }

    .m-xxs-200 {
        margin: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.2 -> Basic Padding
 * -----------------------------------------------
*/
    .p-xxs-0 {
        padding: 0 !important;
    }

    .p-xxs-5 {
        padding: 5px !important;
    }

    .p-xxs-10 {
        padding: 10px !important;
    }

    .p-xxs-15 {
        padding: 15px !important;
    }

    .p-xxs-20 {
        padding: 20px !important;
    }

    .p-xxs-30 {
        padding: 30px !important;
    }

    .p-xxs-40 {
        padding: 40px !important;
    }

    .p-xxs-50 {
        padding: 50px !important;
    }

    .p-xxs-60 {
        padding: 60px !important;
    }

    .p-xxs-70 {
        padding: 70px !important;
    }

    .p-xxs-80 {
        padding: 80px !important;
    }

    .p-xxs-90 {
        padding: 90px !important;
    }

    .p-xxs-100 {
        padding: 100px !important;
    }

    .p-xxs-110 {
        padding: 110px !important;
    }

    .p-xxs-120 {
        padding: 120px !important;
    }

    .p-xxs-130 {
        padding: 130px !important;
    }

    .p-xxs-140 {
        padding: 140px !important;
    }

    .p-xxs-150 {
        padding: 150px !important;
    }

    .p-xxs-160 {
        padding: 160px !important;
    }

    .p-xxs-170 {
        padding: 170px !important;
    }

    .p-xxs-180 {
        padding: 180px !important;
    }

    .p-xxs-190 {
        padding: 190px !important;
    }

    .p-xxs-200 {
        padding: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.3 -> Margin top
 * -----------------------------------------------
*/
    .mt-xxs-0 {
        margin-top: 0 !important;
    }

    .mt-xxs-5 {
        margin-top: 5px !important;
    }

    .mt-xxs-10 {
        margin-top: 10px !important;
    }

    .mt-xxs-15 {
        margin-top: 15px !important;
    }

    .mt-xxs-20 {
        margin-top: 20px !important;
    }

    .mt-xxs-30 {
        margin-top: 30px !important;
    }

    .mt-xxs-40 {
        margin-top: 40px !important;
    }

    .mt-xxs-50 {
        margin-top: 50px !important;
    }

    .mt-xxs-60 {
        margin-top: 60px !important;
    }

    .mt-xxs-70 {
        margin-top: 70px !important;
    }

    .mt-xxs-80 {
        margin-top: 80px !important;
    }

    .mt-xxs-90 {
        margin-top: 90px !important;
    }

    .mt-xxs-100 {
        margin-top: 100px !important;
    }

    .mt-xxs-110 {
        margin-top: 110px !important;
    }

    .mt-xxs-120 {
        margin-top: 120px !important;
    }

    .mt-xxs-130 {
        margin-top: 130px !important;
    }

    .mt-xxs-140 {
        margin-top: 140px !important;
    }

    .mt-xxs-150 {
        margin-top: 150px !important;
    }

    .mt-xxs-160 {
        margin-top: 160px !important;
    }

    .mt-xxs-170 {
        margin-top: 170px !important;
    }

    .mt-xxs-180 {
        margin-top: 180px !important;
    }

    .mt-xxs-190 {
        margin-top: 190px !important;
    }

    .mt-xxs-200 {
        margin-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.4 -> Margin right
 * -----------------------------------------------
*/
    .mr-xxs-0 {
        margin-right: 0 !important;
    }

    .mr-xxs-5 {
        margin-right: 5px !important;
    }

    .mr-xxs-10 {
        margin-right: 10px !important;
    }

    .mr-xxs-15 {
        margin-right: 15px !important;
    }

    .mr-xxs-20 {
        margin-right: 20px !important;
    }

    .mr-xxs-30 {
        margin-right: 30px !important;
    }

    .mr-xxs-40 {
        margin-right: 40px !important;
    }

    .mr-xxs-50 {
        margin-right: 50px !important;
    }

    .mr-xxs-60 {
        margin-right: 60px !important;
    }

    .mr-xxs-70 {
        margin-right: 70px !important;
    }

    .mr-xxs-80 {
        margin-right: 80px !important;
    }

    .mr-xxs-90 {
        margin-right: 90px !important;
    }

    .mr-xxs-100 {
        margin-right: 100px !important;
    }

    .mr-xxs-110 {
        margin-right: 110px !important;
    }

    .mr-xxs-120 {
        margin-right: 120px !important;
    }

    .mr-xxs-130 {
        margin-right: 130px !important;
    }

    .mr-xxs-140 {
        margin-right: 140px !important;
    }

    .mr-xxs-150 {
        margin-right: 150px !important;
    }

    .mr-xxs-160 {
        margin-right: 160px !important;
    }

    .mr-xxs-170 {
        margin-right: 170px !important;
    }

    .mr-xxs-180 {
        margin-right: 180px !important;
    }

    .mr-xxs-190 {
        margin-right: 190px !important;
    }

    .mr-xxs-200 {
        margin-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.5 -> Margin bottom
 * -----------------------------------------------
*/
    .mb-xxs-0 {
        margin-bottom: 0 !important;
    }

    .mb-xxs-5 {
        margin-bottom: 5px !important;
    }

    .mb-xxs-10 {
        margin-bottom: 10px !important;
    }

    .mb-xxs-15 {
        margin-bottom: 15px !important;
    }

    .mb-xxs-20 {
        margin-bottom: 20px !important;
    }

    .mb-xxs-30 {
        margin-bottom: 30px !important;
    }

    .mb-xxs-40 {
        margin-bottom: 40px !important;
    }

    .mb-xxs-50 {
        margin-bottom: 50px !important;
    }

    .mb-xxs-60 {
        margin-bottom: 60px !important;
    }

    .mb-xxs-70 {
        margin-bottom: 70px !important;
    }

    .mb-xxs-80 {
        margin-bottom: 80px !important;
    }

    .mb-xxs-90 {
        margin-bottom: 90px !important;
    }

    .mb-xxs-100 {
        margin-bottom: 100px !important;
    }

    .mb-xxs-110 {
        margin-bottom: 110px !important;
    }

    .mb-xxs-120 {
        margin-bottom: 120px !important;
    }

    .mb-xxs-130 {
        margin-bottom: 130px !important;
    }

    .mb-xxs-140 {
        margin-bottom: 140px !important;
    }

    .mb-xxs-150 {
        margin-bottom: 150px !important;
    }

    .mb-xxs-160 {
        margin-bottom: 160px !important;
    }

    .mb-xxs-170 {
        margin-bottom: 170px !important;
    }

    .mb-xxs-180 {
        margin-bottom: 180px !important;
    }

    .mb-xxs-190 {
        margin-bottom: 190px !important;
    }

    .mb-xxs-200 {
        margin-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.6 -> Margin left
 * -----------------------------------------------
*/
    .ml-xxs-0 {
        margin-left: 0 !important;
    }

    .ml-xxs-5 {
        margin-left: 5px !important;
    }

    .ml-xxs-10 {
        margin-left: 10px !important;
    }

    .ml-xxs-15 {
        margin-left: 15px !important;
    }

    .ml-xxs-20 {
        margin-left: 20px !important;
    }

    .ml-xxs-30 {
        margin-left: 30px !important;
    }

    .ml-xxs-40 {
        margin-left: 40px !important;
    }

    .ml-xxs-50 {
        margin-left: 50px !important;
    }

    .ml-xxs-60 {
        margin-left: 60px !important;
    }

    .ml-xxs-70 {
        margin-left: 70px !important;
    }

    .ml-xxs-80 {
        margin-left: 80px !important;
    }

    .ml-xxs-90 {
        margin-left: 90px !important;
    }

    .ml-xxs-100 {
        margin-left: 100px !important;
    }

    .ml-xxs-110 {
        margin-left: 110px !important;
    }

    .ml-xxs-120 {
        margin-left: 120px !important;
    }

    .ml-xxs-130 {
        margin-left: 130px !important;
    }

    .ml-xxs-140 {
        margin-left: 140px !important;
    }

    .ml-xxs-150 {
        margin-left: 150px !important;
    }

    .ml-xxs-160 {
        margin-left: 160px !important;
    }

    .ml-xxs-170 {
        margin-left: 170px !important;
    }

    .ml-xxs-180 {
        margin-left: 180px !important;
    }

    .ml-xxs-190 {
        margin-left: 190px !important;
    }

    .ml-xxs-200 {
        margin-left: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.7 -> Padding top
 * -----------------------------------------------
*/
    .pt-xxs-0 {
        padding-top: 0 !important;
    }

    .pt-xxs-5 {
        padding-top: 5px !important;
    }

    .pt-xxs-10 {
        padding-top: 10px !important;
    }

    .pt-xxs-15 {
        padding-top: 15px !important;
    }

    .pt-xxs-20 {
        padding-top: 20px !important;
    }

    .pt-xxs-30 {
        padding-top: 30px !important;
    }

    .pt-xxs-40 {
        padding-top: 40px !important;
    }

    .pt-xxs-50 {
        padding-top: 50px !important;
    }

    .pt-xxs-60 {
        padding-top: 60px !important;
    }

    .pt-xxs-70 {
        padding-top: 70px !important;
    }

    .pt-xxs-80 {
        padding-top: 80px !important;
    }

    .pt-xxs-90 {
        padding-top: 90px !important;
    }

    .pt-xxs-100 {
        padding-top: 100px !important;
    }

    .pt-xxs-110 {
        padding-top: 110px !important;
    }

    .pt-xxs-120 {
        padding-top: 120px !important;
    }

    .pt-xxs-130 {
        padding-top: 130px !important;
    }

    .pt-xxs-140 {
        padding-top: 140px !important;
    }

    .pt-xxs-150 {
        padding-top: 150px !important;
    }

    .pt-xxs-160 {
        padding-top: 160px !important;
    }

    .pt-xxs-170 {
        padding-top: 170px !important;
    }

    .pt-xxs-180 {
        padding-top: 180px !important;
    }

    .pt-xxs-190 {
        padding-top: 190px !important;
    }

    .pt-xxs-200 {
        padding-top: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.8 -> Padding right
 * -----------------------------------------------
*/
    .pr-xxs-0 {
        padding-right: 0 !important;
    }

    .pr-xxs-5 {
        padding-right: 5px !important;
    }

    .pr-xxs-10 {
        padding-right: 10px !important;
    }

    .pr-xxs-15 {
        padding-right: 15px !important;
    }

    .pr-xxs-20 {
        padding-right: 20px !important;
    }

    .pr-xxs-30 {
        padding-right: 30px !important;
    }

    .pr-xxs-40 {
        padding-right: 40px !important;
    }

    .pr-xxs-50 {
        padding-right: 50px !important;
    }

    .pr-xxs-60 {
        padding-right: 60px !important;
    }

    .pr-xxs-70 {
        padding-right: 70px !important;
    }

    .pr-xxs-80 {
        padding-right: 80px !important;
    }

    .pr-xxs-90 {
        padding-right: 90px !important;
    }

    .pr-xxs-100 {
        padding-right: 100px !important;
    }

    .pr-xxs-110 {
        padding-right: 110px !important;
    }

    .pr-xxs-120 {
        padding-right: 120px !important;
    }

    .pr-xxs-130 {
        padding-right: 130px !important;
    }

    .pr-xxs-140 {
        padding-right: 140px !important;
    }

    .pr-xxs-150 {
        padding-right: 150px !important;
    }

    .pr-xxs-160 {
        padding-right: 160px !important;
    }

    .pr-xxs-170 {
        padding-right: 170px !important;
    }

    .pr-xxs-180 {
        padding-right: 180px !important;
    }

    .pr-xxs-190 {
        padding-right: 190px !important;
    }

    .pr-xxs-200 {
        padding-right: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.9 -> Padding bottom
 * -----------------------------------------------
*/
    .pb-xxs-0 {
        padding-bottom: 0 !important;
    }

    .pb-xxs-5 {
        padding-bottom: 5px !important;
    }

    .pb-xxs-10 {
        padding-bottom: 10px !important;
    }

    .pb-xxs-15 {
        padding-bottom: 15px !important;
    }

    .pb-xxs-20 {
        padding-bottom: 20px !important;
    }

    .pb-xxs-30 {
        padding-bottom: 30px !important;
    }

    .pb-xxs-40 {
        padding-bottom: 40px !important;
    }

    .pb-xxs-50 {
        padding-bottom: 50px !important;
    }

    .pb-xxs-60 {
        padding-bottom: 60px !important;
    }

    .pb-xxs-70 {
        padding-bottom: 70px !important;
    }

    .pb-xxs-80 {
        padding-bottom: 80px !important;
    }

    .pb-xxs-90 {
        padding-bottom: 90px !important;
    }

    .pb-xxs-100 {
        padding-bottom: 100px !important;
    }

    .pb-xxs-110 {
        padding-bottom: 110px !important;
    }

    .pb-xxs-120 {
        padding-bottom: 120px !important;
    }

    .pb-xxs-130 {
        padding-bottom: 130px !important;
    }

    .pb-xxs-140 {
        padding-bottom: 140px !important;
    }

    .pb-xxs-150 {
        padding-bottom: 150px !important;
    }

    .pb-xxs-160 {
        padding-bottom: 160px !important;
    }

    .pb-xxs-170 {
        padding-bottom: 170px !important;
    }

    .pb-xxs-180 {
        padding-bottom: 180px !important;
    }

    .pb-xxs-190 {
        padding-bottom: 190px !important;
    }

    .pb-xxs-200 {
        padding-bottom: 200px !important;
    }
    /*#endregion*/


    /*#region
 * 6.10 -> Padding left
 * -----------------------------------------------
*/
    .pl-xxs-0 {
        padding-left: 0 !important;
    }

    .pl-xxs-5 {
        padding-left: 5px !important;
    }

    .pl-xxs-10 {
        padding-left: 10px !important;
    }

    .pl-xxs-15 {
        padding-left: 15px !important;
    }

    .pl-xxs-20 {
        padding-left: 20px !important;
    }

    .pl-xxs-30 {
        padding-left: 30px !important;
    }

    .pl-xxs-40 {
        padding-left: 40px !important;
    }

    .pl-xxs-50 {
        padding-left: 50px !important;
    }

    .pl-xxs-60 {
        padding-left: 60px !important;
    }

    .pl-xxs-70 {
        padding-left: 70px !important;
    }

    .pl-xxs-80 {
        padding-left: 80px !important;
    }

    .pl-xxs-90 {
        padding-left: 90px !important;
    }

    .pl-xxs-100 {
        padding-left: 100px !important;
    }

    .pl-xxs-110 {
        padding-left: 110px !important;
    }

    .pl-xxs-120 {
        padding-left: 120px !important;
    }

    .pl-xxs-130 {
        padding-left: 130px !important;
    }

    .pl-xxs-140 {
        padding-left: 140px !important;
    }

    .pl-xxs-150 {
        padding-left: 150px !important;
    }

    .pl-xxs-160 {
        padding-left: 160px !important;
    }

    .pl-xxs-170 {
        padding-left: 170px !important;
    }

    .pl-xxs-180 {
        padding-left: 180px !important;
    }

    .pl-xxs-190 {
        padding-left: 190px !important;
    }

    .pl-xxs-200 {
        padding-left: 200px !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region
 * 6.10 -> Float left
 * -----------------------------------------------
*/

.fl {
    float: left;
    margin-right: 10px;
}

.fr {
    float: right;
    margin-right: 10px;
}
/*#endregion*/


/*#endregion*/

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms;
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s;
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s;
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s;
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s;
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s;
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s;
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s;
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s;
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s;
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s;
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s;
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s;
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s;
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s;
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s;
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s;
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s;
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s;
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s;
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s;
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s;
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s;
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s;
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s;
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s;
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s;
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s;
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s;
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s;
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s;
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s;
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s;
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s;
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s;
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s;
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s;
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s;
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s;
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s;
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s;
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s;
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s;
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s;
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s;
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s;
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s;
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s;
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s;
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s;
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s;
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s;
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s;
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s;
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s;
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s;
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s;
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s;
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s;
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s;
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        transform: translate(0);
    }

[data-aos=fade-up] {
    transform: translateY(100px);
}

[data-aos=fade-down] {
    transform: translateY(-100px);
}

[data-aos=fade-right] {
    transform: translate(-100px);
}

[data-aos=fade-left] {
    transform: translate(100px);
}

[data-aos=fade-up-right] {
    transform: translate(-100px,100px);
}

[data-aos=fade-up-left] {
    transform: translate(100px,100px);
}

[data-aos=fade-down-right] {
    transform: translate(-100px,-100px);
}

[data-aos=fade-down-left] {
    transform: translate(100px,-100px);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        transform: translate(0) scale(1);
    }

[data-aos=zoom-in] {
    transform: scale(.6);
}

[data-aos=zoom-in-up] {
    transform: translateY(100px) scale(.6);
}

[data-aos=zoom-in-down] {
    transform: translateY(-100px) scale(.6);
}

[data-aos=zoom-in-right] {
    transform: translate(-100px) scale(.6);
}

[data-aos=zoom-in-left] {
    transform: translate(100px) scale(.6);
}

[data-aos=zoom-out] {
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    transform: translateY(100px) scale(1.2);
}

[data-aos=zoom-out-down] {
    transform: translateY(-100px) scale(1.2);
}

[data-aos=zoom-out-right] {
    transform: translate(-100px) scale(1.2);
}

[data-aos=zoom-out-left] {
    transform: translate(100px) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        transform: translate(0);
    }

[data-aos=slide-up] {
    transform: translateY(100%);
}

[data-aos=slide-down] {
    transform: translateY(-100%);
}

[data-aos=slide-right] {
    transform: translateX(-100%);
}

[data-aos=slide-left] {
    transform: translateX(100%);
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }