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

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

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

@font-face {
    font-family: 'nunito_sansextrabold';
    src: url('../fonts/nunitosans-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/nunitosans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*=========================
CSS FOR ELEMEMT SHOW HIDE
===========================*/
.show-479,
.show-tab,
.show-767,
.show-400,
.show-340,
.show-359 {
    display: none;
}

@media only screen and (max-width: 1050px) {
    .show-tab {
        display: block;
    }

    .hide-tab {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .show-767 {
        display: block;
    }

    .hide-767 {
        display: none;
    }
}

@media only screen and (max-width: 570px) {
    .hide-570 {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .show-479 {
        display: block;
    }

    .hide-479 {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .show-400 {
        display: block;
    }

    .hide-400 {
        display: none;
    }
}

@media only screen and (max-width: 359px) {
    .show-359 {
        display: block;
    }

    .hide-359 {
        display: none;
    }
}

@media only screen and (max-width: 340px) {
    .show-340 {
        display: block;
    }
}

/*==================button animation=======================*/
.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.9;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.9;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}