﻿
body{ padding-top:80px;}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}
.item_content{ padding-bottom:20px; padding-top:20px; margin-bottom:20px;margin-top:20px; border:solid 1px #ddd; border-radius:10px;}


@media (min-width: 768px) {
    .navbar-inverse{ padding-top:15px; padding-bottom:15px;}    
}

.swimlane:nth-child(even) {
    background-color: initial;
}
.swimlane {
    padding: 6rem 0 6rem;
    min-height: 30rem;
    position: relative;
}
swimlane p{ line-height:150%;}
.swimlane h2 {
    margin-bottom: 3.5rem;
}
.slider_content {
    width: 50%;
    position: absolute;
    top: 155px;
    left: 8%;
    color: #FFF;
    transition: 1s ease-in
}
.banner_right {
    position: absolute;
    top: 171px;
    right: 6%;
    text-align: right;
    width: 50%
}
.profile-circle.img1 {
    background: url(http://www.zaarapp.com/assets/images/b2.png) center top no-repeat fixed;
    -webkit-background-size: cover;
    background-size: cover;
    height: 665px
}

.profile-circle.img2 {
    background: url(http://www.zaarapp.com/assets/images/b1.png) center top no-repeat fixed;
    -webkit-background-size: cover;
    background-size: cover;
    height: 665px
}

div#logo_ab {
    margin-bottom: 100px
}

.slider_content p {
    font-size: 25px
}

p#now_store {
    margin-top: 40px;
    margin-top: 40px;
    margin-bottom: 25px;
    font-size: 14px
}
.slider_content a.btn {
    background: 0 0;
    padding: 0
}
#manage_construction h1, #testimonial h1, .amazing h1, .best h1, .modules h1, .slider_content h1 {
    font-family: Roboto-Thin;
    text-align: center;
    letter-spacing: 1px
}
.slider_content h1 {
    margin-bottom: 40px;
    text-align: left
}
.swimlane:nth-child(odd) {
    background-color: #f5f5f5;
}


footer {
    left: 0;
    bottom: 0;
    width: 100%
}

footer {
    background-color: #333;
    font-size: 12px;
    color: #fff;
    padding: 25px 0
}

    footer #footer-community {
        color: #fff;
        cursor: pointer
    }

    footer .left {
        font-size: 14px
    }

    footer .message {
        display: none
    }

    footer .twitter-follow-button {
        vertical-align: bottom;
        margin-right: 15px;
        margin-bottom: 10px
    }

    footer .github-star-button {
        top: 5px;
        position: relative
    }

    footer .github-star-button, footer .twitter-follow-button {
        margin-bottom: 20px;
        display: inline-block
    }

    footer .right > * {
        display: inline-block;
        vertical-align: top
    }

    footer .links {
        padding: 0
    }

        footer .links li {
            display: inline-block
        }

            footer .links li:not(:last-child) {
                padding-right: 20px
            }

        footer .links a {
            color: #fff
        }

            footer .links a:hover {
                color: #b4a0ff;
                text-decoration: none
            }

    footer .copyright {
        margin-left: 30px
    }

        footer .copyright .logo {
            display: block;
            margin-bottom: 2px
        }

@media(max-width:480px) {
    footer {
        height: 170px
    }

    body {
        margin-bottom: 170px
    }

    footer .copyright {
        display: block;
        margin-left: 0
    }
}

@media(max-width:380px) {
    footer {
        height: 200px
    }

    body {
        margin-bottom: 200px
    }

    footer .copyright {
        display: block;
        margin-left: 0
    }
}

@media(min-width:1200px) {
    footer {
        height: 90px
    }

}

@media(min-width:400px) {
    footer .twitter-follow-button {
        height: 20px
    }
}

@media(min-width:530px) {
    footer .message {
        display: inline-block
    }

    .twitter-follow-button {
        margin-left: 15px
    }
}

@media(min-width:992px) {
    footer .github-star-button, footer .twitter-follow-button {
        margin-bottom: 0
    }

    footer .right {
        margin-top: 0;
        text-align: right
    }
}


.img_list{ padding:10px;}
.img_list img{ width:100%;}