/* 
    Template Name: Kreator Ultimate HTML5 Template
    Authot: Pixel industry
    Website: www.pixel-industry.com

*/

/* CONTENTS
    1. Document Style
    2. Typography
    3. Header
    4. Page content parallax backgrounds
    5. Page title
    6. Elements
        6.1. Accordion
        6.2. Buttons
        6.3. Company history
            6.3.1. Company history icon list
            6.3.2. Company history tabs
        6.4. Custom headings
            6.4.1. Centered heading with subtext
            6.4.2. Left heading with subtitle
        6.5. Icons list
        6.6. Image gallery with thumbnails
        6.7. Information boxes
        6.8. Note
        6.9. Note rotator
        6.10. Numbers counter stats
        6.11. Pricing tables
        6.12. Process icons
        6.13. Recent blog posts
        6.14. Recent blog posts list
        6.15. Services box with background on hover
        6.16. Services box with image
        6.17. Services box with rotating icons
        6.18. Services box with centered icon
        6.19. Skills bar
        6.20. Skills circular
        6.21. Tabs horizontal
        6.22. Tabs vertical
        6.23. Team standard layout
        6.24. Team vertical tabs
        6.25. Testimonials
        6.26. Testimonial carousel
    7. Blog
    8. Portfolio pages
    9. COntact
    10. Footer styling
    11. Widgets
        11.1. Widget recent blog posts
        11.2. Twitter widget
        11.3. Recent comments widget
        11.4. Aside search widget
        11.5. Error page search widget
        11.6. Social networks photo stream widget
        11.7. Tag cloud widget
        11.8. Widget contact
    12. Social links - only presentation purposes

/*


/* ==========================================================================
    1. DOCUMENT STYLE
============================================================================= */
body{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #666;
    font-weight: 400; 
    background-color: #fff;
}

.row{
    margin-bottom: 70px;
}

.container.full{
    width: 100%;
    max-width: 100%;
}

*[class*="row"] *[class*="row"]:last-child{
    margin-bottom: 0;
}

.nicescroll-rails{
    z-index: 10000 !important;
}

.nicescroll-rails div{
    width: 10px !important    
}

/* ==========================================================================
    2. TYPOGRAPHY 
============================================================================= */




img.float-left{
    float: left;
    margin: 12px 12px 12px 0;
}

img.float-right{
    float: right;
    margin: 12px 0px 12px 12px;
}





/* ==========================================================================
    6.3.2. COMPANY HISTORY TABS
============================================================================= */
.tabs.history-tabs{
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 1px dotted #ddd;
    overflow: visible;
}

.tabs.history-tabs li{
    float: left;
    position: relative;
    padding: 0;
    line-height: 38px;
    top: 1px;
    cursor: pointer;
    width: 25%;
    text-align: center;

    background: none;
    border: none;

    overflow: visible;
}

.tabs.history-tabs li.active{
    border: none;
}

.tabs.history-tabs li a{
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    position: relative;
    line-height: 38px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.tabs.history-tabs li a::after{
    content:"";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
    background-color: #ccc;

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

.tab-content-wrap.history-content-wrap{
    padding: 0;
    border: none;
}