/* ============================================================================

Theme Name: Alexx Responsive Site Template
Theme URI: http://pixel-industry.com/alexx
Description: Alexx is Clean and Responsive Site Template suited for both business and creative wbsites
Author: pixel-industry
Author URI: http://pixel-industry.com
Version: 1.0

============================================================================= */

/* -----------------------------------------------------------------------------

        CSS CONTENTS
        
        1. Basic styles
        2. Header styles 
           2.1. logo
           2.2. Navigation
                2.2.1. Main navigation
                2.2.2. Responsive navigation         
        3. Content wrap styles
        4. Home page styles
        5. About page styles
        6. Services page styles
        7. Products page styles
        8. 404 page styles
        9. Portfolio pages styles
        10. Blog pages styles
        11. Contact pages styles
        12. Sidebar styles
        13. Footer styles
        14. Social streams
        15. Presentation elements
        16. Media queries

----------------------------------------------------------------------------- */

/*==============================================================================
        1.BASIC STYLES
===============================================================================*/




/* PORTFOLIO PAGINATION
----------------------------------------------------------------------------- */
.pagination-container{
    width: 100%;
    float: left;
}

.pagination{
    float: right;
}

.pagination li{
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    height: 28px;
    text-align: center;
    margin-left: 5px;
    font: 12px Arial, sans-serif;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pagination li a{
    color: #8f8f8f;
    padding-top: 8px;
    padding-right: 12px;
    padding-left: 12px;
    display: block;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pagination li:hover a, .pagination li.active a{
    color: #fff;
}

.pagination li:hover, .pagination li.active{
    background: #d74142;
}

.pagination li.arrow a{
    padding-top: 7px;
}

.pagination.portfolio{
    margin-bottom: 40px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 40px;
}


/* PORTFOLIO SINGLE PAGE
----------------------------------------------------------------------------- */


/* PORTFOLIO SLIDER AND CAROUSEL
----------------------------------------------------------------------------- */