/*

Theme Name: Inspira Theme 

Theme URI: http://demo.vegatheme.com/inspira

Author: OceanThemes Team

Author URI: http://vegatheme.com

Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three .widget_tag_cloud li areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: inspira



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



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

[Table of contents]



1. Body

2. dropcap / .dropcap

3. heading

4. logo / #logo

5. content / #content

6. menu, navigation / #mainmenu

7. footer / #footer

8. subfooter / .subfooter

9. list news / .list-news

10. jquery totop / #toTop

11. map / .map

12. blog / .blog-list

13. blog singkle / .blog-header

14. blog comment / .comments-box

15. blog comment form / #commentform

16. slider / #slider

17. call to action / .call-to-action

18. contact form

19. pricing table

20. Style Boxes

21. header

22. subheader

23. overide bootstrap

24. image position

25. flickr

26. isotope

27. font awesome icons

28. parallax content

29. gallery

30. flex slider

31. widget

32. sliding bar / #sliding-bar

33. social-icons

34. tabs

35. testimonial

36. team member

37. R E S P O N S I V E



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





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

/* Body */

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

body {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    color: #848484;

    line-height: 1.7em;

    padding: 0;

}





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

/* dropcap / .dropcap */

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

.dropcap {

    display: inline-block;

    font-size: 48px;

    float: left;

    margin: 0px 15px 15px 0;

    background:#555;

    background-image: linear-gradient(#555, #888);

    color: #fff;

    padding: 20px 10px 20px 10px;

}





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

/* heading */

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

h1, h2, h3, h4, h5, h6 {

    font-weight: 400;

    color: #333;

    font-family: 'PT Sans',Arial, Helvetica, sans-serif;

}



h1 {

    letter-spacing: -1px;

}



h2 {

    letter-spacing: -.5px;

}



h3 {

    letter-spacing: -.5px;

    margin-top: 0;

}



h1.slogan_big {

    font-weight: 400;

    font-size: 64px;

    line-height: 64px;

    letter-spacing: -4px;

    padding: 0;

    margin: 0px 0 30px 0;

}



h3.title {

    font-weight: 400;

    border-bottom: solid 1px #ddd;

    margin-bottom: 20px;

}



h4.title {

    font-weight: 400;

    border-bottom: solid 1px #ddd;

    padding-bottom: 10px;

    margin-bottom: 20px;

}



h5 {

    font-weight: bold;

}



iframe{border: none;max-width: 100%;}

img{max-width: 100%;}

ul{padding-left: 0;}

div {box-sizing: border-box;}

.text-center {text-align: center;}



/**** Start Reset CSS For WordPress ****/

.align-center {

  width: 100%;

  text-align: center;

}

.align-right {text-align:right;}

.align-left {text-align: left;}

.fleft {float: left;}

.fright {float: right;}

a, a:hover, a:active, a:focus {

     outline: 0;

}

pre, img {max-width: 100%;}

table,

th,

td {

  border: 1px solid rgba(0, 0, 0, 0.1);

}



table {

  border-collapse: separate;

  border-spacing: 0;

  border-width: 1px 0 0 1px;

  margin-bottom: 24px;

  width: 100%;

}



caption,

th,

td {

  font-weight: normal;

  text-align: left;

  padding: 10px 20px;

}



th {

  border-width: 0 1px 1px 0;

  font-weight: bold;

}



td {

  border-width: 0 1px 1px 0;

}

dl {

  margin-bottom: 24px;

}



dt {

  font-weight: bold;

}



dd {

  margin-bottom: 24px;

}

address {

  font-style: italic;

  margin-bottom: 24px;

}

/* Alignment */



.alignleft {

  float: left;

}



.alignright {

  float: right;

}



.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

}



blockquote.alignleft,

figure.wp-caption.alignleft,

img.alignleft {

  margin: 7px 24px 7px 0;

}



.wp-caption.alignleft {

  margin: 7px 14px 7px 0;

  text-align: left;

}



blockquote.alignright,

figure.wp-caption.alignright,

img.alignright {

  margin: 7px 0 7px 24px;

}

blockquote cite, p cite {display: inline-block;margin: 10px 0px;font-style: italic;color: #101010;font-weight: bold;}

.wp-caption.alignright {

  margin: 7px 0 7px 14px;

  text-align: right;

}



blockquote.aligncenter,

img.aligncenter,

.wp-caption.aligncenter {

  margin-top: 7px;

  margin-bottom: 7px;

}

.wp-caption {

  margin-bottom: 24px;

  max-width: 100%;

  color: #767676;

}

.gallery-caption {}

.bypostauthor{}

.wp-caption-text {

  -webkit-box-sizing: border-box;

  -moz-box-sizing:    border-box;

  box-sizing:         border-box;

  font-size: 12px;

  font-style: italic;

  line-height: 1.5;

  margin: 9px 0;

}



div.wp-caption .wp-caption-text {

  padding-right: 10px;

}



div.wp-caption.alignright img[class*="wp-image-"],

div.wp-caption.alignright .wp-caption-text {

  padding-left: 10px;

  padding-right: 0;

}



.wp-smiley {

  border: 0;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}

pre, code {

    background-color: #F9F9F9;

    border-color: rgba(180,180,180,1);

    border-style: solid;

    border-width: 0px 0px 0px 4px;

    display: block;

    font-family: 'Open Sans', sans-serif;font-weight: 300;

    font-size: 14px;

    padding: 10px;

    margin-top:20px;

    margin-left:20px;

    margin-right:20px;

    overflow: auto;

}

.textwidget select {

  max-width: 100%;

}

.textwidget img {height: auto;}

/**** End Reset CSS For WordPress ****/



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

/* logo / #logo */

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

#logo {

    float: left;

}

#logo .inner {

    display: table-cell;

    vertical-align: middle;

    height: 100px;

}

#logo .inner img{

  max-height: 100%;

  max-width: 475px;



}

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

/* content / #content */

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

#content {

    padding: 50px 0 0 0;

}



#features {

    background: #222;

    padding: 40px 0 40px 0;

    color: #fff;

}



.feature-box i {

    background-color: #469159;

    color: #fff;

}



.feature-box-small-icon {

    margin-bottom: 10px;

}



    .feature-box-small-icon .text {

        padding-left: 45px;

    }



    .feature-box-small-icon i {

        background-color: #469159;

        color: #fff;

        font-size: 18px;

        padding: 8px;

        width: 34px;

        height: 34px;

        text-align: center;

        position: absolute;

    }



        .feature-box-small-icon i.dark {

            background-color: #333333;

        }



    .feature-box-small-icon h3 {

        line-height: normal;

        margin-bottom: 5px;

        font-size: 20px;

        font-weight: bold;

    }



    .feature-box-small-icon .inner {

        padding: 20px;

        background: #eee;

        border-bottom: solid 3px #ddd;

    }



        .feature-box-small-icon .inner:hover {

            padding: 20px;

            background: #f5f5f5;

            border-bottom: solid 3px #ccc;

        }







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

/* menu, navigation / #mainmenu */

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

#mainmenu {

    color: #fff;

    font-weight: bold;

    letter-spacing: 0px;

    float: right;

    height: 60px;

}



    #mainmenu ul {

        float: right;

        margin: 0px 0px;

        padding: 0px 0px;

        height: 30px;

        box-shadow: none;

        border-radius: 0;

        border: none;

    }



    #mainmenu li {

        margin: 0px 0px;

        padding: 0px 0px;

        float: left;

        display: inline;

        list-style: none;

        position: relative;

    }



    #mainmenu a {

        display: block;

        padding: 29px 15px 32px 15px;

        line-height: 35px;

        text-decoration: none;

        color: #555;

        min-width: 110px;

        border-left: solid 1px #eee;

        text-align: center;

    }



    #mainmenu li:last-child a {

        border-right: solid 1px #eee;

    }



    #mainmenu a:hover {

        color: #469159;

        background: #f8f8f8;

    }



    #mainmenu li li {

        font-size: 12px;

        font-weight: normal;

        border-bottom: solid 1px #626262;

    }



        #mainmenu li li:last-child {

            border-bottom: none;

        }







        #mainmenu li li a {

            padding: 2px 15px 2px 15px;

            background: #555555;

            border-top: none;

            color: #ccc;

            width: 100%;

            border-left: none;

            text-align: left;

        }



        #mainmenu li li:last-child a {

            border-right: none;

        }



        #mainmenu li li li a {

            padding: 2px 15px 2px 15px;

            background: #505050;

        }



        #mainmenu li li a:hover {

            color: #fff;

            background: #469159;

        }





    #mainmenu li ul {        

        height: auto;

        position: absolute;

        top: 100%;

        margin-top: 0px;

        left: 0px;

        z-index: 10;

        display: none;

    }



    #mainmenu li li {

        display: block;

        float: none;

    }



    #mainmenu li:hover > ul {

        display: block;

    }



    #mainmenu li ul ul {

        left: 100%;

        top: 0px;

    }



    #mainmenu li:hover > ul {

        color: #469159;

    }



    #mainmenu select {

        padding: 10px;

        height: 36px;

        font-size: 14px;

        border: none;

        background: #ff4200;

        color: #fff;

    }



        #mainmenu select option {

            padding: 10px;

        }



.selectnav {

    display: none;

}



.site-header .bar-sticked {

  position: fixed;

  left: 0px;

  top: 0px;

  z-index: 100000;

  width: 100%;

  background: #fff;

  border-bottom: 1px solid #eee;

  box-shadow: 0px 1px 3px #ccc;

  height: 70px;

}

.logged-in.admin-bar .site-header .bar-sticked{

    top: 32px;

}

.bar-sticked #logo{

    height: 100%;

}

.bar-sticked #logo .inner{

    height: 70px;

}



#mainmenu > li > a{

    -o-transition: none;

    -moz-transition: none;

    -webkit-transition: none;

    transition: none;

}

.bar-sticked #mainmenu > li > a{

    line-height: 70px;

    padding: 0;

    -o-transition: none;

    -moz-transition: none;

    -webkit-transition: none;

    transition: none;

}



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

/* footer / #footer */

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

footer {

    border-top: solid 1px #eee;

    background: #f5f5f5;

    padding: 40px 0 40px 0;

}



    footer h3 {

        font-size: 20px;

        margin-bottom: 20px;

    }



    footer a {

        color: #555;

    }



        footer a:visited {

            color: #555;

        }



        footer a:hover {

            color: #555;

        }





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

/* subfooter / .subfooter */

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

.subfooter {

    border-top: solid 1px #ddd;

    margin: 40px 0 -40px 0;

    background: #eee;

    padding: 20px 0 20px 0;

    font-size: 12px;

}



    .subfooter ul {

        float: right;

        margin: 0;

        padding: 0;

    }



    .subfooter li {

        display: inline;

        padding: 0 15px 0 15px;

        border-left: solid 1px #ccc;

    }

    .subfooter li:last-child{

        border-right: solid 1px #ccc;

    }

    .subfooter a {

        color: #646464 !important;

    }





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

/* list news / .list-news

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

.list-news {

    padding: 0;

    margin: 0;

}



    .list-news img {

        position: absolute;

    }



    .list-news .text {

        padding-left: 80px;

    }



    .list-news li {

        list-style: none;

        min-height: 60px;

        margin-bottom: 20px;

    }





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

/* jquery totop / #toTop */

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

#toTop {

    z-index: 1555;

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 10px;

    right: 10px;

    overflow: hidden;

    width: 51px;

    height: 51px;

    border: none;

    text-indent: -999px;

    background: url(images/ui.totop.png) no-repeat left top;

}



#toTopHover {

    background: url(images/ui.totop.png) no-repeat left -51px;

    width: 51px;

    height: 51px;

    display: block;

    overflow: hidden;

    float: left;

}



#toTop:active, #toTop:focus {

    outline: none;

}





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

/* map / .map */

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

.map {

    margin-top: 40px;

}



    .map iframe {

        width: 100%;

        height: 320px;

        border: solid 1px #ccc;

        padding: 2px;

        background: #fff;

    }



#map-container iframe {

    width: 100%;

    height: 480px;

}





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

/* blog / .blog-list */

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

.blog-list {

    margin-top: -10px;

    margin: 0;

    padding: 0;

}



    .blog-list li {

        list-style: none;        

        line-height: 1.7em;

    }



.blog-header .by {

    display: inline-block;

    float: left;

    background: url(images/icon-user.png) left center no-repeat;

    padding-left: 24px;

}



.blog-header .cat {

    display: inline-block;

    float: left;

    background: url(images/icon-folder.png) left center no-repeat;

    padding-left: 24px;

}



.blog-header .news-date {

    display: inline-block;

    float: left;

    background: url(images/icon-folder.png) left center no-repeat;

    padding-left: 24px;

}

/* blog list */

.blog-list > li {

    margin-bottom: 40px;

}



.blog-list .info {

    position: absolute;

    width: 60px;

}



.blog-list .date {

    background: #469159;

    color: #fff;

    text-align: center;

    padding: 5px 0 5px 0;

}



    .blog-list .date h4 {

        color: #fff;

        font-size: 30px;

    }



.blog-list a.readmore {

    display: block;

    width: 60px;

    height: 40px;

    background: url(images/arrow-2.png) right center no-repeat #555;

}



    .blog-list a.readmore:hover {

        background: url(images/arrow-2.png) left center no-repeat #E1704B;

    }



.blog-list .preview {

    padding-left: 80px;

    line-height: 1.6em;

}



.blog-list .meta-info {

    margin: 10px 0 0 80px;

    font-size: 13px;

    padding: 5px 0 5px 0;

    border-top: dotted 1px #ddd;

    border-bottom: dotted 1px #ddd;

}



    .blog-list .meta-info span {

        padding: 0 10px 0 10px;

        color: #ccc;

    }



.blog-list .preview img {

    padding-bottom: 10px;

    width: 100%;

}







.project-view .callbacks1_nav, .blog-read .callbacks1_nav {

    margin-bottom: -35px;

}







.bloglist-small {

    list-style: none;

    margin: 0;

    padding: 0;

}



    .bloglist-small li {

        padding-bottom: 10px;

        margin-bottom: 20px;

        border-bottom: solid 1px #eee;

    }



        .bloglist-small li h5 {

            margin-bottom: 5px;

        }



        .bloglist-small li .txt {

            padding-left: 80px;

        }



        .bloglist-small li .txt h4{

            margin-bottom: 8px;

        }



        .bloglist-small li .read {

            display: block;

            margin-bottom: 5px;

            line-height: 17px;

        }



        .bloglist-small li .info {

            display: block;

            margin: 0;

            font-size: 11px;

            color: #aaa;

        }



    .bloglist-small img {

        position: absolute;

    }



.date-box {

    width: 60px;

    position: absolute;

    text-align: center;

}



    .date-box .day {

        display: block;

        color: #fff !important;

        background: #555;

        font-size: 26px;

        padding: 20px 0 20px 0;

    }



    .date-box .month {

        font-size: 12px;

        display: block;

        color: #fff;

        background: #469159;

    }



.pagination {

    display: block;

}

.pagination ul{

    list-style: none;

    display: inline-block;

}

.pagination ul > li{

    display: inline;

}

.pagination ul > li > a, 

.pagination ul > li > span {

  float: left;

  padding: 4px 12px;

  line-height: 20px;

  text-decoration: none;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-left-width: 0;

  text-transform: capitalize;

}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span{

    border-left-width: 1px;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span{

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

}

.pagination ul > li > span, 

.pagination ul > li a:hover{

    background: #f5f5f5;

}



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

/* blog singkle / .blog-header */

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





.blog-header .by {

    display: inline-block;

    float: left;

    background: url(images/icon-user.png) left center no-repeat;

    padding-left: 24px;

}



.blog-header .cat {

    display: inline-block;

    float: left;

    background: url(images/icon-folder.png) left center no-repeat;

    padding-left: 24px;

}



.blog-header .news-date {

    display: inline-block;

    float: left;

    background: url(images/icon-folder.png) left center no-repeat;

    padding-left: 24px;

}

/* blog list */







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

/* blog comment / .comments-box */

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

.comments-box{

    margin-left: 79px;

}

.single-comment {

   margin-left: 79px; 

}

#blog-comment {

    margin-top: 40px;

    margin-left: 80px;

}



    #blog-comment h5 {

        margin-bottom: 10px;

    }



    .single-comment ul, .single-comment li {

        list-style: none;

        padding-left: 0;

    }



    .single-comment li {

        min-height: 70px;

        padding-bottom: 10px;

        margin-bottom: 10px;

        padding-bottom: 20px;

        border-bottom: solid 1px #eee;

    }



        #blog-comment li .avatar {

            position: absolute;

            margin-top: 5px;

        }



    #blog-comment .comment {

        margin-left: 85px;

    }



    #blog-comment li {

        min-height: 70px;

        font-size: 14px;

        line-height: 1.6em;

    }



        #blog-comment li li {

            margin-left: 55px;

            padding-bottom: 0px;

            margin-top: 20px;

            padding-top: 10px;

            border-top: solid 1px #eee;

            border-bottom: none;

        }



            #blog-comment li li .avatar {

                position: absolute;

            }



            #blog-comment li li .comment {

            }



.comment-info {

    margin-left: 85px;

    margin-bottom: 5px;

}



    .comment-info span {

    }



    .date .c_name {

        display: block;

        font-weight: 700;

        color: #555;

    }



    .date .c_reply a{

        padding-left: 20px;

        margin-left: 20px;

        border-left: solid 1px #ddd;

        font-size: 12px;

        display: inline-block;

        line-height: 12px;

    }



    .date .c_date {

        font-size: 12px;

    }



.blog-list h3, .blog-read h3 {

    color: #333;

}

.avatar{

    float: left;

}

.comment-content{

    margin-left: 85px;

}

.comment-content h6{

    margin-bottom: 4px!important;

  font-size: 17px;

}

.reply-btn{

    float: right;

  font-size: 15px;

}

.post-content-comment .date {

  font-size: 12px!important;

  margin-left: 85px

}

.single-comment .comment-content p{

    font-size: 14px;

    margin-top: 5px;

}

.single-comment{

    list-style: none;

}

.single-comment li{



}

.single-comment .children{

    margin-top: 25px;

    margin-left: 66px;

    list-style: none;

    padding-bottom: 20px;

}

.comment-respond{

    margin-left: 79px;

}



.comment-form input[type=text] {

  width: 40%;

  border: 1px solid #E4DBDB;

  margin-bottom: 20px;

  padding: 5px;

  background-color: transparent;

  font-weight: 400;

  border-radius: 4px;

  font-size: 14px;

  box-shadow: none;

}

.comment-form textarea {

  width: 100%;

  height: 180px;

  border: 1px solid #E4DBDB;

  margin-bottom: 20px;

  padding: 5px;

  background-color: transparent;

  font-weight: 400;

  border-radius: 4px;

  font-size: 14px;

  box-shadow: none;

}

.form-submit #submit {

  padding: 6px 12px;  

  transition: all 0.5s;

  color: #ffffff;

  border-radius: 4px;

  border: none;

  width: auto;

  margin-right: 15px;

  

}

.form-submit #submit:hover{

    background-color: #bbb;

}

.comment-content h6{

    font-weight: 700;

    color: #666;

}

.comments-box h4,

.comment-respond h4, .comment-respond h3{

    font-size: 17.5px;

    margin-bottom: 30px;

    text-transform: uppercase;

    letter-spacing: .5px;

    font-weight: 600;

}



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

/* blog comment form / #commentform */

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

#commentform label {

    display: block;

}



#commentform input {

    width: 290px;

}



    #commentform input:focus {

        border: solid 1px #999;

        background: #fff;

    }



#commentform textarea {

    width: 97%;

    padding: 5px;

    height: 150px;

}



    #commentform textarea:focus {

        border: solid 1px #999;

        background: #fff;

    }



#commentform input.btn {

    width: auto;

}





.post-content {

    padding-left: 80px;

}



.post-meta {

    margin: 10px 0 10px 80px;

    padding-bottom: 10px;

    border-bottom: solid 1px #ddd;

}



    .post-meta > span {

        margin-right: 15px;

    }



        .post-meta span i {

            float: none;

        }

.post-image{

    overflow: hidden;

}

div.post-text{

    margin-top: 10px;

}

.post-text a:hover{

    color:#333;

}

div.post-text.post-text-no-image{

    margin-top: -8px;

}

.post-meta a:hover{

    color:#333;

}

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

/* slider / #slider */

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

#slider {

    padding: 40px 0 40px 0;

    background: top no-repeat fixed;

    margin: 0 auto;

    width: 100%;

    max-width: 1920px;

    position: relative;

}



.slider-info {

    position: absolute;

    z-index: 10;

    bottom: 40px;

    font-size: 20px;

    padding: 20px;

    margin-left: 40px;

}



    .slider-info h1 {

        background: #fff;

        display: inline-block;

        padding: 10px 20px 10px 20px;

        letter-spacing: -2px;

    }



    .slider-info .text1 {

        background: #469159;

        color: #fff;

        padding: 10px 20px 10px 20px;

        font-size: 14px;

    }



.slider_pic {

    text-align: center;

}



    .slider_pic img {

    }



.slider_text {

    float: left;

    width: 50%;

    padding-top: 80px;

    font-size: 14px;

    line-height: 1.7em;

    color: #555;

}



    .slider_text h1 {

        font-size: 64px;

        color: #469159;

        margin-bottom: 20px;

        letter-spacing: -5px;

    }



    .slider_text .description {

        margin-bottom: 20px;

        color: #fff;

    }



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

/* call to action / .call-to-action */

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

.call-to-action {

    background: #FFF;

    padding: 35px 0 35px 0;

    border-bottom: solid 1px #eee;

    background: #f5f5f5;

}



    .call-to-action h3 {

        margin: 0;

        line-height: normal;

        font-size: 26px;

        margin-top: 5px;

    }



.call-to-action-box {

    background: #f5f5f5;

    border: solid 1px #ddd;

    background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}



    .call-to-action-box .inner {

        padding: 20px 20px 20px 20px;

    }



    .call-to-action-box .text {

        margin-right: 20px;

        float: left;

        max-width: 70%;

    }



    .call-to-action-box .act {

        float: right;

    }



    .call-to-action-box h3 {

        margin: 0;

        line-height: 40px;

    }



    .call-to-action-box.dark {

        background: #404040;

        color: #fff;

    }



        .call-to-action-box.dark h3 {

            color: #fff;

        }





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

/* contact form */

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

.error {

    width: 280px;

    background: #FCD8DC;

    padding: 2px 10px 2px 10px;

    display: none;

    color: #C03;

    font-size: 12px;

    margin-bottom: 10px;

}



.success {

    display: none;

    padding: 2px 10px 2px 10px;

    background: #B0FFB0;

    color: #555;

    width: 280px;

    font-size: 12px;

    margin-bottom: 20px;

}



.error img {

    vertical-align: top;

}



.full {

    width: 100%;

    border-radius: 4px;

    border: 1px solid #ccc;

    padding: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}





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

/* button */

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

.btn-extra-large {

    font-size: 24px;

    padding: 10px 20px 10px 20px;

    line-height: 24px;

}





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

/* color */

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

.id-color {

    color: #469159;

}





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

/* pricing table */

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

.pricing-2-col {

    border-right: solid 1px #eee;

}



    .pricing-2-col .pricing-box {

        width: 50%;

    }



.pricing-3-col {

    border-right: solid 1px #eee;

}



    .pricing-3-col .pricing-box {

        width: 33.33%;

    }



.pricing-4-col {

    border-right: solid 1px #eee;

}



    .pricing-4-col .pricing-box {

        width: 25%;

    }



.pricing-5-col {

    border-right: solid 1px #eee;

}



    .pricing-5-col .pricing-box {

        width: 20%;

    }



    .pricing-2-col.pricing-dark,

    .pricing-3-col.pricing-dark,

    .pricing-4-col.pricing-dark,

    .pricing-5-col.pricing-dark {

        border-right: solid 1px #404040;

    }





.pricing-box {

    float: left;

    text-align: center;

    margin: 0;

    padding: 0;

}

.pricing-box:last-child{

    border-right: 1px solid #eee;

}



    .pricing-box ul {

        margin: 0;

        padding: 0;

        border-left: solid 1px #eee;

        border-top: solid 1px #eee;

    }



    .pricing-box li, .btn-row {

        list-style: none;

        margin: 0;

        padding: 15px 0 15px 0;

        border-bottom: solid 1px #eee;

    }



        .pricing-box h4 {

            font-size: 22px;

            margin: 0;

            padding: 0;

            font-weight: 400;

        }



        .pricing-box h1 {

            font-size: 48px;

            margin: 0;

            margin-bottom: 5px;

            font-weight: 600;

            color: #469159;

        }



        .pricing-box .title-row {

            padding: 15px 0 15px 0;

            border-left: solid 1px #eee;

            border-top: solid 1px #eee;

            margin: 0;

        }



        .pricing-box .price-row {

            background: #f5f5f5;

            padding: 15px 0 15px 0;

            border-left: solid 1px #eee;

            border-top: solid 1px #eee;

        }



            .pricing-box .price-row span {

                display: block;

                font-weight: 600;

            }



        .pricing-box .btn-row {

            background: #f5f5f5;

            border-left: 1px solid #eee;

        }



.pricing-dark.pricing-box ul {

    margin: 0;

    padding: 0;

    border-left: solid 1px #555;

    border-top: solid 1px #555;

}



.pricing-dark.pricing-box li {

    background: #606060;

    color: #fff;

    list-style: none;

    margin: 0;

    padding: 15px 0 15px 0;

    border-bottom: solid 1px #555;

}



    .pricing-dark.pricing-box h4 {

        font-size: 22px;

        margin: 0;

        padding: 0;

        font-weight: 400;

        color: #fff;

    }



    .pricing-dark.pricing-box h1 {

        font-size: 48px;

        margin: 0;

        margin-bottom: 5px;

        font-weight: 600;

        color: #fff;

    }



    .pricing-dark.pricing-box .title-row {

        padding: 15px 0 15px 0;

        border-left: solid 1px #555;

        border-top: solid 1px #555;

        background: #606060;

    }



    .pricing-dark.pricing-box .price-row {

        border-left: solid 1px #555;

        border-top: solid 1px #555;

        background: #777;

        padding: 15px 0 15px 0;

        background: rgb(101,206,127); /* Old browsers */

        background: -moz-linear-gradient(top, rgba(101,206,127,1) 0%, rgba(70,145,89,1) 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,206,127,1)), color-stop(100%,rgba(70,145,89,1))); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(top, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(top, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(top, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* IE10+ */

        background: linear-gradient(to bottom, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65ce7f', endColorstr='#469159',GradientType=0 ); /* IE6-9 */

    }



        .pricing-dark.pricing-box .price-row span {

            display: block;

            font-weight: 600;

            color: #fff;

        }



    .pricing-dark.pricing-box .btn-row {

        background: #404040;

        border-left: solid 1px #555;

        border-bottom: solid 1px #555;

    }

    

    .pricing-dark:last-child{

        border-right: 1px solid #555;

    }





.pricing-featured {

    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);

    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);

    position: relative;

    margin-top: -10px;

}



/**** Style Boxes ****/

.inspira-boxed-wrapper{width: 100%;}

.inspira-boxed-container {

    margin: 0 auto;

    max-width: 1200px;    

    overflow: hidden;

    position: relative;

}

.inspira-boxed-inner {

    width: 100%;

    background: #ffffff;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}





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

/* header */

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

header {

    background: #fff;

    border-bottom: 1px solid #eee;

    width: 100%;

    z-index: 1000;

    position: relative;

    -webkit-transition: linear .3s;

    -moz-transition: linear .3s;

    -ms-transition: linear .3s;

    -o-transition: linear .3s;

    transition: linear .3s;

}



.sticky-1 {

    position: fixed;

    top: 0px;

    left: 0px;

    z-index: 10001;

    -webkit-transition: linear .3s;

    -moz-transition: linear .3s;

    -ms-transition: linear .3s;

    -o-transition: linear .3s;

    transition: linear .3s;

    border-bottom: solid 1px #eee;

}



.logged-in.admin-bar .sticky-1 {top: 32px;}



/*

.sticky-1 #logo .inner {

  padding-top:5px;

  height:60px;

}



.sticky-1 #mainmenu a{

 padding: 18px 15px 18px 15px;

}

*/





.sticky-2 {

    margin-top: 150px;

}



.h_info_hide {

    display: none;

}



header .info {

    border-bottom: none;

    color: #555;

    background: #fff;

    border-bottom: solid 1px #eee;

    font-size: 12px;

}



    header .info a {

        color: #646464;

        text-align: center;

    }



    header .info .separator {

        display: inline-block;

        width: 1px;

        height: 10px;

        border-left: solid 1px #777;

        margin: 0 20px 0 20px;

    }



header .info-text {

    margin-top: 10px;

}



.title {

    color: #555;

    margin-bottom: 20px;

}



    .title span {

        font-size: 20px;

        font-weight: lighter;

        display: block;

        margin-top: 20px;

        letter-spacing: normal;

        font-family: "Patua One", Georgia;

        color: #469159;

    }





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

/* subheader */

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

#subheader {

    padding: 20px 0 20px 0;

    border-bottom: solid 1px #eee;

}



    #subheader h1 {

        font-size: 32px;

        letter-spacing: -2px;

        float: left;

        padding-right: 40px;

    }



    #subheader span {

        display: inline-block;

        margin-top: 25px;

        font-size: 16px;

        line-height: 30px;

        border-left: 1px solid #ddd;

        padding-left: 40px;

    }







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

/* overide bootstrap */

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

   



.label {

    font-family: Arial, Helvetica, sans-serif;

}



table thead {

    font-weight: bold;

}



.accordion-heading a {

    text-decoration: none;

    border: none;

    outline: none;

}



blockquote {

    font-size: 14px;

    font-style: italic;

    line-height: 1.5em;

    font-weight: 300;

}



    blockquote span {

        display: block;

        font-size: 14px;

        font-style: normal;

        font-weight: normal;

    }





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

/* image position */

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

.img-left {

    float: left;

    margin: 5px 15px 15px 0;

}



.img-right {

    float: right;

    margin: 5px 0 15px 15px;

}







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

/* flickr */

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

#flickr-photo-stream img {

    width: 48px;

    height: auto;

    margin: 0 12px 12px 0;

    float: left;

}



#flickr-photo-stream a img {

    border: solid 2px #fff;

}



#flickr-photo-stream a:hover img {

    border: solid 2px #777777;

}





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

/* isotope */

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

.isotope,

.isotope .isotope-item {

    /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}



.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -ms-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}



    .isotope .isotope-item {

        -webkit-transition-property: -webkit-transform, opacity;

        -moz-transition-property: -moz-transform, opacity;

        -ms-transition-property: -ms-transform, opacity;

        -o-transition-property: -o-transform, opacity;

        transition-property: transform, opacity;

    }



        /**** disabling Isotope CSS3 transitions ****/



        .isotope.no-transition,

        .isotope.no-transition .isotope-item,

        .isotope .isotope-item.no-transition {

            -webkit-transition-duration: 0s;

            -moz-transition-duration: 0s;

            -ms-transition-duration: 0s;

            -o-transition-duration: 0s;

            transition-duration: 0s;

        }



.filters {

    padding: 0;

    margin: 0;

    margin-bottom: 20px;

}



    .filters li {

        display: inline-block;

        margin-right: 3px;

        margin-bottom: 20px;

    }



    .filters a {

        background-color: #fff;

        padding: 5px 10px 5px 10px;

        color: #555;

        border: solid 1px #ddd;

        text-decoration: none;

    }



        .filters a:hover {

            border: solid 1px #469159;

        }



        .filters a.selected {

            background: #469159;

            border: solid 1px #469159;

            color: #FFF;

        }



.isotope-item {

    z-index: 2;

}



.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}



.f_box {

    width: 33.3%;

    color: #fff;

    -webkit-transition: linear .3s;

    -moz-transition: linear .3s;

    -ms-transition: linear .3s;

    -o-transition: linear .3s;

    transition: linear .3s;

}



    .f_box h3 {

        color: #fff;

    }





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

/* hr */

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

hr {

    display: block;

    clear: both;

    border: none;

    border-top: solid 1px #eee;

    margin: 40px 0 40px 0;

}



    hr.blank {

        border: none;

        margin: 20px 0 20px 0;

    }





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

/* lazyload jquery */

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

.belazy {

    display: none;

}





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

/* font awesome icons */

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

i {

    display: inline-block !important;

    float: left;

    margin-right: 10px;

    margin-bottom: 5px;

}



    i.large {

        font-size: 40px;

        padding: 16px;

        width: 40px;

        height: 40px;

        text-align: center;

    }



    i.medium {

        font-size: 20px;

        padding: 10px;

        width: 20px;

        height: 20px;

        text-align: center;

    }



    i.small {

        font-size: 12px;

        padding: 4px;

        width: 16px;

        height: 15px;

        text-align: center;

    }



    i.circle {

        border-radius: 75px;

        -moz-border-radius: 75px;

        -webkit-border-radius: 75px;

    }

/* extra ^ */

.de_center p {

    width: 100%;

}



.de_center .de_icon {

    float: none;

    margin: 0 auto;

}





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

/* column preview */

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

.test-column {

    background: #f5f5f5;

    color: #646464;

    text-align: center;

    padding: 20px 0 20px 0;

    margin-bottom: 30px;

    font-size: 22px;

    -webkit-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.1);

    -moz-box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.1);

    box-shadow: 2px 2px 0px rgba(50, 50, 50, 0.1);

}



    .test-column:hover {

        background: #646464;

        color: #fff;

    }





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

    /* transition */

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

    a,

    a:hover,

    .test-column,

    .test-column:hover {

        -o-transition: .3s;

        -ms-transition: .3s;

        -moz-transition: .3s;

        -webkit-transition: .3s;

        transition: .3s;

    }





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

/* font awesome icon */

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

.feature-box i {

    float: none;

    text-align: center;

}



i.large {

    font-size: 40px;

    padding: 16px;

    width: 72px;

    height: 72px;

    text-align: center;

}



i.medium {

    font-size: 20px;

    padding: 10px;

    width: 20px;

    height: 20px;

    text-align: center;

}



i.small {

    font-size: 12px;

    padding: 4px;

    width: 16px;

    height: 15px;

    text-align: center;

}



i.circle {

    border-radius: 75px;

    -moz-border-radius: 75px;

    -webkit-border-radius: 75px;

}



.feature-box:hover i.large{

    background: #dddddd!important;

    color: #469159;

    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

    -webkit-transform: scale(1.2);

    -moz-transition: -moz-transform 0.2s, opacity 0.2s;

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    transition: transform 0.2s, opacity 0.2s;

    transform: scale(1.2);

}



i.large {

    -o-transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    margin-bottom: 12px;

}



i.black.large {

    background: #333;

}

i.black.large:hover{

   color: #fff; 

}



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

/* parallax content */

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



.big-text {

    padding: 300px 0 300px 0;

    text-align: center;

}



#project {

    background: url(images/bg-blur-7.jpg) top no-repeat fixed;

    padding: 20px 0 20px 0;

}



.pf_info {

    background: #eee;

    border-bottom: solid 3px #ddd;

    margin-top: -10px;

    padding: 15px;

    padding-bottom: 5px;

    text-align: center;

}



    .pf_info h4 {

        font-size: 14px;

        font-weight: bold;

    }







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

/* gallery */

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

#gallery .item {

    text-align: center;

    margin-bottom: 30px;

    font-size: 12px;

}



    #gallery .item h4 {

        margin-bottom: 0;

        font-size: 14px;

    }



.pf_text {

    color: #fff;

    text-shadow: 1px 1px rgba(000, 000, 000, 0.5);

}



    .pf_text h4 {

        color: #fff;

        margin-bottom: 0;

        font-size: 14px;

        font-weight: 600;

    }

    .pf_text span span:last-child{

        display: none;

    }



.project-name {

    font-size: 14px;

    font-weight: bold;

    display: block;

}



div.overlay, span.overlay {

    text-align: center;

    display: block;

    display: none;

    width: 100px;

    background: #469159;

    position: absolute;

    background: rgb(101,206,127); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(101,206,127,1) 0%, rgba(70,145,89,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,206,127,1)), color-stop(100%,rgba(70,145,89,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(101,206,127,1) 0%,rgba(70,145,89,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65ce7f', endColorstr='#469159',GradientType=0 ); /* IE6-9 */

}



.overlay .info-area {

    display: block;

    margin-top: 10%;

}



.overlay .sb-icons {

    display: block;

    margin-top: 10%;

}





a.img-icon-url, a.img-icon-zoom {

    display: inline-block;

    width: 36px;

    height: 36px;

    background: url(images/icon-url.png) center no-repeat;

    margin: 0 auto;

    margin: 0 2px 0 2px;

}



a.img-icon-zoom {

    background: url(images/icon-zoom.png) center no-repeat;

}





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

/* flex slider */

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

.flexslider {

    width: 100%;

    background: none;

    border: none;

    box-shadow: none;

    margin: 0px;

}



.control-slider {

    position: absolute;

    top: -60px;

    right: 5px;

    display: inline-block;

}



.prev-slider, .next-slider {

    float: left;

    display: block;

    text-align: center;

    margin-top: 10px;

    cursor: pointer;

}



    .prev-slider i, .next-slider i {

        border: solid 1px #ccc;

        padding: 5px 10px 5px 10px;

    }



        .prev-slider i:hover, .next-slider i:hover {

            color: #fff;

            border: solid 1px #333;

            background: #333;

        }



.prev-slider {

    margin-right: -5px;

}



.project-carousel ul.slides, .project-carousel-3-col ul.slides {

    margin-top: 10px;

    margin-bottom: 20px;

}



.logo-carousel .flex-direction-nav,

.project-carousel .flex-control-nav,

.project-carousel .flex-direction-nav,

.project-carousel-3-col .flex-control-nav,

.project-carousel-3-col .flex-direction-nav {

    display: none;

}



.logo-carousel.no-control .flex-control-nav {

    display: none;

}



.logo-carousel li img {

    width: auto !important;

}





/* flex slider - testi slider */

.testi-slider{

    padding-bottom: 50px;

    color: #fff;

}



.testi-slider blockquote {

    border: none !important;

    margin: 0;

    padding: 20px 100px 0px 100px;

    font-size: 24px;

    font-weight: normal;

    font-family: "PT Sans";

    text-align: center;

}



.testi-slider .flex-control-nav {

    position: absolute !important;

}



.testi-slider .flex-direction-nav {

    display: none;

}

/* Control Nav */

.testi-slider .flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: 0px;

    text-align: center;

}



    .testi-slider .flex-control-nav li {

        margin: 0 6px;

        display: inline-block;

        zoom: 1;

        *display: inline;

    }



.testi-slider .flex-control-paging li a {

    background: none;

    width: 8px;

    height: 8px;

    display: block;

    border: solid 1px #fff;

    cursor: pointer;

    text-indent: -9999px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}



    .testi-slider .flex-control-paging li a:hover {

        border: solid 1px #fff;

        background: #fff;

    }



    .testi-slider .flex-control-paging li a.flex-active {

        border: solid 1px #fff;

        cursor: default;

        background: #fff;

    }





.teaser-slider h1 {

    font-size: 64px;

    font-weight: bold;

    color: #fff;

}



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

/* widget */

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

.widget {

    margin-bottom: 40px;

    clear: both;

    overflow: hidden;

}



    .widget h4 {

        padding-bottom: 10px;

        font-size: 18px;

        letter-spacing: normal;

        margin-top: 0;

    }



    .widget ul {

        list-style: none;

        margin: 0;

        padding: 0;

    }



.sidebar .widget > ul li { 

    border-bottom: solid 1px #eee;

    padding-bottom: 8px;

    margin-bottom: 8px;

}



    .sidebar .widget > ul li a {

        color: #555;

    }



.widget_recent_post li {

    padding-left: 20px;

    background: url(images/list-arrow.png) left 2px no-repeat;

    border-bottom: solid 1px #ddd;

    padding-bottom: 7px;

    margin-bottom: 5px;

}



    .widget_recent_post li a {

        color: #555;

    }



.widget .comments li {

    padding-left: 20px;

    background: url(images/list-arrow.png) left 2px no-repeat;

    border-bottom: solid 1px #eee;

    padding-bottom: 7px;

    margin-bottom: 5px;

}



.widget_tag_cloud li {

    display: inline-block;

    margin-right: 2px;

    margin-bottom: 10px;

}



    .widget_tag_cloud li a {

        text-decoration: none;

        margin-bottom: 5px;

        border-radius: 1px;

        -moz-border-radius: 1px;

        -webkit-border-radius: 1px;

        background: #469159;

        color: #fff!important;

        padding: 5px 8px 5px 8px;

    }



        .widget_tag_cloud li a:hover {

            background-color: #bbb;

        }

.wp-tag-cloud li a{

    font-size:13px!important;

}

.search-form{

  position: relative;

}

.search-form input[type=text]{

  border: 1px solid #E4DBDB;

  padding: 10px;  

  border-radius: 4px;

  width: 100%;  

  height:32px;

  font-weight: 400;

  padding-right: 36px;

  box-sizing: border-box;

}

.search-form:before{

  content: '\f002';

  font-family: FontAwesome;

  color: #F86E4E;

  position: absolute;

  top: 0;

  right: 0;

  font-size: 14px;

  width: 33px;

  height: 33px;

  line-height: 33px;

  text-align: center;

  cursor: pointer;

}

.search-form input[type=text]:focus{

    box-shadow: none;

}

.search-form .submit-search{

  width: 35px;

  height: 32px;

  background: transparent;

  position: absolute;

  top: 0;

  right: 0;

  border: none;

  text-indent: -9999px;

}



footer .widget_recent_post li {

    padding: 0 0 5px 0;

    background: none;

}



    footer .widget_recent_post li a {

    }

.widget_recent_entries ul li{

  padding: 0 0 5px 0;

  background: none;

  border-bottom: solid 1px #ddd; 

  margin-bottom: 5px;

}



.widget_archive li a{

    color: #555;

}

.widget_pages .page_item {

  padding: 0 0 5px 0;

  background: none;

  border-bottom: solid 1px #ddd;

  margin-bottom: 5px;

}

.widget_pages li a{

    color:#555;

}



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

/*  STYLES WIDGET

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

  .widget_calendar {float: none;}

  #wp-calendar {width: 100%; }

  #wp-calendar caption { 

    background: none repeat scroll 0 0 #E9E9E9;

    color: #333333;

    font-size: 16px;

    padding: 10px 0;

    text-align: center; 

  }

  #wp-calendar thead { font-size: 10px; }

  #wp-calendar thead th {

    border-color:#E9E9E9; 

    border-bottom-style: solid;

    font-size: 13px;

    padding: 8px 0;

    text-align: center;

    vertical-align: middle;

  }

  #wp-calendar tbody { color: #aaa; }

  #wp-calendar tbody td { background: #f5f5f5; border-color:#E9E9E9; border-bottom-style: solid; text-align: center; padding:8px;}

  #wp-calendar tbody td#today {background: #37c878;color: #fff;}

  #wp-calendar tbody td:hover { background: #fff; }

  #wp-calendar tbody .pad { background: none; }

  #wp-calendar tfoot {border: 1px solid #E9E9E9;}

  #wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; color: #37c878;}

  #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #37c878;}

  

  .widget select {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}

  .widget_text .textwidget img{max-width: 100%;height: auto;}

  .widget_text select, .widget_text input , .widget_text textarea  {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}

  .widget_text option {max-width: 100%;}

  .widget_archive ul li {margin-bottom: 10px;}

  .widget_nav_menu ul li, .widget_pages ul li { 

    color: #827b7d;

    line-height: 20px;

    margin-bottom: 10px;

  }

  .widget_nav_menu ul ul, .widget_pages ul ul {padding-top: 10px;}

  .widget_nav_menu ul li ul, .widget_pages ul li ul {float: none;margin-left: 40px;}

  .widget_nav_menu ul li a, .widget_pages ul li a{color: #827b7d;}

  .widget_nav_menu ul li a:hover, .widget_pages ul li a:hover {color: #f86e4e;} 

  .widget_recent_comments ul li {margin-bottom: 10px;}

  .dotted-widget.widget_recent_comments ul li span, .dotted-widget.widget_rss ul li span{

    float: none;

    width: auto;

    height: auto;

    border-radius: 100%;

    border: 0px solid #e6e6e6;

    text-align: center;

    font-size: 13px;

    line-height: 2em;

    margin-top: 0.5em;

  }

  .text-post ul, .content-page ul {padding-left: 20px;list-style: disc outside none; }

  .text-post ul li, .content-page ul li {list-style: disc outside none; }

  .text-post ol, .content-page ol {padding-left: 20px;list-style: decimal outside none; }

  .text-post ol  li, .content-page ol li {list-style: decimal outside none;}

  .magnis-widget select {width: 100%; max-width: 100%; padding: 4px;}

  .widget_nav_menu ul ul {margin-left: 25px;margin-top: 0px;}

  .widget_rss ul li {margin-bottom: 15px;}

  .widget_rss ul li a.rsswidget {display: block;}

  .rssSummary {line-height: 24px;}

  .rss-date {font-style: italic;}

  .dotted-widget select {width: 100%;padding: 5px 0px;}

  .page-content ul, .page-content ol {float: none;margin-top: 0;padding-left: 40px;}

  .page-content ul li {list-style: inherit;line-height:1.8em;}

  .page-content ol li {line-height: 28px;list-style: decimal;}

  .page-content ol ol, .page-content ul ul {margin-bottom: 0px;padding-bottom: 0px;}

  .widget_categories ul ul.children, .widget_pages ul ul.children {padding-left: 20px;}

  .widget_categories ul ul.children li:last-child, .widget_pages ul ul.children li:last-child {border-bottom: 0px solid #eee;margin-bottom: 0px;}

  .widget_categories ul ul.children li:first-child, .widget_pages ul ul.children li:first-child {border-top: 1px solid #eee;margin-top: 8px;padding-top: 8px;}



  /* Sticky post */

  .sticky .post-text.post-text-no-image {background: none repeat scroll 0 0 #ddd;padding: 20px;}

  .sticky.post-item .post-item-body .meta {margin-top: 0px !important;padding: 10px 15px;background: #ececec;}

  .sticky.post-item .post-item-body .meta p {margin-right: 20px;margin-top: 0px;}

/**** End STYLE CSS For WIDGET ****/ 



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

/* address */

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

address span {

    display: block;

}



    address span strong {

        display: inline-block;

        width: 60px;

    }

footer .textwidget p{

    margin-bottom: 0;

    line-height: 25px;

}

footer .textwidget p strong,

address strong{

    padding-right: 15px;

    display: inline-block;

    line-height: 25px;

}

address > p{

    margin-bottom: 0;

}



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

/* misc */

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

.no-bottom .span12 {

    margin-bottom: -10px;

}



#content.no-bottom {

    padding-bottom: 0;

}



#content .container {

    margin-bottom: 50px;

}



.float-left {

    float: left;

}





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

/* sliding bar / #sliding-bar */

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

#sliding-bar{

  position:absolute;

  width:100%;

  z-index:9999;

  top:0;

  color:#888;

  

}



#sliding-bar ul li{

  padding-left:0;

  border-bottom:solid 1px #555;

}



#sliding-bar .widget_recent_post a{

  color:#888;

}



#sliding-bar h1, #sliding-bar h2, #sliding-bar h3, #sliding-bar h4{

  color:#fff;

}



.sliding-content{

  display:none;

  background:RGBA(34,34,34,.95);

  padding:40px 0 40px 0;



}

.sliding-content li a{

	color: #888;

}

.sliding-content .textwidget p{

	margin-bottom: 8px;

}

.sliding-content .textwidget strong{

	padding-right: 15px;

}



.sliding-toggle{

  cursor:pointer;

  bottom:-40px;

  border-right:solid 40px RGBA(34,34,34,.95);

  border-bottom:solid 40px transparent;

  position:absolute;

  right:0;  

  height:0;

  width:0;

  z-index:999;

  

}



.sliding-toggle:after{

  font-size:12px;

  font-family:'fontawesome';

  content:'\f067';

  display:block;

  position:absolute;

  height:40px;

  left:24px;

  top:3px;

  color:#fff;

}



.sliding-toggle.open:after{

  content:'\f068';

}







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

/* social-icons */

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



.social-icons {

    display: inline-block;

    float: right;

    line-height: 31px;

}



.social-icon {

    display: block;

    height: 31px;

    width: 32px;

    margin: 5px;

    float: left;    

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    -ms-transition: all ease 0.3s;

    transition: all ease 0.3s;

}



.social-icon i{

  display: inline-block !important;

  float: none;

  margin-right: 0;

  margin-bottom: 0;  



}

.caret{

    display:none;

}



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

/* quick-search */

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

.quick-search {

    display: inline-block;

    float: right;

    margin-left: 10px;

    padding: 10px 0 0 0;

}



    .quick-search input {

        width: 120px;

        border-radius: 40px;

    }





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

/* breadcrumb */

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

.crumb {

    float: right;

    margin-top: 18px;

    font-size: 12px;

}



    .crumb li {

        display: inline;

        text-decoration: none;

        padding: 0 2px 0 2px;

    }





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

/* tabs */

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

.de_tab {

}



    .de_tab .de_nav {

        overflow: hidden;

        padding-left: 0;

        margin: 0;

        padding: 0;

        font-weight: bold;

    }



        .de_tab .de_nav li {

            float: left;

            list-style: none;

            background: #EEE;

            margin-right: 5px;

            border-bottom: 0!important;

            padding-bottom: 0px!important;

            margin-bottom: 0px!important;

        }



            .de_tab .de_nav li span {

                padding: 8px 16px 8px 16px;

                border-top: 1px solid #ddd;

                border-bottom: 1px solid #ddd;

                border-left: 1px solid #ddd;

                border-right: 1px solid #ddd;

                display: block;

                background: #eee;

                text-decoration: none;

                color: #888;

                font-size: 13px;

                cursor: pointer;

            }



            .de_tab .de_nav li:first-child span {

                border-left: 1px solid #ddd;

            }



    .de_tab .de_tab_content {

        border: 1px solid #ddd;

        padding: 15px 20px 20px 20px;

        margin-top: -1px;

        background: #FCFCFC;

        border-bottom: solid 3px #ddd;

    }



    .de_tab .de_nav li span.active {

        background: #FCFCFC;

        border-bottom: 1px solid #FCFCFC;

        color: #F86E4E;

        margin-bottom: -3px;

    }



.tab-small-post ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



    .tab-small-post ul li {

        min-height: 60px;

        margin-bottom: 15px;

        padding-bottom: 10px;

        border-bottom: solid 1px #eeeeee;

    }



        .tab-small-post ul li:last-child {

            border-bottom: none;

            margin-bottom: 0;

            padding-bottom: 0;

        }



        .tab-small-post ul li img {

            position: absolute;

        }



        .tab-small-post ul li span {

            display: block;

            padding-left: 64px;

        }



            .tab-small-post ul li span.post-date {

                font-size: 11px;

            }

            .tab-small-post ul li a{

                display: block;

                line-height: 16px;

            }

            .tab-small-post ul li a:hover{

                color: #333;

            }



.post-content-no-image, .post-date-no-image{

    padding-left: 0!important;

}















/* testimonial

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

.de_testi {

    display: block;

    margin-bottom: 10px;

}



    .de_testi blockquote {

        margin: 0;

        color: #555;

        padding: 20px 30px 30px 30px;

        border-radius: 8px;

        border: solid 1px #ddd;

        box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.2);

        background: rgb(255,255,255); /* Old browsers */

        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */

        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */

        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */

        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */

        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

    }



        .de_testi blockquote, .de_testi blockquote p {

            font-size: 14px;

            line-height: 1.6em;

            font-weight: 500;

        }



.de_testi_by {

    margin-left: 20px;

    margin-top: -10px;

}



.de_testi_pic {

    float: left;

    padding-right: 15px;

}



    .de_testi_pic img {

        width: 50px;

        height: 50px;

    }



.de_testi_company {

    padding-top: 20px;

}





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

/* team member */

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

.team {

    margin-bottom: 30px;

    text-align: center;

}



    .team h5 {

        margin-bottom: 0;

    }



.team_photo {

    margin-bottom: 10px;

}



    .team_photo img {

        width: 100%;

        height: auto;

    }



.team_desc {

    font-style: italic;

    margin-bottom: 10px;

}



.team .sb-icons {

    padding: 10px 0 0 0;

    display: block;

    text-align: center;

}



    .team .sb-icons a {

        margin-right: 5px;

        display: inline-block;

        color: #fff;

        border-radius: 50%;

        background: #000;

        text-align: center;

        width: 25px;

        height: 25px;

        line-height: 25px;

    }

    .team .sb-icons a i{

        margin: 0;

        float: none;

    }



.team .columns {

    margin-bottom: 30px;

}







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

/* R E S P O N S I V E */

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

@media (min-width: 1200px) {

    .sticky-2 #sliding-bar {display: none;}    

}

@media (max-width: 1200px) {

    .slider_text {

        padding-top: 20px;

    }

    .inspira-boxed-container {position: static;}

}



@media(min-width:992px) and (max-width: 1200px) {

    #mainmenu a{

        min-width: 90px;

    }

    .comment-form input[type=text]{

        width: 60%;

    }



}



@media (max-width:992px) {

    .comment-form input[type=text]{

        width: 100%;

    }

    .wpb_column{

        margin-bottom: 30px; 

    }

    .wpb_column:last-child{

        margin-bottom: 0;

    }

    .call-to-action-box .text{

        max-width: none;

        float: none;

    }

    .call-to-action-box .act{

        float: none;

        margin-top: 15px;

    }

    .sidebar{

    	margin-top: 40px;

    }

    div.flickr_badge_image{

        width: auto!important;

    }

}



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

  design for 768px

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

@media (max-width: 992px) {

    .slider_text {

        padding-top: 0px;

    }



    .mainmenu {

        display: none;

    }



    #mainmenu {

        display: none;

    }



    .mainmenu, #subheader span {

        display: none;

    }



    .selectnav {

        display: block;

        margin: 0 auto;

        margin-bottom: 20px;

        float: right;

        margin-top: 35px;

        font-size: 14px;

        color: #555;

        vertical-align: middle;

        min-width: 220px;

        height: 30px;

        padding: 5px;

        border-radius: 4px;

    }

    .bar-sticked .selectnav{

        margin-top: 20px;

    }

}



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

  design for 320px & 480px custom

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

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

    .pricing-box{

        width: 100%!important;

        margin: 20px 0;

        border-right: 1px solid #eee;

    }

    #gallery .item{

        width: 100%;

    }

    header .info {

        display: none;

    }

    .site-header .bar-sticked{

        height: auto;

    }

    .bar-sticked #logo{

        display: none;

    }

    .sticky-1 {

        position: relative;

        display: block;

    }



    .sticky-2 {

        margin-top: 0;

    }



    .h_info_hide {

        display: none;

    }



    .slider_text h1 {

        font-size: 32px;

    }



    .slider_text .description {

        display: none;

    }



    #mainmenu {

        display: none;

    }



    .mainmenu {

        display: none;

    }



    #logo, #logo .inner {

        display: block;

        width: 100%;

        height: auto;

        padding: 10px 0 10px 0;

        margin: 0;

        text-align: center;

    }



    .selectnav {

        display: block;

        margin: 0 auto;

        margin-bottom: 20px;

        float: right;

        width: 100%;

    }



    .container {

        padding: 0 20px 0 20px;

    }



    #domain-check .text, #domain-check .button {

        width: 100%;

    }

    .subfooter{

        text-align: center;

    }

    .subfooter ul{

        float: none;

        margin-top: 20px;

    }

    #subheader span {

        display: none;

    }



    .testi-slider blockquote {  

        padding: 20px;

    }

    #subheader h1, .crumb{

        float: none;

    }

    .one-page h1{

        font-size:32px;

    }

}



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

  design for 480px

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

@media only screen and (max-width: 600px) {

    .date-box{

        position: static;

        width: auto;

        overflow: hidden;

    }

    .date-box .day,

    .date-box .month{

        width: 60px;

        padding: 2px 0;

        font-size: 14px;

        float: left;

    }

    .post-content, .bloglist-small li .txt{

        padding-left: 0;

        padding-top: 10px;

    }

    .post-meta, .comments-box, .single-comment, .comment-respond{

        margin-left: 0;

    }

    .single-comment .children{

        margin-left: 30px;

    }

}





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

  design for 320px

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

@media only screen and (max-width: 479px) {

    .fullwidthbanner-container .btn {

        display: none;

    }

    .col-xs-6{

        width: 100%;

    }

    .de_tab .de_nav li span{padding: 7px 10px 7px 10px;}

}



.vc_parallax .vc_parallax-inner{

    background-attachment: fixed!important;

}

.one-page h2{

    margin-bottom:20px;

    margin-top: 0;

    padding-bottom: 15px;

    letter-spacing:5px;

    text-align:center;

}

.one-page .filters{

    text-align: center;

}

.picframe img{

    width: 100%;

}

.single-portfolio .wpb_wrapper h4{

    margin-top: 0;

}

a.btn{

}

.title-row{

    margin-bottom: 25px;

}

.de_tab .wpb_content_element,

.accordion_in .acc_content .wpb_content_element{

    margin-bottom: 0;  

}

.sbar .row .row{

    margin: 0;

}

.sbar .row .row .col-md-12{

    padding: 0;

}

.contacts-map img{

    max-width: none;

}

.no-padd .row{

    margin-right: 0;

}

.no-padd .col-md-12{

    padding: 0;

}

.tbox b{

    font-weight: normal;

}

.page404{

    padding: 100px 0 150px;

}

.page404 h1{

    font-size: 70px;

    padding-bottom: 30px;

}

.content_404{

    padding-bottom: 40px;

}

.accordion_in{

    border: 1px solid #e5e5e5;

    border-radius: 4px;

    margin-bottom: 2px;

    overflow: hidden;

}

.acc_head{

    padding: 8px 15px;

    cursor: pointer;

    -o-transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    transition: .3s;

}

.acc_head{

    color: #333;

}

.acc_content{

    padding: 9px 15px;

    border-top: 1px solid #e5e5e5;

}

.search-form input[type=text]:focus{

	border-color: #E4DBDB!important;

}

.owl-carousel .owl-item{

    text-align: center;

}

.owl-pagination{

    margin-top: 20px;

}

.latest-pro .owl-pagination{

    display: none;

}

.latest-pro .owl-item{

    margin: 0 -10px;

    box-sizing: border-box;

}

.latest-pro .owl-item .item-pj{

    padding: 0 20px;

}

.latest-pro.owl-carousel .owl-wrapper-outer{

    width: auto;

}

.col-item{

    padding: 0 15px;

}

.link-ser{

    color: inherit;

}

.link-ser:hover,

.link-ser:focus,

.link-ser:active{

    text-decoration: none;

    color: inherit;

}

.white-btn a{

    color: #fff!important;  

}

.white-btn a:hover{

    border-color: transparent;

}

.call-to-action h3 b{

    font-weight: normal;

}

.widget .instaFeed{

    margin-left: -2.5px;

    margin-right: -2.5px;

    overflow: hidden;

}

.instaFeed li, div.flickr_badge_image{

    width: 25%;

    float: left;

    padding: 2.5px;

    max-width: 150px;

    margin: 0;

    height: auto;

}

div.flickr_badge_image img{

    height: auto;

}

.images-preloader {

  position: fixed;

  z-index: 100001;

  background-color: #eee;

  width: 100%;

  height: 100%;

}

/*** Rectangle Bounce ***/



.rectangle-bounce {

  text-align: center;

  position: absolute;

  top: 40%;

  left: 50%;

  margin-left: -33px;

}



.rectangle-bounce div {

  height: 60px;

  width: 6px;

  margin-left: -3px;

  display: inline-block;

  

  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;

  animation: stretchdelay 1.2s infinite ease-in-out;

}



.rectangle-bounce .rect2 {

  -webkit-animation-delay: -1.1s;

  animation-delay: -1.1s;

}



.rectangle-bounce .rect3 {

  -webkit-animation-delay: -1.0s;

  animation-delay: -1.0s;

}



.rectangle-bounce .rect4 {

  -webkit-animation-delay: -0.9s;

  animation-delay: -0.9s;

}



.rectangle-bounce .rect5 {

  -webkit-animation-delay: -0.8s;

  animation-delay: -0.8s;

}



@-webkit-keyframes stretchdelay {

  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  

  20% { -webkit-transform: scaleY(1.0) }

}



@keyframes stretchdelay {

  0%, 40%, 100% { 

    transform: scaleY(0.4);

    -webkit-transform: scaleY(0.4);

  }  20% { 

    transform: scaleY(1.0);

    -webkit-transform: scaleY(1.0) 

  }

}







.prolist {

    float: left;

    width: 100%;

}



.prolist .menu li {

    float: left;

    width: 18%;

    margin-right: 2%;

}



.prolist .menu li a {

    float: left;

    width: 100%;

}



.prolist .menu li ul {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}



.prolist .menu li ul li {

    width: 100%;

    margin: 0;

    padding: 0;

}



.prolist .menu > li > a {

    color: #3C3B89;

    font-size: 20px;

    padding-bottom: 11px;

    transition: all 0.5s;

    padding-left: 0;

}



.prolist .menu li ul li a {

    color: #6D6D6D;

    padding: 3px;

    padding-left: 0;

}



.prolist {

    margin: 0;

    padding: 0;

    float: left;

    width: 100%;

}



.prolist .menu li a:hover {

    /* transition: all 0.5s; */

    padding-left: 9px;

    text-decoration: none;

}



.sidebarparent {

    background-color: #F9F9F9;

}



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

.prolist .menu li {

     width: 46%; 

     text-align: center; 

  margin-bottom: 30px;

}

}



@media only screen and (max-width: 350px) {

.prolist .menu li {

     width: 100%; 

   

}

}





#sidebar .menu {

    float: left;

    width: 100%;

}



#sidebar .menu > li {

    float: left;

    width: 100%;

    margin: 0;

    padding: 0;

    margin-bottom: 11px;

}



#sidebar .menu > li > ul {

    margin: 0;

    padding: 0;

}



#sidebar .menu > li > ul li {

    margin: 0;

    padding: 0;

    float: left;

    width: 100%;

}



#sidebar .menu > li > ul li a {

    width: 100%;

    float: left;

}



#sidebar .menu > ul > li > a {

    font-size: 20px;

}



#sidebar .menu > li > ul li a {

}



#sidebar .menu > li > a {

    font-size: 18px;

    margin-bottom: 8px;

    color: #3C3B89;

    float: left;

}



#sidebar .menu > li > ul li a {

    padding-left: 15px;

    padding-bottom: 5px;

    transition: all 0.5s;

}



#sidebar .menu > li > ul li a:hover {

    padding-left: 25px;

    color: #000;

    text-decoration: none;

}



.keynote:after {

    content: "\f10e";

    position: absolute;

    right: 10px;

    bottom: 8px;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 30px;

}