@charset "UTF-8";
/* ================== Main Styles ========================== */
.payout { font-family: "Roboto", "Helvetica", "Ubuntu", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: 0; color: #404041; margin-top: 30px; margin-bottom: 30px; button-outline: none; button-border: none; /* Client Info */ /* / Client Info */ /* Success Zakaz */ /* / Success Zakaz */ }
.payout h2, .payout h3, .payout h4, .payout h5, .payout h6, .payout p { padding: 0; margin: 0; }
.payout input { outline: none; }
.payout a { outline: none; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; cursor: pointer; }
.payout textarea { risaze: none; }
.payout ul { list-style: none; }
.payout .no-gutter { padding-right: 0; padding-left: 0; }
.payout .my_input { background: #FFFFFF; border: 1px solid #ccc; border-radius: 3px; height: 40px; padding: 0 16px; font-size: 14px; outline: none; color: #404041; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
.payout .my_input:focus { border: 1px solid #205C9E; }
.payout__sale_card { float: right; text-align: right; }
.payout__sale_card .text { display: inline-block; }
.payout__sale_card__form { display: inline-block; margin-left: 16px; }
.payout__sale_card__form form { max-width: 360px; }
.payout__sale_card__form .my_input { max-width: 280px; min-width: 280px; margin-right: 5px; border-radius: 4px; }
.payout__sale_card__form .btn_sale_card { width: 40px; height: 40px; border-radius: 4px; cursor: pointer; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; position: relative; outline: none; }
.payout__sale_card__form .btn_sale_card:active { top: 1px; }
.payout__sale_card__form .btn-success { background: #fff; border: 1px solid #38B32C; color: #38B32C; }
.payout__sale_card__form .btn-success:hover { border: none; background: #38B32C; color: #fff; }
.payout__sale_card__form .btn-remove { background: #fff; border: 1px solid #C3303E; color: #C3303E; }
.payout__sale_card__form .btn-remove:hover { border: none; background: #C3303E; color: #fff; }
.payout__steps { width: 100%; text-align: center; /*margin-top: 32px;*/ padding-left: 0; }
.payout__steps .step__collumn { padding-right: 0; padding-left: 0; }
.payout__steps li { width: 100%; height: 56px; display: inline-block; text-align: center; font-size: 18px; color: #A0A0A0; letter-spacing: 0; line-height: 56px; background: #FFFFFF; border: 1px solid #CCCCCC; position: relative; }
.payout__steps li div { display: inline-block; }
.payout__steps .item_1 { width: 100%; border-radius: 4px 0 0 0px; }
.payout__steps .item_2 { border-left: none; position: relative; border-bottom: 0; }
.payout__steps .item_2:after { content: ""; width: 16px; height: 56px; background: url("../images/basket/step-arrow_normal.svg") no-repeat center; background-size: 16px 56px; position: absolute; right: -16px; z-index: 2; }
.payout__steps .item_3 { border-bottom: 0; border-left: none; border-radius: 0 4px 0 0px; }
.payout__steps .active { border-bottom: 0; background: #38B32C; color: #fff; font-weight: 500; border: none; position: relative; }
.payout__steps .active:after { content: ""; width: 16px; height: 56px; background: url("../images/basket/step-arrow_active.svg") no-repeat center; background-size: 16px 56px; position: absolute; right: -16px; z-index: 2; }
.payout__steps .active .payout__steps__number { background: #fff; color: #38B32C; border: none; line-height: 32px; font-weight: 700; }
.payout__steps__number, .payout__steps__check { display: inline-block; width: 32px; height: 32px; border: 1px solid #ccc; font-size: 16px; font-weight: 500; color: #A0A0A0; line-height: 32px; letter-spacing: 0; text-align: center; border-radius: 100px; margin-right: 8px; }
.payout__steps__check { color: #38B32C; }
.payout .thead_mobile { width: 100%; height: 48px; line-height: 48px; background-color: #f3f3f3; text-align: center; padding: 0 8px; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.8px; vertical-align: middle; border: 1px solid #ccc; border-bottom: none; display: none; }
.payout table { width: 100%; }
.payout table tr:nth-child(2) { background-color: #ccc; }
.payout table.payout__table { width: 100%; border-spacing: 0px; border-radius: 0 0 4px 4px !important; margin-bottom: 0; }
.payout table.payout__table th { height: 48px; line-height: 48px; background-color: #f3f3f3; text-align: center; padding: 0 8px; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.4px; vertical-align: middle; border-bottom: 1px solid #ccc; }
.payout table.payout__table td, .payout table.payout__table tr { background-color: white; border-top: 0px solid #ccc; padding: 8px; vertical-align: middle; }
.payout table.payout__table tfoot td { background-color: rgba(200, 215, 231, 0.16); height: 48px; text-align: center; font-size: 18px; font-weight: 500; }
.payout table.payout__table tfoot td:first-child { text-align: left; padding: 0 24px; }
.payout table.payout__table tfoot .all_sum { color: #C3303E; }
.payout table.payout__table .tovar_num { width: 48px; text-align: center; }
.payout table.payout__table .payout__tovar__image { width: 200px; text-align: center; border: none; border-bottom: 1px solid #ccc; }
.payout table.payout__table .payout__tovar__image .offer-image { width: 112px; height: 80px; display: inline-block; background-size: cover; }
.payout table.payout__table .payout__tovar__name { padding: 16px; }
.payout table.payout__table .payout__tovar__name .tovar-title { display: inline-block; font-size: 16px; line-height: 22px; font-weight: 500; color: #205C9E; letter-spacing: 0; line-height: 22px; text-decoration: none; margin-bottom: 8px; }
.payout table.payout__table .payout__tovar__name .tovar-title:hover { text-decoration: underline; }
.payout table.payout__table .payout__tovar__name .link-category { font-family: Roboto-Regular; font-size: 14px; font-weight: 400; color: #404041; line-height: 18px; }
.payout table.payout__table .payout__tovar__name .link-category:hover { сolor: #205C9E !important; }
.payout table.payout__table .payout__tovar__quantity { width: 156px; text-align: center; }
.payout table.payout__table .payout__tovar__quantity .counter { height: 32px; }
.payout table.payout__table .payout__tovar__quantity .counter .minus, .payout table.payout__table .payout__tovar__quantity .counter .plus { width: 32px; height: 32px; display: inline-block; background: #F3F3F3; border: 1px solid #CCCCCC; border-radius: 3px 0 0 3px; text-align: center; color: #A0A0A0; line-height: 30px; position: relative; font-size: 24px; cursor: pointer; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.payout table.payout__table .payout__tovar__quantity .counter .minus:hover, .payout table.payout__table .payout__tovar__quantity .counter .plus:hover { background-color: #205C9E; border: 1px solid #205C9E; color: #fff; }
.payout table.payout__table .payout__tovar__quantity .counter .minus { position: relative; top: 0px; left: 5px; }
.payout table.payout__table .payout__tovar__quantity .counter .plus { border-radius: 0 3px 3px 0; position: relative; top: 0px; left: -5px; }
.payout table.payout__table .payout__tovar__quantity .counter input.text-number { width: 40px; display: inline-block; height: 32px; background-color: #fff; border: 1px solid #CCCCCC; text-align: center; position: relative; top: -3px; font-size: 16px; font-weight: 500; }
.payout table.payout__table .payout__tovar__quantity .btn_delete { display: inline-block; margin-top: 16px; line-height: 1; color: #404041; text-decoration: none; opacity: .7; }
.payout table.payout__table .payout__tovar__quantity .btn_delete:hover { color: #C3303E; opacity: 1; }
.payout table.payout__table .payout__tovar__price { width: 156px; text-align: center; }
.payout table.payout__table .payout__tovar__price .real_price { font-weight: 500; }
.payout table.payout__table .payout__tovar__price .discount_sale { font-size: 14px; color: #C3303E; }
.payout__buttons { margin-top: 32px; /* Вернуться назад: */ }
.payout__buttons a.btn_back { font-size: 16px; color: #A0A0A0 !important; letter-spacing: 0; text-decoration: none; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; vertical-align: middle; }
.payout__buttons a.btn_back:hover .fa { background: #205C9E; color: #fff; border: 1px solid #205C9E; }
.payout__buttons a.btn_back .fa { width: 32px; height: 32px; line-height: 32px; display: inline-block; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; text-align: center; margin-right: 8px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.payout__buttons .btn_next { display: inline-block; height: 56px; line-height: 56px; /*background: #205C9E;*/ text-align: center; padding: 0 0px 0 32px; font-weight: 500; font-size: 16px; color: #FFFFFF; letter-spacing: 0.8px; text-transform: uppercase; text-decoration: none; cursor: pointer; border-radius: 4px; position: relative; vertical-align: middle; border: unset; }
/*.payout__buttons .btn_next:hover { background: #074385; }*/
.payout__buttons .btn_next:active { top: 1px; }
.payout__buttons .btn_next:after { content: ""; width: 56px; height: 56px; display: inline-block; border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; color: #fff; font-family: "FontAwesome"; font-size: 18px; margin-left: 16px; top: 0; right: 0; border: unset; }
.payout .client-info { width: 100%; background: #fff; border: 1px solid #ccc; border-top: none; overflow: hidden; padding: 56px 100px; text-align: center; border-radius: 0 0 4px 4px; }
.payout .client-info .form-group { width: 100%; display: inline-block; text-align: left; margin-bottom: 20px; }
.payout .client-info .form-group label { display: block; font-size: 16px; font-weight: 500; }
.payout .client-info .form-group .label-checkbox { display: inline-block; }
.payout .client-info .form-group input, .payout .client-info .form-group select, .payout .client-info .form-group textarea { width: 100%; font-size: 16px; }
.payout .client-info .form-group input, .payout .client-info .form-group select { height: 48px; border-radiud: 4px; }
.payout .client-info .form-group textarea { height: 145px; resize: none; border-radius: 4px; padding-top: 8px; }
.payout .client-info .form-group .radio { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 7px; }
.payout .client-info .form-group .radio + label { position: relative; padding: 0 0 0 35px; cursor: pointer; }
.payout .client-info .form-group .radio + label:before { content: ''; position: absolute; top: -3px; left: 0; width: 24px; height: 24px; border: 1px solid #CDD1DA; border-radius: 50%; background: #FFF; }
.payout .client-info .form-group .radio + label:after { content: ''; position: absolute; top: 1px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: #38B32C; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: .2s; transition: .2s; }
.payout .client-info .form-group .radio:checked + label:after { opacity: 1; }
.payout .client-info .form-group .radio:focus + label:before { -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 0, 0.7); box-shadow: 0 0 0 3px rgba(255, 255, 0, 0.7); }
.payout .client-info .btn_zakaz { display: inline-block; height: 56px; line-height: 56px; background: #205C9E; text-align: center; padding: 0 0px 0 32px; font-weight: 500; font-size: 16px; color: #FFFFFF; letter-spacing: 0.8px; text-transform: uppercase; text-decoration: none; cursor: pointer; border-radius: 4px; position: relative; vertical-align: middle; border: none; outline: none; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; float: right; }
.payout .client-info .btn_zakaz:hover { background: #074385; }
.payout .client-info .btn_zakaz:active { top: 1px; }
.payout .client-info .btn_zakaz:after { content: ""; width: 56px; height: 56px; display: inline-block; border-left: 1px solid rgba(0, 0, 0, 0.2); text-align: center; color: #fff; font-family: "FontAwesome"; font-size: 18px; margin-left: 16px; top: 0; right: 0; }
/*.payout .payout__steps.step-3 .item_2 { border-bottom: 1px solid #ccc; }*/
.payout .payout__steps.step-3 .item_3.active { border-bottom: none; }
.payout .payout__steps.step-3 .item_3.active:after { display: none; border: none; }
.payout .success-zakaz .form-success .icon-success { display: inline-block; width: 72px; height: 72px; margin-bottom: 12px; }
.payout .success-zakaz .form-success .icon-success img { width: 100%; height: auto; }
.payout .success-zakaz .form-success .title { font-size: 32px; font-weight: 500; color: #404041; letter-spacing: 0; }
.payout .success-zakaz .form-success .sm-text { font-weight: 400; font-size: 18px; color: #404041; letter-spacing: 0; margin-top: 8px; }
.payout .success-zakaz .form-success .btn-back__outline { display: inline-block; height: 56px; line-height: 56px; background: transparent; border: 1px solid #205C9E; border-radius: 4px; font-size: 16px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; color: #205C9E; padding: 0 32px; position: relative; text-decoration: none; margin-top: 24px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; cursor: pointer; }
.payout .success-zakaz .form-success .btn-back__outline:hover { background: #205C9E; color: #fff; }
.payout .success-zakaz .form-success .btn-back__outline:active { top: 1px; }

/* ================== / Main Styles ========================== */
/* ================== Media ========================== */
/* Large Desktop */
@media (max-width: 1199px) { .payout__sale_card { width: 100%; margin: 0 auto; margin-top: 24px; }
  .payout .client-info { padding: 56px; } }
/* Media Desktop */
@media (max-width: 991px) { .payout__sale_card { margin-top: 24px; float: none; text-align: left; }
  .payout__sale_card__form { margin-left: 0; margin-top: 16px; } }
/* Small Tablet */
@media (max-width: 768px) { .payout__steps__number { margin-right: 0; }
  .payout__steps__text { display: none; }
  .payout table.payout__table .payout__tovar__image { width: 140px; }
  .payout table.payout__table .payout__tovar__name .link-category { display: none; }
  .payout .client-info .btn_zakaz { width: 100%; height: 56px; line-height: 56px; font-weight: 700; border-radius: 4px; }
  .payout .client-info .btn_zakaz:after { width: 24px; height: 56px; line-height: 56px; border-left: none; } }
@media (max-width: 600px) { .payout table.payout__table thead { display: none; }
  .payout .thead_mobile { display: block; }
  .payout table.payout__table td { width: 100% !important; display: block; }
  .payout table.payout__table .payout__tovar__image { border: 5px solid #205C9E; }
  .payout table.payout__table .payout__tovar__image .offer-image { width: 162px; height: 116px; }
  .payout table.payout__table .payout__tovar__name, .payout table.payout__table .payout__tovar__name .tovar-title { margin-bottom: 0; text-align: center; }
  .payout table.payout__table .payout__tovar__quantity, .payout table.payout__table .payout__tovar__price { padding: 16px; }
  .payout table.payout__table tfoot td { text-align: center; }
  .payout table.payout__table tfoot td:first-child { text-align: center; line-height: 48px; }
  .payout table.payout__table tfoot td colspan { display: none; }
  .payout table.payout__table .payout__tovar__image { padding: 16px; }
  .payout__buttons { margin-top: 0px; }
  .payout__buttons .col-xs-12 { text-align: center; }
  .payout__buttons .btn_next { width: 100%; height: 56px; line-height: 56px; font-weight: 700; border-radius: 0 0 4px 4px; border: unset; }
  .payout__buttons .btn_next:after { width: 24px; height: 56px; line-height: 56px; border-left: none; }
  .payout .client-info { padding: 56px; }
  .payout .success-zakaz .form-success .title { font-size: 28px; } }
/* Mobile Phone */
@media (max-width: 480px) { .payout { margin-top: 48px; margin-bottom: 48px; }
  .payout_title { text-align: center; }
  .payout__sale_card__form { width: 100%; }
  .payout__sale_card { text-align: center; }
  .payout__steps__text { display: none; }
  .payout .client-info { padding: 32px 8px; }
  .payout .client-info .form-group textarea { height: 120px; }
  .payout .success-zakaz .form-success .title { font-size: 24px; }
  .payout .success-zakaz .form-success .sm-text { font-size: 16px; }
  .payout .success-zakaz .form-success .btn-back__outline { padding: 0 24px; font-size: 14px; } }
@media (max-width: 359px) { .payout__sale_card__form .my_input { max-width: 240px; min-width: 240px; } }
@media (max-width: 335px) { .payout .thead_mobile { font-size: 13px; padding: 0 5px; letter-spacing: 0.4px; } }
/* ================== / Media ========================== */

/*# sourceMappingURL=style.css.map */