/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header--small {  }
.header--small .link { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); text-decoration: none; font-family: 'Noto Sans'; letter-spacing: -.03em; opacity: 1; }

.header--small .link img { position: relative; top: -4px; left: -4px; }

.header--small .list-icons,
.header--small .nav-header { transition: all .3s ease; }

@media(max-width: 1023px) {
	.header--small.fixed .list-icons,
	.header--small.fixed .nav-header { opacity: 1; pointer-events: all; transform: translateY(0); }

	.header--small.fixed .link { opacity: 0; pointer-events: none; transform: translateY(-50%); }
}

@media(max-width: 767px) {
	.header--small .shell { display: block; }
	.header--small .link { position: relative; display: block; margin: 10px 0 0; right: auto; left: auto; transform: translateY(0); }
}

/* ------------------------------------------------------------ *\
	Intro Alt Cart
\* ------------------------------------------------------------ */

.intro-alt--cart { padding: 62px 0 32px; }
.intro-alt--cart h1 span { display: inline-block; margin-left: 6px; font-weight: 400; letter-spacing: .002em; }
.intro-alt--cart .intro__content { flex: 0 0 60%; max-width: 60%; padding: 10px 30px 0 0; }
.intro-alt--cart .intro__entry { flex: 1; padding: 0 13px; text-align: right; font-size: 16px; transition: all .3s ease; }
.intro-alt--cart .intro__entry a { display: inline-block; position: relative; text-decoration: none; font-family: 'Noto Sans'; letter-spacing: -.03em; }
.intro-alt--cart .intro__entry a img { position: relative; top: -4px; left: -4px; }

.intro-alt--cart.fixed .intro__entry { opacity: 0; transform: translateY(-20px); }

@media(max-width: 1023px){
	.intro-alt--cart .intro__content { flex: 0 0 100%; max-width: 100%; padding: 18px 30px 0 0; }
}

@media(max-width: 767px) {
	.intro-alt--cart .intro__content { flex: 0 0 100%; max-width: 100%; padding: 18px 0px 20px 0 !important; }
	.intro-alt--cart .intro__entry { text-align: center; }
}

/* ------------------------------------------------------------ *\
	Section Cart
\* ------------------------------------------------------------ */

.section-cart { padding: 61px 0; }

.section-cart .section-cart__body { display: flex; align-items: flex-start; padding: 38px 0 0; }
.section-cart .section-cart__content { flex: 1; }
.section-cart .section-cart__entry { flex: 0 0 270px; max-width: 270px; background-color: #E9F4FA; border-radius: 4px; }

@media(max-width: 1023px) {
	.section-cart .section-cart__entry { flex: 0 0 220px; max-width: 220px; }
}

@media(max-width: 767px) {
	.section-cart { padding: 30px 0; }
	.section-cart .section-cart__body { display: block; padding: 20px 0 0; }
	.section-cart .section-cart__entry { max-width: 100%; }
}

/* ------------------------------------------------------------ *\
	Section Forms
\* ------------------------------------------------------------ */

.section-forms { padding: 60px 0 100px; }
.section-forms .section__head { margin: 0 0 71px; }

@media(max-width: 767px) {
	.section-forms { padding: 30px 0 80px; }
	.section-forms .section__head { margin: 0 0 30px; }
}

/* ------------------------------------------------------------ *\
	Accordion Form
\* ------------------------------------------------------------ */

.accordion-form {}
.accordion-form h3 { margin: 0 0 30px; font-size: 36px; color: #626262; font-family: 'Poppins',sasn-serif; letter-spacing: -.015em; }
.accordion-form .accordion-form__head {}

.accordion-form .accordion-form__head--disable { pointer-events: none; cursor: text; }

.accordion-form .accordion-form__body {}

.accordion-form .accordion-form__action { padding: 30px 103px; }

.accordion-form .hs-button { display: inline-block; border-radius: 50px; background-image: linear-gradient(to right, #FF7417, #EE3823); font-size: 18px; font-weight: bold; color: #fff; font-family: 'Poppins',sasn-serif; padding: 11px 33px 9px; transition: box-shadow .3s; text-decoration: none; border: 0; box-shadow: 0px 2px 0px 0px rgba(217,51,32,1); transition: opacity .3s ease; }
.accordion-form .hs-button:hover { opacity: .7; border: 0; }

.accordion-form .accordion-form__section ~ .accordion-form__section { margin-top: 30px; padding-top: 40px; border-top: 1px solid #979797; }

.accordion-form .accordion-form__section:last-child { padding-top: 48px; border-bottom: 1px solid #979797; }

.accordion-form .accordion__section--current h3 { color: #000; }

.accordion-form.active .accordion-form__head { cursor: pointer; }


@media(max-width: 767px) {
	.accordion-form h3 { margin: 0 0 20px; font-size: 23px; }

	.accordion-form .hs-button { padding: 11px 10px 11px; min-width: 100%; text-align: center; font-size: 14px; }

	.accordion-form .accordion-form__action { padding: 15px 0px; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { border: 1px solid rgba(151,151,151, .4); }

.form ~ .form { margin-top: 59px; }

.form h4 { margin: 0 0 10px; font-size: 24px; font-family: 'Noto Sans',sans-serif; letter-spacing: .032em; }
.form h5 { margin: 24px 0 14px; font-size: 20px; }
.form .form__head { padding: 19px 10px 20px 21px; background-color: #E9F4FA; }
.form .form__head h4 { color: #76CE29; }
.form .form__head span { display: block; font-size: 14px; line-height: 1.36 !important; color: #626262; }

.form .form__body { padding: 42px 75px 39px 101px; }
.form .form__body h4 { margin: 0 0 10px; font-weight: 700; color: #000000; letter-spacing: .03em; }
.form .form__group { display: flex; margin: 0 -15px; flex-wrap: wrap; }
.form .form__group ~ .form__group { margin-top: 18px; }
.form .form__row { flex: 0 0 50%; max-width: 50%; padding: 0 15px; }

.form .form__row--full { flex: 0 0 100%; max-width: 100%; }

.form .form__row--small { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 15px; }

.form .select-new { width: 100%; }

.form .form__addres-group { margin-top: 19px; }

.form .form__label { margin: 0 0 3px; display: block; font-size: 16px; }

.form .form__attendee ~ .form__attendee { margin-top: 40px; padding-top: 42px; border-top: 1px solid #979797; }

.form .form__group-border { margin: 29px 0 0; padding: 29px 0 0; border-top: 1px solid #979797; }

.form--alt { margin: 0 0 10px; }
.form--alt .form__head { padding: 22px 10px 18px 21px; background-color: #E9F4FA; }

.form--alt .form__head h4 { color: #282828; }

.form--alt .form__body { padding: 20px 75px 44px 101px;}

@media(max-width: 1023px) {
	.form .form__body { padding: 42px 20px 39px 20px; }
}

@media(max-width: 767px) {
	.form h4 { font-size: 20px; }
	.form h5 { font-size: 18px; }
	.form .form__group { display: block; margin: 0; }
	.form .form__row { max-width: 100%; padding: 0; }
	.form .form__row ~ .form__row { margin-top: 15px; }

	.form .form__row--small { flex: 0 0 100%; max-width: 100%; padding: 0; }

	.form .form__head { padding: 22px 15px 18px; background-color: #E9F4FA; }

	.form .form__body { padding: 20px 20px; }
}

/* ------------------------------------------------------------ *\
	Form Element
\* ------------------------------------------------------------ */

.field-new { width: 100%; height: 42px; padding: 0 10px; border-radius: 8px; border: 1px solid #626262; }

/*  Cehckbox  */
.form .checkbox { }

.form .checkbox [type="checkbox"] { display: none; }
.form .checkbox [type="checkbox"] + label { position: relative; cursor: pointer; padding-left: 24px; font-size: 16px; font-family: 'Noto Sans'; }
.form .checkbox [type="checkbox"] + label:before { content: ''; position: absolute; left: 1px; top: 3px; width: 16px; height: 16px; border-radius: 2px; background-color: #fff; border: 1px solid #626262; }
.form .checkbox [type="checkbox"] + label:after { content: ''; position: absolute; height: 9px; width: 5px; top: 6px; left: 6px; border: 2px solid #fff; border-left: 0; border-top: 0; transform: rotate(45deg); opacity: 0; transition: opacity .3s; }

.form .checkbox [type="checkbox"]:checked + label:before { background-color: #17ACFF; border: #17ACFF; }
.form .checkbox [type="checkbox"]:checked + label:after { opacity: 1; }

/*  Radio  */

.form .radio {}
.form .radio [type="radio"] { display: none; }
.form .radio [type="radio"]  + label { position: relative; cursor: pointer; padding-left: 26px; font-size: 16px; }
.form .radio [type="radio"]  + label:before { content: ''; position: absolute; left: 5px; top: 3px; width: 15px; height: 15px; border: 1px solid #D8DCE6; border-radius: 100%; background-color: #fff; }
.form .radio [type="radio"]  + label:after { content: ''; position: absolute; height: 9px; width: 9px; top: 6px; left: 8px; opacity: 0; transition: opacity .3s; background-color: #17ACFF; border-radius: 100%; }

.form .radio [type="radio"]:checked + label:after { opacity: 1; }

/*  Select  */

.select-new select::-ms-expand {
    display: none;
}

.select-new { position: relative; width: 76px; margin: 6px 0 8px; }
.select-new select { width: 100%; height: 40px; padding: 0 40px 0 10px; border-radius: 8px; border-color: #626262; background-color: #fff; -webkit-appearance: none; }

.select-new:before { content: ''; position: absolute; top: 2px; right: 2px; bottom: 2px; width: 40px; background-color: #fff; border-radius: 8px; pointer-events: none; }
.select-new:after { content: ''; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; transform: translateY(-50%) rotate(45deg); border: 2px solid #282828; border-top: 0; border-left: 0; pointer-events: none; }

/* ------------------------------------------------------------ *\
	Messages
\* ------------------------------------------------------------ */

.messages {}

/* ------------------------------------------------------------ *\
	Message
\* ------------------------------------------------------------ */

.message { margin: 0 0 19px; padding: 19px 18px 18px; line-height: 1; font-size: 16px; color: #fff; font-family: 'Noto Sans'; background-color: #EE3823; border-radius: 4px; letter-spacing: .02em; }
.message--error { background-color: #EE3823; font-weight: 700; }
.message--success { background-color: #17ACFF; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table { padding: 0px 30px 0 0; margin: 0 0 36px; }
.table thead { color: #626262; font-size: 13px; text-transform: uppercase; font-family: 'Poppins'; }
.table th { padding: 0 2px 13px; font-weight: 400; text-align: left; letter-spacing: .08em; }
.table th:first-child { width: 65.6%; }
.table th:nth-child(2) { width: 12%; }
.table th:nth-child(3) { width: 15%; }

.table td { padding: 20px 5px 5px 0; vertical-align: top; color: #282828; font-size: 15px; }
.table h5 { margin: 0 0 12px; letter-spacing: .035em; font-size: 15px; color: #282828; font-family: 'Noto Sans'; }
.table p { line-height: 1.3; margin: 0; font-size: 14px; color: #626262; }
.table a { display: inline-block; margin-left: 12px; color: #282828; font-size: 13px; font-weight: 700; }

.table tr { border-bottom: 1px solid #D8DBE0; }

.table td:last-child { text-align: right; }

@media(max-width: 1023px) {
	.table th:first-child { width: 50%; }
	.table th:nth-child(2) { width: 12%; }
	.table th:nth-child(3) { width: 15%; }
}

@media(max-width: 767px) {
	.table { padding: 0; }
	.table tbody:after { content: ""; clear: both; display: table; }
	.table table,
	.table tbody,
	.table tr { display: block; width: 100% !important; }

	.table tr { padding: 0; border-top: 0; }

	.table th { display: none; max-width: 100%; width: 100%; }

	.table td { display: block; width: 100% !important; padding: 16px !important; text-align: center !important; }
	.table td:before { content: attr(data-title); display: block; margin-bottom: 4px; text-transform: uppercase; color: $green; font-size: 15px; }

	.select-new { margin: 8px auto 8px; }
	.table a { margin-left: 0; }
}

/* ------------------------------------------------------------ *\
	Table Order
\* ------------------------------------------------------------ */

.table-order { margin: 43px 0 20px; border: 1px solid rgba(151,151,151, .4); }
.table-order h4 { margin: 0 0 3px; font-size: 24px; font-family: 'Noto Sans',sans-serif; letter-spacing: .032em; }

.table-order .table-order__head { padding: 21px 19px 18px; background-color: #E9F4FA; }

.table-order .table-order__body { padding: 44px 100px 0px; }

.table-order th { text-align: left; text-transform: uppercase; color: #626262; font-size: 13px; font-weight: 500; font-family: 'Poppins',sasn-serif; }

.table-order th:last-child { text-align: right; }

.table-order tr { border-bottom: 1px solid #D8DBE0; }

.table-order td { padding: 16px 10px 32px 0; vertical-align: top; font-size: 15px; }

.table-order td p { margin: 0 0 2px; letter-spacing: .031em; font-size: 15px; font-weight: 700; color: #282828; font-family: 'Noto Sans',sans-serif; }

.table-order td span { font-size: 14px; letter-spacing: -.025em; font-family: 'Noto Sans',sans-serif; color: #626262; }

.table-order td:last-child { text-align: right; }

.table-order tfoot tr { border: 0; }
.table-order tfoot td { padding: 30px 10px 32px 0; text-align: left !important; }
.table-order tfoot td p { margin: 0 0 10px; font-weight: 400; }
.table-order tfoot td h2 { font-size: 24px; font-weight: 300; font-family: 'Noto Sans',sans-serif; letter-spacing: 0; }

@media(max-width: 1023px) {
	.table-order .table-order__body { padding: 44px 20px 0px; }
}

@media(max-width: 767px) {
	.table-order { padding: 0; }
	.table-order tbody:after { content: ""; clear: both; display: table; }
	.table-order table,
	.table-order tbody,
	.table-order tr { display: block; width: 100% !important; }

	.table-order tr { padding: 0; border-top: 0; }

	.table-order th { display: none; max-width: 100%; width: 100%; }

	.table-order td { display: block; width: 100% !important; padding: 10px !important; text-align: center !important; }
	.table-order td:before { content: attr(data-title); display: block; margin-bottom: 4px; text-transform: uppercase; color: $green; font-size: 15px; }

	.table-order .select-new { margin: 8px auto 8px; }

	.table-order .table-order__body { padding: 10px 20px 0px; }
	.table-order tfoot td h2 { font-size: 20px; }
}

/* ------------------------------------------------------------ *\
	Update Form
\* ------------------------------------------------------------ */

.update-form { padding: 0 30px 0 0; margin: 0 0 28px; text-align: right; }
.update-form form { display: inline-block; max-width: 385px; width: 70%; text-align: left; }

.update-form label { display: block; margin: 0 0 10px 5px; font-size: 14px; }

.update-form .update-form__controls { position: relative; }
.update-form .update-form__field { width: 100%; height: 42px; padding: 0 100px 0 19px; border: 1px solid #626262; border-radius: 24px; font-size: 14px; color: #8A8A8A; }
.update-form .update-form__btn { position: absolute; top: 50%; right: 3px; transform: translateY(-50%); box-shadow: none; border: 0; }

@media(max-width: 767px) {
	.update-form { padding: 0; }
	.update-form form { display: inline-block; max-width: 100%; width: 100%; }
}

/* ------------------------------------------------------------ *\
	Price Box
\* ------------------------------------------------------------ */

.price-box { padding: 29px 10px; text-align: center; font-size: 18px; border: 1px solid #D8DBE0; border-radius: 6px; }

.price-box .hs-button { display: block; width: 210px; margin: 0 auto; border-radius: 50px; background-image: linear-gradient(to right, #FF7417, #EE3823); font-size: 16px; font-weight: bold; color: #fff; font-family: 'Poppins',sasn-serif; padding: 5px 15px 5px; transition: box-shadow .3s; text-decoration: none; border: 0; box-shadow: 0px 2px 0px 0px rgba(217,51,32,1); transition: opacity .3s ease; }
.price-box .hs-button:hover { opacity: .7; }

@media(max-width: 1023px) {
	.price-box .hs-button { width: 180px; }
}

/* ------------------------------------------------------------ *\
	Payment Information
\* ------------------------------------------------------------ */

.payment-information { margin: 29px 0 29px; min-height: 569px; border: 1px solid rgba(151,151,151, .4); }
.payment-information h3 { margin: 0; font-size: 24px; color: #282828; font-family: 'Noto Sans',sans-serif; letter-spacing: .04em; }
.payment-information .payment-information__head { padding: 21px 19px 20px; background-color: #E9F4FA; }
.payment-information .payment-information__body { padding: 43px 99px; }
.payment-information .payment-information__body h3 { margin: 0 0 12px; color: #76CE29; font-weight: 700; letter-spacing: .055em; }
.payment-information .payment-information__entry { display: flex; }
.payment-information .payment-information__group { flex: 0 0 49.5%; }
.payment-information .payment-information__group:first-child { flex: 0 0 35%; max-width: 35%; }

.payment-information .form { border: 0; }
.payment-information .field { width: 100%; }
.payment-information .form__label { margin: 0 0 4px; display: inline-block; font-size: 15px; }
.payment-information .form .form__body { padding: 0px; }

.payment-information .payment-information__group-small {}

.payment-information .payment-information__group-small ~ .payment-information__group-small { border-top: 1px solid #D8DBE0; margin-top: 15px; padding-top: 15px; }

.js-render .payment-information .payment-information__group-small ~ .payment-information__group-small { border: 0; margin: 0; padding: 0; }

@media(max-width: 1023px) {
	.payment-information .payment-information__body { padding: 43px 20px; }
}

@media(max-width: 767px) {
	.payment-information .payment-information__entry { display: block; }

	.payment-information .payment-information__group:first-child { max-width: 100%; }

	.payment-information .payment-information__group ~ .payment-information__group { margin-top: 20px; }
}

/* ------------------------------------------------------------ *\
	List Radios
\* ------------------------------------------------------------ */

.list-radios { }
.list-radios li ~ li { margin-top: 7px; }

/* ------------------------------------------------------------ *\
	List Cards
\* ------------------------------------------------------------ */

.list-cards-intro { margin-top: 25px; }
.list-cards { display: flex; margin: 0 0 10px; list-style-type: none; }
.list-cards li ~ li { margin-left: 15px; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { border-top: 1px solid #D8D8D8; }

.footer--alt { padding: 82px 0; border-top: 1px solid #D8D8D8; text-align: center; }
.footer--alt .footer__inner { display: block; }
.footer--alt p { display: block; margin: 0 0 42px; font-size: 16px; }
.footer--alt .logo { margin-bottom: 21px; }
.footer--alt .copyright { font-size: 14px; }

/* ------------------------------------------------------------ *\
	Section Confirmation
\* ------------------------------------------------------------ */

.section-confirmation { padding: 79px 0 100px; }
.section-confirmation h2 { margin: 0 0 18px; font-size: 36px; color: #000000; letter-spacing: -.02em; }
.section-confirmation .section__head { font-size: 18px; color: #282828; text-align: center; }
.section-confirmation .section__head p { margin: 0; }
.section-confirmation .section__head p ~ p { margin: 23px 0 0px; }
.section-confirmation .table-order { margin: 38px 0 20px; }

@media(max-width: 767px) {
	.section-confirmation h2 { margin: 0 0 18px; font-size: 26px; }
	.section-confirmation .section__head { font-size: 16px; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

@media(max-width: 767px) {
	.main--checkout {
		padding-top: 104px;
	}
}