p.expired{ position: absolute; left: 0px; top: 0px; background: var(--v-black); padding: 9px 16px 9px 12px; color: var(--v-white); font-size: var(--fs-18); margin-bottom: 0; line-height: 18px; font-style: italic; font-family: Gilroy; font-weight: 400; } p.expired .triangle-up { width: 0; height: 0; border-right: 10px solid transparent; border-top: 36px solid var(--v-black); display: block; position: absolute; top: 0; right: -10px; } .promotions-banner .promotions-banner-swiper .swiper-slide { height: 640px; } .promotions-banner .promotions-banner-swiper .swiper-slide .inner { max-height: 100%; height: 100%; max-width: 1920px; position: relative; display: flex; flex-wrap: wrap; padding: 40px; overflow: hidden;} .promotions-banner .promotions-banner-swiper .swiper-slide .inner .img-box img{ width: 100%; } .bottom-block-box { display: flex; justify-content: center; width: 100%; height: max-content;} .bottom-block-box a { display: flex; color: #ffff; font-size: var(--fs-32); font-weight: 700; line-height: 1.2; width: 100%; max-width: 738px; height: max-content; box-shadow: 0px 0px 0.2rem #00000029; background: linear-gradient(to right, #F08461, #DE3600); border-radius: 44px; padding: 25px 80px 25px 60px; transition: .3s all; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; overflow: hidden; } .bottom-block-box a span { font-size: var(--fs-32); font-weight: 700;} .bottom-block-box a:after { content: ''; position: absolute; right: 31px; width: 22px; height: 38px; background: url(https://d21u74ttq7jqzf.cloudfront.net/vjp/pc/img/btm-arrow-right.svg) no-repeat; background-size: cover;} .bottom-block-box a:before { z-index: -1; content: ""; position: absolute; top: 50%; left: 50%; width: 2em; height: 2em; border-radius: 50%; background-color: #d43d14; transform-origin: center; transform: translate3d(-50%, -50%, 0) scale(0, 0); transition: transform 0.45s ease-in-out;} .bottom-block-box a:hover::before { transform: translate3d(-50%, -50%, 0) scale(15, 15); } .promotions-banner .promotions-banner-swiper .swiper-pagination-bullet-active { padding: 6px; border: 2px #ffffff solid; background-color: #f9610d; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; } @media (max-width:1440px) { .bottom-block-box a { font-size: var(--fs-26); max-width: 560px; padding: 20px 80px 20px 46px; } } @media (max-width:1024px) { .promotions-banner .promotions-banner-swiper .swiper-slide { height: 62.5vw; } .bottom-block-box a{ font-size: var(--fs-24); padding: 16px 60px 16px 46px; max-width: 360px;} .bottom-block-box a span{font-size: var(--fs-18);} .bottom-block-box a:after { width: 12px; height: 22px;} } @media (max-width:510px) { .promotions-banner .promotions-banner-swiper .swiper-slide .inner { padding: 20px; } .bottom-block-box a { font-size: var(--fs-18); padding: 12px 62px 12px 40px; max-width: 260px; } } /* banner-crypto -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-crypto .inner{max-width: 1640px; padding: 40px 100px; flex-direction: column; flex-wrap: nowrap; justify-content: space-between;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-crypto .inner .img-box:nth-child(1){ width: 102%; max-width: 1215px; transform: translateX(-3.3%); } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-crypto .inner .img-box:nth-child(2){ width: 44%; max-width: 660px; transform: translateX(-2%); margin-top: 50px;} @media (max-width:1640px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-crypto .inner { max-width: 1480px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 1024px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-crypto .inner .img-box:nth-child(2) { margin-top: 5%; } } @media (max-width: 510px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-crypto .inner { padding: 20px; } } /* banner-crypto -----End-----*/ /* banner-credit -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner{max-width: 1640px; padding: 40px 100px; flex-direction: column; flex-wrap: nowrap; justify-content: space-between;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner .img-box:nth-child(1){ width: 60.7%; max-width: 729px; margin-bottom: 23px; margin-left: 3%;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner .img-box:nth-child(2){ max-width: 1428px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner .img-box:nth-child(3){width: 54.6%; max-width: 655px; margin-left: 3%; margin-top: 15px; } @media (max-width:1640px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner { max-width: 1480px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 1240px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner .img-box:nth-child(1){ margin-bottom: 0px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner .img-box:nth-child(3){ margin-top: 0px; } } @media (max-width: 510px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-credit .inner { padding: 20px; } } /* banner-credit -----End-----*/ /* banner-synthetic -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-synthetic .inner{max-width: 1640px; padding: 40px 100px; position: relative; z-index: 5;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-synthetic .inner .img-box:nth-child(1){ max-width: 1225px; width: 100%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-synthetic .inner .img-box:nth-child(2){ max-width: 1224px; width: 100%;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-synthetic .inner .img-box:nth-child(3){ max-width: 837px; width: 70%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-synthetic::after { content: ""; display: block; width: 100%; height: 100%; background-image: url(/wp-content/themes/vantage/images/synthetic-pairs-banner-mask.webp); position: absolute; top: 0; left: 0; z-index: 3; } @media (max-width:1640px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-synthetic .inner { max-width: 1480px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 510px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-synthetic .inner { padding: 20px; } } /* banner-synthetic -----End-----*/ /* banner-summer -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .inner{align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .inner .img-box:nth-child(1){ max-width: 1124px; width: 90%; margin-top: -6.5%; transform: translateX(-3.8%); margin-bottom: -0.5%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .inner .img-box:nth-child(2){ position: absolute; top: 65%; left: 15%; transform: translate(-50%, -50%); z-index: 5; max-width: 586px; width: 30.7%;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .inner .img-box:nth-child(3){position: absolute; top: 65%; right: 15%; transform: translate(50%, -50%); z-index: 5; max-width: 575px; width: 30.2%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .inner .img-box:nth-child(4){ position: absolute; top: 28%; left: 82.2%; transform: translate(-50%, -50%); z-index: 5; max-width: 306px; width: 16.1%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .bottom-block-box a { transform: translateX(-5%); position: relative; z-index: 6; } @media (max-width:1240px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .inner .img-box:nth-child(1) { max-width: 1000px; width: 103%; margin-top: -4.5%; transform: translateX(0%); margin-bottom: -0.5%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-summer .bottom-block-box a { transform: translateX(0%);} } /* banner-summer -----End-----*/ /* banner-refer -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .inner{justify-content: space-between; padding-top: 50px;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .inner .img-box:nth-child(1){ width: 45.2%; max-width: 831px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .inner .img-box:nth-child(2){ width: 54.1%; max-width: 996px; } @media (max-width:1440px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .inner { align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; padding-top: 20px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .inner .img-box:nth-child(1){width: 55%; max-width: 540px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .inner .img-box:nth-child(2){width: 71%; max-width: 662px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .bottom-block-box a { max-width: 738px; } } @media (max-width:1024px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .bottom-block-box a { max-width: 450px; } } @media (max-width: 510px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-refer .bottom-block-box a { padding: 12px 46px 12px 22px; } } /* banner-refer -----End-----*/ /* banner-vantage -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner{padding-left:560px; padding-right: 30px; justify-content: space-between; gap:50px 0px;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner .img-box:nth-child(1){ max-width: 793px; width: 41.6%; position: absolute; transform: translate(-50%, -50%); left: 10%; top: 75%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner .img-box:nth-child(2){ max-width: 1208px; width: 100%; margin-top: 30px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .bottom-block-box{ justify-content: flex-start; } @media (max-width:1930px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner{padding-left: calc(30px + 29.1%);} } @media (max-width:1440px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner{padding-left: calc(30px + 22.1%);} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner .img-box:nth-child(1) { width: 35.6%; left: 7%; top: 64%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner .img-box:nth-child(2){ display: flex; align-items: center; } } @media (max-width:1024px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner{padding-left: calc(30px + 12.1%);} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-vantage .inner .img-box:nth-child(1) { width: 26.6%; left: 3%; top: 77%; } } /* banner-vantage -----End-----*/ /* banner-db -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner{padding-left:462px; padding-right: 30px; justify-content: space-between; gap:50px 0px;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(1){ max-width: 363px; width: 19%; position: absolute; transform: translate(-50%, -50%); left: 11.6%; top: 50%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(2){ max-width: 708px; width: 49.8%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(3){ max-width: 686px; width: 48.3%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box{ justify-content: flex-start; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box a{ font-size: var(--fs-36); padding: 15px 50px 15px 40px; border-radius: 90px; max-width: 708px; width: 49.8%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box a span{ font-size: var(--fs-26); } @media (max-width:1930px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner{padding-left: calc(30px + 22.5%);} } @media (max-width:1600px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner { align-content: center; } } @media (max-width:1240px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box a { font-size: var(--fs-26); padding: 15px 40px 15px 30px; border-radius: 90px; max-width: 560px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box a span { font-size: var(--fs-18); } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box a:after { right: 20px; width: 18px; height: 30px; } } @media (max-width:1024px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner { gap: 20px 0px; padding: 40px; justify-content: end; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(1) { width: 25%; left: 29.6%; top: 42%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(2) { width: 60%; padding-left: 6%; padding-right: 10%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(3) { width: 60%; padding-left: 6%; padding-right: 10%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box { justify-content: center; } } @media (max-width: 768px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box a{ max-width: 360px; width: 100%; } } @media (max-width: 600px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner { gap: 10px 0px; padding: 20px; justify-content: end; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(1) { width: 25%; left: 35.6%; top: 36%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(2) { width: 55%; padding-left: 6%; padding-right: 14%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(3) { width: 55%; padding-left: 6%; padding-right: 14%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-db .bottom-block-box a { font-size: var(--fs-30); max-width: 400px; } } /* banner-db -----End-----*/ /* banner-funds -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner{ padding: 45px 106px; gap: 15px; align-items: center;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(1){ max-width: 1086px; width: 64%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(2){ position: absolute; transform: translate(50%, 0%); right: 26.6%; bottom: 0px; width: 29%; max-width: 536px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .bottom-block-box{ justify-content: flex-start; } @media (max-width:1440px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(1) { width: 76%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(2) { right: 15.6%; width: 25%; } } @media (max-width:1240px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner{ padding: 40px;} } @media (max-width:1024px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(1) {width: 86%; } } @media (max-width:510px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-funds .inner{ padding: 20px; } } /* banner-funds -----End-----*/ /* banner-24h -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner{max-width: 1640px; padding: 40px 100px; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner .img-box:nth-child(1){ width: 29.3%; max-width: 421px;} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner .img-box:nth-child(2){ width: 100%; max-width: 1584px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner .img-box:nth-child(3){width: 60.2%; max-width: 867px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner .img-box:nth-child(4){ width: 85.7%; max-width: 1233px; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner .img-box:nth-child(5){ width: 13%; max-width: 228px; position: absolute; transform: translate(-50%, -50%); top: 63%; left: 92.5%; } @media (max-width:1640px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner { max-width: 1480px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 1240px) { } @media (max-width: 510px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-24h .inner { padding: 20px; } } /* banner-24h -----End-----*/ /* banner-metals -----start----- */ .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals{ background-position: 0 86%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner{ padding: 110px 60px 23px; align-items: center; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(1){ max-width: 203px; width: 11%; transform: translateY(-4%);} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(2){ max-width: 914px; width: 49.9%; transform: translate(2%, 1%);} .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(3){ max-width: 697px; width: 37.8%; position: relative; z-index: 5; transform: translate(2%, 5%);} @media (max-width:1640px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner { max-width: 1480px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 1240px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner{ padding: 40px 40px 23px; justify-content: center; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(1) { width: 14%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(2) { width: 66.9%; transform: translate(0%, 0%); } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(3){ width: 48%; transform: translate(0%, -3%);} } @media (max-width: 1024px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(1) { width: 17%; } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(2) { width: 80%; transform: translate(0%, 0%); } .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner .img-box:nth-child(3){ width: 60%; } } @media (max-width: 510px) { .promotions-banner .promotions-banner-swiper .swiper-slide.banner-metals .inner { padding: 20px; } } /* banner-metals -----End-----*/ .promotions-wrap .inner{ padding-top:65px; padding-bottom:105px;} .promotions-wrap .p-title{ margin:0px; line-height:1.2; border-bottom:3px solid var(--v-black); font-size:var(--fs-22); text-transform:uppercase; font-weight:600; padding:0px 0px 6px 24px; color:var(--v-black); background: url(/wp-content/themes/vantage/images/academy-sub-title-icon.svg) left 4px no-repeat;} .promotions-section{ position:relative; width:100%; display:flex; justify-content: space-between; flex-wrap: wrap;} .promotions-content{ overflow:hidden; width:100%; min-height:500px; position: relative;padding-top: 0px;} .promotions-content ul.promotions-list{ padding:0px; margin:0px; display:flex; margin-right:-25px;justify-content: flex-start; flex-wrap: wrap;} .promotions-content ul.promotions-list li{ width:calc(100% / 3); padding-right:25px; transition:0.1s;} .promotions-content ul.promotions-list li .promotions-box{ height:100%; background:#ececec; position:relative;background-color: #ffffff;} .promotions-content .img-box{ position:relative; z-index:6; overflow:hidden; background:var(--v-black);} .promotions-content .img-box img{ display:block; height: 303px; width: 460px;} .promotions-content .img-box .img-box-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%;} .promotions-content .img-box .img-bg-box{ position:absolute; left:0px; top:0px; width:100%; height:100%;background:rgba(255,255,255,0.3)} .promotions-content .img-box .img-bg-box p{ position:absolute; right:0px; bottom:0px;background:var(--v-black);padding: 9px 16px 9px 12px;color: var(--v-white);font-size:var(--fs-18);margin-bottom:0;line-height: 1;font-style: italic;font-family:Gilroy;font-weight:400;} .promotions-content .img-box .img-bg-box p .triangle-up{width: 0;height: 0; border-left: 10px solid transparent;border-bottom: 40px solid var(--v-black);display: block;position: absolute;top: 0;left: -10px;} .promotions-content .img-box a{background-position: center center;background-repeat: no-repeat;background-size: cover;} .promotions-content .img-box .hover-img-box{ width:100%; height:100%; display:block; -webkit-transition:.7s; -moz-transition:.7s; -o-transition:.7s; transition:.7s;} .promotions-content .text-box{ padding:14px 0px 0px 0px; color:var(--v-black);} .promotions-content .text-box-inner{ display:block; text-decoration:none; font-weight: 400;font-size: var(--fs-18);} .promotions-content .text-box-inner:last-child{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .promotions-content p{ font-size:var(--fs-14); font-weight:500; line-height:1.3; margin:0px 0px 0px;} .promotions-content .text-title{color: var(--v-black);font-size:var(--fs-20);overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;margin-bottom:0;line-height: 24px;} .promotions-content .text-content{min-height:105px; transition: all .2s linear;opacity: 0.7;} .promotions-content span.read-more-link{ color:var(--v-white); display:block; opacity:0; text-decoration:none; width:36px; height:36px; line-height:34px; border-radius:50%; background:rgba(255,255,255,0.2); text-align:center; position:absolute;left:65%; bottom:12px; transition: all .3s linear;} .promotions-content span.read-more-link:after{ content: "\f105"; display: block; font-family: 'FontAwesome'; font-size:23px;} .promotions-content ul.promotions-list li .promotions-box:hover .img-box .hover-img-box{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); opacity:0.85;} .promotions-content ul.promotions-list li .promotions-box:hover .text-box, .promotions-content ul.promotions-list li .promotions-box:hover .tag-list span, .promotions-content ul.promotions-list li .promotions-box:hover .tag-list a:before{ background:#fff;} .promotions-content ul.promotions-list li .promotions-box:hover .text-title{color:var(--v-white);} .promotions-content ul.promotions-list li .promotions-box:hover .text-content{ transform: translateY(5px);} .promotions-content ul.promotions-list li .promotions-box:hover .date-text{ color:rgba(255,255,255,0.7);} .promotions-content ul.promotions-list li .promotions-box:hover span.read-more-link{ opacity:1; left:calc(100% - 53px);} .promotions-section .rotate-data-box {width:100%;height: 100%; background-color:rgba(255,255,255,1);position: absolute;top: 0;left: 0;display: flex;justify-content: space-around;align-items: center;z-index: 102;} @keyframes rotate{ 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .tag-list{ font-size:var(--fs-14); padding-bottom:2px; padding-left:16px; padding-right:16px;} .tag-list span, .tag-list a{ display:inline-block; color:var(--v-black); opacity:0.7; margin-right:9px; margin-bottom:5px; text-decoration:none; font-weight:600;} .tag-list a{ position:relative; padding-left:12px;} .tag-list a:before{ content:""; display:block; position:absolute; left:0px; top:6px; width:2px; height:9px; background:#aeaeae;} .tag-list a:first-child{ padding-left:0px;} .tag-list a:first-child:before{ display:none;} .tag-list a:hover{ color:var(--v-white); text-decoration:none;} .el-pagination{ display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; font-weight:100; padding-top:0px; display: none;} .el-pagination li.number{ font-size:var(--fs-16); color:#9b9b9b; padding:0px 2px; min-width:46px; line-height:47px; text-align:center; margin:0px 1px 5px; height:auto; width:auto; transition: .4s;} .el-pagination li.number.active{ color:var(--v-white); background:#082d33; border-radius:12px;} .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon{ font-weight:100; text-indent:-9999em;} .el-pagination .btn-prev, .el-pagination .btn-next{ text-indent:-9999em; height:auto; padding:17px 20px;} .el-pagination .btn-prev{background:url(/wp-content/themes/vantage/images/pagenavi-prev-icon.svg) center center no-repeat; background-size:44px auto;} .el-pagination .btn-next{background:url(/wp-content/themes/vantage/images/pagenavi-next-icon.svg) center center no-repeat; background-size:44px auto;} .el-pagination .el-pager{ display:flex; flex-wrap: wrap; justify-content: center; align-items: center;} .promotions-bottom{background:url(/wp-content/themes/vantage/images/promotion-bottom-bg.jpg) center center no-repeat;padding: 172px 0;} .promotions-bottom .inner{display:flex;align-items: center;position: relative;} .promotions-bottom .bottom-text{max-width: 431px;} .promotions-bottom .bottom-text p{color: var(--v-black);font-family: Gilroy;font-size:var(--fs-20);} .promotions-bottom .bottom-text .bottom-title{color: var(--v-black);font-family: Gilroy;font-weight: 700;margin-bottom:17px;font-size:var(--fs-38);} .promotions-bottom .bottom-content{width: 50%;max-width: 720px;border-radius: 40px;display: flex;justify-content: space-between;align-items: center;background-color: var(--v-white);width: calc(100% - 152px);font-size: 23px;overflow: hidden;position: relative;box-shadow: var(--v-grey-dark) 0px 10px 30px; margin-left: 16%;margin-top: -15px;border: 2px solid var(--v-grey-light2);position: relative;} .promotions-bottom .bottom-content p{display: block; width: 0; height: 0;background-color: #e2e2e2;position: absolute;bottom: -100%; left: -50%;transition: all .6s;z-index: 0; border-radius: 50%;opacity: 0.4;} .promotions-bottom .bottom-content .send-img-bg{display: block;opacity: 0;background-color: #000000;position: absolute;top: 50%;right: 21px;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;} .promotions-bottom .bottom-content .default-item{font-family: Gilroy;color: var(--v-grey);opacity: 0.8;z-index: 10;} .promotions-bottom .bottom-content span.default-item{position: absolute;top: 50%;left: 40px;transform: translateY(-50%);} .promotions-bottom .bottom-content .clicked-item{font-family: Gilroy;color: var(--v-black);z-index: 10;} .promotions-bottom .bottom-content input{border:none;outline:none;background: none;width: 100%;height: 100%;padding: 20px 60px 20px 40px;} .promotions-bottom .bottom-content img{max-height:27px;position: absolute; top: 50%;transform: translateY(-50%);right: 30px;} .promotions-bottom .bottom-content .clicked-item{display: none;} .promotions-bottom .orange-button{position: absolute;right: 8%;bottom: 0;} .promotions-bottom .orange-button::after{display: none;} .not_data{font-size: var(--fs-24);font-weight: 600;color: var(--v-black);margin: 0;text-transform: uppercase;background: url(/wp-content/themes/vantage/images/no-data-video.gif) center 30px no-repeat;padding-top: 250px;text-align: center;} @media (max-width:1340px){ .promotions-bottom .bottom-content{margin-left: 20px;} } @media (max-width:1140px){ .promotions-bottom .bottom-content{ font-size: 18px;} .promotions-content ul.promotions-list li{ width:calc(100% / 2); padding-bottom:50px;} .promotions-bottom .bottom-content{margin-left: 20px;margin-top: 0;} } @media (max-width:940px){ .promotions-bottom .inner{flex-direction: column;} .mobeil-br{display:none;} .promotions-bottom{ padding: 120px 0;} .promotions-bottom .bottom-text{max-width: 80%;margin-bottom: 50px;} .promotions-bottom .bottom-content{margin-left: 0;margin-top: 0;} .promotions-bottom .orange-button{right: 13%;bottom: -24%;} } @media(max-width:768px){ .promotions-wrap .inner{ padding-top:20px; padding-bottom:50px;} .promotions-wrap .p-title{ border-bottom:none; font-size:var(--fs-16); background-size:14px 14px; background-position:left 0px; padding-left:18px; padding-bottom:10px;} .breadcrumb-wrapper .breadcrumb-nav{ display:none !important;} .promotions-content{ width:100%; max-width:100%;padding-top:5px;} .promotions-content ul.promotions-list{ margin-right:-14px;} .promotions-content ul.promotions-list li{ padding-bottom:30px; padding-right:14px;} .promotions-content p{ min-height:inherit; margin-bottom:10px;} .promotions-content ul.promotions-list li .promotions-box:hover span.read-more-link{ left:calc(100% - 45px);} .el-pagination{ padding-top:20px;} .promotions-bottom{padding: 48px 0 80px;} .promotions-bottom .bottom-text .bottom-title{text-align:center;} .promotions-bottom .bottom-content{width: 80%;max-width:600px; min-width: 200px;} .promotions-bottom .bottom-text{max-width: 100%; min-width: 100%;margin-bottom: 30px;} .el-pagination li.number{ min-width:40px; line-height:40px; } .promotions-content{min-height: auto;} .promotions-bottom .bottom-content span.default-item{color: var(--v-orange); opacity: 1;} .promotions-bottom .orange-button{right: 40%;} } @media(max-width:510px){ .promotions-content .img-box img { height: 305px; } .promotions-content ul.promotions-list{ margin-right:-10px;} .promotions-content ul.promotions-list li{ padding-right:10px; padding-bottom:15px;} .tag-list, .promotions-content .text-box-inner{ padding-left:8px; padding-right:8px;} .promotions-content span.read-more-link{ width:30px; height:30px; line-height:28px;} .promotions-content li:hover span.read-more-link{ left:calc(100% - 25px);} .promotions-bottom .bottom-content input{padding: 14px 48px 14px 25px;} .promotions-bottom .bottom-content img.clicked-item,.promotions-bottom .bottom-content img.default-item{width: 22px;right: 20px;} .promotions-bottom .bottom-text .bottom-title{ margin-bottom: 5px;} .promotions-bottom .bottom-text{margin-bottom: 0px;} .promotions-bottom .bottom-content span.default-item{ left: 25px;font-size: 16px;} .promotions-bottom .bottom-content .send-img-bg{right: 12px;width: 40px;height: 40px;} .promotions-bottom .bottom-text p{text-align: center;} .promotions-bottom .orange-button{right: 34%;bottom: -28%;} } @media(max-width:450px){ .promotions-content .img-box .img-bg-box p{font-size: 12px; padding: 6px 10px 6px 8px;} .promotions-content span.read-more-link{bottom: 6px;} .promotions-content ul.promotions-list li .promotions-box:hover span.read-more-link{left:calc(100% - 35px);} .promotions-content .img-box img { height: 265px; } .promotions-content .text-content{min-height:80px; } } @media(max-width:380px){ .el-pagination li.number{min-width: 30px;line-height: 30px;} .el-pagination li.number.active{border-radius: 8px;} .el-pagination .btn-prev, .el-pagination .btn-next{ padding: 8px 20px;} .promotions-content .img-box img { height: 225px; } } .promotions-banner-wrapper .markets-banner-bottom{position: relative;;width: 100%;;bottom: 0;left: 0;padding: 18px 0px;background-color: #082D33;} .promotions-banner-wrapper .markets-banner-bottom .markets-banner-bottom-inner{display: flex;justify-content: space-between;align-items: center;max-width: 1640px;padding: 0px 70px;margin: 0 auto;} .promotions-banner-wrapper .markets-banner-bottom .small-btn{display: block;position: relative;background: #E55728;box-shadow: 0px 3px 6px #00000029;border-radius: 10px;max-width: 100%;font-size: var(--fs-22);color: var(--v-white);padding: 14px 33px 14px 26px;z-index: 1;overflow: hidden;} .promotions-banner-wrapper .markets-banner-bottom .small-btn::after{content: '';position: absolute;right: 11px;width: 9px;height: 15px;background: url(/wp-content/themes/vantage/images/btm-arrow-right.svg) no-repeat;background-size: cover;top: 50%;transform: translateY(-40%);} .promotions-banner-wrapper .markets-banner-bottom .small-btn::before{z-index: -1;content: "";position: absolute;top: 50%;left: 50%;width: 1.4em;height: 1.4em;border-radius: 50%;background-color: #d43d14;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.45s ease-in-out;} .promotions-banner-wrapper .markets-banner-bottom .small-btn:hover::before { transform: translate3d(-50%, -50%, 0) scale(15, 15); } .promotions-banner-wrapper .markets-banner-bottom .bottom-right{display: flex;align-items: center;} .promotions-banner-wrapper .markets-banner-bottom .bottom-right p{color: var(--v-white);font-size: var(--fs-18);font-weight: 400;margin-bottom:0;} .promotions-banner-wrapper .markets-banner-bottom .bottom-right .download{display: flex;} .promotions-banner-wrapper .markets-banner-bottom .bottom-right .download img:nth-of-type(1){margin-right: 20px;} @media (max-width:1400px){ .promotions-banner-wrapper .banner-top p:nth-of-type(1){font-size: var(--fs-70);} .promotions-banner-wrapper .banner-top p:nth-of-type(2){font-size: var(--fs-26);} .promotions-banner-wrapper .markets-banner-bottom .markets-banner-bottom-inner{padding: 0px 65px;} } @media (max-width:1300px){ .promotions-banner-wrapper .markets-banner-bottom .bottom-right{flex-direction: column;} .promotions-banner-wrapper .markets-banner-bottom .bottom-right p{margin-bottom: 10px;} } @media (max-width:1024px){ .promotions-banner-wrapper .markets-banner-bottom .markets-banner-bottom-inner{padding: 0px 40px;} } @media (max-width:800px){ .promotions-banner-wrapper .markets-banner-bottom .markets-banner-bottom-inner{flex-direction: column;} .promotions-banner-wrapper .markets-banner-bottom .bottom-right{margin-top: 20px;} .promotions-banner-wrapper .banner-top{padding:130px 0px 220px 0px;} .promotions-banner-wrapper .banner-top p:nth-of-type(2) br{display: none;} } @media (max-width:510px){ .promotions-banner-wrapper .banner-top{padding:100px 0px 220px 0px;} .promotions-banner-wrapper .markets-banner-bottom .markets-banner-bottom-inner{padding: 0px 20px;} .promotions-banner-wrapper .markets-banner-bottom .bottom-right .download img{max-width: 44%;} } .promotions-sidebar{ width:30.5%; position:absolute; top:0px; left:0px; z-index:101;display:none;} .promotions-sidebar .p-title{ padding-left:0px; background:none; margin-bottom:15px;} .promotions-sidebar-content{ width:362px; max-width:100%; padding-right:20px;} .promotions-sidebar .checkbox-list .el-radio-group{ display:flex;flex-direction: column; font-size:var(--fs-18); color:var(--v-black);} .promotions-sidebar .checkbox-list .el-radio-group .el-radio{padding-left: 48px;padding-top: 3px;padding-bottom: 12px;display:flex;flex-direction: column; font-size:var(--fs-18); color:var(--v-black);} .promotions-sidebar .checkbox-list .el-radio-group .el-radio__input{ position:absolute; left:4px; top:0px;} .promotions-sidebar .checkbox-list .el-radio-group .el-radio__input .el-radio__inner{display:none;} .promotions-sidebar .checkbox-list .el-radio-group .el-radio__input input[type=radio]{ display:block; width:24px; height:24px; background:var(--v-grey-light1) url(/wp-content/themes/vantage/images/all-articles-checkbox-icon.svg) center center no-repeat; background-size:0px auto; border:none; border-radius:5px; margin-right:19px; -webkit-transition:all 0.15s; -moz-transition:all 0.15s; -o-transition:all 0.15s; transition:all 0.15s;opacity: 1;position: relative;z-index: 1;} .promotions-sidebar .checkbox-list .el-radio-group .el-radio__input input[type=radio]:hover{ background-color:#dddee2;} .promotions-sidebar .checkbox-list .el-radio-group .el-radio__input input[type=radio]:checked{ background:var(--v-orange) url(/wp-content/themes/vantage/images/all-articles-checkbox-icon.svg) center center no-repeat; background-size:12px auto;} .promotions-sidebar .checkbox-list .el-radio-group .el-radio__label{font-size:var(--fs-18); color:var(--v-black);padding: 0;} .apply-filter-button-box{ width:max-content; font-size:var(--fs-18); background-color: var(--v-orange);border-radius: 35px; text-align: center; text-decoration: none; position: relative; overflow: hidden; display: inline-block; transition: all .2s linear; z-index: 1; box-shadow:0px 0px 25px rgba(212,61,20,0.15); margin-right:35px; margin-bottom:10px;} .apply-filter-button-box::after{z-index: -1;content: "";position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;border-radius: 50%;background-color: #d43d14;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.45s ease-in-out;} .apply-filter-button-box input.apply-filter{z-index: 9;position: relative; font-weight:100; background:none; border:none; padding:17px 20px; margin:0px; border:none; min-width:188px;color: var(--v-white); font-family: Gilroy;} .apply-filter-button-box:hover::after{transform: translate3d(-50%, -50%, 0) scale(15, 15);} .promotions-sidebar input.cancel{ border:none; padding:0px; margin:0px 0px 10px; background:none; text-decoration:underline; font-size:var(--fs-18); color: var(--v-grey); font-weight:500;} .promotions-sidebar input.cancel:hover{ color: var(--v-black);} @media (max-width:1240px){ .promotions-wrap{ position:relative;} .promotions-section{ position:static;} .promotions-sidebar{ background:#fff; z-index:99; height:100%; overflow-y:auto; width:320px; left:-320px; transition: all .3s linear; padding:40px 0px 40px 20px;} .promotions-sidebar.active{ left:0px;} .promotions-sidebar .p-title{ padding-left:4px; padding-bottom:0px;} .promotions-content{ padding-left:0 !important;} .apply-filter-button-box input.apply-filter{ padding-top:12px; padding-bottom:12px;} .apply-filter-button-box{ margin-right:20px;} .apply-filter-button-box input.apply-filter{ min-width:inherit;} } /* ! vantagetradings|2026-08-03 14:58:00 ! */