@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;800&family=Roboto:wght@400;500;700&display=swap");

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css");
@import url("../lib/animate/animate.min.css");

@import url("https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css");
@import url("bootstrap.min.css");


@font-face {
    font-family: "Pacifico";
    font-style: normal;
    font-weight: 400;
    src:
        local("Pacifico Regular"),
        local("Pacifico-Regular"),
        url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H 6MmBp0u-.woff2) format("woff2");
    font-display: swap;
}

.mobile-icon .material-button-anim,
.mobile-icon1 .material-button-anim {
    position: fixed;
    bottom: -1%;
    padding: 127px 16px 27px;
    max-width: 320px;
    text-align: center;
}
.navbar .navbar-nav .nav-link {
    margin-left: 25px;
    padding: 10px 0;
    color: #696e77;
    font-weight: 600;
    outline: 0;
    text-transform: uppercase;
}
.cont-banner {
    display: flex;
    align-content: center;
    justify-content: center;
}
.cont-ricle {
    background-color: #ff800f;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    box-shadow: 2px 2px 2px 2px #cacaca;
}
.cont-ricle p {
    display: inline-block;
}
.cont-det {
    margin-left: 5%;
}
.cont-det-fer {
    margin-right: 5%;
}
.fastquote {
    margin-top: -150px;
    position: relative;
    z-index: 9;
}
.fast-inner {
    background-color: #fff;
    padding: 1%;
}
.fast-border {
    border: 1px solid #010a35;
    padding: 3%;
    background-color: #fff;
}
.ctn-btn,
.readmore-btn {
    background-color: #ff800f;
}
.bde-sec {
    border-left: 2px solid #cacaca;
}
.abt-head {
    font-size: 2.3rem;
}
.ctn-btn {
    display: block;
    text-align: center;
    padding: 6%;
    border: 1px solid #fff;
    text-transform: uppercase;
}
.readmore-btn {
    display: inline-block;
    padding: 1% 6%;
}
.ser-center {
    padding: 6% 2%;
    text-align: center;
}
.hide-desk,
.mobile-icon .mobile {
    display: none;
}
.ork {
    display: flex;
    align-items: center;
}
.fot-menu {
    margin-left: 16px;
}
.navbar .navbar-brand img {
    max-height: none;
    width: 19%;
    position: absolute;
    top: 0;
}
.mobile-icon,
.mobile-icon .email {
    display: block;
}
.mobile-icon .material-button-anim {
    left: 0;
    z-index: 999999999999;
}
.mobile-icon1 .material-button-anim {
    right: 0;
    z-index: 999999999999999;
}
.material-button {
    position: relative;
    top: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    font-size: 1.5em;
    color: #fff;
    /*background: #222;*/
    border: none;
    border-radius: 50%;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.275);*/
    outline: 0;
}
.material-button-toggle {
    z-index: 3;
    width: 170px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
}
@keyframes bounce {
    0%,
    100% {
        margin-top: 0;
    }
    50% {
        margin-top: -15px;
        margin-bottom: 15px;
    }
}
@keyframes roket-roket-circle-anim {
    0% {
        transform: rotate(0) scale(1) skew(0);
        opacity: 0.1;
    }
    30% {
        transform: rotate(0) scale(1.25) skew(0);
        opacity: 0.25;
    }
    100% {
        transform: rotate(0) scale(1.5) skew(0);
        opacity: 0;
    }
}
/*.material-button-toggle:not(:hover):not(:focus):not(:active) {
    transition: 0.25s !important;
    animation: 2.25s infinite bounce !important;
}*/
.material-anim {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: none;
}
.material-anim.one {
    -webkit-animation: 1.2s ease-in-out infinite roket-roket-circle-anim !important;
    -moz-animation: 1.2s ease-in-out infinite roket-roket-circle-anim !important;
    -ms-animation: roket-roket-circle-anim 1.2s infinite ease-in-out !important;
    -o-animation: 1.2s ease-in-out infinite roket-roket-circle-anim !important;
    animation: 1.2s ease-in-out infinite roket-roket-circle-anim !important;
    -webkit-transition: 0.5s !important;
    -moz-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important;
}
.material-anim.two {
    border: 2px solid #649831 !important;
    opacity: 0.1 !important;
    background: 0 0 !important;
    -webkit-animation: 1.9s ease-in-out infinite roket-roket-circle-anim !important;
    -moz-animation: 1.9s ease-in-out infinite roket-roket-circle-anim !important;
    -ms-animation: roket-roket-circle-anim 1.9s infinite ease-in-out !important;
    -o-animation: 1.9s ease-in-out infinite roket-roket-circle-anim !important;
    animation: 1.9s ease-in-out infinite roket-roket-circle-anim !important;
    -webkit-transition: 0.5s !important;
    -moz-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important;
}
@media (max-width: 800px) {
    .hide-desk,
    .mobile-icon .mobile {
        display: block;
    }
    .abt-why .hide-mobile,
    .mobile-icon .email {
        display: none;
    }
    .fastquote {
        display: none !important;
    }
    .first-image-deu {
        margin-top: 0 !important;
    }
    .navbar .navbar-brand img {
        max-height: none;
        width: 27%;
        position: absolute;
        top: 4px;
    }
}
@media (max-width: 414px) {
    .cont-ricle {
        width: 100px;
    }
    .logo {
        font-size: 24px;
    }
    .bde-sec {
        border-left: none;
    }
}

.shadow-sm .logo-wrapper img {
    width: 6%;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
}

.navbar .navbar-brand img {
    max-height: none;
    width: 14%;
    position: absolute;
    top: 0;
}

.honeypot-field {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    pointer-events: none !important;
    display: none !important;
}
