body {
  background: #121212;
  font-family: "Open Sans", sans-serif;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 0 200px, -160px bottom, right -160px bottom 0;
  padding-top: 120px;
}
body.opened {
  overflow: hidden;
}
body.home {
  background-image: url("data:image/svg+xml,%3Csvg width='1363' height='1520' viewBox='0 0 1363 1520' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_184)'%3E%3Cellipse cx='569.5' cy='744.5' rx='193.5' ry='175.5' fill='%235b9dc4' fill-opacity='0.6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_184' x='-224' y='-31' width='1587' height='1551' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='300' result='effect1_foregroundBlur_1_184'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='1279' height='1805' viewBox='0 0 1279 1805' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_409)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-67.8997 1000.27C-63.9369 934.974 -60.8216 860.315 -8.41564 821.102C43.8866 781.966 114.827 811.089 180.086 814.712C255.937 818.924 340.94 792.85 397.401 843.636C459.745 899.714 496.66 995.518 469.046 1074.63C442.97 1149.34 337.218 1146.24 274.786 1194.91C210.271 1245.21 186.248 1366.34 104.758 1358.65C23.7828 1351 5.91485 1239.41 -29.3594 1166.2C-54.9841 1113.01 -71.475 1059.18 -67.8997 1000.27Z' fill='%235b9dc4' fill-opacity='0.8'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_409' x='-868.386' y='0.897278' width='2146.72' height='2158.1' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='400' result='effect1_foregroundBlur_1_409'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='1203' height='1399' viewBox='0 0 1203 1399' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_408)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M934.095 618.928C1005.46 603.304 1086.62 583.919 1144.71 628.284C1202.68 672.562 1192.99 757.65 1208.97 828.868C1227.54 911.646 1281.44 995.035 1244.06 1071.16C1202.79 1155.22 1111.1 1224.05 1017.69 1218.47C929.49 1213.2 900.617 1098.64 829.309 1046.38C755.623 992.381 618.163 1003.45 601.618 913.555C585.177 824.227 699.631 771.051 767.557 710.858C816.901 667.132 869.711 633.024 934.095 618.928Z' fill='%235b9dc4' fill-opacity='0.4'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_408' x='0.0224609' y='0.95752' width='1856.94' height='1817.83' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='300' result='effect1_foregroundBlur_1_408'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
#qur {
    margin-top: 30px;
}
a {
  transition: all 0.3s ease 0s;
}
a:hover {
  transition: all 0.3s ease 0s;
}
.mobile-navigation {
  position: fixed;
  top: -120vh;
  transition: all 0.3s ease 0s;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  color: #fff;
  background: #0f0f0f;
}
.mobile-navigation.opened {
  transition: all 0.3s ease 0s;
  top: 0;
}
.mobile-navigation .close {
  position: absolute;
  right: -20px;
  top: 10px;

}
.mobile-navigation .close button {
  background: none;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='41' viewBox='0 0 42 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.70703 1L40.707 40' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 40L40 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  
  width:  20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mobile-navigation .inner {
  height: 100vh;
  overflow: auto;
}
.mobile-navigation .nav {
  text-align: center;
}
.mobile-navigation .nav li:not(:last-child) {
  margin-bottom: 35px;
}
.mobile-navigation .inner-nav {
}
.mobile-navigation .inner-nav {
  padding: 40px 0 30px;
  position: relative;
}
.mobile-navigation .languages {
  width: 90px;
  margin: 0 auto;
  margin-top: 40px;
}
.button button,
.button a,
.button .wpcf7-submit{
  background: #5b9dc4;
  width: 100%;
  height: 132px;
  border-radius: 36px;
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  line-height: 132px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
}
.button button:hover,
.button a:hover,
.button .wpcf7-submit:hover{
  background: #5b9dc4;
  transition: all 0.3s ease 0s;
}
.wpcf7-submit {
  outline: none;
  border: none;
}
.button button,
.button .wpcf7-submit{
  line-height: normal;
  padding: 0;
}
.languages ul {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 30px;
}
.languages ul li:last-child {
  margin-left: 4px;
}
.languages ul li a {
  border: 1px solid transparent;
  border-radius: 50%;
  display: inline-block;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
}
.languages ul .current-lang a {
  border-color: #5b9dc4
}
header {
  padding: 34px 0;
  border-radius: 0 0 36px 36px;
  font-family: 'Inter';
  font-weight: 400;
  width: 100%;
  left: 0;
  top: 0;
  background: #0F0F0F;
  border: 1px solid #C2C2C254;
  position: fixed;
  z-index: 9;
  transition: all 0.3s ease 0s;
}
header.fixed {
  padding: 12px 0;
  transition: all 0.3s ease 0s;
}


header .toggler {
  width: 38px;
  height: 42px;
  margin-left: 50px;
  display: none;
}
header .toggler .menu-btn {
  position: relative;
  padding: 0;
  width: 100%;
  cursor: pointer;
  z-index: 2;
}
header .toggler .menu-btn .line {
  padding: 0;
  width: 100%;
  background: #fff;
  height: 2px;
  margin: 10px 0;
  transition: all 400ms cubic-bezier(0.9, 0, 0.33, 1);
  border-radius: 2px;
}
header .logo {
  margin-top: 6px;
}
header .navigation {
  color: rgba(255, 255, 255, 0.6);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.2px;
}
header .navigation ul li {
  margin: 0 18px;
}
header .navigation ul li a {
  position: relative;
}
header .navigation ul li a:after {
  content: "";
  width: 0;
  left: 0;
  transition: all 0.3s ease 0s;
  background: #5b9dc4
  height: 1px;
  bottom: -4px;
  position: absolute;
}
header .navigation ul li a:not(.active):hover:after {
  width: 100%;
  transition: all 0.3s ease 0s;
}
header .navigation ul li a.active,
footer .navigation ul li a.active,
.mobile-navigation ul.nav li a.active{
  border-bottom: 1px solid #5b9dc4
  padding-bottom: 3px;
}
header .header-controls {
  color: rgba(255, 255, 255, 0.6);
}
header .header-controls .city {
  margin-right: 24px;
  position: relative;
}
header .header-controls .city .selected.active:after {
  transition: all 0.3s ease 0s;
  transform: rotate(180deg);
}
header .header-controls .city .selected {
  padding: 13px 36px 13px 14px;
  display: inline-block;
  border: 1px solid #5b9dc4;
  border-radius: 40px;
  position: relative;
  cursor: pointer;
  line-height: 1;
  z-index: 1;
}
header .header-controls .city .selected:after {
  position: absolute;
  transition: all 0.3s ease 0s;
  content: "";
  width: 16px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 9.70721C7.68342 10.0977 8.31658 10.0977 8.70711 9.70721L15.0711 3.34325C15.4616 2.95272 15.4616 2.31956 15.0711 1.92903C14.6805 1.53851 14.0474 1.53851 13.6569 1.92903L8 7.58589L2.34315 1.92903C1.95262 1.53851 1.31946 1.53851 0.928932 1.92903C0.538408 2.31956 0.538408 2.95272 0.928932 3.34325L7.29289 9.70721ZM7 9V9.0001H9V9H7Z' fill='%235b9dc4'/%3E%3C/svg%3E%0A");
  right: 10px;
  top: 16px;
  background-repeat: no-repeat;
}
.main {
  background-position: center;
  background-repeat: no-repeat;
  height: 849px;
  padding-top: 80px;
}
.main .container {
  position: relative;
}
.main .caption {
  width: calc(100% - 700px);
}
.main .container .exchange-calculator-wrapper {
  position: absolute;
  height: auto;
  top: 0;
  right: 0;
}
.main .container .exchange-calculator-widget {
  right: 12px;
}
.main .container .exchange-calculator-widget > div.exchange-calculator-inner {
  backdrop-filter: blur(20px);
}
.main .container:before {
  width: 235px;
  height: 166px;
  content: "";
  right: 560px;
  top: 450px;
  position: absolute;
  background: url(../images/coin-main-1.png) no-repeat center;
}
.main .container:after {
  width: 235px;
  height: 166px;
  content: "";
  right: -30px;
  top: -40px;
  position: absolute;
  background: url(../images/coin-main-2.png) no-repeat center;
}
.main .caption .information,
.additional-page .caption .information {
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
}
.caption p.main-description {
  margin-bottom: 70px;
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  font-weight: 300;
}
.main .caption .information p,
.additional-page .caption .information p{
  width: 340px;
  margin-right: 20px;
}
.main .caption .information li,
.additional-page .caption .information li {
  margin-right: 20px;
}
.main .caption .information li a,
.additional-page .caption .information li a {
  background: #5b9dc4;
  border-radius: 50%;
  width: 66px;
  height: 66px;
}
.header-controls a.phone-link {
    background: #5b9dc4;
    border-radius: 50%;
    margin-right: 18px;
    width: 40px;
    height: 40px;
}
.header-controls .phone-link img.phone-img {
    width: 20px;
}
.main .caption .information li a:hover,
.additional-page .caption .information li a:hover,
.header-controls a.phone-link:hover {
  background: #5b9dc4
}
.main .caption h1 {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 80px;
  font-size: 66px;
  line-height: 1.1;
}
.exchange-calculator-widget {
  color: #fff;
}
.exchange-calculator-widget .exchange-calculator-inner {
  position: relative;
  z-index: 2;
  width: 674px;
  padding: 60px 40px;
  border-radius: 36px;
  height: 638px;
  background-position: center;
  border: 1px solid #353535;
  background-image: url("data:image/svg+xml,%3Csvg width='674' height='639' viewBox='0 0 674 639' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_1_200)'%3E%3Cmask id='path-1-inside-1_1_200' fill='white'%3E%3Cpath d='M0 0H674V639H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H674V639H0V0Z' fill='black' fill-opacity='0.6'/%3E%3Cpath d='M0 0V-1H-1V0H0ZM674 0H675V-1H674V0ZM674 639V640H675V639H674ZM0 639H-1V640H0V639ZM0 1H674V-1H0V1ZM673 0V639H675V0H673ZM674 638H0V640H674V638ZM1 639V0H-1V639H1Z' fill='url(%23paint0_linear_1_200)' mask='url(%23path-1-inside-1_1_200)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_1_200' x='-40' y='-40' width='754' height='719' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='20'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1_200'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1_200' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_1_200' x1='0' y1='0' x2='337' y2='639' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='%23999999' stop-opacity='0.3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.exchange-calculator-widget .exchange-calculator-inner:after {
  background: #f9f9f9;
  height: 1px;
  width: 100%;
  left: 0;
  top: 45%;
  content: "";
  position: absolute;
  opacity: 0.2;
}
.exchange-calculator-widget .select-control {
  max-width: 48%;
}
.exchange-calculator-widget .select-control label {
  font-size: 19.5px;
  margin-bottom: 20px;
  display: block;
  opacity: 0.9;
}
.exchange-calculator-widget .select-control .dropdown-wrapper {
  color: #D9D9D9;
  position: relative;
  cursor: pointer;
}
.exchange-calculator-widget .select-control .dropdown-wrapper .selected {
  font-size: 44px;
  position: relative;
  padding-right: 30px;
  font-family: 'Inter';
}
.exchange-calculator-widget .select-control .dropdown-wrapper .selected.opened:after {
  transform: rotate(180deg);
  transition: all 0.3s ease 0s;
}
.exchange-calculator-widget .select-control .dropdown-wrapper .selected:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.3185 8.6815C7.69488 9.05788 8.30512 9.05788 8.6815 8.6815L14.815 2.54803C15.1913 2.17165 15.1913 1.56142 14.815 1.18504C14.4386 0.808655 13.8284 0.808655 13.452 1.18503L8 6.63701L2.54803 1.18503C2.17165 0.808655 1.56142 0.808655 1.18504 1.18503C0.808655 1.56141 0.808655 2.17165 1.18503 2.54803L7.3185 8.6815ZM7.03622 7L7.03622 8L8.96378 8L8.96378 7L7.03622 7Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
  right: 0;
  top: 26px;
  transition: all 0.3s ease 0s;
}
.exchange-calculator-widget .select-control .dropdown-wrapper .selected.active:after {
  transition: all 0.3s ease 0s;
  transform: rotate(180deg);
}
.exchange-calculator-widget .select-control .dropdown-wrapper .dropdown {
  background: #292929;
  color: #fff;
  padding: 10px 10px;
  width: 142px;
  position: absolute;
  left: 0;
  top: 44px;
  border-radius: 12px;
  max-height: 188px;
  z-index: 9;
  font-size: 18px;
  overflow: auto;
  display: none;
}
.exchange-calculator-widget .select-control .dropdown-wrapper .dropdown li {
  cursor: pointer;
  color: #d9d9d9;
  padding: 10px 20px;
}
.exchange-calculator-widget .select-control .dropdown-wrapper .dropdown li:hover {
  color: #fff;
}
.exchange-calculator-widget .select-control .dropdown-wrapper .dropdown li:not(:last-child) {
  margin-bottom: 10px;
}
.exchange-calculator-widget .input-control {
  max-width: 48%;
}
.exchange-calculator-widget .input-control label {
  font-size: 19.5px;
  margin-bottom: 17px;
  display: block;
  text-align: right;
  font-family: 'Inter';
  opacity: 0.9;
}
.exchange-calculator-widget .input-control input {
  color: #fff;
  background: none;
  border: none;
  height: 50px;
  max-width: 100%;
  font-size: 38px;
  text-align: right;
}
.exchange-calculator-widget .input-control input ::placeholder {
  text-align: right;
}
.exchange-calculator-widget .input-control input ::-ms-input-placeholder {
  text-align: right;
}
.exchange-calculator-widget h3 {
  line-height: 1;
  margin-bottom: 50px;
  font-size: 44px;
  font-weight: 400;
}
.exchange-calculator-widget .reverse-button {
  position: absolute;
  width: 100%;
  left: 0;
  top: 254px;
  z-index: 2;
  text-align: center;
}
.exchange-calculator-widget .reverse-button button {
  border: 1px solid #4F4E4A;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0193 10.9442L10.9608 4.88574L4.90234 10.9442' stroke='%235b9dc4' stroke-width='2.09394' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9609 34.2009V4.88574' stroke='%235b9dc4' stroke-width='2.09394' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0684 28.1428L28.1269 34.2012L34.1853 28.1428' stroke='%235b9dc4' stroke-width='2.09394' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.126 4.88574V34.2009' stroke='%235b9dc4' stroke-width='2.09394' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  display: inline-block;
  background-color: #151515;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
.exchange-calculator-widget .bottom-part {
  margin-top: 94px;
}
.exchange-calculator-widget .bottom-part label {
  opacity: 0.6;
}
.exchange-calculator-widget .bottom-part .exchange-result {
  color: rgba(217, 217, 217, 0.8);
  font-size: 20px;
  font-weight: 500;
  margin-top: 40px;
  margin-bottom: 36px;
}
.exchange-calculator-widget .bottom-part .phone-field input {
  height: 64px;
  border-radius: 8px;
  padding-left: 17px;
  background: #1e1e1e;
  font-size: 20px;
  border: 1px solid rgba(253, 253, 253, 0.2);
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
}
.exchange-calculator-widget .bottom-part .phone-field input::placeholder {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0;
  font-family: "Inter";
}
.exchange-calculator-widget .bottom-part .phone-field input::-ms-input-placeholder {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0;
  font-family: "Inter";
}
.rate-widget {
  margin-top: 32px;
}
.rate-widget .rate-list {
  width: 1024px;
  z-index: 1;
  position: relative;
}
.rate-widget .rate-list .item {
  padding: 20px 20px 30px 20px;
  width: 322px;
  border: 1px solid rgba(194, 194, 194, 0.44);
  background: rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  color: rgba(217, 217, 217, 0.9);
  font-size: 28px;
  background: linear-gradient(129.85deg, rgba(116, 116, 116, 0) 0%, rgba(116, 116, 116, 0.2) 72.75%), rgba(0, 0, 0, 0.06);
}
.rate-widget .rate-list .item .buttons button,
.rate-widget .rate-list .item .buttons .wpcf7-submit{
  color: rgba(217, 217, 217, 0.9);
  border: 1px solid #151515;
  border-radius: 48px;
  height: 34px;
  padding: 0 12px;
  background: none;
  font-size: 16px;
}
.rate-widget .rate-list .item .buttons button.active,
.rate-widget .rate-list .item .buttons .wpcf7-submit .active{
  border-color: #5b9dc4;
}
.rate-widget .rate-list .item .rate-footer {
  margin-top: 74px;
}
.main-exchange-table {
  padding: 60px 0;
}
.main-exchange-table .table {
  color: #fff;
  width: 1024px;
  background-image: url("data:image/svg+xml,%3Csvg width='1075' height='823' viewBox='0 0 1075 823' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_183)'%3E%3Cpath d='M158.334 452.088C128.532 276.309 -1.2569 60.8584 265.538 106.488C612.349 510.66 943.218 153.13 973.019 328.91C1002.82 504.689 606.979 706.142 517.97 721.233C428.961 736.323 188.136 627.868 158.334 452.088Z' fill='%23#5b9dc4' fill-opacity='0.4'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_183' x='0.554688' y='0.289062' width='1074.06' height='822.339' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='50' result='effect1_foregroundBlur_1_183'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.main-exchange-table .table .button-more a {
  cursor: pointer;
}
.main-exchange-table .table .button-more {
  margin-bottom: 30px;
}
.main-exchange-table .table .table-inner p {
  margin-top: 20px;
  text-align: center;
}
.main-exchange-table .table .table-inner {
  padding: 68px 64px;
  border: 2px solid rgba(227, 227, 227, 0.35);
  border-radius: 36px;
  background-color: rgba(0, 0, 0, 0.5);
  background: radial-gradient(69.48% 100.19% at 0% 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(200.795px);
}
.main-exchange-table .table h3 {
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 30px;  
  line-height: 1.3;
}
.main-exchange-table .table table {
  text-align: left;
  width: 100%;
}
.main-exchange-table .table table th,
.main-exchange-table .table table td {
  padding: 20px 24px 16px 17px;
  border-bottom: 1px solid rgba(85, 85, 85, 0.4);
}
.main-exchange-table .table table th {
  padding-bottom: 20px;
}
.main-exchange-table .table table td {
  font-size: 28px;
}
.main-exchange-table .table table th:last-child,
.main-exchange-table .table table td:last-child {
  padding-left: 30px;
}
.main-exchange-table .table table thead {
  font-size: 20px;
}
.main-exchange-table .table table thead th:first-child {
  width: 74%;
}
.main-exchange-table .table table tbody tbody {
  font-size: 20px;
}
.main-exchange-table .table table tbody .hidden {
  display: none;
}
.main-exchange-table .button-more {
  margin-top: 44px;
}
.main-exchange-table .button-more a {
  padding: 0 10px;
  height: 50px;
  border: 1px solid #5b9dc4;
  border-radius: 8px;
  display: inline-block;
  line-height: 50px;
  color: #5b9dc4;
  text-align: center;
}
.main-exchange-table .button-more a:hover {
  color: #5b9dc4;
  border-color: #5b9dc4;
  transition: all 0.3s ease 0s;   
}
.location{
  padding: 20px 0 110px;
  padding-top: 100px;
}
.deal {
  margin-bottom: 110px;
}

.location .address {
  width: 700px;
  padding: 78px;
  padding-top: 205px;
}
.location .address h3 {
  font-size: 60px;
  color: #5b9dc4;
  font-weight: 600;
  margin-bottom: 40px;
}
.location .address a,
.location .address p{
  font-size: 28px;
  color: #ffffff;
  line-height: 1.25;
}
.location .address p {
  margin-top: 10px;
  font-size: 18px;
}
.location .map {
  border-radius: 38px;
  position: relative;
}
.location .map img {
  opacity: 0;
}
.location .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  filter: grayscale(1) brightness(0.5) contrast(2);
}
.location .content {
  position: relative;
  border-radius: 36px;
  background: #1e1e1e url(../images/money-1.png) no-repeat left bottom;
}
.location .content:before {
  position: absolute;
  content: "";
  width: 212px;
  height: 212px;
  background-image: url(../images/coin-1.png);
  background-repeat: no-repeat;
  left: -48px;
  top: -46px;
}
.partners {
  color: #fff;
}
.partners .partners-list > a {
  max-width: 48%;
  line-height: 1.35;
  text-align: center;
}
.partners .content {
  padding: 98px 90px;
  border-radius: 34px;
  height: 576px;
  background-color: #20201e;
  background-image: url('../images/ellipse-1.png'), url('../images/ellipse-2.png');
  background-repeat: no-repeat;
  background-position: left -100px top -100px, right -200px top 0px;
  position: relative;
}
.partners .content:after {
  position: absolute;
  right: 20px;
  bottom: 0;
  background: url(../images/money-3.png) no-repeat right 10px bottom 0;
  width: 580px;
  height: 500px;
  content: "";
}
.partners .partners-list {
  width: 760px;
  max-width: 100%;
}
.partners .partners-list .partner {
}
.partners .partners-list .partner p {
  margin-top: 40px;
  font-size: 22px;
  font-weight: 100;
}
.partners .subtitle {
  margin-bottom: 40px;
  line-height: 1.35;
}
.partners h3 {
  font-size: 64px;
  font-weight: 600;
  margin-bottom: 40px;
}
.partner .partner-description {
  font-size: 16px !important;
}
.about {
  border-radius: 34px;
  margin-top: 110px;
  background: url(../images/about.jpg);
  padding: 103px 0;
  background-size: cover;
  background-position: center;
}
.about .content {
  color: #fff;
}
.about .content .text {
  background: radial-gradient(100.39% 100% at 17.66% 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.72);
  width: 720px;
  padding: 40px 30px 40px 60px;
  border-radius: 34px;
  line-height: 1.3;
  height: 300px;
  overflow: auto;
}
.about .mCSB_inside > .mCSB_container {
  padding-right: 30px;
}
.about .content h2{
  font-size: 52px;
  margin-bottom: 20px;
  font-weight: 600;
}
.about .content h3,
.about .content h4 {
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 28px;
  margin-top: 40px;
}
.about .content p:not(:last-child) {
  margin-bottom: 20px;
}
.about .content ol li {
  list-style-type: decimal;
  margin-bottom: 4px;
  list-style-position: inside;
}
.about .content ol,
.about .content ul {
  padding-top: 6px;
}
.about .content ul li {
  list-style-type: disc;
  margin-bottom: 4px;
  list-style-position: inside;
}
.reviews {
  padding: 150px 0;
}
.reviews h3 {
  font-size: 64px;
  font-weight: 600;
  margin-bottom: 60px;
  text-align: center;
  color: #fff;
}
.reviews .slick-list {
  padding: 60px 0 !important;
}
.reviews .slick-list .slick-center .item {
  transform: scale(1.15);
  transition: all 0.3s ease 0s;
}
.reviews .slick-arrow {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px solid #5b9dc4;
  background: none;
  cursor: pointer;
  position: absolute;
  padding: 0;
  bottom: -100px;
  transition: all 0.3s ease 0s;
}
.reviews .slick-arrow:hover {
  opacity: 0.8;
  transition: all 0.3s ease 0s;
}
.reviews .slick-arrow:after {
  left: 0;
  top: 0;
  width: 86px;
  height: 86px;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
}
.reviews .slick-arrow.slick-prev {
  left: 44%;
}
.reviews .slick-arrow.slick-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.714 12.1043H2.50082M2.50082 12.1043L13.1074 1.49774M2.50082 12.1043L13.1074 22.7109' stroke='%235b9dc4' stroke-width='2.25'/%3E%3C/svg%3E%0A");
}
.reviews .slick-arrow.slick-next {
  right: 44%;
}
.reviews .slick-arrow.slick-next:after {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.714 12.1043H2.50082M2.50082 12.1043L13.1074 1.49774M2.50082 12.1043L13.1074 22.7109' stroke='%235b9dc4' stroke-width='2.25'/%3E%3C/svg%3E%0A");
}
.reviews .slider .item {
  background: #fff;
  border-radius: 20px;
  padding: 86px 70px 86px 54px;
  width: 517px;
  position: relative;
  transition: all 0.3s ease 0s;
}
.reviews .slider .item:before {
  position: absolute;
  content: "";
  width: 165px;
  height: 78px;
  background-image: url("data:image/svg+xml,%3Csvg width='165' height='78' viewBox='0 0 165 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 20H154V68H34V20Z' fill='%23121212'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M53.3962 40.4975C53.3962 29.7515 44.691 21.0403 33.9537 21.0403H2.50009C-8.51312 21.0403 30.5 66.4785 30.5 77.5L125.5 70C136.514 70 160 74.5217 160 63.5C160 52.4785 171.014 21.0403 160 21.0403H154.598C143.86 21.0403 135.155 29.7515 135.155 40.4975C135.155 51.2434 126.45 59.9548 115.712 59.9548H72.8388C62.1006 59.9548 53.3962 51.2434 53.3962 40.4975Z' fill='white'/%3E%3Cpath d='M87.6587 40.9963H63.3667L81.0931 0.0861816H97.0144L87.6587 40.9963ZM120.814 40.9963H96.5223L114.249 0.0861816H130.17L120.814 40.9963Z' fill='%235b9dc4'/%3E%3C/svg%3E%0A");
  right: 24px;
  top: -21px;
}
.reviews .slider .item .name {
  margin-bottom: 28px;
  font-size: 20px;
  line-height: 1.2;
}
.reviews .slider .item p {
  line-height: 1.5;
}
.contacts {
  padding: 100px 0;
  color: #fff;
}
.contacts .container {
  position: relative;
}
.contacts .container:before {
  position: absolute;
  content: "";
  width: 320px;
  height: 320px;
  background: url(../images/money-2.png) no-repeat left -34px bottom -26px;
  left: -70px;
  bottom: -100px;
  z-index: -1;
}
.contacts .container:after {
  position: absolute;
  content: "";
  width: 217px;
  height: 184px;
  background: url(../images/coin-2.png) no-repeat center;
  right: 0px;
  top: -140px;
  z-index: -1;
}
.contacts .left {
  border-radius: 40px;
  background: rgba(0, 0, 0, 0.4);
  padding: 68px 52px;
  width: 1114px;
}
.contacts .left .info {
  width: 520px;
  max-width: 100%;
}
.contacts .left .info .information {
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
}
.contacts .left .info .information p {
  width: 246px;
  font-size: 16px;
  line-height: 1.3;
  margin-right: 10px;
}
.contacts .left .info .information li {
  margin-right: 20px;
}
.contacts .left .info .information li a {
  background: #393939;
  border-radius: 50%;
  width: 66px;
  height: 66px;
}
.contacts .left .info .information li a:hover {
  background: #6b6b6b;
}
.contacts .left .info h3 {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 162px;
}
.contacts .left form {
  width: 438px;
}
form .options.socials label {
  font-size: 22px;
}
form .options label {
  display: block;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 400;
}
form .options ul li {
  padding-left: 30px;
  position: relative;
}
form .options ul li:not(:last-child) {
  margin-right: 28px;
}
form .options ul li input {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
form .options ul li input + i {
  width: 20px;
  height: 20px;
  border: 2px solid #5b9dc4;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 2px;
}
form .options ul li input:checked + i:after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  left: 3px;
  top: 3px;
  background: #5b9dc4;
  border-radius: 50%;
}
.wpcf7 form .wpcf7-response-output {
  border-color: #5b9dc4;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  border-radius: 24px;
}
.contacts .left form .form-group .field {
  margin-bottom: 10px;
}
.contacts .left form .form-group .field.phone {
  margin-bottom: 26px;
}
.contacts .left form .form-group .field input {
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 65px;
  border: none;
  border-radius: 8px;
  padding: 0;
  padding-left: 38px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.contacts .left form .form-group .field input::placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.contacts .left form .form-group .field input::-ms-input-placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.contacts .left form .form-group .button button,
.contacts .left form .form-group .button .wpcf7-submit{
  height: 68px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 10px;
}
.contacts .left form h5 {
  font-size: 24px;
}
.contacts .right {
  border-radius: 40px;
  background: rgba(0, 0, 0, 0.4);
  padding: 68px 52px;
  color: #fff;
  width: 584px;
}
.contacts .right ul li {
  font-size: 24px;
}
.contacts .right ul li.phone {
  font-size: 40px;
  margin-bottom: 36px;
}
.contacts .right ul li.city {
  margin-bottom: 10px;
}
.contacts .right ul a:hover,
.footer-contacts a:hover {
  color: #6b6b6b;
}
.contacts .right h4 {
  font-size: 24px;
  margin-bottom: 100px;
}
footer {
  background: #121212;
  border-radius: 36px 36px 0 0;
  border: 1px solid #4b4b4b;
  padding: 46px 0;
}
footer .footer-inner .navigation {
  width: 410px;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Inter';
}
footer .footer-inner .navigation li:not(:last-child) {
  margin-bottom: 24px;
}
footer .footer-inner .navigation li a:hover {
  color: #fff;
}
footer .footer-inner .footer-contacts {
  color: #ffffff;
  line-height: 1.3;
  width: 360px;
}
footer .footer-inner .footer-contacts h3 {
  color: #5b9dc4;
  font-size: 18px;
  margin-bottom: 20px;
}
footer .footer-inner .footer-contacts p {
  line-height: 1.8;
}
footer .footer-inner .footer-contacts .btn {
  margin-top: 20px;
}
footer .footer-inner .footer-contacts .btn a {
  width: 180px;
  color: #121212;
  height: 36px;
  border-radius: 8px;
  background: #5b9dc4;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
}
footer .footer-inner .footer-contacts .btn a:hover {
  background: #5b9dc4;
}
footer .footer-inner .information {
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
}
footer .footer-inner .information p {
  width: 246px;
  font-size: 16px;
  line-height: 1.3;
  margin-right: 10px;
  color: #5b9dc4;
}
footer .footer-inner .information ul.flex{
    gap: 10px;
}
footer .footer-inner .information li a{
  background: #393939;
  border-radius: 50%;
  width: 66px;
  height: 66px;
}
footer .footer-inner .information li a:hover,
.main-page-3 .container .addcontact li a:hover{
  background: #6b6b6b;
}
.cities-dropdown {
  position: absolute;
  display: none;
  right: 0;
  top: 44px;
  width: 330px;
  height: 160px;
  padding: 25px 16px 25px 20px;
  background: #1e1e1e;
  color: #fff;
  z-index: 9;
  border-radius: 16px;
}
.partners-dropdown {
  padding: 50px 0 20px 0;
  color: #5b9dc4;
  font-weight: 600;
}
.city .cities-dropdown .cities-dropdown-inner {
    overflow: auto;
    height: 100%;
}
.cities-dropdown li:not(:last-child) {
  margin-bottom: 22px;
}
.cities-dropdown li a,
.choose-your-city .left .city-dropdown .dropdown li a {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  position: relative;
  padding: 0 10px 0 20px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 200;
}
.cities-dropdown li a:hover,
.choose-your-city .left .city-dropdown .dropdown li a:hover {
  color: #fff;
}
.cities-dropdown li a.active,
.choose-your-city .left .city-dropdown .dropdown li a.active {
  color: #5b9dc4;
}
.cities-dropdown li a:after {
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 14px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99967 0.333496C2.42301 0.333496 0.333008 2.4235 0.333008 5.00016C0.333008 8.50016 4.99967 13.6668 4.99967 13.6668C4.99967 13.6668 9.66634 8.50016 9.66634 5.00016C9.66634 2.4235 7.57634 0.333496 4.99967 0.333496ZM4.99967 6.66683C4.07967 6.66683 3.33301 5.92016 3.33301 5.00016C3.33301 4.08016 4.07967 3.3335 4.99967 3.3335C5.91967 3.3335 6.66634 4.08016 6.66634 5.00016C6.66634 5.92016 5.91967 6.66683 4.99967 6.66683Z' fill='%235b9dc4'/%3E%3C/svg%3E%0A");
}
.choose-your-city {
  width: 990px;
  height: 582px;
  border: 1px solid #5b9dc4;
  background: #121111 url(../images/cyc-decoration.svg) no-repeat left 0px bottom 0px;
  padding: 76px 50px;
  color: #fff;
  max-width: 100%;
  border-radius: 25px;
  display: none;
}
.choose-your-city h3 {
  font-size: 44px;
  margin-bottom: 40px;
  font-weight: 700;
}
.choose-your-city .right {
  margin-left: -40px;
  margin-top: 90px;
}
.choose-your-city .left {
  max-width: 100%;
}
.choose-your-city .left .city-dropdown {
  position: relative;
  max-width: 100%;
  width: 390px;
}
.choose-your-city .left .city-dropdown .selected {
  padding-left: 14px;
  height: 64px;
  line-height: 64px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
  background: #22211e;
  border: 1px solid rgba(253, 253, 253, 0.2);
  position: relative;
  cursor: pointer;
  border-radius: 8px;
}
.choose-your-city .left .city-dropdown .selected:after {
  position: absolute;
  content: "";
  right: 20px;
  top: 26px;
  width: 16px;
  height: 9px;
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70711 0.292893C8.31658 -0.097631 7.68342 -0.097631 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM9 2V1L7 1V2L9 2Z' fill='white'/%3E%3C/svg%3E%0A");
  transition: all 0.3s ease 0s;
}
.choose-your-city .left .city-dropdown .selected.active:after {
  transition: all 0.3s ease 0s;
  transform: rotate(0deg);
}
.choose-your-city .left .city-dropdown .dropdown {
  overflow: auto;
  height: 320px;
  width: 100%;
  padding: 15px;
  border-radius: 16px;
  background: #1e1e1e;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 64px;
}
.choose-your-city .left .city-dropdown .dropdown li:not(:last-child) {
  margin-bottom: 22px;
}
.choose-your-city .left .city-dropdown .dropdown li a {
  display: block;
  position: relative;
  padding: 0 10px 0 20px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 200;
}
.choose-your-city .left .city-dropdown .dropdown li a:after {
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 14px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99967 0.333496C2.42301 0.333496 0.333008 2.4235 0.333008 5.00016C0.333008 8.50016 4.99967 13.6668 4.99967 13.6668C4.99967 13.6668 9.66634 8.50016 9.66634 5.00016C9.66634 2.4235 7.57634 0.333496 4.99967 0.333496ZM4.99967 6.66683C4.07967 6.66683 3.33301 5.92016 3.33301 5.00016C3.33301 4.08016 4.07967 3.3335 4.99967 3.3335C5.91967 3.3335 6.66634 4.08016 6.66634 5.00016C6.66634 5.92016 5.91967 6.66683 4.99967 6.66683Z' fill='%235b9dc4'/%3E%3C/svg%3E%0A");
}
.additional-page {
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 80px;
  padding-top: 30px;
  color: #fff;
}
.additional-page.main-page-1 {
  background-image: url(../images/main-page-1.jpg);
}
.additional-page.main-page-2 {
  background-image: url(../images/main-page-2.jpg);
}
.additional-page.main-page-3 {
  background-image: url(../images/main-page-3.jpg);
}
.additional-page.main-page-4 {
  background-image: url(../images/main-page-4.jpg);
}
.additional-page.main-page-5 {
  background-image: url(../images/main-page-5.jpg);
}
.additional-page.main-page-6 {
  background-image: url(../images/main-page-6.jpg);
}
.additional-page.main-page-7 {
  background-image: url(../images/main-page-7.jpg);
}
.additional-page.main-page-8 {
  background-image: url(../images/main-page-8.jpg);
}
.additional-page .breadcrumbs {
  font-size: 16px;
  margin-bottom: 60px;
  font-weight: 300;
}
.additional-page .breadcrumbs li {
  margin-right: 4px;
}
.additional-page .caption {
  width: 780px;
  max-width: 100%;
}
.additional-page .caption h1 {
  font-size: 68px;
  font-weight: 700;
  margin-bottom: 44px;
}
.additional-page .order-form {
  width: 614px;
  max-width: 100%;
  margin-top: 56px;
}
.additional-page .order-metals .button button,
.additional-page .order-form .button .wpcf7-submit{
  font-weight: 700;
  height: 114px;
  border-radius: 24px;
}
.additional-page .order-form .fields,
.order-metals-form .order-metals {
  margin-bottom: 10px;
  padding: 50px 42px;
  border-radius: 24px;
  background: #1e1e1e;
}
.additional-page .order-form .fields .select-type .select-element {
  width: 534px;
  max-width: 100%;
  position: relative;
}
.additional-page .order-form .fields .select-type .select-element .dropdown {
  display: none;
  line-height: 1;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(253, 253, 253, 0.2);
  background: #292929;
  z-index: 2;
  top: 64px;
  left: 0;
  position: absolute;
}
.additional-page .order-form .fields .select-type .select-element .dropdown li {
  padding: 16px 14px;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.additional-page .order-form .fields .select-type .select-element .dropdown li:hover {
  transition: all 0.3s ease 0s;
  background: rgba(255, 255, 255, 0.1);
}
.additional-page .order-form .fields .select-type .select-element .selected {
  padding-left: 14px;
  border-radius: 8px;
  border: 1px solid rgba(253, 253, 253, 0.2);
  background: rgba(41, 41, 41, 0.8);
  color: rgba(255, 255, 255, 0.8);
  line-height: 64px;
  height: 64px;
  font-size: 18px;
  position: relative;
  cursor: pointer;
}
.additional-page .order-form .fields .select-type .select-element .selected.active:after {
  transition: all 0.3s ease 0s;
  transform: rotate(180deg);
}
.additional-page .order-form .fields .select-type .select-element .selected:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.3185 8.6815C7.69488 9.05788 8.30512 9.05788 8.6815 8.6815L14.815 2.54803C15.1913 2.17165 15.1913 1.56142 14.815 1.18504C14.4386 0.808655 13.8284 0.808655 13.452 1.18503L8 6.63701L2.54803 1.18503C2.17165 0.808655 1.56142 0.808655 1.18504 1.18503C0.808655 1.56141 0.808655 2.17165 1.18503 2.54803L7.3185 8.6815ZM7.03622 7L7.03622 8L8.96378 8L8.96378 7L7.03622 7Z' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E%0A");
  right: 20px;
  top: 26px;
  transition: all 0.3s ease 0s;
}
.additional-page .order-form .fields .field:not(:last-child) {
  margin-bottom: 10px;
}
.additional-page .order-form .fields .field input {
  width: 534px;
  max-width: 100%;
  padding-left: 14px;
  border-radius: 8px;
  border: 1px solid rgba(253, 253, 253, 0.2);
  background: rgba(41, 41, 41, 0.8);
  color: rgba(255, 255, 255, 0.8);
  height: 64px;
  font-size: 18px;
}
.additional-page .order-form .fields .field input::placeholder {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}
.additional-page .order-form .fields .field input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}
.additional-page .order-form .fields .description {
  line-height: 1.25;
  font-size: 16px;
  margin-top: 30px;
}
.deal {
  padding: 0px 0 140px 0;
  background-color: #121212;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='1503' height='1868' viewBox='0 0 1503 1868' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1_4343)'%3E%3Cellipse cx='1001.18' cy='934.096' rx='531.39' ry='395.387' transform='rotate(-30.2162 1001.18 934.096)' fill='%235b9dc4' fill-opacity='0.3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1_4343' x='0.59668' y='0.19397' width='2001.16' height='1867.8' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_1_4343'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: right -40px top 0px;
  background-repeat: no-repeat;
}
.deal .left-part {
  width: 720px;
}
.deal .left-part h3 {
  margin-bottom: 350px;
  font-weight: 600;
  font-size: 86px;
  line-height: 1;
}
.deal .left-part .desc {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.3;
  padding-right: 178px;
}
.deal .mobile {
  display: none;
}
.deal .right-part {
  width: 960px;
}
.deal.full .order-metals-form {
  margin: 0 auto;
}
.deal.full .right-part {
  width: 100%;
}
.deal.full .right-part .item {
  width: 24%;
  max-width: 24%;
  display: none;
}
.deal .right-part .item {
  width: 475px;
  max-width: 49.5%;
  background: #242424;
  padding: 65px 45px;
  line-height: 1.3;
  margin-bottom: 10px;
  border-radius: 20px;
}
.deal.full .right-part .item.hidden {
  visibility: hidden;
  margin: 0;
  padding: 0;
  display: block !important;
}
.deal .right-part .item.active {
  display: block;
}
.deal .right-part .item .ico:not(.flex) {
    display: inline-block;
}
.deal .right-part .item .ico {
  margin-bottom: 20px;
}
.deal .right-part .item .description,
.deal .right-part .item .price {
  margin-bottom: 20px;
}
.deal .right-part .item h4 {
  font-weight: 600;
  margin-bottom: 26px;
  font-size: 24px;
  color: #fff;
}
.deal .right-part .item-grouped .small {
  width: 49%;
  margin-bottom: 30px;
}
.exchange-calculator-widget .items {
  height: 100%;
}
.exchange-calculator-widget .item-left {
  background-image: url(../images/1000002278.png);
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  width: 50%;
  background-position: left center;
}
.exchange-calculator-widget .item-right {
  background-image: url(../images/1000002278.png);
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  width: 50%;
  background-position: right center;
}
.exchange-calculator-widget .exchange-calculator-inner-2 {
  background-image: none;
  border: none;
}
 
body.page-id-12 .order-form .fields {
  border: 1px solid #5b9dc4;
}



.order-form-popup {
  width: 1178px;
  color: #fff;
  border: 1px solid #FED467;
  border-radius: 25px;
  padding: 86px 76px;
  display: none;
  background: #121212 url(../images/order-form-bg.png) no-repeat right bottom;
}
.order-form-popup h3 {
  color: #FED467;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 30px;
}
.order-form-popup .form .button button {
  font-size: 20px;
  height: 68px;
  border-radius: 8px;
}
.order-form-popup .form {
  width: 436px;
  max-width: 100%;
}
.order-form-popup .options.socials label {
  font-size: 22px;
}
.order-form-popup .options label {
  display: block;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 400;
}
.order-form-popup .options ul li {
  padding-left: 30px;
  position: relative;
}
.order-form-popup .options ul li:not(:last-child) {
  margin-right: 28px;
}
.order-form-popup .options ul li input {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
  opacity: 0;

}
.order-form-popup .options ul li input + i {
  width: 20px;
  height: 20px;
  border: 2px solid #fed467;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  left: 0;
  top: -4px;
}
.order-form-popup .options {
  margin-bottom: 20px;
}
.order-form-popup .options ul li input:checked + i:after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: "";
  left: 3px;
  top: 3px;
  background: #fed467;
  border-radius: 50%;
}
.order-form-popup .form-group .field {
  margin-bottom: 10px;
}
.order-form-popup .form-group .field.phone {
  margin-bottom: 26px;
}
.order-form-popup .form-group .field input {
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 65px;
  border: none;
  border-radius: 8px;
  padding: 0;
  padding-left: 38px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.order-form-popup .form-group .field input::placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.order-form-popup .form-group .field input::-ms-input-placeholder {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  font-size: 20px;
}
.order-form-popup .form-group .button button,
.order-form-popup .form-group .button .wpcf7-submit{
  height: 68px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 10px;
}
.order-form-popup .options label {
  display: block;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 400;
}
.order-form-popup h5 {
  font-size: 24px;
}
.order-form-popup .form-group .field.phone {
    margin-bottom: 26px;
}



.order-metals .table-lists + p {
  margin-top: 20px;
  line-height: 1.35;
  text-align: center;
}
.order-metals h2 {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 32px;
  text-align: center;
}
.order-metals-form .tabs .tab.active span {
  color: #FED467;
  border-color: #FED467;
}
.order-metals-form .tabs .tab {
  width: 33.3%;
}
.order-metals-form .tabs .tab span {
  display: inline-block;
  width: 100%;
  height: 48px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid transparent;
  line-height: 48px;
  cursor: pointer;
}
.order-metals-form .tabs:after {
  position: absolute;
  bottom: 0;
  width: 94%;
  left: 3%;
  height: 1px;
  background: #5b9dc4;
  content:"";
}
.order-metals-form .tabs {
  position: relative;
  margin-bottom: 40px;
}
.order-metals-form {
  color: #fff;
  width: 612px;

  margin-top: 40px;
  max-width: 100%;
}
.deal .list .item strong {
  font-weight: 500;
  color: #fff;
}
.deal .list .item {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
}
.deal .list .btn a {
  width: 180px;
  color: #121212;
  height: 36px;
  border-radius: 8px;
  background: #5b9dc4;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
}
.order-metals-form .order-metals .table-list:not(.active) {
  display: none;
}
.order-metals-form .order-metals .table-list li {
  margin-bottom: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #6B6B6B;
}
.order-metals-form .order-metals .table-list li > div {
  width: 186px;
  font-size: 22px;
  text-align: center;
  max-width: 49%;
}
.button-transfer {
  text-transform: uppercase;
}
.exchange-calculator-widget input[name="phone-field"].error {
  background: #634646;
}
.field-from label.error,
.field-to label.error {
  color: #f11717;
}


.order-sent {
  width: 640px;
  max-width: calc(100% - 24px);
  background: #1f1f1f;
  text-align: center;
  color: #fff;
  line-height: 1.6;
  border: 1px solid #5b9dc4;
  border-radius: 20px;
}
.order-sent .icon {
  margin-bottom: 30px;
}
.order-sent h3 {
  margin-bottom: 10px;
  font-size: 24px;
  color: #5b9dc4;
  font-weight: 700;
}
.order-sent p {
  font-size: 18px;
}
.fancybox-slide--html .fancybox-close-small {
  right: 15px;
  top: 10px;
}
.google-maps-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #5b9dc4;
  color: #151515;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  z-index: 2;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.google-maps-button:hover {
  background: #5b9dc4;
}
.verification-response .text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.no-scroll {
    overflow: hidden; /* Забороняє прокрутку сторінки */
}
/* Сховати підменю за замовчуванням */
.navigation .sub-menu {
  position: absolute;
    display: none;
    padding: 25px 16px 25px 20px;
    background: #1e1e1e;
    color: #fff;
    z-index: 9;
    border-radius: 16px;
  margin-top: 10px;
}
/* Відображати підменю при наведенні на пункт меню */
.navigation li:hover > .sub-menu {
    /*display: block;*/
}
/* Стиль для пунктів підменю */
.navigation .sub-menu li {
    margin: 0;
    padding: 5px 10px;
}
/* Забезпечує правильне вирівнювання підменю */
.navigation .sub-menu li a {
  text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
}
.menu-item-has-children {
    cursor: pointer;
}
/* Додаємо стрілочку до пунктів меню, які мають підменю */
.navigation .menu-item-has-children > a:before {
    content: "";
    font-size: 12px; /* Розмір стрілочки */
    color: #5b9dc4; /* Колір стрілочки */
    display: inline-block;
    vertical-align: middle; /* Вирівнювання по вертикалі */
    position: absolute;
    right: -16px;
    top: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 9.70721C7.68342 10.0977 8.31658 10.0977 8.70711 9.70721L15.0711 3.34325C15.4616 2.95272 15.4616 2.31956 15.0711 1.92903C14.6805 1.53851 14.0474 1.53851 13.6569 1.92903L8 7.58589L2.34315 1.92903C1.95262 1.53851 1.31946 1.53851 0.928932 1.92903C0.538408 2.31956 0.538408 2.95272 0.928932 3.34325L7.29289 9.70721ZM7 9V9.0001H9V9H7Z' fill='%235b9dc4'/%3E%3C/svg%3E%0A");
    border-left: none;
    border-top: none;
    width: 10px;
    height: 6px;
    background-size: 100% auto;
    transition: all 0.3s ease 0s;
}

/* Стиль для стрілочки при наведенні */
.navigation .menu-item-has-children:hover > a::after {
    color: #f0f0f0; /* Колір стрілочки при наведенні */
}
header .navigation ul li.opened > a:before {
  transform: rotate(180deg);
  transition: all 0.3s ease 0s;
}




.pockets-text_widget {
  padding: 60px 0;
  color: rgba(255,255,255,0.6);
  line-height: 1.35;
  font-size: 18px;
  
}
.pockets-text_widget .pockets_list {
  gap: 20px;
}
.pockets-text_widget h4 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 16px;
  font-size: 22px;
  padding-top: 15px;
}
.pockets-text_widget .pockets_list {
  margin-top: 30px;
}
.pockets-text_widget .item {
  width: calc(25% - 15px);  
  background: #242424;
  padding: 50px 45px;
  line-height: 1.35;
 
  border-radius: 20px;
  font-weight: 300;
}

.metal-list .item img{
  max-height: 250px;
    border-radius: 5%;
}
.city-overlay {

}
body.no-scroll header .city-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(30, 30, 30);
  opacity: 0.6;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}


.exchange-calculator-widget .input-control input {
    border-radius: 8px;
    background: #1e1e1e;
    border: 1px solid rgba(253, 253, 253, 0.2);
    margin-top: 10px;
}

.discount-badge {
  position: absolute;
  top: 35px; /* Відступ зверху */
  left: 45px; /* Відступ зліва */
  background-color: #5b9dc4;
  color: #000002; /* Білий текст */
  border-radius: 50%; /* Робимо елемент круглим */
  padding: 10px 10px; /* Внутрішній відступ */
  font-size: 12px; /* Розмір тексту */
  font-weight: bold; /* Жирний текст */
  z-index: 10; /* Виводимо поверх інших елементів */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Легкий тіньовий ефект */
}
.original-price {
  text-decoration: line-through; /* Закреслюємо стару ціну */
  color: #999; /* Робимо стару ціну менш помітною */
  margin-right: 10px; /* Відступ між старою і акційною ціною */
}

.sale-price {
  color: #5b9dc4; /* Акційна ціна золотого кольору */
}
.lastmetalbtn {
  margin-top: 10px;
}

/* Стиль для треку слайдера */
.range-deposit {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px; 
    background: linear-gradient(to right, #5b9dc4 50%, #ccc 50%);
    border-radius: 10px; 
    outline: none;
    transition: background 0.3s ease;
    margin-bottom: 15px;
}

/* Стиль для повзунка */
.range-deposit::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #5b9dc4;
    border: 2px solid #fff;
    border-radius: 50%; 
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); 
    transition: transform 0.2s ease;
}

.range-deposit::-webkit-slider-thumb:hover {
    transform: scale(1.2); 
}

.range-deposit::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #5b9dc4;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease;
}

.range-deposit::-ms-thumb {
    width: 16px;
    height: 16px;
    background: #f1c40f;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease;
}

/* Для треку в IE */
.range-deposit::-ms-track {
    background: transparent;
    border-color: transparent;
    color: transparent;
}

/* Стиль для контейнера dropdown */
.fields select {
    -webkit-appearance: none; /* Вимикає системний стиль Safari */
    -moz-appearance: none; /* Вимикає системний стиль Firefox */
    appearance: none; 
    width: 534px;
  max-width: 100%;
    padding-left: 14px;
    border-radius: 8px; 
    border: 1px solid rgba(253, 253, 253, 0.2);
    background: rgba(41, 41, 41, 0.8);
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;  
    height: 64px; 
    appearance: none; /* Видалення стандартного вигляду */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E"); /* Стрілка */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 24px;
    cursor: pointer;
  outline: none;  
} 
  
.fields select option {
    background-color: #272727;
    color: #fff; /* Білий текст */
    font-size: 14px;
} 
    
  
/* Для результатів депозиту */
.fields-result {
    padding: 14px;
    border-radius: 8px;
    background: rgba(41, 41, 41, 0.8);
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
} 

.input-field {
    font-size: 14px;
    line-height: 1.5;
}