/* Framework.CSS

    Template Name:      Enabled Mobile Templates
    Template URL:       http://enableds.com
    Author:             Enabled
    Author URI:         http://themeforest.net/user/Enabled?ref=Enabled 
    Version:            11.0
    License:            Regular or Extended via ThemeForest
    Structure:          Each chapter from the structure can be located using 
                        CTRL + F ( Windows ) or CMD + F ( Mac ) The titles are
                        copy pasted as they are in the code.
	Table Of Contents:

    1. Reset
    2. Typography
    3. Reusable Classes
    4. Line Height Control
    5. Font Weight Control
    6. Wrapped Text
    7. Floats
    8. Columns
    9. Backgrounds
    10. Dividers
    11. Shadows
    12. Content Boxes
    13. Page Content Settings
    14. Page Transitions
    15. Header & Footer
    16. Menu System
    17. Highlight Changer
    18. Menu Design 
    19. Landing Page
    20. Call to Action
    21. Table Scroll
    22. Image Elements & Captions 
    23 .Cover Slider
    24. Map Full
    25. Tabs
    26. Accordions
    28. Dropdowns
    29. Chips
    30. Toggles
    31. Toasts
    32. Buttons
    33. Icons
    34. Social Grid
    35. Back to Top
    36. Pagination
    37. Gallery
    38. Responsive Videos and iframes
    39. Snackbars
    40. Checkboxes & Radios
    41. Inputs
    42. Notifications
    43. Quotes
    44. Reviews
    45. Pricing
    46. Link List
    47. Contact Form
    48. Ad Boxes
    49. Fixed Scroll Ads
    50. Add to Home
    51. Offline Detector
    52. Instant Articles
    53. Page Timeline
    54. Page Profile
    55. Page VCard
    56. Page Countdown
    57. PageApp Calendar
    58. PageApp Chat
    59. Reading Progress
    60. Slider Custom Settings
    61. Owl Carousel Plugin
    62. Gallery Plugin
    63. Dark Theme Settings

	Deleting the mentioned items above can be done by going to the CSS chapter below
	and deleting all the lines in the content. This will help increase loading speed!
*/

/*Settings*/

/*Showing the Page After Load*/
#page{opacity:1!important; transition:opacity 250ms ease;}

/*This is the transition effect for all Elements*/
.global-transition-effect{transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955)!important;}


/*Preloader*/ 
.preloader{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:999;
    background-color:#f3f3f3;
    will-change: opacity;
    
}

.loader-active{
    will-change: opacity;
    transition:all 350ms ease;
    opacity:1!important;
}
.loader-inactive{
    will-change: opacity;
    transition:all 350ms ease;
    opacity:0!important;
    pointer-events: none!important;
}

.preloader div{
    position: absolute;
    left: 50%;
    margin-left:-125px;
    top:50%;
    margin-top:-125px;
    height: 250px;
    width: 250px;
    background-image:url(../images/logo_solo.png);
    background-repeat: no-repeat;
    background-position:center center;
}

.page-content{
    z-index:95;
    background-color:#FFF;
    overflow-x:hidden;
    box-shadow: 0 0px 25px 13px rgba(0,0,0,0.08);
}