:root {

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

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

}

@view-transition {
	navigation: auto;
}

html::view-transition-old(root),
html::view-transition-new(root) {
	animation-delay: .5s;
}

#main > div {
	margin: 0 !important;
	padding: 0 !important;
	max-width: unset !important;
	flex-direction: column!important;
}

.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;
}


/*RESPONSIVE*/

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

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

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

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

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

	 }

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

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

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

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

	 }

/*RESPONSIVE*/