@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    animation-duration:0.5s;
    animation-delay: 1s
}


.fade-in-two {
    opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:0.5s;
    animation-delay: 1.5s
}
.fade-in-three {
    opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:0.5s;
    animation-delay: 2s
}
.fade-in-four {
    opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:0.5s;
    animation-delay: 2.5s
}
.fade-in-five {
    opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    animation-duration:0.5s;
    animation-delay: 3.0s
}

.fade-in-six {
    opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    animation-duration:0.5s;
    animation-delay: 3.5s
}
.fade-in-seven {
    opacity:0;  /* make things invisible upon start */
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    animation-duration:0.5s;
    animation-delay: 4.0s
}


p.cta {
    background: #4e6d4e;
    width: fit-content;
    color: white!important;
    margin: 0px auto;
    padding: 5px 15px;
    font-style: italic;
    font-weight: 500;
}

div.wpcf7-mail-sent-ok {
    background: #999;
    border-color: #999;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

h2 {
    font-size: 32px;
    line-height: 40px;
}
h1, h2, h3, h4, h5 {
    font-family: "Special Elite", Arial, sans-serif;
    font-style: normal;
    text-transform: lowercase;
}

.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white p {
    color: white;
}

/* Homepage slider */
.swiper-slide-active {
    opacity: 1!important;
    filter: none!important;
}
.swiper-slide {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.sewl-portfolio-detail {
    padding-top: 60px;
}
.sewl-section-heading.style4 .sewl-heading {
    font-family: Special Elite;
    text-transform: lowercase;
}
.sewl-sub-heading {
    display: none;
}
.sewl-header {
    background: url(http://kyndevibes.com/wp-content/uploads/2017/12/header-bg.png) transparent;
    background-position: bottom;
    background-size: 400px;
    background-repeat: repeat-x;
}


.sewl-header, .sewl-footer ul li {
    text-transform: lowercase!important;
}
::selection {
    background: white;
    color: #222222;
}
footer.sewl-footer {
    background: url(http://kyndevibes.com/wp-content/uploads/2017/11/foot-bg.png);
    background-repeat: repeat-x;
    background-size: contain;
}
.sewl-footer ul li {
    font-family: "Special Elite"!important;
}
img.spread-kynde {
    width: 150px;
}
img.footer-logo {
    float: left;
    max-width: 125px;
    margin-right: 50px;
}
.pull-left li {
    padding: 12px 0px;
}

@media all and (min-width:760px) {
.sewl-footer .pull-left {
    width: 70%;
}
}
@media all and (max-width:760px) {
.definition {
    width: 100%!important;
    padding: 0px 20px;
}
img.footer-logo {
    float: none;
    margin: 20px 0 20px 0;
}
}