#nd_spt_component_container {padding:0px;border:1px solid #ffffff; position: relative;}


/*steps*/
#nd_spt_steps_container { padding: 20px;box-sizing:border-box; margin-bottom: 30px;}
#nd_spt_steps_container h5 {margin: 0px;padding: 0px;font-weight: 600;font-size: 13px;line-height: 20px;position: relative;display: inline-block; letter-spacing: 1px;}
#nd_spt_steps_container h5 span{color: #fff;width: 30px;height: 30px;font-size: 12px;line-height: 30px;border-radius: 100%;position: absolute;top: -5px;left: -50px;	}

    
/*rest, players, legend*/
#nd_spt_rest_players_legend_section { width:50%;border: 20px solid #fff;box-sizing: border-box;border-top-width: 0px;border-bottom-width: 0px; }


/*sport*/
#nd_spt_section_sport label { display: none; }
.nd_spt_sport_image {  }
.nd_spt_sport_image .nd_spt_sport_image_filter { 
	background: linear-gradient( to bottom, rgb(29 29 29 / 60%) 0%, rgba(29 29 29 / 30%) 30%, rgb(29 29 29 / 0%) 100% );
}
.nd_spt_sport_image_content { float: left; width: 100%; text-align: center; top:40px; }
.nd_spt_sport_image_content h3 { color: #fff; margin: 0px; padding: 0px; font-weight: bold; letter-spacing: 1px; font-size: 23px; line-height: 23px; color:#fff !important; cursor: pointer; position: relative; display: inline-block; }
.nd_spt_sport_image_content h3:after { content: '';width: 23px;height: 23px;position: absolute;top: 0px;right: -33px; background-image: url(../../../../assets/img/arrow-down.png);background-size: 15px;background-position: center;background-repeat: no-repeat; }
.nd_spt_ul_sport { top: 80px; left: 50%; margin-left: -80px; width: 160px; background-color: #fff; }
.nd_spt_ul_sport li { font-size: 12px; margin: 0px; padding: 10px 20px; border-bottom: 1px solid #f1f1f1; }
.nd_spt_ul_sport li:last-child { border-bottom-width: 0px; }
.nd_spt_ul_sport li.nd_spt_bg_color_blue { color:#fff; }


/*players and legend*/
#nd_spt_players_legend_section {  padding: 30px; box-sizing:border-box; width:100%; margin-top: -141px; position: relative; background: linear-gradient(to bottom, rgb(29 29 29 / 0%) 0%, rgb(29 29 29 / 65%) 100%);}
#nd_spt_players_legend_section #nd_spt_players_section { width: 60%; float: left; text-align: center; }
#nd_spt_players_legend_section #nd_spt_legend_section { width: 40%; float: left; margin-top:3px; }
.nd_spt_legend_not_available span { border-radius: 100%;}
.nd_spt_players_increase { background-image: url(../../../../assets/img/add.png);background-size: 10px;background-position: center;background-repeat: no-repeat;background-color: initial !important; }
.nd_spt_players_decrease { background-image: url(../../../../assets/img/remove.png);background-size: 10px;background-position: center;background-repeat: no-repeat;background-color: initial !important; }
#nd_spt_players_section h3 { color: #fff; font-size: 13px; font-weight: bolder; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
#nd_spt_players_section h1 { color: #fff;font-size: 50px;line-height: 50px; font-weight: bold; }
#nd_spt_legend_section p { color: #fff; font-size: 12px; line-height: 2em; margin:0px; padding:0px; }
#nd_spt_legend_section p span { width: 10px; height: 10px;display: inline-block; margin-right: 10px; }
.nd_spt_player_number_add { position: absolute;top: 5px;right: 10px;width: 20px;height: 20px; }
.nd_spt_player_number_add button {margin: 0px;padding: 0px;font-size: 0px;width: 20px;height: 20px;border-width: 0px;float: left; outline: 0;cursor: pointer; }
.nd_spt_player_number_remove { position: absolute;top: 25px;right: 10px;width: 20px;height: 20px; }
.nd_spt_player_number_remove button { margin: 0px;padding: 0px;font-size: 0px;width: 20px;height: 20px;border-width: 0px;float: left; outline: 0;cursor: pointer; }
.nd_spt_player_number { width: 100px;display: inline-block;float: initial;position: relative;height: 50px; padding-right: 20px; box-sizing: border-box;}

/*cal and occasion*/
#nd_spt_cal_occa_section { width:50%;border: 20px solid #fff;box-sizing: border-box;border-top-width: 0px;border-bottom-width: 0px; position: relative; }

/*calendar*/
#nd_spt_calendar_section { padding: 40px; float: left;width: 100%;box-sizing: border-box; padding-bottom: 15px; }
#nd_spt_calendar_section #nd_spt_calendar_content .nd_spt_section div p { color: #fff; opacity: 0.5; }
#nd_spt_calendar_container { }
#nd_spt_calendar_container h3 { font-size: 23px; color: #fff; letter-spacing: 2px; font-weight: bold; line-height: 23px; }
#nd_spt_calendar_container button { font-size: 0px; background-color: #000; width: 20px; height:20px; border-width: 0px; cursor: pointer; outline: 0; }
.nd_spt_prev_next_cal.nd_spt_float_right { background-image: url(../../../../assets/img/arrow-right-white.png);background-size: 15px;background-position: center;background-repeat: no-repeat; background-color: initial !important; float: left; }
.nd_spt_prev_next_cal.nd_spt_float_left { background-image: url(../../../../assets/img/arrow-left-white.png);background-size: 15px;background-position: center;background-repeat: no-repeat;background-color: initial !important; float: right; }
#nd_spt_calendar_container p strong { color:#fff; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; }
#nd_spt_calendar_container p { font-size: 12px; font-weight: normal;  margin: 0px; padding: 14px 4px; }
#nd_spt_calendar_container .nd_spt_height_20 { height: 10px; }
.nd_spt_cal_today.nd_spt_calendar_date{color: #fff !important;}
.nd_spt_cal_active.nd_spt_calendar_date{color: #fff !important;}
.nd_spt_cal_not_set:after { content: '';position: absolute;width: 5px;height: 5px;border-radius: 100%;bottom: 2px;left: 50%;margin-left: -2px;}

.nd_spt_cal_ex_close { position: relative; }
.nd_spt_cal_ex_close:after { content:"";position: absolute;width: 5px;height: 5px;border-radius: 100%;bottom: 2px;left: 50%;margin-left: -2px; background-color:'.$nd_spt_customizer_color_1.';}

.nd_spt_cal_not_set.nd_spt_calendar_date { position: relative;}
.nd_spt_calendar_date { color: #fff !important; opacity: 1 !important; }
.nd_spt_calendar_week { margin-top: 20px; }
.nd_spt_calendar_week div p { opacity: 1 !important; }
#nd_spt_calendar_word_bg { position: absolute; display: none !important; width: 100%;left: 0px;bottom: -50px;text-align: center;font-family: Kristi;font-size: 200px;line-height: 200px;color: rgba(255, 255, 255, 0.02); display: block; }
#nd_spt_calendar_content { position: relative; }

/*occasion*/
#nd_spt_occasion_cont { display: inline-block; float: initial; width: initial; }
#nd_spt_occasion_cont h3 { float: left; margin-right: 5px; }
#nd_spt_occasion_cont_change { width:initial; line-height: 25px; margin-left: 5px; cursor: pointer; }
#nd_spt_occasion_section { float: left; width:100%; padding:20px; padding-bottom: 30px; padding-top: 0px; box-sizing:border-box; text-align: center; }
#nd_spt_occasion_section h3 { font-size: 13px;color: #fff;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;line-height: 13px; }
.nd_spt_ul_occasion { top: 40px;left: 50%;margin-left: -80px;width: 160px;background-color: #fff; text-align: left;border: 1px solid #f1f1f1; z-index: 9; }
.nd_spt_ul_occasion li {font-size: 12px;margin: 0px;padding: 10px 20px;border-bottom: 1px solid #f1f1f1;}
.nd_spt_ul_occasion li:last-child {border-bottom-width: 0px;}
.nd_spt_ul_occasion li.nd_spt_bg_color_blue { color: #fff;}
.nd_spt_occas_single { font-size: 13px; color: #fff;line-height: 13px;text-transform: uppercase;letter-spacing: 1px;font-weight: bold; }

.nd_spt_occasion_cont_change h3 { position: relative; }
.nd_spt_occas_single:after { content: '';width: 20px;height: 20px;position: absolute;top: -4px;right: -30px; background-image: url(../../../../assets/img/arrow-down.png);background-size: 15px;background-position: center;background-repeat: no-repeat; }


/*time*/
#nd_spt_time_section { text-align: center; box-sizing:border-box; margin-top: 50px; padding: 0px 10%;}
#nd_spt_time_section h3 { font-size: 23px; margin-bottom: 30px; font-weight: bold; letter-spacing: 1px; }
#nd_spt_time_section p { font-size: 14px;line-height: 14px;color: #fff;padding: 8px 16px;margin: 8px;border-radius: 0px; }
#nd_spt_time_section .nd_spt_time { cursor: pointer; }
.nd_spt_all_time_slots_single { position: relative; }

#nd_spt_all_time_slots_single_layer { position: absolute; top: 0px; left:0px; width: 100%; height: 100%; cursor: progress; }


/*button container*/
#nd_spt_btn_go_to_booking_container { text-align: center; margin-top: 20px; }

/*button*/
#nd_spt_btn_go_to_booking { color: #fff; letter-spacing: 2px; outline: 0; border-width: 0px; cursor: pointer; font-size: 15px; line-height: 15px; border-radius: 0px; padding: 20px 40px; font-weight: bold; text-transform: uppercase; }





/***************************************** START BOOKING *****************************************/
#nd_spt_booking_all_container_2 {  }

#nd_spt_booking_step_resume { float: left; width: 50%; position: relative; padding-right: 20px; box-sizing:border-box; } 

#nd_spt_booking_step_datas_form { float: left; width: 50%; box-sizing:border-box; padding-left: 20px; }
#nd_spt_booking_step_datas_form label { float: left; width: 100%; font-size: 14px; font-weight: normal; }
#nd_spt_booking_step_datas_form label span { color: #fff;font-size: 11px;letter-spacing: 1px;padding: 4px 8px;border-radius: 0px; line-height: 11px; font-weight: normal; }
#nd_spt_booking_step_datas_form input[type="text"], #nd_spt_booking_step_datas_form textarea  { float: left; width: 100%; font-size: 14px; font-weight: normal;  }
#nd_spt_booking_step_datas_form button { color: #fff;letter-spacing: 2px;outline: 0;border-width: 0px;cursor: pointer;font-size: 15px;border-radius: 0px;padding: 20px 40px;font-weight: bold;text-transform: uppercase;width: 100%;line-height: 15px;}
#nd_spt_booking_form_term_container a { text-decoration: underline; font-weight: normal; }

#nd_spt_booking_step_datas_form_container { padding:40px; box-sizing:border-box; border:1px solid #f1f1f1; }
#nd_spt_booking_step_datas_form_container h3 { text-align: center; margin-bottom: 40px; font-size: 23px; line-height: 23px; letter-spacing: 1px; font-weight: bold; }
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_name_container,
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_surname_container,
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_email_container,
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_phone_container { float: left; width: 50%; }
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_email_container,
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_phone_container { margin-top: 20px; }

#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_name_container,
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_email_container { padding-right: 15px; box-sizing:border-box; } 
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_surname_container,
#nd_spt_booking_step_datas_form_container #nd_spt_booking_form_phone_container { padding-left: 15px; box-sizing:border-box; } 

.nd_spt_booking_resume_sport {font-size: 23px;color: #fff !important;text-align: center;float: left;width: 100%;padding: 40px;box-sizing: border-box;line-height: 23px; position: absolute; font-weight: bold; letter-spacing: 1px;}
#nd_spt_booking_step_resume_filter {  position: absolute; left: 0px; top:0px; height: 100%; width: 100%; background: linear-gradient( to bottom, rgb(29 29 29 / 60%) 0%, rgba(29 29 29 / 30%) 30%, rgb(29 29 29 / 0%) 100% ); }
#nd_spt_booking_step_resume_all_info {text-align: center; padding: 40px;box-sizing: border-box; overflow: hidden; position: relative; }
#nd_spt_booking_step_resume_all_info p { color: #fff; }
#nd_spt_booking_step_resume_all_info_word {color: rgba(255, 255, 255, 0.03);position: absolute;bottom: 6px;width: 100%;left: 0px;font-size: 200px; display: none;   }
#nd_spt_booking_step_resume_all_info p span {font-weight: bold;letter-spacing: 2px;text-transform: uppercase;}

#nd_spt_booking_form_term_container a { margin-left: 10px; }




/***************************************** START CHECKOUT *****************************************/
#nd_spt_checkout_all_container_3 { display: table; }

#nd_spt_checkout_step_resume { float: left; width: 50%; position: relative; padding-right: 20px; box-sizing:border-box; } 
#nd_spt_checkout_step_resume_filter {  position: absolute; left: 0px; top:0px; height: 100%; width: 100%; background: linear-gradient( to bottom, rgb(29 29 29 / 60%) 0%, rgba(29 29 29 / 30%) 30%, rgb(29 29 29 / 0%) 100% ); }
.nd_spt_checkout_resume_sport {font-size: 23px;color: #fff !important;text-align: center;float: left;width: 100%;padding: 40px;box-sizing: border-box;line-height: 23px; position: absolute; font-weight: bold; }


#nd_spt_checkout_step_resume_all_info {text-align: center; padding: 40px;box-sizing: border-box; overflow: hidden; position: relative; margin-top: -50px; }
#nd_spt_checkout_step_resume_all_info p { color: #fff; }
#nd_spt_checkout_step_resume_all_info_word {color: rgba(255, 255, 255, 0.03);position: absolute;bottom: 6px;width: 100%;left: 0px;font-size: 200px; display: none;   }
#nd_spt_checkout_step_resume_all_info p span {font-weight: bold;letter-spacing: 2px;text-transform: uppercase;}

.nd_spt_checkout_container_3 button { color: #fff; letter-spacing: 1px; outline: 0; border-width: 0px; cursor: pointer; font-size: 16px; border-radius: 4px; padding: 15px 30px; font-weight: normal; text-transform: uppercase; }


#nd_spt_checkout_step_datas_form { float: left; width: 50%; box-sizing:border-box; padding-left: 20px;   }
#nd_spt_checkout_step_datas_form button,#nd_spt_checkout_step_datas_form input[type="submit"] { width: 100%;  color: #fff; letter-spacing: 2px; outline: 0; border-width: 0px; cursor: pointer; font-size: 13px; border-radius: 0px; padding: 10px 20px; line-height: 13px; font-weight: bold; text-transform: uppercase; }
#nd_spt_checkout_step_datas_form_container { padding:40px; box-sizing:border-box; border:1px solid #f1f1f1; }

#nd_spt_checkout_form_name_container h3 { text-align: center; font-weight: bold; font-size: 23px; letter-spacing: 1px; line-height: 23px; }
#nd_spt_checkout_form_name_container span { font-weight: bold; letter-spacing: 2px; }
#nd_spt_checkout_form_name_container .nd_spt_toogle_title { font-weight: bold; letter-spacing: 1px; font-size: 13px; padding-top: 3px; }
#nd_spt_checkout_form_name_container .nd_spt_checkout_form_description { line-height: 1.6em; }


#nd_spt_component_container_layer { position: absolute; top: 0px; left:0px; width: 100%; height: 100%;}
#nd_spt_sorting_result_loader { position: absolute; top: 0px; left:0px; width: 100%; height: 100%; background-color: #fff; background-image: url('../../../../assets/img/loader-1.gif'); background-size: 70px; background-position: center 300px; background-repeat: no-repeat; }




/***************************************** START THANKS *****************************************/

#nd_spt_thanks_step { border:1px solid #f1f1f1; width: 70%;box-sizing: border-box;margin: 0px 15%; background-color: #fff; }
#nd_spt_thanks_step_resume_table p { float: left; width: 100%; border-bottom: 1px solid #f1f1f1; padding: 10px 0px;box-sizing: border-box; padding-bottom: 20px; }
#nd_spt_thanks_step_resume_table p:last-child { border-width: 0px; padding-bottom: 0px; }
#nd_spt_thanks_step_resume_table strong { float: left; font-weight: normal; }
#nd_spt_thanks_step_resume_table span { float: right; }
.nd_spt_thanks_step_resume_left { box-sizing:border-box; }
.nd_spt_thanks_step_resume_right { padding-left: 15px; box-sizing:border-box; }
#nd_spt_thanks_step_resume strong {font-size: 13px;line-height: 22px;font-weight: bold;letter-spacing: 2px; }
#nd_spt_thanks_step h3 { font-size: 23px; font-weight: bold;letter-spacing: 1px; }

#nd_spt_thanks_step_resume_icons { margin:30px 0px; }
#nd_spt_thanks_step_resume_icons p{ letter-spacing: 2px; text-transform: uppercase; font-size: 13px;}



/***************************************** START RESPONSIVE *****************************************/


/* 11.6 all responsive*/
@media only screen and (min-width: 320px) and (max-width: 1199px) {

	#nd_spt_rest_players_legend_section,#nd_spt_cal_occa_section { width: 100%; border-width: 0px; }

	#nd_spt_booking_step_resume,#nd_spt_booking_step_datas_form { width: 100%; padding: 0px; }	
	#nd_spt_booking_step_resume_all_info { padding: 30px; }
	#nd_spt_booking_step_resume_all_info .nd_spt_width_50_percentage { width: 100%; text-align: left; }
	#nd_spt_booking_step_datas_form_container div { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; }
	#nd_spt_booking_form_surname_container, #nd_spt_booking_form_email_container, #nd_spt_booking_form_phone_container { margin-top: 20px !important; }


	#nd_spt_checkout_step_resume,#nd_spt_checkout_step_datas_form { width: 100%; padding: 0px;  }
	#nd_spt_checkout_step_resume_all_info { padding: 30px; }
	#nd_spt_checkout_step_resume_all_info .nd_spt_width_50_percentage { width: 100%; text-align: left; }


	#nd_spt_thanks_step_resume_icons .nd_spt_width_25_percentage { width: 100%; padding-bottom: 30px; }
	#nd_spt_thanks_step { margin:0px; padding: 20px; width: 100%; }
	.nd_spt_thanks_step_resume_left p span { float: left !important; }
	.nd_spt_thanks_step_resume_left p strong { margin-right: 10px; }

}


/* 11.6 all iphone*/
@media only screen and (min-width: 320px) and (max-width: 767px) {

	#nd_spt_steps_container .nd_spt_single_step { width: 100%; padding: 10px 0px; }
	#nd_spt_time_section { padding: 0px; }
	#nd_spt_legend_section { display: none; }
	#nd_spt_players_section { width: 100% !important; }
	#nd_spt_players_section h3 { font-size: 14px; }
	#nd_spt_players_legend_section { padding: 10px; margin-top: -100px; }
	.nd_spt_player_number { width: 80px; }
	.nd_spt_player_number h1 { font-size: 40px !important; }
	.nd_spt_sport_image_content h3 { font-size: 16px; }
	.nd_spt_sport_image_content { top: 10px; }
	.nd_spt_ul_sport { z-index: 9; }
	#nd_spt_calendar_content h3 { font-size: 16px; }
	#nd_spt_occasion_cont h3 { font-size: 16px; }
	
}