/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 25 2023 | 09:10:39 */
@media only screen and (max-width:1200px) {
	.about-section {
		flex-direction: column;
	}
}


@media only screen and (max-width:1050px){
	.first-visit{
		grid-template-columns: repeat(3, 1fr) !important;
		grid-template-rows: 200px 1fr 1fr !important;
	}
	.first-visit .span-3{
		grid-column: span 3 !important;
	}
}

@media only screen and (max-width:840px){

	.wp-container-45.wp-container-45 {
		flex-wrap: wrap !important;
	}

	.logo img { 
		position: absolute;
		top: 10px;
		left: 5vw;
		max-width: 211px !important;
	}

	.main-nav {
		visibility: hidden;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		background: #eeed;
		left: 0;
		justify-content: center !important;
		align-items: center;
		display: flex;
		flex-direction: column;
		transition: .69s ease all;
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
		transform: translateY(-100%);
	}
	.nav-background {
		height:unset !important;
		background: transparent !important;
	}
	.nav-bar {
		background: #f4f4f4aa;
	}


	.main-nav a {
		font-size: 24px;
	}

	.open .main-nav {
		transform: none;
		visibility: visible;
	}

	.main-nav ul {
		display: flex;
		flex-direction: column;
	}



	.main-nav nav {
		display: flex;
		flex-direction: row;
	}



	.hamburger {
		visibility: visible !important;
		transition: 1s ease-in-out;
	}


	body.open .nav-bar .burger-line {
		background:transparent;
	}

	body.open .nav-bar .burger-line:before {
		transform: rotate(-45deg);
	}
	
	body.open .nav-bar .burger-line:before, body.open .nav-bar .burger-line:after {
		top: 0;
		transform-origin: center;
	}

	body.open .nav-bar .burger-line:after {
		transform: rotate(45deg);
	}

	html.open {
		overflow: hidden;
	}


	.services-container {
		flex-direction: column;
	}
	/*hero*/
	#hero {
		min-height: unset !important;
	}
	.hero{
		flex-direction: column;
		padding-top: 32px;
		align-items:flex-start !important;
		min-height: unset !important;
	}
	.hero h1{
		text-align: left;
		padding-top: 50px;
		font-size: 10vw;
	}
	.hero-smile {
		width: 62vw !important;
		bottom: -4vw !important;
		left: 15% !important;
	}
	.hero-img img {
		margin-left: 20% !important;
	}

	.about {
		padding: 0 !important;
	}
	

	/*footer*/
	.contact {
		padding: 0 5vw;
		height: 90vw;
		width:100%;
	}
	.contact-info {

		flex-direction: column;
		padding-left: 0 !important;
	}
	.smile {
		top: 27% !important;
		right: 5% !important;
	}
	.map-container {
		height: 90vw !important;
		width: 100% !important;
		margin-left: 0 !important;
		border-radius: 0 0 20px 20px !important;
	}
	iframe {
		height: 300px;
	}

}

@media only screen and (max-width:480px){
	.rights-reserved{
		flex-direction: column;
	}
	.slider-mobile .box {
		padding: 16px !important;
	}
}

@media only screen and (max-width:768px){

	/*KaRuZeLa*/
	.first-visit-wrapper .box-wide{
		display: flex !important;
	}

	.first-visit .span-2{
		display:none;
		overflow: hidden;
	}
	.first-visit-wrapper {
		height:1000px;
		position: relative;
		width: 100vw;
	}

	.slider-mobile {
		padding: 0!important;
		display:block;
		position:absolute;
		width: 100vw;
		max-width: 100vw;
		height: 400px;
		display: flex;
		overflow: hidden;

	}

	.slider-mobile .box {
		top:0;
		position: absolute;
		left: 5vw;
		height: 400px;
		background-color: #eeed;
		padding: 32px;
		border: 2px solid #eee;
		border-radius: 15px;
		width: 75vw;
		max-width: 400px;
		-webkit-user-select: none; /* Safari */
		-ms-user-select: none; /* IE 10 and IE 11 */
		user-select: none; /* Standard syntax */
		box-shadow: none;
		transition: .3s ease all;
		overflow: hidden;
	}

	.slider-mobile .box img {
		margin-bottom: 5vw;
	}


	.number {
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0.03;
		font-weight: bolder;
		line-height: 359px;
		font-size: 359px;
	}

	.slider-mobile .box[data-wtf] { opacity: 0; z-index: 4; }
	.slider-mobile .box[data-wtf="-4"] { transform: translateX(-20%) scale(.6); z-index: 5; opacity: .2; filter: blur(4px); }
	.slider-mobile .box[data-wtf="-3"] { transform: translateX(-40%) scale(.7); z-index: 6; opacity: .4; filter: blur(3px);  }
	.slider-mobile .box[data-wtf="-2"] { transform: translateX(-60%) scale(.8); z-index: 7; opacity: .6; filter: blur(2px); }
	.slider-mobile .box[data-wtf="-1"] { transform: translateX(-80%) scale(.9); z-index: 8; opacity: .8; filter: blur(1px); }
	.slider-mobile .box[data-wtf="0"] { transform: none; z-index: 10; background-color: #fffa; ; opacity: 1; transition: .1s ease all; border-color: white;
		box-shadow: 0 10px 25px rgba(255,255,255,.1); }
	.slider-mobile .box[data-wtf="1"] { transform: translateX(20%) scale(.9); opacity: .8; z-index: 8; filter: blur(1px); }
	.slider-mobile .box[data-wtf="2"] { transform: translateX(40%) scale(.8); opacity: .6; z-index: 7; filter: blur(2px); }
	.slider-mobile .box[data-wtf="3"] { transform: translateX(60%) scale(.7); opacity: .4; z-index: 6; filter: blur(3px); }
	.slider-mobile .box[data-wtf="4"] { transform: translateX(80%) scale(.6); opacity: .2; z-index: 5; filter: blur(4px); }
	.slider-mobile .box[data-wtf="5"] { opacity: 0; z-index: 4; }


	.contact-info {
		border-radius: 10px !important;
	}
}