/* Service boxes animation*/

.service-icon span{
    opacity: 0.1;
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
}


.crum_start_animation .service-icon span{
    -webkit-animation: crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation:    crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    -o-animation:      crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
    animation:         crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}


/* Feature box animation*/

.feature-box .icon i{
    opacity: 0.1;
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
}


.feature-box.crum_start_animation .icon i{
    -webkit-animation: crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation:    crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    -o-animation:      crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
    animation:         crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/* Features list animation*/

.crum_features_list .blue-circle{
    opacity: 0.1;
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
}

.crum_features_list.crum_start_animation .blue-circle {
    -webkit-animation: crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation:    crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    -o-animation:      crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
    animation:         crum_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/* Progress bar animation*/

.skills_widget .progress{
    width:0;
}

.skills_widget .progress.crum_start_animation {
    -webkit-animation: crum_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
    -moz-animation:    crum_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
    -o-animation:      crum_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Opera 12+ */
    animation:         crum_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
    width:100%;
}


/*Clients-list animation*/

.clients-list img{
    opacity: 0.1;
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
}

.clients-list  img.crum_start_animation{
    -webkit-animation: crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation:    crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    -o-animation:      crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
    animation:         crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}



/*Main menu icons animation*/

.menu-item-wrap:before{
    opacity: 0.1;
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
}

.crum_start_animation .menu-item-wrap:before{
    -webkit-animation: crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation:    crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    -o-animation:      crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
    animation:         crum_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}



/* ====================================================================================================================================================== 
ANIMATIONS
====================================================================================================================================================== */


/*pop up animation*/
@-webkit-keyframes crum_appear {
    0%   { -webkit-transform:scale(0.5); opacity: 0.1;  }
    100% { -webkit-transform:scale(1); opacity: 1; }
}
@-moz-keyframes crum_appear {
    0%   { -moz-transform:scale(0.5); opacity: 0.1;  }
    100% { -moz-transform:scale(1);opacity: 1;  }
}
@-o-keyframes crum_appear {
    0%   { -o-transform:scale(0.5); opacity: 0.1;  }
    100% { -o-transform:scale(1);  opacity: 1; }
}
@keyframes crum_appear {
    0%   { transform:scale(0.5); opacity: 0.1;  }
    100% { transform:scale(1); opacity: 1;  }
}

/*slide down (height increase) animation*/
@-webkit-keyframes crum_slide_down {
    0%   { height:0%; }
    100% { height:100%; }
}
@-moz-keyframes crum_slide_down {
    0%   { height:0%; }
    100% { height:100%; }
}
@-o-keyframes crum_slide_down {
    0%   { height:0%; }
    100% { height:100%; }
}
@keyframes crum_slide_down {
    0%   { height:0%; }
    100% { height:100%; }
}

/*expand width animation*/
@-webkit-keyframes crum_expand {
    0%   { width:0%; }
    100% { width:100%; }
}
@-moz-keyframes crum_expand {
    0%   { width:0%; }
    100% { width:100%; }
}
@-o-keyframes crum_expand {
    0%   { width:0%; }
    100% { width:100%; }
}
@keyframes crum_expand {
    0%   { width:0%; }
    100% { width:100%; }
}

/*fade in animation*/

@-webkit-keyframes crum-ltr {
    0%   { -webkit-transform:translate(-10%,0); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes crum-ltr {
    0%   { -moz-transform:translate(-10%,0); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes crum-ltr {
    0%   { -o-transform:translate(-10%,0); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes crum-ltr {
    0%   { transform:translate(-10%,0); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes crum-rtl {
    0%   { -webkit-transform:translate(10%,0); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes crum-rtl {
    0%   { -moz-transform:translate(10%,0); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes crum-rtl {
    0%   { -o-transform:translate(10%,0); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes crum-rtl {
    0%   { transform:translate(10%,0); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes crum-btt {
    0%   { -webkit-transform:translate(0,50%); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes crum-btt {
    0%   { -moz-transform:translate(0,50%); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes crum-btt {
    0%   { -o-transform:translate(0,50%); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes crum-btt {
    0%   { transform:translate(0,50%); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes crum-ttb {
    0%   { -webkit-transform:translate(0, -10%); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes crum-ttb {
    0%   { -moz-transform:translate(0, -10%); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes crum-ttb {
    0%   { -o-transform:translate(0, -10%); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes crum-ttb {
    0%   { transform:translate(0, -10%); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}

/*background animation*/
@-webkit-keyframes crum-bg-move {
    0%   { background-position: -31px 0;  }
    100% { background-position: 0 0; }
}
@-moz-keyframes crum_bg_move {
    0%   { background-position: -31px 0;  }
    100% { background-position: 0 0; }
}
@-o-keyframes crum_bg_move {
    0%   { background-position: -31px 0;  }
    100% { background-position: 0 0; }
}
@keyframes crum_bg_move {
    0%   { background-position: -31px 0;  }
    100% { background-position: 0 0; }
}

/*caption animation*/

@-webkit-keyframes caption-right {
    0%   { -webkit-transform:translate(2000px,0); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes caption-right {
    0%   { -moz-transform:translate(2000px,0); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes caption-right {
    0%   { -o-transform:translate(2000px,0); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes caption-right {
    0%   { transform:translate(2000px,0); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes caption-left {
    0%   { -webkit-transform:translate(-2000px,0); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes caption-left {
    0%   { -moz-transform:translate(-2000px,0); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes caption-left {
    0%   { -o-transform:translate(-2000px,0); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes caption-left {
    0%   { transform:translate(-2000px,0); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes caption-top {
    0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes caption-top {
    0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes caption-top {
    0%   { -o-transform:translate(0,-20px); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes caption-top {
    0%   { transform:translate(0,-20px); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes caption-bottom {
    0%   { -webkit-transform:translate(0,20px); opacity: 0;  }
    100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@-moz-keyframes caption-bottom {
    0%   { -moz-transform:translate(0,20px); opacity: 0;  }
    100% { -moz-transform:translate(0,0); opacity: 1; }
}
@-o-keyframes caption-bottom {
    0%   { -o-transform:translate(0,20px); opacity: 0;  }
    100% { -o-transform:translate(0,0); opacity: 1; }
}
@keyframes caption-bottom {
    0%   { transform:translate(0,20px); opacity: 0;  }
    100% { transform:translate(0,0); opacity: 1; }
}