@font-face {
    font-family: 'Jenthill';
    src: url('/Content/fonts/Jenthill.woff2') format('woff2'), 
         url('/Content/fonts/Jenthill.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Crayon';
    src: url('/Content/fonts/DK-Nouveau-Crayon-Regular.ttf.woff') format('woff'), 
         url('/Content/fonts/DK-Nouveau-Crayon-Regular.ttf.svg#DK-Nouveau-Crayon-Regular') format('svg'), 
         url('/Content/fonts/DK-Nouveau-Crayon-Regular.ttf.eot'), 
         url('/Content/fonts/DK-Nouveau-Crayon-Regular.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gordita';
    src: url('/Content/fonts/Gordita-Regular.woff2') format('woff2'), 
         url('/Content/fonts/Gordita-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('/Content/fonts/Gordita-Bold.woff2') format('woff2'), 
         url('/Content/fonts/Gordita-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* ---------------------------------
		0. Preloader Css
--------------------------------- */

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    cursor: none;
    align-items: center;
    justify-content: center;
    background-color: #000;
    z-index: 999;
}

    #preloader .loading {
        position: absolute;
        z-index: 100;
    }

        #preloader .loading .circle {
            width: 80px;
            height: 80px;
            margin: 0 auto 50px auto;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 3px solid rgba(0, 0, 0, 0.2);
            border-top-color: #cabaa0;
            -webkit-animation: spinner 1s infinite linear;
            animation: spinner 1s infinite linear;
        }

        #preloader .loading .text-loading {
            font-family: 'Jenthill',sans-serif;
            font-size: 50px;
            text-align: center;
            user-select: none;
        }

            #preloader .loading .text-loading .letters::before {
                content: attr(data-text-preloader);
                position: absolute;
                top: -1px;
                left: 0;
                color: #cabaa0;
                opacity: 0;
                -webkit-transform: rotateY(-90deg);
                -ms-transform: rotateY(-90deg);
                transform: rotateY(-90deg);
                -webkit-animation: letters-loading 4s infinite;
                animation: letters-loading 4s infinite;
            }

            #preloader .loading .text-loading .letters {
                position: relative;
                color: rgba(0, 0, 0, 0.2);
            }

                #preloader .loading .text-loading .letters:nth-child(2)::before {
                    -webkit-animation-delay: 0.1s;
                    animation-delay: 0.1s;
                }

                #preloader .loading .text-loading .letters:nth-child(3)::before {
                    -webkit-animation-delay: 0.2s;
                    animation-delay: 0.2s;
                }

                #preloader .loading .text-loading .letters:nth-child(4)::before {
                    -webkit-animation-delay: 0.3s;
                    animation-delay: 0.3s;
                }

                #preloader .loading .text-loading .letters:nth-child(5)::before {
                    -webkit-animation-delay: 0.4s;
                    animation-delay: 0.4s;
                }

                #preloader .loading .text-loading .letters:nth-child(6)::before {
                    -webkit-animation-delay: 0.5s;
                    animation-delay: 0.5s;
                }

                #preloader .loading .text-loading .letters:nth-child(7)::before {
                    -webkit-animation-delay: 0.6s;
                    animation-delay: 0.6s;
                }

                #preloader .loading .text-loading .letters:nth-child(8)::before {
                    -webkit-animation-delay: 0.7s;
                    animation-delay: 0.7s;
                }

                #preloader .loading .text-loading .letters:nth-child(9)::before {
                    -webkit-animation-delay: 0.8s;
                    animation-delay: 0.8s;
                }

                #preloader .loading .text-loading .letters:nth-child(10)::before {
                    -webkit-animation-delay: 0.9s;
                    animation-delay: 0.9s;
                }

                #preloader .loading .text-loading .letters:nth-child(11)::before {
                    -webkit-animation-delay: 1s;
                    animation-delay: 1s;
                }

                #preloader .loading .text-loading .letters:nth-child(12)::before {
                    -webkit-animation-delay: 1.1s;
                    animation-delay: 1.1s;
                }

                #preloader .loading .text-loading .letters:nth-child(13)::before {
                    -webkit-animation-delay: 1.2s;
                    animation-delay: 1.2s;
                }

                #preloader .loading .text-loading .letters:nth-child(14)::before {
                    -webkit-animation-delay: 1.3s;
                    animation-delay: 1.3s;
                }


/* Icons */
@font-face {
    font-family: 'abrelosojosicon';
    src: url('/Content/fonts/abrelosojosicon.eot?c0lzrz');
    src: url('/Content/fonts/abrelosojosicon.eot?c0lzrz#iefix') format('embedded-opentype'), url('/Content/fonts/abrelosojosicon.ttf?c0lzrz') format('truetype'), url('/Content/fonts/abrelosojosicon.woff?c0lzrz') format('woff'), url('/Content/fonts/abrelosojosicon.svg?c0lzrz#abrelosojosicon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'abrelosojosicon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user-bold::before {
    content: "\f007";
}

.icon-video::before {
    content: "\f008";
}

.icon-camera::before {
    content: "\f030";
}

.icon-image::before {
    content: "\f03e";
}

.icon-play::before {
    content: "\f04b";
}

.icon-calendar::before {
    content: "\f073";
}

.icon-comment::before {
    content: "\f075";
}

.icon-comments::before {
    content: "\f086";
}

.icon-twitter-fa::before {
    content: "\f099";
}

.icon-facebook-fa::before {
    content: "\f09a";
}

.icon-envelope-bold::before {
    content: "\f0e0";
}

.icon-angle-left::before {
    content: "\f104";
}

.icon-angle-right::before {
    content: "\f105";
}

.icon-angle-up::before {
    content: "\f106";
}

.icon-angle-down::before {
    content: "\f107";
}

.icon-reply::before {
    content: "\f112";
}

.icon-youtube-play::before {
    content: "\f16a";
}

.icon-instagram-fa::before {
    content: "\f16d";
}

.icon-share::before {
    content: "\f1e0";
}

.icon-facebook-official::before {
    content: "\f230";
}

.icon-plane::before {
    content: "\e910";
}

.icon-phone::before {
    content: "\e911";
}

.icon-icon-at::before {
    content: "\e912";
}

.icon-envelope::before {
    content: "\e909";
}

.icon-message::before {
    content: "\e90d";
}

.icon-pointer::before {
    content: "\e90e";
}

.icon-user::before {
    content: "\e90f";
}

.icon-mail2::before {
    content: "\e90a";
}

.icon-mail::before {
    content: "\e90b";
}

.icon-arrow-left::before {
    content: "\e90c";
}

.icon-web::before {
    content: "\e908";
}

.icon-check::before {
    content: "\e900";
}

.icon-close::before {
    content: "\e901";
}

.icon-disable::before {
    content: "\e902";
}

.icon-facebook::before {
    content: "\e903";
}

.icon-heart::before {
    content: "\e904";
}

.icon-instagram::before {
    content: "\e905";
}

.icon-twitter::before {
    content: "\e906";
}

.icon-youtube::before {
    content: "\e907";
}