﻿



/* PRICE-CONFIGURE-MONEY-BACK-GUARANTEE */
.product-intro__price-configure-guarantee{margin: 30px 0px 60px 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{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{max-height: 0px; padding: 0px; overflow: hidden; transition: max-height 1s; position: relative; z-index: 5}
.product-calendar-section--active{max-height: 1000px; margin: -10px 0px 40px 0px; padding-bottom: 60px; border-bottom: solid 1px var(--border-color); overflow: visible}

.product-calendar-section__header{font-size: 20px; line-height: 1; letter-spacing: -1px; font-weight: 700; font-synthesis: style; padding: 0px 0px 10px 0px}
.product-calendar-section__sub-text, .product-calendar-section__sub-text *{color: #303030; font-size: 17px; line-height: 1.4; font-weight: 500; font-synthesis: style}
.product-calendar-section__sub-text{width: 100%; max-width: 600px; padding-bottom: 25px}
.product-calendar-section__sub-text--border{margin-top: 35px; padding-top: 35px; border-top: solid 1px #c0c0c0}

.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: 14px; line-height: 1}
.product-calendar-section__select-duration, 
.product-calendar-section__select-employees{font-size: 14px; 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: #fcfcfc}
	
.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: 20px; font-weight: 700; font-synthesis: style; line-height: 1; letter-spacing: -1px; 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  */
.services-summary-section{max-height: 0px; overflow: hidden; position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; background: #fff}
.services-summary-section--active{max-height: 400px; margin: -50px 0px 40px 0px; padding-bottom: 60px; border-bottom: solid 1px var(--border-color); overflow: visible; transition: 0.25s}
.services-summary-section__inner{max-width: 600px}
.services-summary-section__inner *{font-size: 15px; line-height: 1.4; padding-bottom: 5px}
.services-summary-section__inner SPAN{font-weight: 600; font-synthesis: style}
.services-summary-section__price{color: #606060; font-size: 32px; line-height: 1; font-weight: 300; font-synthesis: style; letter-spacing: -1px; padding: 20px 0px 0px 0px}

@media screen and (max-width: 1200px)
{
	.services-summary-section--active{margin-top: -60px}
	.services-summary-section__inner{width: 100%; margin-bottom: 40px}
}





/* SUMMARY SECTION FOR CUSTOM TRAINING  */
.product-calendar-section__summary{max-height: 0px; overflow: hidden; position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; background: #fff}
.product-calendar-section__summary--active{max-height: 400px; margin: -50px 0px 40px 0px; padding-bottom: 60px; border-bottom: solid 1px var(--border-color); overflow: visible; transition: 0.25s}
.product-calendar-section__summary-inner{max-width: 600px}
.product-calendar-section__summary-inner *{font-size: 15px; line-height: 1.4; padding-bottom: 5px}
.product-calendar-section__summary-inner SPAN{font-weight: 600; font-synthesis: style}
.product-calendar-section__summary-inner-price{color: #606060; font-size: 32px; line-height: 1; font-weight: 300; font-synthesis: style; letter-spacing: -1px; padding: 20px 0px 0px 0px}

@media screen and (max-width: 1200px)
{
	.product-calendar-section__summary--active{margin-top: -60px}
	.product-calendar-section__summary-inner{width: 100%; margin-bottom: 40px}
}





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



	
	
	
	
	