/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-main .button {
    background: linear-gradient(90deg, #ee9e0a, #d39507, #ee9e0a);
    padding: 5px 20px 2px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
    border-radius: 20px;
}
.section > .section-content > .row > .col {
	padding-bottom: 0;
}
.col.post-item .post-title {
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.div-lien-he i {
    font-size: 45px;
    border-radius: 50%;
    background: rgb(238, 158, 10);
    color: white;
    padding: 10px;
    width: 100px;
    height: 100px;
    line-height: 80px;
}
input.wpcf7-form-control {
	border-radius: 4px;
}
input.wpcf7-submit {
	width: 100%;
	margin-bottom: 0;
}
.row-contact .col {
	padding-bottom: 0;
}
.row-contact input.wpcf7-form-control {
	border-radius: 30px;
}
.wpcf7-spinner {
	position: absolute;
}
.wpcf7-form {
	margin-bottom: 0;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.header-button-1 a,
.button-r {
    transition: all 150ms linear 0s;
    animation-name: lacrung;
    -webkit-animation-name: lacrung;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.wpcf7-submit,
.button-t {
    transition: all 150ms linear 0s;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes lacrung {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    to {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}