:root {

	--template-padding-mobile: 40px 20px 40px;
	--template-padding-tablet: 50px 5%;
	--template-padding-laptop: 0 8%;
	--template-padding-desktop: 0 10%;
	--template-padding-sm-laptop: 0 6%;

	--custom-x-padding-mobile: 5%;
	--custom-x-padding-tablet: 5%;
	--custom-x-padding-laptop: 8%;
	--custom-x-padding-desktop: 10%;
	--custom-x-padding-sm-laptop: 6%;

}

@keyframes move-in {
	0% {
		bottom: 0;
		translate:  0 calc(50%  - 25px);
		opacity: 0;
	}

	50% {
		opacity: 1;
		translate:  0 120px;
		outline: 1000px solid #2C3248 ;

	}
	90% {
		scale: 1;
		translate:  0 120px;
		border-radius: 50px;
	}

	100%{
		scale: 1;
		translate:  0 120px;
		border-radius: 0;
	}
}

@view-transition {
	navigation: auto;
}

.site-template:after{
	background-color: var(--e-global-color-primary );
	z-index: 4;
	animation-delay: 0.1s;
}

.site-header{
	view-transition-name: header;
}

.site-footer{
	view-transition-name: footer;
}

.site-cta-container{
	view-transition-name: sitecta;
}
/*.site-template{*/
/*	view-transition-name: content;*/
/*}*/

/*::view-transition-old(content){*/
/*	animation-delay: 1.2s;*/
/*}*/

/*::view-transition-group(*) {*/
/*	animation: none;*/
/*}*/

/*::view-transition-new(content) {*/
/*	animation: move-in 1.25s ease-in-out both;*/
/*	animation-delay: 0.20s;*/
/*	z-index: 5;*/
/*	object-fit: cover;*/
/*	object-position: 0 -120px;*/
/*	height: calc(100vh - 120px);*/
/*	width: 100%;*/
/*	border-radius: 50px;*/
/*	position: absolute;*/
/*	bottom: 0;*/
/*	outline: 100px solid #2C3248;*/
/*	overflow: hidden;*/
/*}*/

.site-template {
	width: 100%;
	position: relative;
	background-color: #ffffff;
}


.fancybox-button:focus,
.fancybox-button:hover {
	color: #1F222A!important;
	background-color: #f3eee7;
}

.fa-facebook-f:before {
	content: "\f39e"!important;
}

.image-sticky,
.item-sticky{
	position: sticky;
	top: 200px;
}


/*RESPONSIVE*/
	 /*phone*/
	 @media (max-width: 767px) {

		 .hide-mobile {
			 display: none !important;
		 }

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template .elementor-element.e-parent.e-con-boxed .e-con-inner {
			 padding: var(--template-padding-mobile)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-mobile)!important;
			 padding-right: var(--custom-x-padding-mobile)!important;
		 }

	 }

	 /*tablet*/
	 @media (min-width: 768px) and (max-width: 1023px) {

		 .hide-tablet {
			 display: none !important;
		 }

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template .elementor-element.e-parent.e-con-boxed .e-con-inner {
			 padding: var(--template-padding-tablet)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-tablet)!important;
			 padding-right: var(--custom-x-padding-tablet)!important;
		 }

	 }

	 /*mobile and tablet*/
	 @media (max-width: 1024px) {

	 }

	 /*desktop*/
	 @media (min-width: 1025px) {

		 .hide-desktop {
			 display: none !important;
		 }

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template--default  {
			 padding: var(--template-padding-desktop)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-desktop)!important;
			 padding-right: var(--custom-x-padding-desktop)!important;
		 }

	 }

	 /*laptop 1*/
	 @media (min-width: 1024px) and (max-width: 1439px) {

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template--default {
			 padding: var(--template-padding-sm-laptop)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-sm-laptop)!important;
			 padding-right: var(--custom-x-padding-sm-laptop)!important;
		 }

	 }

	 /*laptop 2*/
	 @media (min-width: 1440px) and (max-width: 1700px) {

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--post,
		 .site-template--default {
			 padding: var(--template-padding-laptop)!important;
		 }

		 .custom-x-padding {
			 padding-left: var(--custom-x-padding-laptop)!important;
			 padding-right: var(--custom-x-padding-laptop)!important;
		 }

	 }

/*RESPONSIVE*/