body{ margin: 0; padding: 0; font-family: sans-serif; background-image: linear-gradient(to right, rgb(58,57,55), rgb(148,148,146)); }
.productpage_main{ width: 100%; height: 100%; padding: 30px 10px; box-sizing: border-box; }
.productpage_title{ font-family: sans-serif; font-size: 32px; color: #ffffff; text-align: center; margin: 80px auto 0; }
.productpage_subtitle{ font-family: sans-serif; font-size: 24px; color: #ffffff; text-align: center; margin: 20px auto; }
.product_button_container{ text-align: center; margin: 20px auto; }
.product_button{ width: 150px; height: 50px; background-color: #ffffff; border-radius: 30px; border: 1px solid #ffffff; color: #000000; font-size: 19px; box-sizing: border-box; display: inline-block; margin: 0 25px; }
.product_button:hover, .product_button.active{ background-color: #000000; color: #ffffff; border: 1px solid #000000; cursor: pointer; }
.product_image_outer_container{ display: flex; align-items: center; justify-content: center; }
.product_image_container{ width: 500px !important; max-width: 100%; margin: 0 25px; display: block; }
.product_zoom_instructions1{ text-align: center; color: #ffffff; font-size: 20px; margin-top: 10px; }
.product_zoom_instructions2{ text-align: center; color: #ffffff; font-size: 16px; margin-top: 10px; display: none; }
.product_image_note{ color: #ffffff; font-size: 15px; width: 550px; max-width: 100%; margin: 14px auto 10px; }
.productpage_description{ font-family: sans-serif; font-size: 32px; color: #ffffff; text-align: center; margin-top: 30px; }
.productpage_price{ font-family: sans-serif; font-size: 32px; color: #ffffff; text-align: center; margin: 10px 0 30px; }
.gallery_arrow{ width: 40px; height: 40px; border-radius: 20px; background-color: #ffffff; color: #222222; font-size: 30px; text-align: center; display: inline-block; margin: 0; position: static; }
.gallery_arrow:hover{ background-color: #000000; color: #ffffff; cursor: pointer; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content: ''; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ content: ''; }
.swiper-button-next:after, .swiper-button-prev:after{ font-family: initial; font-size: 30px; }
#gallery_arrow_left{ left: 300px; }
#gallery_arrow_right{ left: 454px; }
.product_gallery_instructions{ text-align: center; color: #ffffff; font-size: 20px; margin: 10px 0; }
.custom_modal_background{ background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; transition: all 0.3s; opacity: 0; z-index: 99995; display: none; }
#customize_modal_background2, #customize_modal_background3{ background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; transition: all 0.3s; opacity: 0; z-index: 99997; display: none; }
.custom_modal{ width: 95%; max-width: 450px; padding: 20px; font-family: sans-serif; background-color: #ffffff; border-radius: 10px; position: fixed; top: 50%; left: 50%; transition: all 0.3s; transform: translateX(-50%) translateY(-50%); opacity: 0; z-index: 99998; box-sizing: border-box; display: none; max-height: 90vh; overflow: auto; }
.custom_modal2, .custom_modal3, .custom_modal4{ z-index: 99999; }
.custom_modal_background.visible, .custom_modal.visible, #customize_modal_background2.visible, #customize_modal_background3.visible{ display: block; opacity: 1; }
.customize_modal_close, .customize_close, .customize_close_afterorder, .customize_close_beforeorder, .customize_close_beforeorder_question{ font-size: 24px; position: absolute; top: 20px; right: 13px; cursor: pointer; }
#custom_modal_error{ position: absolute; top: 0; left: 0; background-color: #ff0000; color: #ffffff; text-align: center; font-size: 14px; width: 100%; border-radius: 10px 10px 0 0; padding: 5px 0; display: none; }
.error_input{ background-color: #fbe7e7; }
.customize_modal_title{ font-size: 21px; text-align: center; margin-top: 5px; margin-bottom: 2px; }
.customize_modal_subtitle{ font-size: 18px; text-align: center; margin-bottom: 2px; }
.customize_modal_feesnote{ font-size: 14px; text-align: center; margin-bottom: 10px; }
.customize_modal_instructions{ font-size: 16px; text-align: center; margin: 20px 0 30px; }
.custom_modal label{ display: block; margin: 10px 0 5px 0; }
.custom_modal textarea{ width: 100%; height: 75px; border: 1px solid #000000; }
.custom_modal input{ width: 100%; height: 40px; border: 1px solid #000000; }
.customize_requestquote{ font-size: 16px; text-align: center; margin: 10px 0 10px 0; }
.customize_modal_buttons_container{ text-align: center; }
.customize_button{ width: 95px; height: 40px; vertical-align: middle; background-color: transparent; border-radius: 20px; border: 1px solid #000000; color: #333333; border: 1px solid #333333; font-size: 14px; box-sizing: border-box; display: inline-block; margin: 5px 0; }
.customize_button:hover, .customize_button.active{ background-color: #333333; color: #ffffff; border: 1px solid #333333; cursor: pointer; }
.customize_question{ padding: 0 5px; border-radius: 12px; font-size: 20px; font-weight: bold; border: 1px solid #000000; background-color: #ffffff; margin-left: 5px; }
.customize_question:hover{ border: 1px solid #000000; background-color: #333333; color: #ffffff; cursor: pointer; }
.swiper{ width: 100%; height: 100%; }
.swiper-slide{ overflow: hidden; }
.product_data_1, .product_data_5{ width: 500px; display: inline-block; position: absolute; left: -1000px; top: 0; transition: .3s all; }
.product_data_2, .product_data_6{ width: 500px; display: inline-block; position: absolute; left: -500px; top: 0; transition: .3s all; }
.product_data_3, .product_data_7{ width: 500px; display: inline-block; position: absolute; left: 0; top: 0; transition: .3s all; }
.product_data_4, .product_data_8{ width: 500px; display: inline-block; position: absolute; left: 500px; top: 0; transition: .3s all; }
#product_data_container_basic, #product_data_container_deluxe{ width: 500px; height: 120px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; }
#product_data_container_deluxe{ display: none; }
.section_boxes_row{ background-color: transparent; }
.productpage_breadcrumb{ text-align: center; margin: 20px auto; }
.productpage_breadcrumb span{ background-color: #5f605d; padding: 10px 15px; color: #ffffff; display: inline-block; }
.productpage_breadcrumb span a{ color: #ffffff; text-decoration: underline; }
#customize_modal_beforeorder_close2:hover, #customize_modal_beforeorder_close2.active{ background-color: #333333; color: #ffffff; border: 1px solid #333333; cursor: pointer; }
@media all and (max-width: 1200px){
	.productpage_title{ font-size: 28px; }
	.product_button{ width: 130px; height: 40px; font-size: 16px; }
	.product_zoom_instructions1{ font-size: 16px; }
	.productpage_description{ font-size: 28px; }
	.prductpage_price{ font-size: 28px; }
	.product_gallery_instructions{ font-size: 16px; }
}
@media all and (max-width: 992px){
	.product_zoom_instructions1{ display: none; }
	.product_zoom_instructions2{ display: block; }
}
@media all and (max-width: 768px){
	.product_image_container{ width: 400px !important; }
	.product_image_note{ width: 450px; }
	.productpage_title{ font-size: 25px; }
	.product_button{ width: 125px; height: 31px; }
	.product_zoom_instructions2{ font-size: 14px; }
	.productpage_description{ font-size: 25px; margin-top: 25px; }
	.prductpage_price{ font-size: 25px; }
	.product_button_container{ margin: 15px auto 20px; }
	.product_gallery_instructions{ font-size: 14px; }
	.product_data{ width: 350px; transition: .25s all; }
	#product_data_container_basic, #product_data_container_deluxe{ width: 350px; height: 110px; }
}
@media all and (max-width: 576px){
	.productpage_title{ font-size: 22px; }
	.product_button{ font-size: 14px; width: 110px; height: 25px; border-radius: 13px; }
	.productpage_description{ font-size: 22px; }
	.productpage_price{ font-size: 22px; }
	.product_image_container{ margin: 0; }
	.product_image_note{ width: 400px; }
	#gallery_arrow_left{ position: relative; left: 45px; z-index: 1001; }
	#gallery_arrow_right{ position: relative; left: -45px; z-index: 1001; }
	#product_data_container_basic, #product_data_container_deluxe{ height: 90px; }
}
@media all and (max-width: 400px){
	#product_button_customize, #product_button_buy, #product_button_change{ margin: 5px auto; width: 100px; }
	.productpage_main{ padding: 5px 10px 30px; }
	.productpage_title{ font-size: 18px; }
	.product_button_container{ margin: 5px auto 10px; }
	.productpage_description{ font-size: 18px; margin-top: 10px; }
	.productpage_price{ font-size: 22px; margin: 5px 0 5px; }
	.product_zoom_instructions2{ margin-top: 5px; }
	.product_data{ width: 280px; transition: .2s all; }
	#gallery_arrow_left{ left: 40px; }
	#gallery_arrow_right{ left: -40px; }
	#product_data_container_basic, #product_data_container_deluxe{ width: 280px; height: 65px; }
}