/*#particles-js{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background-color: #fff;*/
    /*background-image: url('../../static/images/backgrounds/background.jpg');*/
    /*background-size: cover;*/
    /*background-position: 50% 50%;*/
    /*background-repeat: no-repeat;*/
/*}*/

canvas{
    display:block;
    vertical-align:bottom;
}


/* ---- particles.js container ---- */

#particles-js{
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url('../../static/images/backgrounds/background.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


.heart_wrapper_for_beats {
    width: 100%;
    height: 100%;
    position: absolute;

}

.main_caregivers_heart_wrapper {

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;

    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;

}


#main_caregivers_heart_colored {
    position: absolute;
    left: 35%;
    top:20%;
    width:30%;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    opacity: 0;
}


.isMobilePhone #main_caregivers_heart_colored {
    left: 27.5%;
    top: 17%;
    width: 45%;
}

.shrink {
    transform: scale(0.5);
}

.isMobilePhone .shrink {
    transform: scale(0.8)!important;
    top: 12.5%!important;
}

#main_caregivers_heart
{
    position: absolute;
    left: 35%;
    top:20%;
    width:30%;
    -webkit-transition: 1.5s all;
    -moz-transition: 1.5s all;
    -o-transition: 1.5s all;
    transition: 1.5s all;

    opacity:0;




}

.isMobilePhone #main_caregivers_heart {
    left: 27.5%;
    top: 17%;
    width: 45%;
}

.startHeartBeat {
    -webkit-animation: heart-beats 3s 2;
    animation: heart-beats 3s 2;
}

.fadeIn {
    opacity: 1!important;
}

#page_caregeivers {
    height: 628px;
    padding: 0;
}

.isMobilePhone #page_caregeivers {
    height: 314px;
}

@keyframes heart-beats {
    0%   { transform: scale(1); background-color:transparent;}
    7%  { transform: scale(1.2); }
    12%  { transform: scale(1.1); }
    20%  { transform: scale(1.3); }
    60%  { transform: scale(1); }
    100% { transform: scale(0.99); }
}

@-webkit-keyframes heart-beats {
    0%  { -webkit-transform: scale(1); }
    7%  { -webkit-transform: scale(1.2); }
    12% { -webkit-transform: scale(1.1); }
    20% { -webkit-transform: scale(1.3); }
    60% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(0.99); }
}

.home-cta-header-button {
    background : rgba(0,0,0,0.5);
    border: 1px solid #fff;
    color:#fff;
    border-radius: 4px;
    font-weight:lighter;
    padding: 10px 30px;
    


    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;

}

.home-cta-header-button:hover {

}
.caregiver-cta {
    padding: 10px 26px;
}
@media (min-width: 767px) {
    .caregiver-cta {
        margin-right:10px;
    }

    .agency-cta {
        margin-left:10px
    }
}
.caregiver-cta:hover {
    background-color:#0186F7 ;
}

.agency-cta:hover {
    background-color:#18bc9c;
}

.main-call-to-action-button-header {
    position: absolute;
    bottom: 10%;
    width: 14%;
    left: 43%;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 10px;
    height: 6%;
    font-size: 30px;
    color: #fff;

    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;

}
.isMobilePhone .main-call-to-action-button-header{
    opacity: 1;
    top: 41%;
    width: 60%;
    left: 20%;
    height: 8%;
}
.main-call-to-action-button-header:hover {
    background-color: #fff;
    transform: scale(1.2);
    color:#0186F7;
}

.main-call-to-action-button-header.agencies-min-cta-from-header:hover {
    color:#18bc9c;
}

body.home-v4 #content #seeWhySection.agenciesSeeWhy .triangleDown {
    border-top: 20px solid #37c5a9;
}

body.home-v4 #content #seeWhySection.agenciesSeeWhy {
    background-color:#18bc9c;
}