/*
This is the style overrides for the External bizRapido landing site.
*/
/* 
    Created on : Jun 13, 2017, 9:08:27 PM
    Author     : Jacob
*/

@media (min-width: 300px) {
    .main-header {
        min-height:450px;
    }
}

@media (min-width: 768px) {
    .main-header {
        min-height:400px;
    }
}
@media (min-width: 1024px) {
    .main-header {
        min-height:530px;
    }
}

@media (min-width: 1080px) {
    .main-header {
        min-height:560px;
    }
}

@media (min-width: 1920px) {
    .main-header {
        min-height:680px;
    }
}

.main-header {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#main-header {
    background-image: url('/assets/img/banner/tire-shop-pos-1080x720.jpeg');
}

#main-header-get-started {
    background-image: url('/assets/img/banner/retail-counter-1080x720.jpeg');
    background-position: top;
}

#main-header-chat {
    background-image: url('/assets/img/banner/chatting-1080x720.jpeg');
}

#main-header-security {
    background-image: url('/assets/img/banner/security-laptop-1080x720.jpeg');
}

#main-header-voip {
    background-image: url('/assets/img/banner/business-call-1080x720.jpeg');
}

#main-header-textvips {
    background-image: url('/assets/img/banner/cafe-mobile-1080x720.jpeg');
}

#main-header-inventory {
    background-image: url('/assets/img/banner/inventory-1080x720.jpeg');
}
#main-header-pricing {
    background-image: url('/assets/img/banner/happy-team-1080x630.jpeg');
}

#main-header-collaboration {
    background-image: url('/assets/img/banner/team-1080x720.jpeg');
    background-position: top;
}

#main-header-jobs {
    background-image: url('/assets/img/banner/interview-1080x660.jpeg');
    background-position: top;
}

.body-content {
    background-color:white;
}

.padding5 {
    padding:5px;
}

.padding10 {
    padding:10px;
}

.padding20 {
    padding:20px;
}

.padding30 {
    padding:30px;
}

.margin10 {
    margin:10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.footer-links {
    list-style-type: none;
}


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

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadein {
    visibility:visible;
    opacity:0;
    -webkit-animation: fadein 3s ; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s ; /* Firefox < 16 */
    -ms-animation: fadein 3s ; /* Internet Explorer */
    -o-animation: fadein 3s ; /* Opera < 12.1 */
    animation: fadein 3s ;
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

.fade1 {
    -webkit-animation-delay: .5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: .5s; /* Firefox < 16 */
    -ms-animation-delay: .5s; /* Internet Explorer */
    -o-animation-delay: .5s; /* Opera < 12.1 */
    animation-delay: .5s;
}
.fade2 {
    -webkit-animation-delay: 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 1s; /* Firefox < 16 */
    -ms-animation-delay: 1s; /* Internet Explorer */
    -o-animation-delay: 1s; /* Opera < 12.1 */
    animation-delay: 1s;
}
.fade3 {
    -webkit-animation-delay: 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 1.5s; /* Firefox < 16 */
    -ms-animation-delay: 1.5s; /* Internet Explorer */
    -o-animation-delay: 1.5s; /* Opera < 12.1 */
    animation-delay: 1.5s;
}

.fade4 {
    -webkit-animation-delay: 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 2s; /* Firefox < 16 */
    -ms-animation-delay: 2s; /* Internet Explorer */
    -o-animation-delay: 2s; /* Opera < 12.1 */
    animation-delay: 2s;
}
.fade5 {
    -webkit-animation-delay: 2.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 2.5s; /* Firefox < 16 */
    -ms-animation-delay: 2.5s; /* Internet Explorer */
    -o-animation-delay: 2.5s; /* Opera < 12.1 */
    animation-delay: 2.5s;
}
.fade6 {
    -webkit-animation-delay: 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 3s; /* Firefox < 16 */
    -ms-animation-delay: 3s; /* Internet Explorer */
    -o-animation-delay: 3s; /* Opera < 12.1 */
    animation-delay: 3s;
}
.fade7 {
    -webkit-animation-delay: 3.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 3.5s; /* Firefox < 16 */
    -ms-animation-delay: 3.5s; /* Internet Explorer */
    -o-animation-delay: 3.5s; /* Opera < 12.1 */
    animation-delay: 3.5s;
}
.fade8 {
    -webkit-animation-delay: 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 4s; /* Firefox < 16 */
    -ms-animation-delay: 4s; /* Internet Explorer */
    -o-animation-delay: 4s; /* Opera < 12.1 */
    animation-delay: 4s;
}
.fade9 {
    -webkit-animation-delay: 4.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 4.5s; /* Firefox < 16 */
    -ms-animation-delay: 4.5s; /* Internet Explorer */
    -o-animation-delay: 4.5s; /* Opera < 12.1 */
    animation-delay: 4.5s;
}
.fade10 {
    -webkit-animation-delay: 5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 5s; /* Firefox < 16 */
    -ms-animation-delay: 5s; /* Internet Explorer */
    -o-animation-delay: 5s; /* Opera < 12.1 */
    animation-delay: 5s;
}
.fade11 {
    -webkit-animation-delay: 5.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 5.5s; /* Firefox < 16 */
    -ms-animation-delay: 5.5s; /* Internet Explorer */
    -o-animation-delay: 5.5s; /* Opera < 12.1 */
    animation-delay: 5.5s;
}
.fade12 {
    -webkit-animation-delay: 6s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 6s; /* Firefox < 16 */
    -ms-animation-delay: 6s; /* Internet Explorer */
    -o-animation-delay: 6s; /* Opera < 12.1 */
    animation-delay: 6s;
}
.fade15 {
    -webkit-animation-delay: 7s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 7s; /* Firefox < 16 */
    -ms-animation-delay: 7s; /* Internet Explorer */
    -o-animation-delay: 7s; /* Opera < 12.1 */
    animation-delay: 7s;
}
.fade20 {
    -webkit-animation-delay: 9s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation-delay: 9s; /* Firefox < 16 */
    -ms-animation-delay: 9s; /* Internet Explorer */
    -o-animation-delay: 9s; /* Opera < 12.1 */
    animation-delay: 9s;
}