:root {

	--template-padding-mobile: 0 5%;
	--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: 3%;
	--custom-x-padding-tablet: 2%;
	--custom-x-padding-laptop: 2%;
	--custom-x-padding-desktop: 2%;
	--custom-x-padding-sm-laptop: 2%;


}

*,::before, *::after {
     box-sizing: border-box;
 }

::-moz-selection {
    color: #ffffff;
    background: var(--e-global-color-primary);
}

::selection {
    color: #ffffff;
    background: var(--e-global-color-primary);
}


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


.site-template .elementor-widget:not(:last-child) {
     margin-block-end: 0px!important;
}

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


		 .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*/