.body {
    background-color: #fff !important;
}

/*#online-payment-link {
    display: none !important;
}*/

.modal-dialog.modal-alert {
    position: relative;
    width: 311px;
}

.alert-dismissible.fade.show p {
    font-size: 16px !important;
    color: #ff6644
}

.plans-style {
    margin-top: 10px;
}

.ui.modal {
    top: 50px !important;
}

.btn-grey-light {
    border: 1px solid gray;
    color: gray !important;
}

.input-group.ltr .btn-grey-light {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

.color-orangelight {
    color: #ffdcd4;
}

.box-shadow .card-header.panel-detailes {
    border-radius: 0 0 21px 21px !important;
}

.card-title {
    font-size: 0.8rem !important;
}

.header-orange {
    background: #ff6644 !important;
    color: #fff !important;
    padding: 5px 10px;
}

.title-it {
    font-weight: bold;
}


@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.borderd-green {
    border: 1px solid #00bf6f !important;
    padding: 5px 10px !important;
    border-radius: 7px;
}

.borderd-grey {
    border: 1px solid #bdbdbd !important;
    padding: 5px 10px !important;
    border-radius: 7px;
}

input[type='radio'] {
    accent-color: darkcyan;
}

.radius-left {
    border-radius: 7px 0 0 7px !important;
}

.radius-right {
    border-radius: 0 7px 7px 0 !important;
}

input[type='checkbox'] {
    accent-color: orangered;
}

.input-group-append .input-group-text {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
}

.preload-wrapper {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.spinner-border {
    border-radius: 50% !important;
    -webkit-animation: spinner-border .75s linear infinite !important;
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #ffe5e8;
}

    .dark .table-danger, .table-danger > td, .table-danger > th {
        background-color: #ffc6bd;
    }

    .table-danger-deep, .table-danger-deep > td, .table-danger > th {
        background-color: #1e1e2d;
    }

        .table-danger-deep:hover, .table-danger-deep:hover > td, .table-danger > th {
            background-color: #161623;
        }

.dark .table-danger-deep, .dark .table-danger-deep > td, .dark .table-danger > th {
    background-color: #141421;
}

    .dark .table-danger-deep:hover, .dark .table-danger-deep:hover > td, .dark .table-danger > th:hover {
        background-color: #000;
    }

.dark .NotSent {
    background-color: #e7e7f9;
}

    .dark .NotSent:hover {
        background-color: #e0e0f3;
    }

/*.table-danger, .table-danger > td, .table-danger > th {
    background-color: unset;
}

    .table-danger-deep, .table-danger-deep > td, .table-danger > th {
        background-color: unset;
    }

        .table-danger-deep:hover, .table-danger-deep:hover > td, .table-danger > th {
            background-color: unset;
        }*/
.alert-warning {
    color: #fff !important;
    background-color: #ff6644;
    border-color: #ff6644;
    margin: 30px auto !important;
    text-align: center !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f2f2f2;
}

.ui.search .menu .item, .ui.search .text {
    line-height: 18px !important;
    font-size: 11px !important;
}

.text-green {
    color: #00bf6f !important;
}

.wizard > .steps > ul > li {
    margin: 0 0 15px 0 !important;
}

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #00b9b2 !important;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #ff6644 !important;
}

.badge-success {
    background-color: #00bf6f !important;
}

.btn-outline-success {
    background-color: transparent;
    color: #00bf6f !important;
    border-color: #00bf6f;
}

    .btn-outline-success:hover {
        background-color: #00bf6f;
        color: #fff !important;
        border-color: #00bf6f;
    }

.btn-outline-danger {
    background-color: transparent;
    color: #ff6644 !important;
    border-color: #ff6644;
}

    .btn-outline-danger:hover {
        background-color: #ff6644;
        color: #fff !important;
        border-color: #ff6644;
    }


.table .thead-dark th {
    color: #fff !important;
    background-color: #00bf6f !important;
    border-color: #00bf6f !important;
}

.color-navy {
    color: #9597a9 !important;
}

.border-orange {
    border-radius: 7px !important;
    border: 1px solid #ff6644;
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #fdb2a1;
}

.dark select {
    background: #1e1e2d;
}

.off-box {
    padding: 10px 30% 20px;
}

.blacked {
    color: #000 !important;
}


.footer_list li a, .footer_list li {
    color: #85858c !important;
}

.fa-trash {
    font-size: 18px !important;
    vertical-align: middle;
    line-height: 1.2;
}

.table td, .table th {
    vertical-align: middle;
}

.social-icons li {
    text-indent: unset !important;
}

.btn-circle {
    padding: .5rem 0.7rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: 1px solid #ff6644;
}

    .btn-circle:hover {
        border: 1px solid #ff6644;
    }

.title-border {
    border: 1px solid rgb(224, 224, 224);
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center;
    border-radius: 12px;
    min-height: 51px;
    background-color: rgb(249, 249, 249);
    margin-bottom: 16px;
    padding: 16px 21px;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 12px !important;
}

.fs-15 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-29 {
    font-size: 29px !important;
}


text.highcharts-title {
    font-size: 15px !important;
}

tbody#tbody-sparkline {
    font-size: 0.8rem !important;
}


.sidebar-wrapper a {
    font-size: 12px !important;
    color: #d0d0d0 !important;
}

.loQFgg .sidebar-wrapper .active, .loQFgg .sidebar-wrapper a {
    color: #fff !important;
    background-color: unset !important;
    font-weight: 200 !important;
}

.loQFgg .sidebar-wrapper .nav-link i.fa {
    color: #fff !important;
}

.bg-warning {
    background: #ff6644 !important;
}


.headerBack i {
    font-size: 21px !important;
    color: #000;
}

.dark .headerBack i {
    color: #aaa;
}


.nav-item.dropdown a, .fjthFj .horizontal-nav .hor_nav-link span {
    font-size: 12px !important;
}

.horizontal-nav i, .horizontal-nav a i {
    font-size: 22px !important;
}

.color-hot {
    color: #ff6644 !important;
}

.nav-link {
    padding: 0 8px;
}

.orange-btn {
    color: rgb(255, 255, 255) !important;
    background: #ff9908 !important;
}

.text-color-orange {
    color: #ff5307 !important;
}

.font-badge {
    font-size: 12px !important;
    letter-spacing: 1px;
}

.dashboard-main h1 {
    font-size: 17px !important;
}

.ui.toggle.checkbox input:checked ~ label::before, .ui.toggle.checkbox input:checked ~ label:focus {
    background-color: #25b377 !important;
}

.th-style {
    background: #ff6644;
    color: #fff !important;
    border: unset;
    text-align: center;
}

.title-with-bg {
    color: #fff;
    background: #a7b4bf;
    padding: 15px;
    font-size: 17px !important;
}



.post-style .content a {
    color: #fff;
    background: #f75108;
    padding: 5px 15px;
    font-size: 16px !important;
    border-radius: 25px;
    border: 1px solid #f75108;
}

    .post-style .content a:hover {
        color: #f75108;
        background: #fff;
        padding: 5px 15px;
        font-size: 16px !important;
        border-radius: 25px;
        border: 1px solid #f75108;
    }

.post-style h1 {
    font-size: 22px !important;
    color: #f75108 !important;
}

.post-style .content h2 {
    color: #fff;
    background: #f75108;
    padding: 15px;
    font-size: 17px !important;
}

.post-style .img-fluid {
    width: 100%;
}

.w-fluid {
    width: 98% !important;
}

#plotId {
    padding: 40px 20px !important;
    min-width: 300px;
}

    #plotId .toolbox {
        background: #f7f7f7 !important
    }

    #plotId .pwt-btn.pwt-btn-prev, #plotId .pwt-btn.pwt-btn-next {
        background: #ff6644;
        color: #ffd0bb;
        font-size: 17px;
        border-radius: 7px !important;
    }

        #plotId .pwt-btn.pwt-btn-prev span, #plotId .pwt-btn.pwt-btn-next span {
            color: #f9d3c3;
        }

.datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected {
    background-color: #00bf6f !important;
    color: #fff;
    border: none;
    text-shadow: unset !important;
}

    .datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover {
        background-color: #00bf6f !important;
        color: #fff;
        border: none;
        text-shadow: unset !important;
    }



.badge-danger {
    background-color: #ff6644 !important;
    padding: 5px 15px 5px 5px !important;
    border-radius: 7px !important;
}

#sidebar .badge-danger {
    padding: 5px 7px 5px 5px !important;
}

.wo-template .badge-dark {
    font-size: 12px !important;
}

.background-orange {
    background-color: #ff6644 !important;
    color: #fff !important;
}

/*removed due to Issue #308*/
/*.picker__frame {
    transition: all 0.5s ease-out !important;
}*/

.font-kalameh {
    font-family: Kalameh !important;
}


.picker--opened .picker__holder {
    background: rgba(0, 0, 0, 0.6) !important;
    transition: background 0.5s ease-out !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset !important;
}

.rmq-show {
    transition: visibility 0.5s, opacity 0.5s ease-out !important;
    visibility: visible;
    opacity: 1;
}

.rmq-hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s ease-out !important;
}

.full-width {
    width: 100% !important;
}

.normal-width {
    width: calc(100% - 225px) !important;
}


#upload-preview .col-md-3 {
    max-width: 39% !important;
    margin-bottom: 20px;
}

.bg-green {
    background: #04aa6d;
}

.title-style {
    font-size: 17px !important;
    color: #ff6644 !important;
}


.description img.img-fluid {
    width: 60% !important;
}

.dropdown-item {
    text-align: right !important;
}

    .dropdown-item.text-left {
        text-align: left !important;
    }

.sync-chart-label-container {
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    display: none;
}

.scan-img {
    width: 60% !important;
}

.trainer-review .mb-5 {
    text-align: center !important;
    /* background: #fff;*/
}

.light-gray-icon {
    color: #b3b3b3 !important;
    font-size: 12px;
}

.containerZoom {
    min-width: 400px !important;
}

.ui.multiple.dropdown > .label {
    direction: ltr !important;
    margin-left: 10px !important;
}


.training-days .row-narrow .col-narrow {
    float: right !important;
    width: 30px !important;
}

.text-danger.blink i {
    font-style: normal !important;
    font-size: 17px !important;
    margin: 15px 15px;
}

.btn-success {
    color: #fff;
    background-color: #00bf6f !important;
    border-color: #00bf6f !important;
}

.btn-danger {
    background-color: #ff6644 !important;
    border-color: #ff6644 !important;
}

    .btn-danger:hover {
        background-color: #f25632 !important;
        border-color: #f25632 !important;
    }

blockquote {
    background-color: #f6f6f6;
    padding: 20px 30px;
    border-right: 4px solid #f58320 !important;
}

.dark blockquote {
    background-color: #464646;
}

.sidebar-wrapper .nav-link.main-list {
    width: 100% !important;
}


.section-2-blocks-wrapper {
    height: 494px !important;
}


.sidebar-header .badge.badge-danger.badge-pill {
    display: none !important;
}


tr.table-danger-deep td:first-child {
    color: #fff !important;
    text-align: center !important;
}

tr.table-danger-deep td:last-child a i, tr.table-danger td:last-child a i {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
/*.carousel-indicators{
    display: none;
}*/
/*.carousel {
    max-height: 520px !important;
}*/
.header-images {
    height: 290px !important;
    background-position: center center;
    background-size: cover;
}

.hide-on-lg {
    display: none;
}

/*.overlay-style{
    background-image: -webkit-linear-gradient(top, rgba(79,79,110,0.4) 0%, rgba(79,79,110,0.6) 100%) !important;
}*/


.navbar.transparent.navbar-inverse .navbar-inner {
    border-width: 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: rgba(0,0,0,0.0);
    background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0%, rgba(0,0,0,0.00)),color-stop( 100%, rgba(0,0,0,0.00)));
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
}

.profile-style li a {
    font-size: 13px !important;
    margin-top: 10px !important;
    background: #fff !important;
}

.profile-style li .nav-link.arrow_box.active {
    background: #ff6825 !important;
}

.profile-style .nav.nav-pills {
    margin-bottom: 0 !important;
}

.dropzone .dz-message {
    margin: 16% auto !important;
    color: #ff6644;
    font-size: 13px !important;
}


.g-recaptcha div:first-child {
    margin: auto;
}


.letter-spacing {
    letter-spacing: 1px;
}

#ApplicationUser_ProvinceId {
    margin-top: 44px !important;
}

.bg-gray {
    background: #f7f7f7;
}

.dark .bg-gray {
    background: #28283a;
}

div.alert.alert-success p {
    font-size: 13px !important;
}

.alert-success {
    color: #fff !important;
}

#PanelsTrainers_chart div.highcharts-axis-labels span {
    font-size: 11px !important;
}

.bullet-style {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

#WhatIsYourGoal, #LatestExcerciseProgram {
    margin: 10px 0 !important;
}

.navbar-dark .navbar-toggler {
    border-color: #ff6825 !important;
}

.blink {
    /*animation: blinker 1.4s linear infinite !important;*/
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.roomates #headingOne {
    background: #f7f7f7;
    padding: 0 !important;
}

.roomates #headingOne {
    background: #f7f7f7;
    padding: 0 !important;
}

.dark .roomates #headingOne {
    background: #28283a;
    padding: 0 !important;
}

.profile-form #training-days-hours {
    background: #f7f7f7;
    padding: 30px 0;
}

.dark .profile-form #training-days-hours {
    background: #28283a;
}

.dark input.form-control,
.dark textarea.form-control {
    background: #1e1e2d;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.menu-orange {
    background-color: #ff6825 !important;
}

.menu-light-orange {
    background-color: #f5f5f5 !important;
}

.hr-style {
    /*border: 1px solid #ff6644 !important;*/
    width: 100%;
    margin: 0 30px 20px !important;
}

.bordered-gray {
    border: 1px solid #c5c5c5 !important;
    padding: 6px 10px !important;
    border-radius: 0.55rem !important;
}


@keyframes slide1 {
    0%, 100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, 0);
    }
}



.font-bold {
    font-weight: bold !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #02030d !important;
}

.btn-outline-white {
    border-color: #fff;
    color: #fff;
}

    .btn-outline-white:hover {
        border-color: #fff;
        background: #fff;
        color: #ff6644;
    }

.btn-white:hover {
    border-color: #fff;
    color: #fff !important;
    background: #ff6644;
}

.btn-white {
    border-color: #fff;
    background: #fff;
    color: #ff6644 !important;
}

.dashboard-main .white-title {
    color: #6c757d;
}

.dark .list-group-item {
    background: #1e1e2d;
}

.black-bg {
    background: #000 !important;
}

.hot-orang-bg {
    background: #ff6644 !important;
}

.gray-bg {
    background: #85828d !important;
}

.daily-chart path {
    fill: #ffc107 !important;
}



.user-form .card-header:first-child {
    background-color: #ff6644;
    color: #fff !important;
    padding: 14px 30px !important;
}

.diet-template.user-form .card-header:first-child {
    background-color: #ffd24a;
    color: #8a6e19 !important;
}

.dashboard-main form#personal-step small {
    display: none !important;
}




.dashboard-main form #food-time-table .card-header {
    background-color: #fafafa;
    color: #ff6644 !important;
}

.dark .dashboard-main form #food-time-table .card-header {
    background-color: #1e1e2d;
    color: #ff6644 !important;
}


.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #f7f7f7;
}

.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: #e3e3e3;
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #fff7dd;
}

textarea {
    min-height: 61px !important;
}

.alert.alert-success p.mob-text-center {
    font-size: 13px !important;
}

.alert.alert-success p.mob-text-center {
    font-size: 13px !important;
}

.alert.alert-success p.mob-text-center {
    font-size: 13px !important;
}


#attach-modal {
    direction: rtl !important;
}

.container div.alert.alert-success {
    border-radius: 16px !important;
}

.content.post-style img, .content.post-style table {
    margin: 40px 0;
}

.wizard > .steps .number {
    font-size: 15px !important;
}

.nav-item.dropdown div.dropdown-menu {
    top: 18px !important;
}

.wizard > .steps h2, .wizard > .steps .number {
    line-height: 1.4285em !important;
}


.content.post-style h2 {
    margin: 30px 0 20px 0;
    font-size: 23px;
}

.content.post-style small {
    font-size: 12px;
}

.content.post-style h1 {
    color: #f58320;
}

.content.post-style table td {
    padding: 10px;
}

.content.post-style p {
    text-align: justify;
}


.content.post-style table td p {
    padding: 10px;
    text-align: right !important;
}

.cke_editable {
    font-size: 15px !important;
}

.content.post-style p {
    text-align: justify;
    text-align-last: right !important;
}




.content.post-style p {
    line-height: 2.2;
}

.content.post-style .fill-width p {
    text-align: unset !important;
    color: #f58320;
}

    .content.post-style .fill-width p small {
        color: gray;
    }

.content.post-style .img-fluid.img-thumbnail {
    width: 80px !important;
    height: 80px !important;
    margin-top: -10px;
}

.content.post-style img.img-fluid {
    margin: 0;
}

.content.post-style table td {
    border: solid 1px #ff9908 !important;
}


.cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
    font: unset !important;
}

table.cke_dialog, .cke_dialog_contents_body {
    min-width: 70% !important;
    margin: auto auto;
    right: 15%;
}

.ImagePreviewBox td {
    color: #fff !important;
}

table.cke_dialog_contents {
    width: 100% !important;
}

.cke_dialog .ImagePreviewBox {
    width: unset !important;
    height: unset !important;
}

.cke_dialog_ui_input_text {
    width: unset !important;
}

/*a.cke_dialog_tab:first-child, a.cke_dialog_tab:nth-child(2), .cke_dialog_ui_vbox:first-child, .cke_dialog_ui_vbox:nth-child(2){
    display: none !important;
}*/


body #render-body {
    color: #666666 !important;
}


div#filters {
    text-align: right !important;
}

.tab-content .card-header h3 {
    text-align: right !important;
}

.tab-content .card-body {
    padding: 20px 10px !important;
}

    .tab-content .card-body div {
        line-height: 2.4 !important;
    }

    .tab-content .card-body ul li {
        line-height: 2.4 !important;
        display: list-item !important;
        list-style-type: disc !important;
        list-style-position: inside !important;
    }



div#filters .menu {
    direction: rtl !important;
    ;
}

    div#filters .menu .item {
        text-align: right !important;
        direction: rtl !important;
        font-size: 13px !important;
    }

.ui.search .item {
    text-align: right !important;
    direction: rtl !important;
    font-size: 13px !important;
}

.ui.dropdown .item {
    text-align: right !important;
    direction: rtl !important;
    font-size: 13px !important;
}


.ui.dropdown.selection {
    direction: rtl !important;
    text-align: right !important;
    font-size: 11px !important;
}



div#filters a.ui.label {
    direction: ltr !important;
    font-size: 13px !important;
}

.tuto-row video {
    max-width: 330px !important;
}

.dropdown-menu a {
    text-align: right !important;
    direction: rtl !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b !important;
    background-color: #f8f9fa !important;
}

#link {
    display: none
}

.list-group-item.faq-list {
    display: inline-flex !important;
    margin: auto;
}

.btn-warning {
    font-family: pelak !important;
    background-color: #ff9908 !important;
    border-color: #ff9908 !important;
}


.shadow-style {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgb(255, 255, 255);
    border-width: 6px 0px 0px;
    border-color: rgb(255, 202, 83);
    border-style: solid;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 44, 91, 0.3) 0px 45px 40px 0px;
    padding: 60px;
    min-height: 0px;
}


.modal-backdrop {
    opacity: 0.8 !important;
}

.dropzone {
    /*min-height: 150px;*/
    height: 40px !important;
    border: 1px solid rgba(0,0,0,0.3) !important;
}

    .dropzone.dz-clickable {
        border-radius: 15px !important;
    }

.dz-default.dz-message {
    font-size: 12px !important;
}


h4.modal-title {
    font-size: 15px !important;
    color: #ff6644 !important;
    text-align: center !important;
}

.gr-style .form-group {
    padding: 15px !important;
}


/*   .gr-style .form-group:nth-child(even) {
        background: #f7f7f7 !important;
    }*/



.control-label, label.col-form-label, label.col-form-label span {
    font-family: pelak !important;
    font-size: 12px !important;
}

.card-header {
    font-family: pelak !important;
    font-size: 14px !important;
}

input::placeholder, textarea::placeholder {
    font-size: 11px !important;
    color: #9fa2a5 !important;
}






#send-form .form-group label .text-primary {
    /*display: none !important;*/
}

.faq-list a {
    font-size: 13px
}

.pn {
    padding: 10px 0 !important;
}

.card-body {
    font-size: 12px !important;
    padding: 30px 30px !important;
}


.card-header {
    padding: 20px 30px !important;
}

.card-footer {
    padding: 20px
}



.text-red {
    color: red !important;
}


    .text-red:hover {
        color: #fff !important;
    }

.text-orange {
    color: #ff6644 !important;
}

.text-orange-light {
    color: #ff9908 !important;
}


.faq-list .btn-parnt {
    margin: auto !important;
}

.dropdown-menu .dropdown-item {
    padding: 10px 12px !important;
}

.dropdown-menu.bg-dark.show {
    top: 26px !important;
    background: #121420 !important;
}

.dropdown-item:first-child {
    border-radius: 0 !important;
}

.dropdown-menu .dropdown-item {
    color: #b8bbbd !important;
    font-size: 13px !important;
}

    .dropdown-menu .dropdown-item:hover {
        color: #000 !important;
        border-radius: 0 !important;
    }

.dropdown-menu {
    left: -44px !important;
    padding: 0 0 !important;
    border-radius: 0 !important;
    border: unset !important;
}

.dropdown-toggle::after {
    margin-right: .255em !important;
    margin-left: unset !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: orange !important;
    background-color: #f8f9fa !important;
}

.dark .dropdown-item:focus, .dark .dropdown-item:hover {
    color: orange !important;
    background-color: #28283a !important;
}

.fjthFj .horizontal-nav {
    padding: 20px 30px !important;
    background: #101018 !important;
}

    .fjthFj .horizontal-nav .hor_nav-link {
        height: unset !important;
        padding: 0 0px;
    }





.alert-primary {
    font-size: 12px !important;
    color: #ff6c00 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

button.search-icon {
    border-radius: 50px 0 0 50px !important;
    padding: 0 20px !important;
}

.hr-class {
    width: 240px;
    margin: 20px auto;
}

.card-header {
    font-size: 14px !important;
}

.fjthFj .horizontal-nav .profile-nav .hor_nav-link {
    font-size: 13px !important;
}

    .fjthFj .horizontal-nav .profile-nav .hor_nav-link .profile-icon {
        font-size: 16px !important;
    }



body[dir="rtl"] .profile-nav {
    direction: ltr !important;
    flex: 1;
    padding: 0 0 0 40px;
    display: flex;
    justify-content: flex-start;
}

.profile-nav {
    direction: ltr !important;
    display: flex;
    flex: 1;
    padding: 0 40px 0 0;
    justify-content: flex-end;
}

.nav_logo-mobile, .login-mobile {
    display: none;
}

h3 {
    font-size: 14px !important;
    font-family: pelak !important;
}

.color-alert {
    color: #ec4454 !important;
}

.profile-nav a.login-btn {
    padding: 12px 16px !important;
    font-size: 13px !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 7px !important;
    color: #000 !important;
}

.profile-nav a.login-btn-border.hor_nav-link {
    padding: 12px 16px !important;
    font-size: 13px !important;
    background: unset !important;
    border: 1px solid #fff !important;
    border-radius: 7px !important;
    color: #fff !important;
}

.white-btn {
    padding: 0 20px !important;
    font-size: 13px !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 7px !important;
    color: #000 !important;
}

.white-btn-outline {
    padding: 0 20px !important;
    font-size: 13px !important;
    background: unset !important;
    border: 1px solid #fff !important;
    border-radius: 7px !important;
    color: #fff !important;
}


.profile-nav a.login-btn-border.text-light:focus, a.login-btn-border.text-light:hover {
    color: #fff !important;
}

.profile-nav a.login-btn.text-light:focus, .profile-nav a.login-btn.text-light:hover {
    color: #000 !important;
}



.mobile-login {
    font-size: 12px !important;
}

[dir="ltr"] .mobile-login {
    font-size: 11px !important;
    padding: 2px 7px !important;
}

/*.fjthFj .horizontal-nav .hor_nav-link {
    height: 38px !important;
}*/


a:hover, a:visited, a:link, a:active {
    text-decoration: none !important;
}


#myCarousel .carousel-inne > .item.carousel-item {
    text-align: center !important;
}

div.item b {
    text-align: center !important;
}

.ftco-section-2 .section-2-blocks-wrapper .text {
    padding: 18% 7% !important;
}

.ftco-section-2 .section-2-blocks-wrapper .text {
    padding: 10% 7%;
}

#how-we-work .container {
    margin: 40px auto;
}


.ftco-section-2 .section-2-blocks-wrapper .img {
    display: block;
    background-position: center center;
    background-size: contain;
}


element {
    background-color: #4caf50;
    font-size: 14px !important;
    padding: 10px !important;
}

#process .badge {
    display: inline-block;
    padding: 1em 1em;
    font-size: 73%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2em 2em;
}

#process .badge-primary {
    color: #fff !important;
}

.logo-size {
    width: 160px;
    height: auto;
}

.testimony-wrap p.name {
    text-align: center !important;
}

.shopping-cart button[type=submit].btn-primary:hover {
    color: #00bf6f !important;
}

.dtp {
    z-index: 15000000000 !important;
}

.dtp-header {
    display: none !important;
}

.check-list {
    display: none;
}

.alert-success {
    border-radius: 18px !important;
    background: #00bf6f;
    padding: 22px !important;
    margin-bottom: 2rem !important;
}

.wizard > .steps {
    margin-bottom: 8px;
}

.text-info {
    color: #ff6644 !important;
}

.header-moblie {
    display: none;
}

.shopping-cart .card .card-header {
    background: #ff6644;
    color: #fff !important;
}

.badge-dot {
    text-align: justify !important;
}

.route-height {
    /*background-image: url('../img/gray-back.jpg') !important;*/
    background: #fff;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.plan-icon {
    height: 52px;
    width: auto;
}

.color-gray {
    color: #6c7378 !important;
}

.prices {
    font-size: 27px;
    margin: 30px 0 25px 0;
}


a:hover, a:visited, a:link, a:active, button {
    text-decoration: none !important;
}

.font-15 {
    font-size: 15px;
}

.lis-brd-light {
    border: unset !important;
}

.box-shadow {
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
    /*    width: 17.5rem;*/
    width: 100%;
    margin: 0 auto;
    border: none;
    border-radius: 34px;
}

@media (min-width: 992px) {
    .col-lg-3 {
        max-width: 23%;
    }
}

.lis-bg-light {
    background-color: #fff !important;
}

.card-button {
    margin: 30px 0 15px 0;
    width: 135px !important;
    margin: 30px auto 12px;
}

.orange-btn-border {
    margin: 30px 0 15px 0;
    margin: 30px auto 12px;
}

.card-header {
    border-bottom: unset;
}

.c-orange {
    color: #ff6644 !important;
}

.box-shadow:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(31,45,61,.125) !important;
}

.box-shadow {
    transition: all .2s ease-out;
    will-change: transform;
}

.font-12 {
    font-size: 12px !important;
}

.green-title {
    color: #fff !important;
    background-color: #00bf6f !important;
    border-color: #00bf6f !important;
    font-size: 13px;
}

.orange-title {
    color: #fff !important;
    background-color: #ff6644 !important;
    border-color: #ff6644 !important;
}

.card-body div {
    font-size: 12px !important;
    /*color: #747474;*/
    color: #8e8e8e;
    line-height: 1.4 !important;
    /*margin: 7px 0 !important;*/
}

.dark .card-body div {
    font-size: 12px !important;
    /*color: #747474;*/
    color: #ababab;
    line-height: 1.4 !important;
    /*margin: 7px 0 !important;*/
}

.dark .ui.mini.modal .header, .dark .ui.mini.modal .actions {
    border: 1px solid #1e1e2d;
}

.dark .ui.mini.modal {
    border-radius: 8px;
}


.dark .ui.modal > .header {
    color: #8787a2;
}

.dark div.dropdown-divider {
    border-top: #363649 !important;
}

.modal-header {
    border-bottom: 1px solid #363649;
}
/*.card-body {
    margin-top: 20px;
    padding: 20px 21px 0 21px;
}*/


.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    width: auto !important;
    padding: 12px 16px 12px 20px !important;
    display: block !important;
    text-decoration: none !important;
}

.wizard > .steps h2 {
    font-size: 12px !important;
    margin: 0 0 16px !important;
}

.publication-img {
    margin-top: 210px;
}

#baguetteBox-overlay {
    direction: ltr;
}



.skewClass {
    width: 100%;
    /*height: 100px;*/
    /*background: black;*/
    position: relative;
}

    /*.skewClass:before {
        content: '';
        width: 55%;
        height: 120px;
        position: absolute;
        left: 0;
        top: -50px;
        background: black;
        transform: skewY(5deg);
    }*/

    .skewClass:after {
        content: '';
        width: 100%;
        height: 203px;
        position: absolute;
        right: 0;
        top: -68px;
        background: #f7f5f4;
        /*background: linear-gradient(90deg, rgba(246,246,246,1) 55%, rgba(239,239,239,1) 62%, rgba(235,235,235,1) 100%);*/
        transform: skewY(-4deg);
    }



.dashboard-main {
    min-height: calc(100vh - 95px);
    background: rgb(250, 250, 250) none repeat scroll 0% 0%;
}

.dark .dashboard-main {
    background-color: #15151f;
}

.dark .dashboard-main {
    background: #15151f;
}

.gem-icon-inner {
    background-color: #ff9908 !important;
    border-radius: 50%;
    height: 116px;
    width: 116px;
    padding-top: 14px;
    margin: 0 auto;
    top: -19px;
    text-align: center;
}

.separator::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--top-color);
    clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--bottom-color);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.account h1, .white-title {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.dark .account h1, .dark .white-title {
    background: #1e1e2d;
    color: #aaa !important;
}

.dark .input-group-text {
    background: #313148;
    color: #bbb;
}

.dark .alert-danger {
    background: #1e1e2d;
    border-color: #1e1e2d;
}

.dark .text-dark,
.dark table {
    color: #ababab !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ff6644;
    border-color: #ff6644;
}

.dark .divider-2 {
    border-bottom: 1px solid #363649;
    height: 1px;
    margin: 1.5em 0px 1.5em;
}

.divider-2 {
    border-bottom: 1px solid #ececec;
    background-color: #DADADA;
    height: 1px;
    margin: 1.5em 0px 1.5em;
}

    .divider-2 span {
        display: block;
        width: 50px;
        height: 1px;
        background-color: #ff6644;
    }

.divider-2-grey {
    border-bottom: 1px solid #f2f2f2;
    background-color: #DADADA;
    height: 1px;
    margin: 1.5em 0px 1.5em;
}

    .divider-2-grey span {
        display: block;
        width: 50px;
        height: 1px;
        background-color: #ff6644;
    }

.p-f13 {
    font-size: 13px !important;
}

.puls-icon {
    width: 90px;
    height: auto;
    margin: auto;
    vertical-align: middle;
}

.book-icon {
    width: 70px;
    height: auto;
    margin: auto;
    vertical-align: middle;
}

.pulsation {
    height: 300px;
    position: relative;
    width: 300px;
    margin: 0 auto;
}

    .pulsation img {
        border-radius: 9999px;
        /*height: 100%;*/
        position: relative;
        /*width: 100%;*/
        z-index: 2;
    }

@keyframes cycle-colors {
    0% {
        border-color: hsl(0, 100%, 50%);
    }

    25% {
        border-color: hsl(90, 100%, 50%);
    }

    50% {
        border-color: hsl(180, 100%, 50%);
    }

    75% {
        border-color: hsl(270, 100%, 50%);
    }

    100% {
        border-color: hsl(360, 100%, 50%);
    }
}

@keyframes pulse_new {
    to {
        opacity: 0;
        transform: scale(1);
    }
}

.pulsation:before,
.pulsation:after {
    animation: pulse_new 2s linear infinite;
    border: #ff9908 solid 3px;
    border-radius: 9999px;
    box-sizing: border-box;
    content: ' ';
    height: 93%;
    width: 93%;
    left: 10px;
    top: -100px;
    opacity: 1;
    position: absolute;
    transform: scale(0.4);
    z-index: 1;
}

.pulsation:after {
    animation-delay: 1s;
}

.fancybox .gem-icon-size-large.gem-icon-shape-square,
.fancybox .gem-icon-size-large.gem-simple-icon {
    border-radius: 6px;
    /*margin-top: -18px;*/
    /*margin-left: -18px;*/
    z-index: 8; /* changed from 999 to 8 by iraji*/
}


.plan-homepage .container {
    margin-top: 0 !important;
}

.col-center {
    margin: 0 auto;
    float: none !important;
}

.carousel .item {
    color: #999;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    min-height: 170px;
}

.carousel .overview {
    font-style: italic;
}

    .carousel .overview b {
        text-transform: uppercase;
        color: #7AA641;
    }

.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}



.color-orange {
    color: #ff9908 !important;
}

.color-white {
    color: #fff !important;
}

.color-white-light {
    color: #ffffffc4 !important;
}

.carousel-inner b {
    font-size: 17px !important;
}

.overlay-bg {
    opacity: 0.7;
}

.testimonial-style {
    padding: 20px 150px !important;
}

    .testimonial-style p, .testimonial h6 {
        color: #a0a1ac !important;
    }

body {
    background-color: #f2f2f2;
    /*overflow: hidden;*/ /*cause header fix*/
    color: #1e1e2d;
}

    body.dark {
        color: #aaa;
    }

.loQFgg .sideBack {
    box-shadow: unset;
}

.profile-nav a {
    /*padding-right: 10px;*/
    font-size: 13px;
}

.nav_logo {
    float: left;
    max-width: unset;
    width: 125px;
    height: 32px;
}

.sidebar-wrapper a p span {
    font-size: 11px !important;
}

.sidebar-header .logo-img img {
    width: 125px;
}


.loQFgg .close-drawer-icon {
    font-size: 20px;
    cursor: pointer;
    color: #f0f0f05e !important;
}




.nav-link.main-list p {
    color: #aba9b2;
}

.footer-p {
    font-size: 12px;
    text-align: justify;
}

input, textarea {
    border-radius: 7px !important;
    /*border: unset !important; commented by h.irj*/
    padding: 10px 10px;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #ffb400;
}

.alert-info {
    background-color: #fff;
    border-color: #fff;
    border-radius: 10px;
    padding: 30px
}

.owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 50%;
    background: #dadadc;
}

.alert-info {
    color: #030512;
}

.card.shadow {
    margin-bottom: 80px;
}

.plan-homepage .card.shadow {
    margin-bottom: 138px;
}

.text-danger {
    color: #ff6644 !important;
    font-size: 13px !important;
}

a.text-danger, a.text-danger {
    color: #ff6644 !important;
}

    a.text-danger:focus, a.text-danger:hover {
        color: #f53f00 !important;
    }

.bLAXuH .roe-box-shadow {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.owl-carousel .owl-dots {
    text-align: center !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(248, 249, 254, 0.8);
}

.media-pd {
    padding-right: 32px;
}

.table td, .table th {
    border-top: none;
}

.scroll-down {
    opacity: 1;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s;
}

/*.shadow-box {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.8) !important;
}*/

.social-icons {
    text-align: center !important;
}

.social-con {
    margin: 30px 0
}

.counter {
    background-color: #f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 20px auto;
    float: none;
    display: table;
    color: #ff9908;
    font-size: 2.4rem;
}

.grey-blue {
    color: #525f7f;
}



@media (max-width: 767.98px) {
    .parallax-img {
        padding: 5em 0 !important;
        background-position: bottom center !important;
    }
}

.parallax-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
}

.parallax-img1 {
    background-attachment: fixed;
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    /*padding: 10em 0 !important;*/
}


.btn-hot {
    background-color: #f54336 !important;
    color: #fff !important;
    border-radius: 7px !important;
    width: 100% !important;
    border: 2px solid #f54336 !important;
}


.fabs {
    bottom: 0px;
    position: fixed;
    margin: 1em;
    right: 0;
    z-index: 998;
}

@media (max-width: 767.9px) {
    .fabs {
        bottom: 100px;
        right: auto;
        left: 0;
    }
}

.alert-danger {
    border-radius: 7px !important;
    padding: 10px 32px !important;
    margin-bottom: 0 !important;
}

.whatsapp.fab {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50% !important;
    text-align: center;
    color: #f0f0f0;
    margin: 25px auto 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .1);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    transition-delay: 0s;
    transition-delay: 0s;
    position: relative;
    z-index: 998;
    overflow: hidden;
    background: #ff9908;
}

.whatsapp.fab-contact {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50% !important;
    text-align: center;
    color: #f0f0f0;
    margin: 10px auto 8px;
    /*box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .1);*/
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    transition-delay: 0s;
    transition-delay: 0s;
    position: relative;
    z-index: 998;
    overflow: hidden;
    background: #ff9908;
}


.user-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.carousel1 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.testimony-section {
    position: relative;
}

    .testimony-section .owl-carousel {
        margin: 0;
    }

        .testimony-section .owl-carousel .owl-stage-outer {
            /*padding-top: 3em;*/
            /*padding-bottom: 1em;*/
            position: relative;
        }


            .testimony-section .owl-carousel .owl-stage-outer:before {
                position: absolute;
                top: 0;
                left: 0;
                content: '';
                width: 206px;
                height: 100vh;
                -webkit-box-shadow: inset 200px 15px 140px -30px #f7f5f4;
                -moz-box-shadow: inset 200px 15px 140px -30px #f7f5f4;
                box-shadow: inset 200px 15px 140px -30px #f7f5f4;
                z-index: 1;
            }

            .testimony-section .owl-carousel .owl-stage-outer:after {
                position: absolute;
                top: 0;
                right: 0;
                content: '';
                width: 206px;
                height: 100vh;
                -webkit-box-shadow: inset -200px 15px 140px -20px #f7f5f4;
                -moz-box-shadow: inset -200px 15px 140px -20px #f7f5f4;
                box-shadow: inset -200px 15px 140px -20px #f7f5f4;
            }


@media (max-width: 767.98px) {
    .testimony-section .owl-carousel .owl-stage-outer:before, .testimony-section .owl-carousel .owl-stage-outer:after {
        display: none;
    }
}

.testimony-wrap {
    /*background: #fff;*/
    display: block;
    position: relative;
    /*border: 1px solid #f4f4f5;*/
}

    /*.testimony-wrap .user-img {
        width: 400px;
        height: 400px;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: -80px;
    }*/

    .testimony-wrap .name {
        font-weight: 500;
        font-size: 16px;
        margin-bottom: 0;
        color: #404044;
    }

    .testimony-wrap .position {
        font-size: 13px;
        color: #c0c0c3;
    }

    .testimony-wrap .star-rate {
        font-size: 12px;
    }

        .testimony-wrap .star-rate span {
            margin-left: 1px;
            margin-right: 1px;
            color: #ffb400;
        }


    .testimony-wrap .user-img {
        width: 380px;
        height: 380px;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
        /*margin-top: -80px;*/
    }

@media (max-width: 575.98px) {
    .testimony-wrap .user-img {
        width: 300px;
        height: 300px;
    }
}

.img, .chef-img, .insta-img, .menu-img, .user-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.parallax-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    padding: 10em 0 !important;
}


.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}



#prime.box .far, .box.fab {
    font-size: 34px !important;
    line-height: 1.9 !important;
}

#prime.box .far, .box.fab-contact {
    font-size: 34px !important;
    line-height: 1.9 !important;
}

.footer-bottom {
    padding: 27px 0 80px 0;
}

p, label {
    /*text-align: justify;*/
    line-height: 1.6;
}

.footer-bottom .social-icons li {
    display: inline-block;
}

    .footer-bottom .social-icons li a i {
        direction: ltr;
    }


    .footer-bottom .social-icons li a {
        display: block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background: #ff9908;
        color: #fff;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

        .footer-bottom .social-icons li a:hover {
            background: #ff7008;
            color: #fff;
        }


.social-icons-about li a {
    width: 60px !important;
    height: 60px !important;
    line-height: 63px !important;
}

.social-icons-about.box .fab {
    font-size: 33px !important;
    line-height: unset;
}

.lg-btn {
    width: 208px;
    height: 51px;
    font-size: 23px !important;
}

.scroll-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    top: 110px;
    margin-left: -16px;
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #525f7f69;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

    .scroll-down:before {
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 6px);
        transform: rotate(-45deg);
        display: block;
        width: 12px;
        height: 12px;
        content: "";
        border: 2px solid #525f7f69;
        border-width: 0px 0 2px 2px;
    }

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}


.txt-color {
    color: #525f7f !important;
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.badge-dot i {
    display: inline-block;
    width: .375rem;
    height: .375rem;
    /*margin-right: .375rem;*/
    vertical-align: middle;
    border-radius: 50%;
    margin-top: 4px;
}

.td-pd {
    padding: 50px !important;
}

.shadow {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
}

.dark .card {
    background-color: #1e1e2d;
    border: 1px solid #363649;
}

.v-align {
    vertical-align: middle !important;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    /*list-style: none;*/
    margin-bottom: 0px;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 2;
    font-weight: 400;
    color: #64677c;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

    p a {
        display: inline;
        position: relative;
        color: inherit;
        border-bottom: solid 1px #ff9908;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    p:last-of-type {
        margin-bottom: 0;
    }

a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    a, a:hover, a:visited, a:active, a:link {
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
    }

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ff9908;
}

    p a:hover::after {
        opacity: 0.2;
    }

::selection {
    background: rgba(255,153,8,0.8);
    color: #ffffff;
}

p::selection {
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'pelak', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    line-height: 1.2;
    font-weight: 700;
    color: #1d1f2a;
}

    h1::selection,
    h2::selection,
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection {
    }

img {
    max-width: 100%;
}

button, input, optgroup, select, textarea, option {
    font-family: pelak !important;
    font-size: 12px;
    line-height: 1.15;
}

option {
    font-family: IRANSansWeb !important;
    font-size: 12px;
    line-height: 1.15;
}

button:active {
    outline: none;
}

.form-control {
    color: #f53f00;
    font-size: 12px !important;
    text-align: right !important;
}

    .form-control.ltr {
        text-align: left !important;
    }

    .form-control.option {
        font-size: 13px !important;
        direction: rtl !important;
    }

option {
    direction: rtl !important;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

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

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.parallax_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.nopadding {
    padding: 0px !important;
}

.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
    height: 100%;
}

.slide {
    height: 100%;
}

.top_align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button {
    display: inline-block;
    width: 188px;
    height: 63px;
    background: #ff9908;
    text-align: center;
}

    .button::before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: #ff6644;
        content: '';
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }

    .button:hover::before {
        height: 100%;
    }

    .button a {
        display: block;
        position: relative;
        height: 100%;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        line-height: 60px;
    }

.section_title h1 {
    font-size: 68px;
}

/*********************************
3. Header
*********************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000000;
    z-index: 100;
    border-bottom: solid 2px #ff9908;
}

.header_content {
    height: 124px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.header.scrolled .header_content {
    height: 90px;
}

.logo {
    position: absolute;
    left: 54px;
}

    .logo a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .logo > div:first-of-type {
        font-size: 30px;
        font-weight: 500;
        color: #ff9908;
        text-transform: uppercase;
        line-height: 0.75;
    }

        .logo > div:first-of-type span {
            color: #639906;
        }

    .logo > div:last-of-type {
        font-size: 12px;
        font-weight: 500;
        font-style: italic;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 0.75;
        margin-top: 6px;
    }

.main_nav ul li:not(:last-of-type) {
    margin-right: 55px;
}

.main_nav ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

    .main_nav ul li a:hover,
    .main_nav ul li.active a {
        color: #ff9908;
    }

.header_right {
    position: absolute;
    right: 30px;
}

.contact_button {
    width: 188px;
    height: 60px;
    background: #ff9908;
    text-align: center;
}

    .contact_button:hover {
        background: #ff6644;
    }

    .contact_button a {
        display: block;
        height: 100%;
        line-height: 60px;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
    }

.search_container {
    width: 47px;
    height: 47px;
    margin-right: 20px;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .search_container.active {
        width: 200px;
    }

.search_form_container {
    position: absolute;
    top: 0;
    right: -200px;
    width: 200px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.search_container.active .search_form_container {
    right: 0;
}

.search_input {
    width: 100%;
    height: 47px;
    background: #ff9908;
    border: none;
    outline: none;
    border-bottom: solid 2px #ff6644;
    padding-left: 20px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}

.search_button {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
}

    .search_button > svg {
        max-width: 100%;
        max-height: 100%;
    }

        .search_button > svg g path {
            fill: #ffffff;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

    .search_button:hover > svg g path {
        fill: #ff6644;
    }

.hamburger {
    display: none;
    margin-left: 30px;
    cursor: pointer;
    padding: 5px;
}

    .hamburger i {
        font-size: 24px;
        color: #ffffff;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .hamburger:hover i {
        color: #ff9908;
    }

    .hamburger:active i {
        color: #ff6644;
    }

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: -460px;
    left: 0;
    width: 100vw;
    height: 460px;
    background: #ff9908;
    z-index: 99;
    border-bottom: solid 2px #ffffff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

    .menu.active {
        top: 0;
    }

.menu_content {
    padding-top: 200px;
}

.menu_nav ul li {
    display: inline-block;
    position: relative;
}

    .menu_nav ul li a {
        display: block;
        font-size: 24px;
        color: #ffffff;
        padding-left: 5px;
        padding-right: 5px;
    }

        .menu_nav ul li a:hover {
            color: #ff6644;
        }

        .menu_nav ul li a::after {
            position: absolute;
            top: calc(50% + 2px);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            width: 0;
            height: 3px;
            background: #ff6644;
            content: '';
            pointer-events: none;
            -webkit-transition: all 600ms ease;
            -moz-transition: all 600ms ease;
            -ms-transition: all 600ms ease;
            -o-transition: all 600ms ease;
            transition: all 600ms ease;
        }

        .menu_nav ul li a:hover::after {
            width: 100%;
        }

/*********************************
5. Home
*********************************/

.home {
    height: 100vh;
}

.home_slider_container {
    height: 100%;
}

.slide_container {
    position: absolute;
    left: 0;
    top: 27%;
    width: 100%;
}

.slide_content {
    max-width: 500px;
}

.slide_title > div {
    font-size: 60px;
    line-height: 1.33333333;
    color: #ffffff;
}

    .slide_title > div > span {
        font-size: 90px;
        font-weight: 900;
        color: #ff9908;
        text-transform: uppercase;
        line-height: 0.75;
        margin-left: 7px;
    }

.slide_button {
    margin-top: 54px;
}

.home_slider_dots_container {
    position: absolute;
    left: 0;
    bottom: 36px;
    width: 100%;
    z-index: 1;
}

.home_slider_custom_dot:not(:last-child) {
    margin-right: 4px;
}

.home_slider_custom_dot {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height: 44px;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .home_slider_custom_dot:hover,
    .home_slider_custom_dot.active {
        background: #ff9b0d;
    }

.owl-theme .owl-dots {
    display: none;
}

/*********************************
6. Features
*********************************/

.features {
    background: #1d1f2a;
    padding-top: 106px;
}

.icon_box_col {
    margin-bottom: 96px;
}

.icon_box_icon {
    width: 82px;
    height: 82px;
}

    .icon_box_icon svg {
        max-width: 100%;
        max-height: 100%;
    }

.icon_box_title {
    margin-top: 65px;
}

    .icon_box_title h3 {
        color: #ffffff;
    }

.icon_box_text {
    margin-top: 14px;
}

    .icon_box_text p {
        color: rgba(255,255,255,0.5);
    }

.icon_box_icon svg path,
.icon_box_icon svg rect,
.icon_box_icon svg polygon {
    fill: #778990;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.icon_box:hover .icon_box_icon svg path,
.icon_box:hover .icon_box_icon svg rect,
.icon_box:hover .icon_box_icon svg polygon {
    fill: #ff9908;
}

/*********************************
7. Subscription
*********************************/

.sub {
    background: #ffffff;
}

    .sub.container_reset .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

        .sub.container_reset .container .row {
            margin-left: 0;
            margin-right: 0;
        }

            .sub.container_reset .container .row > div[class^="col"] {
                padding-left: 0;
                padding-right: 0;
            }

.sub_content {
    padding-top: 119px;
    padding-left: 170px;
    padding-bottom: 122px;
}

.sub_title {
    padding-right: 100px;
}

.sub_image {
    height: 100%;
}

    .sub_image img {
        display: none;
    }

.sub_text {
    padding-right: 140px;
    margin-top: 22px;
}

.sub_list {
    margin-top: 37px;
}

    .sub_list ul li:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .sub_list ul li > div:last-of-type {
        padding-left: 30px;
        font-size: 15px;
        font-weight: 400;
        color: #64677c;
    }

.ok {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: solid 2px #ff9908;
}

.sub_button {
    margin-top: 70px;
}

/*********************************
8. Portfolio
*********************************/

.portfolio {
    padding-top: 104px;
    padding-bottom: 105px;
    padding-left: 47px;
    padding-right: 43px;
    background: #1d1f2a;
}

.portfolio_slide > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.portfolio_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 5px #ff6644;
    background: rgba(29,31,42,0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.portfolio_slide:hover .portfolio_overlay {
    visibility: visible;
    opacity: 1;
}

.portfolio_icon {
    width: 34px;
    height: 37px;
}

.portfolio_overlay > div > div:last-of-type {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 21px;
}

/*********************************
9. Testimonials
*********************************/

.testimonials {
    background: #ffffff;
    padding-top: 92px;
    padding-bottom: 98px;
}

.testimonials_row {
    margin-top: 54px;
}

.test_text p {
    font-size: 14px;
    font-weight: 500;
    color: #64677c;
    font-style: italic;
    line-height: 1.77777777;
}

.test_author {
    margin-top: 51px;
}

.test_author_image {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}

.test_author_name {
    margin-top: 19px;
}

    .test_author_name a {
        font-size: 16px;
        font-weight: 400;
        color: #64677c;
    }

        .test_author_name a:hover {
            color: #ff9908;
        }

.test_author_title {
    font-size: 16px;
    font-weight: 500;
    color: #ff9908;
}

/*********************************
10. Plans
*********************************/

.plans {
    padding-top: 92px;
    padding-bottom: 75px;
}

.plans_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(29,31,42,0.91);
}

.plans .section_title h1 {
    color: #ffffff;
}

.plans_row {
    margin-top: 77px;
}

.plan {
    background: #ffffff;
    border: solid 10px #ff6644;
    padding-top: 69px;
    padding-bottom: 79px;
    margin-bottom: 30px;
}

.plan_price {
    font-size: 68px;
    font-weight: 700;
    color: #ff9908;
    line-height: 0.75;
}

.plan_name {
    margin-top: 32px;
}

.plan_list {
    margin-top: 41px;
}

    .plan_list ul li:not(:last-of-type) {
        margin-bottom: 8px;
    }

    .plan_list ul li {
        font-size: 15px;
        font-weight: 400;
        color: #64677c;
    }

.plan_button {
    margin-top: 61px;
}

.plan_center {
    background: #1d1f2a;
}

    .plan_center .plan_name h3 {
        color: #ffffff;
    }

/*********************************
11. CTA
*********************************/

.cta {
    background: #ff9908;
    /*padding-top: 30px;*/
    /*padding-bottom: 78px;*/
}

.cta_content {
    font-size: 68px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

    .cta_content a {
        position: relative;
        color: #1d1f2a;
    }

        .cta_content a:hover {
            color: #ff6644;
        }

        .cta_content a::after {
            display: block;
            position: absolute;
            left: 0;
            bottom: 2px;
            width: 100%;
            height: 5px;
            background: #ff6644;
            content: '';
        }

/*********************************
12. Footer
*********************************/

.footer {
    background: #101018 !important;
}

.footer_content {
    padding-top: 80px;
    padding-bottom: 25px;
}

.footer .logo {
    display: inline-block;
    position: relative;
    left: auto;
}

.footer_text {
    margin-top: 40px;
}

    .footer_text p {
        color: #64677c;
    }

/*.social {
    margin-top: 41px;
}*/

.social ul li {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .social ul li:hover {
        background: #ff9908;
    }

    .social ul li:not(:last-of-type) {
        /*margin-right: 16px;*/
    }

    .social ul li a {
        display: block;
        height: 100%;
    }

        .social ul li a i {
            color: #ffffff;
            line-height: 32px;
        }

.footer_bar {
}

.footer_bar_content {
    height: 53px;
}

.copyright {
    font-size: 12px;
    font-weight: 400;
    color: #46495a;
    /*margin: auto;*/
}

.footer_column {
    padding-top: 26px;
}


.footer_list {
    margin-top: 37px;
}

    .footer_list ul li:not(:last-of-type) {
        margin-bottom: 8px;
    }

    .footer_list ul li a {
        font-size: 13px;
        font-weight: 400;
        color: #64677c;
    }

        .footer_list ul li a:hover {
            color: #ff9908;
        }


div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    /*list-style: none;*/
    margin-bottom: 0px;
}

.font-tw {
    font-size: 12px;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 2;
    font-weight: 400;
    color: #64677c;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

    p a {
        display: inline;
        position: relative;
        color: inherit;
        border-bottom: solid 1px #ff9908;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        color: #ff6c00;
    }

    p:last-of-type {
        margin-bottom: 0;
    }

a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    a, a:hover, a:visited, a:active, a:link {
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
    }

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ff9908;
}

    p a:hover::after {
        opacity: 0.2;
    }

::selection {
    background: rgba(255,153,8,0.8);
    color: #ffffff;
}

p::selection {
}

h1 {
    font-size: 17px;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 13px;
}

h4 {
    font-size: 13px;
}

h5 {
    font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'pelak', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    line-height: 1.2;
    font-weight: 700;
    color: rgb(73, 76, 78);
}

    h1::selection,
    h2::selection,
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection {
    }

button:active {
    outline: none;
}

.form-control {
    color: #f64;
}

.custom-radio label {
    margin-right: 10px !important;
    margin-top: 17px !important;
}

.custom-radio input {
    margin-right: 10px !important;
    margin-top: 18px !important;
}

.control-label input[type="radio"] {
    margin-top: 5px !important;
}

label.control-label {
    margin-bottom: 15px !important;
}

    /*label.control-label {
    display: list-item; 
    list-style-type: disc; 
    list-style-position: inside;

}*/

    label.control-label::marker {
        color: #ff6644;
    }

label {
    font-size: 12px;
}

    label.control-label {
        /*padding-right: 10px;*/
    }

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

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

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.parallax_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.nopadding {
    padding: 0px !important;
}

.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
    height: 100%;
}

.slide {
    height: 100%;
}

.top_align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button {
    display: inline-block;
    width: 188px;
    height: 63px;
    background: #ff9908;
    text-align: center;
}

    .button::before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: #ff6644;
        content: '';
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }

    .button:hover::before {
        height: 100%;
    }

    .button a {
        display: block;
        position: relative;
        height: 100%;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        line-height: 60px;
    }

.section_title h1 {
    font-size: 68px;
}

    .section_title h1 span {
        text-transform: uppercase;
        color: #639906;
    }

/*********************************
3. Header
*********************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000000;
    z-index: 100;
    border-bottom: solid 2px #ff9908;
}

.header_content {
    height: 124px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.header.scrolled .header_content {
    height: 90px;
}

.logo {
    position: absolute;
    left: 54px;
}

    .logo a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .logo > div:first-of-type {
        font-size: 30px;
        font-weight: 500;
        color: #ff9908;
        text-transform: uppercase;
        line-height: 0.75;
    }

        .logo > div:first-of-type span {
            color: #639906;
        }

    .logo > div:last-of-type {
        font-size: 12px;
        font-weight: 500;
        font-style: italic;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 0.75;
        margin-top: 6px;
    }

.main_nav ul li:not(:last-of-type) {
    margin-right: 55px;
}

.main_nav ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

    .main_nav ul li a:hover,
    .main_nav ul li.active a {
        color: #ff9908;
    }

.header_right {
    position: absolute;
    right: 30px;
}

.contact_button {
    width: 188px;
    height: 60px;
    background: #ff9908;
    text-align: center;
}

    .contact_button:hover {
        background: #ff6644;
    }

    .contact_button a {
        display: block;
        height: 100%;
        line-height: 60px;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
    }

.search_container {
    width: 47px;
    height: 47px;
    margin-right: 20px;
    overflow: hidden;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .search_container.active {
        width: 200px;
    }

.search_form_container {
    position: absolute;
    top: 0;
    right: -200px;
    width: 200px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.search_container.active .search_form_container {
    right: 0;
}

.search_input {
    width: 100%;
    height: 47px;
    background: #ff9908;
    border: none;
    outline: none;
    border-bottom: solid 2px #ff6644;
    padding-left: 20px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}

.search_button {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
}

    .search_button > svg {
        max-width: 100%;
        max-height: 100%;
    }

        .search_button > svg g path {
            fill: #ffffff;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

    .search_button:hover > svg g path {
        fill: #ff6644;
    }

.hamburger {
    display: none;
    margin-left: 30px;
    cursor: pointer;
    padding: 5px;
}

    .hamburger i {
        font-size: 24px;
        color: #ffffff;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .hamburger:hover i {
        color: #ff9908;
    }

    .hamburger:active i {
        color: #ff6644;
    }

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: -460px;
    left: 0;
    width: 100vw;
    height: 460px;
    background: #ff9908;
    z-index: 99;
    border-bottom: solid 2px #ffffff;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

    .menu.active {
        top: 0;
    }

.menu_content {
    padding-top: 200px;
}

.menu_nav ul li {
    display: inline-block;
    position: relative;
}

    .menu_nav ul li a {
        display: block;
        font-size: 24px;
        color: #ffffff;
        padding-left: 5px;
        padding-right: 5px;
    }

        .menu_nav ul li a:hover {
            color: #ff6644;
        }

        .menu_nav ul li a::after {
            position: absolute;
            top: calc(50% + 2px);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            width: 0;
            height: 3px;
            background: #ff6644;
            content: '';
            pointer-events: none;
            -webkit-transition: all 600ms ease;
            -moz-transition: all 600ms ease;
            -ms-transition: all 600ms ease;
            -o-transition: all 600ms ease;
            transition: all 600ms ease;
        }

        .menu_nav ul li a:hover::after {
            width: 100%;
        }

/*********************************
5. Home
*********************************/

.home {
    height: 335px;
}

.home_container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.home_content {
    padding-bottom: 64px;
}

.home_title {
    font-size: 60px;
    font-weight: 500;
    color: #ffffff;
}

/*********************************
6. Features
*********************************/

.features {
    background: #fff;
    padding-top: 106px;
    /*padding-bottom: 104px;*/
}

.icon_box_col {
    margin-bottom: 84px;
}

.icon_box_icon {
    width: 82px;
    height: 82px;
}

    .icon_box_icon svg {
        max-width: 100%;
        max-height: 100%;
    }

.icon_box_title {
    margin-top: 65px;
}

    .icon_box_title h3 {
        color: #ffffff;
    }

.icon_box_text {
    margin-top: 14px;
}

    .icon_box_text p {
        color: rgba(255,255,255,0.5);
    }

.icon_box_icon svg path,
.icon_box_icon svg rect,
.icon_box_icon svg polygon {
    fill: #778990;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.icon_box:hover .icon_box_icon svg path,
.icon_box:hover .icon_box_icon svg rect,
.icon_box:hover .icon_box_icon svg polygon {
    fill: #ff9908;
}

.icon_box_button {
    margin-top: 11px;
}

/*********************************
7. Trainers
*********************************/

.trainers {
    background: #ffffff;
    padding-top: 89px;
    padding-bottom: 101px;
}

.trainers_text {
    margin-top: 30px;
}

.trainers_row {
    margin-top: 95px;
}

.trainer_name {
    margin-top: 42px;
    font-size: 24px;
    font-weight: 700;
    color: #1d1f2a;
}

.trainer_title {
    font-size: 15px;
    font-weight: 400;
    color: #64677c;
    margin-top: 10px;
}

/*********************************
8. Schedule
*********************************/

.schedule {
    background: #1d1f2a;
    padding-top: 107px;
    padding-bottom: 105px;
}

    .schedule .section_title h1 {
        color: #ffffff;
    }

.schedule_container {
    margin-top: 58px;
}

.schedule_panel {
    margin-top: 33px;
    padding-left: 60px;
    padding-right: 70px;
}

.schedule_column {
    width: calc((100% - 96px) / 7);
    padding-top: 69px;
}

.schedule_day {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: 700;
    color: #64677c;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.schedule_column:hover .schedule_day {
    color: #ff9908;
}

.schedule_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 164px;
}

    .schedule_box:not(:last-of-type) {
        margin-bottom: 16px;
    }

    .schedule_box > div {
        text-align: center;
    }

        .schedule_box > div:first-of-type {
            font-size: 20px;
            position: 700px;
            color: #ffffff;
        }

        .schedule_box > div:last-of-type {
            font-size: 15px;
            font-weight: 400;
            color: #ffffff;
            margin-top: 1px;
        }

.crossfit {
    background: #ff9908;
}

.pilates {
    background: #639906;
}

.crossfit_beginners {
    background: #ff6644;
}

.trx {
    background: #000000;
}

.free {
    background: transparent;
}

.schedule_time {
    display: none;
    position: absolute;
    left: -146px;
    top: 69px;
    width: 146px;
    height: calc(100% - 69px);
}

.schedule_column:first-child > .schedule_time {
    display: block;
}

.schedule_time > div {
    width: 100%;
    height: 100%;
}

    .schedule_time > div > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        width: 100%;
        height: 164px;
        font-size: 14px;
        font-weight: 700;
        color: #5c5f73;
    }

/*********************************
9. CTA
*********************************/
.custom-radio {
    vertical-align: middle !important;
}

.posts {
    margin-top: 80px;
}



.post-read-more {
    max-width: 150px !important;
}

.post-img {
    margin: 20% 0;
}

.img-post-box {
    background: #e7e7e74d;
}

.post-date {
    text-align: left !important;
}

p.card-text.post-lead {
    color: rgba(0,0,0,0.6) !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

a:hover {
    color: #ff6644;
}

.cta {
    background: #ff9908;
    /*padding-top: 30px;*/
    padding-bottom: 78px;
}

.cta_content {
    font-size: 68px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

    .cta_content a {
        position: relative;
        color: #1d1f2a;
    }

        .cta_content a:hover {
            color: #ff6644;
        }

        .cta_content a::after {
            display: block;
            position: absolute;
            left: 0;
            bottom: 2px;
            width: 100%;
            height: 5px;
            background: #ff6644;
            content: '';
        }

/*********************************
10. Footer
*********************************/

.footer {
    background: #0d0e15;
}

.footer_content {
    padding-top: 80px;
    padding-bottom: 85px;
}

.footer .logo {
    display: inline-block;
    position: relative;
    left: auto;
}

.footer_text {
    margin-top: 40px;
}

    .footer_text p {
        color: #85858c;
    }

.social {
    /*margin-top: 41px;*/
}

    .social ul li {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: transparent;
        text-align: center;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .social ul li:hover {
            background: #ff9908;
        }

        .social ul li:not(:last-of-type) {
            /*margin-right: 16px;*/
        }

        .social ul li a {
            display: block;
            height: 100%;
        }

            .social ul li a i {
                color: #ffffff;
                line-height: 32px;
            }

.copyright a {
    font-size: 12px;
    color: #ff9908;
}

    .copyright a:hover {
        color: #ff7008;
    }

.footer_bar {
}

.footer_bar_content {
    height: 53px;
}

.copyright {
    font-size: 12px;
    font-weight: 400;
    color: #46495a;
}

.footer_column {
    padding-top: 26px;
}

.footer_title h3 {
    font-size: 15px;
    color: #f58320;
}


.footer_list {
    margin-top: 37px;
}

    .footer_list ul li:not(:last-of-type) {
        margin-bottom: 8px;
    }

    .footer_list ul li a {
        font-size: 13px;
        font-weight: 400;
        color: #64677c;
    }

        .footer_list ul li a:hover {
            color: #ff9908;
        }

body {
    font-family: 'pelak', Lato;
}

.preferred-diet-group.active label.label-title {
    color: #ff6644 !important;
}

.corresponding label.control-label {
    margin-bottom: 5px !important;
}

.btn-black {
    background: #1e1e2d;
    color: #fff;
}

    .btn-black:hover {
        background: #1e1e2d;
        color: #ff6644;
    }

.corresponding label.control-label {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    display: list-item; /* This has to be "list-item"                                               */
    list-style-type: square; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
}

.preferred-diet-group.active {
    background: #fff;
    padding: 15px 0 10px !important;
}

.dark .preferred-diet-group.active {
    background: #1e1e2d;
}


.shopping-cart label.control-label:first-child {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    display: list-item; /* This has to be "list-item"                                               */
    list-style-type: square; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
}


input[type="text"], textarea {
    font-family: 'pelak' !important;
    font-size: 12px !important;
}


* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body, html {
    /*height: 100%;
    font-family: Ubuntu-Bold, sans-serif;*/ /*cause header fix*/
}

/*---------------------------------------------*/
a {
    font-family: Ubuntu-Bold;
    font-size: 13px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

    a:focus {
        outline: none !important;
    }

    a:hover {
        text-decoration: none;
    }

/*---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

p {
    font-family: Ubuntu-Bold;
    font-size: 12px;
    line-height: 1.7;
    color: #929aa3;
    margin: 0px;
}

ul, li {
    margin: 0px;
    /*list-style-type: none;*/
}


/*---------------------------------------------*/
input {
    outline: none;
    border: none;
}

    input[type="number"] {
        -moz-appearance: textfield;
        appearance: none;
        -webkit-appearance: none;
    }

        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

textarea {
    outline: none;
    border: none;
}

    textarea:focus, input:focus {
        border-color: transparent !important;
    }

input::-webkit-input-placeholder {
    color: #bdbdd3;
}

input:-moz-placeholder {
    color: #bdbdd3;
}

input::-moz-placeholder {
    color: #bdbdd3;
}

input:-ms-input-placeholder {
    color: #bdbdd3;
}

textarea::-webkit-input-placeholder {
    color: #bdbdd3;
}

textarea:-moz-placeholder {
    color: #bdbdd3;
}

textarea::-moz-placeholder {
    color: #bdbdd3;
}

textarea:-ms-input-placeholder {
    color: #bdbdd3;
}

/*---------------------------------------------*/
button {
    outline: none !important;
    border: none;
    background: transparent;
}

    button:hover {
        cursor: pointer;
    }

iframe {
    border: none !important;
}

.social.box {
    padding: 0px 0px 80px 0px;
}

/*---------------------------------------------*/
.container {
    max-width: 1200px;
    margin-top: 80px;
}


.plan-homepage {
    margin-top: -116px;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #9f9e9e;
    border-color: #bababa;
}

.table-sm td, .table-sm th {
    padding: 10px;
}

.fusion-section-separator .rounded-split.bottom::before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: -70px;
    left: 0;
    z-index: 10;
    width: 50%;
    height: 71px;
    background: inherit;
    -webkit-border-radius: 0 80px 0 0;
    border-radius: 0 80px 0 0;
}

.fusion-section-separator .rounded-split.bottom::after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: -70px;
    left: 0;
    z-index: 10;
    width: 50%;
    height: 71px;
    background: inherit;
    left: 50%;
    -webkit-border-radius: 80px 0 0 0;
    border-radius: 80px 0 0 0;
}


/*//////////////////////////////////////////////////////////////////
[ Contact ]*/

.container-contact100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*align-items: center;*/
    padding: 15px;
    position: relative;
    background-color: #f2f2f2;
}

.wrap-contact100 {
    width: 550px;
    background: transparent;
    padding: 60px 30px 20px 30px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ff6644;
}



/*==================================================================
[ Form ]*/

.contact100-form {
    width: 100%;
}

.contact100-form-title {
    display: block;
    font-size: 30px;
    color: #403866;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 49px;
}

/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
    width: 100%;
    background-color: #fff;
    border-radius: 31px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.input100 {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 31px;
    font-family: Ubuntu-Bold;
    font-size: 14px;
    color: #8f8fa1;
    line-height: 1.2;
}


/*---------------------------------------------*/
input.input100 {
    height: 62px;
    padding: 0 35px 0 35px;
}


textarea.input100 {
    min-height: 169px;
    padding: 19px 35px 0 35px;
}

/*------------------------------------------------------------------
[ Focus Input ]*/

.focus-input100 {
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 31px;
    background-color: #fff;
    pointer-events: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.input100:focus + .focus-input100 {
    width: calc(100% + 20px);
}

/*------------------------------------------------------------------
[ Button ]*/
.container-contact100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
}

.contact100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 150px;
    height: 45px;
    background-color: transparent;
    border-radius: 31px;
    font-family: Ubuntu-Bold;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    z-index: 1;
}

    .contact100-form-btn::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 31px;
        background-color: #ff9908;
        pointer-events: none;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }

    .contact100-form-btn:hover:before {
        background-color: #ff7008;
        width: calc(100% + 20px);
    }




/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
    position: relative;
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    z-index: 1000;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 14px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    pointer-events: none;
    font-family: Ubuntu-Bold;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.alert-validate::after {
    content: "\f06a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    z-index: 1100;
    color: #c80000;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1;
    }
}





























/*//////////////////////////////////////////////////////////////////

/* Custom Should be deleted*/

.background-transparent {
    background: transparent !important
}

.border-radius-0 {
    border-radius: 0 !important
}

.fs-0 {
    font-size: 0 !important
}

    .fs-0.light-text {
        font-family: pelak
    }

    .fs-0.regular-text {
        font-family: pelak
    }

    .fs-0.medium-text {
        font-family: pelak
    }

    .fs-0.demi-bold-text {
        font-family: pelak
    }

    .fs-0.bold-text {
        font-family: pelak
    }

.pa-0 {
    padding: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

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

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pbt-0,
.prl-0,
.ptb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.ma-0 {
    margin: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mlr-0,
.mrl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mbt-0,
.mtb-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.border-radius-1 {
    border-radius: 1px !important
}

.fs-1 {
    font-size: 1px !important
}

    .fs-1.light-text {
        font-family: pelak
    }

    .fs-1.regular-text {
        font-family: pelak
    }

    .fs-1.medium-text {
        font-family: pelak
    }

    .fs-1.demi-bold-text {
        font-family: pelak
    }

    .fs-1.bold-text {
        font-family: pelak
    }

.pa-1 {
    padding: 1px !important
}

.pr-1 {
    padding-right: 1px !important
}

.pl-1 {
    padding-left: 1px !important
}

.pt-1 {
    padding-top: 1px !important
}

.pb-1 {
    padding-bottom: 1px !important
}

.plr-1 {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.pbt-1,
.prl-1,
.ptb-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.ma-1 {
    margin: 1px !important
}

.mr-1 {
    margin-right: 1px !important
}

.mt-1 {
    margin-top: 1px !important
}

.mb-1 {
    margin-bottom: 1px !important
}

.ml-1 {
    margin-left: 1px !important
}

.mlr-1,
.mrl-1 {
    margin-left: 1px !important;
    margin-right: 1px !important
}

.mbt-1,
.mtb-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important
}

.border-radius-2 {
    border-radius: 2px !important
}

.fs-2 {
    font-size: 2px !important
}

    .fs-2.light-text {
        font-family: pelak
    }

    .fs-2.regular-text {
        font-family: pelak
    }

    .fs-2.medium-text {
        font-family: pelak
    }

    .fs-2.demi-bold-text {
        font-family: pelak
    }

    .fs-2.bold-text {
        font-family: pelak
    }

.pa-2 {
    padding: 2px !important
}

.pr-2 {
    padding-right: 2px !important
}

.pl-2 {
    padding-left: 2px !important
}

.pt-2 {
    padding-top: 2px !important
}

.pb-2 {
    padding-bottom: 2px !important
}

.plr-2 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.pbt-2,
.prl-2,
.ptb-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.ma-2 {
    margin: 2px !important
}

.mr-2 {
    margin-right: 2px !important
}

.mt-2 {
    margin-top: 2px !important
}

.mb-2 {
    margin-bottom: 2px !important
}

.ml-2 {
    margin-left: 2px !important
}

.mlr-2,
.mrl-2 {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.mbt-2,
.mtb-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.border-radius-3 {
    border-radius: 3px !important
}

.fs-3 {
    font-size: 3px !important
}

    .fs-3.light-text {
        font-family: pelak
    }

    .fs-3.regular-text {
        font-family: pelak
    }

    .fs-3.medium-text {
        font-family: pelak
    }

    .fs-3.demi-bold-text {
        font-family: pelak
    }

    .fs-3.bold-text {
        font-family: pelak
    }

.pa-3 {
    padding: 3px !important
}

.pr-3 {
    padding-right: 3px !important
}

.pl-3 {
    padding-left: 3px !important
}

.pt-3 {
    padding-top: 3px !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.plr-3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.pbt-3,
.prl-3,
.ptb-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.ma-3 {
    margin: 3px !important
}

.mr-3 {
    margin-right: 3px !important
}

.mt-3 {
    margin-top: 3px !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.ml-3 {
    margin-left: 3px !important
}

.mlr-3,
.mrl-3 {
    margin-left: 3px !important;
    margin-right: 3px !important
}

.mbt-3,
.mtb-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.border-radius-4 {
    border-radius: 4px !important
}

.fs-4 {
    font-size: 4px !important
}

    .fs-4.light-text {
        font-family: pelak
    }

    .fs-4.regular-text {
        font-family: pelak
    }

    .fs-4.medium-text {
        font-family: pelak
    }

    .fs-4.demi-bold-text {
        font-family: pelak
    }

    .fs-4.bold-text {
        font-family: pelak
    }

.pa-4 {
    padding: 4px !important
}

.pr-4 {
    padding-right: 4px !important
}

.pl-4 {
    padding-left: 4px !important
}

.pt-4 {
    padding-top: 4px !important
}

.pb-4 {
    padding-bottom: 4px !important
}

.plr-4 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.pbt-4,
.prl-4,
.ptb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.ma-4 {
    margin: 4px !important
}

.mr-4 {
    margin-right: 4px !important
}

.mt-4 {
    margin-top: 4px !important
}

.mb-4 {
    margin-bottom: 4px !important
}

.ml-4 {
    margin-left: 4px !important
}

.mlr-4,
.mrl-4 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.mbt-4,
.mtb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.border-radius-5 {
    border-radius: 5px !important
}

.fs-5 {
    font-size: 5px !important
}

    .fs-5.light-text {
        font-family: pelak
    }

    .fs-5.regular-text {
        font-family: pelak
    }

    .fs-5.medium-text {
        font-family: pelak
    }

    .fs-5.demi-bold-text {
        font-family: pelak
    }

    .fs-5.bold-text {
        font-family: pelak
    }

.pa-5 {
    padding: 5px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.plr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pbt-5,
.prl-5,
.ptb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.ma-5 {
    margin: 5px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.ml-5 {
    margin-left: 5px !important
}

.mlr-5,
.mrl-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mbt-5,
.mtb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.border-radius-6 {
    border-radius: 6px !important
}

.fs-6 {
    font-size: 6px !important
}

    .fs-6.light-text {
        font-family: pelak
    }

    .fs-6.regular-text {
        font-family: pelak
    }

    .fs-6.medium-text {
        font-family: pelak
    }

    .fs-6.demi-bold-text {
        font-family: pelak
    }

    .fs-6.bold-text {
        font-family: pelak
    }

.pa-6 {
    padding: 6px !important
}

.pr-6 {
    padding-right: 6px !important
}

.pl-6 {
    padding-left: 6px !important
}

.pt-6 {
    padding-top: 6px !important
}

.pb-6 {
    padding-bottom: 6px !important
}

.plr-6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.pbt-6,
.prl-6,
.ptb-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.ma-6 {
    margin: 6px !important
}

.mr-6 {
    margin-right: 6px !important
}

.mt-6 {
    margin-top: 6px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.ml-6 {
    margin-left: 6px !important
}

.mlr-6,
.mrl-6 {
    margin-left: 6px !important;
    margin-right: 6px !important
}

.mbt-6,
.mtb-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.border-radius-7 {
    border-radius: 7px !important
}

.fs-7 {
    font-size: 7px !important
}

    .fs-7.light-text {
        font-family: pelak
    }

    .fs-7.regular-text {
        font-family: pelak
    }

    .fs-7.medium-text {
        font-family: pelak
    }

    .fs-7.demi-bold-text {
        font-family: pelak
    }

    .fs-7.bold-text {
        font-family: pelak
    }

.pa-7 {
    padding: 7px !important
}

.pr-7 {
    padding-right: 7px !important
}

.pl-7 {
    padding-left: 7px !important
}

.pt-7 {
    padding-top: 7px !important
}

.pb-7 {
    padding-bottom: 7px !important
}

.plr-7 {
    padding-left: 7px !important;
    padding-right: 7px !important
}

.pbt-7,
.prl-7,
.ptb-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.ma-7 {
    margin: 7px !important
}

.mr-7 {
    margin-right: 7px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mb-7 {
    margin-bottom: 7px !important
}

.ml-7 {
    margin-left: 7px !important
}

.mlr-7,
.mrl-7 {
    margin-left: 7px !important;
    margin-right: 7px !important
}

.mbt-7,
.mtb-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important
}

.border-radius-8 {
    border-radius: 8px !important
}

.fs-8 {
    font-size: 8px !important
}

    .fs-8.light-text {
        font-family: pelak
    }

    .fs-8.regular-text {
        font-family: pelak
    }

    .fs-8.medium-text {
        font-family: pelak
    }

    .fs-8.demi-bold-text {
        font-family: pelak
    }

    .fs-8.bold-text {
        font-family: pelak
    }

.pa-8 {
    padding: 8px !important
}

.pr-8 {
    padding-right: 8px !important
}

.pl-8 {
    padding-left: 8px !important
}

.pt-8 {
    padding-top: 8px !important
}

.pb-8 {
    padding-bottom: 8px !important
}

.plr-8 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.pbt-8,
.prl-8,
.ptb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.ma-8 {
    margin: 8px !important
}

.mr-8 {
    margin-right: 8px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.ml-8 {
    margin-left: 8px !important
}

.mlr-8,
.mrl-8 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.mbt-8,
.mtb-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.border-radius-9 {
    border-radius: 9px !important
}

.fs-9 {
    font-size: 9px !important
}

    .fs-9.light-text {
        font-family: pelak
    }

    .fs-9.regular-text {
        font-family: pelak
    }

    .fs-9.medium-text {
        font-family: pelak
    }

    .fs-9.demi-bold-text {
        font-family: pelak
    }

    .fs-9.bold-text {
        font-family: pelak
    }

.pa-9 {
    padding: 9px !important
}

.pr-9 {
    padding-right: 9px !important
}

.pl-9 {
    padding-left: 9px !important
}

.pt-9 {
    padding-top: 9px !important
}

.pb-9 {
    padding-bottom: 9px !important
}

.plr-9 {
    padding-left: 9px !important;
    padding-right: 9px !important
}

.pbt-9,
.prl-9,
.ptb-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

.ma-9 {
    margin: 9px !important
}

.mr-9 {
    margin-right: 9px !important
}

.mt-9 {
    margin-top: 9px !important
}

.mb-9 {
    margin-bottom: 9px !important
}

.ml-9 {
    margin-left: 9px !important
}

.mlr-9,
.mrl-9 {
    margin-left: 9px !important;
    margin-right: 9px !important
}

.mbt-9,
.mtb-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important
}

.border-radius-10 {
    border-radius: 10px !important
}

.fs-10 {
    font-size: 10px !important
}

    .fs-10.light-text {
        font-family: pelak
    }

    .fs-10.regular-text {
        font-family: pelak
    }

    .fs-10.medium-text {
        font-family: pelak
    }

    .fs-10.demi-bold-text {
        font-family: pelak
    }

    .fs-10.bold-text {
        font-family: pelak
    }

.pa-10 {
    padding: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pbt-10,
.prl-10,
.ptb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.ma-10 {
    margin: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.mlr-10,
.mrl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mbt-10,
.mtb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.border-radius-11 {
    border-radius: 11px !important
}

.fs-11 {
    font-size: 11px !important
}

    .fs-11.light-text {
        font-family: pelak
    }

    .fs-11.regular-text {
        font-family: pelak
    }

    .fs-11.medium-text {
        font-family: pelak
    }

    .fs-11.demi-bold-text {
        font-family: pelak
    }

    .fs-11.bold-text {
        font-family: pelak
    }

.pa-11 {
    padding: 11px !important
}

.pr-11 {
    padding-right: 11px !important
}

.pl-11 {
    padding-left: 11px !important
}

.pt-11 {
    padding-top: 11px !important
}

.pb-11 {
    padding-bottom: 11px !important
}

.plr-11 {
    padding-left: 11px !important;
    padding-right: 11px !important
}

.pbt-11,
.prl-11,
.ptb-11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

.ma-11 {
    margin: 11px !important
}

.mr-11 {
    margin-right: 11px !important
}

.mt-11 {
    margin-top: 11px !important
}

.mb-11 {
    margin-bottom: 11px !important
}

.ml-11 {
    margin-left: 11px !important
}

.mlr-11,
.mrl-11 {
    margin-left: 11px !important;
    margin-right: 11px !important
}

.mbt-11,
.mtb-11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important
}

.border-radius-12 {
    border-radius: 12px !important
}

.fs-12 {
    font-size: 12px !important
}

    .fs-12.light-text {
        font-family: pelak
    }

    .fs-12.regular-text {
        font-family: pelak
    }

    .fs-12.medium-text {
        font-family: pelak
    }

    .fs-12.demi-bold-text {
        font-family: pelak
    }

    .fs-12.bold-text {
        font-family: pelak
    }

.pa-12 {
    padding: 12px !important
}

.pr-12 {
    padding-right: 12px !important
}

.pl-12 {
    padding-left: 12px !important
}

.pt-12 {
    padding-top: 12px !important
}

.pb-12 {
    padding-bottom: 12px !important
}

.plr-12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.pbt-12,
.prl-12,
.ptb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.ma-12 {
    margin: 12px !important
}

.mr-12 {
    margin-right: 12px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mb-12 {
    margin-bottom: 12px !important
}

.ml-12 {
    margin-left: 12px !important
}

.mlr-12,
.mrl-12 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.mbt-12,
.mtb-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.border-radius-13 {
    border-radius: 13px !important
}

.fs-13 {
    font-size: 13px !important
}

    .fs-13.light-text {
        font-family: pelak
    }

    .fs-13.regular-text {
        font-family: pelak
    }

    .fs-13.medium-text {
        font-family: pelak
    }

    .fs-13.demi-bold-text {
        font-family: pelak
    }

    .fs-13.bold-text {
        font-family: pelak
    }

.pa-13 {
    padding: 13px !important
}

.pr-13 {
    padding-right: 13px !important
}

.pl-13 {
    padding-left: 13px !important
}

.pt-13 {
    padding-top: 13px !important
}

.pb-13 {
    padding-bottom: 13px !important
}

.plr-13 {
    padding-left: 13px !important;
    padding-right: 13px !important
}

.pbt-13,
.prl-13,
.ptb-13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

.ma-13 {
    margin: 13px !important
}

.mr-13 {
    margin-right: 13px !important
}

.mt-13 {
    margin-top: 13px !important
}

.mb-13 {
    margin-bottom: 13px !important
}

.ml-13 {
    margin-left: 13px !important
}

.mlr-13,
.mrl-13 {
    margin-left: 13px !important;
    margin-right: 13px !important
}

.mbt-13,
.mtb-13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important
}

.border-radius-14 {
    border-radius: 14px !important
}

.fs-14 {
    font-size: 14px !important
}

    .fs-14.light-text {
        font-family: pelak
    }

    .fs-14.regular-text {
        font-family: pelak
    }

    .fs-14.medium-text {
        font-family: pelak
    }

    .fs-14.demi-bold-text {
        font-family: pelak
    }

    .fs-14.bold-text {
        font-family: pelak
    }

.pa-14 {
    padding: 14px !important
}

.pr-14 {
    padding-right: 14px !important
}

.pl-14 {
    padding-left: 14px !important
}

.pt-14 {
    padding-top: 14px !important
}

.pb-14 {
    padding-bottom: 14px !important
}

.plr-14 {
    padding-left: 14px !important;
    padding-right: 14px !important
}

.pbt-14,
.prl-14,
.ptb-14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

.ma-14 {
    margin: 14px !important
}

.mr-14 {
    margin-right: 14px !important
}

.mt-14 {
    margin-top: 14px !important
}

.mb-14 {
    margin-bottom: 14px !important
}

.ml-14 {
    margin-left: 14px !important
}

.mlr-14,
.mrl-14 {
    margin-left: 14px !important;
    margin-right: 14px !important
}

.mbt-14,
.mtb-14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important
}

.border-radius-15 {
    border-radius: 15px !important
}

.fs-15 {
    font-size: 14px !important
}

    .fs-15.light-text {
        font-family: pelak
    }

    .fs-15.regular-text {
        font-family: pelak
    }

    .fs-15.medium-text {
        font-family: pelak
    }

    .fs-15.demi-bold-text {
        font-family: pelak
    }

    .fs-15.bold-text {
        font-family: pelak
    }

.pa-15 {
    padding: 15px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.plr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.pbt-15,
.prl-15,
.ptb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.ma-15 {
    margin: 15px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.ml-15 {
    margin-left: 15px !important
}

.mlr-15,
.mrl-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mbt-15,
.mtb-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.border-radius-16 {
    border-radius: 16px !important
}

.fs-16 {
    font-size: 16px !important
}

    .fs-16.light-text {
        font-family: pelak
    }

    .fs-16.regular-text {
        font-family: pelak
    }

    .fs-16.medium-text {
        font-family: pelak
    }

    .fs-16.demi-bold-text {
        font-family: pelak
    }

    .fs-16.bold-text {
        font-family: pelak
    }

.pa-16 {
    padding: 16px !important
}

.pr-16 {
    padding-right: 16px !important
}

.pl-16 {
    padding-left: 16px !important
}

.pt-16 {
    padding-top: 16px !important
}

.pb-16 {
    padding-bottom: 16px !important
}

.plr-16 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.pbt-16,
.prl-16,
.ptb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.ma-16 {
    margin: 16px !important
}

.mr-16 {
    margin-right: 16px !important
}

.mt-16 {
    margin-top: 16px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

.ml-16 {
    margin-left: 16px !important
}

.mlr-16,
.mrl-16 {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.mbt-16,
.mtb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.border-radius-17 {
    border-radius: 17px !important
}

.fs-17 {
    font-size: 17px !important
}

    .fs-17.light-text {
        font-family: pelak
    }

    .fs-17.regular-text {
        font-family: pelak
    }

    .fs-17.medium-text {
        font-family: pelak
    }

    .fs-17.demi-bold-text {
        font-family: pelak
    }

    .fs-17.bold-text {
        font-family: pelak
    }

.pa-17 {
    padding: 17px !important
}

.pr-17 {
    padding-right: 17px !important
}

.pl-17 {
    padding-left: 17px !important
}

.pt-17 {
    padding-top: 17px !important
}

.pb-17 {
    padding-bottom: 17px !important
}

.plr-17 {
    padding-left: 17px !important;
    padding-right: 17px !important
}

.pbt-17,
.prl-17,
.ptb-17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important
}

.ma-17 {
    margin: 17px !important
}

.mr-17 {
    margin-right: 17px !important
}

.mt-17 {
    margin-top: 17px !important
}

.mb-17 {
    margin-bottom: 17px !important
}

.ml-17 {
    margin-left: 17px !important
}

.mlr-17,
.mrl-17 {
    margin-left: 17px !important;
    margin-right: 17px !important
}

.mbt-17,
.mtb-17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important
}

.border-radius-18 {
    border-radius: 18px !important
}

.fs-18 {
    font-size: 18px !important
}

    .fs-18.light-text {
        font-family: pelak
    }

    .fs-18.regular-text {
        font-family: pelak
    }

    .fs-18.medium-text {
        font-family: pelak
    }

    .fs-18.demi-bold-text {
        font-family: pelak
    }

    .fs-18.bold-text {
        font-family: pelak
    }

.pa-18 {
    padding: 18px !important
}

.pr-18 {
    padding-right: 18px !important
}

.pl-18 {
    padding-left: 18px !important
}

.pt-18 {
    padding-top: 18px !important
}

.pb-18 {
    padding-bottom: 18px !important
}

.plr-18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.pbt-18,
.prl-18,
.ptb-18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.ma-18 {
    margin: 18px !important
}

.mr-18 {
    margin-right: 18px !important
}

.mt-18 {
    margin-top: 18px !important
}

.mb-18 {
    margin-bottom: 18px !important
}

.ml-18 {
    margin-left: 18px !important
}

.mlr-18,
.mrl-18 {
    margin-left: 18px !important;
    margin-right: 18px !important
}

.mbt-18,
.mtb-18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important
}

.border-radius-19 {
    border-radius: 19px !important
}

.fs-19 {
    font-size: 19px !important
}

    .fs-19.light-text {
        font-family: pelak
    }

    .fs-19.regular-text {
        font-family: pelak
    }

    .fs-19.medium-text {
        font-family: pelak
    }

    .fs-19.demi-bold-text {
        font-family: pelak
    }

    .fs-19.bold-text {
        font-family: pelak
    }

.pa-19 {
    padding: 19px !important
}

.pr-19 {
    padding-right: 19px !important
}

.pl-19 {
    padding-left: 19px !important
}

.pt-19 {
    padding-top: 19px !important
}

.pb-19 {
    padding-bottom: 19px !important
}

.plr-19 {
    padding-left: 19px !important;
    padding-right: 19px !important
}

.pbt-19,
.prl-19,
.ptb-19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important
}

.ma-19 {
    margin: 19px !important
}

.mr-19 {
    margin-right: 19px !important
}

.mt-19 {
    margin-top: 19px !important
}

.mb-19 {
    margin-bottom: 19px !important
}

.ml-19 {
    margin-left: 19px !important
}

.mlr-19,
.mrl-19 {
    margin-left: 19px !important;
    margin-right: 19px !important
}

.mbt-19,
.mtb-19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important
}

.border-radius-20 {
    border-radius: 20px !important
}

.fs-20 {
    font-size: 20px !important
}

    .fs-20.light-text {
        font-family: pelak
    }

    .fs-20.regular-text {
        font-family: pelak
    }

    .fs-20.medium-text {
        font-family: pelak
    }

    .fs-20.demi-bold-text {
        font-family: pelak
    }

    .fs-20.bold-text {
        font-family: pelak
    }

.pa-20 {
    padding: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pbt-20,
.prl-20,
.ptb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.ma-20 {
    margin: 20px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.ml-20 {
    margin-left: 20px !important
}

.mlr-20,
.mrl-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mbt-20,
.mtb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.border-radius-21 {
    border-radius: 21px !important
}

.fs-21 {
    font-size: 21px !important
}

    .fs-21.light-text {
        font-family: pelak
    }

    .fs-21.regular-text {
        font-family: pelak
    }

    .fs-21.medium-text {
        font-family: pelak
    }

    .fs-21.demi-bold-text {
        font-family: pelak
    }

    .fs-21.bold-text {
        font-family: pelak
    }

.pa-21 {
    padding: 21px !important
}

.pr-21 {
    padding-right: 21px !important
}

.pl-21 {
    padding-left: 21px !important
}

.pt-21 {
    padding-top: 21px !important
}

.pb-21 {
    padding-bottom: 21px !important
}

.plr-21 {
    padding-left: 21px !important;
    padding-right: 21px !important
}

.pbt-21,
.prl-21,
.ptb-21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important
}

.ma-21 {
    margin: 21px !important
}

.mr-21 {
    margin-right: 21px !important
}

.mt-21 {
    margin-top: 21px !important
}

.mb-21 {
    margin-bottom: 21px !important
}

.ml-21 {
    margin-left: 21px !important
}

.mlr-21,
.mrl-21 {
    margin-left: 21px !important;
    margin-right: 21px !important
}

.mbt-21,
.mtb-21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important
}

.border-radius-22 {
    border-radius: 22px !important
}

.fs-22 {
    font-size: 22px !important
}

    .fs-22.light-text {
        font-family: pelak
    }

    .fs-22.regular-text {
        font-family: pelak
    }

    .fs-22.medium-text {
        font-family: pelak
    }

    .fs-22.demi-bold-text {
        font-family: pelak
    }

    .fs-22.bold-text {
        font-family: pelak
    }

.pa-22 {
    padding: 22px !important
}

.pr-22 {
    padding-right: 22px !important
}

.pl-22 {
    padding-left: 22px !important
}

.pt-22 {
    padding-top: 22px !important
}

.pb-22 {
    padding-bottom: 22px !important
}

.plr-22 {
    padding-left: 22px !important;
    padding-right: 22px !important
}

.pbt-22,
.prl-22,
.ptb-22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

.ma-22 {
    margin: 22px !important
}

.mr-22 {
    margin-right: 22px !important
}

.mt-22 {
    margin-top: 22px !important
}

.mb-22 {
    margin-bottom: 22px !important
}

.ml-22 {
    margin-left: 22px !important
}

.mlr-22,
.mrl-22 {
    margin-left: 22px !important;
    margin-right: 22px !important
}

.mbt-22,
.mtb-22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important
}

.border-radius-23 {
    border-radius: 23px !important
}

.fs-23 {
    font-size: 23px !important
}

    .fs-23.light-text {
        font-family: pelak
    }

    .fs-23.regular-text {
        font-family: pelak
    }

    .fs-23.medium-text {
        font-family: pelak
    }

    .fs-23.demi-bold-text {
        font-family: pelak
    }

    .fs-23.bold-text {
        font-family: pelak
    }

.pa-23 {
    padding: 23px !important
}

.pr-23 {
    padding-right: 23px !important
}

.pl-23 {
    padding-left: 23px !important
}

.pt-23 {
    padding-top: 23px !important
}

.pb-23 {
    padding-bottom: 23px !important
}

.plr-23 {
    padding-left: 23px !important;
    padding-right: 23px !important
}

.pbt-23,
.prl-23,
.ptb-23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important
}

.ma-23 {
    margin: 23px !important
}

.mr-23 {
    margin-right: 23px !important
}

.mt-23 {
    margin-top: 23px !important
}

.mb-23 {
    margin-bottom: 23px !important
}

.ml-23 {
    margin-left: 23px !important
}

.mlr-23,
.mrl-23 {
    margin-left: 23px !important;
    margin-right: 23px !important
}

.mbt-23,
.mtb-23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important
}

.border-radius-24 {
    border-radius: 24px !important
}

.fs-24 {
    font-size: 24px !important
}

    .fs-24.light-text {
        font-family: pelak
    }

    .fs-24.regular-text {
        font-family: pelak
    }

    .fs-24.medium-text {
        font-family: pelak
    }

    .fs-24.demi-bold-text {
        font-family: pelak
    }

    .fs-24.bold-text {
        font-family: pelak
    }

.pa-24 {
    padding: 24px !important
}

.pr-24 {
    padding-right: 24px !important
}

.pl-24 {
    padding-left: 24px !important
}

.pt-24 {
    padding-top: 24px !important
}

.pb-24 {
    padding-bottom: 24px !important
}

.plr-24 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.pbt-24,
.prl-24,
.ptb-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.ma-24 {
    margin: 24px !important
}

.mr-24 {
    margin-right: 24px !important
}

.mt-24 {
    margin-top: 24px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.ml-24 {
    margin-left: 24px !important
}

.mlr-24,
.mrl-24 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.mbt-24,
.mtb-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.border-radius-25 {
    border-radius: 25px !important
}

.fs-25 {
    font-size: 25px !important
}

    .fs-25.light-text {
        font-family: pelak
    }

    .fs-25.regular-text {
        font-family: pelak
    }

    .fs-25.medium-text {
        font-family: pelak
    }

    .fs-25.demi-bold-text {
        font-family: pelak
    }

    .fs-25.bold-text {
        font-family: pelak
    }

.pa-25 {
    padding: 25px !important
}

.pr-25 {
    padding-right: 25px !important
}

.pl-25 {
    padding-left: 25px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.plr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.pbt-25,
.prl-25,
.ptb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.ma-25 {
    margin: 25px !important
}

.mr-25 {
    margin-right: 25px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.ml-25 {
    margin-left: 25px !important
}

.mlr-25,
.mrl-25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.mbt-25,
.mtb-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.border-radius-26 {
    border-radius: 26px !important
}

.fs-26 {
    font-size: 26px !important
}

    .fs-26.light-text {
        font-family: pelak
    }

    .fs-26.regular-text {
        font-family: pelak
    }

    .fs-26.medium-text {
        font-family: pelak
    }

    .fs-26.demi-bold-text {
        font-family: pelak
    }

    .fs-26.bold-text {
        font-family: pelak
    }

.pa-26 {
    padding: 26px !important
}

.pr-26 {
    padding-right: 26px !important
}

.pl-26 {
    padding-left: 26px !important
}

.pt-26 {
    padding-top: 26px !important
}

.pb-26 {
    padding-bottom: 26px !important
}

.plr-26 {
    padding-left: 26px !important;
    padding-right: 26px !important
}

.pbt-26,
.prl-26,
.ptb-26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

.ma-26 {
    margin: 26px !important
}

.mr-26 {
    margin-right: 26px !important
}

.mt-26 {
    margin-top: 26px !important
}

.mb-26 {
    margin-bottom: 26px !important
}

.ml-26 {
    margin-left: 26px !important
}

.mlr-26,
.mrl-26 {
    margin-left: 26px !important;
    margin-right: 26px !important
}

.mbt-26,
.mtb-26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important
}

.border-radius-27 {
    border-radius: 27px !important
}

.fs-27 {
    font-size: 27px !important
}

    .fs-27.light-text {
        font-family: pelak
    }

    .fs-27.regular-text {
        font-family: pelak
    }

    .fs-27.medium-text {
        font-family: pelak
    }

    .fs-27.demi-bold-text {
        font-family: pelak
    }

    .fs-27.bold-text {
        font-family: pelak
    }

.pa-27 {
    padding: 27px !important
}

.pr-27 {
    padding-right: 27px !important
}

.pl-27 {
    padding-left: 27px !important
}

.pt-27 {
    padding-top: 27px !important
}

.pb-27 {
    padding-bottom: 27px !important
}

.plr-27 {
    padding-left: 27px !important;
    padding-right: 27px !important
}

.pbt-27,
.prl-27,
.ptb-27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important
}

.ma-27 {
    margin: 27px !important
}

.mr-27 {
    margin-right: 27px !important
}

.mt-27 {
    margin-top: 27px !important
}

.mb-27 {
    margin-bottom: 27px !important
}

.ml-27 {
    margin-left: 27px !important
}

.mlr-27,
.mrl-27 {
    margin-left: 27px !important;
    margin-right: 27px !important
}

.mbt-27,
.mtb-27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important
}

.border-radius-28 {
    border-radius: 28px !important
}

.fs-28 {
    font-size: 28px !important
}

    .fs-28.light-text {
        font-family: pelak
    }

    .fs-28.regular-text {
        font-family: pelak
    }

    .fs-28.medium-text {
        font-family: pelak
    }

    .fs-28.demi-bold-text {
        font-family: pelak
    }

    .fs-28.bold-text {
        font-family: pelak
    }

.pa-28 {
    padding: 28px !important
}

.pr-28 {
    padding-right: 28px !important
}

.pl-28 {
    padding-left: 28px !important
}

.pt-28 {
    padding-top: 28px !important
}

.pb-28 {
    padding-bottom: 28px !important
}

.plr-28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.pbt-28,
.prl-28,
.ptb-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.ma-28 {
    margin: 28px !important
}

.mr-28 {
    margin-right: 28px !important
}

.mt-28 {
    margin-top: 28px !important
}

.mb-28 {
    margin-bottom: 28px !important
}

.ml-28 {
    margin-left: 28px !important
}

.mlr-28,
.mrl-28 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

.mbt-28,
.mtb-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

.border-radius-29 {
    border-radius: 29px !important
}

.fs-29 {
    font-size: 29px !important
}

    .fs-29.light-text {
        font-family: pelak
    }

    .fs-29.regular-text {
        font-family: pelak
    }

    .fs-29.medium-text {
        font-family: pelak
    }

    .fs-29.demi-bold-text {
        font-family: pelak
    }

    .fs-29.bold-text {
        font-family: pelak
    }

.pa-29 {
    padding: 29px !important
}

.pr-29 {
    padding-right: 29px !important
}

.pl-29 {
    padding-left: 29px !important
}

.pt-29 {
    padding-top: 29px !important
}

.pb-29 {
    padding-bottom: 29px !important
}

.plr-29 {
    padding-left: 29px !important;
    padding-right: 29px !important
}

.pbt-29,
.prl-29,
.ptb-29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important
}

.ma-29 {
    margin: 29px !important
}

.mr-29 {
    margin-right: 29px !important
}

.mt-29 {
    margin-top: 29px !important
}

.mb-29 {
    margin-bottom: 29px !important
}

.ml-29 {
    margin-left: 29px !important
}

.mlr-29,
.mrl-29 {
    margin-left: 29px !important;
    margin-right: 29px !important
}

.mbt-29,
.mtb-29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important
}

.border-radius-30 {
    border-radius: 30px !important
}

.fs-30 {
    font-size: 30px !important
}

    .fs-30.light-text {
        font-family: pelak
    }

    .fs-30.regular-text {
        font-family: pelak
    }

    .fs-30.medium-text {
        font-family: pelak
    }

    .fs-30.demi-bold-text {
        font-family: pelak
    }

    .fs-30.bold-text {
        font-family: pelak
    }

.pa-30 {
    padding: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.plr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.pbt-30,
.prl-30,
.ptb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.ma-30 {
    margin: 30px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.ml-30 {
    margin-left: 30px !important
}

.mlr-30,
.mrl-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mbt-30,
.mtb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.border-radius-31 {
    border-radius: 31px !important
}

.fs-31 {
    font-size: 31px !important
}

    .fs-31.light-text {
        font-family: pelak
    }

    .fs-31.regular-text {
        font-family: pelak
    }

    .fs-31.medium-text {
        font-family: pelak
    }

    .fs-31.demi-bold-text {
        font-family: pelak
    }

    .fs-31.bold-text {
        font-family: pelak
    }

.pa-31 {
    padding: 31px !important
}

.pr-31 {
    padding-right: 31px !important
}

.pl-31 {
    padding-left: 31px !important
}

.pt-31 {
    padding-top: 31px !important
}

.pb-31 {
    padding-bottom: 31px !important
}

.plr-31 {
    padding-left: 31px !important;
    padding-right: 31px !important
}

.pbt-31,
.prl-31,
.ptb-31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important
}

.ma-31 {
    margin: 31px !important
}

.mr-31 {
    margin-right: 31px !important
}

.mt-31 {
    margin-top: 31px !important
}

.mb-31 {
    margin-bottom: 31px !important
}

.ml-31 {
    margin-left: 31px !important
}

.mlr-31,
.mrl-31 {
    margin-left: 31px !important;
    margin-right: 31px !important
}

.mbt-31,
.mtb-31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important
}

.border-radius-32 {
    border-radius: 32px !important
}

.fs-32 {
    font-size: 32px !important
}

    .fs-32.light-text {
        font-family: pelak
    }

    .fs-32.regular-text {
        font-family: pelak
    }

    .fs-32.medium-text {
        font-family: pelak
    }

    .fs-32.demi-bold-text {
        font-family: pelak
    }

    .fs-32.bold-text {
        font-family: pelak
    }

.pa-32 {
    padding: 32px !important
}

.pr-32 {
    padding-right: 32px !important
}

.pl-32 {
    padding-left: 32px !important
}

.pt-32 {
    padding-top: 32px !important
}

.pb-32 {
    padding-bottom: 32px !important
}

.plr-32 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.pbt-32,
.prl-32,
.ptb-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.ma-32 {
    margin: 32px !important
}

.mr-32 {
    margin-right: 32px !important
}

.mt-32 {
    margin-top: 32px !important
}

.mb-32 {
    margin-bottom: 32px !important
}

.ml-32 {
    margin-left: 32px !important
}

.mlr-32,
.mrl-32 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.mbt-32,
.mtb-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.border-radius-33 {
    border-radius: 33px !important
}

.fs-33 {
    font-size: 33px !important
}

    .fs-33.light-text {
        font-family: pelak
    }

    .fs-33.regular-text {
        font-family: pelak
    }

    .fs-33.medium-text {
        font-family: pelak
    }

    .fs-33.demi-bold-text {
        font-family: pelak
    }

    .fs-33.bold-text {
        font-family: pelak
    }

.pa-33 {
    padding: 33px !important
}

.pr-33 {
    padding-right: 33px !important
}

.pl-33 {
    padding-left: 33px !important
}

.pt-33 {
    padding-top: 33px !important
}

.pb-33 {
    padding-bottom: 33px !important
}

.plr-33 {
    padding-left: 33px !important;
    padding-right: 33px !important
}

.pbt-33,
.prl-33,
.ptb-33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important
}

.ma-33 {
    margin: 33px !important
}

.mr-33 {
    margin-right: 33px !important
}

.mt-33 {
    margin-top: 33px !important
}

.mb-33 {
    margin-bottom: 33px !important
}

.ml-33 {
    margin-left: 33px !important
}

.mlr-33,
.mrl-33 {
    margin-left: 33px !important;
    margin-right: 33px !important
}

.mbt-33,
.mtb-33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important
}

.border-radius-34 {
    border-radius: 34px !important
}

.fs-34 {
    font-size: 34px !important
}

    .fs-34.light-text {
        font-family: pelak
    }

    .fs-34.regular-text {
        font-family: pelak
    }

    .fs-34.medium-text {
        font-family: pelak
    }

    .fs-34.demi-bold-text {
        font-family: pelak
    }

    .fs-34.bold-text {
        font-family: pelak
    }

.pa-34 {
    padding: 34px !important
}

.pr-34 {
    padding-right: 34px !important
}

.pl-34 {
    padding-left: 34px !important
}

.pt-34 {
    padding-top: 34px !important
}

.pb-34 {
    padding-bottom: 34px !important
}

.plr-34 {
    padding-left: 34px !important;
    padding-right: 34px !important
}

.pbt-34,
.prl-34,
.ptb-34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important
}

.ma-34 {
    margin: 34px !important
}

.mr-34 {
    margin-right: 34px !important
}

.mt-34 {
    margin-top: 34px !important
}

.mb-34 {
    margin-bottom: 34px !important
}

.ml-34 {
    margin-left: 34px !important
}

.mlr-34,
.mrl-34 {
    margin-left: 34px !important;
    margin-right: 34px !important
}

.mbt-34,
.mtb-34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important
}

.border-radius-35 {
    border-radius: 35px !important
}

.fs-35 {
    font-size: 35px !important
}

    .fs-35.light-text {
        font-family: pelak
    }

    .fs-35.regular-text {
        font-family: pelak
    }

    .fs-35.medium-text {
        font-family: pelak
    }

    .fs-35.demi-bold-text {
        font-family: pelak
    }

    .fs-35.bold-text {
        font-family: pelak
    }

.pa-35 {
    padding: 35px !important
}

.pr-35 {
    padding-right: 35px !important
}

.pl-35 {
    padding-left: 35px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.plr-35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.pbt-35,
.prl-35,
.ptb-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.ma-35 {
    margin: 35px !important
}

.mr-35 {
    margin-right: 35px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.ml-35 {
    margin-left: 35px !important
}

.mlr-35,
.mrl-35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.mbt-35,
.mtb-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.border-radius-36 {
    border-radius: 36px !important
}

.fs-36 {
    font-size: 36px !important
}

    .fs-36.light-text {
        font-family: pelak
    }

    .fs-36.regular-text {
        font-family: pelak
    }

    .fs-36.medium-text {
        font-family: pelak
    }

    .fs-36.demi-bold-text {
        font-family: pelak
    }

    .fs-36.bold-text {
        font-family: pelak
    }

.pa-36 {
    padding: 36px !important
}

.pr-36 {
    padding-right: 36px !important
}

.pl-36 {
    padding-left: 36px !important
}

.pt-36 {
    padding-top: 36px !important
}

.pb-36 {
    padding-bottom: 36px !important
}

.plr-36 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.pbt-36,
.prl-36,
.ptb-36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.ma-36 {
    margin: 36px !important
}

.mr-36 {
    margin-right: 36px !important
}

.mt-36 {
    margin-top: 36px !important
}

.mb-36 {
    margin-bottom: 36px !important
}

.ml-36 {
    margin-left: 36px !important
}

.mlr-36,
.mrl-36 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.mbt-36,
.mtb-36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

.border-radius-37 {
    border-radius: 37px !important
}

.fs-37 {
    font-size: 37px !important
}

    .fs-37.light-text {
        font-family: pelak
    }

    .fs-37.regular-text {
        font-family: pelak
    }

    .fs-37.medium-text {
        font-family: pelak
    }

    .fs-37.demi-bold-text {
        font-family: pelak
    }

    .fs-37.bold-text {
        font-family: pelak
    }

.pa-37 {
    padding: 37px !important
}

.pr-37 {
    padding-right: 37px !important
}

.pl-37 {
    padding-left: 37px !important
}

.pt-37 {
    padding-top: 37px !important
}

.pb-37 {
    padding-bottom: 37px !important
}

.plr-37 {
    padding-left: 37px !important;
    padding-right: 37px !important
}

.pbt-37,
.prl-37,
.ptb-37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important
}

.ma-37 {
    margin: 37px !important
}

.mr-37 {
    margin-right: 37px !important
}

.mt-37 {
    margin-top: 37px !important
}

.mb-37 {
    margin-bottom: 37px !important
}

.ml-37 {
    margin-left: 37px !important
}

.mlr-37,
.mrl-37 {
    margin-left: 37px !important;
    margin-right: 37px !important
}

.mbt-37,
.mtb-37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important
}

.border-radius-38 {
    border-radius: 38px !important
}

.fs-38 {
    font-size: 38px !important
}

    .fs-38.light-text {
        font-family: pelak
    }

    .fs-38.regular-text {
        font-family: pelak
    }

    .fs-38.medium-text {
        font-family: pelak
    }

    .fs-38.demi-bold-text {
        font-family: pelak
    }

    .fs-38.bold-text {
        font-family: pelak
    }

.pa-38 {
    padding: 38px !important
}

.pr-38 {
    padding-right: 38px !important
}

.pl-38 {
    padding-left: 38px !important
}

.pt-38 {
    padding-top: 38px !important
}

.pb-38 {
    padding-bottom: 38px !important
}

.plr-38 {
    padding-left: 38px !important;
    padding-right: 38px !important
}

.pbt-38,
.prl-38,
.ptb-38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important
}

.ma-38 {
    margin: 38px !important
}

.mr-38 {
    margin-right: 38px !important
}

.mt-38 {
    margin-top: 38px !important
}

.mb-38 {
    margin-bottom: 38px !important
}

.ml-38 {
    margin-left: 38px !important
}

.mlr-38,
.mrl-38 {
    margin-left: 38px !important;
    margin-right: 38px !important
}

.mbt-38,
.mtb-38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important
}

.border-radius-39 {
    border-radius: 39px !important
}

.fs-39 {
    font-size: 39px !important
}

    .fs-39.light-text {
        font-family: pelak
    }

    .fs-39.regular-text {
        font-family: pelak
    }

    .fs-39.medium-text {
        font-family: pelak
    }

    .fs-39.demi-bold-text {
        font-family: pelak
    }

    .fs-39.bold-text {
        font-family: pelak
    }

.pa-39 {
    padding: 39px !important
}

.pr-39 {
    padding-right: 39px !important
}

.pl-39 {
    padding-left: 39px !important
}

.pt-39 {
    padding-top: 39px !important
}

.pb-39 {
    padding-bottom: 39px !important
}

.plr-39 {
    padding-left: 39px !important;
    padding-right: 39px !important
}

.pbt-39,
.prl-39,
.ptb-39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important
}

.ma-39 {
    margin: 39px !important
}

.mr-39 {
    margin-right: 39px !important
}

.mt-39 {
    margin-top: 39px !important
}

.mb-39 {
    margin-bottom: 39px !important
}

.ml-39 {
    margin-left: 39px !important
}

.mlr-39,
.mrl-39 {
    margin-left: 39px !important;
    margin-right: 39px !important
}

.mbt-39,
.mtb-39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important
}

.border-radius-40 {
    border-radius: 40px !important
}

.fs-40 {
    font-size: 40px !important
}

    .fs-40.light-text {
        font-family: pelak
    }

    .fs-40.regular-text {
        font-family: pelak
    }

    .fs-40.medium-text {
        font-family: pelak
    }

    .fs-40.demi-bold-text {
        font-family: pelak
    }

    .fs-40.bold-text {
        font-family: pelak
    }

.pa-40 {
    padding: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.plr-40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.pbt-40,
.prl-40,
.ptb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.ma-40 {
    margin: 40px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.ml-40 {
    margin-left: 40px !important
}

.mlr-40,
.mrl-40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mbt-40,
.mtb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.border-radius-41 {
    border-radius: 41px !important
}

.fs-41 {
    font-size: 41px !important
}

    .fs-41.light-text {
        font-family: pelak
    }

    .fs-41.regular-text {
        font-family: pelak
    }

    .fs-41.medium-text {
        font-family: pelak
    }

    .fs-41.demi-bold-text {
        font-family: pelak
    }

    .fs-41.bold-text {
        font-family: pelak
    }

.pa-41 {
    padding: 41px !important
}

.pr-41 {
    padding-right: 41px !important
}

.pl-41 {
    padding-left: 41px !important
}

.pt-41 {
    padding-top: 41px !important
}

.pb-41 {
    padding-bottom: 41px !important
}

.plr-41 {
    padding-left: 41px !important;
    padding-right: 41px !important
}

.pbt-41,
.prl-41,
.ptb-41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important
}

.ma-41 {
    margin: 41px !important
}

.mr-41 {
    margin-right: 41px !important
}

.mt-41 {
    margin-top: 41px !important
}

.mb-41 {
    margin-bottom: 41px !important
}

.ml-41 {
    margin-left: 41px !important
}

.mlr-41,
.mrl-41 {
    margin-left: 41px !important;
    margin-right: 41px !important
}

.mbt-41,
.mtb-41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important
}

.border-radius-42 {
    border-radius: 42px !important
}

.fs-42 {
    font-size: 42px !important
}

    .fs-42.light-text {
        font-family: pelak
    }

    .fs-42.regular-text {
        font-family: pelak
    }

    .fs-42.medium-text {
        font-family: pelak
    }

    .fs-42.demi-bold-text {
        font-family: pelak
    }

    .fs-42.bold-text {
        font-family: pelak
    }

.pa-42 {
    padding: 42px !important
}

.pr-42 {
    padding-right: 42px !important
}

.pl-42 {
    padding-left: 42px !important
}

.pt-42 {
    padding-top: 42px !important
}

.pb-42 {
    padding-bottom: 42px !important
}

.plr-42 {
    padding-left: 42px !important;
    padding-right: 42px !important
}

.pbt-42,
.prl-42,
.ptb-42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important
}

.ma-42 {
    margin: 42px !important
}

.mr-42 {
    margin-right: 42px !important
}

.mt-42 {
    margin-top: 42px !important
}

.mb-42 {
    margin-bottom: 42px !important
}

.ml-42 {
    margin-left: 42px !important
}

.mlr-42,
.mrl-42 {
    margin-left: 42px !important;
    margin-right: 42px !important
}

.mbt-42,
.mtb-42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important
}

.border-radius-43 {
    border-radius: 43px !important
}

.fs-43 {
    font-size: 43px !important
}

    .fs-43.light-text {
        font-family: pelak
    }

    .fs-43.regular-text {
        font-family: pelak
    }

    .fs-43.medium-text {
        font-family: pelak
    }

    .fs-43.demi-bold-text {
        font-family: pelak
    }

    .fs-43.bold-text {
        font-family: pelak
    }

.pa-43 {
    padding: 43px !important
}

.pr-43 {
    padding-right: 43px !important
}

.pl-43 {
    padding-left: 43px !important
}

.pt-43 {
    padding-top: 43px !important
}

.pb-43 {
    padding-bottom: 43px !important
}

.plr-43 {
    padding-left: 43px !important;
    padding-right: 43px !important
}

.pbt-43,
.prl-43,
.ptb-43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important
}

.ma-43 {
    margin: 43px !important
}

.mr-43 {
    margin-right: 43px !important
}

.mt-43 {
    margin-top: 43px !important
}

.mb-43 {
    margin-bottom: 43px !important
}

.ml-43 {
    margin-left: 43px !important
}

.mlr-43,
.mrl-43 {
    margin-left: 43px !important;
    margin-right: 43px !important
}

.mbt-43,
.mtb-43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important
}

.border-radius-44 {
    border-radius: 44px !important
}

.fs-44 {
    font-size: 44px !important
}

    .fs-44.light-text {
        font-family: pelak
    }

    .fs-44.regular-text {
        font-family: pelak
    }

    .fs-44.medium-text {
        font-family: pelak
    }

    .fs-44.demi-bold-text {
        font-family: pelak
    }

    .fs-44.bold-text {
        font-family: pelak
    }

.pa-44 {
    padding: 44px !important
}

.pr-44 {
    padding-right: 44px !important
}

.pl-44 {
    padding-left: 44px !important
}

.pt-44 {
    padding-top: 44px !important
}

.pb-44 {
    padding-bottom: 44px !important
}

.plr-44 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.pbt-44,
.prl-44,
.ptb-44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.ma-44 {
    margin: 44px !important
}

.mr-44 {
    margin-right: 44px !important
}

.mt-44 {
    margin-top: 44px !important
}

.mb-44 {
    margin-bottom: 44px !important
}

.ml-44 {
    margin-left: 44px !important
}

.mlr-44,
.mrl-44 {
    margin-left: 44px !important;
    margin-right: 44px !important
}

.mbt-44,
.mtb-44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important
}

.border-radius-45 {
    border-radius: 45px !important
}

.fs-45 {
    font-size: 45px !important
}

    .fs-45.light-text {
        font-family: pelak
    }

    .fs-45.regular-text {
        font-family: pelak
    }

    .fs-45.medium-text {
        font-family: pelak
    }

    .fs-45.demi-bold-text {
        font-family: pelak
    }

    .fs-45.bold-text {
        font-family: pelak
    }

.pa-45 {
    padding: 45px !important
}

.pr-45 {
    padding-right: 45px !important
}

.pl-45 {
    padding-left: 45px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.plr-45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.pbt-45,
.prl-45,
.ptb-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.ma-45 {
    margin: 45px !important
}

.mr-45 {
    margin-right: 45px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.ml-45 {
    margin-left: 45px !important
}

.mlr-45,
.mrl-45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.mbt-45,
.mtb-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.border-radius-46 {
    border-radius: 46px !important
}

.fs-46 {
    font-size: 46px !important
}

    .fs-46.light-text {
        font-family: pelak
    }

    .fs-46.regular-text {
        font-family: pelak
    }

    .fs-46.medium-text {
        font-family: pelak
    }

    .fs-46.demi-bold-text {
        font-family: pelak
    }

    .fs-46.bold-text {
        font-family: pelak
    }

.pa-46 {
    padding: 46px !important
}

.pr-46 {
    padding-right: 46px !important
}

.pl-46 {
    padding-left: 46px !important
}

.pt-46 {
    padding-top: 46px !important
}

.pb-46 {
    padding-bottom: 46px !important
}

.plr-46 {
    padding-left: 46px !important;
    padding-right: 46px !important
}

.pbt-46,
.prl-46,
.ptb-46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important
}

.ma-46 {
    margin: 46px !important
}

.mr-46 {
    margin-right: 46px !important
}

.mt-46 {
    margin-top: 46px !important
}

.mb-46 {
    margin-bottom: 46px !important
}

.ml-46 {
    margin-left: 46px !important
}

.mlr-46,
.mrl-46 {
    margin-left: 46px !important;
    margin-right: 46px !important
}

.mbt-46,
.mtb-46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important
}

.border-radius-47 {
    border-radius: 47px !important
}

.fs-47 {
    font-size: 47px !important
}

    .fs-47.light-text {
        font-family: pelak
    }

    .fs-47.regular-text {
        font-family: pelak
    }

    .fs-47.medium-text {
        font-family: pelak
    }

    .fs-47.demi-bold-text {
        font-family: pelak
    }

    .fs-47.bold-text {
        font-family: pelak
    }

.pa-47 {
    padding: 47px !important
}

.pr-47 {
    padding-right: 47px !important
}

.pl-47 {
    padding-left: 47px !important
}

.pt-47 {
    padding-top: 47px !important
}

.pb-47 {
    padding-bottom: 47px !important
}

.plr-47 {
    padding-left: 47px !important;
    padding-right: 47px !important
}

.pbt-47,
.prl-47,
.ptb-47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important
}

.ma-47 {
    margin: 47px !important
}

.mr-47 {
    margin-right: 47px !important
}

.mt-47 {
    margin-top: 47px !important
}

.mb-47 {
    margin-bottom: 47px !important
}

.ml-47 {
    margin-left: 47px !important
}

.mlr-47,
.mrl-47 {
    margin-left: 47px !important;
    margin-right: 47px !important
}

.mbt-47,
.mtb-47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important
}

.border-radius-48 {
    border-radius: 48px !important
}

.fs-48 {
    font-size: 48px !important
}

    .fs-48.light-text {
        font-family: pelak
    }

    .fs-48.regular-text {
        font-family: pelak
    }

    .fs-48.medium-text {
        font-family: pelak
    }

    .fs-48.demi-bold-text {
        font-family: pelak
    }

    .fs-48.bold-text {
        font-family: pelak
    }

.pa-48 {
    padding: 48px !important
}

.pr-48 {
    padding-right: 48px !important
}

.pl-48 {
    padding-left: 48px !important
}

.pt-48 {
    padding-top: 48px !important
}

.pb-48 {
    padding-bottom: 48px !important
}

.plr-48 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.pbt-48,
.prl-48,
.ptb-48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.ma-48 {
    margin: 48px !important
}

.mr-48 {
    margin-right: 48px !important
}

.mt-48 {
    margin-top: 48px !important
}

.mb-48 {
    margin-bottom: 48px !important
}

.ml-48 {
    margin-left: 48px !important
}

.mlr-48,
.mrl-48 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.mbt-48,
.mtb-48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.border-radius-49 {
    border-radius: 49px !important
}

.fs-49 {
    font-size: 49px !important
}

    .fs-49.light-text {
        font-family: pelak
    }

    .fs-49.regular-text {
        font-family: pelak
    }

    .fs-49.medium-text {
        font-family: pelak
    }

    .fs-49.demi-bold-text {
        font-family: pelak
    }

    .fs-49.bold-text {
        font-family: pelak
    }

.pa-49 {
    padding: 49px !important
}

.pr-49 {
    padding-right: 49px !important
}

.pl-49 {
    padding-left: 49px !important
}

.pt-49 {
    padding-top: 49px !important
}

.pb-49 {
    padding-bottom: 49px !important
}

.plr-49 {
    padding-left: 49px !important;
    padding-right: 49px !important
}

.pbt-49,
.prl-49,
.ptb-49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important
}

.ma-49 {
    margin: 49px !important
}

.mr-49 {
    margin-right: 49px !important
}

.mt-49 {
    margin-top: 49px !important
}

.mb-49 {
    margin-bottom: 49px !important
}

.ml-49 {
    margin-left: 49px !important
}

.mlr-49,
.mrl-49 {
    margin-left: 49px !important;
    margin-right: 49px !important
}

.mbt-49,
.mtb-49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important
}

.border-radius-50 {
    border-radius: 50px !important
}

.fs-50 {
    font-size: 50px !important
}

    .fs-50.light-text {
        font-family: pelak
    }

    .fs-50.regular-text {
        font-family: pelak
    }

    .fs-50.medium-text {
        font-family: pelak
    }

    .fs-50.demi-bold-text {
        font-family: pelak
    }

    .fs-50.bold-text {
        font-family: pelak
    }

.pa-50 {
    padding: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.plr-50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.pbt-50,
.prl-50,
.ptb-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.ma-50 {
    margin: 50px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mlr-50,
.mrl-50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.mbt-50,
.mtb-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.border-radius-51 {
    border-radius: 51px !important
}

.fs-51 {
    font-size: 51px !important
}

    .fs-51.light-text {
        font-family: pelak
    }

    .fs-51.regular-text {
        font-family: pelak
    }

    .fs-51.medium-text {
        font-family: pelak
    }

    .fs-51.demi-bold-text {
        font-family: pelak
    }

    .fs-51.bold-text {
        font-family: pelak
    }

.pa-51 {
    padding: 51px !important
}

.pr-51 {
    padding-right: 51px !important
}

.pl-51 {
    padding-left: 51px !important
}

.pt-51 {
    padding-top: 51px !important
}

.pb-51 {
    padding-bottom: 51px !important
}

.plr-51 {
    padding-left: 51px !important;
    padding-right: 51px !important
}

.pbt-51,
.prl-51,
.ptb-51 {
    padding-top: 51px !important;
    padding-bottom: 51px !important
}

.ma-51 {
    margin: 51px !important
}

.mr-51 {
    margin-right: 51px !important
}

.mt-51 {
    margin-top: 51px !important
}

.mb-51 {
    margin-bottom: 51px !important
}

.ml-51 {
    margin-left: 51px !important
}

.mlr-51,
.mrl-51 {
    margin-left: 51px !important;
    margin-right: 51px !important
}

.mbt-51,
.mtb-51 {
    margin-top: 51px !important;
    margin-bottom: 51px !important
}

.border-radius-52 {
    border-radius: 52px !important
}

.fs-52 {
    font-size: 52px !important
}

    .fs-52.light-text {
        font-family: pelak
    }

    .fs-52.regular-text {
        font-family: pelak
    }

    .fs-52.medium-text {
        font-family: pelak
    }

    .fs-52.demi-bold-text {
        font-family: pelak
    }

    .fs-52.bold-text {
        font-family: pelak
    }

.pa-52 {
    padding: 52px !important
}

.pr-52 {
    padding-right: 52px !important
}

.pl-52 {
    padding-left: 52px !important
}

.pt-52 {
    padding-top: 52px !important
}

.pb-52 {
    padding-bottom: 52px !important
}

.plr-52 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.pbt-52,
.prl-52,
.ptb-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

.ma-52 {
    margin: 52px !important
}

.mr-52 {
    margin-right: 52px !important
}

.mt-52 {
    margin-top: 52px !important
}

.mb-52 {
    margin-bottom: 52px !important
}

.ml-52 {
    margin-left: 52px !important
}

.mlr-52,
.mrl-52 {
    margin-left: 52px !important;
    margin-right: 52px !important
}

.mbt-52,
.mtb-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important
}

.border-radius-53 {
    border-radius: 53px !important
}

.fs-53 {
    font-size: 53px !important
}

    .fs-53.light-text {
        font-family: pelak
    }

    .fs-53.regular-text {
        font-family: pelak
    }

    .fs-53.medium-text {
        font-family: pelak
    }

    .fs-53.demi-bold-text {
        font-family: pelak
    }

    .fs-53.bold-text {
        font-family: pelak
    }

.pa-53 {
    padding: 53px !important
}

.pr-53 {
    padding-right: 53px !important
}

.pl-53 {
    padding-left: 53px !important
}

.pt-53 {
    padding-top: 53px !important
}

.pb-53 {
    padding-bottom: 53px !important
}

.plr-53 {
    padding-left: 53px !important;
    padding-right: 53px !important
}

.pbt-53,
.prl-53,
.ptb-53 {
    padding-top: 53px !important;
    padding-bottom: 53px !important
}

.ma-53 {
    margin: 53px !important
}

.mr-53 {
    margin-right: 53px !important
}

.mt-53 {
    margin-top: 53px !important
}

.mb-53 {
    margin-bottom: 53px !important
}

.ml-53 {
    margin-left: 53px !important
}

.mlr-53,
.mrl-53 {
    margin-left: 53px !important;
    margin-right: 53px !important
}

.mbt-53,
.mtb-53 {
    margin-top: 53px !important;
    margin-bottom: 53px !important
}

.border-radius-54 {
    border-radius: 54px !important
}

.fs-54 {
    font-size: 54px !important
}

    .fs-54.light-text {
        font-family: pelak
    }

    .fs-54.regular-text {
        font-family: pelak
    }

    .fs-54.medium-text {
        font-family: pelak
    }

    .fs-54.demi-bold-text {
        font-family: pelak
    }

    .fs-54.bold-text {
        font-family: pelak
    }

.pa-54 {
    padding: 54px !important
}

.pr-54 {
    padding-right: 54px !important
}

.pl-54 {
    padding-left: 54px !important
}

.pt-54 {
    padding-top: 54px !important
}

.pb-54 {
    padding-bottom: 54px !important
}

.plr-54 {
    padding-left: 54px !important;
    padding-right: 54px !important
}

.pbt-54,
.prl-54,
.ptb-54 {
    padding-top: 54px !important;
    padding-bottom: 54px !important
}

.ma-54 {
    margin: 54px !important
}

.mr-54 {
    margin-right: 54px !important
}

.mt-54 {
    margin-top: 54px !important
}

.mb-54 {
    margin-bottom: 54px !important
}

.ml-54 {
    margin-left: 54px !important
}

.mlr-54,
.mrl-54 {
    margin-left: 54px !important;
    margin-right: 54px !important
}

.mbt-54,
.mtb-54 {
    margin-top: 54px !important;
    margin-bottom: 54px !important
}

.border-radius-55 {
    border-radius: 55px !important
}

.fs-55 {
    font-size: 55px !important
}

    .fs-55.light-text {
        font-family: pelak
    }

    .fs-55.regular-text {
        font-family: pelak
    }

    .fs-55.medium-text {
        font-family: pelak
    }

    .fs-55.demi-bold-text {
        font-family: pelak
    }

    .fs-55.bold-text {
        font-family: pelak
    }

.pa-55 {
    padding: 55px !important
}

.pr-55 {
    padding-right: 55px !important
}

.pl-55 {
    padding-left: 55px !important
}

.pt-55 {
    padding-top: 55px !important
}

.pb-55 {
    padding-bottom: 55px !important
}

.plr-55 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

.pbt-55,
.prl-55,
.ptb-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important
}

.ma-55 {
    margin: 55px !important
}

.mr-55 {
    margin-right: 55px !important
}

.mt-55 {
    margin-top: 55px !important
}

.mb-55 {
    margin-bottom: 55px !important
}

.ml-55 {
    margin-left: 55px !important
}

.mlr-55,
.mrl-55 {
    margin-left: 55px !important;
    margin-right: 55px !important
}

.mbt-55,
.mtb-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important
}

.border-radius-56 {
    border-radius: 56px !important
}

.fs-56 {
    font-size: 56px !important
}

    .fs-56.light-text {
        font-family: pelak
    }

    .fs-56.regular-text {
        font-family: pelak
    }

    .fs-56.medium-text {
        font-family: pelak
    }

    .fs-56.demi-bold-text {
        font-family: pelak
    }

    .fs-56.bold-text {
        font-family: pelak
    }

.pa-56 {
    padding: 56px !important
}

.pr-56 {
    padding-right: 56px !important
}

.pl-56 {
    padding-left: 56px !important
}

.pt-56 {
    padding-top: 56px !important
}

.pb-56 {
    padding-bottom: 56px !important
}

.plr-56 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.pbt-56,
.prl-56,
.ptb-56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.ma-56 {
    margin: 56px !important
}

.mr-56 {
    margin-right: 56px !important
}

.mt-56 {
    margin-top: 56px !important
}

.mb-56 {
    margin-bottom: 56px !important
}

.ml-56 {
    margin-left: 56px !important
}

.mlr-56,
.mrl-56 {
    margin-left: 56px !important;
    margin-right: 56px !important
}

.mbt-56,
.mtb-56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
}

.border-radius-57 {
    border-radius: 57px !important
}

.fs-57 {
    font-size: 57px !important
}

    .fs-57.light-text {
        font-family: pelak
    }

    .fs-57.regular-text {
        font-family: pelak
    }

    .fs-57.medium-text {
        font-family: pelak
    }

    .fs-57.demi-bold-text {
        font-family: pelak
    }

    .fs-57.bold-text {
        font-family: pelak
    }

.pa-57 {
    padding: 57px !important
}

.pr-57 {
    padding-right: 57px !important
}

.pl-57 {
    padding-left: 57px !important
}

.pt-57 {
    padding-top: 57px !important
}

.pb-57 {
    padding-bottom: 57px !important
}

.plr-57 {
    padding-left: 57px !important;
    padding-right: 57px !important
}

.pbt-57,
.prl-57,
.ptb-57 {
    padding-top: 57px !important;
    padding-bottom: 57px !important
}

.ma-57 {
    margin: 57px !important
}

.mr-57 {
    margin-right: 57px !important
}

.mt-57 {
    margin-top: 57px !important
}

.mb-57 {
    margin-bottom: 57px !important
}

.ml-57 {
    margin-left: 57px !important
}

.mlr-57,
.mrl-57 {
    margin-left: 57px !important;
    margin-right: 57px !important
}

.mbt-57,
.mtb-57 {
    margin-top: 57px !important;
    margin-bottom: 57px !important
}

.border-radius-58 {
    border-radius: 58px !important
}

.fs-58 {
    font-size: 58px !important
}

    .fs-58.light-text {
        font-family: pelak
    }

    .fs-58.regular-text {
        font-family: pelak
    }

    .fs-58.medium-text {
        font-family: pelak
    }

    .fs-58.demi-bold-text {
        font-family: pelak
    }

    .fs-58.bold-text {
        font-family: pelak
    }

.pa-58 {
    padding: 58px !important
}

.pr-58 {
    padding-right: 58px !important
}

.pl-58 {
    padding-left: 58px !important
}

.pt-58 {
    padding-top: 58px !important
}

.pb-58 {
    padding-bottom: 58px !important
}

.plr-58 {
    padding-left: 58px !important;
    padding-right: 58px !important
}

.pbt-58,
.prl-58,
.ptb-58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important
}

.ma-58 {
    margin: 58px !important
}

.mr-58 {
    margin-right: 58px !important
}

.mt-58 {
    margin-top: 58px !important
}

.mb-58 {
    margin-bottom: 58px !important
}

.ml-58 {
    margin-left: 58px !important
}

.mlr-58,
.mrl-58 {
    margin-left: 58px !important;
    margin-right: 58px !important
}

.mbt-58,
.mtb-58 {
    margin-top: 58px !important;
    margin-bottom: 58px !important
}

.border-radius-59 {
    border-radius: 59px !important
}

.fs-59 {
    font-size: 59px !important
}

    .fs-59.light-text {
        font-family: pelak
    }

    .fs-59.regular-text {
        font-family: pelak
    }

    .fs-59.medium-text {
        font-family: pelak
    }

    .fs-59.demi-bold-text {
        font-family: pelak
    }

    .fs-59.bold-text {
        font-family: pelak
    }

.pa-59 {
    padding: 59px !important
}

.pr-59 {
    padding-right: 59px !important
}

.pl-59 {
    padding-left: 59px !important
}

.pt-59 {
    padding-top: 59px !important
}

.pb-59 {
    padding-bottom: 59px !important
}

.plr-59 {
    padding-left: 59px !important;
    padding-right: 59px !important
}

.pbt-59,
.prl-59,
.ptb-59 {
    padding-top: 59px !important;
    padding-bottom: 59px !important
}

.ma-59 {
    margin: 59px !important
}

.mr-59 {
    margin-right: 59px !important
}

.mt-59 {
    margin-top: 59px !important
}

.mb-59 {
    margin-bottom: 59px !important
}

.ml-59 {
    margin-left: 59px !important
}

.mlr-59,
.mrl-59 {
    margin-left: 59px !important;
    margin-right: 59px !important
}

.mbt-59,
.mtb-59 {
    margin-top: 59px !important;
    margin-bottom: 59px !important
}

.border-radius-60 {
    border-radius: 60px !important
}

.fs-60 {
    font-size: 60px !important
}

    .fs-60.light-text {
        font-family: pelak
    }

    .fs-60.regular-text {
        font-family: pelak
    }

    .fs-60.medium-text {
        font-family: pelak
    }

    .fs-60.demi-bold-text {
        font-family: pelak
    }

    .fs-60.bold-text {
        font-family: pelak
    }

.pa-60 {
    padding: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.plr-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.pbt-60,
.prl-60,
.ptb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.ma-60 {
    margin: 60px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.ml-60 {
    margin-left: 60px !important
}

.mlr-60,
.mrl-60 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.mbt-60,
.mtb-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.border-radius-61 {
    border-radius: 61px !important
}

.fs-61 {
    font-size: 61px !important
}

    .fs-61.light-text {
        font-family: pelak
    }

    .fs-61.regular-text {
        font-family: pelak
    }

    .fs-61.medium-text {
        font-family: pelak
    }

    .fs-61.demi-bold-text {
        font-family: pelak
    }

    .fs-61.bold-text {
        font-family: pelak
    }

.pa-61 {
    padding: 61px !important
}

.pr-61 {
    padding-right: 61px !important
}

.pl-61 {
    padding-left: 61px !important
}

.pt-61 {
    padding-top: 61px !important
}

.pb-61 {
    padding-bottom: 61px !important
}

.plr-61 {
    padding-left: 61px !important;
    padding-right: 61px !important
}

.pbt-61,
.prl-61,
.ptb-61 {
    padding-top: 61px !important;
    padding-bottom: 61px !important
}

.ma-61 {
    margin: 61px !important
}

.mr-61 {
    margin-right: 61px !important
}

.mt-61 {
    margin-top: 61px !important
}

.mb-61 {
    margin-bottom: 61px !important
}

.ml-61 {
    margin-left: 61px !important
}

.mlr-61,
.mrl-61 {
    margin-left: 61px !important;
    margin-right: 61px !important
}

.mbt-61,
.mtb-61 {
    margin-top: 61px !important;
    margin-bottom: 61px !important
}

.border-radius-62 {
    border-radius: 62px !important
}

.fs-62 {
    font-size: 62px !important
}

    .fs-62.light-text {
        font-family: pelak
    }

    .fs-62.regular-text {
        font-family: pelak
    }

    .fs-62.medium-text {
        font-family: pelak
    }

    .fs-62.demi-bold-text {
        font-family: pelak
    }

    .fs-62.bold-text {
        font-family: pelak
    }

.pa-62 {
    padding: 62px !important
}

.pr-62 {
    padding-right: 62px !important
}

.pl-62 {
    padding-left: 62px !important
}

.pt-62 {
    padding-top: 62px !important
}

.pb-62 {
    padding-bottom: 62px !important
}

.plr-62 {
    padding-left: 62px !important;
    padding-right: 62px !important
}

.pbt-62,
.prl-62,
.ptb-62 {
    padding-top: 62px !important;
    padding-bottom: 62px !important
}

.ma-62 {
    margin: 62px !important
}

.mr-62 {
    margin-right: 62px !important
}

.mt-62 {
    margin-top: 62px !important
}

.mb-62 {
    margin-bottom: 62px !important
}

.ml-62 {
    margin-left: 62px !important
}

.mlr-62,
.mrl-62 {
    margin-left: 62px !important;
    margin-right: 62px !important
}

.mbt-62,
.mtb-62 {
    margin-top: 62px !important;
    margin-bottom: 62px !important
}

.border-radius-63 {
    border-radius: 63px !important
}

.fs-63 {
    font-size: 63px !important
}

    .fs-63.light-text {
        font-family: pelak
    }

    .fs-63.regular-text {
        font-family: pelak
    }

    .fs-63.medium-text {
        font-family: pelak
    }

    .fs-63.demi-bold-text {
        font-family: pelak
    }

    .fs-63.bold-text {
        font-family: pelak
    }

.pa-63 {
    padding: 63px !important
}

.pr-63 {
    padding-right: 63px !important
}

.pl-63 {
    padding-left: 63px !important
}

.pt-63 {
    padding-top: 63px !important
}

.pb-63 {
    padding-bottom: 63px !important
}

.plr-63 {
    padding-left: 63px !important;
    padding-right: 63px !important
}

.pbt-63,
.prl-63,
.ptb-63 {
    padding-top: 63px !important;
    padding-bottom: 63px !important
}

.ma-63 {
    margin: 63px !important
}

.mr-63 {
    margin-right: 63px !important
}

.mt-63 {
    margin-top: 63px !important
}

.mb-63 {
    margin-bottom: 63px !important
}

.ml-63 {
    margin-left: 63px !important
}

.mlr-63,
.mrl-63 {
    margin-left: 63px !important;
    margin-right: 63px !important
}

.mbt-63,
.mtb-63 {
    margin-top: 63px !important;
    margin-bottom: 63px !important
}

.border-radius-64 {
    border-radius: 64px !important
}

.fs-64 {
    font-size: 64px !important
}

    .fs-64.light-text {
        font-family: pelak
    }

    .fs-64.regular-text {
        font-family: pelak
    }

    .fs-64.medium-text {
        font-family: pelak
    }

    .fs-64.demi-bold-text {
        font-family: pelak
    }

    .fs-64.bold-text {
        font-family: pelak
    }

.pa-64 {
    padding: 64px !important
}

.pr-64 {
    padding-right: 64px !important
}

.pl-64 {
    padding-left: 64px !important
}

.pt-64 {
    padding-top: 64px !important
}

.pb-64 {
    padding-bottom: 64px !important
}

.plr-64 {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.pbt-64,
.prl-64,
.ptb-64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.ma-64 {
    margin: 64px !important
}

.mr-64 {
    margin-right: 64px !important
}

.mt-64 {
    margin-top: 64px !important
}

.mb-64 {
    margin-bottom: 64px !important
}

.ml-64 {
    margin-left: 64px !important
}

.mlr-64,
.mrl-64 {
    margin-left: 64px !important;
    margin-right: 64px !important
}

.mbt-64,
.mtb-64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important
}

.border-radius-65 {
    border-radius: 65px !important
}

.fs-65 {
    font-size: 65px !important
}

    .fs-65.light-text {
        font-family: pelak
    }

    .fs-65.regular-text {
        font-family: pelak
    }

    .fs-65.medium-text {
        font-family: pelak
    }

    .fs-65.demi-bold-text {
        font-family: pelak
    }

    .fs-65.bold-text {
        font-family: pelak
    }

.pa-65 {
    padding: 65px !important
}

.pr-65 {
    padding-right: 65px !important
}

.pl-65 {
    padding-left: 65px !important
}

.pt-65 {
    padding-top: 65px !important
}

.pb-65 {
    padding-bottom: 65px !important
}

.plr-65 {
    padding-left: 65px !important;
    padding-right: 65px !important
}

.pbt-65,
.prl-65,
.ptb-65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important
}

.ma-65 {
    margin: 65px !important
}

.mr-65 {
    margin-right: 65px !important
}

.mt-65 {
    margin-top: 65px !important
}

.mb-65 {
    margin-bottom: 65px !important
}

.ml-65 {
    margin-left: 65px !important
}

.mlr-65,
.mrl-65 {
    margin-left: 65px !important;
    margin-right: 65px !important
}

.mbt-65,
.mtb-65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important
}

.border-radius-66 {
    border-radius: 66px !important
}

.fs-66 {
    font-size: 66px !important
}

    .fs-66.light-text {
        font-family: pelak
    }

    .fs-66.regular-text {
        font-family: pelak
    }

    .fs-66.medium-text {
        font-family: pelak
    }

    .fs-66.demi-bold-text {
        font-family: pelak
    }

    .fs-66.bold-text {
        font-family: pelak
    }

.pa-66 {
    padding: 66px !important
}

.pr-66 {
    padding-right: 66px !important
}

.pl-66 {
    padding-left: 66px !important
}

.pt-66 {
    padding-top: 66px !important
}

.pb-66 {
    padding-bottom: 66px !important
}

.plr-66 {
    padding-left: 66px !important;
    padding-right: 66px !important
}

.pbt-66,
.prl-66,
.ptb-66 {
    padding-top: 66px !important;
    padding-bottom: 66px !important
}

.ma-66 {
    margin: 66px !important
}

.mr-66 {
    margin-right: 66px !important
}

.mt-66 {
    margin-top: 66px !important
}

.mb-66 {
    margin-bottom: 66px !important
}

.ml-66 {
    margin-left: 66px !important
}

.mlr-66,
.mrl-66 {
    margin-left: 66px !important;
    margin-right: 66px !important
}

.mbt-66,
.mtb-66 {
    margin-top: 66px !important;
    margin-bottom: 66px !important
}

.border-radius-67 {
    border-radius: 67px !important
}

.fs-67 {
    font-size: 67px !important
}

    .fs-67.light-text {
        font-family: pelak
    }

    .fs-67.regular-text {
        font-family: pelak
    }

    .fs-67.medium-text {
        font-family: pelak
    }

    .fs-67.demi-bold-text {
        font-family: pelak
    }

    .fs-67.bold-text {
        font-family: pelak
    }

.pa-67 {
    padding: 67px !important
}

.pr-67 {
    padding-right: 67px !important
}

.pl-67 {
    padding-left: 67px !important
}

.pt-67 {
    padding-top: 67px !important
}

.pb-67 {
    padding-bottom: 67px !important
}

.plr-67 {
    padding-left: 67px !important;
    padding-right: 67px !important
}

.pbt-67,
.prl-67,
.ptb-67 {
    padding-top: 67px !important;
    padding-bottom: 67px !important
}

.ma-67 {
    margin: 67px !important
}

.mr-67 {
    margin-right: 67px !important
}

.mt-67 {
    margin-top: 67px !important
}

.mb-67 {
    margin-bottom: 67px !important
}

.ml-67 {
    margin-left: 67px !important
}

.mlr-67,
.mrl-67 {
    margin-left: 67px !important;
    margin-right: 67px !important
}

.mbt-67,
.mtb-67 {
    margin-top: 67px !important;
    margin-bottom: 67px !important
}

.border-radius-68 {
    border-radius: 68px !important
}

.fs-68 {
    font-size: 68px !important
}

    .fs-68.light-text {
        font-family: pelak
    }

    .fs-68.regular-text {
        font-family: pelak
    }

    .fs-68.medium-text {
        font-family: pelak
    }

    .fs-68.demi-bold-text {
        font-family: pelak
    }

    .fs-68.bold-text {
        font-family: pelak
    }

.pa-68 {
    padding: 68px !important
}

.pr-68 {
    padding-right: 68px !important
}

.pl-68 {
    padding-left: 68px !important
}

.pt-68 {
    padding-top: 68px !important
}

.pb-68 {
    padding-bottom: 68px !important
}

.plr-68 {
    padding-left: 68px !important;
    padding-right: 68px !important
}

.pbt-68,
.prl-68,
.ptb-68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important
}

.ma-68 {
    margin: 68px !important
}

.mr-68 {
    margin-right: 68px !important
}

.mt-68 {
    margin-top: 68px !important
}

.mb-68 {
    margin-bottom: 68px !important
}

.ml-68 {
    margin-left: 68px !important
}

.mlr-68,
.mrl-68 {
    margin-left: 68px !important;
    margin-right: 68px !important
}

.mbt-68,
.mtb-68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important
}

.border-radius-69 {
    border-radius: 69px !important
}

.fs-69 {
    font-size: 69px !important
}

    .fs-69.light-text {
        font-family: pelak
    }

    .fs-69.regular-text {
        font-family: pelak
    }

    .fs-69.medium-text {
        font-family: pelak
    }

    .fs-69.demi-bold-text {
        font-family: pelak
    }

    .fs-69.bold-text {
        font-family: pelak
    }

.pa-69 {
    padding: 69px !important
}

.pr-69 {
    padding-right: 69px !important
}

.pl-69 {
    padding-left: 69px !important
}

.pt-69 {
    padding-top: 69px !important
}

.pb-69 {
    padding-bottom: 69px !important
}

.plr-69 {
    padding-left: 69px !important;
    padding-right: 69px !important
}

.pbt-69,
.prl-69,
.ptb-69 {
    padding-top: 69px !important;
    padding-bottom: 69px !important
}

.ma-69 {
    margin: 69px !important
}

.mr-69 {
    margin-right: 69px !important
}

.mt-69 {
    margin-top: 69px !important
}

.mb-69 {
    margin-bottom: 69px !important
}

.ml-69 {
    margin-left: 69px !important
}

.mlr-69,
.mrl-69 {
    margin-left: 69px !important;
    margin-right: 69px !important
}

.mbt-69,
.mtb-69 {
    margin-top: 69px !important;
    margin-bottom: 69px !important
}

.border-radius-70 {
    border-radius: 70px !important
}

.fs-70 {
    font-size: 70px !important
}

    .fs-70.light-text {
        font-family: pelak
    }

    .fs-70.regular-text {
        font-family: pelak
    }

    .fs-70.medium-text {
        font-family: pelak
    }

    .fs-70.demi-bold-text {
        font-family: pelak
    }

    .fs-70.bold-text {
        font-family: pelak
    }

.pa-70 {
    padding: 70px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.plr-70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.pbt-70,
.prl-70,
.ptb-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.ma-70 {
    margin: 70px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.ml-70 {
    margin-left: 70px !important
}

.mlr-70,
.mrl-70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.mbt-70,
.mtb-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.border-radius-71 {
    border-radius: 71px !important
}

.fs-71 {
    font-size: 71px !important
}

    .fs-71.light-text {
        font-family: pelak
    }

    .fs-71.regular-text {
        font-family: pelak
    }

    .fs-71.medium-text {
        font-family: pelak
    }

    .fs-71.demi-bold-text {
        font-family: pelak
    }

    .fs-71.bold-text {
        font-family: pelak
    }

.pa-71 {
    padding: 71px !important
}

.pr-71 {
    padding-right: 71px !important
}

.pl-71 {
    padding-left: 71px !important
}

.pt-71 {
    padding-top: 71px !important
}

.pb-71 {
    padding-bottom: 71px !important
}

.plr-71 {
    padding-left: 71px !important;
    padding-right: 71px !important
}

.pbt-71,
.prl-71,
.ptb-71 {
    padding-top: 71px !important;
    padding-bottom: 71px !important
}

.ma-71 {
    margin: 71px !important
}

.mr-71 {
    margin-right: 71px !important
}

.mt-71 {
    margin-top: 71px !important
}

.mb-71 {
    margin-bottom: 71px !important
}

.ml-71 {
    margin-left: 71px !important
}

.mlr-71,
.mrl-71 {
    margin-left: 71px !important;
    margin-right: 71px !important
}

.mbt-71,
.mtb-71 {
    margin-top: 71px !important;
    margin-bottom: 71px !important
}

.border-radius-72 {
    border-radius: 72px !important
}

.fs-72 {
    font-size: 72px !important
}

    .fs-72.light-text {
        font-family: pelak
    }

    .fs-72.regular-text {
        font-family: pelak
    }

    .fs-72.medium-text {
        font-family: pelak
    }

    .fs-72.demi-bold-text {
        font-family: pelak
    }

    .fs-72.bold-text {
        font-family: pelak
    }

.pa-72 {
    padding: 72px !important
}

.pr-72 {
    padding-right: 72px !important
}

.pl-72 {
    padding-left: 72px !important
}

.pt-72 {
    padding-top: 72px !important
}

.pb-72 {
    padding-bottom: 72px !important
}

.plr-72 {
    padding-left: 72px !important;
    padding-right: 72px !important
}

.pbt-72,
.prl-72,
.ptb-72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.ma-72 {
    margin: 72px !important
}

.mr-72 {
    margin-right: 72px !important
}

.mt-72 {
    margin-top: 72px !important
}

.mb-72 {
    margin-bottom: 72px !important
}

.ml-72 {
    margin-left: 72px !important
}

.mlr-72,
.mrl-72 {
    margin-left: 72px !important;
    margin-right: 72px !important
}

.mbt-72,
.mtb-72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important
}

.border-radius-73 {
    border-radius: 73px !important
}

.fs-73 {
    font-size: 73px !important
}

    .fs-73.light-text {
        font-family: pelak
    }

    .fs-73.regular-text {
        font-family: pelak
    }

    .fs-73.medium-text {
        font-family: pelak
    }

    .fs-73.demi-bold-text {
        font-family: pelak
    }

    .fs-73.bold-text {
        font-family: pelak
    }

.pa-73 {
    padding: 73px !important
}

.pr-73 {
    padding-right: 73px !important
}

.pl-73 {
    padding-left: 73px !important
}

.pt-73 {
    padding-top: 73px !important
}

.pb-73 {
    padding-bottom: 73px !important
}

.plr-73 {
    padding-left: 73px !important;
    padding-right: 73px !important
}

.pbt-73,
.prl-73,
.ptb-73 {
    padding-top: 73px !important;
    padding-bottom: 73px !important
}

.ma-73 {
    margin: 73px !important
}

.mr-73 {
    margin-right: 73px !important
}

.mt-73 {
    margin-top: 73px !important
}

.mb-73 {
    margin-bottom: 73px !important
}

.ml-73 {
    margin-left: 73px !important
}

.mlr-73,
.mrl-73 {
    margin-left: 73px !important;
    margin-right: 73px !important
}

.mbt-73,
.mtb-73 {
    margin-top: 73px !important;
    margin-bottom: 73px !important
}

.border-radius-74 {
    border-radius: 74px !important
}

.fs-74 {
    font-size: 74px !important
}

    .fs-74.light-text {
        font-family: pelak
    }

    .fs-74.regular-text {
        font-family: pelak
    }

    .fs-74.medium-text {
        font-family: pelak
    }

    .fs-74.demi-bold-text {
        font-family: pelak
    }

    .fs-74.bold-text {
        font-family: pelak
    }

.pa-74 {
    padding: 74px !important
}

.pr-74 {
    padding-right: 74px !important
}

.pl-74 {
    padding-left: 74px !important
}

.pt-74 {
    padding-top: 74px !important
}

.pb-74 {
    padding-bottom: 74px !important
}

.plr-74 {
    padding-left: 74px !important;
    padding-right: 74px !important
}

.pbt-74,
.prl-74,
.ptb-74 {
    padding-top: 74px !important;
    padding-bottom: 74px !important
}

.ma-74 {
    margin: 74px !important
}

.mr-74 {
    margin-right: 74px !important
}

.mt-74 {
    margin-top: 74px !important
}

.mb-74 {
    margin-bottom: 74px !important
}

.ml-74 {
    margin-left: 74px !important
}

.mlr-74,
.mrl-74 {
    margin-left: 74px !important;
    margin-right: 74px !important
}

.mbt-74,
.mtb-74 {
    margin-top: 74px !important;
    margin-bottom: 74px !important
}

.border-radius-75 {
    border-radius: 75px !important
}

.fs-75 {
    font-size: 75px !important
}

    .fs-75.light-text {
        font-family: pelak
    }

    .fs-75.regular-text {
        font-family: pelak
    }

    .fs-75.medium-text {
        font-family: pelak
    }

    .fs-75.demi-bold-text {
        font-family: pelak
    }

    .fs-75.bold-text {
        font-family: pelak
    }

.pa-75 {
    padding: 75px !important
}

.pr-75 {
    padding-right: 75px !important
}

.pl-75 {
    padding-left: 75px !important
}

.pt-75 {
    padding-top: 75px !important
}

.pb-75 {
    padding-bottom: 75px !important
}

.plr-75 {
    padding-left: 75px !important;
    padding-right: 75px !important
}

.pbt-75,
.prl-75,
.ptb-75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important
}

.ma-75 {
    margin: 75px !important
}

.mr-75 {
    margin-right: 75px !important
}

.mt-75 {
    margin-top: 75px !important
}

.mb-75 {
    margin-bottom: 75px !important
}

.ml-75 {
    margin-left: 75px !important
}

.mlr-75,
.mrl-75 {
    margin-left: 75px !important;
    margin-right: 75px !important
}

.mbt-75,
.mtb-75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important
}

.border-radius-76 {
    border-radius: 76px !important
}

.fs-76 {
    font-size: 76px !important
}

    .fs-76.light-text {
        font-family: pelak
    }

    .fs-76.regular-text {
        font-family: pelak
    }

    .fs-76.medium-text {
        font-family: pelak
    }

    .fs-76.demi-bold-text {
        font-family: pelak
    }

    .fs-76.bold-text {
        font-family: pelak
    }

.pa-76 {
    padding: 76px !important
}

.pr-76 {
    padding-right: 76px !important
}

.pl-76 {
    padding-left: 76px !important
}

.pt-76 {
    padding-top: 76px !important
}

.pb-76 {
    padding-bottom: 76px !important
}

.plr-76 {
    padding-left: 76px !important;
    padding-right: 76px !important
}

.pbt-76,
.prl-76,
.ptb-76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important
}

.ma-76 {
    margin: 76px !important
}

.mr-76 {
    margin-right: 76px !important
}

.mt-76 {
    margin-top: 76px !important
}

.mb-76 {
    margin-bottom: 76px !important
}

.ml-76 {
    margin-left: 76px !important
}

.mlr-76,
.mrl-76 {
    margin-left: 76px !important;
    margin-right: 76px !important
}

.mbt-76,
.mtb-76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important
}

.border-radius-77 {
    border-radius: 77px !important
}

.fs-77 {
    font-size: 77px !important
}

    .fs-77.light-text {
        font-family: pelak
    }

    .fs-77.regular-text {
        font-family: pelak
    }

    .fs-77.medium-text {
        font-family: pelak
    }

    .fs-77.demi-bold-text {
        font-family: pelak
    }

    .fs-77.bold-text {
        font-family: pelak
    }

.pa-77 {
    padding: 77px !important
}

.pr-77 {
    padding-right: 77px !important
}

.pl-77 {
    padding-left: 77px !important
}

.pt-77 {
    padding-top: 77px !important
}

.pb-77 {
    padding-bottom: 77px !important
}

.plr-77 {
    padding-left: 77px !important;
    padding-right: 77px !important
}

.pbt-77,
.prl-77,
.ptb-77 {
    padding-top: 77px !important;
    padding-bottom: 77px !important
}

.ma-77 {
    margin: 77px !important
}

.mr-77 {
    margin-right: 77px !important
}

.mt-77 {
    margin-top: 77px !important
}

.mb-77 {
    margin-bottom: 77px !important
}

.ml-77 {
    margin-left: 77px !important
}

.mlr-77,
.mrl-77 {
    margin-left: 77px !important;
    margin-right: 77px !important
}

.mbt-77,
.mtb-77 {
    margin-top: 77px !important;
    margin-bottom: 77px !important
}

.border-radius-78 {
    border-radius: 78px !important
}

.fs-78 {
    font-size: 78px !important
}

    .fs-78.light-text {
        font-family: pelak
    }

    .fs-78.regular-text {
        font-family: pelak
    }

    .fs-78.medium-text {
        font-family: pelak
    }

    .fs-78.demi-bold-text {
        font-family: pelak
    }

    .fs-78.bold-text {
        font-family: pelak
    }

.pa-78 {
    padding: 78px !important
}

.pr-78 {
    padding-right: 78px !important
}

.pl-78 {
    padding-left: 78px !important
}

.pt-78 {
    padding-top: 78px !important
}

.pb-78 {
    padding-bottom: 78px !important
}

.plr-78 {
    padding-left: 78px !important;
    padding-right: 78px !important
}

.pbt-78,
.prl-78,
.ptb-78 {
    padding-top: 78px !important;
    padding-bottom: 78px !important
}

.ma-78 {
    margin: 78px !important
}

.mr-78 {
    margin-right: 78px !important
}

.mt-78 {
    margin-top: 78px !important
}

.mb-78 {
    margin-bottom: 78px !important
}

.ml-78 {
    margin-left: 78px !important
}

.mlr-78,
.mrl-78 {
    margin-left: 78px !important;
    margin-right: 78px !important
}

.mbt-78,
.mtb-78 {
    margin-top: 78px !important;
    margin-bottom: 78px !important
}

.border-radius-79 {
    border-radius: 79px !important
}

.fs-79 {
    font-size: 79px !important
}

    .fs-79.light-text {
        font-family: pelak
    }

    .fs-79.regular-text {
        font-family: pelak
    }

    .fs-79.medium-text {
        font-family: pelak
    }

    .fs-79.demi-bold-text {
        font-family: pelak
    }

    .fs-79.bold-text {
        font-family: pelak
    }

.pa-79 {
    padding: 79px !important
}

.pr-79 {
    padding-right: 79px !important
}

.pl-79 {
    padding-left: 79px !important
}

.pt-79 {
    padding-top: 79px !important
}

.pb-79 {
    padding-bottom: 79px !important
}

.plr-79 {
    padding-left: 79px !important;
    padding-right: 79px !important
}

.pbt-79,
.prl-79,
.ptb-79 {
    padding-top: 79px !important;
    padding-bottom: 79px !important
}

.ma-79 {
    margin: 79px !important
}

.mr-79 {
    margin-right: 79px !important
}

.mt-79 {
    margin-top: 79px !important
}

.mb-79 {
    margin-bottom: 79px !important
}

.ml-79 {
    margin-left: 79px !important
}

.mlr-79,
.mrl-79 {
    margin-left: 79px !important;
    margin-right: 79px !important
}

.mbt-79,
.mtb-79 {
    margin-top: 79px !important;
    margin-bottom: 79px !important
}

.border-radius-80 {
    border-radius: 80px !important
}

.fs-80 {
    font-size: 80px !important
}

    .fs-80.light-text {
        font-family: pelak
    }

    .fs-80.regular-text {
        font-family: pelak
    }

    .fs-80.medium-text {
        font-family: pelak
    }

    .fs-80.demi-bold-text {
        font-family: pelak
    }

    .fs-80.bold-text {
        font-family: pelak
    }

.pa-80 {
    padding: 80px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.plr-80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.pbt-80,
.prl-80,
.ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.ma-80 {
    margin: 80px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.ml-80 {
    margin-left: 80px !important
}

.mlr-80,
.mrl-80 {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.mbt-80,
.mtb-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.border-radius-81 {
    border-radius: 81px !important
}

.fs-81 {
    font-size: 81px !important
}

    .fs-81.light-text {
        font-family: pelak
    }

    .fs-81.regular-text {
        font-family: pelak
    }

    .fs-81.medium-text {
        font-family: pelak
    }

    .fs-81.demi-bold-text {
        font-family: pelak
    }

    .fs-81.bold-text {
        font-family: pelak
    }

.pa-81 {
    padding: 81px !important
}

.pr-81 {
    padding-right: 81px !important
}

.pl-81 {
    padding-left: 81px !important
}

.pt-81 {
    padding-top: 81px !important
}

.pb-81 {
    padding-bottom: 81px !important
}

.plr-81 {
    padding-left: 81px !important;
    padding-right: 81px !important
}

.pbt-81,
.prl-81,
.ptb-81 {
    padding-top: 81px !important;
    padding-bottom: 81px !important
}

.ma-81 {
    margin: 81px !important
}

.mr-81 {
    margin-right: 81px !important
}

.mt-81 {
    margin-top: 81px !important
}

.mb-81 {
    margin-bottom: 81px !important
}

.ml-81 {
    margin-left: 81px !important
}

.mlr-81,
.mrl-81 {
    margin-left: 81px !important;
    margin-right: 81px !important
}

.mbt-81,
.mtb-81 {
    margin-top: 81px !important;
    margin-bottom: 81px !important
}

.border-radius-82 {
    border-radius: 82px !important
}

.fs-82 {
    font-size: 82px !important
}

    .fs-82.light-text {
        font-family: pelak
    }

    .fs-82.regular-text {
        font-family: pelak
    }

    .fs-82.medium-text {
        font-family: pelak
    }

    .fs-82.demi-bold-text {
        font-family: pelak
    }

    .fs-82.bold-text {
        font-family: pelak
    }

.pa-82 {
    padding: 82px !important
}

.pr-82 {
    padding-right: 82px !important
}

.pl-82 {
    padding-left: 82px !important
}

.pt-82 {
    padding-top: 82px !important
}

.pb-82 {
    padding-bottom: 82px !important
}

.plr-82 {
    padding-left: 82px !important;
    padding-right: 82px !important
}

.pbt-82,
.prl-82,
.ptb-82 {
    padding-top: 82px !important;
    padding-bottom: 82px !important
}

.ma-82 {
    margin: 82px !important
}

.mr-82 {
    margin-right: 82px !important
}

.mt-82 {
    margin-top: 82px !important
}

.mb-82 {
    margin-bottom: 82px !important
}

.ml-82 {
    margin-left: 82px !important
}

.mlr-82,
.mrl-82 {
    margin-left: 82px !important;
    margin-right: 82px !important
}

.mbt-82,
.mtb-82 {
    margin-top: 82px !important;
    margin-bottom: 82px !important
}

.border-radius-83 {
    border-radius: 83px !important
}

.fs-83 {
    font-size: 83px !important
}

    .fs-83.light-text {
        font-family: pelak
    }

    .fs-83.regular-text {
        font-family: pelak
    }

    .fs-83.medium-text {
        font-family: pelak
    }

    .fs-83.demi-bold-text {
        font-family: pelak
    }

    .fs-83.bold-text {
        font-family: pelak
    }

.pa-83 {
    padding: 83px !important
}

.pr-83 {
    padding-right: 83px !important
}

.pl-83 {
    padding-left: 83px !important
}

.pt-83 {
    padding-top: 83px !important
}

.pb-83 {
    padding-bottom: 83px !important
}

.plr-83 {
    padding-left: 83px !important;
    padding-right: 83px !important
}

.pbt-83,
.prl-83,
.ptb-83 {
    padding-top: 83px !important;
    padding-bottom: 83px !important
}

.ma-83 {
    margin: 83px !important
}

.mr-83 {
    margin-right: 83px !important
}

.mt-83 {
    margin-top: 83px !important
}

.mb-83 {
    margin-bottom: 83px !important
}

.ml-83 {
    margin-left: 83px !important
}

.mlr-83,
.mrl-83 {
    margin-left: 83px !important;
    margin-right: 83px !important
}

.mbt-83,
.mtb-83 {
    margin-top: 83px !important;
    margin-bottom: 83px !important
}

.border-radius-84 {
    border-radius: 84px !important
}

.fs-84 {
    font-size: 84px !important
}

    .fs-84.light-text {
        font-family: pelak
    }

    .fs-84.regular-text {
        font-family: pelak
    }

    .fs-84.medium-text {
        font-family: pelak
    }

    .fs-84.demi-bold-text {
        font-family: pelak
    }

    .fs-84.bold-text {
        font-family: pelak
    }

.pa-84 {
    padding: 84px !important
}

.pr-84 {
    padding-right: 84px !important
}

.pl-84 {
    padding-left: 84px !important
}

.pt-84 {
    padding-top: 84px !important
}

.pb-84 {
    padding-bottom: 84px !important
}

.plr-84 {
    padding-left: 84px !important;
    padding-right: 84px !important
}

.pbt-84,
.prl-84,
.ptb-84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important
}

.ma-84 {
    margin: 84px !important
}

.mr-84 {
    margin-right: 84px !important
}

.mt-84 {
    margin-top: 84px !important
}

.mb-84 {
    margin-bottom: 84px !important
}

.ml-84 {
    margin-left: 84px !important
}

.mlr-84,
.mrl-84 {
    margin-left: 84px !important;
    margin-right: 84px !important
}

.mbt-84,
.mtb-84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important
}

.border-radius-85 {
    border-radius: 85px !important
}

.fs-85 {
    font-size: 85px !important
}

    .fs-85.light-text {
        font-family: pelak
    }

    .fs-85.regular-text {
        font-family: pelak
    }

    .fs-85.medium-text {
        font-family: pelak
    }

    .fs-85.demi-bold-text {
        font-family: pelak
    }

    .fs-85.bold-text {
        font-family: pelak
    }

.pa-85 {
    padding: 85px !important
}

.pr-85 {
    padding-right: 85px !important
}

.pl-85 {
    padding-left: 85px !important
}

.pt-85 {
    padding-top: 85px !important
}

.pb-85 {
    padding-bottom: 85px !important
}

.plr-85 {
    padding-left: 85px !important;
    padding-right: 85px !important
}

.pbt-85,
.prl-85,
.ptb-85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important
}

.ma-85 {
    margin: 85px !important
}

.mr-85 {
    margin-right: 85px !important
}

.mt-85 {
    margin-top: 85px !important
}

.mb-85 {
    margin-bottom: 85px !important
}

.ml-85 {
    margin-left: 85px !important
}

.mlr-85,
.mrl-85 {
    margin-left: 85px !important;
    margin-right: 85px !important
}

.mbt-85,
.mtb-85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important
}

.border-radius-86 {
    border-radius: 86px !important
}

.fs-86 {
    font-size: 86px !important
}

    .fs-86.light-text {
        font-family: pelak
    }

    .fs-86.regular-text {
        font-family: pelak
    }

    .fs-86.medium-text {
        font-family: pelak
    }

    .fs-86.demi-bold-text {
        font-family: pelak
    }

    .fs-86.bold-text {
        font-family: pelak
    }

.pa-86 {
    padding: 86px !important
}

.pr-86 {
    padding-right: 86px !important
}

.pl-86 {
    padding-left: 86px !important
}

.pt-86 {
    padding-top: 86px !important
}

.pb-86 {
    padding-bottom: 86px !important
}

.plr-86 {
    padding-left: 86px !important;
    padding-right: 86px !important
}

.pbt-86,
.prl-86,
.ptb-86 {
    padding-top: 86px !important;
    padding-bottom: 86px !important
}

.ma-86 {
    margin: 86px !important
}

.mr-86 {
    margin-right: 86px !important
}

.mt-86 {
    margin-top: 86px !important
}

.mb-86 {
    margin-bottom: 86px !important
}

.ml-86 {
    margin-left: 86px !important
}

.mlr-86,
.mrl-86 {
    margin-left: 86px !important;
    margin-right: 86px !important
}

.mbt-86,
.mtb-86 {
    margin-top: 86px !important;
    margin-bottom: 86px !important
}

.border-radius-87 {
    border-radius: 87px !important
}

.fs-87 {
    font-size: 87px !important
}

    .fs-87.light-text {
        font-family: pelak
    }

    .fs-87.regular-text {
        font-family: pelak
    }

    .fs-87.medium-text {
        font-family: pelak
    }

    .fs-87.demi-bold-text {
        font-family: pelak
    }

    .fs-87.bold-text {
        font-family: pelak
    }

.pa-87 {
    padding: 87px !important
}

.pr-87 {
    padding-right: 87px !important
}

.pl-87 {
    padding-left: 87px !important
}

.pt-87 {
    padding-top: 87px !important
}

.pb-87 {
    padding-bottom: 87px !important
}

.plr-87 {
    padding-left: 87px !important;
    padding-right: 87px !important
}

.pbt-87,
.prl-87,
.ptb-87 {
    padding-top: 87px !important;
    padding-bottom: 87px !important
}

.ma-87 {
    margin: 87px !important
}

.mr-87 {
    margin-right: 87px !important
}

.mt-87 {
    margin-top: 87px !important
}

.mb-87 {
    margin-bottom: 87px !important
}

.ml-87 {
    margin-left: 87px !important
}

.mlr-87,
.mrl-87 {
    margin-left: 87px !important;
    margin-right: 87px !important
}

.mbt-87,
.mtb-87 {
    margin-top: 87px !important;
    margin-bottom: 87px !important
}

.border-radius-88 {
    border-radius: 88px !important
}

.fs-88 {
    font-size: 88px !important
}

    .fs-88.light-text {
        font-family: pelak
    }

    .fs-88.regular-text {
        font-family: pelak
    }

    .fs-88.medium-text {
        font-family: pelak
    }

    .fs-88.demi-bold-text {
        font-family: pelak
    }

    .fs-88.bold-text {
        font-family: pelak
    }

.pa-88 {
    padding: 88px !important
}

.pr-88 {
    padding-right: 88px !important
}

.pl-88 {
    padding-left: 88px !important
}

.pt-88 {
    padding-top: 88px !important
}

.pb-88 {
    padding-bottom: 88px !important
}

.plr-88 {
    padding-left: 88px !important;
    padding-right: 88px !important
}

.pbt-88,
.prl-88,
.ptb-88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.ma-88 {
    margin: 88px !important
}

.mr-88 {
    margin-right: 88px !important
}

.mt-88 {
    margin-top: 88px !important
}

.mb-88 {
    margin-bottom: 88px !important
}

.ml-88 {
    margin-left: 88px !important
}

.mlr-88,
.mrl-88 {
    margin-left: 88px !important;
    margin-right: 88px !important
}

.mbt-88,
.mtb-88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important
}

.border-radius-89 {
    border-radius: 89px !important
}

.fs-89 {
    font-size: 89px !important
}

    .fs-89.light-text {
        font-family: pelak
    }

    .fs-89.regular-text {
        font-family: pelak
    }

    .fs-89.medium-text {
        font-family: pelak
    }

    .fs-89.demi-bold-text {
        font-family: pelak
    }

    .fs-89.bold-text {
        font-family: pelak
    }

.pa-89 {
    padding: 89px !important
}

.pr-89 {
    padding-right: 89px !important
}

.pl-89 {
    padding-left: 89px !important
}

.pt-89 {
    padding-top: 89px !important
}

.pb-89 {
    padding-bottom: 89px !important
}

.plr-89 {
    padding-left: 89px !important;
    padding-right: 89px !important
}

.pbt-89,
.prl-89,
.ptb-89 {
    padding-top: 89px !important;
    padding-bottom: 89px !important
}

.ma-89 {
    margin: 89px !important
}

.mr-89 {
    margin-right: 89px !important
}

.mt-89 {
    margin-top: 89px !important
}

.mb-89 {
    margin-bottom: 89px !important
}

.ml-89 {
    margin-left: 89px !important
}

.mlr-89,
.mrl-89 {
    margin-left: 89px !important;
    margin-right: 89px !important
}

.mbt-89,
.mtb-89 {
    margin-top: 89px !important;
    margin-bottom: 89px !important
}

.border-radius-90 {
    border-radius: 90px !important
}

.fs-90 {
    font-size: 90px !important
}

    .fs-90.light-text {
        font-family: pelak
    }

    .fs-90.regular-text {
        font-family: pelak
    }

    .fs-90.medium-text {
        font-family: pelak
    }

    .fs-90.demi-bold-text {
        font-family: pelak
    }

    .fs-90.bold-text {
        font-family: pelak
    }

.pa-90 {
    padding: 90px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.plr-90 {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.pbt-90,
.prl-90,
.ptb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.ma-90 {
    margin: 90px !important
}

.mr-90 {
    margin-right: 90px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.ml-90 {
    margin-left: 90px !important
}

.mlr-90,
.mrl-90 {
    margin-left: 90px !important;
    margin-right: 90px !important
}

.mbt-90,
.mtb-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important
}

.border-radius-91 {
    border-radius: 91px !important
}

.fs-91 {
    font-size: 91px !important
}

    .fs-91.light-text {
        font-family: pelak
    }

    .fs-91.regular-text {
        font-family: pelak
    }

    .fs-91.medium-text {
        font-family: pelak
    }

    .fs-91.demi-bold-text {
        font-family: pelak
    }

    .fs-91.bold-text {
        font-family: pelak
    }

.pa-91 {
    padding: 91px !important
}

.pr-91 {
    padding-right: 91px !important
}

.pl-91 {
    padding-left: 91px !important
}

.pt-91 {
    padding-top: 91px !important
}

.pb-91 {
    padding-bottom: 91px !important
}

.plr-91 {
    padding-left: 91px !important;
    padding-right: 91px !important
}

.pbt-91,
.prl-91,
.ptb-91 {
    padding-top: 91px !important;
    padding-bottom: 91px !important
}

.ma-91 {
    margin: 91px !important
}

.mr-91 {
    margin-right: 91px !important
}

.mt-91 {
    margin-top: 91px !important
}

.mb-91 {
    margin-bottom: 91px !important
}

.ml-91 {
    margin-left: 91px !important
}

.mlr-91,
.mrl-91 {
    margin-left: 91px !important;
    margin-right: 91px !important
}

.mbt-91,
.mtb-91 {
    margin-top: 91px !important;
    margin-bottom: 91px !important
}

.border-radius-92 {
    border-radius: 92px !important
}

.fs-92 {
    font-size: 92px !important
}

    .fs-92.light-text {
        font-family: pelak
    }

    .fs-92.regular-text {
        font-family: pelak
    }

    .fs-92.medium-text {
        font-family: pelak
    }

    .fs-92.demi-bold-text {
        font-family: pelak
    }

    .fs-92.bold-text {
        font-family: pelak
    }

.pa-92 {
    padding: 92px !important
}

.pr-92 {
    padding-right: 92px !important
}

.pl-92 {
    padding-left: 92px !important
}

.pt-92 {
    padding-top: 92px !important
}

.pb-92 {
    padding-bottom: 92px !important
}

.plr-92 {
    padding-left: 92px !important;
    padding-right: 92px !important
}

.pbt-92,
.prl-92,
.ptb-92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important
}

.ma-92 {
    margin: 92px !important
}

.mr-92 {
    margin-right: 92px !important
}

.mt-92 {
    margin-top: 92px !important
}

.mb-92 {
    margin-bottom: 92px !important
}

.ml-92 {
    margin-left: 92px !important
}

.mlr-92,
.mrl-92 {
    margin-left: 92px !important;
    margin-right: 92px !important
}

.mbt-92,
.mtb-92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important
}

.border-radius-93 {
    border-radius: 93px !important
}

.fs-93 {
    font-size: 93px !important
}

    .fs-93.light-text {
        font-family: pelak
    }

    .fs-93.regular-text {
        font-family: pelak
    }

    .fs-93.medium-text {
        font-family: pelak
    }

    .fs-93.demi-bold-text {
        font-family: pelak
    }

    .fs-93.bold-text {
        font-family: pelak
    }

.pa-93 {
    padding: 93px !important
}

.pr-93 {
    padding-right: 93px !important
}

.pl-93 {
    padding-left: 93px !important
}

.pt-93 {
    padding-top: 93px !important
}

.pb-93 {
    padding-bottom: 93px !important
}

.plr-93 {
    padding-left: 93px !important;
    padding-right: 93px !important
}

.pbt-93,
.prl-93,
.ptb-93 {
    padding-top: 93px !important;
    padding-bottom: 93px !important
}

.ma-93 {
    margin: 93px !important
}

.mr-93 {
    margin-right: 93px !important
}

.mt-93 {
    margin-top: 93px !important
}

.mb-93 {
    margin-bottom: 93px !important
}

.ml-93 {
    margin-left: 93px !important
}

.mlr-93,
.mrl-93 {
    margin-left: 93px !important;
    margin-right: 93px !important
}

.mbt-93,
.mtb-93 {
    margin-top: 93px !important;
    margin-bottom: 93px !important
}

.border-radius-94 {
    border-radius: 94px !important
}

.fs-94 {
    font-size: 94px !important
}

    .fs-94.light-text {
        font-family: pelak
    }

    .fs-94.regular-text {
        font-family: pelak
    }

    .fs-94.medium-text {
        font-family: pelak
    }

    .fs-94.demi-bold-text {
        font-family: pelak
    }

    .fs-94.bold-text {
        font-family: pelak
    }

.pa-94 {
    padding: 94px !important
}

.pr-94 {
    padding-right: 94px !important
}

.pl-94 {
    padding-left: 94px !important
}

.pt-94 {
    padding-top: 94px !important
}

.pb-94 {
    padding-bottom: 94px !important
}

.plr-94 {
    padding-left: 94px !important;
    padding-right: 94px !important
}

.pbt-94,
.prl-94,
.ptb-94 {
    padding-top: 94px !important;
    padding-bottom: 94px !important
}

.ma-94 {
    margin: 94px !important
}

.mr-94 {
    margin-right: 94px !important
}

.mt-94 {
    margin-top: 94px !important
}

.mb-94 {
    margin-bottom: 94px !important
}

.ml-94 {
    margin-left: 94px !important
}

.mlr-94,
.mrl-94 {
    margin-left: 94px !important;
    margin-right: 94px !important
}

.mbt-94,
.mtb-94 {
    margin-top: 94px !important;
    margin-bottom: 94px !important
}

.border-radius-95 {
    border-radius: 95px !important
}

.fs-95 {
    font-size: 95px !important
}

    .fs-95.light-text {
        font-family: pelak
    }

    .fs-95.regular-text {
        font-family: pelak
    }

    .fs-95.medium-text {
        font-family: pelak
    }

    .fs-95.demi-bold-text {
        font-family: pelak
    }

    .fs-95.bold-text {
        font-family: pelak
    }

.pa-95 {
    padding: 95px !important
}

.pr-95 {
    padding-right: 95px !important
}

.pl-95 {
    padding-left: 95px !important
}

.pt-95 {
    padding-top: 95px !important
}

.pb-95 {
    padding-bottom: 95px !important
}

.plr-95 {
    padding-left: 95px !important;
    padding-right: 95px !important
}

.pbt-95,
.prl-95,
.ptb-95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important
}

.ma-95 {
    margin: 95px !important
}

.mr-95 {
    margin-right: 95px !important
}

.mt-95 {
    margin-top: 95px !important
}

.mb-95 {
    margin-bottom: 95px !important
}

.ml-95 {
    margin-left: 95px !important
}

.mlr-95,
.mrl-95 {
    margin-left: 95px !important;
    margin-right: 95px !important
}

.mbt-95,
.mtb-95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important
}

.border-radius-96 {
    border-radius: 96px !important
}

.fs-96 {
    font-size: 96px !important
}

    .fs-96.light-text {
        font-family: pelak
    }

    .fs-96.regular-text {
        font-family: pelak
    }

    .fs-96.medium-text {
        font-family: pelak
    }

    .fs-96.demi-bold-text {
        font-family: pelak
    }

    .fs-96.bold-text {
        font-family: pelak
    }

.pa-96 {
    padding: 96px !important
}

.pr-96 {
    padding-right: 96px !important
}

.pl-96 {
    padding-left: 96px !important
}

.pt-96 {
    padding-top: 96px !important
}

.pb-96 {
    padding-bottom: 96px !important
}

.plr-96 {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.pbt-96,
.prl-96,
.ptb-96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.ma-96 {
    margin: 96px !important
}

.mr-96 {
    margin-right: 96px !important
}

.mt-96 {
    margin-top: 96px !important
}

.mb-96 {
    margin-bottom: 96px !important
}

.ml-96 {
    margin-left: 96px !important
}

.mlr-96,
.mrl-96 {
    margin-left: 96px !important;
    margin-right: 96px !important
}

.mbt-96,
.mtb-96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important
}

.border-radius-97 {
    border-radius: 97px !important
}

.fs-97 {
    font-size: 97px !important
}

    .fs-97.light-text {
        font-family: pelak
    }

    .fs-97.regular-text {
        font-family: pelak
    }

    .fs-97.medium-text {
        font-family: pelak
    }

    .fs-97.demi-bold-text {
        font-family: pelak
    }

    .fs-97.bold-text {
        font-family: pelak
    }

.pa-97 {
    padding: 97px !important
}

.pr-97 {
    padding-right: 97px !important
}

.pl-97 {
    padding-left: 97px !important
}

.pt-97 {
    padding-top: 97px !important
}

.pb-97 {
    padding-bottom: 97px !important
}

.plr-97 {
    padding-left: 97px !important;
    padding-right: 97px !important
}

.pbt-97,
.prl-97,
.ptb-97 {
    padding-top: 97px !important;
    padding-bottom: 97px !important
}

.ma-97 {
    margin: 97px !important
}

.mr-97 {
    margin-right: 97px !important
}

.mt-97 {
    margin-top: 97px !important
}

.mb-97 {
    margin-bottom: 97px !important
}

.ml-97 {
    margin-left: 97px !important
}

.mlr-97,
.mrl-97 {
    margin-left: 97px !important;
    margin-right: 97px !important
}

.mbt-97,
.mtb-97 {
    margin-top: 97px !important;
    margin-bottom: 97px !important
}

.border-radius-98 {
    border-radius: 98px !important
}

.fs-98 {
    font-size: 98px !important
}

    .fs-98.light-text {
        font-family: pelak
    }

    .fs-98.regular-text {
        font-family: pelak
    }

    .fs-98.medium-text {
        font-family: pelak
    }

    .fs-98.demi-bold-text {
        font-family: pelak
    }

    .fs-98.bold-text {
        font-family: pelak
    }

.pa-98 {
    padding: 98px !important
}

.pr-98 {
    padding-right: 98px !important
}

.pl-98 {
    padding-left: 98px !important
}

.pt-98 {
    padding-top: 98px !important
}

.pb-98 {
    padding-bottom: 98px !important
}

.plr-98 {
    padding-left: 98px !important;
    padding-right: 98px !important
}

.pbt-98,
.prl-98,
.ptb-98 {
    padding-top: 98px !important;
    padding-bottom: 98px !important
}

.ma-98 {
    margin: 98px !important
}

.mr-98 {
    margin-right: 98px !important
}

.mt-98 {
    margin-top: 98px !important
}

.mb-98 {
    margin-bottom: 98px !important
}

.ml-98 {
    margin-left: 98px !important
}

.mlr-98,
.mrl-98 {
    margin-left: 98px !important;
    margin-right: 98px !important
}

.mbt-98,
.mtb-98 {
    margin-top: 98px !important;
    margin-bottom: 98px !important
}

.border-radius-99 {
    border-radius: 99px !important
}

.fs-99 {
    font-size: 99px !important
}

    .fs-99.light-text {
        font-family: pelak
    }

    .fs-99.regular-text {
        font-family: pelak
    }

    .fs-99.medium-text {
        font-family: pelak
    }

    .fs-99.demi-bold-text {
        font-family: pelak
    }

    .fs-99.bold-text {
        font-family: pelak
    }

.pa-99 {
    padding: 99px !important
}

.pr-99 {
    padding-right: 99px !important
}

.pl-99 {
    padding-left: 99px !important
}

.pt-99 {
    padding-top: 99px !important
}

.pb-99 {
    padding-bottom: 99px !important
}

.plr-99 {
    padding-left: 99px !important;
    padding-right: 99px !important
}

.pbt-99,
.prl-99,
.ptb-99 {
    padding-top: 99px !important;
    padding-bottom: 99px !important
}

.ma-99 {
    margin: 99px !important
}

.mr-99 {
    margin-right: 99px !important
}

.mt-99 {
    margin-top: 99px !important
}

.mb-99 {
    margin-bottom: 99px !important
}

.ml-99 {
    margin-left: 99px !important
}

.mlr-99,
.mrl-99 {
    margin-left: 99px !important;
    margin-right: 99px !important
}

.mbt-99,
.mtb-99 {
    margin-top: 99px !important;
    margin-bottom: 99px !important
}

.border-radius-100 {
    border-radius: 100px !important
}

.fs-100 {
    font-size: 100px !important
}

    .fs-100.light-text {
        font-family: pelak
    }

    .fs-100.regular-text {
        font-family: pelak
    }

    .fs-100.medium-text {
        font-family: pelak
    }

    .fs-100.demi-bold-text {
        font-family: pelak
    }

    .fs-100.bold-text {
        font-family: pelak
    }

.pa-100 {
    padding: 100px !important
}

.pr-100 {
    padding-right: 100px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.plr-100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.pbt-100,
.prl-100,
.ptb-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.ma-100 {
    margin: 100px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.ml-100 {
    margin-left: 100px !important
}

.mlr-100,
.mrl-100 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.mbt-100,
.mtb-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

.mlr-auto {
    margin-right: auto !important
}

.ml-auto,
.mlr-auto {
    margin-left: auto !important
}

.text-center {
    text-align: center !important
}

.pos-relative {
    position: relative
}

.card-header.text-center {
    font-size: 13px !important;
}

.headline {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: normal
}

.pull-right {
    float: right
}

.border-none {
    border: 0 !important
}

.vert-middle {
    vertical-align: middle
}

.flex {
    display: flex
}

    .flex.center {
        align-items: center
    }

.flex-x {
    display: flex;
    flex-direction: row
}

    .flex-x.align-center,
    .flex-x.center {
        align-items: center
    }

    .flex-x.center {
        justify-content: center
    }

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

    .flex-y.center {
        align-items: center;
        justify-content: center
    }

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

.flex-0 {
    flex: 0 1
}

.flex-1 {
    flex: 1 1;
    min-width: 0;
    min-height: 0
}

.flex-wrap {
    flex-wrap: wrap
}

.full-height {
    height: 100vh
}

.fill-width {
    width: 100% !important
}

.fill-height {
    height: 100% !important
}

.overflow-auto {
    overflow: auto
}

.overflow-hide {
    overflow: hidden
}

.cursor-pointer {
    cursor: pointer
}

.hover-underline:hover {
    text-decoration: underline
}

.with-transition {
    transition: all .3s ease-in
}

.hover-border:hover {
    text-decoration: underline
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    display: block;
    z-index: 9;
    color: #fff;
    font-weight: 200;
    background-size: cover;
    overflow-x: hidden;
    background-position: 50%
}

    .sidebar .sidebar-wrapper {
        position: relative;
        height: calc(100vh - 75px);
        z-index: 4;
        padding-bottom: 30px
    }

    .sidebar .nav li {
        width: 100%
    }

        .sidebar .nav li .card .card-body a,
        .sidebar .nav li > a {
            color: #fff;
            border-radius: 4px;
            margin: 5px 10px 0
        }

    .sidebar .nav .caret {
        top: 24px;
        position: absolute;
        right: 15px
    }

    .sidebar .nav .span-shortname {
        font-size: 12px
    }

    .sidebar .nav .span-shortname,
    .sidebar .nav i {
        float: left;
        margin-right: 9px;
        line-height: 30px;
        width: 30px;
        text-align: center
    }

    .sidebar .nav i {
        font-size: 18px
    }

    .sidebar:after,
    .sidebar:before,
    body > .navbar-collapse:after,
    body > .navbar-collapse:before {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2
    }

.main-panel {
    background: rgba(203,203,210,.15);
    position: relative;
    float: right;
    width: calc(100% - 260px);
    /*height: 100vh*/ /*cause header fix*/
}

@media (max-width:991.98px) {
    .main-panel {
        width: 100% !important
    }
}

@media (max-width:767.98px) {
    .icon-search {
        width: 190px !important
    }
}

.logo-wrapper,
.main-panel,
.navbar-fixed,
.sidebar,
.sidebar-wrapper {
    transition-property: top,bottom,width;
    transition-duration: .2s,.2s,.35s;
    transition-timing-function: linear,linear,ease;
    -webkit-overflow-scrolling: touch
}

    .sidebar-wrapper .profile-nav {
        position: absolute;
        bottom: 20px;
        left: 0px;
    }

        .sidebar-wrapper .profile-nav,
        .sidebar-wrapper .profile-nav a {
            font-size: .6rem;
            padding-left: .8rem !important;
        }

.sidebar-overlay,
.themesetting-overlay {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 1;
    transition: opacity 1s;
    width: 100%;
    height: 100%
}

.hor_mobile_sidebar {
    display: none
}

@media (max-width:991.98px) {
    .hor_mobile_sidebar {
        display: block
    }
}

.hor_menu {
    max-width: 100% !important
}

@media (max-width:991.98px) {
    .hor_menu {
        display: none
    }
}

.hor_menu .popover {
    max-width: 100% !important
}

.hor_menu .menu_section {
    min-width: 150px
}

    .hor_menu .menu_section .hor_heading {
        padding: 15px 10px;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

        .hor_menu .menu_section .hor_heading span {
            font-size: 16px;
            font-family: pelak
        }

@media (min-width:767px) and (max-width:991.98px) {
    .hor_menu .menu_section .hor_heading {
        padding: 8px
    }

        .hor_menu .menu_section .hor_heading span {
            font-size: 14px
        }
}

.hor_menu .hor_nav-link {
    padding: 10px;
    display: block;
    color: #000;
    border-radius: 6px;
    transition: all .3s ease-in
}

    .hor_menu .hor_nav-link span {
        font-size: 12px !important;
        color: #6c757d;
        font-family: pelak
    }

    .hor_menu .hor_nav-link:hover {
        text-decoration: none
    }

        .hor_menu .hor_nav-link:hover span {
            font-family: pelak
        }

    .hor_menu .hor_nav-link.active {
        text-decoration: none;
        background-color: #f4f5f7
    }

        .hor_menu .hor_nav-link.active span {
            font-family: pelak
        }

@media (min-width:767px) and (max-width:991.98px) {
    .hor_menu .hor_nav-link {
        padding: 8px
    }

        .hor_menu .hor_nav-link span {
            font-size: 12px
        }
}

.text-upper {
    text-transform: uppercase
}


.form-container {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12) !important;
    border-radius: 6px;
    background-color: #fff;
    width: 320px;
    margin: 6% auto
}

    .form-container .login-title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
        letter-spacing: normal !important;
        text-align: center
    }

    .form-container .link-label {
        font-weight: 700;
        font-size: 12px;
        margin-top: 10px;
        cursor: pointer;
        color: #673ab7
    }

        .form-container .link-label:hover {
            text-decoration: underline
        }

    .form-container .login-icon {
        padding: 16px 0;
        text-align: center;
    }

    .form-container .form-button {
        font-size: 14px;
        text-transform: capitalize;
        box-shadow: none !important;
        width: 100%;
        border-radius: 2px;
        font-weight: 500;
        background: #00c486;
        color: #fff
    }

    .form-container .form-info-text {
        color: #677484;
        font-size: 15px
    }

    .form-container .register-privacy-text {
        font-size: 14px
    }

    .form-container .lock-screen-profile {
        padding-bottom: 0
    }

        .form-container .lock-screen-profile img {
            border-radius: 50%
        }

.react-form-input {
    border-radius: 6px !important;
    font-size: 12px !important;
    border: 1px solid #ddd !important
}

    .react-form-input:focus {
        border: 1px solid #9a9a9a !important;
        box-shadow: none !important
    }

.react-form-search-input {
    font-size: 12px !important;
    border: 1px solid #ddd !important
}

    .react-form-search-input:focus {
        border: 1px solid #9a9a9a !important;
        box-shadow: none !important
    }

.static-control-input {
    border-radius: 6px !important;
    font-size: 14px !important
}

    .static-control-input:focus {
        outline: 0;
        box-shadow: none !important
    }

.form-button {
    font-size: 14px;
    text-transform: capitalize;
    box-shadow: none !important;
    width: 100%;
    border-radius: 2px;
    font-weight: 500;
    background: #00c486;
    color: #fff
}

.error-msg {
    font-size: 12px;
    color: red;
    font-weight: 600
}

.page-home-button {
    color: #fff;
    cursor: pointer;
    padding: 20px 25px;
    border-radius: 2px;
    font-size: 12px;
    border: 0;
    float: right;
    background-color: initial
}

    .page-home-button:hover {
        background-color: rgba(0,0,0,.12)
    }

.pricing-page .Pricing-title {
    font-size: 45px;
    line-height: 48px;
    letter-spacing: normal;
    color: #fff;
    font-weight: 500;
    margin: 48px 0
}

.pricing-page .pricing-card {
    max-width: 320px;
    text-align: center;
    color: #fff;
    margin: 0 auto 30px;
    font-weight: 600;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)
}

    .pricing-page .pricing-card .pink-highlight {
        background-color: #f06292;
        padding: 10px 0;
        margin-bottom: 20px;
        box-shadow: 0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(240,98,146,.6)
    }

    .pricing-page .pricing-card .pricing-button {
        padding: 8px 16px;
        font-size: 12px;
        font-weight: 600;
        border-radius: 2px;
        border: 0;
        color: #fff;
        background-color: #6200ea;
        cursor: pointer;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }

    .pricing-page .pricing-card .trial-info {
        color: #00bcd4 !important
    }

.pricing-page .pricing-white-card {
    max-width: 320px;
    margin: 0 auto 30px;
    text-align: center;
    color: #000;
    font-weight: 600;
    background-color: #fff !important;
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12) !important
}

    .pricing-page .pricing-white-card .pink-highlight {
        color: #fff;
        background-color: #f06292;
        padding: 10px 0;
        margin-bottom: 20px;
        box-shadow: 0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(240,98,146,.6)
    }

    .pricing-page .pricing-white-card .pricing-button {
        padding: 8px 16px;
        font-size: 12px;
        font-weight: 600;
        border-radius: 2px;
        border: 0;
        color: #fff;
        background-color: #6200ea;
        cursor: pointer;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
    }

    .pricing-page .pricing-white-card .trial-info {
        color: #00bcd4 !important
    }

.pricing-page .style-2-price-round-title-white {
    background: #fff;
    color: #6200ea
}

.pricing-page .style-2-price-round-title {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0 auto
}

.pricing-page .style-2-price-round-title-dark {
    background: #6200ea;
    color: #fff
}

.pricing-page .faq-pricing {
    color: #fff;
    font-weight: 600
}

    .pricing-page .faq-pricing .pricing-faq-card {
        background-color: #fff;
        padding: 40px;
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        border-radius: 2px;
        color: rgba(0,0,0,.87);
        margin-bottom: 30px
    }

        .pricing-page .faq-pricing .pricing-faq-card .title {
            font-size: 20px !important;
            font-weight: 600;
            line-height: 1 !important;
            letter-spacing: .02em !important
        }

        .pricing-page .faq-pricing .pricing-faq-card .description {
            font-size: 12px;
            font-style: normal;
            font-weight: 500
        }

.chip {
    background-color: #f5f5f5;
    color: #bd4147;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    display: inline-block;
    border-radius: 3px;
    white-space: pre-wrap;
    font-size: 85%;
    font-weight: 900;
    padding: 0 10px
}

.introduction {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.chart-container .sub-heading {
    font-size: 16px !important;
    font-weight: 400;
    margin-top: 10px
}

.chart-container .chart-discription {
    font-size: 12px;
    margin: 10px 0;
    font-weight: 500
}

.chart-container .chart-box {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12) !important;
    background: #fafafa;
    padding: 30px 0;
    background: #fff
}

.react-action-class button {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 1.875rem;
    font-size: .9375rem;
    width: 1.875rem;
    border-radius: 3px;
    margin-right: 5px
}

    .react-action-class button:focus {
        outline: 0 !important
    }

.react-action-class .react-table-view-button {
    color: #6bd098
}

    .react-action-class .react-table-view-button:hover {
        background-color: #6bd098;
        color: #fff
    }

.react-action-class .react-table-edit-button {
    color: #fab526
}

    .react-action-class .react-table-edit-button:hover {
        background-color: #fab526;
        color: #fff
    }

.react-action-class .react-table-delete-button {
    color: #eb6532
}

    .react-action-class .react-table-delete-button:hover {
        background-color: #eb6532;
        color: #fff
    }

.react-table-header-class {
    padding: 14px 0 !important;
    font-weight: 600
}

.c-btn {
    position: relative !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.16),0 2px 10px rgba(0,0,0,.12) !important;
    transition: color .15s,background-color .15s,border-color .15s,box-shadow .15s !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    font-size: .8rem !important;
    font-weight: 500 !important;
    outline: none !important;
    display: inline-block !important;
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
    padding: .375rem .75rem !important;
    border-radius: 6px
}

    .c-btn:focus {
        outline: 0
    }

.c-rounded {
    border-radius: 100px !important
}

.no-border {
    border: 0 !important!important
}

.c-btn-round {
    border-radius: 100px !important
}

.c-primary {
    color: #fff !important;
    background-color: #3f6ad8 !important;
    border-color: #3f6ad8 !important
}

    .c-primary:hover {
        color: #fff !important;
        background-color: #2955c8 !important;
        border-color: #2651be !important
    }

.c-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important
}

    .c-secondary:hover {
        color: #fff !important;
        background-color: #5a6268 !important;
        border-color: #545b62 !important
    }

.c-success {
    color: #fff !important;
    background-color: #00c486 !important;
    border-color: #00c486 !important
}

    .c-success:hover {
        color: #fff !important;
        background-color: #31a66a !important;
        border-color: #2e9d64 !important
    }

.c-info {
    color: #fff !important;
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important
}

    .c-info:hover {
        color: #fff !important;
        background-color: #00aec5 !important;
        border-color: #00aec5 !important
    }

.c-warning {
    color: #212529 !important;
    background-color: #f7b924 !important;
    border-color: #f7b924 !important
}

    .c-warning:hover {
        color: #212529 !important;
        background-color: #eca909 !important;
        border-color: #e0a008 !important
    }

.c-danger,
.c-danger:hover {
    color: #fff !important;
    background-color: #ff3279 !important;
    border-color: #ff3279 !important
}

.c-focus {
    color: #fff !important;
    background-color: #444054 !important;
    border-color: #444054 !important
}

    .c-focus:hover {
        color: #fff !important;
        background-color: #322f3e !important;
        border-color: #2d2a37 !important
    }

.c-alternate {
    color: #fff !important;
    background-color: #794c8a !important;
    border-color: #794c8a !important
}

    .c-alternate:hover {
        color: #212529 !important;
        background-color: #dbdbdb !important;
        border-color: #d5d5d5 !important
    }

.c-light {
    color: #212529 !important;
    background-color: #eee !important;
    border-color: #eee !important
}

    .c-light:hover {
        color: #212529 !important;
        background-color: #dbdbdb !important;
        border-color: #d5d5d5 !important
    }

.c-dark {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important
}

    .c-dark:hover {
        color: #fff !important;
        background-color: #23272b !important;
        border-color: #1d2124 !important
    }

.c-link {
    font-weight: 400 !important;
    color: #3f6ad8 !important
}

    .c-link,
    .c-link:hover {
        background-color: initial !important
    }

        .c-link:hover {
            color: #0056b3 !important;
            text-decoration: underline !important;
            border-color: transparent !important
        }

.c-outline-primary {
    color: #3f6ad8 !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #3f6ad8 !important
}

    .c-outline-primary .lds-ring div {
        border-color: #3f6ad8 transparent transparent !important
    }

    .c-outline-primary:hover {
        color: #fff !important;
        background-color: #3f6ad8 !important;
        border-color: #3f6ad8 !important
    }

        .c-outline-primary:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-secondary {
    color: #6c757d !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #6c757d !important
}

    .c-outline-secondary .lds-ring div {
        border-color: #6c757d transparent transparent !important
    }

    .c-outline-secondary:hover {
        color: #fff !important;
        background-color: #6c757d !important;
        border-color: #6c757d !important
    }

        .c-outline-secondary:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-success {
    color: #00c486 !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #00c486 !important
}

    .c-outline-success .lds-ring div {
        border-color: #00c486 transparent transparent !important
    }

    .c-outline-success:hover {
        color: #fff !important;
        background-color: #00c486 !important;
        border-color: #00c486 !important
    }

        .c-outline-success:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-info {
    color: #16aaff !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #16aaff !important
}

    .c-outline-info .lds-ring div {
        border-color: #16aaff transparent transparent !important
    }

    .c-outline-info:hover {
        color: #fff !important;
        background-color: #00aec5 !important;
        border-color: #00aec5 !important
    }

        .c-outline-info:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-warning {
    color: #f7b924 !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #f7b924 !important
}

    .c-outline-warning .lds-ring div {
        border-color: #f7b924 transparent transparent !important
    }

    .c-outline-warning:hover {
        color: #212529 !important;
        background-color: #f7b924 !important;
        border-color: #f7b924 !important
    }

        .c-outline-warning:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-danger {
    color: #ff3279 !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #ff3279 !important
}

    .c-outline-danger .lds-ring div {
        border-color: #ff3279 transparent transparent !important
    }

    .c-outline-danger:hover {
        color: #fff !important;
        background-color: #ff3279 !important;
        border-color: #ff3279 !important
    }

        .c-outline-danger:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-focus {
    color: #444054 !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #444054 !important
}

    .c-outline-focus .lds-ring div {
        border-color: #444054 transparent transparent !important
    }

    .c-outline-focus:hover {
        color: #fff !important;
        background-color: #444054 !important;
        border-color: #444054 !important
    }

        .c-outline-focus:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-alternate {
    color: #794c8a !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #794c8a !important
}

    .c-outline-alternate .lds-ring div {
        border-color: #794c8a transparent transparent !important
    }

    .c-outline-alternate:hover {
        color: #fff !important;
        background-color: #794c8a !important;
        border-color: #794c8a !important
    }

        .c-outline-alternate:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-light {
    color: #8f8f8f !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #eee !important
}

    .c-outline-light .lds-ring div {
        border-color: #8f8f8f transparent transparent !important
    }

    .c-outline-light:hover {
        color: #212529 !important;
        background-color: #eee !important;
        border-color: #eee !important
    }

        .c-outline-light:hover .lds-ring div {
            border-color: #212529 transparent transparent !important
        }

.c-outline-dark {
    color: #343a40 !important;
    background-color: initial !important;
    background-image: none !important;
    border-color: #343a40 !important
}

    .c-outline-dark .lds-ring div {
        border-color: #343a40 transparent transparent !important
    }

    .c-outline-dark:hover {
        color: #fff !important;
        background-color: #343a40 !important;
        border-color: #343a40 !important
    }

        .c-outline-dark:hover .lds-ring div {
            border-color: #fff transparent transparent !important
        }

.c-outline-link {
    border-color: transparent !important
}

    .c-outline-link:hover {
        color: #3f6ad8 !important;
        background: #f8f9fa !important
    }

.c-btn.disabled,
.c-btn:disabled {
    opacity: .65 !important;
    cursor: auto !important
}

.c-btn-lg {
    padding: .5rem 1rem !important;
    font-size: 1.1rem !important
}

.c-btn-lg,
.c-btn-sm {
    line-height: 1.5 !important
}

.c-btn-sm {
    padding: .25rem .5rem !important;
    font-size: .8rem !important
}

.c-btn-group-lg > .c-btn-wide.c-btn,
.c-btn-lg.c-btn-wide {
    padding: .5rem 2rem !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important
}

.expand-left {
    padding-left: 40px !important
}

.expand-left,
.expand-right {
    transition: all .3s cubic-bezier(.175,.885,.32,1.275) !important
}

.expand-right {
    padding-right: 40px !important
}

.expand-up {
    padding-top: 30px !important
}

.expand-down,
.expand-up {
    transition: all .3s cubic-bezier(.175,.885,.32,1.275) !important
}

.expand-down {
    padding-bottom: 30px !important
}

.loder-down {
    right: 41% !important;
    bottom: 10px !important
}

.loder-left {
    left: 10px !important;
    top: 0 !important
}

.loder-right {
    right: 14px !important;
    top: 0 !important
}

.loder-middle {
    right: 41% !important;
    top: 0 !important
}

.label-middle {
    opacity: 0
}

.lds-ring {
    display: inline-block;
    width: 20px;
    z-index: 1
}

    .lds-ring,
    .lds-ring div {
        position: absolute;
        height: 20px
    }

        .lds-ring div {
            box-sizing: border-box;
            display: block;
            width: 8px;
            margin: 6px;
            -webkit-animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
            animation: lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
            border: 2px solid transparent;
            border-top-color: #fff
        }

            .lds-ring div:first-child {
                -webkit-animation-delay: -.45s;
                animation-delay: -.45s
            }

            .lds-ring div:nth-child(2) {
                -webkit-animation-delay: -.3s;
                animation-delay: -.3s
            }

            .lds-ring div:nth-child(3) {
                -webkit-animation-delay: -.15s;
                animation-delay: -.15s
            }

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.c-btn-dashed {
    border-style: dashed !important
}

.c-text-primary {
    color: #3f6ad8
}

    .c-text-primary:hover {
        color: #2955c8
    }

.c-text-secondary {
    color: #6c757d
}

    .c-text-secondary:hover {
        color: #5a6268
    }

.c-text-success {
    color: #3ac47d
}

    .c-text-success:hover {
        color: #2e9d64
    }

.c-text-info {
    color: #16aaff
}

    .c-text-info:hover {
        color: #0098ef
    }

.c-text-warning {
    color: #f7b924
}

    .c-text-warning:hover {
        color: #eca909
    }

.c-text-danger,
.c-text-danger:hover {
    color: #d92550
}

.c-text-focus {
    color: #444054
}

    .c-text-focus:hover {
        color: #322f3e
    }

.c-text-alternate {
    color: #794c8a
}

.c-text-dark {
    color: #343a40
}

    .c-text-dark:hover {
        color: #23272b
    }

.heading-title {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    color: #fff;
    clear: both
}

.display-info-class {
    font-weight: bolder;
    font-size: 16px
}

.grey--text {
    color: #757575
}

.header-title {
    color: #757575;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px
}

.display-5 {
    font-size: 1.14rem;
    font-weight: 300
}

.display-6 {
    font-size: 1rem;
    font-weight: 300
}

.subheading {
    font-size: 16px;
    font-weight: 400
}

.body-2 {
    font-size: 12px;
    font-weight: 500
}

.reactstrap-example-block {
    max-width: 400px;
    margin: 0 auto
}

.reactstrap-badge-block .badge,
.reactstrap-badge-button-block button,
.reactstrap-button-block button {
    margin: 0 10px 10px 0
}

.reactstrap-breadcrumb-block {
    display: flex;
    flex-flow: wrap
}

    .reactstrap-breadcrumb-block .breadcrumb {
        margin-right: 10px
    }

.button-toolbar-block .btn-group,
.reactstrap-dropdown-block button,
.reactstrap-splitbutton-drop-block .btn-group {
    margin: 0 10px 10px 0
}

.reactstrap-card-block .card {
    max-width: 300px;
    margin: 0 auto
}

textarea {
    border-radius: 10px 10px 10px 0 !important;
}

@media (max-width:575.98px) {
    .reactstrap-card-block .card {
        max-width: 100%
    }
}

.card-alignment-block .card {
    max-width: 600px;
    margin: 0 auto 10px
}

.list-group-block {
    max-width: 300px;
    margin: 0 auto
}

.reactstrap-media {
    overflow: auto
}

    .reactstrap-media img {
        width: 200px
    }

    .reactstrap-media .media-body {
        padding-left: 10px
    }

    .reactstrap-media .media-list {
        padding-left: 0
    }

.progress-block .progress {
    margin-bottom: 10px
}

.label1 {
    background: #77a361;
    background-color: #77a361 !important;
    border-color: #77a361 !important
}

.label1--text,
.label1-c-hover:hover {
    color: #77a361 !important
}

.label1-b-hover:hover {
    background-color: #77a361 !important
}

.label2 {
    background: #cd6889;
    background-color: #cd6889 !important;
    border-color: #cd6889 !important
}

.label2--text,
.label2-c-hover:hover {
    color: #cd6889 !important
}

.label2-b-hover:hover {
    background-color: #cd6889 !important
}

.label3 {
    background: #2f4f4f;
    background-color: #2f4f4f !important;
    border-color: #2f4f4f !important
}

.label3--text,
.label3-c-hover:hover {
    color: #2f4f4f !important
}

.label3-b-hover:hover {
    background-color: #2f4f4f !important
}

.label4 {
    background: #104e8b;
    background-color: #104e8b !important;
    border-color: #104e8b !important
}

.label4--text,
.label4-c-hover:hover {
    color: #104e8b !important
}

.label4-b-hover:hover {
    background-color: #104e8b !important
}

.label5 {
    background: #a020f0;
    background-color: #a020f0 !important;
    border-color: #a020f0 !important
}

.label5--text,
.label5-c-hover:hover {
    color: #a020f0 !important
}

.label5-b-hover:hover {
    background-color: #a020f0 !important
}

.label6 {
    background: #ff8000;
    background-color: #ff8000 !important;
    border-color: #ff8000 !important
}

.label6--text,
.label6-c-hover:hover {
    color: #ff8000 !important
}

.label6-b-hover:hover {
    background-color: #ff8000 !important
}

.taskboardicons {
    background: #6c6689;
    background-color: #6c6689 !important;
    border-color: #6c6689 !important
}

.taskboardicons--text,
.taskboardicons-c-hover:hover {
    color: #6c6689 !important
}

.taskboardicons-b-hover:hover {
    background-color: #6c6689 !important
}

.success {
    background: #57c4a7;
    background-color: #57c4a7 !important;
    border-color: #57c4a7 !important
}

.success--text,
.success-c-hover:hover {
    color: #57c4a7 !important
}

.success-b-hover:hover {
    background-color: #57c4a7 !important
}

.whitelight {
    background: #fff;
    background-color: #fff !important;
    border-color: #fff !important
}

.whitelight--text,
.whitelight-c-hover:hover {
    color: #fff !important
}

.whitelight-b-hover:hover {
    background-color: #fff !important
}

.lightGrey {
    background: #f4f5f7;
    background-color: #f4f5f7 !important;
    border-color: #f4f5f7 !important
}

.lightGrey--text,
.lightGrey-c-hover:hover {
    color: #f4f5f7 !important
}

.lightGrey-b-hover:hover {
    background-color: #f4f5f7 !important
}

.greytext {
    background: #6c757d;
    background-color: #6c757d !important;
    border-color: #6c757d !important
}

.greytext--text,
.greytext-c-hover:hover {
    color: #6c757d !important
}

.greytext-b-hover:hover {
    background-color: #6c757d !important
}

.lighttext {
    background: #575d78;
    background-color: #575d78 !important;
    border-color: #575d78 !important
}

.lighttext--text,
.lighttext-c-hover:hover {
    color: #575d78 !important
}

.lighttext-b-hover:hover {
    background-color: #575d78 !important
}

@media (min-width:768px) and (max-width:991.98px) {
    .task-dialog {
        max-width: 100% !important;
        margin-left: 20px !important;
        margin-right: 20px !important
    }
}

.task-dialog .task-dialog-header {
    display: flex
}

@media (max-width:575.98px) {
    .task-dialog .task-dialog-header {
        flex-direction: column-reverse
    }
}

.task-dialog .task-dialog-header .task-title {
    font-size: 20px;
    flex: 1 1;
    color: #42526e
}

@media (max-width:575.98px) {
    .task-dialog .task-dialog-header .icons {
        text-align: right
    }
}

.task-dialog .task-dialog-header .icons i {
    color: #42526e;
    margin: 0 10px;
    cursor: pointer
}

.task-dialog .task-dialog-content {
    background-color: #f4f5f7
}

    .task-dialog .task-dialog-content .close {
        display: none
    }

    .task-dialog .task-dialog-content .modal-body {
        padding-top: 0
    }

    .task-dialog .task-dialog-content .modal-header {
        border-bottom: 0
    }

        .task-dialog .task-dialog-content .modal-header .modal-title {
            width: 100%
        }

.task-dialog .task-description {
    background: #fff;
    padding: 15px;
    border-radius: 7px;
    cursor: pointer
}

.task-dialog .task-attachment {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 10px;
    max-width: 220px
}

@media (max-width:575.98px) {
    .task-dialog .task-attachment {
        margin-left: 0;
        max-width: 100%
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .task-dialog .task-attachment {
        max-width: 100%;
        margin-left: 0
    }
}

.task-dialog .task-attachment .title {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px
}

.task-dialog .task-attachment .attachment-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

    .task-dialog .task-attachment .attachment-group .attachment {
        background: #fff;
        padding: 15px;
        border-radius: 7px;
        position: relative;
        background-color: rgba(9,30,66,.04);
        margin: 5px auto
    }

        .task-dialog .task-attachment .attachment-group .attachment .more_icon i {
            text-align: right;
            position: absolute;
            top: 0;
            right: 6px;
            cursor: pointer
        }

        .task-dialog .task-attachment .attachment-group .attachment .file-name {
            font-size: 12px;
            font-weight: 400;
            color: #1d2b3b;
            text-align: center;
            margin-top: 8px
        }

        .task-dialog .task-attachment .attachment-group .attachment img {
            width: 120px;
            height: 120px;
            object-fit: cover;
            border-radius: 7px
        }

.task-dialog .left-side {
    flex: 1 1
}

.task-dialog .dialog-flex {
    display: flex
}

@media (max-width:575.98px) {
    .task-dialog .dialog-flex {
        display: block
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .task-dialog .dialog-flex {
        display: block
    }
}

.task-dialog .sub-task {
    background: #fff;
    padding: 0 15px 15px;
    border-radius: 6px
}

    .task-dialog .sub-task .subtask-search {
        font-size: 12px;
        padding: 4px 10px;
        color: #42526e;
        border-radius: 6px;
        border: 1px solid rgba(9,30,66,.2)
    }

    .task-dialog .sub-task .subtask-block-header {
        display: flex;
        align-items: center
    }

        .task-dialog .sub-task .subtask-block-header i {
            cursor: pointer;
            margin-left: 10px;
            color: #42526e
        }

    .task-dialog .sub-task .title {
        flex: 1 1;
        font-size: 14px;
        font-weight: 800;
        padding: 15px 0
    }

@media (max-width:575.98px) {
    .task-dialog .sub-task .title {
        font-size: 14px
    }
}

.task-dialog .sub-task .title i {
    margin-right: 15px
}

.task-dialog .sub-task .subtask-detail {
    background-color: rgba(9,30,66,.04);
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    margin-bottom: 10px
}

    .task-dialog .sub-task .subtask-detail .subtask-options {
        display: flex;
        align-items: center
    }

        .task-dialog .sub-task .subtask-detail .subtask-options .comment-count {
            flex: 1 1;
            font-size: 12px;
            color: #42526e;
            text-decoration: underline;
            cursor: pointer
        }

    .task-dialog .sub-task .subtask-detail i {
        color: #42526e;
        margin-left: 10px;
        cursor: pointer;
        font-size: 16px
    }

    .task-dialog .sub-task .subtask-detail .sub-task-ticket {
        background-color: #ff3279;
        color: #fff;
        padding: 2px 8px;
        border-radius: 6px;
        font-size: 12px;
        font-weight: 800
    }

    .task-dialog .sub-task .subtask-detail .comment-section {
        padding-top: 10px
    }

        .task-dialog .sub-task .subtask-detail .comment-section .comment-detail {
            display: flex;
            margin-bottom: 10px
        }

            .task-dialog .sub-task .subtask-detail .comment-section .comment-detail .profile img {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                object-fit: cover
            }

            .task-dialog .sub-task .subtask-detail .comment-section .comment-detail .users {
                padding-left: 10px
            }

                .task-dialog .sub-task .subtask-detail .comment-section .comment-detail .users .user-name {
                    font-size: 15px;
                    font-weight: 600;
                    color: #42526e
                }

                    .task-dialog .sub-task .subtask-detail .comment-section .comment-detail .users .user-name .time {
                        margin-left: 8px;
                        font-size: 10px;
                        font-weight: 300
                    }

                .task-dialog .sub-task .subtask-detail .comment-section .comment-detail .users .message {
                    font-size: 12px;
                    background-color: #fff;
                    padding: 5px 10px;
                    border-radius: 6px;
                    margin-top: 5px;
                    display: inline-block
                }

.task-dialog .member-block {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-left: 10px
}

@media (max-width:575.98px) {
    .task-dialog .member-block {
        margin-left: 0;
        margin-top: 10px
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .task-dialog .member-block {
        margin-left: 0;
        margin-top: 10px
    }
}

.task-dialog .member-block .member {
    margin: 5px
}

    .task-dialog .member-block .member img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        object-fit: cover
    }

.task-dialog .member-block .all-member {
    display: flex;
    align-items: center;
    max-width: 200px;
    flex-wrap: wrap
}

@media (max-width:575.98px) {
    .task-dialog .member-block .all-member {
        max-width: 100%
    }
}

.task-dialog .dialog-chip {
    background-color: rgba(9,30,66,.04);
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    max-width: 115px;
    margin: 0 auto;
    text-align: center;
    border: 0;
    outline: 0
}

.add-comment-block,
.add-subtask-block,
.add-task-block {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 0 10px 10px;
    color: #6b778c;
    cursor: pointer
}

    .add-comment-block i,
    .add-subtask-block i,
    .add-task-block i {
        margin-right: 10px
    }

.add-comment-block,
.add-subtask-block {
    padding: 0 10px
}

.add-card-input-block,
.add-comment-input-block {
    text-align: center
}

    .add-card-input-block .add-card-input,
    .add-card-input-block .add-comment-input,
    .add-card-input-block .add-subtask-input,
    .add-comment-input-block .add-card-input,
    .add-comment-input-block .add-comment-input,
    .add-comment-input-block .add-subtask-input {
        width: 93%;
        resize: none;
        border-radius: 3px;
        border: 0;
        font-size: 16px;
        padding: 8px
    }

        .add-card-input-block .add-card-input:focus,
        .add-card-input-block .add-comment-input:focus,
        .add-card-input-block .add-subtask-input:focus,
        .add-comment-input-block .add-card-input:focus,
        .add-comment-input-block .add-comment-input:focus,
        .add-comment-input-block .add-subtask-input:focus {
            outline: 0
        }

    .add-card-input-block .add-comment-input,
    .add-card-input-block .add-subtask-input,
    .add-comment-input-block .add-comment-input,
    .add-comment-input-block .add-subtask-input {
        width: 100% !important;
        margin-top: 10px
    }

    .add-card-input-block .add-subtask-input,
    .add-comment-input-block .add-subtask-input {
        background-color: rgba(9,30,66,.04);
        margin-top: 0
    }

    .add-card-input-block .action,
    .add-card-input-block .comment-action,
    .add-card-input-block .subtask-action,
    .add-comment-input-block .action,
    .add-comment-input-block .comment-action,
    .add-comment-input-block .subtask-action {
        display: flex;
        align-items: center;
        margin-left: 8px;
        margin-bottom: 10px
    }

    .add-card-input-block .comment-action,
    .add-card-input-block .subtask-action,
    .add-comment-input-block .comment-action,
    .add-comment-input-block .subtask-action {
        margin-left: 0;
        margin-bottom: 0
    }

.label-block {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 10px;
    max-width: 220px
}

@media (max-width:575.98px) {
    .label-block {
        margin-left: 0;
        max-width: 100%
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .label-block {
        max-width: 100%;
        margin-left: 0
    }
}

.label-block .heading {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px
}

.label-block .all-labels {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.label-block .label {
    padding: 8px 23px;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 10px
}

.no-subtask-info {
    text-align: center;
    padding: 65px 0 80px;
    font-size: 16px;
    color: #42526e
}

    .no-subtask-info i {
        font-size: 24px;
        color: #00c584
    }

.description-input {
    width: 100%;
    border: 0;
    outline: 0
}

.label-rect {
    width: 30px;
    height: 30px;
    border-radius: 7px
}

.label-list {
    display: flex;
    align-items: center
}

.add-member-content {
    max-height: 200px;
    overflow: auto
}

.add-member-list {
    display: flex;
    align-items: center
}

    .add-member-list .member-pics img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 10px
    }

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    min-width: 70px;
    min-height: 70px;
    border-radius: 50px;
    background: rgba(0,0,0,.13);
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,.23)
    }

::-webkit-scrollbar-track {
    background: transparent
}

.scroll-dark::-webkit-scrollbar-thumb {
    background: hsla(0,0%,100%,.13)
}

    .scroll-dark::-webkit-scrollbar-thumb:hover {
        background: hsla(0,0%,100%,.23)
    }

.scroll-overlay {
    overflow: overlay
}

    .scroll-overlay::-webkit-scrollbar {
        display: none
    }

    .scroll-overlay:hover::-webkit-scrollbar {
        display: inline;
        display: initial
    }

.wysiwyg-editor {
    box-shadow: 0 .46875rem 2.1875rem rgba(0,0,0,.03),0 .9375rem 1.40625rem rgba(0,0,0,.03),0 .25rem .53125rem rgba(0,0,0,.05),0 .125rem .1875rem rgba(0,0,0,.03)
}

    .wysiwyg-editor .css-baehas-Wrapper {
        z-index: 9
    }

    .wysiwyg-editor .css-1nnvtu-StyledEditor-StyledEditor {
        min-height: 300px !important
    }

.roe-mark-down-editor {
    box-shadow: 0 .46875rem 2.1875rem rgba(0,0,0,.03),0 .9375rem 1.40625rem rgba(0,0,0,.03),0 .25rem .53125rem rgba(0,0,0,.05),0 .125rem .1875rem rgba(0,0,0,.03);
    width: 100%;
    border: 1px solid rgba(0,0,0,.125);
    margin-top: 10px;
    padding: 15px
}

    .roe-mark-down-editor:focus {
        outline: 0
    }

.emojji-picker {
    max-width: 100%;
    padding: 15px;
    max-height: 200px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 .46875rem 2.1875rem rgba(0,0,0,.03),0 .9375rem 1.40625rem rgba(0,0,0,.03),0 .25rem .53125rem rgba(0,0,0,.05),0 .125rem .1875rem rgba(0,0,0,.03)
}

    .emojji-picker .emoji-list {
        display: grid;
        grid-template-columns: repeat(14,1fr)
    }

        .emojji-picker .emoji-list .active {
            background-color: #f4f5f7;
            border-radius: 6px
        }

.mention-picker {
    max-width: 250px;
    padding: 15px;
    max-height: 200px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 .46875rem 2.1875rem rgba(0,0,0,.03),0 .9375rem 1.40625rem rgba(0,0,0,.03),0 .25rem .53125rem rgba(0,0,0,.05),0 .125rem .1875rem rgba(0,0,0,.03)
}

    .mention-picker .user-list img {
        width: 30px;
        height: 30px;
        object-fit: cover;
        border-radius: 50%;
        margin-right: 10px
    }

    .mention-picker .user-list .active {
        background-color: #f4f5f7;
        border-radius: 6px
    }

.preview-section {
    background-color: #fff;
    box-shadow: 0 .46875rem 2.1875rem rgba(0,0,0,.03),0 .9375rem 1.40625rem rgba(0,0,0,.03),0 .25rem .53125rem rgba(0,0,0,.05),0 .125rem .1875rem rgba(0,0,0,.03)
}

span.mention {
    background: #f4f5f7;
    padding: 2px 4px;
    margin: -2px 2px;
    display: inline-block;
    color: #2d2743;
    cursor: pointer;
    border-radius: 6px
}

    span.mention:before {
        content: "@";
        color: #2d2743
    }

.editor-emoji {
    font-size: 20px
}

.bullet:before {
    content: "\2022";
    margin: 0 10px
}

.bullet {
    display: flex
}

.editor-prototype {
    line-height: 1.5em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

    .editor-prototype a {
        color: #1f89fc !important;
        text-decoration: none
    }

    .editor-prototype p:first-child {
        margin: 8px 0 0
    }

    .editor-prototype p:not(:first-child) {
        margin: 0
    }

    .editor-prototype strong {
        font-family: pelak
    }

.quill-editor .ql-container {
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    background: #fefcfc
}

.quill-editor .ql-snow.ql-toolbar {
    display: block;
    background: #eaecec;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.quill-editor .ql-bubble .ql-editor {
    border: 1px solid #ccc;
    border-radius: .5em
}

.quill-editor .ql-editor {
    min-height: 18em
}

.themeSwitcher {
    margin-top: .5em;
    font-size: small
}

.for-editor .for-container .for-controlbar,
.for-editor ul {
    flex-wrap: wrap
}

body {
    /*overflow: hidden*/ /*cause header fix*/
}

body,
div,
html,
html a,
html li,
html p,
input,
span,
button,
select,
tspan,
g text,
textarea {
    margin-bottom: 0;
    font-family: Lato;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,.004)
}

.setting-button {
    position: fixed;
    top: 50%;
    z-index: 3;
    right: 0;
    box-shadow: none;
    font-size: 20px !important;
    padding: 10px !important
}

.arrow-sidebar {
    top: 12px;
    position: absolute;
    right: 5px;
    font-size: 12px !important;
    z-index: 1;
    cursor: pointer
}

.Page-title,
.Page-title .title-icon {
    display: flex;
    align-items: center;
    text-transform: uppercase
}

    .Page-title .title-icon {
        width: 45px;
        height: 45px;
        font-weight: 600;
        color: #fff;
        justify-content: center;
        border-radius: 6px
    }

    .Page-title .title {
        margin-left: 14px;
        font-size: larger;
        font-weight: 600
    }

.error-back {
    position: fixed;
    overflow: auto;
    top: 0;
    bottom: 0
}

.error-container {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12) !important;
    text-align: center;
    padding: 20% 0;
    width: 100%;
    margin: 10% 0
}

    .error-container .error-heading {
        font-size: 112px !important;
        font-weight: 300;
        line-height: 1 !important;
        letter-spacing: -.04em !important;
        color: #fff
    }

    .error-container .error-sub-title {
        font-size: 16px !important;
        font-weight: 400;
        color: #fff;
        padding: 20px 0
    }

    .error-container .goHome {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
        background-color: #673ab7 !important;
        border-color: #673ab7 !important;
        color: #fff;
        padding: 9px 16px;
        border-radius: 30px;
        cursor: pointer;
        outline: 0
    }

select.selectpicker {
    display: block;
    margin: 0 auto;
    padding-left: 20px
}

.btn-new {
    background-color: #2a3f54
}

.global-hash-title {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0
}

.sweet-alert-confirm-button {
    color: #fff !important;
    background-color: #3f6ad8 !important;
    border-color: #3f6ad8 !important;
    padding: 10px 60px !important
}

.sweet-alert-cancle-button {
    color: #fff !important;
    background-color: #d92550 !important;
    border-color: #d92550 !important;
    padding: 10px 60px !important
}

.sweet-alert-wrapper .lead {
    margin: 10px 0
}

.sweet-alert-wrapper input {
    border-radius: 6px !important;
    font-size: 12px !important;
    border: 1px solid #ddd !important
}

    .sweet-alert-wrapper input:focus {
        border: 1px solid #9a9a9a !important;
        box-shadow: none !important
    }

.icon-component {
    background: #eceff1
}

    .icon-component .icon {
        font-size: 36px;
        color: rgba(0,0,0,.54)
    }

    .icon-component .text {
        color: rgba(0,0,0,.87);
        font-size: 14px
    }

select.form-control {
    margin: 15px 0;
}

.meal-column {
    max-width: 25% !important;
    margin-left: 10px !important;
}



.profile-image img {
    height: 100px;
    width: 100px;
    border-radius: 50%
}

.Profile-component {
    margin: -15px
}

    .Profile-component .background {
        height: 250px
    }

    .Profile-component .send-req-btn {
        position: absolute !important;
        top: 10px;
        right: 25px
    }

    .Profile-component .profile-left-shade {
        position: relative;
        margin-top: -52px
    }

    .Profile-component .profile-right-shade {
        background: #fff;
        position: relative;
        top: -25px
    }

    .Profile-component .profile-list {
        font-weight: 600;
        font-size: 12px;
        padding-bottom: 10px;
        margin-right: 25px;
        cursor: pointer
    }

    .Profile-component .feed-text-area {
        display: block;
        border-radius: 2px;
        min-width: 0;
        position: relative;
        text-decoration: none;
        transition: .3s cubic-bezier(.25,.8,.5,1);
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        background-color: #eee;
        border-color: #eee;
        padding: 16px
    }

        .Profile-component .feed-text-area textarea {
            box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
            background: #fff
        }

            .Profile-component .feed-text-area textarea:focus {
                border-color: #fff
            }

        .Profile-component .feed-text-area .feed-text-area-icon i {
            font-size: 20px;
            margin-right: 15px
        }

    .Profile-component .feed-card {
        margin: 0 auto;
        padding: 15px;
        transition: .3s cubic-bezier(.25,.8,.5,1);
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)
    }

        .Profile-component .feed-card .feed-card-header .feed-card-list-image img {
            height: 40px;
            width: 40px;
            border-radius: 50%;
            margin-top: -26px
        }

        .Profile-component .feed-card .feed-card-header .feed-post-name {
            font-size: 15px;
            font-weight: 700
        }

        .Profile-component .feed-card .feed-card-header .feed-post-time {
            font-size: 12px;
            font-weight: 300
        }

        .Profile-component .feed-card .feed-card-body .body-description {
            font-size: 12px;
            font-weight: 300
        }

        .Profile-component .feed-card .feed-card-body .feed-card-media img {
            width: 100%;
            height: 350px
        }

    .Profile-component .Work-header {
        box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
        padding: 15px;
        align-items: center
    }

    .Profile-component .work-card {
        box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
        margin: 10px 0
    }

        .Profile-component .work-card .work-body .Work-title {
            font-size: 15px;
            font-weight: 600
        }

        .Profile-component .work-card .work-body .Work-text {
            font-size: 13px;
            font-weight: 300
        }

    .Profile-component .see-all-btn {
        font-size: 12px;
        cursor: pointer
    }

    .Profile-component .friend-image {
        width: 100%;
        object-fit: cover
    }

    .Profile-component .profile-media-card {
        background-color: #f5f5f5 !important;
        padding: 25px
    }

        .Profile-component .profile-media-card .media-image {
            height: 200px;
            width: 100%;
            object-fit: cover
        }

        .Profile-component .profile-media-card .media-text {
            position: absolute;
            top: 40%;
            text-align: center;
            width: 88%;
            color: #fff;
            font-weight: 700
        }

.header-popover-width {
    min-width: 25rem
}

    .header-popover-width .custom-popover-header {
        font-weight: 600;
        padding: 20px !important
    }

.language-popover-width {
    min-width: 15rem
}

    .language-popover-width .custom-popover-header {
        font-weight: 600;
        padding: 20px !important
    }

    .language-popover-width .language-list-hover {
        cursor: pointer
    }

        .language-popover-width .language-list-hover:hover {
            background: #fafafa
        }

.notification-popover-profile img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.bs-popover-auto[x-placement^=bottom] .arrow,
.bs-popover-bottom .arrow {
    top: -.5rem !important
}

    .bs-popover-auto[x-placement^=bottom] .arrow:after,
    .bs-popover-bottom .arrow:after {
        top: 1px
    }

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    width: 0 !important
}

.grid-popover i {
    font-size: 2.5rem !important;
    margin: 5px 0;
    opacity: .6
}

.grid-popover .grid-text {
    font-size: 15px;
    font-weight: 600
}

.grid-popover .col-border {
    border: 1px solid hsla(0,0%,45.9%,.2)
}

.grid-popover i {
    font-size: 1rem !important
}

.ul-bottom-border {
    border: 1px solid hsla(0,0%,45.9%,.2)
}

.gauge-card {
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    padding: 16px
}

.rasta-stripes .react-datepicker__week:nth-child(3n+1) {
    background-color: #215005
}

.rasta-stripes .react-datepicker__week:nth-child(3n+2) {
    background-color: #eea429
}

.rasta-stripes .react-datepicker__week:nth-child(3n+3) {
    background-color: #a82a15
}

.red-border {
    border-color: red
}

.calender-back-class {
    box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
    background: #fff;
    border-radius: 10px;
    margin: 20px 0
}

    .calender-back-class .scheduler {
        margin: 6px auto !important
    }

    .calender-back-class .ant-radio-button-wrapper-checked {
        background-color: #6200ea !important
    }

        .calender-back-class .ant-radio-button-wrapper-checked:hover {
            color: #fff !important
        }

.my-table-custom-class {
    background-color: #fff !important
}

    .my-table-custom-class table {
        margin-bottom: 0
    }

.chatUserDisplayHideOnLg {
    min-width: 300px
}

@media (max-width:1199.98px) {
    .chatUserDisplayHideOnLg {
        display: none
    }
}

.contactLeftPanelDisplayHideOnLg {
    min-width: 300px
}

@media (max-width:1199.98px) {
    .contactLeftPanelDisplayHideOnLg {
        display: none
    }
}

.searchStyle {
    margin-left: auto
}

@media (max-width:575.98px) {
    .searchStyle {
        max-width: 100%
    }
}

.searchStyle .close-search {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #6c757d
}

.filterSmallScreenmenu {
    display: none
}

@media (max-width:1199.98px) {
    .filterSmallScreenmenu {
        display: block
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.sidebar-overlay {
    display: none
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.mini-drawer-menu-icon-hide-topbar {
    display: hide;
    width: 35px
}

.popover-vehicle {
    font-size: 50px;
    display: flex;
    align-items: center;
    padding: 10px
}

.vehicle-icon-marker {
    font-size: 30px !important
}

.roe-colors {
    display: flex;
    flex-direction: row
}

    .roe-colors .color-left-side {
        width: 130px
    }

    .roe-colors .color-right-side {
        flex: 1 0;
        padding-left: 10px
    }

.react-strap-doc {
    padding: 0 15px
}

.roy-menu .roy-menu-list {
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: all .2s;
    font-size: 12px;
    letter-spacing: 1px
}

    .roy-menu .roy-menu-list:hover {
        background-color: #f4f5f7;
        color: #000;
        font-weight: 600
    }

.roy-tooltip .roy-tooltip-inner {
    background-color: #42526e !important
}

.roy-tooltip .roy-tooltip-arrow:before {
    border-bottom-color: #42526e !important
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
    .profile-left-shade {
        margin-top: -200px !important
    }

    .profile-right-shade {
        top: 0 !important
    }

    .sidebar-overlay {
        display: block
    }
}

@media only screen and (min-width:576px) and (max-width:767.98px) {
    .sidebar-overlay {
        display: block
    }

    .profile-left-shade {
        margin-top: -200px !important
    }

    .profile-right-shade {
        top: 0 !important
    }

    .drawer-handle-arrow-hide-topbar {
        display: none
    }

    .mini-drawer-menu-icon-hide-topbar {
        display: block
    }
}

@media only screen and (max-width:575.98px) {
    .sidebar-overlay {
        display: block
    }

    .profile-left-shade {
        margin-top: -193px !important
    }

    .profile-right-shade {
        top: 0 !important
    }

    .send-req-btn {
        font-size: 12px
    }

    .Profile-component {
        margin: -50px 0 -24px
    }

    .display-1 {
        font-size: 3.5rem !important
    }

    .display-2 {
        font-size: 3rem !important
    }

    .display-3 {
        font-size: 2.5rem !important
    }

    .display-4 {
        font-size: 2rem !important
    }

    .feed-card-media img {
        height: 250px !important
    }

    .react-strap-doc {
        padding: 0 15px
    }

    .header-popover-width {
        min-width: 22rem
    }

    .drawer-handle-arrow-hide-topbar {
        display: none
    }

    .mini-drawer-menu-icon-hide-topbar {
        display: block
    }

    .pa-0-small-screen {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media (max-width:575.98px) {
    .mobile-ma-8 {
        margin-top: 12px
    }
}

.header-popover .popover {
    max-width: 320px !important;
    min-width: 295px !important
}

.header-popover .mail-popover-body .mail-popover-block {
    background: #f1f2f7;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px
}

    .header-popover .mail-popover-body .mail-popover-block .mail-photo img {
        border-radius: 6px;
        height: 40px;
        margin-right: 10px;
        width: 40px;
        object-fit: cover
    }

/*.box-shadow {
    width: 18rem;
    -webkit-box-shadow: 0px 1px 17px -12px rgba(0, 0, 0, 0.75);
    border: none;
    border-radius: 34px;
}*/

.table-responsive .box-shadow {
    -webkit-box-shadow: 0px 1px 17px -12px rgba(0, 0, 0, 0.75);
    border-radius: unset;
}

#render-body h1 {
    font-size: 23px;
}

.btn-orange {
    color: #fff !important;
    background-color: #ff6644 !important;
    box-shadow: 1px 20px 59px rgba(244, 47, 44, 0.32) !important;
    border: 2px solid #ff6644 !important;
    border-radius: 7px !important;
}

    .btn-orange:hover {
        color: #ff6644 !important;
        background-color: #fff !important;
        border: 2px solid #ff6644 !important;
        box-shadow: unset !important;
    }

/*.card {
    text-align: center;
    transition: all .2s ease-in-out;
}*/

/*.card:hover {
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1); 
        transform: scale(1.02);
    }*/

.gre {
    height: 5px;
    background-image: linear-gradient(90deg, #29C4CF 0%, #3A7BD5 100%);
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}



.card-btn-margin {
    margin: 20px 0;
}

.p-gray {
    color: #747474;
    font-size: 13px;
}

.list-unstyled li {
    color: #747474;
    font-size: 13px;
}












/*colorful table*/

.lis-bg-light {
    background-color: #00000005
}

section {
    padding-top: 6.25em;
    padding-bottom: 6.25em;
    position: relative
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

h2 {
    font-size: 2rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(73, 76, 78);
    margin: 0 0 15px;
    font-family: "Poppins", sans-serif;
    /*line-height: 1.75rem*/ /*removed by h.irj to avoid conflict*/
}

.lis-light {
    color: #707070
}

.font-weight-normal {
    font-weight: 400 !important
}

h5 {
    font-size: 13px;
}

.price-table {
    -webkit-transition: 0.3s ease
}

.lis-brd-light {
    border-color: #dadada !important
}

.lis-rounded-top {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

.lis-bg-light {
    background-color: #f7f7f7
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.lis-latter-spacing-2 {
    letter-spacing: 2px
}

.text-uppercase {
    text-transform: uppercase !important
}

.lis-font-weight-500 {
    font-weight: 500
}

.display-4 {
    font-size: 3.5rem
}

.price-table sup {
    top: -1.5em
}

.price-table sup,
.price-table small {
    font-size: 13px
}

.price-table small {
    font-size: 13px;
}

.price-title {
    margin-top: 15px;
}

.table-con-padd {
    font-size: 12px
}

    .table-con-padd li {
        font-size: 11.5px;
        padding: 10px 30px;
        color: #828282;
    }

.table-li {
    border-bottom: 1px solid #f2f2f287;
}

.table-order {
    margin-top: 17px;
}

.price-rate {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 32px;
}

.section-title h3::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background-color: #ff9908;
    /*border: darkblue;*/
    bottom: -23px;
    left: 50%;
    margin-left: -40px;
}


.section-title h3::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 1px;
    background-color: #777;
    bottom: -22px;
    left: 50%;
    margin-left: -75px;
}

.section-title h1::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background-color: #ff9908;
    /*border: darkblue;*/
    bottom: -23px;
    left: 50%;
    margin-left: -40px;
}

.section-title h1::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 1px;
    background-color: #777;
    bottom: -22px;
    left: 50%;
    margin-left: -75px;
}




.avatar {
    font-size: 1rem;
    display: inline-flex;
    width: 120px;
    height: 120px;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.media .avatar {
    width: 50px;
    height: 50px;
}

.bg-success {
    background-color: #ff9908 !important;
}

.bg-info {
    background-color: #11cdef !important;
}

.bg-danger {
    background-color: #f5365c !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

sup {
    position: relative;
    font-size: 75%;
    line-height: 0
}

.lis-brd-light {
    border-color: #dadada !important
}

.bg-white {
    background-color: #fff !important
}

.dark .bg-white {
    background-color: #1e1e2d !important
}

.dark .table thead th {
    border-bottom-color: #111;
}

.py-5 {
    padding-bottom: 3rem !important
}

.lis-line-height-3 {
    line-height: 3 !important
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.lis-line-height-3 {
    line-height: 3 !important
}

.btn-green-two {
    background-color: #00bf6f !important;
    color: #fff !important;
    border: 2px solid #00bf6f !important;
    border-radius: 7px !important;
}

    .btn-green-two:hover {
        background-color: #fff !important;
        color: #00bf6f !important;
        border: 2px solid #00bf6f !important;
        border-radius: 7px !important;
    }



.btn-primary-outline {
    background-color: transparent;
    color: #ff6644 !important;
    border-color: #ff6644;
    border-radius: 2.25rem;
}


.btn {
    border-radius: 0.55rem !important;
}



.btn-white-outline {
    background-color: transparent;
    color: #fff !important;
    border-color: #fff
}

    .btn-white-outline:hover, .btn-white-outline:focus {
        background-color: #fff;
        border-color: #ff9908;
        color: #ff9908 !important;
    }

.btn-white-outline-verse {
    background-color: #fff;
    border-color: #ff9908;
    color: #ff9908 !important;
}

    .btn-white-outline-verse:hover, .btn-white-outline-verse:focus {
        background-color: transparent;
        color: #fff !important;
        border-color: #fff
    }



.btn {
    color: #fff;
    padding: .5rem 1.3rem;
    font-size: 0.9rem;
    word-wrap: break-word
}

.steps a {
    max-height: 43px;
    border-radius: 7px !important;
}


.lis-rounded-circle-50 {
    border-radius: 7px !important;
}

.account h4 {
}

.dis-none {
    display: none !important;
}

.text-primary {
    color: #ff6644 !important;
}

.pl-2,
.px-2 {
    padding-right: .5rem !important
}

.btn-primary-outline:hover:not(.no-hover),
.btn-primary-outline:focus:not(.no-hover) {
    background-color: #ff6644;
    border-color: #ff6644;
    color: #fff !important
}

.lis-bg-primary {
    background-color: #ff6644
}

.btn-primary {
    background-color: #ff6644;
    border-color: #ff6644;
    border-radius: 0.55rem !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #ff6644;
        border-color: #ff6644;
        border-radius: 0.55rem !important;
    }


.price-table.active {
    transform: scale(1.045);
    -webkit-transform: scale(1.045)
}

.price-table {
    -webkit-transition: 0.3s ease
}

.lis-rounded-bottom {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}


.input-group input.form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group .input-group-append .input-group-text:not(.no-radius) {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}

.input-group .input-group-prepend .input-group-text:not(.no-radius) {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.shadow-sm.h-md-250 {
    background: #fff;
}

.table {
    margin-bottom: 0 !important;
}

.btn-padding {
    padding: 4px 10px !important;
}

.icon_box_icon {
    margin: 30px auto 10px;
}

.input-group-prepend button.btn-dark {
    border-radius: 10px 0 0 10px !important;
    padding: 0 20px !important;
}

.price-table h3.color-gray {
    color: #ff6644 !important;
    font-size: 15px !important;
}

::selection {
    background: #ff6644; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #ff6644; /* Gecko Browsers */
}

.whatsapp-mobile {
    display: none !important;
}
/*.plan-sm{
    display: none !important;
}*/
.blog-btn a {
    color: #fff !important;
}

    .blog-btn a:hover {
        color: #ff6644 !important;
    }

@media (max-width: 991.98px) {
    .rmq-d3c7ff40 {
        display: block !important;
    }
}

@media (max-width: 991.98px) {
    .rmq-show {
        width: 260px !important;
    }
}

@media (max-width: 575.98px) {
    .rmq-hide {
        width: 0 !important;
    }
}

@media (min-width: 991.98px) {
    .rmq-hide {
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    .rmq-hide {
        width: 0 !important;
    }

    .horizontal-nav .profile-nav {
        display: none !important;
    }
}

/*@media (max-width: 1920px) {
    .rmq-hide {
        width: 0 !important;
    }

    .main-panel {
        width: calc(100% - 260px) !important;
    }

    .horizontal-nav .profile-nav {
        display: none;
    }
}*/

@media (max-width: 575.98px) {
    .rmq-show {
        width: 300px !important;
    }
}

@media (max-width: 767.98px) {

    .nav-item.dropdown a, .fjthFj .horizontal-nav .hor_nav-link span {
        font-size: 12px !important;
    }

    #root-training .cursor-pointer small {
        color: #a7b4bf !important;
    }

    .sidebar-wrapper .nav-link {
        padding: 8px 9px !important;
    }

    .sidebar-wrapper .nav {
        padding: 20px !important;
    }

    .whatsapp-web {
        display: none !important;
    }

    .whatsapp-mobile {
        display: unset !important;
    }


    .footer_col .logo {
        display: block !important;
        text-align: center !important;
    }

    .footer-p {
        padding: 0 25px;
        margin-bottom: 30px !important;
    }

    .footer_list {
        margin-top: 12px !important;
        padding: 0 36px;
    }


    .footer_title {
        padding: 0 25px;
    }

    .testimonial-style {
        padding: 20px 60px !important;
    }

    .copyright {
        text-align: center;
    }

    .footer_bar .social {
        display: none;
    }

    a:hover {
        color: #ff9908;
    }

    .footer_bar .container {
        margin-top: 20px;
    }

    .carousel-indicators {
        display: none;
    }

    [dir="ltr"] .profile-nav {
        padding: 30px 0 0 30px !important;
    }

    .horizontal-nav .profile-nav {
        display: none !important;
    }

    .loQFgg .sideBack {
        z-index: 1000;
    }



    #sidebar a.hor_nav-link.basket {
        margin: 20px 0 0 10px !important;
    }

    .publication-img {
        display: none !important;
        margin-top: 0;
    }

    .box-shadow {
        width: 19rem;
    }

    .price-table {
        margin-top: 20px;
    }

    .chat-box {
        padding: 0 !important;
    }

    #messageWrapper {
        padding: 25px !important;
    }

    .home-slider {
        display: none;
    }

    .parallax-img {
        padding: 8em 0 !important;
    }

    .header-moblie {
        display: block !important;
    }

    .fjthFj .nav_logo .hor_logo {
        height: 29px;
    }

    .table td, .table th {
        font-size: 12px;
    }

    .row .table {
        margin-top: 20px;
    }

    h6 .price.mobile {
        font-size: 13px !important;
    }

    .steps.clearfix {
        display: none !important;
    }

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

    .container {
        margin-top: 40px;
    }

    input[type=file] {
        margin-right: unset !important;
    }

    /*.card div.form-group {
        margin-bottom: 30px;
    }*/

    .card label.control-label {
        font-size: 12px;
    }

    /*#render-body h1 {
        font-size: 40px;
    }*/

    #render-body h4 {
        font-size: 15px;
        line-height: 1.7;
    }

    ul.nav.nav-pills.flex-column {
        margin-bottom: 30px;
    }

    .alert-success {
        border-radius: 7px !important;
        background: #00bf6f;
        padding: 12px 22px !important;
        margin-bottom: 2rem !important;
        border-color: #00bf6f;
    }

    .alert.alert-success p {
        color: #fff !important;
        font-size: 16px !important;
    }


    .alert-danger {
        border-radius: 7px !important;
        /*background: #00bf6f;*/
        padding: 10px !important;
        margin-bottom: 2rem !important;
        /*color: #fff;*/
    }


    .alert-success p {
        color: #fff !important;
        font-size: 16px !important;
    }



    table .table-mobile tr td {
        min-width: 60px !important;
    }

    .check-list {
        display: block !important;
    }

    select.form-control {
        font-size: 12px !important;
    }

    li.nav-item a {
        margin-top: 15px
    }


    /*#how-we-work {
        display: none;
    }*/

    table {
        display: table !important;
    }

    /*table.tbl-style{
        display: inherit !important;
    }*/

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

    .sidebar-wrapper .profile-nav {
        position: unset !important;
        top: 380px !important;
    }

    #sidebar a.hor_nav-link.basket {
        margin: 0px 0 0 1px !important;
    }
}

.img-circle {
    border-radius: 50%;
}


@media (min-width: 768px) {
    .fixed-mobile-menu {
        display: none !important;
    }

    .hide-on-lg {
        display: none !important;
    }
}


.fixed-mobile-menu {
    background: #fff;
    padding: 20px, 5px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 48px;
    padding-right: 15px;
    padding-left: 15px;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.2),0 1px 2px 0 rgba(0,0,0,0.03);
    z-index: 100000 !important;
    /*bottom: 0 !important;*/
    transition: bottom 0.3s;
    /*display: flex;
    justify-content: space-between;*/
}

    .fixed-mobile-menu .item {
        padding-right: 5px;
        padding-left: 5px;
        height: 70px;
    }

        .fixed-mobile-menu .item.active {
            background: #eee;
        }

        .fixed-mobile-menu .item a {
            display: block;
            text-align: center;
            padding-top: 13px;
        }

            .fixed-mobile-menu .item a i {
                font-size: 1.2rem;
            }

            .fixed-mobile-menu .item a small {
                font-size: 9px !important;
            }

        .fixed-mobile-menu .item.active a small {
            font-size: 9px !important;
            color: #ff8708;
        }

oranged {
}

/*.fixed-mobile-menu .item.active a i {
            color: #ff9908;
        }*/



/*submenu level 2*/
.dropdown-submenu .dropdown-menu {
    position: absolute;
    right: 160px;
    top: 0;
}
/*end submenu level 2*/

.no-radius {
    border-radius: 0 !important;
}

.nav div small a {
    color: #f58320 !important;
}


.btn-info {
    background-color: #c4c1c1 !important;
    border-color: #c4c1c1 !important;
}

.dashboard-main form div.tab-content .card-header.card-day,
.training-meals .card-day > .card-header {
    background-color: #ff6644 !important;
    color: #fff !important;
}

.dashboard-main form div.tab-content .card.card-day {
    margin-top: 50px !important;
}

.dashboard-main form .fa.text-info, .dashboard-main div.tab-content .card-header.card-day i.text-muted, .dashboard-main div.tab-content .card-header.card-day span {
    color: #fff !important;
}

.dashboard-main div.tab-content h3 {
    margin: 0 0 0 0 !important;
}




.dashboard-main form div.tab-content .card-header {
    padding: 14px 4px 4px !important;
}

.sidebar-wrapper .menu-group {
    margin: 5px 10px 0;
}

    .sidebar-wrapper .menu-group ul.submenu-wrapper {
        display: none;
    }

    .sidebar-wrapper .menu-group.active ul.submenu-wrapper {
        display: initial;
    }

.post-style h2 {
    background: #f58320;
    color: #fff;
    font-size: 11pt !important;
    padding: 10px;
}


.loQFgg .sidelist-header-name span {
    color: #aba9b2 !important;
    opacity: 100 !important;
}

.language.dropdown {
    display: inline-block;
}

    .language.dropdown .btn {
        padding: 0px .3rem;
    }

    .language.dropdown .dropdown-menu {
        border: 1px solid gray !important;
    }

    .language.dropdown .dropdown-item,
    .language.dropdown .dropdown-item:hover {
        background: #fff;
        padding: 10px !important;
        border: 0;
    }

.text-line-through {
    text-decoration: line-through;
}
/*.loQFgg .sidelist-header-name {
    background: #222228;
}
*/
/*media max 767*/
@media (max-width: 767.9px) {
    .profile-nav i, .profile-nav .basket i {
        font-size: 22px !important;
    }

    .plans-style {
        margin-top: -20px;
    }

    .vid-tutorials {
        margin-top: -50px !important;
    }

    .title-tutorials {
        margin-top: 70px !important;
    }


    .footer {
        padding-bottom: 60px; /*padding for mobile fixed bottom menu*/
    }

    .nav_logo-lg {
        display: none !important;
    }

    .nav_logo-mobile {
        display: unset !important;
    }

    .sidebar-wrapper .profile-nav, .sidebar-wrapper .profile-nav a {
        padding: 0 15px !important;
    }

        .sidebar-wrapper .profile-nav a, .profile-nav button, .profile-nav a.login-btn-border.hor_nav-link {
            padding: 2px 10px !important;
            margin-left: 10px !important;
            font-size: 12px !important;
            direction: ltr !important;
            vertical-align: middle;
        }


    .login-mobile a {
        padding: 0 10px;
    }

    .nav_logo {
        width: 110px !important;
    }

    .fjthFj .horizontal-nav {
        padding: 20px 30px !important;
    }

    .nav_logo {
        margin: 0 !important;
    }

    .horizontal-nav {
        direction: ltr !important;
    }

    .login-mobile {
        left: 20px;
    }

    img.hor_logo {
        width: 110px !important;
        height: auto !important;
    }

    .login-mobile a, .login-mobile button {
        font-size: 13px !important;
        padding: 2px 13px !important;
    }

        .login-mobile a i.fa-user {
            font-size: 18px !important;
        }

    .login-mobile {
        display: unset !important;
    }

    .log {
        padding: 0 !important;
    }

    .fabs {
        bottom: 50px !important;
    }

    .profile-nav .login-btn {
        padding: 0 22px !important;
    }

    .wrap-contact100 {
        width: 550px;
        background: transparent;
        padding: 50px 15px 20px 15px;
    }

    .post-img {
        margin: unset !important;
    }

    .d-none {
        display: unset !important;
    }

    .post-date {
        display: none;
    }

    .post-read-more {
        margin: auto;
    }

    .fs-22 {
        font-size: 18px !important;
        text-align: center !important;
    }

    .list-group-item.faq-list {
        display: block !important;
    }

    h6 {
        line-height: 1.5 !important;
    }

    .card-footer .btn {
        margin: 20px;
    }

    .card-footer {
        padding: 0
    }

    .card-body.invoice {
        padding: 10px 5px !important;
    }

    .card.invoice .card-header {
        padding: 10px 25px !important
    }

        .card.invoice .card-header button {
            padding: 5px 10px !important
        }

    .card-body {
        font-size: 12px !important;
        padding: 20px 15px !important;
    }

    .modal-dialog {
        top: 20% !important;
    }

    .alert-success {
        border-radius: 20px !important;
    }

    .card-footer {
        font-size: 12px;
        text-align: center;
    }

    .occupation, .gender {
        padding: 20px 15px 0
    }

    .gender {
        top: 3px !important;
    }

    .body-title {
        color: #fff !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .parallax-img2 {
        padding: 7em 0 !important;
    }

    .tuto-row .card {
        max-width: 280px !important;
    }

    .des-plans {
        padding: 40px !important;
        width: 91% !important;
        margin: 0 auto;
    }

    .tuto-row video {
        margin-bottom: 40px !important;
    }

    .tuto-row video {
        width: unset !important;
    }

    .tuto-row video {
        max-width: 300px !important;
        min-height: 522px !important;
    }

    .tuto-row video {
        margin: 40px 3% !important;
    }

    .nav-item.dropdown {
        display: none !important;
    }

    .post-style table {
        width: unset !important;
        text-align: unset !important;
    }

        .post-style table td p {
            text-align: unset !important;
        }

    .steps.clearfix {
        display: unset !important;
    }

    .wizard > .steps > ul > li {
        width: unset !important;
    }


    .steps a {
        max-height: 34px !important;
    }

    .wizard > .steps h2 {
        font-size: 12px !important;
        margin: 0 0 16px !important;
        line-height: 12px !important;
    }


    .wizard > .steps .number {
        display: none !important;
    }

    .steps li {
        display: none !important;
    }

        .steps li.done, .steps li.current {
            display: unset !important;
        }

    .fixed-mobile-menu div a {
        color: #b0b0b0 !important;
    }





    #food-time-table div:nth-child(odd) .card .card-header:nth-child(1) {
        background: #ff6644 !important;
    }

    #food-time-table div:nth-child(even) .card .card-header:nth-child(1) {
        background: #00b9b2 !important;
    }

    #attach-modal .modal-content, #attach-modal .modal-content {
        direction: rtl !important;
    }

    .container .hide-on-mobile img {
        width: 247px !important;
    }

    input {
    }


    .wizard > .steps h2, .wizard > .steps .number {
        line-height: .8 !important;
    }

    #ApplicationUser_ProvinceId {
        margin-top: -30px !important;
    }

    #food-time-table .col-md {
        margin-top: 20px !important;
    }

    .row.whatsapp-mobile {
        margin: auto 0 !important;
    }

    #trainersSummaryTypes, #trainersSummaryPaymentTypes, #trainersSummaryTrainers {
        margin-top: 30px !important;
    }

    #reports-panel {
        padding: 0 !important;
    }

        #reports-panel h1 {
            display: none;
        }

    #carouselExampleIndicators .carousel-caption {
        bottom: 45%;
    }

    #carouselExampleIndicators .full-screen {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .carousel-control-prev, .carousel-control-next {
        display: none
    }

    #carouselExampleIndicators .btn-primary {
        background-color: #fff;
        border-color: #fff;
        color: #000;
        padding: 10px 15px;
        font-family: "YekanBakh" !important;
        font-size: 19px !important;
        margin-left: 10px;
    }

    .hide-on-lg {
        display: block !important;
    }

    .carousel {
        max-height: unset !important;
    }


    .our-story .section-2-blocks-wrapper {
        height: unset !important;
    }

    .section-2-blocks-wrapper {
        height: unset !important;
    }

    .Process01.img, .Process02.img, .Process03.img, .Process04.img, .Process05.img {
        height: 260px !important;
    }

    .ftco-section-2 .section-2-blocks-wrapper .text {
        padding: 1% 7% !important;
    }

    .our-story {
        margin: 50px 0 70px 0 !important;
    }

    .underconstruction {
        background-size: 1300px !important;
        background-position: center center !important;
    }

    .filter-box {
        border-radius: 5px;
        margin: 10px 15px;
    }

    .footer img.logo-size {
        margin-right: 23px;
    }

    .off-box {
        padding: 10px 2% 10px;
    }
}