@font-face {
    font-family: 'chakra_petchbold';
    src: url('../fonts/chakrapetch-bold-webfont.eot');
    src: url('../fonts/chakrapetch-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chakrapetch-bold-webfont.woff2') format('woff2'),
         url('../fonts/chakrapetch-bold-webfont.woff') format('woff'),
         url('../fonts/chakrapetch-bold-webfont.ttf') format('truetype'),
         url('../fonts/chakrapetch-bold-webfont.svg#chakra_petchbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chakra_petchlight';
    src: url('../fonts/chakrapetch-light-webfont.eot');
    src: url('../fonts/chakrapetch-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chakrapetch-light-webfont.woff2') format('woff2'),
         url('../fonts/chakrapetch-light-webfont.woff') format('woff'),
         url('../fonts/chakrapetch-light-webfont.ttf') format('truetype'),
         url('../fonts/chakrapetch-light-webfont.svg#chakra_petchlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chakra_petchmedium';
    src: url('../fonts/chakrapetch-medium-webfont.eot');
    src: url('../fonts/chakrapetch-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chakrapetch-medium-webfont.woff2') format('woff2'),
         url('../fonts/chakrapetch-medium-webfont.woff') format('woff'),
         url('../fonts/chakrapetch-medium-webfont.ttf') format('truetype'),
         url('../fonts/chakrapetch-medium-webfont.svg#chakra_petchmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chakra_petchregular';
    src: url('../fonts/chakrapetch-regular-webfont.eot');
    src: url('../fonts/chakrapetch-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chakrapetch-regular-webfont.woff2') format('woff2'),
         url('../fonts/chakrapetch-regular-webfont.woff') format('woff'),
         url('../fonts/chakrapetch-regular-webfont.ttf') format('truetype'),
         url('../fonts/chakrapetch-regular-webfont.svg#chakra_petchregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chakra_petchsemibold';
    src: url('../fonts/chakrapetch-semibold-webfont.eot');
    src: url('../fonts/chakrapetch-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/chakrapetch-semibold-webfont.woff2') format('woff2'),
         url('../fonts/chakrapetch-semibold-webfont.woff') format('woff'),
         url('../fonts/chakrapetch-semibold-webfont.ttf') format('truetype'),
         url('../fonts/chakrapetch-semibold-webfont.svg#chakra_petchsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

::-webkit-scrollbar {
  background: #000;
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-thumb {
   background: #F3E600;
}

::selection {
    color: #F3E600;
    background: #000;
}

body, * {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'chakra_petchregular';
    background: #000;
    color: #000;
}

a, input, button {
    transition: all .8s ease;
}

.wrapper {
    max-width: 1920px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background: #111;
}

.header {
    width: 100%;
    height: 928px;
    overflow: hidden;
    position: relative;
    background: url(../img/header.jpg) center top;
}

.header_pages {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 70px;
    animation: bgAnim2 30s ease infinite;
    background-size: cover;
    background-repeat: no-repeat;
}

.header_about {
    background: url(../img/about-header.jpg) center top;
}

.header_agreement {
    background: url(../img/agreement-header.jpg) center top;
}

@keyframes bgAnim2 {
    0%{
        background-size: 110%, 110%, 110%;
    }
    50%{
        background-size: 100%, 100%, 100%;
    }
    100%{
        background-size: 110%, 110%, 110%;
    }
}

.header_pages::after {
    content: '';
    display: block;
    width: 100%;
    height: 106px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: url(../img/hd-l.png) top center;
}

.anim_line {
    width: 100%;
    height: 78px;
    position: absolute;
    bottom: 50px;
    left: 0;
    background: url(../img/an-line.png);
    animation: bgAnim 30s linear infinite;
}

@keyframes bgAnim {
    0% {background-position: 0px;}
    100% {background-position: -1000px;}
}

.page_wr {
    color: #fff;
    background: #111;
}

.page_desc {
    color: #fff;
    padding: 45px 0 80px 0;
    overflow: hidden;
}

.container_pages {
    position: relative;
    padding: 35px 0 100px 0;
    line-height: 28px;
    margin-top: -79px;
    z-index: 20;
}

.page_oth {
    padding: 15px 0;
}

.container_pages img {
    max-width: 100%;
    height: auto;
}

.container_pages::before {
    content: '';
    display: block;
    width: 33px;
    height: 100%;
    position: absolute;
    left: -45px;
    top: 0;
    background: url(../img/pg-l.png);
}

.container_pages::after {
    content: '';
    display: block;
    width: 33px;
    height: 100%;
    position: absolute;
    right: -45px;
    top: 0;
    background: url(../img/pg-l.png);
}

.flame_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    z-index: 1;
}

.flame_frame video {
    max-width: 1920px;
    opacity: 0.2;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.navMob {
    display: none;
}

.nav_main {
    /*overflow: hidden;*/
    width: 100%;
    height: 84px;
    position: relative;
    padding-left: 100px;
    z-index: 99;
}

.header .nav_main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 84px 100%);
}

.header .nav_main::after {
    content: '';
    position: absolute;
    width: 999px;
    height: 100%;
    top: 0;
    right: -999px;
    background: rgba(0,0,0,.5);
    z-index: -1;
}

.header .nav_main .line1::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -999px;
    width: 999px;
    height: 1px;
    background: #F3E600;;
}

.nav_main ul li {
    float: left;
    list-style: none;
    position: relative;
}

.nav_main ul li {
    float: left;
}

.nav_main ul li p,
.nav_main ul li a {
    display: block;
    line-height: 84px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.nav_main ul li a span {
    color: #F3E600;
    font-size: 13px;
}

.nav_main ul li a:hover {
    color: #F3E600;
}

.main_nav_drop {
    position: absolute;
    width: 280px;
    border: 1px solid #F3E600;
    top: -83px;
    padding: 15px 0;
    background: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    transition: all .8s ease;
}

.nav_main ul li:hover .main_nav_drop {
    visibility: visible;
    opacity: 1;
    top: 83px;
}

.main_nav_drop::before {
    content: '';
    display: block;
    width: 38px;
    height: 18px;
    position: absolute;
    top: -18px;
    left: 0;
    background: url(../img/drop.png);
}

.main_nav_drop li {
    display: block;
    width: 100%;
}

.main_nav_drop li a {
    line-height: 35px !important;
    position: relative;
    display: block;
}

.nav_main li a i {
    color: #F3E600;
}

.main_nav_drop li a::after {
    content: '';
    display: block;
    top: 15px;
    right: 0;
    width: 80px;
    height: 1px;
    position: absolute;
    background: #F3E600;
    opacity: 0.2;
}

.line1 {
    width: 100%;
    height: 1px;
    background: #F3E600;
    position: absolute;
    bottom: 0;
    right: -83px;
}

.line2 {
    width: 1px;
    height: 164px;
    background: #F3E600;
    position: absolute;
    top: -33px;
    left: -34px;
    transform-origin: 100% 0;
    transform: rotate(-45deg);
}

.navL1,
.navL2,
.navL3,
.navL4 {
    position: absolute;
    width: 8px;
    height: 8px;
    background: url(../img/nav.png);
    transition: all .8s ease;
}

.navL {
    visibility: hidden;
    opacity: 0;
}

.navL1{
    top: 15px;
    left: 0;
    transform: rotate(0deg);
}

.navL2 {
    top: 15px;
    right: 0;
    transform: rotate(90deg);
}

.navL3 {
    bottom: 15px;
    left: 0;
    transform: rotate(270deg);
}

.navL4 {
    bottom: 15px;
    right: 0;
    transform: rotate(180deg);
}

.nav_main ul li.active p .navL,
.nav_main ul li p:hover .navL,
.nav_main ul li.active a .navL,
.nav_main ul li a:hover .navL {
    visibility: visible !important;
    opacity: 1 !important;
    color: #F3E600;
}

.nav_main ul li.active > p,
.nav_main ul li.active > a {
    color: #F3E600;
}

.lang_btn {
    width: 30px;
    height: 20px;
    overflow: hidden;
    display: block;
    border: 1px solid #F3E600;
    margin: 0;
    padding: 0;
    line-height: 0;
    position: relative;
    top: 30px;
    left: 20px;
}

.dropdown-menu {
    background: rgba(0,0,0,0.6);
    border: 1px solid #F3E600;
    border-radius: 0;
    top: 31px !important;
    z-index: 999999 !important;
}

.dropdown-menu a {
    color: #fff;
}

.dropdown-menu a:hover {
    color: #000;
    background: #F3E600;
}

.dropdown-menu a img {
    width: 25px;
    margin-right: 5px;
}

.btn1 {
    color: #F3E600;
    text-decoration: none;
    text-transform: uppercase;
    height: 56px;
    line-height: 56px;
    width: auto;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 20px;
    top: 13px;
}

.btn2 {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    height: 56px;
    line-height: 56px;
    width: auto;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 20px;
    top: 13px;
    z-index: 1;
}

.btn1:hover {
    color: #fff;
    text-decoration: none;
}

.btn2:hover {
    color: #F3E600;
    text-decoration: none;
}

.bt1,
.bt2,
.bt3,
.bt5,
.bt6,
.bt4 {
    position: absolute;
    background: #F3E600;
}

.btn2 .bt1,
.btn2 .bt2,
.btn2 .bt3,
.btn2 .bt5,
.btn2 .bt6,
.btn2 .bt4 {
    position: absolute;
    background: #000;
    z-index: 1;
}

.bt1 {
    top: 0;
    right: -15px;
    width: 100%;
    height: 1px;
    transition: all .8s ease;
}

.bt2 {
    bottom: 0;
    left: -15px;
    width: 100%;
    height: 1px;
    transition: all .8s ease;
}

.bt3 {
    top: 1px;
    left: 14px;
    width: 1px;
    height: 38px;
    transform-origin: 100% 0;
    transform: rotate(52deg);
    transition: all .8s ease;
}

.bt4 {
    bottom: 0;
    left: -16px;
    width: 1px;
    height: 32px;
    transition: all .8s ease;
}

.bt5 {
    bottom: -15px;
    right: -14px;
    width: 1px;
    height: 38px;
    transform-origin: 100% 0;
    transform: rotate(52deg);
    transition: all .8s ease;
}

.bt6 {
    top: 0;
    right: -15px;
    width: 1px;
    height: 32px;
    transition: all .8s ease;
}

.btn2 .bt1 {
    top: 0;
    right: -15px;
    width: 100%;
    height: 1px;
    transition: all .8s ease;
}

.btn2 .bt2 {
    bottom: 0;
    left: -15px;
    width: 100%;
    height: 1px;
    transition: all .8s ease;
}

.btn2 .bt3 {
    top: 1px;
    left: 14px;
    width: 1px;
    height: 38px;
    transform-origin: 100% 0;
    transform: rotate(52deg);
    transition: all .8s ease;
}

.btn2 .bt4 {
    bottom: 0;
    left: -16px;
    width: 1px;
    height: 32px;
    transition: all .8s ease;
}

.btn2 .bt5 {
    bottom: -15px;
    right: -14px;
    width: 1px;
    height: 38px;
    transform-origin: 100% 0;
    transform: rotate(52deg);
    transition: all .8s ease;
}

.btn2 .bt6 {
    top: 0;
    right: -15px;
    width: 1px;
    height: 32px;
    transition: all .8s ease;
}

.btn1:hover .bt5,
.btn1:hover .bt3 {
   opacity: 0;
}

.btn2:hover .bt5,
.btn2:hover .bt3 {
   opacity: 0;
}

.btn1:hover .bt6,
.btn1:hover .bt4 {
    height: 100%;
}

.btn2:hover .bt6,
.btn2:hover .bt4 {
    height: 100%;
}

.btn1:hover .bt1 {
    right: 0;
}

.btn1:hover .bt2 {
    left: 0;
}

.btn2:hover .bt1 {
    right: 0;
}

.btn2:hover .bt2 {
    left: 0;
}

.bt7 {
    background: rgba(255,255,255,0.1);
    display: block;
    width: 85%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 8%;
    opacity: 0;
    transition: all .8s ease;
}

.btn2 .bt7 {
    background: rgb(0,0,0);
    display: block;
    width: 85%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 8%;
    opacity: 0;
    transition: all .8s ease;
}

.btn1:hover .bt7 {
    opacity: 1;
    height: 35px;
    top: 20%;
}

.btn2:hover .bt7 {
    opacity: 1;
    height: 35px;
    top: 20%;
    z-index: -1;
}

.media_bar {
    width: 100%;
    height: 358px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: url(../img/media-bg.png) top center;
}

.media {
    position: relative;
    width: 230px;
    height: 216px;
    left: 181px;
    top: 83px;
    background: url(../img/l-min.png) bottom 30px center no-repeat;
}

.media a {
    min-width: 70px;
    max-width: 70px;
    height: 30px;
    line-height: 30px;
    background: #F3E600;
    position: absolute;
    color: #000;
    text-align: center;
    font-size: 24px;
}

.media a:before, 
.media a:after {
    content: "";
    width: 0; 
    height: 0;
    position: absolute; 
    left: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    transition: all .8s ease;
}

.media a:before {
    top: -25px;
    border-bottom: 25px solid #F3E600;
    transition: all .8s ease;
}

.media a:after {
    bottom: -25px;
    border-top: 25px solid #F3E600;
    transition: all .8s ease;
}

.media1 {
    top: 0;
    left: 80px;
}

.media2 {
    top: 62px;
    left: 39px;
}

.media3 {
    top: 124px;
    left: -2px;
}

.media4 {
    top: 62px;
    left: 121px;
}

.media5 {
    top: 124px;
    left: 162px;
}

.media a:hover {
    background: #000;
    color: #F3E600;
}

.media a:hover::before {
    border-bottom: 25px solid #000;
}

.media a:hover::after {
    border-top: 25px solid #000;
}

.media_mail {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    color: #fff !important;
}

.media_mail span {
    color: #F3E600;
}

.stat_bar {
    position: relative;
    color: #fff;
    left: 524px;
    top: 34px;
}

.stat_wr {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 20px;
}

.stat_barTitle {
    text-transform: uppercase;
    color: #F3E600;
    font-size: 13px;
}

.stat_barNum {
    font-family: 'chakra_petchbold';
    font-size: 22px;
}

.header_desc {
    color: #Fff;
    /*border: 1px solid #fff;*/
    width: 50%;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    top: 50px;
    z-index: 3;
}

.header_desc_btnWr {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 99;
    padding-bottom: 16px;
}

.page_title {
    text-transform: uppercase;
    font-size: 68px;
    position: relative;
    transition: all .8s ease;
}

.page_title::after {
    content: '';
    display: block;
    width: 75%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -8px;
    right: 0;
    transition: all .8s ease;
}

.page_title::before {
    content: '';
    display: block;
    width: 20%;
    height: 5px;
    background: #F3E600;
    position: absolute;
    bottom: -10px;
    left: 0;
    transition: all .8s ease;
}

.page_title span {
    color: #F3E600;
}

.header_desc:hover .page_title::after {
    right: inherit;
    left: 0;
}


.header_desc:hover .page_title::before {
    right: 0;
    left: inherit;
}

.site_desc {
    font-family: 'chakra_petchlight';
    margin-top: 20px;
}

.logo {
    width: 363px;
    height: 315px;
    margin: 0 auto 35px auto;
    position: relative;
    z-index: 3;
}

.lAnim {
    width: 6px;
    height: 6px;
    background: #F3E600;
    position: absolute;
    transform-origin: 100% 0;
}

.l1 {
    left: 36px;
    top: 236px;
    animation: l1a 2s ease infinite;
}

.l2 {
    left: 21px;
    top: 198px;
    animation: l2a 3s ease infinite;
}

.l3 {
    left: 14px;
    top: 183px;
    animation: l3a 3.5s ease infinite;
}

.l4 {
    left: 59px;
    top: 190px;
    animation: l4a 4s ease infinite;
}

.l5 {
    left: 59px;
    top: 153px;
    animation: l5a 4.5s ease infinite;
}

.l6 {
    left: 28px;
    top: 160px;
    animation: l6a 5s ease infinite;
}

.l7 {
    left: 187px;
    top: 116px;
    animation: l7a 2s ease infinite;
}

.l8 {
    left: 172px;
    top: 108px;
    animation: l8a 2.5s ease infinite;
}

.l9 {
    left: 142px;
    top: 100px;
    animation: l9a 3s ease infinite;
}

.l10 {
    left: 104px;
    top: 100px;
    animation: l10a 2.2s ease infinite;
}

.l11 {
    left: 82px;
    top: 100px;
    animation: l11a 2s ease infinite;
}

.l12 {
    left: 89px;
    top: 123px;
    animation: l12a 2.4s ease infinite;
}

.l13 {
    left: 67px;
    top: 123px;
    animation: l13a 2.6s ease infinite;
}

.l14 {
    left: 51px;
    top: 130px;
    animation: l14a 2.8s ease infinite;
}

.l15 {
    left: 36px;
    top: 130px;
    animation: l15a 2.2s ease infinite;
}

@keyframes l1a {
    from {
    left: 36px;
    top: 236px;
    opacity: 1;
    }

    to {
    left: 36px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l2a {
    from {
    left: 21px;
    top: 198px;
    opacity: 1;
    }

    to {
    left: 36px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l3a {
    from {
    left: 14px;
    top: 183px;
    opacity: 1;
    }

    to {
    left: 14px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l4a {
    from {
    left: 59px;
    top: 190px;
    opacity: 1;
    }

    to {
    left: 59px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l5a {
    from {
    left: 59px;
    top: 153px;
    opacity: 1;
    }

    to {
    left: 59px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l6a {
    from {
    left: 28px;
    top: 160px;
    opacity: 1;
    }

    to {
    left: 28px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l7a {
    from {
    left: 187px;
    top: 116px;
    opacity: 1;
    }

    to {
    left: 187px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l8a {
    from {
    left: 172px;
    top: 108px;
    opacity: 1;
    }

    to {
    left: 172px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l9a {
    from {
    left: 142px;
    top: 100px;
    opacity: 1;
    }

    to {
    left: 142px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l10a {
    from {
    left: 104px;
    top: 100px;
    opacity: 1;
    }

    to {
    left: 104px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l11a {
    from {
    left: 82px;
    top: 100px;
    opacity: 1;
    }

    to {
    left: 82px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l12a {
    from {
    left: 89px;
    top: 123px;
    opacity: 1;
    }

    to {
    left: 89px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l13a {
    from {
    left: 67px;
    top: 123px;
    opacity: 1;
    }

    to {
    left: 67px;
    top: 0px;
    opacity: 0;
    }
}

@keyframes l14a {
    from {
    left: 51px;
    top: 130px;
    opacity: 1;
    }

    to {
    left: 51px;
    top: 0;
    opacity: 0;
    }
}

@keyframes l15a {
    from {
    left: 36px;
    top: 130px;
    opacity: 1;
    }

    to {
    left: 51px;
    top: 0;
    opacity: 0;
    }
}



.matrix3d {
  animation: animation 1s linear both;
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1); }
  2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -135.218, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -135.218, 0, 0, 1); }
  3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -114.871, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -114.871, 0, 0, 1); }
  3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -110.596, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -110.596, 0, 0, 1); }
  4.58% { -webkit-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -68.65, 0, 0, 1); transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -68.65, 0, 0, 1); }
  5.69% { -webkit-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.551, 0, 0, 1); transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -36.551, 0, 0, 1); }
  5.76% { -webkit-transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -34.768, 0, 0, 1); transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -34.768, 0, 0, 1); }
  7.41% { -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.804, 0, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -3.804, 0, 0, 1); }
  7.51% { -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.454, 0, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.454, 0, 0, 1); }
  7.88% { -webkit-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.008, 0, 0, 1); transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 2.008, 0, 0, 1); }
  8.68% { -webkit-transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 9.646, 0, 0, 1); transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 9.646, 0, 0, 1); }
  10.03% { -webkit-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 16.853, 0, 0, 1); transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 16.853, 0, 0, 1); }
  10.85% { -webkit-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 18.613, 0, 0, 1); transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 18.613, 0, 0, 1); }
  11.53% { -webkit-transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 18.992, 0, 0, 1); transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 18.992, 0, 0, 1); }
  12.22% { -webkit-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 18.618, 0, 0, 1); transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 18.618, 0, 0, 1); }
  14.18% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 15.054, 0, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 15.054, 0, 0, 1); }
  14.37% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 14.604, 0, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 14.604, 0, 0, 1); }
  19.23% { -webkit-transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 3.855, 0, 0, 1); transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 3.855, 0, 0, 1); }
  20.01% { -webkit-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 2.724, 0, 0, 1); transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 2.724, 0, 0, 1); }
  23.05% { -webkit-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.036, 0, 0, 1); transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0.036, 0, 0, 1); }
  25.75% { -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.709, 0, 0, 1); transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, -0.709, 0, 0, 1); }
  26.94% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.76, 0, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, -0.76, 0, 0, 1); }
  31.58% { -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.406, 0, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, -0.406, 0, 0, 1); }
  31.73% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.392, 0, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, -0.392, 0, 0, 1); }
  37.32% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.03, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.03, 0, 0, 1); }
  38.15% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.008, 0, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, -0.008, 0, 0, 1); }
  42.35% { -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.03, 0, 0, 1); transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0.03, 0, 0, 1); }
  48.9% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.009, 0, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0.009, 0, 0, 1); }
  57.77% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
  60.47% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
  69.36% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.sec_title {
    display: inline-block;
    font-size: 84px;
}

.sec_title2 {
    font-size: 51px;
}

.sec_title:before,
.sec_title:after {
    background: #000;
}

.sec1 {
    padding: 70px 0;
    background: #F3E600;
    position: relative;
}

.sec1::after {
    content: '';
    display: block;
    width: 100%;
    height: 324px;
    position: absolute;
    bottom: -324px;
    left: 0;
    z-index: 1;
    background: url(../img/line-bottom.png) top center;
}

.sec2 {
    padding: 95px 0;
    position: relative;
    background: url(../img/sec2.jpg);
    min-height: 1500px;
}

.sec_title span {
    color: #000;
    font-family: 'chakra_petchbold';
}

.about_video {
    width: 600px;
    height: 320px;
}

.about_video video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 600px;
}

.video_f {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 6;
}

.about_video_l {
    display: block;
    color: #fff;
    overflow: hidden;
    text-transform: uppercase;
    font-family: 'chakra_petchbold';
    text-decoration: none;
}

.about_video_l:hover {
    color: #fff;
    text-decoration: none;
}

.about_video span {
    color: #F3E600;
}

.about_video h4 {
    margin-top: 100px;
}

.video_fr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 7;
}

.sec2 .sec_title span {
    color: #F3E600;
}

.sec2 .sec_title:before,
.sec2 .sec_title:after {
    background: #F3E600;
}

.stat_bar marquee {
    position: relative;
    top: 5px;
    animation: marqueeAn 1s infinite;
}

@keyframes marqueeAn {
    0%{color: #fff;}
    100%{color: #F3E600;}
}

.stat_bar marquee span {
    font-family: 'chakra_petchbold';
    font-size: 27px;
    animation: spanAn 1s infinite;
    display: inline-block;
}

@keyframes spanAn {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }
}

.rowZ {
    z-index: 10;
    position: relative;
}

.nav li,
.nav li a,
.nav {
    border: none !important;
    background: none !important;
    color: #F3E600;
}

.nav li {
    text-transform: uppercase;
}

.nav li a {
    line-height: 23px;
    padding: 0 5px;
}

.nav li a i {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}

.planPrWr {
    background: #F3E600;
    color: #000;
    padding: 20px 0 10px 0;
    overflow: hidden;
    position: relative;
    transition: all .8s ease;
}

.plPr {
    font-family: 'chakra_petchbold';
    font-size: 40px;
}

.plPr span {
    font-family: 'chakra_petchlight';
    font-size: 20px;
}

.prTi {
    font-size: 13px;
    transition: all .8s ease;
}

.planPrWr::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: #000;
    position: absolute;
    top: -25px;
    left: -25px;
    transform: rotate(45deg);
    transition: all .8s ease;
}

.planPrWr::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: #202020;
    position: absolute;
    bottom: -25px;
    right: -25px;
    transform: rotate(45deg);
    transition: all .8s ease;
}

.prDy {
    background: #202020;
    color: #fff;
    padding: 20px 0 10px 0;
}

.prTl {
    font-size: 13px;
    color: #F3E600;
}

.prCl {
    font-family: 'chakra_petchbold';
    font-size: 46px;
    margin-bottom: 10px;
}

.nav li a.active i {
    color: #F3E600;
}

.nav li a.active .planPrWr {
    color: #F3E600;
    background: #000;
    border-bottom: 1px solid #F3E600;
}

.nav li a.active .planPrWr::after {
    background: #F3E600;
}

.nav li a.active .prTi {
    color: #fff;
}

.nav li a i::after {
    content: '';
    display: block;
    width: 25px;
    height: 17px;
    background: url(../img/pl-ar.png);
    position: absolute;
    top: 17px;
    right: -40px;
    visibility: visible;
    opacity: 1;
    transition: all .8s ease;
}

.nav li a.active i::after {
    visibility: hidden;
    opacity: 0;
}

.planDsWr {
    display: flex;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
}

.planDs {
    width: 25%;
    min-height: 160px;
    border: 1px solid #F3E600;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.planDs:nth-child(even) {
    background: #000;
}

.planDs:nth-child(odd) {
    background: #202020;
}

.planDsWr2 .planDs:nth-child(even),
.planDsWr2 .planDs:nth-child(odd) {
    background: #000;
}


.planNt {
    font-family: 'chakra_petchbold';
    font-size: 29px;
    text-transform: uppercase;
/*    margin-top: 10px;*/
}

.planTIC {
    color: #F3E600;
    text-transform: uppercase;
    font-size: 13px;
    font-style: italic;
}

.planProf {
    font-family: 'chakra_petchbold';
    font-size: 61px;
    color: #F3E600;
}

.planProf span {
    color: #fff;
    position: relative;
    top: -10px;
    font-family: 'chakra_petchlight';
    font-size: 30px;
}

.planMin {
    font-family: 'chakra_petchbold';
    font-size: 27px;
    line-height: inherit;
}

.planMin span {
    position: relative;
    top: -7px;
}

.planMinRow {
    display: inline-block;
}

.table_title {
    display: block;
    text-align: center;
    color: #F3E600;
    font-family: 'chakra_petchbold';
    font-size: 41px;
    text-transform: uppercase;
    line-height: inherit;
    margin: 15px 0;
}

.planNt2 {
    position: relative;
    width: -webkit-fill-available;
    width: available;
}

.planNt2::before {
    content: '';
    display: block;
    width: 25%;
    height: 3px;
    background: #F3E600;
    position: absolute;
    bottom: -5px;
    left: 0;
    transform-origin: 100% 0;
    animation: planNt2An 5s linear infinite;
    z-index: 2;
}

@keyframes planNt2An {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(190px);
    }
    100% {
        transform: translate(0px);
    }
}

.planNt2::after {
    content: '';
    display: block;
    width: 70%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -3px;
    right: 0;
    transform-origin: 100% 0;
    animation: planNt2An2 5s linear infinite;
}

@keyframes planNt2An2 {
    0% {
        transform: translate(0px);
    }
    50% {
        transform: translate(-75px);
    }
    100% {
        transform: translate(0px);
    }
}

.planWkWr {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.planWk {
    margin: 0 8px;
}

.planWkPr {
    color: #F3E600;
    font-family: 'chakra_petchbold';
    font-size: 27px;
}

.planWkPr span {
    font-family: 'chakra_petchlight';
    font-size: 18px;
    color: #fff;
    position: relative;
    top: -5px;
}

.planStandart {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slanSt {
    color: #F3E600;
    font-family: 'chakra_petchbold';
    font-size: 37px;
    text-transform: uppercase;
}

.planStDesc {
    border-left: 1px solid #F3E600;
    margin-left: 25px;
    padding: 15px;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'chakra_petchlight';
}

.planStDesc span {
    color: #F3E600;
    font-family: 'chakra_petchbold';
    font-size: 37px;
}

.sec3 {
    position: relative;
    background: #F3E600;
    padding: 75px 0; 
}

.sec3::after {
    content: '';
    display: block;
    width: 100%;
    height: 324px;
    position: absolute;
    bottom: -324px;
    left: 0;
    z-index: 1;
    background: url(../img/line-bottom.png) top center;
}

.calcWr {
    position: relative;
    z-index: 10;
    width: 100%;
    height: auto;
}

.selectWr {
    overflow: hidden;
    height: 55px;
    width: 100%;
    position: relative;
}

.selectWr::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -35px;
    left: -35px;
    background: #F3E600;
    transform: rotate(-45deg);
}

.selectWr::after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: -35px;
    right: -35px;
    background: #F3E600;
    transform: rotate(-45deg);
}

.selectWr input,
.selectWr select {
    background: #000;
    display: block;
    color: #F3E600;
    border: none;
    width: 100%;
    height: 55px;
    padding: 0 30px;
    text-transform: uppercase;
}

.selectWr input::placeholder {
    color: #F3E600;
}

.calcProf {
    font-family: 'chakra_petchlight';
    text-transform: uppercase;
    font-size: 31px;
    font-style: italic;
}

.calcProf span {
    font-family: 'chakra_petchbold';
    font-size: 51px;
}

.reffSpd {
    width: 655px;
    height: 655px;
    border-radius: 100%;
    position: relative;
    margin-top: 50px;
}

.spd1 {
    border-radius: 100%;
    position: absolute;
    top: 2px;
    left: 2px;
    animation: spd1An 10s ease infinite;
}

@keyframes spd1An {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.spd2 {
    width: 445px;
    height: 445px;
    border-radius: 100%;
    position: absolute;
    top: 95px;
    left: 105px;
    animation: spd1An2 30s ease infinite;
    background: url(../img/spd2.png) center bottom no-repeat;
}

@keyframes spd1An2 {
    100% {
        transform: rotate(-360deg);
    }
}

.spd3 {
    width: 365px;
    height: 365px;
    border-radius: 100%;
    position: absolute;
    top: 135px;
    left: 145px;
    box-shadow: 0 0 40px rgba(255,208,0,0.3);
    background: url(../img/spd3.png) center bottom no-repeat;
}

.spd3::after {
    content: '';
    display: block;
    width: 154px;
    height: 205px;
    position: absolute;
    top: 60px;
    left: 95px;
    background: url(../img/spd6.png);
}

.spd4 {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 300px;
    left: 313px;
    animation: spd1An4 5s ease infinite;
    background: url(../img/spd4.png) center bottom no-repeat;
}

.spd4::before {
    content: '';
    display: block;
    width: 20px;
    height: 228px;
    position: absolute;
    top: 18px;
    left: 7px;
    background: url(../img/spd5.png);
}

@keyframes spd1An4 {
  0% {transform: rotate(10deg);}
  16% {transform: rotate(75deg);}
  25% {transform: rotate(55deg);}
  30% {transform: rotate(90deg);}
  36% {transform: rotate(170deg);}
  42% {transform: rotate(180deg);}
  46% {transform: rotate(240deg);}
  50% {transform: rotate(360deg);}
  100% {transform: rotate(10deg);}
}


.reffPr {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
    color: #fff;
    font-family: 'chakra_petchbold';
    font-size: 36px;
}


.reffPr1 {
    top: calc(50% - 25px + 300px * cos(0deg));
    left: calc(50% - 25px + 300px * sin(0deg));
    animation: reffPr1Am 1.5s ease infinite;
}

.reffPr2 {
    top: calc(50% - 25px + 300px * cos(21.18deg));
    left: calc(50% - 25px + 300px * sin(21.18deg));
    animation: reffPr2Am 1.5s ease infinite;
}

.reffPr3 {
    top: calc(50% - 25px + 300px * cos(42.36deg));
    left: calc(50% - 25px + 300px * sin(42.36deg));
    animation: reffPr3Am 1.5s ease infinite;
}

.reffPr4 {
    top: calc(50% - 25px + 300px * cos(63.54deg));
    left: calc(50% - 25px + 300px * sin(63.54deg));
    animation: reffPr4Am 1.5s ease infinite;
}

.reffPr5 {
    top: calc(50% - 25px + 300px * cos(84.72deg));
    left: calc(50% - 25px + 300px * sin(84.72deg));
    animation: reffPr5Am 1.5s ease infinite;
}

.reffPr6 {
    top: calc(50% - 25px + 300px * cos(105.9deg));
    left: calc(50% - 25px + 300px * sin(105.9deg));
    animation: reffPr6Am 1.5s ease infinite;
}

.reffPr7 {
    top: calc(50% - 25px + 300px * cos(127.08deg));
    left: calc(50% - 25px + 300px * sin(127.08deg));
    animation: reffPr7Am 1.5s ease infinite;
}

.reffPr8 {
    top: calc(50% - 25px + 300px * cos(148.26deg));
    left: calc(50% - 25px + 300px * sin(148.26deg));
    animation: reffPr8Am 1.5s ease infinite;
}

.reffPr9 {
    top: calc(50% - 25px + 300px * cos(169.44deg));
    left: calc(50% - 25px + 300px * sin(169.44deg));
    animation: reffPr9Am 1.5s ease infinite;
}

.reffPr10 {
    top: calc(50% - 25px + 300px * cos(190.62deg));
    left: calc(50% - 25px + 300px * sin(190.62deg));
    animation: reffPr10Am 1.5s ease infinite;
}

.reffPr11 {
    top: calc(50% - 25px + 300px * cos(211.8deg));
    left: calc(50% - 25px + 300px * sin(211.8deg));
    animation: reffPr11Am 1.5s ease infinite;
}

.reffPr12 {
    top: calc(50% - 25px + 300px * cos(232.98deg));
    left: calc(50% - 25px + 300px * sin(232.98deg));
    animation: reffPr12Am 1.5s ease infinite;
}

.reffPr13 {
    top: calc(50% - 25px + 300px * cos(254.16deg));
    left: calc(50% - 25px + 300px * sin(254.16deg));
    animation: reffPr13Am 1.5s ease infinite;
}

.reffPr14 {
    top: calc(50% - 25px + 300px * cos(275.34deg));
    left: calc(50% - 25px + 300px * sin(275.34deg));
    animation: reffPr14Am 1.5s ease infinite;
}

.reffPr15 {
    top: calc(50% - 25px + 300px * cos(296.52deg));
    left: calc(50% - 25px + 300px * sin(296.52deg));
    animation: reffPr15Am 1.5s ease infinite;
}

.reffPr16 {
    top: calc(50% - 25px + 300px * cos(317.7deg));
    left: calc(50% - 25px + 300px * sin(317.7deg));
    animation: reffPr16Am 1.5s ease infinite;
}

.reffPr17 {
    top: calc(50% - 25px + 300px * cos(338.88deg));
    left: calc(50% - 25px + 300px * sin(338.88deg));
    animation: reffPr17Am 1.5s ease infinite;
}

.reffPr i {
    font-family: 'chakra_petchlight';
    font-style: normal;
    color: #F3E600;
    font-size: 31px;
}

.reffTitle {
    text-transform: uppercase;
    font-family: 'chakra_petchbold';
    color: #F3E600;
    font-size: 31px;
}

.reffDesc {
    margin-top: 100px;
}

.reffDesc p {
    font-family: 'chakra_petchlight';
/*    font-style: italic;*/
}

.btnMt {
    margin: 0 auto;
}

.sec4 {
    min-height: 1333px;
    background: url(../img/sec4.jpg) top center;
}

#bl1,
#bl2,
#bl3,
#bl4,
#bl5,
#bl6,
#bl7,
#bl8,
#bl9,
#bl10 {
    width: 20px;
    height: 20px;
    background: #F3E600;
    z-index: 9;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.hidebl {
    display: none !important;
}

#bl4,
#bl1 {
    top: 25%;
    left: 80%;
}

#bl5,
#bl2 {
    top: 75%;
    left: 65%;
}

#bl6,
#bl3 {
    top: 25%;
    left: 15%;
}

.tga_ci {
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(3, minmax(30%, 33.333%));
    gap: 50px 30px;
}

.tga_ci_t {
    color: #F3E600;
    text-transform: uppercase;
    font-family: 'chakra_petchbold';
    font-size: 25px;
    margin-bottom: 20px;
}

.tga_ci_ico {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto 30px auto;
    overflow: hidden;
    text-align: center;
    line-height: 110px;
}

.tga_ci_ico i {
    color: #F3E600;
    font-size: 60px;
}

.ico_bf,
.ico_bf3,
.ico_bf4,
.ico_bf2 {
    display: block;
    position: absolute;
}

.ico_bf {
    left: 0;
    top: 0;
    width: 2px;
    height: 12px;
    background: #F3E600;
}

.ico_bf::after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 12px;
    height: 2px;
    position: absolute;
    background: #F3E600;
}

.ico_bf2 {
    right: 0;
    top: 0;
    width: 2px;
    height: 12px;
    background: #F3E600;
}

.ico_bf2::after {
    content: '';
    display: block;
    right: 0;
    top: 0;
    width: 12px;
    height: 2px;
    position: absolute;
    background: #F3E600;
}

.ico_bf3 {
    right: 0;
    bottom: 0;
    width: 2px;
    height: 12px;
    background: #F3E600;
}

.ico_bf3::after {
    content: '';
    display: block;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 2px;
    position: absolute;
    background: #F3E600;
}

.ico_bf4 {
    left: 0;
    bottom: 0;
    width: 2px;
    height: 12px;
    background: #F3E600;
}

.ico_bf4::after {
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    width: 12px;
    height: 2px;
    position: absolute;
    background: #F3E600;
}

.sec5 {
    background: url(../img/sec5.jpg);
    position: relative;
}

.footer {
    position: relative;
    width: 100%;
    height: 308px;
    display: block;
    background: url(../img/footer.jpg) top center no-repeat;
}

.footer::after {
    content: '';
    width: 100%;
    height: 61px;
    position: absolute;
    top: -61px;
    left: 0;
    z-index: 21;
    background: url(../img/sec5-b.png);
}

.f_nav {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

/*.f_nav .mdi-menu-down,*/
/*.f_nav .main_nav_drop {*/
/*    display: none;*/
/*}*/

.f_nav .nav_main ul li:hover .main_nav_drop {
    top: 70px;
}

.f_nav .nav_main {
    padding-left: 0;
}

.f_row .media a {
    position: inherit;
    left: inherit;
    top: inherit;
    bottom: inherit;
    right: inherit;
}

.f_row .media {
    width: 100%;
    height: auto;
    left: inherit;
    top: inherit;
    position: inherit;
}

.f_row .media_mail {
    display: none;
}

.f_logo {
    position: relative;
    top: -110px;
}

.we_acc_t {
    text-transform: uppercase;
    font-family: 'chakra_petchbold';
    font-size: 30px;
}

.we_acc {
    position: relative;
    top: -20px;
    margin-bottom: 10px;
}

.we_acc span {
    margin: 0 6px;
}

.link_nav {
    position: absolute;
    top: -20px;
    right: -28px;
    z-index: 22;
    background: #F3E600;
    color: #000;
    padding: 0 35px;
    text-transform: uppercase;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
}

.link_nav::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 0; 
    height: 0;
    border-bottom: 30px solid #F3E600;
    border-left: 30px solid transparent;
}

.link_nav a,
.link_nav span {
    color: #000;
}

.link_nav span {
    font-weight: 700;
}

.container_pages .page_title {
    font-size: 26px;
    color: #F3E600;
    margin-bottom: 30px;
}

.container_pages ol,
.default_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.container_pages ol>li{
	display:block;
	margin-bottom: 15px;
	margin-left: 35px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	margin-bottom: 15px;
	color: #fff;
}

.container_pages ol{
	counter-reset:item;
}
.container_pages ol>li:before{
	counter-increment:item;
	content:counters(item,".") ". ";
	font-weight: 600;
	color: #000;
    font-size: 11px;
    text-align: center;
    margin-right: 15px;
    line-height: 15px;
    background: #F3E600;
    display: inline-block;
    padding: 2px 5px;
}

.default_ul>li {
    position: relative;
    padding-left: 30px;
}

.default_ul>li:after{
	content: '';
	font-weight: 600;
	color: #000;
    text-align: center;
    margin-right: 15px;
    line-height: 15px;
    background: #F3E600;
    display: inline-block;
    padding: 2px 5px;
    position: absolute;
    left: 0;
    top: 6px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
}

.default_ul {
    margin-bottom: 20px;
}

.contact_wr {
    width: 100%;
    min-height: 100vh;
    background: url(../img/contact-bg.jpg) center / cover;
}

.contact_wr .wrapper {
    background: initial;
}

.contact_form {
    color: #000;
    width: 720px;
    height: auto;
    padding: 30px 100px 60px 100px;
    margin: 50px auto 24px auto;
    background: #F3E600;
    position: relative;
}

.contact_form::after {
    content: '';
    display: block;
    width: 100%;
    height: 24px;
    background: url(../img/form-line.png);
    position: absolute;
    bottom: -23px;
    left: 0;
    z-index: 10;
}

.contact_form > .btn_f:not(.single):nth-child(5) .btn_bef,
.contact_form > .btn_f:not(.single):nth-child(4) .btn_bef2 {
    display: none;
}

.login_link {
    font-weight: 700;
    font-style: italic;
    color: #000;
    text-decoration: initial;
    position: relative;
}

.login_link:hover {
    color: #000;
    text-decoration: initial;
}

.login_link::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: .3s ease;
}
.login_link:hover::before {
    width: 100%;
    transition: .3s ease;
}


.f_line {
    position: absolute;
    top: 0;
}

.f_line1 {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #F3E600;
}

.f_line2 {
    position: absolute;
    left: -10px;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(243,230,0,0.9), rgba(243,230,0,0.1));
}

.f_line3 {
    position: absolute;
    right: -10px;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, rgba(243,230,0,0.9), rgba(243,230,0,0.1));
}

.ct_f_t {
    font-size: 60px;
    margin-bottom: 25px;
}

.page_title::after,
.page_title::before {
    background: #000;
}

.c_inp {
    width: 100%;
    height: 45px;
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    outline: none;
    margin: 8px 0;
    background: none;
    padding: 0 10px;
}

.c_label {
    font-weight: bold;
    font-style: italic;
    position: relative;
    display: block;
}

textarea.c_inp {
    background: none;
    border: 1px solid rgba(0,0,0,0.2);
    height: 120px;
    padding: 15px;
}

.f_line_c {
    width: 75%;
    height: 2px;
    background: #000;
    position: absolute;
    top: 86px;
    right: 0;
    z-index: 1;
}

.f_line_b {
    width: 20%;
    height: 10px;
    background: url(../img/f-line.jpg);
    position: absolute;
    top: 83px;
    left: 0;
    z-index: 1;
}

.f_capt_pic img {
    max-width: 100%;
    height: auto;
}

.f_capt_pic {
    position: relative;
    top: 10px;
}

button.btn1 {
    background: none;
    border: none;
    width: 200px;
    margin: 0 auto;
    display: block;
}

.btn_f,
button.btn7,
button.btn6,
button.btn5,
button.btn4,
button.btn3,
button.btn2,
button.btn1 {
    background: #000;
}

.alert {
    position: absolute;
    left: 30px;
    bottom: 10px;
    z-index: 100;
    border-radius: 0;
    background: rgba(0,0,0,0.9);
    border: none;
}

.alert-success {
    max-width: 600px;
    min-height: 100px;
    border-top: 1px solid #00AD5D;
    border-bottom: 1px solid #00AD5D;
    border-right: 1px solid #00AD5D;
    color: #00AD5D;
}

.alert-success::before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: #00AD5D;
    position: absolute;
    width: 5px;
    height: 35px;
}

.alert-success::after {
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    background: #00AD5D;
    position: absolute;
    width: 5px;
    height: 15px;
}

.alert_title {
    color: #fff;
    background: #00AD5D;
    position: absolute;
    top: -35px;
    right: -1px;
    height: 35px;
    line-height: 35px;
    padding: 0 35px;
}

.alert_title::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -35px;
    width: 0;
    height: 0;
    border-bottom: 35px solid #00AD5D;
    border-left: 35px solid transparent;
}

.alert-danger {
    max-width: 600px;
    min-height: 100px;
    border-top: 1px solid #F24841;
    border-bottom: 1px solid #F24841;
    border-right: 1px solid #F24841;
    color: #F24841;
}

.alert-danger::before {
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: #F24841;
    position: absolute;
    width: 5px;
    height: 35px;
}

.alert-danger::after {
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    background: #F24841;
    position: absolute;
    width: 5px;
    height: 15px;
}

.alert-danger .alert_title {
    background: #F24841;
}

.alert-danger .alert_title::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -35px;
    width: 0;
    height: 0;
    border-bottom: 35px solid #F24841;
    border-left: 35px solid transparent;
}

.media_cont a {
    color: #000;
    font-size: 30px;
    margin: 0 5px;
}

.media_cont a:hover {
    opacity: 0.7;
}

.btn_f {
    position: relative;
}

.btn_bef,
.btn_bef2 {
    background: #F3E600;
    width: 50px;
    height: 50px;
    position: absolute;
    transition: all .5s linear;
}

.btn_bef {
    transform: rotate(45deg);
    top: -30px;
    left: -30px;
}

.btn_bef2 {
    transform: rotate(45deg);
    bottom: -30px;
    right: -30px;
}

.btn_f:hover .btn_bef {
    left: -55px;
}

.btn_f:hover .btn_bef2 {
    right: -55px;
}

.btn_f {
    overflow: hidden;
}

.f_terms_ch {
    display: none;
}

.f_terms_bef {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #000;
    position: relative;
    top: 5px;
}

.f_terms_bef::before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: #000;
    display: none;
}

.f_terms_ch:checked ~ .f_terms_bef::before {
    display: block;
}

.f_terms a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.page_title2__block {
    display: flex;
    align-items: center;
}

.page_title2 {
    font-size: 25px;
    color: #efe523;
    text-transform: uppercase;
    margin: 0 25px 0 0;
}

.page_title2 span {
    color: #fff;
}

.page_subTitle {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #efe523;
    margin: 0 25px 0 0;
}

.page_subTitle span {
    color: #fff;
}

.page_title2__block .lines {
    display: flex;
    align-items: center;
}

.page_title__line {
    display: block;
    width: 35px;
    height: 4px;
    background: #efe523;
    margin-right: 6px;
}

.page_title__line2 {
    display: block;
    width: 175px;
    height: 2px;
    background: #797979;
}

/*FAQ page*/

.header_faq {
    background: url('../img/faq-header.jpg');
}

.header_faq .page_title {
    font-size: 65px;
}

.faq_content {
    row-gap: 60px;
}

.faq_content:not(:nth-child(2)) {
    margin-top: 60px;
}

.faq_card_header {
    position: relative;
}

.faq_card_title {
    font-size: 16px;
    font-style: italic;
    color: #efe523;
    padding-right: 155px;
    margin-bottom: 0;
    transform: translateY(-8px);
}

.faq_card__decor {
    position: absolute;
    right: 0;
    bottom: -1px;
    clip-path: polygon(10px 0%, 100% 0, 100% 100%, 0% 100%);
    min-width: 150px;
    height: 100%;
    background: #efe523;
}

.faq_card_body {
    padding: 40px 38px 30px;
    border: 2px solid #efe523;
    border-left-color: transparent;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    position: relative;
}

.faq_card_body p:first-child {
    margin: 0;
}

.faq_card_body p:not(:first-child) {
    margin: 10px 0 0 0;
}

.faq_card_leftSide {
    position: absolute;
    height: 100%;
    top: 0;
    left: -2px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.faq_card_sideLine {
    display: block;
    background: #efe523;
    width: 6px;
    height: 50%;
    margin: -2px 0 0 0;
}

.faq_card_sideLine2 {
    display: block;
    background: #efe523;
    width: 6px;
    height: 50%;
    margin: 0 0 -2px 0;
}

.faq_card_sideText {
    font-size: 8px;
    color: #efe523;
    text-align: center;
    white-space: nowrap;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    margin: 10px 0 15px -1px;
}

.faq_card_sideText span {
    position: initial !important;
    display: inline-block;
    background: transparent !important;
}

.faq_card_sideText span:first-child {
    width: 6px;
    height: 8px;
    background: #efe523 !important;
    margin: 8px -2px 6px 0;
}

/*FAQ page END*/

/*How to start earn*/

.header_howToStartEarn {
    background: url('../img/howToStart-header.jpg');
}

.header_howToStartEarn #bl2,
.header_howToStartEarn #bl5 {
    top: 83%;
    left: 55%;
}

.marginTopRow {
    margin: 25px 0 0 0;
}

.marginTopRow:not(.marginTopRow1) {
    margin: 45px 0 0 0;
}

.howToStartRowLast {
    margin: 45px 0 90px 0 !important;
}

.text_block .page_title2__block {
    margin-bottom: 45px;
}

.text_block p {
    margin: 0;
    line-height: 1.3;
}

.text_block p:not(:nth-child(2)) {
    margin-top: 10px;
}

.text_block_btn {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.howToStartRow_step2 {
    margin: 100px 0 !important;
}

.howToStart_img {
    position: relative;
}

.howToStart_img img {
    width: 100%;
    object-fit: cover;
}

.set_square_line {
    position: absolute;
    display: flex;
    gap: 16px;
    transform: rotate(45deg);
}

.sqDecor {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #efe523;
    transform: rotate(45deg);
    animation: 1s linear infinite sqDecorBlik;
}

.set_square_line span:nth-child(1){
    animation-delay: -0.5s;
}
.set_square_line span:nth-child(2){
    animation-delay: -0.1s;
}
.set_square_line span:nth-child(3){
    animation-delay: -0.4s;
}
.set_square_line span:nth-child(4){
    animation-delay: -0.2s;
}
.set_square_line span:nth-child(5){
    animation-delay: -0.1s;
}

@keyframes sqDecorBlik {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.howToStart_img1 .set_square_line {
    bottom: -54px;
    right: -112px;
}

.howToStart_img2 .set_square_line {
    transform: rotate(-45deg);
    bottom: -44px;
    right: initial;
    left: -102px;
}

/*How to start earn END*/


/*investments*/

.header_investments {
    background: url('../img/investments-header.jpg');
}

.container_first_line {
    position: relative;
    margin-top: -79px;
    padding: 35px 30px 60px;
    z-index: 20;
    border: 1px solid #efe523;
    border-top-color: transparent;
}

.invest_sec2 {
    padding: 95px 0;
    position: relative;
    min-height: 1530px;
}

.page_titleWr {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.page_titleWr .sec_title:before, .page_titleWr .sec_title:after {
    background: #F3E600;
}

.page_titleWr .sec_title span {
    color: #F3E600;
}

.page_titleWr p {
    margin-top: 20px;
    max-width: 580px;
    font-size: 15px;
    color: #efe523;
    text-align: center;
}

.invest_sec2_titleWr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url('../img/investments_elipsBg.png');
    width: 954px;
    height: 954px;
    z-index: -1;
}

.invest_sec3 {
    position: relative;
    background: #F3E600;
    padding: 75px 0;
    margin-bottom: 424px;
    color: #000;
}

.invest_sec3::after {
    content: '';
    display: block;
    width: 100%;
    height: 324px;
    position: absolute;
    bottom: -324px;
    left: 0;
    z-index: 1;
    background: url(../img/line-bottom.png) top center;
}
/*investments END*/

/*Legal information*/

.header_LegalInformation {
    background: url('../img/legalInformation-header.jpg') no-repeat;
}

.header_privacyPolicy {
    background: url('../img/header_privacyPolicy-header.jpg') no-repeat;
}

.header_LegalInformation #bl2,
.header_LegalInformation #bl5 {
    top: 83%;
    left: 55%;
}


.img_bevel_cardWr {
    transition: .3s ease-in-out;
    position: relative;
}

.img_glitchWr {
    filter: drop-shadow(-2px -2px 1px #e0a800) drop-shadow(-2px 2px #e0a800) drop-shadow(2px -2px #e0a800) drop-shadow(2px 2px 1px #e0a800);
    transition: .3s ease-in-out;
}

.img_bevel_cardWr:hover .img_glitchWr {
    filter: drop-shadow(-2px -2px #e0a800) drop-shadow(2px 2px #e0a800);
    transition: .3s ease-in-out;
}

.img_bevel_card {
    clip-path: polygon(0 0, 70% 0, 100% 30%, 100% 100%, 30% 100%, 0 70%);
    padding: 13px;
}

.img_bevel_card img {
    object-fit: cover;
    background-position: center;
    width: 100%;
}

.img_bevel_card__elem {
    position: absolute;
    background: #efe523;
    z-index: -1;
    transition: .3s ease-in-out;
}

.img_bevel_card__elem1 {
    width: calc(30% - 20px);
    height: calc(29% - 20px);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    top: 0;
    right: 0;

}

.img_bevel_card__elem2 {
    width: calc(30% - 20px);
    height: calc(29% - 20px);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
    bottom: 0;
    left: 0;
}

.img_bevel_cardWr:hover .img_bevel_card__elem1 {
    top: 11px;
    right: 12px;
    transition: .3s ease-in-out;
}

.img_bevel_cardWr:hover .img_bevel_card__elem2 {
    bottom: 11px;
    left: 11.5px;
    transition: .3s ease-in-out;
}

.img_bevel_card_title {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 86px;
    font-weight: 700;
    color: #efe523;
    text-transform: uppercase;
    text-align: center;
}

.img_bevel_card_title span {
    font-size: 70px;
    font-weight: 300;
    color: #fff;
}

.img_bevel_card_btn {
    position: absolute;
    left: 50%;
    bottom: 18%;
    transform: translateX(-50%);
    filter: drop-shadow(0 0 20px #efe523) drop-shadow(0 0 10px #efe523);
    transition: .3s ease-in-out;
}

.img_bevel_card_btn:hover {
    filter: initial;
    transition: .3s ease-in-out;
}
/*Legal information END*/

/*News*/

.header_news {
    background: url('../img/newst-header.jpg');
}

.header_news #bl2,
.header_news #bl5 {
    top: 83%;
    left: 55%;
}

.news_wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(30%, 33.333%));
    gap: 60px 30px;
    padding: 20px 0 95px 0;
}

.newsCard_head {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-style: italic;
    line-height: 1;
}

.newsCard_label {
    width: 40%;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 85% 0%, 100% 100%, 0% 100%);
    background: #efe523;
    font-weight: 300;
    color: #000;
}

.newsCard_date {
    font-weight: 700;
    letter-spacing: 1px;
    margin-left: 5px;
}

.newsCard_Img {
    max-height: 174px;
    position: relative;
    margin: -4px 0 20px 0;
    padding: 14px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsCard_Img img {
    width: 100%;
    object-fit: cover;
}

.newsCard_Img__frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.newsCard_Img__frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.newsCard_body {
    border: 2px solid #efe523;
    padding: 35px 20px 0;
    position: relative;
}

.newsCard_body__decor {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 36px;
    height: 36px;
    background: #efe523;
    clip-path: polygon(0 0, 0 100%, 100% 0);
}

.newsCard_body .page_title2__block {
    flex-direction: column;
    align-items: flex-start;
}

.newsCard_body .page_subTitle {
    margin: 0;
}
.newsCard_body .lines {
    margin: 14px 0 16px 0;
}

.newsCard_body p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
}

.newsCard_btnWr {
    width: 185px;
    height: 64px;
    margin: 20px auto 0 auto;
}

.newsCard_btn {
    width: 100%;
    height: 100%;
    clip-path: polygon(10% 0, 100% 0, 100% 50%, 90% 100%, 0 100%, 0 50%);
    background: #efe523;
    font-size: 13px;
    line-height: 1;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: initial;
}

.newsCard_btnWr:hover {
    filter: drop-shadow(0 0 1px #efe523);
}

.newsCard_btnWr:hover .newsCard_btn {
    clip-path: polygon(0 0, 90% 0%, 100% 50%, 100% 100%, 10% 100%, 0% 50%);
    color: #fff;
    background: #111;
    text-decoration: initial;
}

ul.pagination {
    margin-bottom: 0;
    column-gap: 3px;
}

ul.pagination > li {
    padding: initial;
}

ul.pagination > li {
    padding: initial;
}

ul.pagination>li:after {
    content: initial;
}

.navigation_news {
    margin-bottom: 50px;
}

.page-link {
    background: transparent;
    border: 1px solid transparent;
    text-transform: uppercase;
    color: #fff;
}

.page-item.disabled .page-link {
    background: transparent;
    border: 1px solid transparent;
    color: #fff;
}

.page-item.active .page-link {
    border: 1px solid transparent;
}

.page-item.pagin_btn:not(.disabled) .page-link,
.page-item.active .page-link {
    color: #efe523;
    background: transparent;
}

.page-link:hover {
    z-index: 2;
    color: #efe523;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #efe523;
}
/*News END*/

/*Partnership*/

.header_partnership {
    background: url('../img/partnership-header.jpg');
}

.partnership_titleWr {
    margin: 60px 0 50px 0;
}

.partnership_tableWr {
    margin-bottom: 100px;
    clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%, 0 20px);
}

.partnership_table {
    text-align: center;
}

.table {
    margin-bottom: 0;
}

.table thead th {
    border-color: #232323;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background: #efe523;
    color: #000;
    border-top: initial;
    border-bottom: 1px solid #232323;
    vertical-align: middle;
}

th div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.table thead th:first-child {
    max-width: 60px;
    border-left-color: #efe523;
}

.table thead th:last-child {
    border-right-color: #efe523;
    text-align: left;
    padding-left: 24px;
}

.table tbody th {
    border-color: #232323;
    border-left-color: #efe523;
    background: #efe523;
}

.table tbody td {
    border: 1px solid #efe523;
    color: #fff;
}

.table tr:nth-child(odd) {
    background: #0d95e8;
}

.table tr:nth-child(even) {
    background: #000;
}

.table tbody tr:last-child th{
    border-bottom-color: #efe523;
}

.table tr:nth-child(odd) td:nth-child(odd){
    background: #181818;
}

.table tr:nth-child(odd) td:nth-child(even){
    background: #232323;
}

.table td:last-child {
    position: relative;
    text-align: left;
    padding-left: 1.5em;
}

.table td:last-child span {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 12px;
    height: 12px;
    background: #efe523;
    clip-path: polygon(0 0, 0 100%, 100% 0);
}

.table tr:nth-child(1) td:last-child span {
    top: 0;
}

.section_partnership {
    margin-bottom: 120px;
}

.container_partnership {
    position: relative;
    padding: 70px 55px;
}

.container_partnership::before {
    content: '';
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 84px);
    height: 46px;
    background: url('../img/curved_line_decor_b.png') center;
}

.container_partnership::after {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 102px);
    height: 46px;
    background: url('../img/curved_line_decor_b.png') bottom center;
}

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

.container_partnership_frame::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 15px;
    height: 100%;
    width: 46px;
    transform: rotateY(180deg);
    background: url('../img/curved_line_decor_r2.png');
}


.container_partnership_frame::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 15px;
    height: 100%;
    width: 46px;
    background: url('../img/curved_line_decor_r2.png');
}

/*Partnership END*/

/*Promo materials*/

.header_promo {
    background: url('../img/promo-header.jpg') top center / cover no-repeat;
}

.header_promo #bl2,
.header_promo #bl5{
    top: 83%;
    left: 55%;
}

.promoTab {
    padding: 60px 0;
}

.promoTab .nav-tabs {
    column-gap: 50px;
    margin-bottom: 45px;
}

.promoTab .nav-link {
    font-size: 26px;
    text-transform: uppercase;
}

.promoTab .nav-item.show .nav-link,
.promoTab .nav-link.active {
    color: #fff;
}

.presentationTab {
    text-align: center;
}

.presentationTab_btn {
    margin-top: 50px;
}
/*Promo materials END*/

/*Trading reports*/

.header_tradingReports {
    background: url('../img/tradingReports-header.jpg');
}

.header_tradingReports #bl2,
.header_tradingReports #bl5{
    top: 83%;
    left: 55%;
}

.tradingReportsWr {
    padding: 60px 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(40%,50%));
    gap: 120px 50px;
}

.tradingReportsCard {
    max-width: 498px;
}

.tradingReportsCard_img {
    max-height: 364px;
    position: relative;
    padding: 24px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tradingReportsCard_img img {
    width: 100%;
    object-fit: cover;
}

.tradingReportsCard_imgFrame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.tradingReportsCard_imgFrame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tradingReportsCard_body {
    margin-top: 20px;
    padding: 20px 15px 45px;
    background: linear-gradient(0deg, rgba(239,229,35,.8) 0%, transparent 70%);
    position: relative;
    animation: 3s linear infinite bglgr;
}

@keyframes bglgr {
    0% {
        background: linear-gradient(0deg, rgba(239,229,35,.8) 0%, transparent 70%);
    }
    25% {
        background: linear-gradient(90deg, rgba(239,229,35,.8) 0%, transparent 70%);
    }
    50% {
        background: linear-gradient(180deg, rgba(239,229,35,.8) 0%, transparent 70%);
    }
    75% {
        background: linear-gradient(270deg, rgba(239,229,35,.8) 0%, transparent 70%);
    }
}

.tradingReportsCard_body::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background: #111111;
}

.tradingReportsCard_bodyContent {
    position: relative;
    z-index: 2;
}

.tradingReportsCard_title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #efe523;
    text-align: center;
    margin-bottom: 20px;
}

.tradingReportsCard_bodyContent p {
    font-size: 15px;
    line-height: 1.2;
}
/*Trading reports END*/

/*Why Choose Us*/
.header_whyChoose {
    background: url('../img/whyChoose-header.jpg');
}

.header_whyChoose #bl2,
.header_whyChoose #bl5{
    top: 83%;
    left: 55%;
}

.whyChooseWr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.whyChoose_card {
    position: relative;
    max-width: calc(50% - 1px);
    padding: 60px 30px 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.whyChoose_cardNum {
    position: absolute;
    top: 4px;
    width: 67px;
    height: 67px;
    background: #efe523;
    font-size: 21px;
    font-weight: 700;
    color: #000;
}

.whyChoose_cardNum .dots {
    position: absolute;
    top: 4px;
    display: flex;
    column-gap: 4px;
}

.whyChoose_cardNum .dots span {
    display: block;
    width: 6px;
    height: 6px;
    background: #000;
}

.whyChoose_card:nth-child(odd) .whyChoose_cardNum {
    right: 3px;
    padding: 15px 25px 0 0;
    text-align: right;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 66% 100%, 0 33%);
}

.whyChoose_card:nth-child(odd) .whyChoose_cardNum .dots {
    right: 5px;
}


.whyChoose_card:nth-child(even) .whyChoose_cardNum {
    left: 3px;
    padding: 15px 0 0 25px;
    text-align: left;
    clip-path: polygon(100% 33%, 33% 100%, 0 100%, 0 0, 100% 0);
}

.whyChoose_card:nth-child(even) .whyChoose_cardNum .dots {
    right: initial;
    left: 5px;
}

.whyChoose_cardImg {
    max-width: 236px;
    max-height: 236px;
    position: relative;
    margin-bottom: 40px;
    z-index: 2;
}

.whyChoose_cardImg_frame {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 31px);
    height: calc(100% + 31px)
}

.whyChoose_cardBody {
    position: relative;
    z-index: 2;
}

.whyChoose_cardBody .page_title2__block {
    display: block;
    margin-bottom: 20px;
}

.whyChoose_cardBody .page_title2__block .page_subTitle {
    display: inline-flex;
    margin-bottom: 5px;
}

.whyChoose_cardBody p {
    font-size: 15px;
    line-height: 1.2;
}

.whyChoose_card_bgDec {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(-135deg, rgba(239,229,35,.8) 0%, transparent 90%);*/
    z-index: -1;
    top: 0;
    right: 0;
}

.whyChoose_card:nth-child(odd) .whyChoose_card_bgDec:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 250px;
    height: 1px;
    background: linear-gradient(-135deg, rgba(239,229,35,.8) 0%, transparent 90%);
}

.whyChoose_card:nth-child(odd) .whyChoose_card_bgDec:first-child::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 250px;
    background: linear-gradient(180deg, rgba(239,229,35,.8) 0%, transparent 90%);
}

.whyChoose_card:nth-child(odd) .whyChoose_card_bgDec:last-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -1px;
    width: 1px;
    height: 250px;
    background: linear-gradient(0deg, rgba(239,229,35,.8) 0%, transparent 90%);
}

.whyChoose_card:nth-child(even) .whyChoose_card_bgDec:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 250px;
    height: 1px;
    background: linear-gradient(90deg, rgba(239,229,35,.8) 0%, transparent 90%);
}

.whyChoose_card:nth-last-child(-n+2):not(:nth-child(even)) .whyChoose_card_bgDec:last-child::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: initial;
    right: -1px;
    width: 250px;
    height: 1px;
    background: linear-gradient(-135deg, rgba(239,229,35,.8) 0%, transparent 90%);
}

.whyChoose_card:nth-last-child(-n+2):not(:nth-child(odd)) .whyChoose_card_bgDec:last-child::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 250px;
    height: 1px;
    background: linear-gradient(90deg, rgba(239,229,35,.8) 0%, transparent 90%);
}

.whyChoose_card:last-child:not(:nth-child(odd)) .whyChoose_card_bgDec:last-child::before {
    bottom: 0;
}

.sec5 {
    min-height: 1300px;
}

.whyChoose_cardImg svg {
    fill: #efe523;
    width: 236px;
}

.invest_sec33 {
    margin-bottom: 0;
}

.invest_sec33::after {
    display: none;
}

.tab-pane {
    position: relative;
}

.plansSoon {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.5);
}

.plansSoon b {
    font-family: 'chakra_petchbold';
    font-size: 70px;
    position: relative;
    transform: rotate(-45deg);
}

.howItWRow {
    flex-direction: column;
    align-items: center;
}

.flexLang {
    display: flex;
    gap: 10px;
    align-items: center;
}
/*Why Choose Us END*/