/*
//
//	ALL CUSTOM CSS KEEP HERE
//	UPDATE WILL NOT DELETE OR MODIFY THIS FILE
//
/*

/*-----------------------------------------*\
				MAIN
\*-----------------------------------------*/

	/* OWN BUTTON STYLING */
	/* .pure-button-style #woocommerce .product #review_form_wrapper .form-submit .submit, */
	/* .pure-button-style .woocommerce-pagination ul li a, */
	/* .pure-button-style .woocommerce-pagination ul li span, */
	/* .pure-button-style .woocommerce-ordering-wrap button, */
	/* .pure-button-style form .button, */
	/* .pure-button-style form input[type=submit], */
	/* .pure-button-style .button, */
	/* .pure-button-style .example_button, */
	/* .pure-button-style .elementor-button, */
	/* .pure-button-style .woocommerce .button, */
	/* .pure-button-style #woocommerce .button{} */
	
	/* OWN BUTTON HOVER STYLING */
	/* .pure-button-style #woocommerce .product #review_form_wrapper .form-submit .submit:hover, */
	/* .pure-button-style .woocommerce-pagination ul li a:hover, */
	/* .pure-button-style .woocommerce-pagination ul li span:hover, */
	/* .pure-button-style .woocommerce-ordering-wrap button:hover, */
	/* .pure-button-style form .button:hover, */
	/* .pure-button-style form input[type=submit]:hover, */
	/* .pure-button-style .button:hover, */
	/* .pure-button-style .example_button:hover, */
	/* .pure-button-style .elementor-button:hover, */
	/* .pure-button-style .woocommerce .button:hover, */
	/* .pure-button-style #woocommerce .button:hover{} */

/*-----------------------------------------*\
				TYPOGRAPHY
\*-----------------------------------------*/


/*-----------------------------------------*\
				STRUCTURE
\*-----------------------------------------*/

.wrapper-white{
	background-color: #fff;
}


#header .header-nav .sub-menu{
	position: absolute;
	width: 350px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: var(--pure-color);
	box-shadow: 0px 0px 12px rgb(0 0 0 / 35%);
	/* border-top: 3px solid var(--pure-color-3); */
	border-radius: .5rem;
	z-index: 135;
	padding-top: .75rem;
	padding-bottom: .75rem;
	left: 50%;
	transform: translateX(-50%);
}
	#header .header-nav .sub-menu .sub-menu{
		left: 100%;
		top: 0;
    	transform: none;
		border-radius: 0;
		border-top-right-radius: .5rem;
		border-bottom-right-radius: .5rem;
	}

	#header .header-nav .sub-menu a{
		padding: .75rem 1rem !important;
		/* text-align: center !important; */
		display: block !important;
		border: none !important;
		text-transform: initial !important;
	}
		#header .header-nav .sub-menu:before{
			content: "";
			position: absolute;
			top: -10px;
			left: 50%;
			transform: translateX(-50%);
			width: 0;
			height: 0;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-bottom: 10px solid var(--pure-color-3);
		}
	#header .header-nav .sub-menu .sub-menu{
		left: 100%;
		top: 0;
	}
	#header .header-nav .sub-menu .menu-item-has-children:hover > a{
		/* color: ; */
    	opacity: 0.75;
		/* border-left: 3px solid var(--pure-color-3); */
	}
	#header .header-nav .sub-menu .menu-item-has-children > a{
		/* display: flex; */
		/* justify-content: space-between; */
	}
	#header .header-nav .sub-menu .menu-item-has-children > a:after{
		font-family: "Font Awesome 5 Pro";
		content: "\f054";
		position: absolute;
		right: 15px;
		top: 8px;
	}
	#header .header-nav li.menu-item-has-children:hover > .sub-menu{
		display: block;
	}
	#header .header-nav .sub-menu li{
		/* margin-top: 5px;
		margin-bottom: 5px; */
		display: block !important;
	}
		/* #header .header-nav .sub-menu li a{
			margin-left: 0px;
			text-align: left;
		} */

#sidebar_menu {
	background-color: var(--pure-color);
	box-shadow:rgb(0 0 0 / 35%) 0px 0px 30px;
}
	#sidebar_menu .expand{
		cursor: pointer;
	}
	#sidebar_menu .expand span{
		font-size: 1.25rem;
		/* text-transform: uppercase; */
	}
	#sidebar_menu .expand_childmenu_button{
		border: 0px;
		margin: 0;
		/* font-size: 1.25rem; */
		color: #fff;
		background-color: rgba(255, 255, 255, 0.1);
		/* text-transform: uppercase; */
		margin-left: .75rem;
	}

			#sidebar_menu .menu_container ul{
				margin-bottom: 10px;
				margin-top: 14px;
    			padding: .75rem;
			}
				#sidebar_menu .menu_container ul li{
					display: block;
				}
					#sidebar_menu .menu_container ul li a{
						color: #FFF;
						display: block;
						position: relative;
						padding-bottom: 2px;
						margin-bottom: 5px;
						padding-top: 2px;
						margin-top: 5px;
						text-align: center;
						/* text-transform: uppercase; */
						/* font-size: 1.25rem; */
					}
					/* #sidebar_menu .menu_container ul li a br{
						display: none;
					} */
					#sidebar_menu .header-nav ul li{
						display: block;
						position: relative;
					}
						#sidebar_menu .header-nav ul li.menu-item-has-children li > a{
							text-transform: initial;
						}
					#sidebar_menu .header-nav .sub-menu{
						display: none;
						/* margin: .25rem .75rem .75rem .75rem; */
						background: rgba(255, 255, 255, 0.1);
						padding: .75rem 0;
						border-radius: .5rem;
						width: 90%;
						margin-left: auto;
						margin-right: auto;
					}
					#sidebar_menu .header_phone,
					#sidebar_menu .header_email{
						text-align: center;
						margin-top: 2rem;
						color: #fff;
					}
						#sidebar_menu .header_phone i,
						#sidebar_menu .header_email i{
							margin-right: .25rem;
						}
						#sidebar_menu .header_phone a,
						#sidebar_menu .header_email a{
							color: #fff;
							font-size: 1.25rem;
							text-decoration: none;
						}
					#sidebar_menu .socials{
						text-align: center;
						margin-top: 2rem;
						color: #fff;
						display: flex;
						justify-content: center;
						gap: 1rem;
					}
						#sidebar_menu .socials .social-item{
							color: #fff;
							font-size: 1.25rem;
							text-decoration: none;
						}




.pure-widget-box.pure-widget-box-slick:not(.slick-initialized) .pure-widget-box-item {
	display: none;
}

.pure-widget-box .pure-widget-box-item {
	aspect-ratio:  9 / 14;
	position: relative;
	margin: .75rem;
	-webkit-transition: box-shadow 250ms ease-in-out;
	-moz-transition: box-shadow 250ms ease-in-out;
	-ms-transition: box-shadow 250ms ease-in-out;
	-o-transition: box-shadow 250ms ease-in-out;
	transition: box-shadow 250ms ease-in-out;

	overflow: hidden;
	border-radius: .5rem;
}
	/* .pure-widget-box .pure-widget-box-item:hover {
		box-shadow: 0px 0px .5rem rgba(0,0,0,0.3);
		border: 2px solid var(--pure-color-2);
	} */

	.pure-widget-box .pure-widget-box-item .pure-widget-box-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.pure-widget-box .pure-widget-box-item .overlay-color{
		position: absolute;
		bottom: -25%;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2f2f2f+0,2f2f2f+100&0+0,1+50 */
		background: linear-gradient(to bottom,  rgba(47,47,47,0) 0%,rgba(47,47,47,1) 75%,rgba(47,47,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

			-webkit-transition: bottom 250ms ease-in-out;
			-moz-transition: bottom 250ms ease-in-out;
			-ms-transition: bottom 250ms ease-in-out;
			-o-transition: bottom 250ms ease-in-out;
			transition: bottom 250ms ease-in-out;
	}    
		.pure-widget-box .pure-widget-box-item:hover .overlay-color{
			bottom: 0;
		}    

	.pure-widget-box .pure-widget-box-item .arrow{
		position: absolute;
		/* top: 50%; */
		top: 30%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 2rem;
		border: 3px solid var(--pure-color-2);
		border-radius: 50%;
		text-align: center;
		line-height: 60px;
		width: 60px;
		height: 60px;
		z-index: 2;
	}
	@media(min-width: 768px) {
		.pure-widget-box .pure-widget-box-item .arrow{
			font-size: 2.75rem;
			line-height: 110px;
			width: 110px;
			height: 110px;
		}
	}
	.pure-widget-box .pure-widget-box-item .content-box{    
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		padding: 1.5rem;
	}
		.pure-widget-box .pure-widget-box-item .content-box .title{  
			/* text-transform: uppercase; */
			color: #fff
		}
		.pure-widget-box .pure-widget-box-item .content-box .content{  
			color: #fff;
		}
		/* @media(min-width: 1200px) {
			.pure-widget-box .pure-widget-box-item .content-box{    
				padding: 2rem;
			}
			.pure-widget-box .pure-widget-box-item:hover .content-box{    
				padding: calc( 2rem - 2px );
			}
			.pure-widget-box .pure-widget-box-item .content-box .title{  
				font-size: 2rem;
				line-height: 2.25rem;
			}
			.pure-widget-box .pure-widget-box-item .content-box .content{  
				color: #fff;
				/* font-size: 1.625rem;
				line-height: 2rem;
			}
		} */

	.pure-widget-box{}
	.pure-widget-box .slick-prev{
		display: none !important;
	}
	.pure-widget-box .slick-next{
		position: absolute;
		top: 50%;
		right: -3rem;
		transform: translateY(-50%);
		color: var(--pure-color);
		font-size: 3rem;
		z-index: 2;
		background-color: transparent;
		border: 0;
	}
	
    .pure-widget-box .slick-dots{
        position: absolute;
        bottom: -4rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        list-style-type: none;
        display: flex;
        padding: 0;
    }
        .pure-widget-box .slick-dots li{
        }
            .pure-widget-box .slick-dots li button{
                width: 12px;
                height: 12px;
                border-radius: 6px;
                -webkit-border-radius: 6px;
                background-color: #515151;
                border: 0;
                padding: 0;
                margin: 0 5px;
                text-indent: -9999px;
                font-size: 0;
                -webkit-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                -moz-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                -ms-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                -o-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                transition: background 250ms ease-in-out, width 250ms ease-in-out;
            }
                .pure-widget-box .slick-dots li.slick-active button{
                    width: 60px;
                    background-color: var(--pure-color);
                }

footer .widget-newsletter-form{}
	footer .widget-newsletter-form .ns-co{
		width: -webkit-fill-available;
	}
	footer .widget-newsletter-form input[type=email]{
		line-height: var(--p-b-normal-line-height);
		padding-top: clamp(.5rem, 1vw, .75rem);
		padding-bottom: clamp(.5rem, 1vw, .75rem);
		color: #fff !important;
		width: -webkit-fill-available;
	}
	footer .widget-newsletter-form button.button{
		padding-top: clamp(.5rem, 1vw, .75rem);
		padding-bottom: clamp(.5rem, 1vw, .75rem);
		padding-right: var(--p-b-normal-paddingright);
		padding-left: var(--p-b-normal-paddingleft);
		text-wrap-mode: nowrap;
		/* background: var(--p-b-normal-border-color); */
		/* color: var(--p-b-normal-background-color); */
	}
	@media(max-width: 767px){
		footer .widget-newsletter-form button.button{
			width: 100%;
		}
	}
		footer .widget-newsletter-form button i{
    		color: var(--p-b-normal-background-color);
		}

.pure_pagination{
    padding: 1.5rem 0;
}
	.pure_pagination .nav-links{
		display: flex;
		justify-content: center;
		gap: .75rem
	}
		.pure_pagination .nav-links a,
		.pure_pagination .nav-links span{
			font-family: var(--p-b-normal-fontfamily);
			font-size: var(--p-b-normal-fontsize);
			line-height: var(--p-b-normal-lineheight);
			font-weight: var(--p-b-normal-fontweight);
			border-style: var(--p-b-normal-borderstyle);
			border-top-width: var(--p-b-normal-bordertopwidth);
			border-right-width: var(--p-b-normal-borderrightwidth);
			border-bottom-width: var(--p-b-normal-borderbottomwidth);
			border-left-width: var(--p-b-normal-borderleftwidth);
			border-top-left-radius: var(--p-b-normal-bordertopleft_radius);
			border-top-right-radius: var(--p-b-normal-bordertopright_radius);
			border-bottom-right-radius: var(--p-b-normal-borderbottomright_radius);
			border-bottom-left-radius: var(--p-b-normal-borderbottomleft_radius);
			padding-top: var(--p-b-normal-paddingtop);
			padding-right: var(--p-b-normal-paddingright);
			padding-bottom: var(--p-b-normal-paddingbottom);
			padding-left: var(--p-b-normal-paddingleft);
			color: var(--p-b-normal-color);
			border-color: #000;
			background-color: #000;
			display: inline-block;
			cursor: pointer;
			text-decoration: none;
			text-align: center;
		}
			.pure_pagination .nav-links span.current,
			.pure_pagination .nav-links a.current,
			.pure_pagination .nav-links a:hover,
			.pure_pagination .nav-links span:hover{    
				color: var(--p-b-hover-color);
				border-color: var(--p-b-hover-bordercolor);
				background-color: var(--p-b-hover-backgroundcolor);
				text-decoration: none;
			}

	.widget-testimonials{}
		.widget-testimonials .widget-testimonials-item{
			width: 406px;
			background: #fff;
			border-radius: .5rem;
		}
			.widget-testimonials .widget-testimonials-item .desc{
				font-weight: 300;
				font-style: italic;
			}
			.widget-testimonials .widget-testimonials-item .name{
				font-weight: 700
			}


    .widget-testimonials .slick-dots{
        /* position: absolute; */
        /* bottom: -4rem; */
        /* left: 50%; */
        /* transform: translateX(-50%); */
        z-index: 2;
        list-style-type: none;
        display: flex;
        padding: 0;
    	justify-content: center;
    }
        .widget-testimonials .slick-dots li{
        }
            .widget-testimonials .slick-dots li button{
                width: 12px;
                height: 12px;
                border-radius: 6px;
                -webkit-border-radius: 6px;
                background-color: #515151;
                border: 0;
                padding: 0;
                margin: 0 5px;
                text-indent: -9999px;
                font-size: 0;
                -webkit-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                -moz-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                -ms-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                -o-transition: background 250ms ease-in-out, width 250ms ease-in-out;
                transition: background 250ms ease-in-out, width 250ms ease-in-out;
            }
                .widget-testimonials .slick-dots li.slick-active button{
                    width: 60px;
                    background-color: var(--pure-color);
                }

footer{
	font-weight: 300;
	line-height: 1.75rem;
}
footer strong{
	font-weight: 700;
}
footer i{
	color: var(--pure-color)
}

.widget-footer{}
.widget-footer .widget-footer-title{
	font-weight: 700;
}

.widget-footer .menu{
	list-style-type: none;
	padding: 0;
}
@media(min-width: 1200px){
	.widget-footer .menu{
		border-left: 2px solid rgba(0,0,0,.1);
		padding-left: 2rem;
	}
}


		footer .pure-socials{
			display: flex;
			gap: 1rem;
		}
			@media (max-width: 767px){
				footer .pure-socials{
					justify-content: center;
					margin-bottom: 1.5rem;
				}
			}
			footer .pure-socials a{
				color: #fff;
				font-size: 1.5rem;
				transition: all 250ms ease-in-out;
			}
			footer .pure-socials a:hover{
				opacity: 0.75;
		}

	.made-by-pc{}
		.made-by-pc img{
			width: 120px;
			margin-left: .75rem;
		}

				
	#search-popup{
		display: grid;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: .75rem;
		backdrop-filter: blur(10px);
		align-items: center;
		/* background: #000; */
		z-index: 9999;
    	box-sizing: border-box;
	}
		#search-popup .search-box{
			background: #fff;
			border-radius: 10px;
			padding: .75rem 1.5rem;
			max-width: 500px;
			width: 80%;
			position: relative;
			margin: auto;
			box-shadow: 0 0 15px rgba(0, 0, 0, .5);
		}
			/* #search-popup .search-box form{
				display: flex;
			} */
				#search-popup .search-box form input[type=text]{
					/* color: #000;
					border-color: #999; */
    				min-width: auto;
    				width: 100%;
				}
			#search-popup .search-heading h3{
				font-size: 1.5rem;
				margin-bottom: 1.5rem;
			}
			#search-popup .search-popup-close{
				position: absolute;
				right: .75rem;
			}


/* .pagination{
	text-align: right;
}
	.pagination .page-numbers{
		display: inline-block;
		margin-left: 5px;
		padding: .5rem .5rem;
		min-width: 1.5rem;
		text-align: center;
		border: 0;
		border-radius: 1.5rem;
		background-color: #b4b4b4;
		color: #fff;
		font-weight: 700;

		-webkit-transition: background 250ms ease-in-out, color 250ms ease-in-out;
		-moz-transition: background 250ms ease-in-out, color 250ms ease-in-out;
		-ms-transition: background 250ms ease-in-out, color 250ms ease-in-out;
		-o-transition: background 250ms ease-in-out, color 250ms ease-in-out;
		transition: background 250ms ease-in-out, color 250ms ease-in-out;
	}
	@media(min-width: 768px){

		.pagination .page-numbers{
			min-width: 4rem;
			padding: .5rem 1rem;
		}
	}
	.pagination .page-numbers.current{
		background-color: var(--pure-color);
		color: #fff;
		pointer-events: none;
	} */

/*-----------------------------------------*\
				PAGES
\*-----------------------------------------*/


/*-----------------------------------------*\
				RESPONSIVE
\*-----------------------------------------*/


/*-----------------------------------------*\
				IMAGES
\*-----------------------------------------*/


/*-----------------------------------------*\
				COMMON
\*-----------------------------------------*/


/*-----------------------------------------*\
				MISC
\*-----------------------------------------*/
.wpcf7{}
		.wpcf7 .wpcf7-form-control.wpcf7-acceptance{}
			.wpcf7 .wpcf7-form-control .wpcf7-list-item{    
				padding-top: .25rem;
				padding-bottom: .25rem;
				display: block;
			}
			.wpcf7 .wpcf7-form-control .wpcf7-list-item > .pure_checkbox{
				/* display: block; */
			}
			.wpcf7 .wpcf7-form-control .wpcf7-list-item-label{    
				font-size: .875rem;
				line-height: 1.25em;
			}
			@media(min-width: 1200px){
				.wpcf7 .wpcf7-form-control .wpcf7-list-item-label{    
					font-size: 1rem;
					line-height: 1.25em;
				}
			}
.wpcf7-action{
	position: relative;
}
	.wpcf7-action .wpcf7-spinner{
		position: absolute;
		margin: 0;
		padding: 0;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
.wpcf7 .wpcf7-form-control-wrap{
	display: block;
}
	.wpcf7 .wpcf7-form-control-wrap input,
	.wpcf7 .wpcf7-form-control-wrap textarea{
		width: 100%;
	}




/*-----------------------------------------*\
				ANIMATE CSS ELEMENTOR MAIN CONTAINER FADE IN
\*-----------------------------------------*/
#header,
body > .elementor{
	opacity: 1;
}