:root {

	--main-font: Comic Sans MS, Sans-serif;
	--second-font: Montserrat, Sans-serif;

	--main-color: #010c15;
	--main-bg-color: var(--main-color);

	--second-color: #04121e;
	--second-bg-color: var(--second-color);

	--accent-color: #e20d32;
	--accent-bg-color: var(--accent-color);

	--template-padding-mobile: 0 5%;
	--template-padding-tablet: 0 5%;
	--template-padding-laptop: 0 12%;
	--template-padding-desktop: 0 15%;
	--template-padding-sm-laptop: 0 10%;

	--custom-x-padding-mobile: 5%;
	--custom-x-padding-tablet: 5%;
	--custom-x-padding-laptop: 12%;
	--custom-x-padding-desktop: 15%;
	--custom-x-padding-sm-laptop: 10%;


}

#main > div,
.ast-container,
.ast-container #primary {
	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;
}



/*RESPONSIVE*/

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

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

		 .site-template .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) {

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

		 .site-template .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) {

		 .site-banner,
		 .site-breadcrumbs,
		 .site-template--default,
		 .site-template__content--full > .elementor > .elementor-element.e-parent.e-con-boxed {
			 padding: var(--template-padding-desktop)!important;
		 }

		 .site-template .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--default,
		 .site-template__content--full > .elementor > .elementor-element.e-parent.e-con-boxed {
			 padding: var(--template-padding-sm-laptop)!important;
		 }

		 .site-template .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--default,
		 .site-template__content--full > .elementor > .elementor-element.e-parent.e-con-boxed {
			 padding: var(--template-padding-laptop)!important;
		 }

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

	 }

/*RESPONSIVE*/