@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
html body {
   --content-width: 1200px;
   --m-account-logo: url("https://fs.getcourse.ru/fileservice/file/download/a/107180/sc/288/h/c4c754b43db9b009d5f2b76e5ebe54b2.svg");
   --m-account-logo-url: "/";
   --font-family-1: 'Montserrat', 'Jost', 'Lato', Helvetica, Arial, sans-serif;
   --font-family-2: 'Montserrat', 'Jost', 'Lato', Helvetica, Arial, sans-serif;
   --color-0: #171717;
   --color-1: white;
   --main-color: #017C81;
   --wb-color-2: var(--main-color); 
   --color-3: #E3A038;  /* gray-blue BUTTON */
   --color-3-1: #E8B05A; /* button-hover */
   --color-3-c: var(--color-3);  /* only-color */
   --color-4: #FFC259;  /* yellow */
   --color-5: #8551F5;  /* purple */
   --color-6: #40AD6C;  /* green/text */
 
   --color-7-1: #D0DCCF; /* lite-green  */
   --color-8: #F06363;  /* red/bg #F06363 */
   --color-8-1: #FFB2B2; /* lite-red  */
   --color-9: #BF3939;  /* red/text #B20000 */ 
   --color-10: #323232; /* gray-1 */
   --color-11: #CECECE; /* gray-2 */
   --color-12: #F7F7F7; /* gray-3 */
   --color-13: #A4C6F1; /* light-blue */
   --color-14: #171717; /* gray-4 */
   --color-15: #F3F3F3; /* gray-5 */
   --color-16: #A09D9D; /* gray-6 */
   --color-17: #3082FF; /* link-default */
   
   /* Иконки (раскомментировать перед использованием)*/
   /*
   --default-user-img:  url("");
   --document-circle-icon:  url("");
   --checkmark-circle-icon:  url("");
   --warning-circle-icon:  url("");
   --clock-circle-icon:  url("");
   --sandclock-circle-icon:  url("");
   --cross-circle-icon:  url("");
   --sort-desc-icon:  url("");
   --sort-asc-icon:  url("");
   --mic-icon:  url("");
   --paperclip-icon: url("");
   --smile-icon:  url("");
   --paperplane-icon:  url("");
   --arrow-straight-icon:  url("");
   --checkmark-icon: url("");
   --cross-icon: url("");
   --bell-icon: url("");
   --heart-icon: url("");
   */
}

/* Настройки меню */
html #gcAccountUserMenu {
  --m-bg-color: #F4F4F4;
  --m-item-font-color: #333333;
  --m-item-color: rgba(255,255,255,1);
  --m-item-active: rgba(255,255,255,1);
  --m-item-hover-color: rgba(255,255,255,0.5);
  --m-item-icon-color: #757575;
  --m-default-avatar-color: #cecece;
  --m-notify-color: #BF3939;
  --m-custom-btn-color: var(--color-3);
  --m-custom-btn-text: "Тех. поддержка";
 --m-custom-btn-url: "https://t.me/shami_helpbot"; /* "/pl/talks/conversation" */
 /* --m-custom-btn-url: "javascript://$('.activated-talks-widget').data('gc-talksWidget').showTalksWindow()"; /* "/pl/talks/conversation" */
  /*--m-burger-icon: url("");*/
}

#gcAccountUserMenu {

  --font-family-1a: var(--cslm-menu_font_style_item, var(--font-family-1));
  --font-family-2a: var(--cslm-menu_font_style_label, var(--font-family-2));

  --m-bg-color: var(--cslm-menu_color_bg, #F4F4F4);
  --m-item-font-color: var(--cslm-menu_font_color_label, #333333);
  --m-item-color: var(--cslm-menu_color_bg_item, transparent);
  --m-item-active: var(--cslm-menu_color_bg_item_active, rgba(255,255,255,1));
  --m-item-hover-color: var(--cslm-menu_color_bg_item_hover, rgba(255,255,255,0.5));
  --m-item-icon-color: #757575;
  --m-default-avatar-color: #cecece;
  --m-notify-color: var(--cslm-menu_notification, #BF3939);
  --m-custom-btn-color: var(--color-3);
  --m-custom-btn-color-hover: var(--color-3-1);
  --m-custom-btn-text: "Тех. поддержка";
  --m-custom-btn-url: "https://t.me/shami_helpbot";
 /* --m-custom-btn-url: "javascript://$('.activated-talks-widget').data('gc-talksWidget').showTalksWindow()";*/

}

.ramka {
    display: none;
}


.fade-in-effect {
 border: 1px solid rgb(255 0 0)!important;
}



.topmenu-links {
    display: none;
}


html #gcAccountUserMenu .submenu-wrapper .submenu-item.submenu-item-search {
  display: none;
}

body .resp-table .resp-left-block .resp-subject-list li {
	display:block
}

body.isOneTrainingPage .stream-table td {
  background:#FBECCA!important;
}

body.isOneTrainingPage .stream-table .stream-title,
body.isOneTrainingPage .stream-table .stream-description, 
body.isOneTrainingPage .stream-table .stream-num-lessons b{
  color:var(--color-0)
}

.isLoginPage .xdget-loginUserForm a, 
.isLoginPage .xdget-loginUserForm .btn-link:hover {
	border-color:var(--color-17)!important
}

.isSuccessPaymentPage .xdget-button {
  color:var(--color-3)
}

.isSuccessPaymentPage .page-header h1:before {
  mask-image:var(--heart-icon);
  -webkit-mask-image:var(--heart-icon);
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-size:contain;
  mask-position:center;
  -webkit-mask-position:center;
  background:var(--color-3)
}

body .standard-page-content .resp-screen .topNotitication-notice {
	display:none;
}

@media(max-width:991px) {
  body #remake-right-panel .remake-right-panel-toggler,
  body #remake-right-panel .remake-right-panel-close-btn{
    background:var(--color-3)
  }
}

html .topmenu-links a {
	font-size:15px;

}

/*Страница оплаты*/
.isPaymentsPage a.dotted-link[onclick="$('#promoCode').toggle()"] {
	border-color:var(--color-3)
}

.isPaymentsPage .vd-payment {
  width: 100%!important;
    background: var(--color-1)!important;
    padding: 40px 30px;
    min-height: 210px;
    height: 100%;
    border-radius: 16px;
    border: 1px solid #D1D1D1!important;
    background: #FFF;
    position: relative;
  display: flex;
    flex-direction: column;
    flex: 1;
    max-width: none!important;
}

.isPaymentsPage  .vsegda-logo-contain {
  background-image: url("https://remake-proxy.ru/themes/images/vsegda-da.png");
  text-align: left;
    padding-top: 66px!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 140px!important;
}

.isPaymentsPage .vsegda-logo-contain img{
  display:none;
}

.isPaymentsPage .vsegda-button-js {
  margin-top:20px!important;
  display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 18px!important;
    font-family: var(--font-family-2)!important;
    background: transparent!important;
    color: var(--color-3)!important;
    border-radius: 50px!important;
    border: 1px solid var(--color-3) !important;
    padding: 15px 30px !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100%;
    transition: background .2s, color .2s;
    line-height: 1.42857143!important;
  height:fit-content!important
}

.isPaymentsPage .vsegda-button-js:hover {
  background: var(--color-3) !important;
    color: var(--color-1)!important;
}

.isPaymentsPage .poscredit-wr {
  margin-top:0;
  border-radius:16px;
  border-color:#D1D1D1;
  flex-direction: column;
  gap:0;
  min-height:381px;
  padding:40px 30px;
  align-items: flex-start
}

.isPaymentsPage .poscredit-wr img {
  max-width:140px!important;
}

.isPaymentsPage .poscredit-wr .pos-title {
  margin-top:auto;
}

.isPaymentsPage .poscredit-wr button {
  margin-top:20px;
  font-size:18px;
  font-weight:normal;
  font-family:var(--font-family-2);
  border-radius:50px;
  background:transparent;
  color:var(--color-3);
  padding:15px 25px;
  width:100%;
  max-width:100%;
  border:1px solid var(--color-3);
  height:unset;
  text-transform: capitalize;
  line-height: 1.42857143 !important;
  height:fit-content!important;
  transition:all .3s;
}

.isPaymentsPage .poscredit-wr button:hover {
  color:#fff;
  background:var(--color-3)
}






.isPaymentsPage .credit-payment-methods .btn,
.isPaymentsPage .credit-payment-methods .btn:hover,
.isPaymentsPage .credit-payment-methods .btn:focus,
.isPaymentsPage .credit-payment-methods .btn:active,
.isPaymentsPage .other-payment-methods .btn,
.isPaymentsPage .other-payment-methods .btn:hover,
.isPaymentsPage .other-payment-methods .btn:focus,
.isPaymentsPage .other-payment-methods .btn:active,
.isPaymentsPage #tinkoffcredit .btn,
.isPaymentsPage #tinkoffcredit .btn:hover,
.isPaymentsPage #tinkoffcredit .btn:focus,
.isPaymentsPage #tinkoffcredit .btn:active,
.isPaymentsPage 
.poscredit-wr button,
.isPaymentsPage .vsegda-button-js{
  font-size:16px!important;
    padding:15px 25px!important; 
}

@media(max-width:989px) {
  .pos-title {
    order:unset
  }
}

@media(max-width:610px) {
  .poscredit-logo {
    order:unset
  }
}

/*Выпадающий список рассрочки*/
.isPaymentsPage .vsegda-form-js {
  display:flex;
  flex-direction: column;
  height:100%
}

.isPaymentsPage .vsegda-form-js label {
  display:none!important
}

.isPaymentsPage .vsegda-form-js select {
  width:100%;
  border:0;
  border-radius: 6px;
  background:#F7F7F7 url('/fileservice/file/download/a/447724/sc/358/h/8eabebaab3f46c883215b6acdc30021a.svg') right no-repeat;
  padding:10px 15px;
  outline:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position:relative;
  cursor:pointer;
  margin-top:auto;
}


/*Страница входа*/
.isLoginPage .image-form {
	border-radius:32px;
}


/*Скрываем картинки трениннгов*/
html .stream-table .stream-img,
html .header-box .cover-side,
html .chatium-header-box .cover-side {
  display:none;
}

.isConversationPage .conversation-widget .textarea-block > div[style="float: left;margin-left: 15px;margin-top: 10px;"] {
  margin-left:150px!important
}

.resp-screen .resp-subject-list {
  max-height:250px;
  overflow-y:scroll;
  height:auto
}

html .nomenu-filler .nomenu-logo {
	height:54px;
    width:100%
}

.isPaymentsPage .otp-wrapper {
  width: 100% !important;
    background: var(--color-1) !important;
    padding: 40px 30px;
    min-height: 210px;
    height: 100%;
    border-radius: 16px;
    border: 1px solid #D1D1D1 !important;
    background: #FFF;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: none !important;
  margin:0!important
}

.otp-wrapper a {
  margin-top:20px!important;
  display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 16px!important;
    font-family: var(--font-family-2)!important;
    background: transparent!important;
    color: var(--color-3)!important;
    border-radius: 50px!important;
    border: 1px solid var(--color-3) !important;
    padding: 15px 30px !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100%;
    transition: background .2s, color .2s;
    line-height: 1.42857143!important;
  height:fit-content!important;
  text-decoration:none
}

.otp-wrapper a:hover {
  background: var(--color-3) !important;
    color: var(--color-1)!important;
}
 
.otp-wrapper select {
  width: 100%;
    border: 0;
    border-radius: 6px;
    background: #F7F7F7 url(https://lesson.shamilahmadullin.com/fileservice/file/download/a/447724/sc/358/h/8eabebaab3f46c883215b6acdc30021a.svg) right no-repeat;
    padding: 10px 15px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    cursor: pointer;
    margin-top: auto;
}

.otp-wrapper div:not(.select-description) {
  display:none
}

.isWebinarPage #gcAccountUserMenu ~ .gc-main-content.with-left-menu > .container {
  width:100%!important;
  margin:0!important
}