/* PRICE-CONFIGURE-MONEY-BACK-GUARANTEE */
.product-intro__price-configure-guarantee{margin: 25px 0px 55px 0px; padding: 25px 20px 25px 20px; border: solid 1px var(--border-color); border-left: none; border-right: none; position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: var(--third-color)}
.product-intro__price-configure{width: calc(100% - 210px); display: flex; justify-content: flex-start; align-items: center}
P.product-intro__price{padding: 0px 30px 0px 0px}

P.buy-configure__button-configure, A.buy-configure__button-configure, INPUT.buy-configure__button, .button-add-to-cart{border: none; background: #0066cc}
FORM.buy-configure__button-configure{width: auto; margin: 0px; padding: 0px}
P.buy-configure__button-configure:hover, A.buy-configure__button-configure:hover, INPUT.buy-configure__button:hover{background: var(--primary-color)}

P.product-intro__guarantee{color: #0066cc; font-size: 16px; line-height: 1; font-weight: bold; font-synthesis: style; text-align: right; width: 210px}

@media screen and (max-width: 1300px)
{	
	.product-intro__price-configure{width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap}
	P.product-intro__price{font-size: 26px; font-weight: 400; letter-spacing: -1px}
	P.product-intro__price SPAN{font-size: 18px; font-weight: 400}
	P.buy-configure__button-configure, A.buy-configure__button-configure, FORM.buy-configure__button-configure{margin-top: 45px}
	P.product-intro__guarantee{width: auto; position: absolute; right: 20px; top: 30px}
}

@media screen and (max-width: 870px)
{
	P.product-intro__price{width: 100%; margin-bottom: 20px}
	P.buy-configure__button-configure, A.buy-configure__button-configure, FORM.buy-configure__button-configure{margin: 0px}
	P.product-intro__guarantee{text-align: left; margin-top: 20px; position: static}
}

@media screen and (max-width: 800px)
{
	P.product-intro__price{width: auto; margin-bottom: 0px}
	P.buy-configure__button-configure, A.buy-configure__button-configure, FORM.buy-configure__button-configure{margin-top: 45px}
	P.product-intro__guarantee{margin: 0px; position: absolute; right: 20px; top: 30px}
}

@media screen and (max-width: 600px)
{
	P.product-intro__price{width: 100%; margin-bottom: 20px}
	P.buy-configure__button-configure, A.buy-configure__button-configure, FORM.buy-configure__button-configure{margin: 0px}
	P.product-intro__guarantee{margin-top: 20px; position: static}
}



/* RADIO BUTTONS + CALENDAR FOR SERVICES AND CUSTOM TRAINING  */
.product-calendar-section{width: 90%; max-width: 500px; padding: 0px 25px; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5); position: relative; display: none; z-index: 200; background: var(--third-color)}
.product-calendar-section--active{padding: 20px 25px 35px 25px; display: block; position: absolute; left: 50%; top: 30px; transform: translateX(-50%); transition: top 0.75s cubic-bezier(0.5, 1.4, 0.65, 1)}
.product-calendar-section--pending{top: -250px; transition: none}

.product-calendar-section__close-button{width: 34px; height: 34px; margin: 0px 0px -15px calc(100% - 28px); position: sticky; top: 20px; z-index: 201; cursor: pointer; background: #0066cc}
.product-calendar-section__close-button::before, .product-calendar-section__close-button::after{content: ""; width: 2px; height: 22px; position: absolute; left: 16px; top: 6px; background: #fff}
.product-calendar-section__close-button::before{transform: rotate(45deg)}
.product-calendar-section__close-button::after{transform: rotate(135deg)}

.product-calendar-section__header{font-size: 18px; line-height: 1; letter-spacing: -0.5px; font-weight: 600; font-synthesis: style; padding: 0px 0px 15px 0px}
.product-calendar-section__header--border{margin-top: 40px; padding-top: 40px; border-top: solid 5px #c8d8e0}

.product-calendar-section__sub-text, .product-calendar-section__sub-text *{color: #000; font-size: 16px; line-height: 1.4}
.product-calendar-section__sub-text{width: 100%; padding-bottom: 25px}

.product-calendar-section__radio{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap}
.product-calendar-section__radio-wrapper{margin-right: 50px; display: flex; justify-content: flex-start; align-items: center}
.product-calendar-section__radio-wrapper:last-child{margin-right: 0px}
.product-calendar-section__radio-button{width: 24px; height: 24px; border: solid 1px var(--border-dark-color); border-radius: 50%; cursor: pointer; user-select: none; outline: none; display: flex; justify-content: center; align-items: center; background: #fff}
.product-calendar-section__radio-button-dot{width: 6px; height: 6px; border-radius: 50%; transition: transform .25s ease; background: #000}
.product-calendar-section__radio-button-dot--active{transform: scale(3,3); background: var(--primary-color)}		
.product-calendar-section__radio-button-text{font-size: 14px; line-height: 1; margin: 0px 0px 0px 15px}	
.product-calendar-section__radio-button-text--active{}

.product-calendar-section__select{padding-bottom: 5px; display: flex; align-items: center}
.product-calendar-section__select-text{font-size: 15px; line-height: 1}
.product-calendar-section__select-duration, 
.product-calendar-section__select-employees{font-size: 15px; line-height: 1; height: 30px; margin: 0px 0px 0px 15px; padding: 5px 80px 5px 5px; border: solid 1px var(--border-dark-color); cursor: pointer; -webkit-appearance: none; appearance: none; background: #fff url(../images/backgrounds/select.png) no-repeat right center}
.product-calendar-section__select-duration OPTION, .product-calendar-section__select-employees OPTION{font-size: 14px}

.calendar{width: calc(100% - 10px - 2px); padding: 5px 5px 10px 5px; border: solid 1px #c0c0c0; overflow: auto; background: #fff}
	
.calendar__buttons-month-year{padding: 15px 0px 25px 0px; display: flex; justify-content: center; align-items: center; position: relative}
.calendar__buttons-month-year *{font-size: 18px; line-height: 1; letter-spacing: -0.5px; font-weight: 600; font-synthesis: style; padding: 0px 5px}

.calendar__button{width: 30px; height: 30px; cursor: pointer; user-select: none; outline: none; position: absolute; top: 10px}
.calendar__button::before, .calendar__button::after{content: ""; width: 18px; height: 2px; position: absolute; transition: 0.25s; background: #a0a0a0}

.calendar__button-left{left: 25px}
.calendar__button-right{right: 25px}

.calendar__button-left::before, .calendar__button-right::after{transform: rotate(-45deg)}
.calendar__button-left::after, .calendar__button-right::before{transform: rotate(45deg)}

.calendar__button-left::before, .calendar__button-right::before{top: 8px}
.calendar__button-left::after, .calendar__button-right::after{bottom: 8px}
.calendar__button-right::before, .calendar__button-right::after{right: 0px}

.calendar__button:hover::before, .calendar__button:hover::after{background: var(--primary-color)}

.table-calendar{width: 100%; table-layout: fixed}
.table-calendar *{font-size: 15px; line-height: 1; text-align: center; padding: 5px 10px}
.table-calendar TH{font-weight: 600; font-synthesis: style}

.table-calendar TD SPAN{color: #c0c0c0}
.table-calendar TD.date-picker__valid SPAN{color: #000; font-weight: 500; font-synthesis: style; cursor: pointer}
.table-calendar TD.selected SPAN{color: #fff; padding: 4px 6px; background: #ffa010}

.calendar #year{display: none}

@media screen and (max-width: 750px)
{
	.calendar__buttons-month-year *{}
	.calendar__button-left{left: 5px}
	.calendar__button-right{right: 5px}
	.table-calendar *{font-size: 14px}
}

@media screen and (max-width: 500px)
{
	.product-calendar-section__radio-wrapper:last-child{width: 100%; margin-top: 20px}
}



/* SUMMARY SECTION FOR SERVICES + CUSTOM TRAINING  */
.product-calendar-section__summary{height: 0px; overflow: hidden; position: relative}
.product-calendar-section__summary--active{height: auto; overflow: visible}
.product-calendar-section__summary-inner{padding: 10px 0px 0px 0px}

.product-calendar-section__summary-entry{margin: 0px 0px -1px 0px; padding: 15px 20px; border: solid 1px #b8c8d0; border-left: none; border-right: none}
.product-calendar-section__summary-entry:nth-child(odd){background: #fff}

.product-calendar-section__summary-entry P{font-size: 16px; line-height: 1.35}
.product-calendar-section__summary-entry P SPAN{color: #000; font-size: 15px; font-weight: 700; font-synthesis: style}
.product-calendar-section__summary-entry P.entry__indent{margin: 10px 0px 0px 10px; padding-left: 20px; position: relative}
.product-calendar-section__summary-entry P.entry__indent SPAN{font-weight: 600; font-synthesis: style}
.product-calendar-section__summary-entry P.entry__indent::before{content: ""; width: 10px; height: 2px; position: absolute; left: 0px; top: 10px; background: #000}
.product-calendar-section__summary-entry P.entry__indent-first-word-bold::before{top: 12px}

.product-calendar-section__summary-price{color: #000; font-size: 30px; line-height: 1; font-weight: 300; font-synthesis: style; letter-spacing: -1px; padding: 50px 0px 25px 20px}
.product-calendar-section__button-submit, .product-calendar-section__button-add-to-cart{width: 160px; margin: 0px 0px 0px 20px}

@media screen and (min-width: 800px)
{
	.product-calendar-section__summary-price{padding-bottom: 5px}
	.product-calendar-section__button-submit, .product-calendar-section__button-add-to-cart{width: 180px; margin: 0px; position: absolute; right: 0px; bottom: 0px}
}



/* RATINGS  */
.product-ratings-section{margin: 0px; padding-top: 0px; border-top: none}