: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: 5%;
    --custom-x-padding-tablet: 5%;
    --custom-x-padding-laptop: 8%;
    --custom-x-padding-desktop: 10%;
    --custom-x-padding-sm-laptop: 6%;

}

html {
    margin: 0!important;
}

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

::-moz-selection {
    color: #ffffff;
    background: var(--e-global-color-4b710a4, #006c7f);
}

::selection {
    color: #ffffff;
    background: var(--e-global-color-4b710a4, #006c7f);
}

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

    .site-banner,
    .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-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-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-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-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*/