/*********шрифты******/

@import url("/static/mefonts/stylesheet.css");


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Onest:wght@100..900&family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Onest:wght@100..900&family=Unbounded:wght@200..900&display=swap');


  

    /*@font-face {
        font-family: 'Neue Machina';
        src: url(/mefonts/NeueMachina-Light.ttf) format('truetype');


        src: url('/mefonts/NeueMachina-Light.eot');
    src: url('/mefonts/NeueMachina-Light.eot?#iefix') format('embedded-opentype'),
         url('/mefonts/NeueMachina-Light.woff2') format('woff2'),
         url('/mefonts/NeueMachina-Light.woff') format('woff'),
         url('/mefonts/NeueMachina-Light.ttf') format('truetype'),
         url('/mefonts/NeueMachina-Light.svg') format('svg');
        
    }

    @font-face {
        font-family: 'Neue Machina';
        src: url(/mefonts/NeueMachina-Regular.ttf) format('truetype');
    }

    @font-face {
        font-family: 'Neue Machina';
        src: url(/mefonts/NeueMachina-Ultrabold.ttf) format('truetype');

    }*/


/******ШРИФТЫ************/
:root {
    --default-font-family:"Unbounded" !important;


}

:root{
    --foreground:#FFC72C;
}

:root .mdc-text-field--filled {
    border-radius: 40px!important;
}

:root {
    --body-background: #F3F4FC !important;
}
:root {
    --body-text-color:#000000 !important;
    }
:root {
    /*--background: #FFFFFF !important;*/
    }
:root {
    --default-text-color:#000000 !important;
    }
:root {
    --default-link:#111111 !important; 
}
:root {
    --text-foreground:#000000 !important; 
    --header-bg:#000000 !important; 
    --header-text-color:#FFFFFF !important; 
    --section-text-color:#000000 !important; 
}
/********КНОПКИ******/
:root {
--primary-background:#FFC72C !important; 
--primary-text-color:#000000 !important; 
--primary-button-bg-color:none !important; 
--primary-button-text-color:#000000 !important; 
--menu-active-bg-color: none !important; 
}
:root {
--border-color: none !important; 
}

/*****Стили для обменного блока и форм ввода*******/
:root {
    --exchange-input-amount-bg:#6E7494 !important; 
}



/****Тени и эффекты для элементов интерфейса****/
:root {
--default-box-shadow: none !important; 
--primary-shadow: none !important; 
--primary-shadow-md: none !important; 
--secondary-shadow: none !important; 
--primary-background-foreground: none !important; 
--secondary-background-foreground: none !important; 

}

/******** Стилизация нижней панели сайта (footer)**************/
:root {
--footer-background:#000000 !important; 
--footer-text-color:#FFFFFF !important;
}

/******Скругление углов элементов ************/
:root {

--default-border-radius:40px  !important;
}

:root{
    --mdc-fab-container-elevation-shadow:none !important;
}
:root{
    --tw-shadow:none!important;
    --tw-shadow-color:0!important;
    --tw-inset-shadow:0!important;
    --tw-inset-ring-shadow:none!important;
    --tw-ring-offset-shadow:0!important;
    --tw-ring-shadow:0!important;
}

/**********СТИЛИ РУКАМИ*******/

app-default-theme div.ng-tns-c3456821335-2 div.ng-tns-c3456821335-2 div.exchange__to div.ng-tns-c3456821335-2 button.mat-mdc-fab-base { 
  display: none;
   /* background-color: #FFC72C!important;*/
}
.rounded-3xl {
    border-radius: 40px;
}


:is(.\*\:shadow>*) {
    --tw-shadow: none;
    box-shadow: none;
}

/****статистика черно-белые****/
exchange-statistics .bg-\(--primary-background\) {
    background: none!important;
}
exchange-statistics .items-center:first-child {
    background-color: #000000;
    color: #fff;
}
exchange-statistics .items-center {
    background-color: #fff;
    color: #000;
    height: 247px;
    border-radius: 24px;

}
exchange-statistics div div div{
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
margin: 0px;
}
exchange-statistics img {
    height: 32px;
    width: 32px;
    position: relative;
    top: -80px;
    left: 40px;
}
exchange-statistics div.text-2xl{
padding-top: 120px;
font-size: 41px;
font-weight: 600;
}
******НОВОСТИ**********/
exchange-news h2{
    font-size: 32px!important;
    padding-top: 15px;
}

exchange-news div div h2.text-xl:after{
   
   padding-left: 10px;
    content: url(imgD/newsIco2.svg);    
    
    height: 9px;  
    width: 54px;  
} 
news-item div a img{
border-radius: 24px;

}
     font-size: 20px;
    font-family: "Unbounded";
    font-weight: 600;
    padding-top: 20px;
}
news-item div div a:hover{
    text-decoration: underline;
}
news-item div div div.line-clamp-3{
    display: none;
}
exchange-news a.mdc-button{
    display: none;
}

.mat-grid-tile{
background-color: rgba(0, 13, 126, 0.03);

}


/**ПАРТНЕРАМ****/
app-partners div div{
    background: none;
      
}
app-partners div div.shadow{
   /* background: none;*/ 
        padding: 0px;
      
}


app-partners h1 {
    font-size: 84px;
    font-family: "Unbounded";
    font-weight: 700;
    background: #5F7554;
    padding: 100px 10px 22px 30px;
    color: white;
    border-radius: 32px 32px 0px 0px;
    margin: 0px 0px -1px 0px;
}
app-partners .material-tabs__custom .mat-mdc-tab-header{
    margin: 0;
    background: #5F7554;
    padding: 30px 30px 0px 30px;
    border-radius: 0px 0px 0px 0px;
    border: double;
    border-color: #5F7554!important; 
}
 referral-tab div.mt-5 div.formatting__text {
    background: #5F7554;
    color: #fff;
    margin: 0;
    padding: 30px 550px 60px 30px;
    border-radius: 0px 0px 32px 32px;
    border: double;
    border-color: #5F7554 !important;
    font-family: 'Neue Machina'
  }

  monitoring-tab div.formatting__text {
    background: #5F7554;
    color: #fff;
    margin-top: 20px;
    padding: 30px 550px 60px 30px;
    border-radius: 0px 0px 32px 32px;
    border: double;
    border-color: #5F7554 !important;
    font-family: 'Neue Machina'
  }


referral-tab .grid div{
    background-color: #FFFFFF;
}
referral-tab .grid .p-8:first-child {
     background-color: #FFB127;
     }
referral-tab .grid div.text-3xl{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none!important;
height: 65px;
width: 65px;
font-family: "Unbounded";
font-weight: 600;
font-size: 30px;
border: 1px solid #000000;
border-radius: 1000px;
}

referral-tab .grid div.absolute{
    display: none!important;
} 
referral-tab .grid .relative{
    background: none!important;
}
referral-tab .grid div.text-xl{
    background: none!important;
    font-size: 25px;
    padding-top: 15px;
}
referral-tab .grid div p{
      font-size: 17px;
        font-family: "Neue Machina";
}
referral-tab .p-5{
    background:#FFFFFF!important;
}
referral-tab .p-5 h2{
    font-size: 25px;
    font-family:"Unbounded" ;
    font-weight: 700;
}

referral-tab .space-y-3 div div.ps-5{
    font-size: 18px!important;
    font-family: "Unbounded";
    font-weight: 700;
    width: 95px;
    height: 65px;
    background-color: #000000;
    color: #FFFFFF;
} 

referral-tab .space-y-3 div div.p-3{
    height: 65px;
    vertical-align: middle;
    line-height: 38px;
     font-size: 18px!important;
    font-family: "Unbounded";
    font-weight: 700;
  background: rgba(13, 13, 13, 0.03);
}

referral-tab div.grid div:nth-child(2) div.text-3xl{
    color:transparent!important;
}
referral-tab div.grid div:nth-child(2) div.text-3xl:after{
    content: "2";
    color:#000!important;
  text-indent: -23px;
}

referral-tab .space-y-3 div:nth-child(2)  div.ps-5{
    background: #FFC72C!important; 
}
referral-tab div h2.my-7 {
  text-align: center!important;
  font-size: 32px;
  font-family: "Unbounded";
  font-weight: 500;
  padding-top: 60px;
}
referral-tab div h2.my-7::before {
     padding-right: 10px;
    content: url(imgD/newsIco2.svg);
}


/********FAQ*******/

faq-page div div div div h1{
    font-size: 28px;
    font-weight: 500;
    font-family: "Unbounded";
}

faq-page div div div div p{
     font-size: 17px;    
    font-family: "Neue Machina";
}

faq-page .mat-mdc-nav-list a.mat-mdc-list-item{
    
     text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
background: rgba(13, 13, 13, 0.03);
height: 70px;
}
faq-page .mat-mdc-nav-list a.mat-mdc-list-item fa-icon{
    display: none!important;
}
faq-page .mat-mdc-nav-list a.mat-mdc-list-item span span div{
    text-indent: 10px;
    font-family: "Unbounded";
}
mat-expansion-panel-header .mat-expansion-indicator{
    height: 50px;
    width: 50px;
    border-radius: 16px;
    border: 1px solid #000000;
}
.mat-expansion-indicator svg{
    width: 24px;
    height: 24px;
    margin-left: 12px!important;
    margin-top: 12px!important;
    }
    .mat-expansion-panel .mat-expansion-panel-header{
        min-height: 90px;
    }
.mat-expansion-panel-header-title{
    font-family: "Unbounded";
    font-size: 20px;
    font-weight: 600;
}
.mat-expansion-panel-body div p{
      font-family: "Neue Machina";
      color:rgba(13, 13, 13, 1)!important;
    font-size: 17px;
   

}

app-bitcoin-load div.items-center{
    background: none!important;
}

/*********Контакты*******/


   contacts-page h1{
    font-size: 32px;
    font-family:"Unbounded" ;
    font-weight: 500;
}
 contacts-page div div.gap-3 div div.p-5 h1:after{

       padding-left: 10px;
    content: url(imgD/contIco.svg);    
    
    height: 9px;  
    width: 54px;  
 }
 contacts-page div div div div h1.mb-8{
      font-size: 25px!important;
    font-family:"Unbounded" ;
    font-weight: 600!important;
    padding-top: 10px;
   
 }
 contacts-page div div div div h1.mb-8:after{
     
    content: none!important;    
 }

 contacts-page div div.flex-col div.rounded-3xl:first-child{
     background: #FFB127;
 }

 contacts-page div.space-y-3 div.rounded-3xl{
     background: #FFFFFF!important;
 }

 contacts-page .mat-divider{
     display: none!important;
 }

  contacts-page .ms-3 div.text-sm {
      font-size: 19px!important;
      color:rgba(17, 17, 17, 0.4);
    font-family:"Unbounded" ;
    font-weight: 400!important;
  }
  contacts-page .border {
      border: none!important; 
        padding: 0px!important;
    margin-top: 20px!important;

  }

  contacts-page .ms-3{
         margin-left: 0px!important;
  }

   contacts-page div.space-y-3 div.text-base{
 font-size: 17px!important;
 line-height: 30px;
      color:rgba(13, 13, 13, 1);
    font-family:"Neue Machina" ;
    font-weight: 400!important;
 }

 contacts-page div.space-y-3 .grid a.mdc-button{
     background: rgba(13, 13, 13, 0.03);
     color: #000000;


 }

  contacts-page div.space-y-3 .grid a.mdc-button span{
      background: #f5f5f5;
    border-radius: 50px;
     font-size: 14px!important;
    text-align: center;

    font-family:"Unbounded" ;
    font-weight: 700!important;
    text-transform: uppercase;
 }

 contacts-page .space-y-2 img.ng-star-inserted{
      height: 29px;
    width: 24px;
    margin-right: 14px;
 }

contacts-page .mt-5 a{
    background: #fff!important;
    color: #000000!important;
    text-align: center;
}
 

/**************************/
 docs-pages div div div h1{
      font-size: 40px!important;
     font-family:"Unbounded" ;
    font-weight: 600!important;
   
   
 }


  docs-pages div div div.prose p strong{
       font-size: 20px!important;
     font-family:"Unbounded" ;
     line-height: 25px!important;
    font-weight: 600!important;
    opacity: 100%!important;
  }
 docs-pages div div div.prose p, docs-pages div div div.prose ul li {
       font-size: 17px!important;
     font-family:"Neue Machina" ;
     line-height: 20px;
     color:#000000;
    
    
  }
/**********LOGING*************/


  app-login div div h1,
  app-register div div h1{

          font-size: 32px!important;
     font-family:"Unbounded" ;
     line-height: 45px!important;
    font-weight: 500!important;
  }
  app-login div div div span,
   app-login div div div a,
   app-register div div div span,
   app-register div div div a{
      font-size: 18px;
      font-family:"Neue Machina" ;
  }
  app-reset-credentials div div div span,   app-reset-credentials div div div a{
       font-size: 18px;
      font-family:"Neue Machina" ;
  }
app-reset-credentials div div div span{
    color:rgba(110, 116, 148, 1);
}

app-login button.mdc-button{
     
     color: #000000;


 }

  app-login button.mdc-button span{
 color: #000000;
     font-size: 14px!important;
    text-align: center;

    font-family:"Unbounded" ;
    font-weight: 500!important;
    text-transform: uppercase;
 }
app-login .mat-mdc-unelevated-button:not(:disabled) {
 color: #000000;
     font-size: 14px!important;
    text-align: center;
    border: 1px solid #000000;
    font-family:"Unbounded" ;
    font-weight: 500!important;
    text-transform: uppercase;
 }
 app-reset-credentials .mat-mdc-unelevated-button:not(:disabled) {
 color: #000000;
     font-size: 14px!important;
    text-align: center;
    border: 1px solid #000000;
    font-family:"Unbounded" ; 
    font-weight: 500!important;
    text-transform: uppercase;
 }
 app-register .mat-mdc-unelevated-button:not(:disabled) {
 color: #000000;
     font-size: 14px!important;
    text-align: center;
    border: 1px solid #000000;
    font-family:"Unbounded" ;
    font-weight: 500!important;
    text-transform:     uppercase;
 }
 .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard {
    border-left: none!important;
}

.exchange__finally div div span.ng-tns-c3456821335-2{
    font-family: "Neue Machina";
}
#mat-input-iexexchanger2, #mat-input-iexexchanger3 {
    font-family: "Neue Machina";
    font-size: 17px !important;
}

 .mat-mdc-fab{
     color:#000!important;
 } 

exchange-advantages .mat-grid-tile-content {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: flex;
    align-items: flex-start;
    height: 100%;
    padding: 28px;
    margin: 0;
    align-content: center;
    flex-direction: column;
    justify-content: flex-start;
}

.mat-mdc-fab-base .mat-focus-indicator {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border: 2px solid #000;
    border-radius: 50px;
}
app-news-slug div div h1{
      font-size: 40px!important;
     font-family:"Unbounded" ;
    font-weight: 600!important;
   
   
 }


app-news-slug div div div p strong{
       font-size: 20px!important;
     font-family:"Unbounded" ;
     line-height: 25px!important;
    font-weight: 600!important;
    opacity: 100%!important;
  }
app-news-slug div div div p, app-news-slug div div div ul li {
       font-size: 17px!important;
     font-family:"Neue Machina" ;
     line-height: 20px;
     color:#000000; 
    
    
  } 

  .material-tabs__custom .mat-mdc-tab {
    background: #FFFFFF!important; 
    border-radius: 12px!important; 
} 
.material-tabs__custom .mat-mdc-tab.mdc-tab--active{
   background: #FFC72C!important;
} 
  mat-tab-header .mdc-tab{
    width: 245px;
    height: 52px;
    border-radius: 12px!important;
}
.mdc-tab__text-label{
    font-family: "Unbounded";
    text-transform: lowercase ;
}

/*****ЛК кошельки*****/
account-wallet div.text-sm {
       font-family:"Neue Machina" ; 
}
app-orders h2.text-xl{
        text-align: center !important;
}

app-orders mat-form-field .mdc-text-field{
    background: #E6E7EE!important; 
}
app-discounts .grid div.p-8  p{
font-family:"Neue Machina"!important; 
font-weight: 200!important;
}
app-discounts .grid div.p-8{
    border-radius: 24px!important;
    
    background: #fff;
}
app-discounts .grid div.p-8:first-child{
    color:#fff;
    background: #000;
}

app-discounts div.shadow{
    background: none!important;
    padding: 0px;
}
app-discounts .p-5{
    border-radius: 24px;
    background: #fff;
}
app-discounts .space-y-3 div div.p-3{
    height: 65px;
    vertical-align: middle;
    line-height: 38px;
     font-size: 18px!important;
    font-family: "Unbounded";
    font-weight: 700;
  background: rgba(13, 13, 13, 0.03);
}

app-discounts .space-y-3 div div.ps-5 {
    font-size: 18px !important;
    font-family: "Unbounded";
    font-weight: 700;
    width: 95px;
    height: 65px;
    /*background-color: #000000;*/
    color: #000;
}
app-discounts div.shadow div.mx-2{
 background: #5F7554;
    padding: 100px 34px 100px 30px;
    border-radius: 24px;
    color: white;
    margin-bottom: 50px; 

}
app-discounts div div.mx-2 h2.text-xl{
    font-size: 72px;
    color:#fff;
}
app-discounts div div div.formatting__text p{
    color:#fff;
    font-family:"Neue Machina" ; 
    font-size: 17px;
}
app-discounts div div.mt-5 h2.my-7{
    text-align: center;
    font-size: 32px;
}



app-partners div div.shadow {
    background: white;
    padding: 26px;
}


app-partners .rounded-2xl {
    border-radius: 40px;
    background: #F3F4FC;
}
app-partners button.mdc-fab {
    border-radius: 1000px!important; 
}
app-partners .svg-inline--fa .fa-secondary,
app-partners .svg-inline--fa .fa-primary{
    fill: #000;
}
app-scroll-up .svg-inline--fa .fa-secondary,
app-scroll-up .svg-inline--fa .fa-primary{
    fill: #000;
}
app-scroll-up button.mdc-fab {
    border-radius: 1000px!important; 
}


app-partners .mdc-button__label{
    color:#000!important;
    font-family: "Unbounded";

}
 app-partners .text-sm{
       font-family:"Neue Machina" ; 
       font-size: 16px;
 }
app-partners div div .mat-mdc-list div.py-5 {
font-size: 16px;
font-weight: 200;
font-family:"Neue Machina" ;  
}





 
/*****ШАПКА*********/

app-logo a img:first-child{
   /* margin-left: 10px;*/
}

mat-toolbar .mat-toolbar{
    max-width: 1440px!important;
}

mat-toolbar-row .container{
    /*margin-top: 10px;*/
}

.mat-toolbar-row a {
    font-size: 14px!important;
    font-weight: 400!important;
   /* color: #F4F4F4!important;
    background: none!important;*/
    font-family: 'Unbounded'!important;
}
.mat-toolbar-row a span{

     font-size: 14px!important;
    font-weight: 400!important;
}



.mat-toolbar-row a.ng-tns-c2648456565-0 {
    background-color: #fff;
}
.mat-toolbar-row .ng-tns-c2648456565-0{
    padding-top: 2px;
}




.mat-toolbar {
    max-width: 1440px;
    margin-top: 13px!important;
    padding: 0 8px!important;
    border-radius: 18px;
   
}
.mat-toolbar-row a:hover {
    text-decoration: underline;
    background: none!important;
}
/*****СТИЛИ ОБМЕНОВ*****/
.container.banner__content{
    margin-bottom: 35px;
}

app-default-theme .mat-mdc-input-element{
 
font-family: "Helvetica";
font-weight: 400;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;

}
.mdc-list-item__content h4.mat-mdc-list-item-title{

    font-family: "Neue Machina";
font-size: 18px !important;
}
 .mdc-floating-label mat-label{
font-family: "Neue Machina";

}
exchange-details div.text-xl .ng-fa-icon{
    display: none;
}
exchange-details div.text-xl{
    background: url(imgD/exIcoR.svg)no-repeat;
    height:26px ;
    width:25px ;
}

.mat-mdc-form-field-hint{
color:#1D1B19 !important;
font-family: "Neue Machina";
font-size: 14px !important;
}

#mat-input-iexexchanger2,#mat-input-iexexchanger3{    
font-family: "Helvetica";
font-size: 18px !important;
}
.rounded-2xl{
    border-radius: 40px;
}
app-default-theme h2{
    font-size: 30px !important;
    font-weight: 800!important;
}

.exchange__from,.exchange__to ,.exchange__form  {
    background:#FFFFFF!important;
}
exchange-details.ng-tns-c3456821335-2 div.gap-3{
      border: 2px #000000 dashed;
    border-radius: 20px!important;
    padding: 10px 5px 10px 5px!important;
}
exchange-details.ng-tns-c3456821335-2 div.gap-3 div div div div div {
    font-size: 15px!important;
    text-decoration: underline;
    font-family: "Neue Machina";
    font-weight: 400;
    opacity: 60%;
}

@supports (color: color-mix(in lab,red,red)) {
    .\!bg-\(--primary-background\)\/5 {
        background-color: color-mix(in oklab, var(--primary-background) 15%, ) !important;
    }
}
matlistitemmeta .ng-fa-icon{
    color:#000000;
}

exchange-details div.flex-1{
    padding: 0 28px;
}

/******Онлайн обменник валют*************/
exchange-description .p-8{
    background: none !important;
    max-width: 1200px!important;
    margin: 0 auto;

}

exchange-description .text-center{
font-size: 32px!important;
    font-family: "Unbounded";
}


exchange-description .text-center:after{
   
   padding-left: 10px;
    content: url(imgD/inlineExIco.svg);    
    
    height: 9px;  
    width: 54px;  
}



exchange-description .formatting__text p{
    font-size: 17px!important;
    font-family: "Neue Machina";
    line-height: 1.5;
    letter-spacing:-0.4px;
    text-align: center;
}

exchange-advantages h2{
font-size: 32px!important;
    font-family: "Unbounded";
}

exchange-advantages div div h2.mb-8:after{
   
   padding-left: 20px;
    content: url(imgD/priemmIco.svg);    
    
    height: 9px;  
    width: 54px;  
}





exchange-advantages .mat-grid-list .mat-grid-tile:first-of-type { 
    background: #191919!important; 
   color:#fff!important;


}
exchange-advantages .mat-grid-list .mat-grid-tile:first-of-type p { 
  
   color:#fff!important;
    font-weight: 200;

}

exchange-advantages .mat-grid-list .mat-grid-tile:nth-child(2){ 
    background: #FFB127!important; 
}
exchange-advantages .mat-grid-list .mat-grid-tile:nth-child(2) p{ 
    color: #000!important; 
}


.mat-grid-list h2{
    font-size: 24px!important;
    font-family: "Unbounded";
    font-weight: 600;
    line-height: 1;
    
}

.mat-grid-tile-content p{
    font-size: 17px;
    font-family: "Neue Machina";
    line-height: 24px;
    opacity: 70%;
}
exchange-advantages .py-8{
background: none !important;
}

/


.box-shadow{
    display: none!important;
}
.shadow {
    --tw-shadow: 0 , 0!important;
    box-shadow: none!important;
}


.mat-mdc-tab-label-container {
flex-grow: 0!important;
}





.\!bg-\(--foreground\) {
    border: 1px solid black;
}  







.mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard {
    border: none!important;

}
#mat-button-toggle-iexexchanger0,#mat-button-toggle-iexexchanger1,#mat-button-toggle-iexexchanger2,#mat-button-toggle-iexexchanger3 {
border-radius: 40px!important;
}

.mat-button-toggle-button {
    
    font-weight: 700!important;
    width: 100%!important;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.14)!important;
    height: 45px!important;
    border-radius: 40px!important;
}
.mat-button-toggle-appearance-standard.mat-button-toggle-checked {
    background-color: #fff!important;
    color: #333333!important;
}
.exchange__rates{
    background: #f5f5f5;
    height: 64px!important;
}

.mat-button-toggle-button {
    border-radius: 40px!important;
}


.mat-button-toggle-checked button{
    border: 1px solid #000000!important;
}
.cdk-focused {
    background: none!important;
}



 


  .mat-mdc-tab-body-wrapper{
      margin-top:-20px;
  }
.mat-toolbar-row{
padding: 0 16px!important;
}

.mat-toolbar-row,.mat-toolbar-single-row {
display: flex;
box-sizing: border-box;
padding:0!important; 
width: 100%;
flex-direction: row;
align-items: center;
white-space: nowrap;
height: var(--mat-toolbar-standard-height, 64px)
		}
/*.lg\:\!p-0{
	 padding:0 16px!important; 
}*/






  





/**********РЕЗЕРВ*********
exchange-reserves div{
    background: none!important;
}

exchange-reserves div div h2:after{
   
   padding-left: 30px;
    content: url(imgD/reservIco.svg);    
    
    height: 9px;  
    width: 54px;  
}
app-reserves-carousel div.group div.mx-12 div.flex div.flex-col{
    width: 16% !important;
    margin: 0px 8.5%;
    background: #fff !important;
    border-radius: 18px;
    height: 140px;
 
}

exchange-reserves .flex-shrink-0 h3.text-sm{
    font-size: 18px;
    font-family: "Neue Machina";
    font-weight: 500;
    color: #0E0E0E;

}
exchange-reserves .flex-shrink-0 div.text-xl{
 font-size: 15px;
    font-family: "Neue Machina";
    font-weight: 500;
    color: #000000;
    opacity: 65%;

}
exchange-reserves div div h2{
font-family: "Unbounded";
font-size: 32px;
font-weight: 500;
margin-top: 30px!important;
}


*/



 .mat-toolbar-row, .mat-toolbar-single-row {
     padding: none!important;
 }
 


 

/*app-footer div div div div div div:last-child div a span */
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(3) > div > a{
    background-color: #FFB127;
    color:#000000;
    border-radius: 12px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
 
}
/*
app-footer div div div div div div:last-child h3 {
    display: none!important;
 
 
}*/
app-footer div div div div div div h3 {

 margin-left: 15px;
 
}


/******МОБИЛКА*****/


@media(max-width:900px) {

body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(2) > div{
    font-size: 10px;
}
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(3) > div > a {
    text-align: center;
    padding-top:15px;
    padding-bottom: 15px;
}
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(4) > div,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(5) > div,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(6) > div{
    margin-top: 0px;
   
}

body > app-exchanger > default-layout > div > app-footer > div > div > div.mt-8.ng-star-inserted > partner-links > div{

   justify-content: center; 
}

body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div{
        gap: calc(var(--spacing) * 1);
}



body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(3) > div{
    margin: 0;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}


.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))!important;
}


.mat-expansion-panel.mat-expansion-panel  {
  margin-bottom: 10px;
}

.mat-expansion-panel-header-title {
    font-family: "Unbounded";
    font-size: 16px!important;
  
}


    exchange-reserves .py-8{
    display: none!important;
}

    exchange-advantages .grid-cols-1 div.p-6{
        background: #fff;
    }
    exchange-advantages div.p-6 h2{
        font-size: 24px!important;

    }
    exchange-advantages div.p-6 p{ 
        font-size: 16px;
        font-family: "Neue Machina"; 
    }
    app-banners div div div div div{
        background: url(imgD/capyBanner1.jpg)no-repeat;
        background-size: cover;
    }
    exchange-statistics .bg-\(--primary-background\) {
        background: none!important;
        padding: 1%;
    }

    exchange-advantages .px-3 {
        padding-inline: calc(var(--spacing) * 0);
    }

    exchange-statistics div.text-2xl{
        font-size: 36px!important;
    }
    docs-pages div div div h1 {
        font-size: 26px!important;
    }
    app-news-slug div div h1 {
        font-size: 26px !important;

    }

    referral-tab div.mt-5 div.formatting__text {
    background: none!important; 
        color: #000!important;  
        margin: 0;
        padding: 5px!important; 
        padding-left: none!important;
        /* border-radius: 0px 0px 32px 32px; */
        border: none!important; 
        /* border-color: #5F7554 !important; */
        font-family: 'Neue Machina';
        line-height: 20px;
    }
    app-partners .rounded-2xl {
        border-radius:24px;
        background: #f5f5f5!important;
    }

    monitoring-tab div.formatting__text {
        background: none!important;
        color: #000;
        margin-top: 20px;
        padding: 5px!important;

    line-height: 20px;
        border: none!important;
    
        font-family: 'Neue Machina';
    }

    referral-tab .p-5 h2 {

        font-weight: 500;
    }
    referral-tab div h2.my-7 {
        
        font-size: 20px!important;
        padding-top: 30px!important;
    }

    app-partners div div div div h2.mb-5{
        margin-top: 30px!important;
    }

    app-discounts div div.mx-2 h2.text-xl {
        font-size: 34px;
    line-height: 34px;
    }
    app-discounts div div div.formatting__text p {
        line-height: 20px;
    }
    app-discounts div div.mt-5 h2.my-7 {
    
        font-size: 26px;
    }
    app-partners span.mdc-button__label {
    text-align: center!important;
    font-size: 15px;
    }
} 
/*********отключение статичного меню************/
app-header div.fixed {
    position: relative!important;
}
default-layout div div.mt-26 {
    margin-top: calc(var(--spacing) * 6);
}

/*****************ФУТЕР**************/









email-input{ 
 /*  display: none!important;*/
}


body > app-exchanger > default-layout > div > div > app-exchange-wrapper > div > div > app-default-theme > div > div > div.rounded-3xl.exchange__to.relative.ng-tns-c419302414-2 > div.space-y-4.p-5.pt-0.ng-tns-c419302414-2 > div.relative.ng-tns-c419302414-2 > div.bg-\(--input-background\).rounded-2xl.flex.flex-row.items-center.px-5.py-4.h-16.ng-tns-c419302414-2.border.border-transparent > div:nth-child(2) > amount-code > div > div > span,
body > app-exchanger > default-layout > div > div > app-exchange-wrapper > div > div > app-default-theme > div > div > div.rounded-3xl.exchange__from.ng-tns-c419302414-2 > div.space-y-4.p-5.pt-0.ng-tns-c419302414-2 > div:nth-child(1) > div.bg-\(--input-background\).rounded-2xl.flex.flex-row.items-center.px-5.py-4.h-16.relative.ng-tns-c419302414-2.\!border.\!border-red-500.dark\:\!border-red-700 > div.flex.flex-row.items-center.ng-tns-c419302414-2 > amount-code > div > div > span
{
    font-size: 16px!important;
}

body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(3) > h3,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(4) > h3,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(5) > h3,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(6) > h3{

        display: none!important;
}

body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(4) > div{
   /* width: 450px;*/
   line-height: 19px;
}

body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(4) > div > a,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(5) > div > a,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(6) > div > a{
    font-size: 12px;
    
    font-weight: 200;
    opacity: 0.7;
}
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(5) > div,
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(6) > div{
gap: calc(var(--spacing) * 1)!important;

}
body > app-exchanger > default-layout > div > app-footer > div > div > div.flex.flex-col.lg\:flex-row.gap-8 > div.flex-1.lg\:ms-8.ng-star-inserted > div > div:nth-child(4) > div > a{
    max-width: 190px;
    line-height: 20px;
}







/*****************ЧАТ*/

body > app-exchanger > default-layout > div > div > app-order > div > div > order-online-chat > div > div.text-lg.lg\:text-xl.font-bold.p-6.lg\:p-8.mb-3{
    height: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
}
body > app-exchanger > default-layout > div > div > app-order > div > div > order-online-chat > div > div.border-t.border-\(--secondary-bg\).p-5.ng-star-inserted{
    padding-top: 12px;
    padding-bottom: 12px;
}
body > app-exchanger > default-layout > div > div > app-order > div > div > order-online-chat > div > div.flex.flex-col-reverse.w-full.overflow-y-auto.p-6.md\:p-8.relative.scrollbar > div > div,
body > app-exchanger > default-layout > div > div > app-order > div > div > order-online-chat > div > div.flex.flex-col-reverse.w-full.overflow-y-auto.p-6.md\:p-8.relative.scrollbar > div > div{
    font-size: 14px;
}
body > app-exchanger > default-layout > div > div > app-order > div > div > order-online-chat > div > div.flex.flex-col-reverse.w-full.overflow-y-auto.p-6.md\:p-8.relative.scrollbar{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
/* отключение городов + в админке в доп отключены*/
body > app-exchanger > default-layout > div > div > app-exchange-wrapper > div > div > app-default-theme > div > div > div.rounded-3xl.exchange__form.ng-tns-c419302414-2 > div > div.ng-tns-c419302414-2.ng-star-inserted > cash-fields > div{
    /*display:none!important;*/
}

body > app-exchanger > default-layout > div > div > app-order > div > div > div.bg-\(--background\).shadow.rounded-3xl.p-5.lg\:p-8.max-w-3xl.m-auto.ng-star-inserted > order-payment-details > div.flex.flex-col.lg\:flex-row.items-center.break-all.gap-3.ng-star-inserted > div > div:nth-child(1) > div.flex.flex-row.items-center > div.font-semibold.text-2xl.transition-colors.duration-500.text-\(--primary-background\),
body > app-exchanger > default-layout > div > div > app-order > div > div > div.bg-\(--background\).shadow.rounded-3xl.p-5.lg\:p-8.max-w-3xl.m-auto.ng-star-inserted > order-payment-details > div.flex.flex-col.lg\:flex-row.items-center.break-all.gap-3.ng-star-inserted > div > div.ng-star-inserted > div.flex.flex-row.items-start > div.font-semibold.text-2xl.transition-colors.duration-500.text-\(--primary-background\).ng-star-inserted
{
    color:#000!important;
}

body > app-exchanger > default-layout > div > div > app-order > div > div > div.bg-\(--background\).shadow.rounded-3xl.p-5.lg\:p-8.max-w-3xl.m-auto.ng-star-inserted > order-payment-details > div.space-y-5.ng-star-inserted > div > div.bg-red-600.text-red-100.text-sm.ps-4.py-2.mt-3.rounded-xl.ng-star-inserted{
    background-color: transparent!important;
    padding-left: 0px;
}
body > app-exchanger > default-layout > div > div > app-order > div > div > div.bg-\(--background\).shadow.rounded-3xl.p-5.lg\:p-8.max-w-3xl.m-auto.ng-star-inserted > order-payment-details > div.space-y-5.ng-star-inserted > div > div.bg-red-600.text-red-100.text-sm.ps-4.py-2.mt-3.rounded-xl.ng-star-inserted > div{
    color:#000!important;
}
body > app-exchanger > default-layout > div > div > app-order > div > div > div.bg-\(--background\).shadow.rounded-3xl.p-5.lg\:p-8.max-w-3xl.m-auto.ng-star-inserted > order-payment-details > div.bg-\(--foreground\).text-\(--foreground-text-color\)\/70.p-5.mt-8.rounded-2xl.ng-star-inserted{
    border-radius: 24px;
    background-color: #f4f5f7;
}
body > app-exchanger > default-layout > div > div > app-order > div > div > div.mt-5.max-w-3xl.m-auto.ng-star-inserted > div > button:nth-child(1) > span.mdc-button__label > span{
      color:#000!important;
}