* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    line-height: 1;
    font-family: 'brutal';
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

.remove_input {
    opacity: 0;
}

.checkbox_label {
    height: 22px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.new_checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.new_checkbox-text {
    margin-left: 20px;
    color: #fff;
}

.new_checkbox-text a {
    color: #FFB419;
}

.new_checkbox::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: #FFBA29;
    transform: scale(0);
    transition: all 0.3s ease;
    box-shadow: 0 0 2px 2px rgba(255, 186, 41, .5);
}

.new_checkbox::after {
    border-radius: 50%;
}

.remove_input:checked~.new_checkbox::after {
    transform: scale(1);
    transition: all 0.3s ease;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }

    .container-1570 {
        max-width: 1600px;
    }

    .container-1490 {
        max-width: 1520px;
    }

    .container-1360 {
        max-width: 1390px;
    }

    .modal-xl {
        max-width: 1200px;
        margin: 50px auto;
    }

    .modal-sm {
        max-width: 400px !important;
    }
}

@media (max-width: 576px) {
    .modal-xl {
        margin: 50px auto;
    }

    .lostFound_modal .closeModal {
        right: -35px;
    }

    .modal-sm {
        max-width: 400px !important;
    }
}

@media (min-width: 576px) {
    .modal-xl {
        margin: 50px auto;
    }

    .modal-sm {
        max-width: 400px !important;
    }

    /*.container, .container-sm {*/
    /*    max-width: 650px;*/
    /*}*/
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #FDB21D;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #262626;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.btn {
    border-radius: 26px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.btn span {
    position: relative;
    z-index: 1;
}

.btn:active {
    transform: scale(.95);
    outline: initial !important;
    box-shadow: initial !important;
}

.btn:focus {
    outline: initial !important;
    box-shadow: initial !important;
}

.btn-warning {
    background: linear-gradient(90deg, #FCA100, #FFC034);
    border-color: transparent;
    border-bottom: 3px solid #DC8C00;
}

.btn-warning::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, .3), transparent);
    transform: skew(-30deg);
    transition: .3s ease;
    z-index: 3;
}

.btn-warning:hover::before {
    width: 0;
    transition: .3s ease;
}

.btn-dark {
    background: linear-gradient(0deg, #0B0B0B, #262626);
    border: transparent;
    border-bottom: 3px solid #131313 !important;
}

.btn-dark::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, .1), transparent);
    transform: skew(-25deg);
    transition: .3s ease;
}

.btn-dark:hover::before {
    width: 0;
    transition: .3s ease;
}

.wrapper_btn-warning {
    box-shadow: 0 0 30px rgba(252, 167, 0, .5);
    border-radius: 28px;
    transition: .3s ease;
}

.wrapper_btn-warning:hover {
    box-shadow: 0 0 0 rgba(252, 167, 0, .5);
    transition: .3s ease;
}

.section {
    padding: 100px 0;
    position: relative;
}

.section_title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section_title strong {
    position: absolute;
    top: -100%;
    right: 10%;
    font-size: 137px;
    opacity: 0.08;
    font-weight: 700;
    white-space: nowrap;
}

.section_title h2 {
    font-size: 38px;
    font-weight: 700;
    color: #252525;
}

.section_title h2 span {
    color: #FCA700;
}

.title_dots {
    width: 100px;
    display: flex;
    justify-content: space-between;
}

.title_dots span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FCA600;
}

.section p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}

.section p strong {
    font-weight: 700;
    font-size: 18px;
}

.section_text {
    margin-top: 30px;
}


.section_lines-left {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-100%) skew(25deg);
    width: 370px;
    height: 82px;
    background: #262626;
    z-index: 3;
}

.section_lines-left::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1px;
    transform: translate(-100%);
    width: 999px;
    height: 100%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.section_lines-right {
    position: absolute;
    top: 0;
    left: 50%;
    transform: skew(-25deg);
    width: 370px;
    height: 82px;
    background: #262626;
    z-index: 3;
}

.section_lines-right::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%);
    width: 999px;
    height: 100%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.header_pages {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    position: relative;
}

.header_pages::before {
    content: '';
    position: absolute;
    bottom: -31px;
    left: -5%;
    height: 62px;
    width: 55%;
    background: rgba(28, 28, 28, 0.87);
    transform: skew(-25deg);
    z-index: 2;
}

.header_pages-title {
    display: inline-block;
    position: relative;
}

.header_pages-titleLines {
    position: absolute;
    top: 0;
    width: 11px;
    height: 100%;
    background: #FCA100;
}

.header_pages-titleLines::before {
    content: '';
    position: absolute;
    top: 0;
    width: 60px;
    height: 11px;
    background: #FCA100;
}

.header_pages-titleLines::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 60px;
    height: 11px;
    background: #FCA100;
}

.header_pages-titleLines.left {
    left: 0;
}

.header_pages-titleLines.right {
    right: 0;
    transform: rotate(180deg);
}

.header_pages-title h1 {
    font-size: 108px;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 0 30px;
}

.header_pages-title span {
    color: #FFB318;
}

.header_pages-titleDescription {
    max-width: 600px;
    margin: 20px auto 0 auto;
    color: #fff;
    line-height: 28px;
}

.header_pages-arrowDown {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto;
    box-shadow: 0 0 30px rgba(255, 179, 24, .8);
}

.header_pages-arrowDown span {
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.header_pages-arrowDown .mdi::before {
    font-size: 56px;
    color: #fff;
    animation: arrowDown 2s linear infinite;
}

@keyframes arrowDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(100%);
    }
}

.header_footer {
    width: 100%;
    height: 60px;
    background: rgba(28, 28, 28, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.header_pages-lines {
    position: absolute;
    bottom: 60px;
    right: -30px;
    transform: skew(-25deg);
    width: 45%;
    height: 60px;
    background: rgba(255, 180, 25, .8);
    box-shadow: -20px 25px 0 5px rgba(255, 180, 25, .25);
}

.header_pages-lines::before {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    height: 10px;
    width: 80%;
    background: rgba(255, 255, 255, .21);
    border-radius: 5px;
    transform: skew(25deg);
}

.nav-tabs {
    border-bottom: initial;
}

.nav-tabs .nav-link {
    border: initial;
    border-radius: initial;
    margin-bottom: 0;
    transition: .3s ease;
}

.nav-tabs .nav-link.active {
    background: initial;
    border: initial;
    color: #DCA037;
    transition: .3s ease;
}

.blog_PostWr {
    padding: 60px 0;
}

.main_card_wrapper {
    margin: 20px 0;
    padding: 0 10px;
    position: relative;
}

.main_card {
    background: #262626;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.main_card-top {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
}

.main_card-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-dateWr {
    color: #fff;
}

.main_card .card-dateWr {
    position: absolute;
    top: 0;
    right: -1px;
    width: 40%;
    height: 100%;
    padding: 0 0 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(38, 38, 38, .81);
    clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
    font-size: 15px;
    transition: .3s ease;
}

.main_card .card-dateWr .card-date {
    padding-bottom: 5px;
}

.main_card-top:hover .card-dateWr {
    right: -100%;
    transition: .3s ease-in-out;
}

.card-dateWr .mdi {
    color: #FFB318;
    margin-right: 5px;
}

.card-date {
    margin-right: 10px;
}

.main_card-body {
    padding: 20px 20px 0 20px;
    color: #fff;
}

.main_card-body h2 {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFB419;
}

.main_card-body p {
    margin-bottom: 0;
}

.main_card-body p a {
    color: #FFB419;
}

.main_card-bottom {
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.angle_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(180deg, #E5E5E5, #fff 35%, #FCFCFC 72%, #F4F3F3);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.main_wrapper {
    max-width: 1920px;
    min-height: 100vh;
    margin: auto;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    grid-template-areas:
        "header"
        "main"
        "footer";
    overflow: hidden;
}

/*HEADER MAIN STYLE START*/

.header {
    position: relative;
    width: 100%;
    min-height: 720px;
    background: rgba(28, 28, 28, .9);
    grid-area: header;
}

.header::after {
    content: '';
    position: absolute;
    top: 128px;
    width: 100%;
    height: 1px;
    background: #595959;
    z-index: 9;
}

.popUp_menu {
    position: absolute;
    top: 173px;
    left: -100%;
    max-width: 420px;
    width: 100%;
    background: rgba(28, 28, 28, .9);
    padding: 20px 15px;
    transition: .3s ease;
    z-index: 999;
}

.popUp_menu.open {
    left: 0;
    transition: .3s ease;
}

.popUp_menu li {
    padding: 0 15px;
    background: rgba(255, 255, 255, .3);
    margin: 5px 30px;
    transform: skew(-25deg);
}

.header_top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.header_top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_top-left {
    max-width: 704px;
    width: 100%;
}

.header_top-left1 {
    width: 100%;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* ---------------------------MENU BTN */
.btn_menu {
    position: relative;
    width: 80px;
    height: 40px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: left;
}

.btn_menu span {
    background: #FFB51E;
    position: absolute;
    height: 8px;
    width: 80px;
    border-radius: 8px;
    transition: all 0.3s;
}

.btn_menu span:first-child {
    top: 0;
}

.btn_menu span:nth-child(2) {
    top: calc(20px - 4px);
}

.btn_menu span:nth-child(3) {
    bottom: 0;
}

.btn_menu.active {
    margin-right: 20px;
    width: 60px;
    height: 60px;
}

.btn_menu.active span:first-child {
    top: calc(50% - 3px);
    left: 0;
    height: 6px;
    transform: rotate(-45deg);
    width: 59px;
    z-index: 1;
}

.btn_menu.active span:nth-child(2) {
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: none;
    border: 6px solid #FFB51E;
    border-radius: 50%;
}

.btn_menu.active span:nth-child(3) {
    height: 6px;
    top: calc(50% - 3px);
    left: 0;
    transform: rotate(45deg);
    width: 59px;
}

/* ---------------------------MENU BTN END */

.social_block {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.social_block a .mdi {
    display: block;
    color: #fff;
    font-weight: 700;
    margin: 0 2px;
    font-size: 25px;
    transition: all .2s ease;
}

.social_block a .mdi:hover {
    color: #DCA037;
    transition: all .2s ease;
}

.social_block a .mdi:active {
    transform: scale(.9);
}

.header_top-left2 {
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 40px;
}

.header_menu {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.header_menu li {
    border: 1px solid transparent;
    margin: 0 5px;
    transform: skew(-25deg);
    transition: .3s ease;
    position: relative;
}

.header_footer .nav-link,
.popUp_menu li a,
.header_menu li a {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    padding: 7px 10px;
    cursor: pointer;
}

.header_menu li a {
    transform: skew(15deg);
}

.header_footer li:hover,
.popUp_menu li.active,
.header_menu li.active {
    border: 1px solid rgba(220, 160, 55, .3);
    background: initial;
    transition: .3s ease;
}

.header_footer li span {
    transform: skew(25deg);
}

.header_footer li:hover>span {
    color: #DCA037;
}

.header_footer .nav-link:hover,
.popUp_menu li a:hover,
.header_menu li a:hover {
    color: #DCA037;
}

.popUp_menu li.active a,
.header_menu li.active a {
    color: #DCA037;
    font-style: initial;
}

.header_menu-dropMenu {
    position: absolute;
    top: 35px;
    left: 50%;
    display: none;
    transform: skew(25deg) translate(-25%);
    background: rgba(28, 28, 28, .85);
    padding: 20px 20px 8px;
    text-align: left;
}

.header_menu-dropMenu li {
    transform: skew(0deg);
    border-bottom: 1px solid rgba(89, 89, 89, 1);
}

.header_menu-dropMenu li:hover {
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(89, 89, 89, 1);
}

.header_menu-dropMenu li:last-child {
    border: initial;
}

.header_menu-dropMenu li a {
    transform: skew(0deg);
}

.header_menu-dropMenu::before {
    content: '';
    position: absolute;
    top: 4px;
    left: calc(50% - 6px);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #DCA037;
}

.header_menu-dropMenu::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    height: 3px;
    width: 100%;
    background: #DCA037;
}

.header_footer .nav-item:hover .header_menu-dropMenu {
    display: block;
}

.header_phone {
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.header_phone span {
    font-size: 22px;
    color: #DCA037;
    margin: 0 5px;
}

.header_top-right {
    max-width: 480px;
    width: 100%;
}

.header_btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_top-mail {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    display: flex;
    align-items: center;
    float: right;
    margin-right: 50px;
}

.header_top-mail .mdi {
    font-size: 18px;
    margin-right: 5px;
}

.dropdown-lng {
    margin-left: 55px;
    box-shadow: 0 0 15px 3px rgba(255, 255, 255, .7);
}

.modal_lng {
    padding: 15px 20px;
}

.modal_lng .modal-title {
    font-size: 18px;
    font-weight: 700;
    color: #0B0B0B;
}

.modal_lng .modal-header {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header .lng_modal-close {
    color: #0B0B0B;
    font-size: 28px;
    font-weight: 700;
    padding: 8px;
    margin: 0;
    float: initial;
}

.lng_modal_block {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0 0 0;
}

.lng_modal-item {
    max-width: 50%;
    min-width: 125px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5px 0;
    color: #0B0B0B;
    font-weight: 700;
}

.lng_modal-item span {
    padding: 5px;
    margin-left: 5px;
    border-radius: 3px;
}

.lng_modal-item.active {
    pointer-events: none;
    cursor: default;
}

.lng_modal-item.active span {
    background: #F6F8FA;
    color: #828282;
}

.lng_modal-item:hover span {
    background: #F6F8FA;
    color: #0B0B0B;
}

.btn_set .btn:last-child {
    margin-left: 10px;
}

/*SWIPER HEADER BANNER START*/

.header_banner {
    perspective: 1200px;
    position: relative;
}

.header_banner_wrapper {}

.header_banner-slide {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    display: flex;
    justify-content: center;

}

.header_banner-slide .container {
    min-height: 720px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header_banner-slide img {
    position: absolute;
}

.header_banner .swiper-pagination {
    bottom: 100px;
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 90px;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #FCA100, #FFC034);
}

.header_banner-content {
    margin-top: 50px;
    max-width: 475px;
    position: relative;
    z-index: 9;
    color: #fff;
}

.header_banner-content h1 {
    font-size: 64px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 64px;
}

.header_banner-content h1 span {
    font-size: 138px;
    color: #FFB318;
}

.header_banner-content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

/*HEADER STYLE THE END*/


/*MAIN-CONTENT STYLE START*/
.main_content {
    grid-area: main;
}

/*SECTION Why US STYLE START*/
.section_whyUs {
    padding: 150px 0 30px 0;
}

.section_whyUs p {
    font-size: 18px;
}

.section_whyUs .section_title {
    align-items: flex-start;
}

.section_whyUs .section_title .title_dots {
    transform: translatex(13px);
}

.section_whyUs .section_title strong {
    top: -150px;
    right: -90%;
    color: #000;
}

.skewBlock_text_linesWr {
    position: relative;
    transform: skew(-25deg);
}

.skewBlock_text_lines {
    max-width: 570px;
    position: relative;
    overflow: hidden;
    transition: .3s ease;
}

.skewBlock_text_lines::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: rgba(36, 36, 36, .34);
    z-index: 2;
    transition: .3s ease;
}

.skewBlock_text_lines:hover::before {
    width: 0;
}

.skewBlock_text_linesWr::before {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 90px;
    height: 100%;
    background: linear-gradient(90deg, #FCA100, #FFC034);
    z-index: 9;
}

.skewBlock_text_linesWr::after {
    content: '';
    position: absolute;
    top: 0;
    right: -999px;
    width: 999px;
    height: 100%;
    background: #151515;
    z-index: 9;
}

.skewBlock_text_lines span {
    position: absolute;
    z-index: 99;
    width: 92px;
    height: 100%;
    background: linear-gradient(90deg, #FCA100, #FFC034);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
}

.skewBlock_text_lines img {
    transform: skew(25deg);
    position: relative;
    overflow: hidden;
}

.skewBlock_text_lines a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.skewBlock_text_lines a img {
    border-radius: 15px 15px 20px 20px;
    box-shadow: 0 4px 30px 5px rgba(252, 167, 0, .4), inset 0 0 30px rgba(252, 167, 0, .4);
    transition: .3s ease;
}

.skewBlock_text_lines a:hover img {
    box-shadow: 0 0 0 0 rgba(252, 167, 0, .0), inset 0 0 0 rgba(252, 167, 0, .0);
    transition: .3s ease;
}

.skewBlock_text_lines a:active {
    transform: scale(.95) translate(-50%, -50%);
}

/*SECTION Why US STYLE THE End*/

/*SECTION last Acquired STYLE START*/

.section_lastAcquired {
    padding: 0 0 30px 0;
}

.section_lastAcquired .section_title {
    align-items: initial;
    margin-left: 10%;
    width: auto;
}

.section_lastAcquired .title_dots {
    margin-left: 110px;
}

.section_lastAcquired .section_title strong {
    font-size: 75px;
    top: initial;
    bottom: -60px;
    left: -35%;
    color: #000;
}

.lastAcquired_content {
    position: relative;
    margin-top: 20px;
    padding: 25px;
    border-bottom: 8px solid #FCA200;
    min-height: 390px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.lastAcquired_content::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 80%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.lastAcquired_content:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.lastAcquired_content .rivet {
    position: absolute;
    z-index: 9;
}

.lastAcquired_content .rivet1 {
    left: -8px;
    bottom: calc(80% - 14px);
}

.lastAcquired_content .rivet2 {
    right: -8px;
    top: -12px;
}

.lastAcquired_item-wrapper {
    max-width: 33%;
    min-width: 380px;
    width: 100%;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.lastAcquired_item-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    width: 30%;
    height: 60%;
    background: linear-gradient(90deg, #FCA100, #FFC034);
}

.lastAcquired_item-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    width: 30%;
    height: 60%;
    background: linear-gradient(90deg, #0B0B0B, #262626);
    z-index: -1;
}

.lastAcquired_item {
    width: 90%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    position: relative;
    margin: auto;
}

.lastAcquired_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lastAcquired_item h2 {
    position: absolute;
    font-size: 23px;
    font-weight: 700;
    top: 20px;
    color: #fff;
    z-index: 2;
    text-shadow: 0 0 5px rgba(36, 36, 36, .9);
}

.lastAcquired_item::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(36, 36, 36, .34);
    z-index: 2;
    transition: .3s ease;
}

.lastAcquired_item-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 25%;
    padding: 5px;
    background: rgba(36, 36, 36, .87);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lastAcquired_item-wrapper:hover .lastAcquired_item::before {
    width: 0;
    transition: .3s ease;
}

/*SECTION last Acquired STYLE THE END*/

/*SECTION How it Works STYLE START*/

.section_howItWork .section_title strong {
    top: -80px;
    right: -110px;
}

.section_howItWork .section_title .iconWr {
    margin-top: 15px;
    max-width: 445px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.section_howItWork .section_title .iconWr img {
    max-width: 120px;
    width: 100%;
    height: auto;
}

.section_howItWork .section_title .iconWr img:nth-child(2) {
    filter: brightness(15%)
}

.section_howItWork_chart {
    position: relative;
    overflow: auto;
}

@media (max-width: 1360px) {
    .section_howItWork_chart {
        z-index: 9;
        background: #fff;
    }
}

.section_howItWork_chart::before {
    content: '';
    position: absolute;
    top: -120px;
    left: 0;
    width: 800px;
    height: 998px;
    background: url('../images/section_chartBg.png');
}

.section_howItWork_chartBg {
    margin-top: -20px;
    padding: 20px 0 0 0;
    overflow: auto;
    position: relative;
    z-index: 2;
}

.section_howItWork_chart .container-1490 {
    min-width: 1300px;
}

.section_howItWork_content {
    position: relative;
    z-index: 2;
    margin-top: -12px;
    min-height: 715px;
    transform: skew(-25deg);
}

.section_howItWork_content::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -300px;
    width: 1055px;
    height: 715px;
    background: url('../images/howItWork_bg1.png') no-repeat;
    background-size: cover;
    opacity: .1;
    transform: skew(25deg);
}

.section_howItWork_content .container {
    position: relative;
}

.section_howItWork_content .container::after {
    content: '';
    position: absolute;
    top: 0;
    right: -999px;
    width: 999px;
    height: 100%;
    background: #3E3E3E;
}

.howItWork_content-top {
    display: flex;
    position: relative;
    justify-content: center;
    transform: translateX(-10%);
    z-index: 1;
}

.howItWork_content-top::after {
    content: '';
    position: absolute;
    top: -40px;
    right: -390px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    transform: skew(25deg);
    opacity: .1;
}

.howItWork_content-topTitle {
    position: relative;
    height: 82px;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.howItWork_content-topTitle1 {
    background: linear-gradient(90deg, #FCA100, #FFC034);
}

.howItWork_content-topTitle2 {
    background: linear-gradient(90deg, #0B0B0B, #262626);
}

.howItWork_content-topTitle2::after {
    content: '';
    position: absolute;
    top: 0;
    right: -999px;
    width: 1000px;
    height: 100%;
    background: #3E3E3E;
}

.howItWork_content-topTitle span {
    transform: skew(25deg);
}

.howItWork_content-body {
    position: relative;
    display: flex;
    justify-content: center;
}

.howItWork_content-body::before {
    content: '';
    position: absolute;
    top: 120px;
    left: -350px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    transform: skew(25deg);
    opacity: .1;
}

.howItWork_body-imgWr {
    max-width: 234px;
    position: relative;
    transform: skew(25deg);
    margin: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.howItWork_body-imgWr span,
.howItWork_body-imgWr h3 {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 50px;
    left: 0;
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: .66;
}

.howItWork_body-imgWr span {
    font-size: 60px;
    opacity: .1;
}

.howItWork_body-imgWr:nth-child(2) {
    color: #fff;
}

.howItWork_body-imgWr:nth-child(2) h3 {
    color: #fff;
    font-size: 30px;
}

.howItWork_body-imgWr:nth-child(2) span {
    left: -30px;
    font-size: 40px;
    bottom: 57px;
    white-space: nowrap
}

.howItWork_content-footer {
    padding: 0 0 20px 0;
    transform: skew(25deg);
    text-align: center;
}

.howItWork_content-footer p {
    padding: 0 50px;
}

.howItWork_content-lines {
    position: absolute;
    bottom: -50px;
}

.howItWork_content-lines1 {
    left: 0;
    width: 50%;
    height: 8px;
    background: linear-gradient(90deg, #FCA100, #FFC034);
}

.howItWork_content-lines1::before {
    content: '';
    position: absolute;
    top: -8px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.howItWork_content-lines1 span {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 390px;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.howItWork_content-lines1 span::before {
    content: '';
    position: absolute;
    top: -14px;
    left: -12px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.howItWork_content-lines2 {
    right: 0;
    width: 20%;
    height: 8px;
    background: linear-gradient(-90deg, #FCA100, #FFC034);
}

.howItWork_content-lines2::before {
    content: '';
    position: absolute;
    top: -12px;
    left: -14px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.howItWork_content-lines2 span {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 420px;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.howItWork_content-lines2 span::before {
    content: '';
    position: absolute;
    top: -14px;
    left: -12px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.howItWork_chart-body {
    max-width: 850px;
    width: 100%;
    height: 620px;
    margin: 120px auto 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.chart-body-angle.angle1 {
    position: absolute;
    top: 0;
    left: 0;
}

.chart-body-angle.angle1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 148px;
    height: 8px;
    background: #C0C0C0;
}

.howItWork-arrow {
    position: absolute;
    background: #C0C0C0;
}

.howItWork-arrow::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
}

.chart-body-angle.angle1 .howItWork-arrow {
    width: 8px;
    height: 148px;
}

.chart-body-angle.angle1 .howItWork-arrow::before {
    bottom: -10px;
    left: -6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C0C0C0;
}

.chart-body-angle.angle2 {
    position: absolute;
    top: 0;
    right: 0;
}

.chart-body-angle.angle2::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 148px;
    height: 8px;
    background: #C0C0C0;
}

.chart-body-angle.angle2 .howItWork-arrow {
    top: 0;
    right: 0;
    width: 8px;
    height: 148px;
}

.chart-body-angle.angle2 .howItWork-arrow::before {
    bottom: -10px;
    left: -6px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #C0C0C0;
}

.chart-body-angle.angle3 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.chart-body-angle.angle3::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 148px;
    background: #C0C0C0;
}

.chart-body-angle.angle3 .howItWork-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 148px;
    height: 8px;
    background: #C0C0C0;
}

.chart-body-angle.angle3 .howItWork-arrow::before {
    top: -6px;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #C0C0C0;
    border-bottom: 10px solid transparent;
}

.chart-body-angle.angle4 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.chart-body-angle.angle4::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 148px;
    background: #C0C0C0;
}

.chart-body-angle.angle4 .howItWork-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 148px;
    height: 8px;
    background: #C0C0C0;
}

.chart-body-angle.angle4 .howItWork-arrow::before {
    top: -6px;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #C0C0C0;
    border-bottom: 10px solid transparent;
}

.chart-body-angle .howItWork-arrow strong {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -30px;
    font-size: 18px;
}

.howItWork_chart-logo {
    position: relative;
    width: 426px;
    height: 246px;

}

.howItWork_chart-logo .howItWork-arrow {
    content: '';
    position: absolute;
    bottom: 25px;
    left: 135px;
    width: 8px;
    height: 130px;
    background: #C0C0C0;
}

.howItWork_chart-logo .howItWork-arrow::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -6px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #C0C0C0;
    border-right: 10px solid transparent;
}

.howItWork_chart-logo img {
    position: absolute;
    top: -120px;
}

.howItWork_chartBody-center {
    margin-top: 30px;
    width: 1260px;
    height: auto;
    transform: skew(-25deg);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.chart_bodyCenter-item {
    width: 380px;
    height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 40px;
    position: relative;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.chart_bodyCenter-itemImg {
    position: absolute;
    top: -80px;
    transform: skew(25deg);
    max-width: 323px;
    max-height: 191px;
}

.chart_bodyCenter-itemImg {
    width: 100%;
    height: auto;
}

.chart_bodyCenter-itemText {
    margin-top: 50px;
    transform: skew(25deg);
}

.chart_bodyCenter-itemText h5 {
    font-weight: 700;
}

.chart_bodyCenter-itemText p {
    line-height: 18px;
}

.chart_bodyCenter-item:nth-child(2) {
    background: linear-gradient(0deg, #272727, #262626);
}

.chart_bodyCenter-item:nth-child(2) .howItWork-arrow {
    transform: skew(25deg);
    bottom: -45px;
    width: 8px;
    height: 30px;
}

.chart_bodyCenter-item:nth-child(2) .howItWork-arrow::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -6px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #C0C0C0;
    border-right: 10px solid transparent;
}

.chart_bodyCenter-item:nth-child(2) .chart_bodyCenter-itemImg {
    top: -145px;
}

.chart_bodyCenter-item:nth-child(2) .chart_bodyCenter-itemText {
    color: #fff;
}

.chart_bodyCenter-itemBg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 120%;
    height: 60%;
    z-index: -1;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.chart_bodyCenter-itemBg::before {
    content: '';
    position: absolute;
    top: calc(50% - 14px);
    left: 5px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.chart_bodyCenter-itemBg::after {
    content: '';
    position: absolute;
    top: calc(50% - 14px);
    right: 5px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.howItWork_chart-img {
    position: relative;
    width: 510px;
    height: 190px;
}

.howItWork_chart-img img {
    position: absolute;
    bottom: -90px;
}

.howItWork_chart-img .howItWork-arrow {
    left: calc(50% - 4px);
    bottom: -120px;
    width: 8px;
    height: 30px;
}

.howItWork_chart-img .howItWork-arrow::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -6px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #C0C0C0;
    border-right: 10px solid transparent;
}

.howItWork_chart-footer {
    margin: 150px auto 20px auto;
    width: 1340px;
    height: 220px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.howItWork-arrowWr {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 80%;
    height: 8px;
    background: #C0C0C0;
}

.howItWork_chart-footer .howItWork-arrow {
    top: 0;
    width: 8px;
    height: 25px;
}

.howItWork_chart-footer .howItWork-arrow:first-child {
    left: 0;
}

.howItWork_chart-footer .howItWork-arrow:last-child {
    right: 0;
}

.howItWork_chartFooter-item .howItWork-arrow {
    top: -45px;
    left: calc(50% - 14px) !important;
}

.howItWork_chart-footer .howItWork-arrow::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -6px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #C0C0C0;
    border-right: 10px solid transparent;
}

.howItWork_chartFooter-item {
    height: 175px;
    width: 200px;
    position: relative;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.howItWork_chartFooter-item h6 {
    font-weight: 700;
    font-size: 30px;
}

.howItWork_chartFooter-item p {
    font-size: 14px;
}

.howItWork_chartFooter-item:nth-child(odd) {
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.howItWork_chartFooter-item:nth-child(even) {
    background: linear-gradient(180deg, #E5E5E5, #fff 35%, #CCC 72%, #CFCFCF);
}

.howItWork_chartFooter-item:first-child {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
    width: 250px;
    padding: 10px 10px 10px 60px;
}

.howItWork_chartFooter-item:nth-child(6) {
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
    width: 250px;
    padding: 10px 60px 10px 10px;
}


.howItWork_chart-btn {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*SECTION How it Works STYLE THE END*/

/*SECTION Media Quotes STYLE START*/

.section_mediaQuotes {
    width: 100%;
    min-height: 720px;
    background: url('../images/mediaQuotes_bg.jpg') center no-repeat #393939;
    position: relative;
    transition: .3s ease;
}

.section_mediaQuotes .container-1360::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -250px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: 1;
}

.section_mediaQuotes .section_lines-right {
    top: initial;
    bottom: -41px;
}

.section_mediaQuotes .section_lines-left {
    top: -41px;
}

.section_title strong {
    color: #fff;
    right: -22%;
}

.mediaQuotes_carousel {
    margin-top: 50px;
    transform: skew(-25deg);
}

.mediaQuotes_slide {
    min-height: 310px;
    padding: 0 30px;
    overflow: hidden;
}


.mediaQuotes_slide span {
    position: absolute;
    color: #fff;
    top: 0;
    right: -110px;
    background: #0C0C0C;
    width: 160px;
    height: 60px;
    transform: skew(60deg);
}

.mediaQuotes_slide span i {
    position: absolute;
    top: 8px;
    left: 20px;
    font-size: 28px;
    transform: skew(-60deg);
}


.mediaQuotes_slide:nth-child(odd) {
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.mediaQuotes_slide:nth-child(even) {
    background: linear-gradient(0deg, #0C0C0C, #262526);
}

.mediaQuotes_slide-header {
    height: 60px;
    display: flex;
    align-items: center;
    position: relative;
    transform: skew(25deg);
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    text-transform: uppercase;
}

.mediaQuotes_slide-header h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700;
}

.mediaQuotes_slide-body {
    transform: skew(25deg);
    padding: 10px 30px;

}

.mediaQuotes_slide:nth-child(odd) .mediaQuotes_slide-body {
    color: #0B0B0B;
}

.mediaQuotes_slide:nth-child(even) .mediaQuotes_slide-body {
    color: #fff;
}

.mediaQuotes_slide:nth-child(even) span {
    display: none;
}

.swiper-pagination2 {
    position: absolute;
    bottom: 70px;
    text-align: center;
    transition: .3s opacity;
    z-index: 10;
}

.section_mediaQuotes .swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.section_mediaQuotes .swiper-pagination-bullet {
    transition: .2s transform, .2s left;
}

/*SECTION Media Quotes STYLE THE END*/

/*SECTION Provide Services STYLE START*/

.section_ProvideServices {
    padding: 180px 0 0 0;
    width: 100%;
    min-height: 1020px;
    background: url('../images/provideServices_bg.jpg') center no-repeat;
    position: relative;
}

.section_ProvideServices .section_lines-left {
    top: initial;
    bottom: -41px;
}

.section_ProvideServices .section_title h2 span {
    color: #fff;
}

.section_ProvideServices .section_title strong {
    font-size: 100px;
    top: -180%;
    left: -30%;
    color: #000;
}

.section_ProvideServices .section_title .title_dots span {
    background: #fff;
}

.section_ProvideServices-tabs {
    margin-top: 45px;
}

#provideServicesTab {
    height: 100px;
    background: #fff;
    transform: skew(-25deg);
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
}

#provideServicesTab .nav-item {
    border: 3px solid #262626;
    width: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#provideServicesTab .nav-item .nav-link {
    width: 80%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: initial;
    border-radius: initial;
    font-size: 23px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(0deg, #0C0C0C, #262526);
}

#provideServicesTab .nav-item.active {
    border: 3px solid #FCA100;
}

#provideServicesTab .nav-item .nav-link.active {
    background: linear-gradient(0deg, #FCA100, #FFC034);
    color: #0C0C0C;
}

#provideServicesTab .nav-item .nav-link span {
    transform: skew(25deg);
}

.section_ProvideServices-tabs {
    position: relative;
    z-index: 5;
}

.section_ProvideServices-tabs::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -360px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: -1;
    opacity: .1;
}

.section_ProvideServices-tabs .btn_set {
    margin: 25px 0;
    display: flex;
    justify-content: center;
}

.provideServicesItem {
    max-width: 100%;
}

.provideServicesItem img {
    width: 100%;
    height: auto;
}

/*SECTION Provide Services THE END*/

/*SECTION Advantages START*/

.section_advantages {
    position: relative;
    padding: 100px 0 120px 0;
}

.section_advantages::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 800px;
    height: 990px;
    background: url('../images/advantages_bg.png') no-repeat;
}

.section_advantages .section_title strong {
    color: #000;
    top: -200%;
    right: -55%;
}

.box_skew_item {
    padding: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.box_skew_item::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -520px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

.box_skew_item-lines {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
}

.box_skew_item .box_skew_item-lines {
    bottom: 0;
    background: #FCA100;
}

.box_skew_item .box_skew_item-lines .left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 360px;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.box_skew_item .box_skew_item-lines .right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 390px;
    background: linear-gradient(0deg, #FCA100, #FFC034);

}

.box_skew_item .box_skew_item-lines .right::before,
.box_skew_item .box_skew_item-lines .left::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');

}

.box_skew_item2 {
    margin-top: -8px;
}

.box_skew_item2::before {
    content: '';
    position: absolute;
    top: -120px;
    left: initial;
    right: -480px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

.box_skew_item2 .box_skew_item-lines {
    background: #0C0C0C;
    top: 0;
}

.box_skew_item2 .box_skew_item-lines .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 390px;
    background: linear-gradient(0deg, #262526, #0C0C0C);
}

.box_skew_item2 .box_skew_item-lines .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 360px;
    background: linear-gradient(0deg, #262526, #0C0C0C);
}

.box_skew_item2 .box_skew_item-lines .right::before,
.box_skew_item2 .box_skew_item-lines .left::before {
    content: '';
    position: absolute;
    top: initial;
    bottom: -14px;
    left: -8px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.skew_item {
    margin-top: 70px;
    min-width: 380px;
    width: 32%;
    padding: 32px;
    min-height: 220px;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    position: relative;
}

.skew_item-img {
    width: 160px;
    height: 80px;
    padding: 5px 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -100%);
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.skew_item-img span {
    background: linear-gradient(0deg, #0C0C0C, #262526);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.skew_item-img span::before {
    color: #FCA100;
    font-size: 48px;
}

.skew_item_angle-tr {
    top: 0;
    right: 0;
    width: 90px;
    height: 60px;
    position: absolute;
    background: linear-gradient(0deg, #0C0C0C, #262526);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.skew_item_angle-tr span {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    font-size: 32px;
}

.skew_item_bg-rb {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 32px;
    background: linear-gradient(0deg, #0C0C0C, #262526);
}

.skew_item h4 {
    margin: 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px;
}

.skew_item p {
    padding: 0 10px;
    color: #fff;
}

.box_skew_item2 .skew_item {
    background: linear-gradient(0deg, #0C0C0C, #262526);
}

.box_skew_item2 .skew_item-img {
    background: linear-gradient(0deg, #0C0C0C, #262526);
}

.box_skew_item2 .skew_item_bg-rb,
.box_skew_item2 .skew_item_angle-tr,
.box_skew_item2 .skew_item-img span {
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.box_skew_item2 .skew_item h4,
.box_skew_item2 .skew_item-img span::before {
    color: #fff;
}

/*SECTION Advantages THE END*/

/*MAIN-CONTENT STYLE THE END*/


/*FOOTER STYLE START*/

.footer {
    grid-area: footer;
}

.footer_content {
    min-height: 480px;
    background: url('../images/footer_bg.jpg') top center no-repeat #1F1F1F;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
    background-size: cover;
}

.footer_content .footer_lines {
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: 480px;
    background: rgba(38, 38, 38, .8);
    transform: skew(-25deg) translate(140px, 0px);
    z-index: -1;
}

.footer_content .footer_lines::before {
    content: '';
    position: absolute;
    top: -41px;
    right: 0;
    width: 100%;
    height: 82px;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.footer_content .footer_lines::after {
    content: '';
    position: absolute;
    top: -41px;
    left: -60%;
    width: 60%;
    height: 82px;
    background: #262626;
}

.footer_content-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_nav {
    max-width: 350px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer_nav li {
    flex: 0 0 48%;
    margin: 15px 0;
}

.footer_nav li .rhombus {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background: #FFB318;
    margin-right: 8px;
    transition: .3s ease .3s;
}

.footer_nav li a {
    color: #FFB318;
    position: relative;
    font-size: 14px;
}

.footer_nav li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #FFB318;
    transition: .3s ease;
}

.footer_nav li a:hover::after {
    transition: .3s ease .2s;
    width: 100%;
}

.footer_nav li a:hover .rhombus {
    transform: rotate(0deg);
    transition: .3s ease;
}

.footer_logo {
    max-width: 335px;
    height: auto;
}

.footer_logo img {
    width: 100%;
    height: auto;
}

.footer_content-rightBlock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer_content-rightBlock .header_top-mail {
    margin: 20px 0;
}

.footer_content-rightBlock .dropdown-lng {
    margin: 0;
}

.footer_content-bottom {
    padding: 25px 0;
    border-top: 1px solid #444444;
}

.footer_content-bottom p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 22px;
}

.footer_copyright {
    width: 100%;
    height: 52px;
    border-top: 1px solid #444444;
    background: #1F1F1F;
    color: #878787;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_copyright span {
    color: #FFB419;
    margin-right: 5px;
}

/*FOOTER STYLE THE END*/

/*------------HOME PAGE STYLE END--------------*/

/*ABOUT US PAGE STYLE START*/

.header_aboutUs {
    background: url('../images/header_aboutUs-bg.jpg') top center no-repeat #262626;
}

.road_map-title {
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 137px;
    opacity: 0.08;
    font-weight: 700;
    white-space: nowrap;
}

#road_map_tabContent {
    position: relative;
    padding: 80px 0;
}

#road_map_tabContent .center_line {
    position: absolute;
    top: 0;
    left: calc(50% - 3px);
    width: 6px;
    height: 100%;
    background: #D2D2D1;
}

#road_map_tabContent .center_line::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(0deg, #CFCFCE, #FDFDFC);
}

#road_map_tabContent .center_line::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: -12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(180deg, #CFCFCE, #FDFDFC);
}

.road_map-item {
    padding: 0 44px 20px 44px;
    position: relative;
}

.road_map-itemTitle {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 70px;

}

.road_map-itemTitle::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -45px;
    width: 100%;
    height: 6px;
    background: #CFCFCE;
}

.road_map-itemYear {
    width: 82px;
    height: 82px;
    background: linear-gradient(0deg, #CFCFCE, #FDFDFC);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 41px 41px 0 41px;
    margin-right: 15px;
    font-size: 25px;
    font-weight: 700;
}

.road_map-itemTitle h2 {
    margin-bottom: 0;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 700;
}

.road_map-itemTitle h2 span {
    color: #FFB318;
}

.road_map-itemBox {
    border-bottom: 1px solid #D7D7D6;
    margin-bottom: 30px;
}

.road_map-itemBox h6 {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    margin: 0 -30px 0 0;
}

.road_map-itemBox h6 span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    box-shadow: 0 0 10px 2px rgba(252, 161, 0, .5);
    margin-left: 10px;
}

.road_map-item:nth-child(odd) {
    text-align: right;
}

.road_map-item:nth-child(odd) .road_map-itemBox h6 {
    justify-content: flex-end;
}

.road_map-item:nth-child(odd) .road_map-itemBox h6 span {}

.road_map-item:nth-child(even) {
    text-align: left;
}

.road_map-item:nth-child(even) .road_map-itemTitle {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.road_map-item:nth-child(even) .road_map-itemTitle .road_map-itemYear {
    margin: 0 0 0 15px;
    border-radius: 41px 41px 41px 0;
}

.road_map-item:nth-child(even) .road_map-itemBox h6 {
    justify-content: flex-end;
    flex-direction: row-reverse;
    margin-left: -30px;
}

.road_map-item:nth-child(even) .road_map-itemBox h6 span {
    margin: 0 10px 0 0;
}

.road_map-item:nth-child(even) .road_map-itemTitle::after {
    left: -45px;
}

.section_ourMission .section_title strong {
    color: #000;
    top: -200%;
    left: -15%;
}

.ourMission_text {
    margin-top: 30px;
    text-align: center;
    line-height: 24px;
}

/*ABOUT US PAGE STYLE THE END*/

/* BLOG PAGE STYLE START*/

.header_blog {
    background: url('../images/header_blog-bg.jpg') center no-repeat;
}

.header_blog::before {
    content: initial;
}

.section_blog {
    padding: 0;
}

.section_lines-left {
    top: initial;
    bottom: -41px;
}

.blog_mainPost {
    width: 100%;
    min-height: 635px;
    background: url('../images/blog_page-bg1.jpg') top center no-repeat #262626;
    display: flex;
    align-items: center;
    position: relative;
}

.blog_mainPost .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_mainPost-preview {
    width: 520px;
    height: 486px;
    transform: skew(-25deg);
    background: linear-gradient(0deg, #FCA100, #FFC034);
    padding: 25px;
    position: relative;
}

.blog_mainPost-preview::before {
    content: '';
    position: absolute;
    top: 0;
    right: -80px;
    width: 0;
    height: 0;
    border-top: 120px solid transparent;
    border-left: 80px solid #DE921B;
}

.blog_mainPost-preview::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -100px;
    width: 0;
    height: 0;
    border-top: 109px solid #DE921B;
    border-right: 100px solid transparent;
}

.blog_mainPost-previewImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    box-shadow: inset 25px 25px 0 0 rgba(189, 123, 18, .91);
    position: relative;
}

.blog_mainPost-previewImg img {
    position: relative;
    z-index: -1;
    transform: skew(25deg) translate(-50%);
    margin-left: 50%;
}

.blog_mainPost-preview .rivet {
    position: absolute;
    transform: skew(25deg);
    width: 28px;
    height: 28px;
    z-index: 9;
}

.blog_mainPost-preview .rivet1 {
    top: 14px;
    left: 14px;
}

.blog_mainPost-preview .rivet2 {
    top: 14px;
    right: 14px;
}

.blog_mainPost-preview .rivet3 {
    bottom: 14px;
    left: 14px;
}

.blog_mainPost-preview .rivet4 {
    bottom: 14px;
    right: 14px;
}

.blog_mainPost-description {
    width: 720px;
    height: 355px;
    transform: skew(-25deg);
    background: #262626;
    position: relative;
    z-index: 9;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: inset 30px 1px 50px 0 rgba(255, 191, 50, .1);
}

.blog_mainPost-description::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -100px;
    width: 0;
    height: 0;
    border-top: 264px solid transparent;
    border-left: 100px solid #171716;
    border-bottom: 90px solid transparent;
}

.blog_mainPost-description-top {
    transform: skew(25deg);
    border-bottom: 1px solid rgba(255, 255, 255, .13);
    margin: 20px 40px 0 30px;
    padding: 0 0 5px 0;
}

.blog_mainPost-description-top h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 28px;
}

.blog_mainPost-description-body {
    transform: skew(25deg);
    padding: 10px 40px;
}

.blog_mainPost-description-body p a {
    color: #FFB419;
}

.blog_mainPost-description-bottom {
    background: #171716;
    height: 88px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.blog_mainPost .card-dateWr {
    transform: skew(25deg);
}

.blog_mainPost-description-bottom .wrapper_btn-warning {
    transform: skew(25deg);
}

.blog_mainPost .section_lines-right {
    top: -41px;
}

.blog_PostWr .row .main_card_wrapper:nth-child(3)::before {
    content: '';
    position: absolute;
    top: 20%;
    right: -35%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 0;
    opacity: .1;
}

.blog_PostWr .row .main_card_wrapper:nth-child(6)::before {
    content: '';
    position: absolute;
    top: 45%;
    right: -100%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 0;
    opacity: .1;
}

.blog_PostWr .row .main_card_wrapper:nth-child(7)::before {
    content: '';
    position: absolute;
    top: -10%;
    left: -115%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 0;
    opacity: .1;
}

/* BLOG PAGE STYLE THE END*/

/* JOBS PAGE STYLE START*/
.header_jobs {
    background: url('../images/header_jobs-bg.jpg') center;
}

.main_content-jobs {
    position: relative;
    background: url('../images/jobs_bg1.jpg') top center no-repeat #fff;
}

.section_jobs-w {
    padding: 90px 0 20px 0;
}

.section_jobs-textWr {
    margin-top: 80px;
}

.section_jobs-w .section_title strong {
    color: #000;
}

.section_jobs-w .section_jobs-text:nth-child(1) .section_title strong {
    top: -200%;
    left: -80%;
}

.section_jobs-w .section_jobs-text:nth-child(2) .section_title strong {
    top: -200%;
    right: -30%;
}

.section_jobs-text p {
    margin-top: 20px;
}

.section_jobs-text p span {
    font-size: 31px;
    font-weight: 700;
    color: #FFB419;
}

.section_jobs-itemWr {
    margin-top: 100px;
}

.section_jobs-itemWr .section_title strong {
    top: -200%;
    left: 0;
    color: #000;
}

.section_jobs-item {
    margin: 10px 0;
    position: relative;
}

.section_jobs-item .skew_item {
    width: 100%;
    margin: 10px 0;
    position: relative;
    background: linear-gradient(90deg, #FCA100, #FFC034);
}

.section_jobs-item .skew_item.dark {
    background: linear-gradient(90deg, #0B0B0B, #262626);
}

.section_jobs-item .skew_item.yellow::before {
    content: '';
    position: absolute;
    top: 0;
    left: -149px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 150px solid #FCA100;
    border-bottom: 100px solid transparent;
}

.section_jobs-item .skew_item.dark2::before {
    content: '';
    position: absolute;
    top: 0;
    left: -149px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 150px solid #0B0B0B;
    border-bottom: 100px solid transparent;
}


.section_jobs-item .skew_item h4 {
    position: relative;
    color: #fff;
    margin-bottom: 25px;
}

.section_jobs-item .skew_item h4::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 80%;
    height: 1px;
    background: rgba(255, 255, 255, .31);
}

.section_jobs-item .mdi {
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 100px;
    color: rgba(255, 255, 255, .31);
}

.section_jobs-item2 {
    transform: skew(0deg) !important;
    z-index: 5;
    margin: 15px 0;
}

.section_jobs-item2 .skew_item::before {
    content: initial !important;
}

.section_jobs-item2 .mdi {
    position: initial;
    color: rgba(255, 255, 255, .5);
    font-size: 50px;
}

.section_jobs-item2 .skew_item h4 {
    margin-bottom: 5px;
}

.section_jobs-item2 .skew_item h4::before {
    content: initial;
}

.section_jobs-item2 .skew_item {
    padding: 20px;
    border-radius: 10px;
    min-height: 100px;
    margin: 0;
}

.section_jobs-b {
    padding: 100px 0 0 0;
}

.section_jobs-b .section_title strong {
    top: -200%;
    color: #000;
    right: -30%;
}

.jobs_available {
    width: 100%;
    height: auto;
    margin-top: 60px;
    background: url('../images/jobs_bg2.jpg') top center no-repeat #262626;
    position: relative;
    padding: 80px 0;
}

.jobs_available .section_lines-left {
    top: -41px;
    transform: translate(-130%) skew(-25deg);
}

.jobs_available .main_card-top__text {
    padding: 20px 0 0 10px;
    margin: 0;
}

.jobs_available .main_card-top__text span {
    transform: rotate(-63deg);
    font-size: 30px;
    text-transform: uppercase;
    position: relative;
    top: -30px;
}

.jobs_available::after {
    content: '';
    position: absolute;
    top: -50px;
    right: 0;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

.section_jobs-w::before {
    content: '';
    position: absolute;
    top: 22%;
    right: -10%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

.section_jobs-w::after {
    content: '';
    position: absolute;
    top: 55%;
    right: 10%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

/* JOBS PAGE STYLE THE END*/

/* NEWS PAGE STYLE START*/

.section_news {
    padding: 50px 0 60px 0;
    position: relative;
}

.section_news .container {
    position: relative;
}

.section_news .container::before {
    content: '';
    position: absolute;
    top: 25%;
    left: -30%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

.section_news .container::after {
    content: '';
    position: absolute;
    top: 55%;
    left: -50%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

.section_news::before {
    content: '';
    position: absolute;
    top: 15%;
    right: 5%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

.section_news::after {
    content: '';
    position: absolute;
    top: 75%;
    right: 0;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

.header_news {
    background: url('../images/header_news-bg.jpg') top center no-repeat;
}

/* NEWS PAGE STYLE THE END*/

/* Rental Policy PAGE STYLE START*/

.header_rentalPolicy {
    background: url('../images/header_rentalPolicy-bg.jpg') top center no-repeat;
}

.section_rentalPolicy {
    /*padding: 140px 100px;*/
}

.section_rentalPolicy .section_title strong {
    color: #000;
    top: -200%;
    right: -100%;
}

.section_content {
    margin-top: 50px;
    position: relative;
}

.section_content-box h3 {
    font-size: 20px;
    font-weight: 700;
}

.section_content::before {
    content: '';
    position: absolute;
    top: 0;
    left: -40%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

.section_content::after {
    content: '';
    position: absolute;
    top: 55%;
    right: -40%;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    z-index: 4;
    opacity: .1;
}

/* Rental Policy PAGE STYLE THE END*/

/* Terms & Conditions PAGE STYLE START*/

.header_termsConditions h1 {
    font-size: 62px;
    line-height: 108px;
}

.header_termsConditions {
    background: url('../images/header_termsConditionsy-bg.jpg') top center no-repeat;
}

/* Terms & Conditions PAGE STYLE THE END*/

/* Legal Model PAGE STYLE START*/

.header_legalModel {
    background: url('../images/header_legalModel-bg.jpg') top center no-repeat;
}

.header_legalModel h1 {
    line-height: 140px;
    font-size: 90px;
}

.section_legalModel {
    position: relative;
    padding: 30px 0;
}

.section_legalModel::before {
    content: '';
    position: absolute;
    top: 31px;
    left: 0;
    width: 593px;
    height: 998px;
    background: url('../images/section_legalModel_bg1.png') no-repeat;
}

.section_legalModel .section_title {
    margin-top: 100px;
    text-align: center;
}

.section_legalModel .section_title strong {
    top: -120px;
    right: 0;
    color: #000;
}

.section_legalModel .section_content-text {
    margin-top: 40px;
}

.section_content-img {
    width: 100%;
    height: 620px;
    padding: 50px;
    clip-path: polygon(30% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 30%);
    background: linear-gradient(0deg, #E5E5E5, #FDFDFC);
}

.section_content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.legalModel_btnWr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(19, 22, 24, .1);
    padding: 20px 25px;
    border-radius: 38px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.section_legalModel .container .section_content:nth-child(even) {
    flex-direction: row-reverse;
}

.section_legalModel .container .section_content:nth-child(odd)::before {
    top: 30%;
}

.section_legalModel .container .section_content:nth-child(even) .section_title strong {
    left: 0;
}

/* Legal Model PAGE STYLE THE END*/

/* Form Page(reg log forgot STYLE START*/

.main_wrapper-formPages {
    background: url('../images/formPages-bg.jpg') top right no-repeat #262626;
    background-size: cover;
}

.header_formPages {
    position: relative;
    min-height: 410px;
}

.header_formPages .header_pages-lines {
    bottom: 0;
}

.header_formPages::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 82px;
    background: rgba(38, 38, 38, .84);
    transform: skew(-25deg);
}

.section_registration {
    position: relative;
}

.top_formPages {
    height: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top_formPages span {
    width: 25%;
}

.body_formPages {
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user_form {
    max-width: 720px;
    width: 100%;
    margin: 0 auto 130px auto;
    display: flex;
    flex-direction: column;
}

.form_inputWr {
    overflow: hidden;
    /*transform: skew(-25deg);*/
    width: 100%;
    height: 83px;
    position: relative;
    margin: 5px 0;
}

.form_label {
    color: #fff;
    margin-bottom: 10px;
    /*transform: skew(25deg);*/
}

.form_input {
    position: absolute;
    width: calc(100% + 60px);
    left: -30px;
    height: 56px;
    background: rgba(255, 255, 255, .3);
    /*transform: skew(25deg);*/
    padding: 0 60px;
    color: #fff;
}

.form_input::placeholder {
    color: #fff;
    font-weight: 300;
}

.form_captchaWr {
    position: relative;
    width: 100%;
    height: 56px;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    /*transform: skew(-25deg);*/
}

.form_captcha {
    max-width: 240px;
    width: 100%;
    height: 56px;
    padding: 5px;
    background: rgba(255, 255, 255, .3);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_captcha img {
    /*transform: skew(25deg);*/
    object-fit: cover;
}

.form_captcha-inputWr {
    position: relative;
    max-width: 365px;
    width: 100%;
    height: 80px;
    color: #fff;
    font-weight: 700;
    overflow: hidden;
}

.custom_select {
    position: relative;
    width: 100%;
}

.select_title {
    background: rgba(255, 255, 255, .3);
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 0 30px;
    margin: 5px 0;
    width: 100%;
    height: auto;
    /*transform: skew(-25deg);*/
    text-align: left;
    display: flex;
    align-items: center;
}

.user_form .select_title {
    height: 56px;
}

.select_title span {
    /*transform: skew(25deg);*/
    display: block;
}

.select_title:after {
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 7px);
    width: 33px;
    height: 14px;
    background: url('../images/icons/select_chevron.png');
    transition: 0.3s ease;
    /*transform: skew(25deg);*/
}

.select_title.active:after {
    transform: skew(25deg) rotateX(180deg);
    transition: 0.3s ease;
}

.headerForm_box .select_list,
.select_list {
    background: rgba(28, 28, 28, .9);
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    transition: 0.2s linear;
    width: 100%;
    z-index: 999;
}

.select_list.open {
    display: block;
    min-height: 50vh;
    overflow: auto;
    opacity: 1;
    box-shadow: 0 1px 5px #ddd;
}

.select_list li {
    border: 1px solid transparent;
    background: rgba(255, 255, 255, .3);
    width: 90%;
    margin: 5px auto;
    color: #fff;
    cursor: pointer;
    height: 50px;
    padding: 0 30px;
    line-height: 50px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    transform: skew(-25deg);
}

.select_list li span {
    min-width: 70px;
    transform: skew(25deg);
}

.select_list li:hover {
    background: #DEDEDE;
    color: #1D2E40;
    transition: all 0.3s ease;
}

.select_list li.selected {
    background: transparent;
    border: 1px solid rgba(220, 160, 55, .3);
    color: #DCA037;
}


.bottom_form {
    margin-top: 44px;
    padding: 0 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*.alert_messageWr {
    position: fixed;
    bottom: 20px;
    left: 50px;
}*/

.alert_message {
    max-width: 480px;
    margin: 10px 0;
    background: rgba(28, 28, 28, .9);
    padding: 25px;
    font-size: 14px;
    color: #fff;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 1000;
}

.alert_message h3 {
    font-weight: 700;
    text-transform: uppercase;
}

.alert_message-warning h3 {
    color: #FFB419;
}

.alert_message-error h3 {
    color: #902914;
}

.alert_message-success h3 {
    color: #00AD5D;
}

.alert_message p {
    margin-bottom: 0;
}

/* Form Page reg log forgot STYLE THE END*/

/* CONTACTS PAGE STYLE START*/

.header_contacts {
    background: url('../images/header_contacts-bg.jpg') top center no-repeat;
}

.section_departments {
    background: url('../images/section_departments-bg.jpg') top center no-repeat #282828;
}

.departments_block .box_skew_item {
    justify-content: center;
}

.departments_block h2 {
    color: #fff;
}

.box_skew_item-department {
    transform: skew(-25deg);
}

.departments_item {
    max-width: 270px;
    min-width: 200px;
    border-right: 1px solid rgba(255, 255, 255, .3);
    transform: skew(25deg);
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.departments_item:last-child {
    border-right: 1px solid transparent;
}

.departments_item h4 {
    color: #fff;
    margin: 20px;
    line-height: 24px;
}

.departments_item-mail {
    color: #FCA700;
    margin-bottom: 20px;
    text-shadow: 0 0 15px rgba(252, 167, 0, .9);
}

.section_contactForm {
    background: url('../images/section_contacts_bg.jpg') top right no-repeat #282828;
    position: relative;
    padding: 0;
}

.section_contactForm .section_lines-left {
    top: -41px;
    left: 40%;
}

.contact_map {
    position: relative;
    left: -50px;
    overflow: hidden;
    transform: skew(-25deg);
    max-height: 610px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_map::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 100%;
    background: linear-gradient(00deg, #FCA100, #FFC034);
}

.contact_map .img {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skew(25deg);
}

.contactForm {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    position: relative;
}

.contactForm .section_title {
    margin-bottom: 20px;
}

.contactForm .section_title h2 {
    color: #fff;
}

.contactForm .section_title strong {
    top: -80px;
    left: 50%;
    font-size: 90px;
}

.form_textareaWr {
    margin: 5px 0;
    width: 100%;
    padding: 0 25px;
    transform: skew(-25deg);
    position: relative;
    overflow: hidden;
    min-height: 56px;
    max-height: 224px;
    background: rgba(255, 255, 255, .3);
}

.form_textarea {
    position: initial;
    transform: skew(25deg);
    width: 100%;
    height: auto;
    padding: 10px 5px;
    background: transparent;
    min-height: 56px;
    max-height: 112px;
    color: #fff;
    font-weight: 300;
}

.form_textarea::placeholder {
    position: relative;
    top: 10px;
}

.contactForm .form_captcha {
    max-width: 40%;
    min-width: 160px;
}

.contactForm .form_captcha-inputWr {
    max-width: 55%;
    min-width: 160px;
}

.contactForm .wrapper_btn-warning {
    margin-top: 20px;
}

/* CONTACTS PAGE STYLE THE END*/

/* help Desk PAGE STYLE START*/

.helpDesk_accWr {
    position: relative;
}

.helpDesk_accWr::before {
    content: '';
    position: absolute;
    top: 25%;
    right: -390px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

.helpDesk_accWr::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -400px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

.header_helpDesk {
    background: url('../images/header_helpDesk-bg.jpg') top center no-repeat;
}

.header_helpDesk::before {
    content: initial;
}

.helpDesk_acc {
    /* margin-top: 120px; */
    position: relative;
    background: #F1F1F1;
}

.helpDesk_acc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 95px;
    background: #fff;
    z-index: 2;
}

.helpDesk_acc::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 95px solid #262626;
    border-left: 60px solid transparent;
    z-index: 2;
}

.big_double-title {
    position: absolute;
    top: -100px;
    font-size: 90px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .08;
}

.big_double-title2 {
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .08;
    margin: 25px 0;
}

.helpDesk_acc-header {
    width: 100%;
    margin: auto;
    background: linear-gradient(90deg, #FCA100, #FFC034);
    position: relative;
    z-index: 9;
    clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

.helpDesk_acc-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background: rgba(255, 255, 255, .28);
    transform: skew(-32deg);
}

.helpDesk_acc_btn {
    width: 100%;
    height: 95px;
    padding: 15px 60px 15px 100px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 8;
}

.helpDesk_acc_btn h2 {
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.helpDesk_acc_btn p {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 0;
}

.helpDesk_acc_btn .title_dots {
    margin-left: 10px;
    min-width: 100px;
}

.helpDesk_acc_btn .title_dots span {
    background: #fff;
}

.helpDesk_acc-body {
    padding: 20px 25px;
    position: relative;
    background: #F1F1F1;
    z-index: 9;
}

.helpDesk_acc:nth-child(even)::after {
    border-bottom: 95px solid #FFC034;
}

.helpDesk_acc:nth-child(odd) .big_double-title {
    left: initial;
    right: -200px;
}

.helpDesk_acc:nth-child(even) .big_double-title {
    left: -200px;
    right: initial;
}

.helpDesk_acc:nth-child(even) .helpDesk_acc-header {
    background: linear-gradient(90deg, #262626, #0B0B0B);
}

.helpDesk_acc:nth-child(even) .helpDesk_acc-header p {
    color: #fff;
}

.helpDesk_card {
    padding: 0 10px;
    position: relative;
    margin: 10px 0;
}

.helpDesk_card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 90%;
    height: 5px;
    background: #c5c5c5;
}

.helpDesk_card-img {
    width: 100%;
    height: 190px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.helpDesk_card-img2 {
    height: auto;
}

.helpDesk_card-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background: rgba(0, 0, 0, .39);
    transition: .3s ease-in-out;
}

.helpDesk_card-img::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    clip-path: polygon(100% 100%, 0% 100%, 100% 0);
    background: rgba(255, 179, 24, .48);
    transition: .3s ease-in-out;
}

.helpDesk_card-img:hover::before {
    left: -100%;
    transition: .3s ease-in-out;
}

.helpDesk_card-img:hover::after {
    right: -100%;
    transition: .3s ease-in-out;
}

.helpDesk_card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.helpDesk_card-title {
    width: 100%;
    height: 65px;
    background: linear-gradient(90deg, #0B0B0B, #262626);
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.helpDesk_card-title h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.helpDesk_card-description {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 18px;
    background: #fff;
}

.helpDesk_card-description a {
    color: #FFB419;
}

.helpDesk_card-btnSet {
    margin-bottom: 5px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 4px solid #DCDCDC;
}

.helpDesk_card-btnSet .btn {
    padding: 10px 35px;
}

.helpDesk_card-btnSet span {
    margin: 5px 0;
}



/* help Desk STYLE PAGE THE END*/

/* Lost & Found PAGE STYLE START*/

.section_lostFound1 {
    background: url('../images/lostFound-bg1.jpg') top center no-repeat #262626;
}

.section_lostFound2 {
    background: url('../images/lostFound-bg2.jpg') top center no-repeat #262626;
}

.section_lostFound3 {
    background: url('../images/lostFound-bg3.jpg') top center no-repeat #262626;
}

.section_lostFound2:before {
    content: '';
    position: absolute;
    bottom: -31px;
    left: -5%;
    height: 62px;
    width: 55%;
    background: rgba(28, 28, 28, 0.87);
    transform: skew(-25deg);
    z-index: 2;
}

.header_lostFound {
    background: url('../images/header_lostFound-bg.jpg') top center no-repeat;
}

.skew_block_lines {
    width: 100%;
    height: 340px;
    transform: skew(25deg);
    position: relative;
    display: flex;
    z-index: 2;
}

.skew_block_lines::before {
    content: '';
    position: absolute;
    top: 0;
    left: -80px;
    width: 60px;
    height: 100%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    z-index: 2;
}

.skew_block_lines::after {
    content: '';
    position: absolute;
    top: 0;
    left: -930px;
    width: 900px;
    height: 100%;
    background: linear-gradient(90deg, #0B0B0B, #262626);
}

.skew_block_lines-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.skew_block_lines-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(36, 36, 36, .66);
    z-index: 2;
    transition: .3s ease-in-out;
}

.skew_block_lines-img:hover::before {
    left: -100%;
    transition: .3s ease-in-out;
}

.skew_block_lines-img img {
    transform: skew(-25deg);
}

.skew_block_lines-text {
    width: 120px;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    display: flex;
    justify-content: center;
    align-items: center;
}

.skew_block_lines-text span {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
    transform: skew(-25deg) rotate(-25deg);
}

.section_lostFound2 .skew_block_lines.right {
    flex-direction: row-reverse;
    transform: skew(-25deg);
}

.section_lostFound2 .skew_block_lines .skew_block_lines-img::before {
    left: initial;
    right: 0;
}

.skew_block_lines.right .skew_block_lines-img:hover::before {
    right: -100%;
}

.skew_block_lines.right .skew_block_lines-img img {
    transform: skew(25deg);
}

.skew_block_lines.right::before {
    left: initial;
    right: -80px;
}

.skew_block_lines.right::after {
    left: initial;
    right: -930px;
}

.skew_block_lines.right .skew_block_lines-text {
    writing-mode: initial;
    white-space: nowrap;
}

.skew_block_lines.right .skew_block_lines-text span {
    transform: skew(25deg) rotate(-65deg);
}

.section_lostFound-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section_lostFound-content .section_title {
    margin-bottom: 90px;
}

.section_lostFound-content .section_title h2 {
    color: #fff;
}

.section_lostFound-content .section_title strong {
    top: initial;
    font-size: 90px;
    bottom: -70px;
    left: 30%;
}

.section_lostFound-content p {
    color: #fff;
    margin-left: 60px;
}

.section_lostFound2 .section_lostFound-content .section_title strong {
    left: initial;
    right: 20%;
}

.section_lostFound-content .wrapper_btn-warning {
    box-shadow: 0 0 30px rgba(255, 139, 65, .7), 0 0 10px rgba(255, 139, 65, .3);
    display: inline-block;
    margin: auto;
}

.section_lostFound-content .wrapper_btn-warning:hover {
    box-shadow: 0 0 0 rgba(255, 139, 65, .8), 0 0 15px rgba(255, 139, 65, .4);
}

.section_lostFound2 .section_lostFound-content p {
    margin: 0 60px 0 0;
}

.lostFound_modal .modal-content {
    border: initial;
    border-radius: 10px;
    padding: 20px;
    background: #262626;
    box-shadow: 0 0 112px rgba(255, 139, 65, .5);
}

.lostFound_modal .closeModal {
    position: absolute;
    width: 35px;
    height: 35px;
    top: -40px;
    right: -40px;
    cursor: pointer;
}

.lostFound_modal .closeModal span {
    position: absolute;
    left: -10%;
    top: calc(50% - 3px);
    width: 120%;
    height: 6px;
    background: #FFB419;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(255, 139, 65, .6);
    transition: .3s ease;
}

.lostFound_modal .closeModal:hover span {
    box-shadow: 0 0 0 rgba(255, 139, 65, .8);
    transition: .3s ease;
}

.lostFound_modal .closeModal span:first-child {
    transform: rotate(45deg);
}

.lostFound_modal .closeModal span:last-child {
    transform: rotate(-45deg);
}

.lostFound_modalItem {
    width: 100%;
    margin: 10px 0;
    background: #1A1A1A;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #151515;
    position: relative;
    overflow: hidden;
}

.lostFound_modalItem-img {
    width: 250px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.lostFound_modalItem-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.lostFound_modalItem-content {
    max-width: 280px;
    padding: 20px 0;
    margin: 0 auto;
}

.lostFound_modalItem-content h2 {
    color: #FFB419;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.lostFound_modalItem-content p {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}

.lostFound_modalItem-btnWr {
    position: absolute;
    bottom: 0;
    right: 0;
    filter: drop-shadow(0 0 10px rgba(255, 139, 65, .6));
    transition: .3s ease;
}

.lostFound_modalItem-btn {
    width: 160px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    color: #000 !important;
}

.lostFound_modalItem-btnWr:hover {
    filter: drop-shadow(0 0 0 rgba(255, 139, 65, .7));
    transition: .3s ease;
}

.lostFound_card {
    margin: 10px 0;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    box-shadow: 0 0 10px 1px rgba(255, 192, 52, .5);
    border: 1px solid #0B0B0B;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lostFound_card_title {
    padding: 20px;
    background: linear-gradient(0deg, #0B0B0B, #262626);
    color: #fff;
}

.lostFound_card_title h2 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 22px;
}

.lostFound_card_content {
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lostFound_card_content p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.lostFound_card_contentFooter {
    margin-top: 25px;
}

.lostFound_card_inputWr {
    width: 100%;
    margin-bottom: 15px;
}

.lostFound_input {
    position: initial !important;
    transform: initial !important;
    width: 100%;
    height: 45px;
    padding: 0;
    background: #fff;
    color: #0B0B0B;
    text-indent: 15px;
    font-weight: 500;
    font-size: 16px;
}

.lostFound_input::placeholder {
    color: #0B0B0B;
}

.lostFound_card_radioWr {
    display: flex;
}

.lostFound_card_radioWr .checkbox_label:first-child {
    margin-right: 15px;
}

.lostFound_card_radioWr .new_checkbox {
    border: 2px solid #0B0B0B;
    color: #0B0B0B;
}

.lostFound_card_radioWr .new_checkbox-text {
    color: #0B0B0B;
    font-weight: 500;
}

.lostFound_card_radioWr .new_checkbox::after {
    background: #0B0B0B;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 1px;
}

/* Lost & Found PAGE STYLE THE END*/

/* ERN PAGE STYLE START*/

.section_earn {
    background: url('../images/section_earnBg1.png') top left no-repeat;
    padding: 100px 0 20px 0;
}

.header_earn {
    background: url('../images/header_earnl-bg.jpg') top center no-repeat;
}

.section_earn .section_title strong {
    top: -100px;
    right: -20%;
    color: #000;
    font-size: 120px;
}

.our_businessBlockWr {
    max-width: 1125px;
    width: 100%;
    min-height: 468px;
    height: 100%;
    position: relative;
    margin: 40px auto 0 auto;
    z-index: 1;
    background: url('../images/section_earn-bg1.png') top center no-repeat;
}

.our_businessBlock {
    width: 935px;
    height: 468px;
    margin: auto;
    position: relative;
}

.our_businessBox {
    width: 33%;
    height: 200px;
    position: absolute;
    text-align: center;
}

.our_businessBox h3 {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

.our_businessBox p {
    font-size: 13px;
    font-weight: 300;
}

.our_businessBox1 {
    transform: rotate(-68deg);
    bottom: 32px;
    left: 0;
    color: #fff;
}

.our_businessBox2 {
    transform: rotate(-22deg);
    bottom: 215px;
    left: 183px;
    color: #fff;
}

.our_businessBox3 {
    transform: rotate(23deg);
    bottom: 215px;
    right: 183px;
}

.our_businessBox4 {
    transform: rotate(68deg);
    bottom: 32px;
    right: 0;
}

.our_businessBlock .logo_wr {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.our_business-btn {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.our_business-btn .btn span {
    font-size: 22px;
    line-height: 16px;
    color: #fff;
}

.our_business-btn .btn i {
    font-size: 14px;
    font-weight: 300;
    font-style: initial;
    color: #000;
}

.section_earn2 {
    text-align: center;
}

.section_earn2 .section_title {
    margin-bottom: 20px;
}

.section_earn2 .section_title strong {
    top: -100px;
    left: -50%;
    color: #000;
    font-size: 100px;
}

.officially_country {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.our_legalWr {
    background: url('../images/section_earnBg2.png') top left no-repeat;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.our_legalWr::before {
    content: '';
    position: absolute;
    top: -31px;
    left: -20%;
    height: 62px;
    width: 55%;
    background: rgba(28, 28, 28, 0.87);
    transform: skew(-25deg);
    z-index: 2;
}

.our_legalWr p {
    margin-bottom: 0;
}

.officially_country span {
    color: #FFB419;
}

.section_earn3 {
    padding: 100px 0 0 0;
}

.section_earn3 .section_title {
    margin-bottom: 30px;
}

.section_earn3 .section_title strong {
    top: -120px;
    color: #000;
}

.section_earn3-wrapper {
    background: url('../images/section_earnBg3.png') top left no-repeat;
    padding: 70px 0;
    position: relative;
}

.section_earn3-wrapper::after {
    content: '';
    position: absolute;
    top: -31px;
    right: -18%;
    height: 62px;
    width: 55%;
    background: rgba(28, 28, 28, 0.87);
    transform: skew(-25deg);
    z-index: 2;
}

.section_earn2-tutorial {
    flex: initial;
    width: 752px;
    height: 653px;
    background: url('../images/mac_img.png') top center no-repeat;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.earn2_tutorial-block {
    margin: 28px;
    height: 393px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.earn2_tutorial-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.earn2_tutorial-block::before {
    content: '';
    position: absolute;
    top: 0;
    right: -45%;
    width: 100%;
    height: 100%;
    background: rgba(36, 36, 36, .5);
    z-index: 2;
    transition: .3s ease .2s;
    transform: skew(-25deg);
}

.earn2_tutorial-block::after {
    content: '';
    position: absolute;
    top: 0;
    right: -65%;
    width: 100%;
    height: 100%;
    background: rgba(36, 36, 36, .5);
    z-index: 2;
    transition: .3s ease;
    transform: skew(-25deg);
}

.earn2_tutorial-block:hover::before,
.earn2_tutorial-block:hover::after {
    right: -120%;
}

.earn2_tutorial-btn {
    margin-top: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 36px;
    text-shadow: 0 0 4px #000;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 9;
}

.earn2_tutorial-btn a {
    margin-bottom: 10px;
    width: 120px;
    height: 90px;
    display: block;
}

.earn2_tutorial-btn a img {
    width: 100%;
    height: 100%;
    border-radius: 15px 15px 20px 20px;
    box-shadow: 0 4px 30px 5px rgba(252, 167, 0, .4), inset 0 0 30px rgba(252, 167, 0, .4);
    transition: .3s ease;
}

.earn2_tutorial-btn a:hover img {
    box-shadow: 0 0 0 0 rgba(252, 167, 0, .0), inset 0 0 0 rgba(252, 167, 0, .0);
    transition: .3s ease;
}

.earn2_tutorial-btn a:active {
    transform: scale(.95);
}

.section_earn4 .section_title {
    margin-bottom: 20px;
}

.section_earn4 .section_title strong {
    color: #000;
    top: -100px;
    font-size: 100px;
    left: 30%;
}

.section_earn4-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.section_earn4-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section_earn4 p {
    font-size: 16px;
}

.section_earn4 .our_business-btn {
    margin: 20px auto;
}

.section_earn4::before,
.section_earn::before {
    content: '';
    position: absolute;
    top: 35%;
    right: -100px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

.section_earn::after {
    content: '';
    position: absolute;
    bottom: -100px;
    right: 20px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

.section_earn4::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

/* ERN PAGE STYLE THE END*/

/* RENT PAGE STYLE START*/

.header_rent {
    background: url('../images/header_rent-bg.jpg') top center no-repeat;
}

.header_body-rent {
    margin-bottom: 100px;
    position: relative;
    z-index: 5;
}

.header_body-rent .container {
    padding: 0 80px;
}

.header_rent::before {
    content: initial;
}

.header_formWr {
    margin-top: 100px;
    position: relative;
    min-height: 290px;
    transform: skew(-25deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_formWr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 66.666%;
    height: 100%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    opacity: .8;
    z-index: 2;
}

.header_formWr::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 66.666%;
    height: 100%;
    background: linear-gradient(0deg, #0B0B0B, #262626);
    opacity: .88;
}

.header_form {
    position: relative;
    z-index: 3;
    transform: skew(25deg);
    width: 100%;
    padding: 30px 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.headerFormTab {
    max-width: 820px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.headerFormTab .nav-item {
    transform: skew(-25deg);
}

.headerFormTab .nav-item.active {
    background: #2E2E2E;
}

.headerFormTab .nav-link {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: italic;
    padding: 15px 25px;
}

.headerFormTab .nav-link span {
    display: block;
    transform: skew(25deg);
}

.headerFormTab .nav-link.active {
    color: #fff;
}

.headerFormTabContent {
    margin-top: 30px;
    width: 100%;
}

.headerFormTabItem2 {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0 0;

}

.headerForm_box.w-200 {
    max-width: 150px;
    min-width: 80px;
    width: 100%;
    margin: 10px 30px 10px 0;
}

.headerForm_box {
    display: flex;
    height: 44px;
    box-shadow: 0 0 13px rgba(52, 52, 52, .3);
    margin: 20px 0;
}

.headerForm_box .datepicker_wr .select_list li {
    padding: 0 5px;
}

.headerForm_box .datepicker_wr .select_list li span {
    min-width: initial;
    padding: 0;
}

.headerForm_box2 {
    box-shadow: 0 0 0 rgba(52, 52, 52, 0);
    justify-content: space-between;
}

.headerForm_box2 .select_header {
    max-width: 135px;
    width: 100%;
}

.headerForm_box .label_title {
    padding: 0 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    font-size: 18px;
    font-style: italic;
    text-shadow: 0 0 2px rgba(52, 52, 52, .3);
    white-space: nowrap;
}

.select_header {
    max-width: 300px;
    width: initial;
}

.headerFormTabInput {
    width: 100%;
    text-indent: 15px;
    transform: skew(0deg) !important;
    height: initial;
    position: initial;
    background: #fff;
    color: #0B0B0B;
    padding: 0;
}

.headerFormTabInput::placeholder {
    color: #0B0B0B;
    font-weight: 500;
}

.datepicker_wr {
    max-width: 200px;
    width: 100%;
    height: 100%;
    display: flex;
    box-shadow: 0 0 13px rgba(52, 52, 52, .3);

}

.headerForm_box .datepicker {
    height: 100%;
    border-radius: 0;
    text-align: center;
    border: initial;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.headerForm_box .mdi {
    font-size: 32px;
    cursor: pointer;
}

.header_form .custom_select {
    position: relative;
    width: 100%;
}

.header_form .select_title {
    background: rgba(255, 255, 255, 1);
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 44px;
    text-align: left;
    display: flex;
    align-items: center;
    margin: 0;
    transform: skew(0deg);
}

.headerForm_box .select_title span {
    display: block;
    color: #000;
    transform: skew(0deg);
}

.headerForm_box .select_title:after {
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 4px);
    transition: 0.3s ease;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #0B0B0B;
    transform: skew(0deg);
}

.headerForm_box .select_title.active:after {
    transform: rotateX(180deg);
    transition: 0.3s ease;
}

.headerForm_box .select_list.open {
    display: block;
    min-height: 40vh;
    overflow: auto;
    opacity: 1;
    box-shadow: 0 1px 5px #ddd;
}

.headerForm_box .yachtType .select_list.open {
    min-height: 180px;
}

.headerForm_box .select_list li {
    border: 1px solid transparent;
    background: rgba(255, 255, 255, .3);
    width: 90%;
    margin: 5px auto;
    color: #fff;
    cursor: pointer;
    height: 40px;
    padding: 0 30px;
    line-height: 50px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    transform: skew(0deg);
}

.headerForm_box .select_list li span {
    min-width: 70px;
    line-height: 18px;
    text-align: left;
    transform: skew(0deg);
}

.headerForm_box .select_list li:hover {
    background: #DEDEDE;
    color: #1D2E40;
    transition: all 0.3s ease;
}

.headerForm_box .select_list li.selected {
    background: transparent;
    border: 1px solid rgba(220, 160, 55, .3);
    color: #DCA037;
}

.headerForm_box2 .custom_select {
    max-width: 150px;
}

.headerForm_box2 .select_title {
    padding: 0 10px;
}

.header_form .wrapper_btn-warning {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
}

.header_form .wrapper_btn-warning .btn {
    color: #fff;
    font-size: 20px;
}

.section_rent .box_skew_item2 {
    justify-content: center;
}

.section_rent .box_skew_item2 .skew_item {
    margin: 70px 15px 0 15px;
}

.skew_block {
    display: flex;
    transform: skew(-25deg);
    width: 100%;
    height: 340px;
    position: relative;
    z-index: 9;
    box-shadow: 0 0 20px rgba(36, 36, 36, .5);
}

.skew_block-text {
    width: 120px;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    -webkit-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    display: flex;
    justify-content: center;
    align-items: center;
}


.section_rentSearch .skew_block-text .wrapper_text,
.skew_block .skew_block-text span {
    transform: skew(25deg) rotate(-155deg);
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
}

.skew_block-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.skew_block-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.skew_block-img::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: rgba(36, 36, 36, .66);
    z-index: 2;
    transition: .3s ease-in-out;
}

.skew_block:hover .skew_block-img::before {
    left: initial;
    right: -100%;
}

.skew_block .skew_block-img img {
    transform: skew(25deg);
}

.section_rent2::before {
    content: '';
    position: absolute;
    top: -300px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 1357px;
    background: url('../images/section_rent-bg2.jpg') bottom center no-repeat;
    z-index: -1;
}

.section_rent2 .section_title {
    margin-bottom: 30px;
}

.skew_block-header {
    position: relative;
    z-index: 3;
    padding: 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: skew(25deg);
}

.skew_block-headerText {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 4px #000;
}


.skew_block-footer {
    background: #262626;
    position: relative;
    z-index: 3;
    margin: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
}

.skew_block-descript {
    color: #fff;
    transform: skew(25deg);
}

.skew_block-descript p {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.skew_block-descript p span {
    color: #FFC034;
}

.skew_block-footer .wrapper_btn-warning {
    transform: skew(25deg);
}

.section_rent3 {
    padding: 100px 0 20px 0;
    z-index: 2;
}

.section_rent3::before {
    content: '';
    position: absolute;
    top: 45%;
    right: -190px;
    width: 457px;
    height: 173px;
    background: url('../images/many_dots.png');
    opacity: .1;
}

.section_rent3 .section_title {
    margin-bottom: 30px;
}

.section_rent3 .section_title strong {
    top: -120px;
    color: #000;
    font-size: 120px;
}

.rent_itemWr {
    margin-bottom: 30px;
}

.rent_item-img {
    width: 100%;
    max-height: 340px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.rent_itemWr .rent_item-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: rgba(36, 36, 36, .34);
    z-index: 2;
    transition: .3s ease-in-out;
}

.rent_itemWr .rent_item-img:hover::before {
    left: -100%;
}

.rent_item_body {
    background: #262626;
    padding: 20px 15px;
    position: relative;
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
}

.rent_item-price {
    font-size: 29px;
    text-transform: uppercase;
}

.rent_item-price span {
    color: #FFB419;
    font-weight: 700;
}

.rent_item-name {
    font-size: 16px;
    line-height: 28px;
}

.rent_item-address {
    color: #FFB419;
}

.rent_item-box {
    display: flex;
    flex-wrap: wrap;
    max-width: 310px;
    justify-content: flex-end;
}

.rent_item-condition {
    background: rgba(255, 255, 255, .08);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1px;
    height: 32px;
    padding: 0 8px;
    margin: 2px;
    border-radius: 16px;
}

.rent_item-condition .mdi {
    position: relative;
    right: 3px;
    font-size: 20px;
    color: #FFB318;
}

.section_rent4::before {
    content: '';
    position: absolute;
    top: -70px;
    left: 0;
    width: 100%;
    height: 1142px;
    background: url('../images/yacht/yacht_block-bg.png') top left no-repeat;
}

.section_rent4 .section_title {
    margin-bottom: 30px;
}

.section_rent4 .section_title strong {
    color: #000;
    font-size: 100px;
    top: -100px;
    left: 0;
}

.section_rent4 .skew_block {
    transform: skew(-25deg);
}

.section_rent4 .skew_block-text {
    background: linear-gradient(90deg, #0B0B0B, #262626);
}

.section_rent4 .skew_block-text span {
    font-size: 32px;
}

.section_rent4 .skew_block-descript span {
    font-size: 27px;
    font-weight: 700;
    color: #FFB419;
}

.section_rent4 .skew_block-descript span i {
    font-size: 20px;
    font-style: initial;
}

.section_rent4 .skew_block-descript .mdi {
    margin-top: 10px;
    text-transform: uppercase;
}

.section_rent4 .skew_block-descript .mdi::before {
    font-size: 22px;
}

.section_rent4 .skew_block-descript .btn {
    color: #fff;
}

.yacht_blockWr .rent_item_body {
    position: relative;
    left: -79px;
    z-index: 2;
}

.yacht_blockWr .rent_item_body .rent_item-box {
    max-width: initial;
    justify-content: space-between;
    width: 100%;
}

.section_rent4 .rent_item-condition {
    width: 120px;
    display: flex;
    justify-content: space-evenly;
}

.section_rent4 .rent_item-condition p .mdi {
    font-size: 20px;
}

.yacht_blockWr {
    position: relative;
}

.yacht_block_mapWr {
    background: #262626;
    width: 100%;
    height: 100%;
    transform: skew(-25deg);
    position: relative;
    left: -20px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

.yacht_block_map {
    width: 100%;
    height: 100%;
    transform: skew(25deg);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yacht_block_map h2 {
    color: #fff;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%);
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(255, 255, 255, .5);
}

.yacht_block_map img {
    width: 100%;
}

.yacht_blockWr .box_skew_item-lines {
    background: #FFC034;
    bottom: -8px;
    left: -90px;
    transform: skew(-25deg);
    width: 1209px;
}

.yacht_blockWr .box_skew_item-lines .left {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 100px;
    background: #FFC034;
}

.yacht_blockWr .box_skew_item-lines .right {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 350px;
    background: #FFC034;
}

.yacht_block_subTitleWr {
    transform: skew(-25deg);
    width: 1020px;
    margin: auto;
    display: flex;
    padding: 40px 0;
    position: relative;
}

.yacht_block_subTitleWr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: #FFC034;
}

.yacht_block_subTitleWr span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 8px;
    background: #FFC034;
}

.yacht_block_subTitleWr span::before {
    content: '';
    position: absolute;
    top: -8px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: url('../images/icons/rivet.png');
    transform: skew(25deg);
}

.yacht_block_subTitle {
    width: 100%;
    transform: skew(25deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.yacht_block_subTitle h2 {
    font-size: 34px;
    font-weight: 700;
}

.yacht_block_subTitle p {
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 30px;
}

/* RENT PAGE STYLE THE END*/

/* RENT SEARCH PAGE STYLE START*/

.header_rentSearch {
    background: url(../images/header_rentSearch-bg.jpg) top center no-repeat;
}

.header_rentSearch::before {
    content: initial;
}

.section_rentSearch {
    background: url('../images/section_rentSearch-bg.png') top center no-repeat;
}

.section_rentSearch .section_title {
    margin-bottom: 30px;
}

.section_rentSearch .section_title strong {
    color: #000;
    top: -100px;
    left: 50%;
    font-size: 100px;
}

.section_rentSearch .skew_block-text {
    background: linear-gradient(0deg, #0B0B0B, #262626);
    text-align: center;
}

.section_rentSearch .skew_block-text span {
    font-size: 14px;
}

.section_rentSearch .skew_block-text span i {
    color: #FFC034;
}

.section_rentSearch .skew_block-text .wrapper_btn-warning {
    position: relative;
}

.wrapper_btn-warning .normally_price {
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    color: #fff;
    text-shadow: 0 0 20px rgb(0, 0, 0), 0 0 10px rgb(36, 36, 36);
    white-space: nowrap;
}

.wrapper_btn-warning .normally_price span {
    color: #FFC034;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 0 50px rgba(36, 36, 36, 1);
}

.section_rentSearch .wrapper_btn-warning .btn {
    font-size: 22px;
    display: flex;
    flex-direction: column;
    padding: 5px 20px;
    line-height: 18px;
    color: #fff;
}

.section_rentSearch .wrapper_btn-warning .btn span {
    font-size: 14px;
    font-weight: 300;
}

.pagination_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.pagination {
    transform: skew(-25deg);
    border-radius: initial;
}

.pagination .page-link {
    border-radius: initial !important;
    border: 1px solid transparent !important;
}

.pagination .page-item {
    margin: 5px 10px;
}

.pagination .page-link {
    color: #fff;
    background: #0B0B0B;
    padding: 15px 25px;
}

.pagination .page-link:focus {
    outline: initial;
    box-shadow: initial;
}

.pagination .page-link:hover {
    transform: scale(.95);
}

.pagination .page-item:last-child .page-link,
.pagination .page-item:first-child .page-link {
    color: #000;
    background: #FFC034;
}

.pagination .page-link.active {
    color: #FFC034;
    transform: scale(1);
}

.pagination .page-link span {
    display: block;
    transform: skew(25deg);
}

/* RENT SEARCH PAGE STYLE THE END*/

/* RENT SEARCH F PAGE STYLE START*/

.section_rentSearch-F {
    background: url('../images/section_rentSearch-F-bg.png') top center no-repeat;
}

.description_block {}

.description_block-headerWr {
    height: 465px;
    position: relative;
    overflow: hidden;
}

.description_block-headerWr::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10%;
    width: 50%;
    height: 100%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
}

.description_block-headerWr::after {
    content: '';
    position: absolute;
    top: 0;
    right: -10%;
    width: 50%;
    height: 100%;
    background: linear-gradient(0deg, #0B0B0B, #262626);
}

.description_block-header {
    width: 983px;
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skew(-25deg);
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.description_block-header>img {
    transform: skew(25deg);
}

.description_header-topLine {
    z-index: 9;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 30px;
    color: #fff;
}

.description_header-topLine::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #0B0B0B, #262626);
    opacity: .8;
}

.description_header-title {
    transform: skew(25deg);
    font-style: italic;
}

.description_header-title h2 {
    font-size: 26px;
    font-weight: 700;
}

.description_header-title span {
    font-size: 13px;
    font-weight: 300;
}

.description_header-offer {
    transform: skew(25deg);
    display: flex;
    align-items: flex-start;
}

.description_header-offerBox {
    margin: 0 10px;
    text-transform: uppercase;
}

.description_header-offerBox>span {
    font-size: 20px;
    font-weight: 700;
    color: #FFC034;
    margin-top: 5px;
    display: block;
}

.description_header-offerBox p {
    margin-bottom: 0;
    font-size: 11px;
    text-transform: initial;
}

.description_header-offerBox p span {
    color: #FFC034;
}

.description_header-offer .wrapper_btn-warning .btn {
    color: #fff;
}

.description_header-video {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    overflow: hidden;
    width: 320px;
    height: 175px;
    border: 2px solid #0B0B0B;
}

.description_header-video::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: rgba(11, 11, 11, .5);
    z-index: 9;
    transition: .3s ease-in-out;
}

.description_header-video:hover:before {
    left: -100%;
    transition: .3s ease-in-out;
}

.description_header-video>img {
    transform: skew(25deg);
}

.description_header-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: skew(25deg);
}

.description_header-btn i {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 700;
}

.description_header-btn img {
    width: 30px;
    height: 20px;
}

.description_block-body {
    background: #F3F3F3;
    padding: 30px 60px;
}

.description_bodyBlock {
    margin: 15px 0;
}

.description_bodyBlock-title {
    display: flex;
    align-items: center;
}

.description_bodyBlock-title {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.description_bodyBlock-title .title_dots {
    margin-left: 20px;
}

.description_bodyBox {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}

.description_bodyBox-item {
    margin-top: 20px;
    padding: 0 20px 30px 20px;
    border-right: 1px solid #ddd;
    text-transform: uppercase;
}

.description_bodyBox-item:first-child {
    padding-left: 0;
}

.description_bodyBox-item:last-child {
    border-right: initial;
}

.description_bodyBox-item span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
}

.rentSearch_modal .modal-content {
    padding: 25px;
}

.rentSearch_form {
    display: flex;
    flex-direction: column;
}

.rentSearch_formHeader-img {
    width: 100%;
    max-height: 310px;
    border: 2px solid #0B0B0B;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rentSearch_formHeader-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rentSearch_formHeader-box {
    width: 100%;
    min-height: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
}

.rentSearch_formHeader-box:last-child {
    border-bottom: initial;
}

.rentSearch_formHeader-box strong {
    max-width: 220px;
    width: 100%;
    font-weight: 400;
    margin-right: 5px;
}

.rentSearch_formHeader-box span {
    max-width: 330px;
    width: 100%;
    color: #FFC034;
}

.rentSearch_formHeader-block {
    display: flex;
    flex-wrap: wrap;
}

.rentSearch_formHeader-iconWr {
    margin: 8px 30px 0 0;
    position: relative;
    width: 62px;
    height: 62px;
}

.rentSearch_formHeader-icon {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: linear-gradient(0deg, #FCA100, #FFC034);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    color: #fff;
    font-weight: 700;
    position: relative;
    line-height: 18px;
}

.rentSearch_formHeader-icon span {
    font-size: 28px;
}

.rentSearch_formHeader-iconCount {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: -15px;
    background: linear-gradient(0deg, #0B0B0B, #262626);
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rentSearch_formBlock {
    margin: 25px 0 0 0;
    padding: 25px;
    background: #1B1B1B;
}

.rentSearch_formBlock-title {
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form_labelBlock {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    cursor: pointer;
}

.form_labelBlock .custom_select {
    height: 36px;
    padding: 0 10px;
}

.form_labelBlock .select_title {
    height: 36px;
    margin: 0;
    font-size: 13px;
}

.form_labelBlock .form_inputWr {
    height: 100%;
    margin: 0 10px;
}

.form_labelBlock .select_list.open {
    min-height: 180px;
    transform: translate(-7px);
}

.form_labelBlock .select_list li {
    height: 36px;
    padding: 0 15px;
    line-height: initial;
    font-size: 13px;
}

.select_set {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.select_set .custom_select {
    max-width: 33%;
}

.select_set .custom_select .select_title {
    padding: 0 10px;
}

.select_set .custom_select .select_title:after {
    right: 5px;
}

.select_set .custom_select .select_list li {
    width: 80%;

}

.form_label-text {
    max-width: 140px;
    width: 100%;
    color: #fff;
    margin-right: 15px;
    font-size: 13px;
}

.form_labelBlock .form_inputWr .form_input {
    height: 36px;
}

.rentSearch_formBlock-title span {
    color: #FFC034;
}

.rentSearch_formBlock-title .title_dots {
    margin-left: 10px;
}

.rentSearch_form .wrapper_btn-warning {
    margin: 30px auto 20px auto;
}

/* RENT SEARCH F PAGE STYLE THE END*/

@media screen and (min-width: 1920px) {
    .main_wrapper {
        max-width: inherit;
        min-height: inherit;
        margin: auto;
        display: block;
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 100%;
        grid-template-areas:
            "header"
            "main"
            "footer";
        overflow: hidden;
    }
}

/* Up v1 */

.provideServicesItem {
    width: 1390px;
    height: 461px;
    position: relative;
    margin-top: 150px;
    background: url(../images/provideServices_map_bg.png);
}

.provideServicesItem .inner-block {
    position: absolute;
}

.mapCPic {
    width: auto;
    height: auto;
    max-width: 110px;
    text-align: center;
    padding: 10px;
    position: relative;
    background: #E6E6E6;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    z-index: 1;
    box-shadow: 0 20px 10px rgba(0, 0, 0, .1);
}

.mapCPic::afTer {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #E6E6E6;
    position: absolute;
    bottom: -7px;
    z-index: -1;
    transform: rotate(45deg);
}

.mapColFl img {
    width: 50px;
}

.mapColName {
    font-weight: 700;
    font-size: 15px;
}

.mapYaPic {
    width: 81px;
    height: 132px;
    background: url(../images/map/yac.png);
}

.inner-block {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.inner-block.visible {
    opacity: 1;
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.provideServicesItem .mapCPic:nth-child(1) {
    top: 213px;
    right: 40px;
}

.provideServicesItem .mapCPic:nth-child(2) {
    top: 150px;
    right: 140px;
}

.provideServicesItem .mapCPic:nth-child(3) {
    top: 0px;
    left: 810px;
}

.provideServicesItem .mapCPic:nth-child(4) {
    top: -70px;
    left: 150px;
}

.provideServicesItem .mapCPic:nth-child(5) {
    top: 80px;
    right: 200px;
}

.provideServicesItem .mapCPic:nth-child(6) {
    top: 180px;
    left: 290px;
}

.provideServicesItem .mapCPic:nth-child(7) {
    top: -132px;
    left: 626px;
}

.provideServicesItem .mapHPic1 {
    top: -125px !important;
    right: 568px !important;
}

.calcDesc p {
    font-size: 27px;
    padding: 40px 0;
}

.calcDesc p span {
    font-weight: 700;
}

.calcFWrG {
    width: 100%;
    min-height: 146px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 10px rgba(89, 89, 89, 0.1);
    background: linear-gradient(to bottom, #FDE5B6, #FBD9A6);
    margin-bottom: 15px;
}

.calcR,
.calcL {
    min-width: 20px;
    height: 100%;
    background: linear-gradient(to bottom, #FFC034, #FCA100);
    color: #fff;
}

.calcL {
    padding: 10px 30px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.calcR {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.calcL label {
    display: block;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.calcRSpan {
    display: block;
    height: 14px;
    width: 43px;
    margin: 0 auto;
    border-radius: 20px;
    background: #fff;
    position: relative;
    transition: all .3s ease;
    margin-top: 7px;
}

.calcRSpan::after {
    content: '';
    display: block;
    width: 30px;
    height: 28px;
    position: absolute;
    top: -7px;
    left: -3px;
    background: url(../images/radio.png);
    transition: all .3s ease;
}

.calcRadio:checked~.calcRSpan::after {
    left: 15px;
}

.calcRadio:checked~.calcRSpan {
    background: #C37500;
}

.calcRadio {
    display: none;
}

.calcAmoWr {
    display: flex;
    flex-direction: column;
    width: 100%;
    width: 50%;
    font-size: 45px;
    font-weight: 700;
    font-family: 'brutal' !important;
}

.calcAmo {
    background: none;
    text-align: center;
}

.calcAmoWr p {
    color: #717171;
    margin: 0;
    padding: 0;
}

.calcFWrS {
    min-height: 108px;
    width: 82%;
}

.calcForm {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.calcFWrS .calcL {
    padding: 0;
}

.calcFWrS .calcL,
.calcFWrS .calcR {
    background: linear-gradient(to bottom, #CFCFCF, #F5F5F5);
}

.calcFWrS {
    background: linear-gradient(to top, #ffffff, #E8EAEC);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(1.1) !important;
}

.swiper-pagination {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
}

.swiper-pagination-bullet {
    left: inherit !important;
}

.swiper-pagination {
    width: 100% !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: inherit !important;
    transform: translateX(0%) !important;
}

.secRegText p {
    font-size: 20px;
}

.secRegText p b {
    font-weight: 700;
}

.crtWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modalContentRequest {
    border-radius: 0;
}

.modalContentRequest .modal-title {
    font-weight: 700;
    font-size: 24px;
}

.modalContentRequest .modal-body b {
    font-weight: 700;
}

.modalContentRequest .modal-body i {
    font-style: normal;
    padding-left: 16px;
}

.sectionReg {
    background: #282828;
    color: #fff;
}

.sectionReg p {
    font-size: 20px;
}

.sectionReg p b {
    font-weight: 700;
    color: #FCA700;
}

/*--------*/
.header_pages-titleDescription b {
    font-size: 30px;
    text-transform: uppercase;
}

.plansPwr .nav li button {
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
}

.plansPwr .nav li button {
    border: 1px solid #dbdddc;
    height: 50px;
}

.plansPwr .nav li button.active {
    background-image: linear-gradient(-7deg, #e49a11, #f2c54c);
    color: #fff;
    border: 1px solid #e49a11;
}

.plansWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.planCol {
    border: 1px solid #dbdddc;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    cursor: pointer;
    /* align-items: center; */
}

.planColName,
.planColSum {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
}

.planColSum {
    color: #FCA700;
}

.planColCat {
    background: #F0F0F0;
    width: fit-content;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 13px;
}

.planColName div,
.planColSum div {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #000;
    white-space: nowrap;
    justify-content: space-between;
}

.planColName div span,
.planColSum div span {
    border-bottom: 1px dotted #999;
    height: 1px;
    width: 100%;
}

.planColLine {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    white-space: nowrap;
    align-items: end;
}

.planColLine span {
    border-bottom: 1px dotted #999;
    height: 1px;
    width: 100%;
}

.planColDesc {
    background: #f2f2f2;
    padding: 10px;
}

.planColRadio {
    display: none;
}

.activeLabel {
    background-image: linear-gradient(-7deg, #e49a11, #f2c54c);
    border: 1px solid #e49a11;
    color: #fff;
    animation: activeLabelAnim 2s ease infinite;
}

@keyframes activeLabelAnim {
    0% {
        box-shadow: 0 0 0 1px rgba(213,
                140,
                5, 0.4);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(213,
                140,
                5, 0.01);
    }

}

.activeLabel .planColSum,
.activeLabel .planColName div,
.activeLabel .planColSum div {
    color: #fff;
}

.activeLabel .planColLine span,
.activeLabel .planColName div span,
.activeLabel .planColSum div span {
    border-color: #fff;
}

.activeLabel .planColDesc,
.activeLabel .planColCat {
    background: #D58C05;
}

.calcMainWrapper {
    border: 1px solid #dbdddc;
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: center;
}

.calcMainCol {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.calcMainLine {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    white-space: nowrap;
    align-items: end;
}

.calcMainLine span {
    border-bottom: 1px dotted #999;
    height: 1px;
    width: 100%;
}

.calcMainLine input {
    border: 1px solid #FCA700;
    padding-left: 10px;
    height: 30px;
    max-width: 50px;
}

.calcMainCol b i {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
}

.calcMainPsysLb {
    cursor: pointer;
    border: 1px solid #dbdddc;
    padding: 5px;
    background: #f2f2f2;
}

.calcMainPsysInp {
    display: none;
}

.calcMainPsys {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: start;
}

.calcMainPsysLb img {
    max-width: 30px;
}

.calcMainPsysLbActive {
    border: 1px solid #e49a11;
    animation: activeLabelAnim 2s ease infinite;
}

.calcMainPsysLb {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    gap: 5px;
    min-width: 87px;
}

.planColPic img {
    max-width: 345px;
}

.caclMainTitle {
    font-weight: 700;
    font-size: 18px;
    margin-top: 30px;
}

@media screen and (max-width:992px) {
    .plansWrapper {
        grid-template-columns: 1fr;
    }

    .planColPic {
        text-align: center;
    }

    .planColPic img {
        max-width: 100%;
        height: auto;
    }

    .calcMainWrapper {
        flex-direction: column;
    }

    .calcMainLine {
        flex-direction: column;
        align-items: start;
    }

    .calcMainLine span {
        display: none;
    }
}

.tableRespon table {
    width: 100%;
    text-align: center;
}

.tableRespon table th,
.tableRespon table td {
    padding: 10px;
    border: 1px solid #dbdddc;
}

.colorOrg {
    background: linear-gradient(90deg, #FCA100, #FFC034);
    text-transform: uppercase;
    color: #fff;
}

.tableRespon table tr.colorOrg th {
    border-color: #ffffff;
}

.colorGr {
    background: linear-gradient(-90deg, #E5E5E5, #fff 35%, #CCC 72%, #CFCFCF);
}

.colorGr2 {
    background: #EDEDED;
}

.textBold {
    font-weight: 700;
}

.textBold2 {
    font-weight: 700;
    font-size: 20px;
}

span.mdi-account-star {
    color: #FFC034;
}

.header_pages-title2 h1 {
    font-size: 40px;
    text-align: center;
}

.form_title {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.form_inputWr2 {
    overflow: inherit;
    height: auto;
}

.form_inputWr2 .form_input {
    width: 100%;
    left: 0;
    position: relative;
}

.form_inputWr2 .form_label {
    opacity: 0.8;
}

.bottom_form2 {
    padding: 0;
}

.form_input_error {
    background: rgba(235,
            76,
            66, .3);
}

.regModalWr {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    color: #fff;
    background: rgba(28,
            28,
            28, 0.8);
}

.regModal {
    width: 600px;
    position: relative;
    padding: 50px 20px 20px 20px;
    line-height: 20px;
    background: rgba(28,
            28,
            28, 0.8);
}

.regModal h3 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
}

.regModal i {
    font-size: 13px;
}

.regModalClose {
    background: none;
    border: 0;
    outline: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    color: #fff;
    font-size: 30px;
}

@media screen and (max-width:992px) {
    .regModal {
        width: 100%;
    }

    .header_pages-title2 h1 {
        font-size: 20px;
    }
}

.regUserTitle {
    font-weight: 700 !important;
    font-size: 20px !important;
}

.loginUserTitle {
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 30px;
}

.main_wrapper-formPages2 {
    background: url(/assets/images/formPages-bg2.jpg) top center;
    background-size: cover;
}

/*--------*/

.validation_error {
    background: #ff0000;
    color: #fff;
}