/* Import Basic Files
-------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Karma:400,700);
@import url(../fonts/fontawesome/css/font-awesome.min.css);
@import url(../fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css);
@import url(../js/plugins/owl-carousel/owl.carousel.css);
@import url(../js/plugins/owl-carousel/owl.theme.css);
@import url(../js/plugins/odometer/odometer-theme-default.css);
@import url(../js/plugins/fancybox/jquery.fancybox.css);
@import url(../js/plugins/notification/notification.css);
@import url(../js/plugins/wow/animate.min.css);
@import url(../js/plugins/supersized/style.css);


/*


Template Name: Sponshy
Description: Responsive HTML5 / CSS3 Resume Template
Version: 2.0
Author: NestoLab


Notes:
    Color: #e14d43;

1. General
    1.1 Main Styles
    1.2 Anchor
    1.3 Placeholder
    1.4 Buttons
        1.4.1 Main Buttons
        1.4.2 Alternative Buttons
    1.5 Section Title
    1.6 Section Description
    1.7 Override Fancybox LightBox
    1.8 Loader
2. Typography
    2.1 Headings
    2.2 Selection Color
3. Top Content
    3.1 Wrapper
    3.2 Overlayer
    3.3 Slide Menu
        3.3.1 Wrapper
        3.3.2 Scroller
        3.3.3 Container
    3.4 Profile Wrapper
        3.4.1 Wrapper
        3.4.2 Container
        3.4.3 Image
        3.4.4 Name
        3.4.5 Title
4. Open / Close Menu
5. Content
6. Menu
    6.1 Wrapper
    6.2 Nav
    6.3 Navbar Brand ( Logo )
    6.4 Navbar
        6.4.1 Wrapper
        6.4.2 Items
        6.4.3 Anchor
        6.4.4 Hover & Current Menu Item
        6.4.5 Sub Menu
            6.4.5.1 Wrapper
            6.4.5.2 List
            6.4.5.3 Items
            6.4.5.4 Anchor
            6.4.5.5 Hover
    6.5 Menu Button
    6.6 Mobile Menu
        6.6.1 Wrapper
        6.6.2 List
        6.6.3 Items
        6.6.4 Anchor
        6.6.5 Sub Menu
            6.6.5.1 Wrapper
            6.6.5.2 List
            6.6.5.3 Items
            6.6.5.4 Anchor
7. Home Section
    7.1 Wrapper
        7.1.1 Parallax Image
        7.1.2 Image Slider
        7.1.3 Video Baxkground
    7.2 Overlayer
    7.3 Container
        7.3.1 Name
        7.3.2 Title
        7.3.3 Button
8. Home Section
    8.1 Wrapper
    8.2 Feature Box
        8.2.1 Wrapper
        8.2.2 Icon
        8.2.3 Content
            8.2.3.1 Wrapper
            8.2.3.2 Title
            8.2.3.3 Description
        8.2.4 Hover
9. Skills Section
    9.1 Wrapper
    9.2 Overlayer
    9.3 Skills Slider
        9.3.1 Wrapper
        9.3.2 Content
        9.3.3 Skills Circle
            9.3.3.1 Wrapper
            9.3.3.2 Circle
            9.3.3.3 Value
    9.3.4 Title
    9.3.5 Content
    9.3.6 Navigation
    9.3.7 Hover
10. Resume Section
    10.1 Wrapper
    10.2 Resume Slider
        10.2.1 Wrapper
        10.2.2 Item
            10.2.2.1 Wrapper
            10.2.2.2 Image
            10.2.2.3 Date
            10.2.2.4 Type
            10.2.2.5 Title
            10.2.2.6 Description
        10.2.3 Navigation
        10.2.4 Hover
    10.3 Download Button
11. Subscribe Section
    11.1 Wrapper
    11.2 Overlayer
    11.3 NewsLetter Form
        11.3.1 Wrapper
        11.3.2 Form Group
        11.3.3 Form Control
        11.3.4 Button
        11.3.5 Error / Success Message
12. Portfolio Section
    12.1 Wrapper
    12.2 Container
    12.3 Portfolio Item
        12.3.1 Wrapper
        12.3.2 transitions and perspective
        12.3.3 Image
        12.3.4 Figcaption
            12.3.4.1 Wrapper
            12.3.4.2 Content
                12.3.4.2.1 Title
                12.3.4.2.2 Anchors
                12.3.4.2.3 Navigation
        12.3.5 Hover
    12.4 More Section
13. Testimonials Section
    13.1 Wrapper
    13.2 Overlayer
    13.3 Testimonials Slider
        13.3.1 Wrapper
        13.3.2 Image
        13.3.3 Name
        13.3.4 Quote
        13.3.5 Navigation
14. Pricing Section
    14.1 Wrapper
    14.2 Pricing Table
        14.2.1 Wrapper
        14.2.2 Title
        14.2.3 Icon
        14.2.4 Price
            14.2.4.1 Wrapper
            14.2.4.2 Price Text
            14.2.4.3 Duration Text
        14.2.5 Info
            14.2.5.1 Wrapper
            14.2.5.2 List
            14.2.5.3 Items
        14.2.6 Button
    14.3 Feature Table
    14.4 Hover
15. Numbers Section
    15.1 Wrapper
    15.2 Overlayer
    15.3 Numbers Box
        15.3.1 Wrapper
        15.3.2 Icon
        15.3.3 Numbers
        15.3.4 Title
16. Contact Section
    16.1 Wrapper
    16.2 Form Control
    16.3 Textarea
    16.4 Button
    16.5 Error / Success Message
17. Footer Section
    17.1 Wrapper
    17.2 Logo
    17.3 Social Icons
        17.3.1 Wraper
        17.3.2 List
        17.3.3 Anchor
    17.4 Copyright
18. Notification Message
19. Breadcrumb
20. Page Content
    20.1 Wrapper
    20.2 Filter
        20.2.1 Wrapper
        20.2.2 List
        20.2.3 Items
        20.2.4 Anchor
        20.2.5 Hover
    20.3 Grid
        20.3.1 Wrapper
        20.3.2 Item
            20.3.2.1 Wrapper
            20.3.2.2 Container
            20.3.2.3 Image
            20.3.2.4 Content
                20.3.2.4.1 Wrapper
                20.3.2.4.2 Title
                20.3.2.4.3 Anchors
            20.3.2.5 Hover
        20.3.3 Button
21. Single Project
    21.1 Wrapper
    21.2 Container
        21.2.1 Wrapper
        21.2.2 Project Slider
        21.2.3 Content
        21.2.4 Description
        21.2.5 Title
        21.2.6 Details
        21.2.7 Share
        21.2.7.1 Wrapper
        21.2.7.2 Anchor
22. Normal Blog
    22.1 Wrapper
    22.2 Post
        22.2.1 Wrapper
        22.2.2 Header
            22.2.2.1 Wrapper
            22.2.2.2 Image
            22.2.2.3 Frame
            22.2.2.4 Post Slider
        22.2.3 Container
            22.2.3.1 Wrapper
            22.2.3.2 Title
            22.2.3.3 Meta
            22.2.3.4 Content
            22.2.3.5 Link
            22.2.3.6 Post Type
                22.2.3.6.1 Default
                22.2.3.6.2 Image
                22.2.3.6.3 Video
                22.2.3.6.4 Slider
            22.2.3.7 Hover
23. Single Post
    23.1 Wrapper
    23.2 Share
        23.2.1 Wrapper
        23.2.2 Anchor
    23.3 Comments
        23.3.1 Wrapper
        23.3.2 List
        23.3.3 Items
        23.3.4 Avatar
        23.3.5 Name
        23.3.6 Replay Button
    23.4 Replay
        23.4.1 Title
        23.4.2 Form Control
        23.4.3 Textarea
        23.4.4 Button
24. Widget
    24.1 Wrapper
    24.2 Title
    24.3 Social Widget
        24.3.1 List
        24.3.2 Items
        24.3.3 Anchor
        24.3.4 Hover
    24.4 Dribbble Widget
        24.4.1 Wrapper
        24.4.2 List
        24.4.3 Items
        24.4.4 Anchor & Image
    24.5 Flickr Widget
        24.5.1 Wrapper
        24.5.2 Items
        24.5.3 Anchor
        24.5.4 Image
        24.5.5 Anchor
    24.6 Twitter Widget
        24.6.1 Wrapper
        24.6.2 Twitter Username
        24.6.3 List
        24.6.4 items
25. Boxed Version
    25.1 Wrapper
    25.2 Content
    25.3 Open / Close Menu
26. Dark Version
*/


/* 1.4 Buttons
-------------------------------------------------------------------------- */
/* 1.4.1 Main Buttons
-------------------------------------------------------------------------- */
.btn-nesto,
.btn.btn-nesto {
    z-index: 1;
    outline: none;
    margin: 0 5px;
    color: #ffffff;
    font-weight: 300;
    overflow: hidden;
    position: relative;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #e14d43;
    font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    -webkit-border: 2px solid transparent;
       -moz-border: 2px solid transparent;
         -o-border: 2px solid transparent;
            border: 2px solid transparent;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.btn-nesto:hover { background-color: #232323; }


/* 1.4.2 Alternative Buttons
-------------------------------------------------------------------------- */
.btn-nesto-o,
.btn.btn-nesto-o {
    z-index: 1;
    outline: none;
    margin: 0 5px;
    color: #ffffff;
    font-weight: 300;
    overflow: hidden;
    position: relative;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    background-color: transparent;
    font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    -webkit-border: 2px solid #ffffff;
       -moz-border: 2px solid #ffffff;
         -o-border: 2px solid #ffffff;
            border: 2px solid #ffffff;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.btn-nesto-o:hover {
    color: #357930;
    background-color: #ffffff;
}


/* ==========================================================================
   13. Testimonials Section
========================================================================== */
/* 13.1 Wrapper
-------------------------------------------------------------------------- */
#testimonials-section {
    width: 100%;
    background-color: #ffffff;

    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/background/testimonialsbg.jpg);

    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

/* 13.2 Overlayer
-------------------------------------------------------------------------- */
#testimonials-section-overlayer {
    width: 100%;
    position: relative;
    padding: 110px 0 95px;
    background-color: rgba(0, 0, 0, 0.7);
}

/* 13.3 Testimonials Slider
-------------------------------------------------------------------------- */
/* 13.3.1 Wrapper
-------------------------------------------------------------------------- */
.owl-testimonials,
#owl-testimonials-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

/* 13.3.2 Image
-------------------------------------------------------------------------- */
.owl-testimonials .client-img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto 25px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
}
.owl-testimonials .client-img img {
    width: 100%;
    display: block;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
}

/* 13.3.3 Name
-------------------------------------------------------------------------- */
.client-name { margin: 0 auto 35px; }
.client-name h2 {
    color: #e14d43;
    text-transform: capitalize;
}

/* 13.3.4 Quote
-------------------------------------------------------------------------- */
.owl-testimonials .client-quote {
    width: 100%;
    color: #ffffff;
    font-size: 18px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 20px;
}

/* 13.3.5 Navigation
-------------------------------------------------------------------------- */
#owl-testimonials-wrapper .owl-theme .owl-controls .owl-page span { background: #e14d43; }




/* ==========================================================================
   16. Contact Section
========================================================================== */
/* 16.1 Wrapper
-------------------------------------------------------------------------- */
#contact-section {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 100px 0 45px;
    background-color: #ffffff;
}

/* 16.2 Form Control
-------------------------------------------------------------------------- */
#contactform .form-control {
    width: 100%;
    height: 50px;
    outline: none;
    color: #614a3d;
    padding: 6px 16px;
    margin-bottom: 30px;
    background-color: #ffffff;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
	   -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;

    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
         -o-border-radius: 12px;
            border-radius: 12px;

    -webkit-border: 1px solid #999999;
       -moz-border: 1px solid #999999;
         -o-border: 1px solid #999999;
            border: 1px solid #999999;
}
#contactform .form-control:hover,
#contactform .form-control:focus {
    -webkit-border-color: #357930;
       -moz-border-color: #357930;
         -o-border-color: #357930;
            border-color: #357930;
}

/* 16.3 Textarea
-------------------------------------------------------------------------- */
#contactform textarea {
	width: 100%;
    resize: none;
    margin: 0 auto;
    height: 160px !important;
    padding: 15px 12px !important;
}

/* 16.4 Button
-------------------------------------------------------------------------- */
#contactform button {
    outline: none;
    display: block;
    margin: 0 auto;
}

/* 16.5 Error / Success Message
-------------------------------------------------------------------------- */
.form-message {
    width: 100%;
    color: #e14d43;
    min-height: 28px;
    margin-top: 20px;
    text-align: center;
}

#name.form-error,
#email.form-error,
#subject.form-error,
#message.form-error {
    -webkit-border-color: #e14d43;
       -moz-border-color: #e14d43;
         -o-border-color: #e14d43;
            border-color: #e14d43;
}






/* ==========================================================================
   Responsive
========================================================================== */
@media only screen and (max-width: 1199px) {

    body.boxed-version.image-slider #supersized {
        left: 0;
        margin-left: 0;
        max-width: 100%;
    }

    .navbar-nav > li { padding: 0 5px; }

    .section-title h1 { font-size: 55px; }
    .col-md-6 .section-title h1 { font-size: 35px; }

    .resume-date { font-size: 35px; }

    .portfolio-grid { padding: 0 4px 0 5px; }
    .portfolio-grid li { width: 33%; }

}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {

    .mobile-menu { display: block; }
    nav.navbar-collapse.collapse { display: none !important; }

    .col-md-6 .section-title h1 { text-align: center; }

    .portfolio-grid { padding: 0 2px 0 4px; }
    .portfolio-grid li { width: 33%; }
    .portfolio-item h4 { font-size: 20px; }

}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

    .container { width: 700px; }
    .single-project .container { width: 100%; }

    .navbar-header {
        float: left;
        display: inline-block;
    }

    .portfolio-grid { padding: 0; }
    .portfolio-grid li { width: 50%; }

    .project-desc {
        width: 100%;
        padding-right: 0;
    }
    .project-detail {
        margin: 0;
        width: 100%;
    }

}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 699px) {

    .container { width: 600px; }

    .personal-name h1 {
        font-size: 50px;
        line-height: 70px;
    }
    .personal-title h4 { font-size: 20px; }

    .resume-date { font-size: 25px; }

    #pricing-section .col-xs-6 { width: 100%; }
    .pricing-table { margin: 0 auto 20px; }

    #contactform .form-control { margin-bottom: 20px; }

    .comments ul ul { padding-left: 20px; }

}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 599px) {

    .container { width: 550px; }

    #home-section-container { margin-top: 80px !important; }

    .personal-title h4 { margin-bottom: 40px; }

    .resume-date { font-size: 35px; }

    .profile-title { display: none; }

    .section-title h1 { font-size: 40px; }
    .section-desc h3 { font-size: 22px; }

    .feature-box .box-icon {
        float: none;
        display: block;
        margin: 0 auto 25px;
    }
    .feature-box .box-title {
        text-align: center;
    }
    .box-desc { text-align: center; }



    #owl-skills-wrapper .owl-theme .owl-controls { display: none !important; }

    #owl-portfolio-wrapper .owl-navigation { display: none !important; }

    #owl-testimonials-wrapper .owl-theme .owl-controls { display: none !important; }

}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 549px) {

    .container { width: 500px; }

}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 499px) {

    .container { width: 450px; }

    .personal-name h1 {
        font-size: 40px;
        line-height: 60px;
    }

    #newsletter-form button {
        width: 100%;
        display: block;
        position: relative;
    }
    p.nesto-response { bottom: -40px; }

    .col-xs-6 { width: 100%; }

    .avatar-image { margin-bottom: 25px; }
    .comment-container { float: left; }
    .comments ul ul {
        padding: 0;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .portfolio-grid li { width: 100%; }

}
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
@media only screen and (max-width: 449px) {

    .container { width: 320px; }

    #home-section-container { margin-top: 200px !important; }

    .resume-date { font-size: 25px; }

    .single-project .container { padding: 0; }
    .project-desc-title h4,
    .project-detail-title h4 {
        font-size: 20px;
    }

    .post-title h2 { font-size: 24px; }

    .photostack figure {
        width: 290px;
        height: 290px;
    }

}