/*
Theme Name: BCS responsive wordpress theme
Theme URI: Creative Mischief
Description: BCS custom responsive wordpress theme
Version: 1.0
Author: Creative Mischief
Author URI: creative-mischief.com

.slider-div {background-color: #f3f2f1;}
.pago h1 {padding-top: 40px !important;}
*/
.navbar-static-top {
  margin-bottom: 0px;
}
.h1-404 h1 {
	text-shadow: rgba(0, 0, 0, 1) 5px 0px 5px;
	text-transform: uppercase;
}
.img-404 img {
	max-width: 100%;
	-webkit-animation: rotate 12000ms linear infinite;
	-moz-animation: rotate 12000ms linear infinite;
	-ms-animation: rotate 12000ms linear infinite;
	animation: rotate 12000ms linear infinite;
	margin-bottom: 50px;
	}
/*ANIMATIONS*/
/*rotate*/
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*rotate-back*/
@keyframes rotate-back {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate-back {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate-back {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-ms-keyframes rotate-back {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-o-keyframes rotate-back {
    from {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
/*weight up*/
@keyframes up {
    from {
        bottom: 0px;
    }
    to {
        bottom: 340px;
    }
}

@-moz-keyframes up {
    from {
        bottom: 0px;
    }
    to {
        bottom: 340px;
    }
}

@-webkit-keyframes up {
    from {
        bottom: 0px;
    }
    to {
        bottom: 340px;
    }
}

@-ms-keyframes up {
    from {
        bottom: 0px;
    }
    to {
        bottom: 340px;
    }
}

@-o-keyframes up {
    from {
        bottom: 0px;
    }
    to {
        bottom: 340px;
    }
}
/*chain up and down*/
@keyframes collapse {
    from {
        height: 387px;
    }
    to {
        height: 48px;
    }
}

@-moz-keyframes collapse {
    from {
        height: 387px;
    }
    to {
        height: 48px;
    }
}

@-webkit-keyframes collapse {
    from {
        height: 387px;
    }
    to {
        height: 48px;
    }
}

@-ms-keyframes collapse {
    from {
        height: 387px;
    }
    to {
        height: 48px;
    }
}

@-o-keyframes collapse {
    from {
        height: 387px;
    }
    to {
        height: 48px;
    }
}	