:root {
    --main-color: #F17B2A;
}

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none;
}

@font-face {
    font-family: Averta;
    src: local(Averta Semi bold), url(../font/Averta/Averta-Semibold.woff2);
    src: url(../font/Averta/Averta-Semibold.woff2) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: Averta;
    src: local(Averta Regular), url(../font/Averta/Averta-Regular.woff2);
    src: url(../font/Averta/Averta-Regular.woff2) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: Averta Italic;
    src: local(Averta Regular Italic), url(../font/Averta/Averta-RegularItalic.woff2);
    src: url(../font/Averta/Averta-RegularItalic.woff2) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: Averta;
    src: local(Averta Bold), url(../font/Averta/Averta-Bold.woff2);
    src: url(../font/Averta/Averta-Bold.woff2) format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: Averta Italic;
    src: local(Averta Bold Italic), url(../font/Averta/Averta-BoldItalic.woff2);
    src: url(../font/Averta/Averta-BoldItalic.woff2) format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: Averta;
    src: local(Averta Extra Bold), url(../font/Averta/Averta-ExtraBold.woff2);
    src: url(../font/Averta/Averta-ExtraBold.woff2) format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: Averta;
    src: local(Averta Black), url(../font/Averta/Averta-Black.woff2);
    src: url(../font/Averta/Averta-Black.woff2) format("truetype");
    font-weight: 900;
}

.blocker {
    z-index: 999 !important
}

.chiphi .btn-quotation {
    border: 0px;
    padding: 5px 40px;
}

.box,
.box-image,
.box-text {
    transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.box-image {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.has-format,
.image-cover,
.video-fit {
    background-position: 50% 50%;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}

.box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.has-equal-box-heights .box-image img,
.has-format img,
.image-cover img,
.video-fit iframe,
.video-fit video,
img.back-image {
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.has-hover .bg,
.has-hover [class*="image-"] img {
    transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s;
}