/*======================================
Theme Name: biz.
Version: 1.1
Author: Martijn Mensinga
Theme URI: http://thebebel.com/
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: threaded-comments, custom-menu, theme-options, translation-ready
Description: biz. Lawers WordPress Theme.
======================================*/


/*------------------------------------------------------------------
[Table of contents]

    0. wordpress core css

    1. init css

    2. BackGround Slider

    3. Header

    4. Navbar
        5. Navbar Sub-Menu

    6. footer    

    7. Blog Posts   

    8. single page article    

    9. Sidebar

    10. The Team

    11. Areas Of Work

    12. Portfolio Items

    13. single-portfoilo


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

@import url('./assets/css/grid.css');
@import url('./assets/css/fonts.css');
@import url('./assets/css/utilities.css');
@import url('./assets/css/comments.css');
@import url('./assets/css/sidebar.css');
@import url('./assets/css/contact.css');

/* =WordPress Core
-------------------------------------------------------------- */
    .alignnone {
        margin: 5px 20px 20px 0;
    }

    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    .alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignnone {
        margin: 5px 20px 20px 0;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }
    .sticky {
        position: relative;
    }
    .sticky:after {
        position: absolute;
        content: "Sticky";
        right: 65px;
        top: 0;
        background-color: #ff0000;
        color: #fff;
        padding: 5px 10px;
    }
    .gallery .gallery-caption {color: #888;margin: 0 0 12px;}
    .stat_bg {
        list-style: none;
    }



/*********************************************************************
    init
*********************************************************************/
    html, body {
        height: 100%;
    }
    h1 , h2 , h3 , h4 , h5 , h6{
        font-family: 'Montserrat', sans-serif;
        margin: 0;
    }


    body{
        background-color: #1f2529;
        background-position: top center;
        margin: 0;

        font-family: "Droid Serif", sans-serif;
        color: #b1b8be;
        font-size: 14px;
    }

    a,
    a:link,
    a:visited{
        text-decoration: none;
        color: #b1b8be;
        outline: none;
    }
    a:hover{
        color: #ffa902;
    }
    
    .clear {
        clear: both;
    }
    .margintwenty {
        margin-bottom: 20px;
    }

    .wrap{
        max-width: 1200px;
        margin: 0 auto;
        min-height: 100%;
        height: auto !important; /*  unless you need IE6 support */
        height: 100%;
        position: relative;
    }


/*********************************************************************
    BackGround Slider
*********************************************************************/
    #slideshow {
        position:absolute;
        z-index:-1;
    }
    #slideshow IMG {
        position:absolute;
        top:0;
        left:0;
        z-index:8;
        opacity:0.0;
        filter:alpha(opacity=00);
    }
    #slideshow IMG.active {
        z-index:10;
        opacity:1.0;
        filter:alpha(opacity=10);
    }
    #slideshow IMG.last-active {
        z-index:9;
    }
    #slideshow img {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;
        /* Set up proportionate scaling */
        width: 100%;
        height: auto;
        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
    }   
    @media screen and (max-width: 1024px){
        img.bg {
            left: 50%;
            margin-left: -512px; 
        }
    }


/*********************************************************************
    Header
*********************************************************************/
    #header {
        position: relative;
        min-height: 192px;
        margin-top: 10px;
    }


    #header .heading{
        /*position: absolute;
        left: 0; top: -35px;*/
    }


    #header .heading h1.logo{
        display: inline-block;
        margin: 0;
        outline: medium none;
        padding: 0;
    }
    #header .heading h1.logo a{
        display: block;
        width: 100%;
        height: 100%;
    }

    #header .heading h3{
        color: #dde1e4;
        font-size: 68px;
        font-weight: normal;
        line-height: 60px;
        margin-top: 15px;
        width: 305px;
    }
    #header .heading h3 span{
        color: #ffa902;
        display: block;
        font-size: 27px;
        line-height: 30px;
        margin-top: 5px;
    }
    .page-subtitle {
        display: none;
    }
    .areas-subtitle {
        line-height: 29px;
    }
    .wpml-header-select {
        position: absolute;
        right: 0;
        top: -30px;
    }



/*********************************************************************
    Navbar
*********************************************************************/
    #navbar{
        position: relative;
        margin-right: -10px;
        margin-top: 25px;
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
    }

    .navbar{
         min-height: initial; 
         margin-bottom: 0; 
         border: 0;
         font-weight: bold;
         font-size: 14px;
         color: #cccccc;
         max-width: 900px;
    }


    .navbar ul{
        margin: 0; padding: 0; list-style: none;
    }
    .navbar > ul > li{
        display: inline-block;
        margin: 0 15px;
        position: relative;
    }
    .navbar ul li a {
        outline: medium none;
    }
    .navbar > ul > li > a{
        border-color: transparent;
        color: #cccccc;
        display: block;
        font-size: 15px;
        font-weight: normal;
        padding-bottom: 5px;
        text-decoration: none;
        transition: all .2s ease-in-out;
    }
    .navbar > ul > li > a i{
        margin-left: 5px;
    }

    /* active link and link hover */
    .navbar > ul > li:hover > a{
        color: #fff;
    }
    .navbar > ul.noliactive > li:hover > a{
        border-bottom: 2px solid #ffa902;
    }
    .navbar > ul > li.current-menu-item > a, 
    .navbar > ul > li.current-menu-parent > a {
        /*border-bottom: 2px solid #ffa902;*/
        color: #fff;
    }
    .navbar > ul.noliactive > li.has_submenu:hover > a{
        border-bottom: none;
    }


/*********************************************************************
    Navbar Sub-Menu
*********************************************************************/
    .navbar li > ul.sub-menu{
        margin: 20px 0 0 0;
        _margin: 0; /* IE6 only */
        opacity: 0;
        visibility: hidden;
        transition: all .2s ease-in-out;

        /*border: 1px solid rgba(0,0,0,0.15);*/

        position: absolute;
        min-width: 170px;
        background-color: #fff;
        background-position: right bottom;
        background-repeat: no-repeat;
        left: 0; 
        z-index: 9999999;
        padding-top: 5px;

        padding-bottom: 3px;

        font-family: arial;
        font-weight: normal;
        font-size: 13px;
    }
    .navbar li:last-child > ul.sub-menu{
        right: 0; left: auto;
    }

    /* sub-menu links */
    .navbar ul.sub-menu li{
        padding: 0 5px;
    }
    .navbar ul.sub-menu li a{
        display: block;
        padding: 0 10px;
        line-height: 20px;
        color: #444444;
        padding-top: 8px;
        padding-bottom: 8px;
        padding: 8px 10px;
        border-bottom: 1px solid #fafafa;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }
    .navbar ul.sub-menu li a:hover{
        color: #ffa902;
    }
    .navbar ul.sub-menu li:last-child > a{
        border-bottom: none;
    }
    /* 

    .navbar ul.sub-menu li > a:hover{
        background: #2c3337;
        color: #ffa902;
    }
     */

    .navbar #pull {
        display: none;
    }
    .navbar ul li.mega-menu-yes > .sub-menu {
        width: 450px;
    }
    .navbar ul li.mega-menu-yes > .sub-menu:after {
        left: 47%;
    }
    .navbar ul li.mega-menu-yes > .sub-menu:before {
        left: 47%;
    }
    .navbar ul li.mega-menu-yes > .sub-menu > li {
        float: left;
        margin: 0 5%;
        padding: 0;
        width: 23%;
    }
    .navbar ul li.mega-menu-yes > .sub-menu > li > a {
        border-bottom: medium none;
        color: #ffa902;
        padding: 15px 0 0;
        text-align: left;
        cursor: default;
    }
    .navbar ul li.mega-menu-yes > .sub-menu > li > a:hover {
        color: #ffa902;
        text-decoration: none;
    }
    .navbar ul li.mega-menu-yes .sub-menu > li ul {
        background: none;
        display: block;
        margin: 0 !important;
        min-width: 100%;
        opacity: 0;
        position: relative;
        visibility: hidden;
    }
    .navbar ul li.mega-menu-yes:hover .sub-menu > li ul {
        box-shadow: none;
        margin: 0;
        opacity: 1;
        visibility: visible;
    }
    .navbar ul li.mega-menu-yes .sub-menu > li ul:after {
        display: none;
    }
    .navbar ul li.mega-menu-yes .sub-menu > li ul:before {
        display: none;
    }
    .navbar ul li.mega-menu-yes .sub-menu > li ul li.firstsub {
        display: none;
    }
    .navbar ul li.mega-menu-yes .sub-menu > li ul li.arrow-up {
        display: none;
    }
    .navbar ul li.mega-menu-yes .sub-menu > li ul li {
        padding: 0;
    }
    .navbar ul li.mega-menu-yes .sub-menu > li ul li a {
        padding: 10px 0;
        text-align: left;
    }


/*********************************************************************
    Trigger Sub-Menu
*********************************************************************/
    .navbar li:hover > ul.sub-menu{
        opacity: 1;
        visibility: visible;
        margin: 0;
        margin-top: 7px;
        box-shadow: 0px 3px 10px #585454;
    }


/*********************************************************************
    add arrow to the dropdown menu
*********************************************************************/

    .navbar li:last-child > ul.sub-menu:before{
        right: 5%;
        left: auto;
    }
    .navbar li:last-child > ul.sub-menu:after{
        right: 5.1%;
        left: auto;
    }
    .sub-menu:before {
        position: absolute;
        top: -7px;
        left: 40%;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .sub-menu:after {
        position: absolute;
        top: -9px;
        left: 42%;
        display: inline-block;
        border-right: 12px solid transparent;
        border-bottom: 15px solid #ffffff;
        border-left: 12px solid transparent;
        content: '';
    }


/*********************************************************************
    Menu Moving Border
*********************************************************************/
    .menuborder{
        transition: all .5s ease-in-out;
        position: absolute; 
        bottom: 0; 
        height: 2px;
        background-color: #FFA902;
        width: 50px;
    }


/*********************************************************************
    footer
*********************************************************************/
    #footer{
        background: none repeat scroll 0 0 #48555e;
        border-radius: 4px;
        height: 40px;
        padding: 10px;
        right: 0;
        position: relative;
        margin-top: -90px;
        width: 100%;
    }
    #footer p.copy-right{
        color: #b1b8be;
        display: inline-block;
        float: right;
        font-size: 13px;
        font-weight: normal;
        margin: 2px 0 0;
    }

    ul.f-social{
        display: inline-block;
        float: right;
        margin: 1px 20px 0 0;
    }
    ul.f-social.sleft{
        float: left;
        margin: 1px 0 0 0;
    }
    ul.f-social li{
        border-left: 1px solid #8f979d;
        line-height: 17px;
        margin-left: 10px;
        padding: 0 0 0 15px;
    }
    ul.f-social li:first-child{
        border-left: 0 solid #8f979d;
        margin-left: 0;
        padding: 0;
    }
    ul.f-social li a{
        color: #fff;
        display: inline-block;
        font-size: 19px;
        font-weight: bold;
        text-align: center;
        transition: all 0.2s ease-in-out 0s;
    }
    ul.f-social li a:hover{
        color: #ffa902;
    }
    ul.f-social li a i{
        vertical-align: middle;
    }

    .qsearchwrap{
        float: left;
        position: relative;
        margin-top: -10px;
        margin-left: -10px;
    }
    .quicksearch{
        position: absolute;
        top: 0; left: 0; bottom: 0;
        width: 200px;
        height: 40px;
    }
    .quicksearch button{
        border: 0;
        background: #ffa902;
        text-align: center;
        color: #fff;
        height: 40px;
        width: 40px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .quicksearch .text-input{
        width: 0px;
        background: transparent;
        border: 0;
        height: 40px;
        padding: 10px;
        font-weight: normal;
        font-size: 13px;
        color: #fff;
        display: none;
    }

    .quicksearch .text-input:focus,
    .quicksearch button:focus{
        outline: 0;
    }
/*********************************************************************
    Main Content
*********************************************************************/
#main{
    margin-bottom: 150px;
}



/*********************************************************************
    Blog Posts List
*********************************************************************/
#bloglist{
    margin-left: auto;
    margin-right: auto;
}

/*********************************************************************
    Blog  List Article
*********************************************************************/
    article.post{
        margin: 0 0 20px;
        padding-top: 0;
    }
    #bloglist article.post{
        margin: 0 65px 75px;
    }
    article.post-part .post-content-inner{
        padding-bottom: 30px;
        border-bottom: 1px solid #48555e;
    }
    
    article.post .thumb + .post-content{
        margin-left: 222px;
    }
    article.centered-img .thumb + .post-content{
        margin-left: 0;
    }
    /* article thumb*/



    article.post .thumb{
        float: left;
        height: 202px;
        margin-top: -20px;
        position: relative;
        transition: all 0.5s ease-out 0s;
        width: 202px;
    }
    article.post .oval {
        margin-top: -50px;
        height: 234px;
        width: 202px;
        /*margin-bottom: 30px;*/
    }
    article.post .thumb img{
        width: auto;
        height: auto;
        border-radius: 50%;
    }
    article.post .oval img{
        border-radius: 0;
        max-width: 100%;
    }

    article.post .thumb span.shadow {
        background-color: transparent;
        border-radius: 75% 75% 75% 75%;
        box-shadow: 1px 37px 15px 6px #1d2124;
        position: absolute;
        z-index: -1;
        transition: all 0.5s ease 0s;

        bottom: -28px;
        left: 20%;
        height: 8%;
        top: 83%;
        width: 60%;
    }

    /* thumb hover */
    article.post:hover .thumb{
        margin-top: -40px;
        margin-bottom: 20px;
    }
    article.post:hover .thumb span.shadow{
        left: 25%;
        top: 95%;
        width: 50%;
    }
    article.post:hover .oval{
        margin-top: -70px;
        margin-bottom: 20px;
    }
    article.post .thumb-hover {
        background-position: center top;
        border-radius: 50%;
        left: 0;
        position: absolute;
        top: 0;
        transition: all 0.4s ease 0s;
    }
    article.post .thumb-hover a {
        display: block;
        width: 202px;
        height: 202px;
    }
    article.post:hover .thumb-hover {
        background-color: rgba(0,0,0,0.7);
        background-position: center center;
        background-repeat: no-repeat;
    }
    article.post:hover .thumb-photo {
        background-image: url("images/photo.png");
    }
    article.post:hover .thumb-video {
        background-image: url("images/video.png");
    }
    article.post:hover .thumb-audio {
        background-image: url("images/audio.png");
    }


    /* article title */
    article.post h1.post-title{
        margin: 0;
        font-size: 23px;
        text-transform: capitalize;
        margin-bottom: 15px;
        color: #fff;
        display: none;
    }
    article.post h1.post-title a{
        color: #fff;
        transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    article.post h1.post-title a:hover{
        color: #ffa902;
    }


    /* article summary */

    article.post .entry-summary{
        font-size: 14px;
        line-height: 20px;
        color: #aab1b7;
    }
    article.post .entry-content{
        font-size: 14px;
        line-height: 26px;
        color: #aab1b7;
    }
    article.post .entry-content img{
        max-width: 100%;
        height: auto;
    }

    article.post .post-content a.readmore{
        color: #ffa902;
    }
    article.post .post-content a.readmore:hover{
        color: #fff;
    }




    article.post .entry-content h1,
    article.post .entry-content h2,
    article.post .entry-content h3,
    article.post .entry-content h4,
    article.post .entry-content h5,
    article.post .entry-content h6,
    article.post .entry-content blockquote{
        color: #ffa902;
    }

    article.post .entry-content h1,
    article.post .entry-content h2,
    article.post .entry-content h3,
    article.post .entry-content h4,
    article.post .entry-content h5,
    article.post .entry-content h6{
        margin-top: 10px;
        margin-bottom: 10px;
    }

/*********************************************************************
                            Other
*********************************************************************/
.inner-container{
    position: relative;
    z-index: 100;
}


/*********************************************************************
    single page article (thumbnail on left + full width)
*********************************************************************/
    #single-page{
        margin-top: -40px;
    }

    article.single-page{
        margin-bottom: 40px;
    }


    /* post thumb */
    article.post .single-thumb-left {
        position: relative;
        float: left;
        margin-top: 0;
    }
    article.post .single-thumb-left img {
       /* width: auto;
        height: auto;
        border-radius: 50%;*/
        display: none;
    }
    article.post .single-oval {
    }
    article.post .single-oval img {
        border-radius: 0;
        max-width: 100%;
        height: auto;
    }
    article.post .single-thumb-left span.shadow {
        background-color: transparent;
        border-radius: 75% 75% 75% 75%;
        box-shadow: 1px 37px 15px 6px #1d2124;
        position: absolute;
        z-index: -1;

        bottom: -28px;
        left: 18%;
        height: 8%;
        top: 83%;
        width: 60%;

        transition: all 0.5s ease 0s;
    }

    article.single-page .entry-content{
        margin-bottom: 40px;
    }


    /* post footer */
    .post-footer{
        color: #dde1e4;
        border-top: 1px solid #969b9f;
        border-bottom: 1px solid #969b9f;
        padding: 10px 0;
    }
    .post-footer .tax-list{
        margin: 0; padding: 0; list-style: none;
    }
    .post-footer .tax-list li{
        display: inline-block;
        padding-right: 10px;
    }
    .post-footer .tax-list li a{
        color: #b1b8be;
        text-transform: capitalize;
        font-size: 13px;
        transition: all 0.5s ease 0s;
    }
    .post-footer .tax-list li a:hover{
        color: #ffa902;
    }


    /* 
    article with thumb on left*/

    #post-wide article.post{}

    #post-wide article.post .thumb-wide{
        margin-bottom: 20px;
    }
    #post-wide article.post .thumb-wide img{
        width: 100%;
        height: auto;
    }
    #post-wide #comments-area{
        padding-left: 0;
    }

/*********************************************************************
    Sidebar
*********************************************************************/

.sidebar{
    border-radius: 5px;
    min-height: 700px;
}


/*********************************************************************
    The Team
*********************************************************************/
    #team-list{
        margin-top: -10px;
        margin-bottom: 10px;
    }

    .teamitem{
        padding: 0 20px;
        padding-top: 52px;
    }
    .team-oval {
        padding-top: 20px;
    }

    /* hover */
    .teamitem:hover .thumb{
        /*transform: scale(1.1);*/
        margin-top: -20px;
        margin-bottom: 75px;
    }

    .teamitem:hover .thumb span.shadow{
        bottom: -28px;
        left: 28%;
        height: 8%;
        top: 100%;
        width: 42%;
    }
    /* thumb */
    .teamitem .thumb{
        position: relative;
        margin-right: auto; margin-left: auto;

        margin-bottom: 55px;
        text-align: center;
        transition: all 0.5s ;
    }
    .teamitem .thumb .img-wrap{
        border-radius: 50%;
        width: 202px;
        height: 202px;
        margin: 0 auto;
        overflow: hidden;
    }
    .team-oval .thumb .img-wrap{
        border-radius: 0;
        width: 202px;
        height: 234px;
    }

    .teamitem .thumb img{
        width: 100%;
        height: 100%;
    }

    .teamitem .thumb span.shadow {
        background-color: transparent;
        border-radius: 75% 75% 75% 75%;
        box-shadow: 1px 37px 15px 6px #1d2124;
        position: absolute;
        z-index: -1;
        transition: all 0.5s ease 0s;

        bottom: -28px;
        left: 20%;
        height: 8%;
        top: 83%;
        width: 60%;
    }

    /* meta */

    .teamitem .meta{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .teamitem .meta .title{
        margin: 0;
        float: left;
        font-size: 19px;
        color: #dde1e4;
    }
    .teamitem .meta .social{
        margin: 0; padding: 0; list-style: none;
        float: right;
        color: #dde1e4;
    }
    .teamitem .meta .social li{
        display: inline-block;
        vertical-align: middle;
    }
    .teamitem .meta .social li a{
        transition: all 0.5s ease 0s;
        color: #dde1e4;
        display: block;
        width: 20px;
        height: 20px;
        text-align: center;
    }
    .teamitem .meta .social li a:hover{
        color: #ffa902;
    }
    .teamitem .entry-text{
        color: #9ca2a8;
        font-size: 14px;
        line-height: 21px;
    }
    .teamitem .entry-text p{}
    .teamitem a.readmore{
        color: #ffa902;
        font-size: 13px;
        font-weight: bold;
        text-transform: capitalize;
    }
    .teamitem a.readmore:hover{
        color: #fff;
    }

    /* team carousal navigation */

    .team-carousal  .caro-nav{
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }
    .team-carousal .caro-nav a{
        background: url('assets/images/carousal-navigation.png') no-repeat;
        display: block;
        width: 27px;
        height: 27px;
        text-indent: -9999px;
        overflow: hidden;
        float: right;
        outline: none;
        transition: all 0.5s ease 0s;
    }
    .team-carousal .caro-nav a#next{
        background-position: 0 0;
    }
    .team-carousal .caro-nav a#prev{
        background-position: 0 -28px;
        margin-right: 5px;
    }
    .team-carousal .caro-nav a:hover{
        opacity: 0.7;
    }

/*********************************************************************
    Areas Of Work
*********************************************************************/
    .area-carousal {
        margin-top: 30px;
    }
    .area-item{
        padding: 0 20px;
        position: relative;
    }


    /* thumb */
    .area-item .thumb{
        padding-top: 60px;
        width: 100%;
        position: relative;
        margin-bottom: 70px;
        text-align: center;
        transition: all 0.5s ease 0s;
    }
    .area-oval .thumb {
        padding-top: 15px;
    }
    .area-item .thumb img{
        width: 280px;
        height: 280px;
        border-radius: 50%;
    }
    .area-oval .thumb img{
        width: 280px;
        height: 325px;
        border-radius: 0;
    }
    /* thumb shadow */

    .area-item .thumb span.shadow {
        background-color: transparent;
        border-radius: 75% 75% 75% 75%;
        box-shadow: 1px 37px 15px 6px #1d2124;
        position: absolute;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }
    .area-item .thumb span.shadow {
        bottom: -28px;
        left: 20%;
        height: 8%;
        top: 83%;
        width: 60%;
    }

    .area-item:hover .thumb {
        margin-top: -20px;
    }
    .area-item:hover .thumb span.shadow {
        top: 95%;
        width: 50%;
        left: 25%;
    }



    /* Areas Of Work carousal navigation */

    .area-carousal  .caro-nav{
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }
    .area-carousal .caro-nav a{
        background: url('assets/images/carousal-navigation.png') no-repeat;
        display: block;
        width: 27px;
        height: 27px;
        text-indent: -9999px;
        overflow: hidden;
        float: right;
        outline: none;
        transition: all 0.5s ease 0s;
    }
    .area-carousal .caro-nav a#next{
        background-position: 0 0;
    }
    .area-carousal .caro-nav a#prev{
        background-position: 0 -28px;
        margin-right: 5px;
    }
    .area-carousal .caro-nav a:hover{
        opacity: 0.7;
    }


/*********************************************************************
    Portfolio Items
*********************************************************************/
    .portfoilo-grid{
    }
    .portfoilo-grid:after{
        content: " ";
        clear: both;
        display: block;
        zoom:1;
    }
    ul.filterable-grid{
        margin: 0; padding: 0; list-style: none;
    }
    li.pitem{
        width: 25%;
        float: left;
        margin-bottom: 50px;
    }
    .pitem .item-inner{
        padding: 0 15px;
    }


    /* .pitem:hover .thumb{
      -webkit-transform: scale(1.1);  Chrome, Opera 15+, Safari 3.1+
          -ms-transform: scale(1.1);  IE 9
              transform: scale(1.1);  Firefox 16+, IE 10+, Opera
    } */


    /* hover */

    /* hover */
    .pitem:hover .thumb{
        /*transform: scale(1.1);*/
        margin-top: -20px;
        margin-bottom: 60px;
    }

    .pitem:hover .thumb span.shadow{
        bottom: -28px;
        left: 28%;
        height: 8%;
        top: 95%;
        width: 42%;
    }

    /* thumb */

    .pitem .thumb{
        height: 210px;
        margin: 0 auto 40px;
        position: relative;
        text-align: center;
        transition: all 0.5s ease 0s;
        width: 210px;
    }
    .pitem .thumb img{
        width: 210px;
        height: 210px;
        position: relative;
        border-radius: 50%;
    }
    .pitem .thumb a {
        height: 210px;
        width: 210px;
        display: block;
    }
    .pitem .thumb-hover {
        left: 0;
        position: absolute;
        top: 0;
        background-position: center top;
        border-radius: 50%;
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s; /* Safari */
    }
    .pitem:hover .thumb-hover {
        background-color: rgba(0,0,0,0.7);
        background-position: center center;
        background-repeat: no-repeat;
    }
    .pitem:hover .thumb-photo {
        background-image: url("images/photo.png");
    }
    .pitem:hover .thumb-video {
        background-image: url("images/video.png");
    }
    .pitem:hover .thumb-audio {
        background-image: url("images/audio.png");
    }
    .pitem .thumb span.shadow {
        background-color: transparent;
        border-radius: 75% 75% 75% 75%;
        box-shadow: 1px 37px 15px 6px #1d2124;
        position: absolute;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }
    .pitem .thumb span.shadow {
        bottom: -28px;
        left: 20%;
        height: 8%;
        top: 83%;
        width: 60%;
    }


    .pitem .meta{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .pitem .meta .title{
        margin: 0;
        font-size: 19px;
        text-align: center;
    }
    .pitem .meta .title a{
        color: #dde1e4;
    }
    .pitem .meta .title a:hover{
        color: #ffa902;
    }
    .pitem .entry-text{
        color: #9ca2a8;
        font-size: 14px;
        line-height: 22px;
    }
    .pitem .entry-text p{}
    .pitem div.mmore{
        text-align: center;
    }
    .pitem a.readmore{
        color: #ffa902;
        font-size: 13px;
        font-weight: bold;
    }
    .pitem a.readmore:hover{
        color: #fff;
    }



    .pfilter .filter{
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        margin: 0; padding: 0; list-style: none;
    }

    .pfilter .filter{
        margin-bottom: 30px;
    }
    .pfilter .filter li{
        display: inline-block;
        margin-right: 10px;
    }
    .pfilter .filter li a{
        display: block;
        padding: 4px 10px;
        outline: none;
        border-radius: 10px;
        color: #fff;
        transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

    }
    .pfilter .filter li.active a, 
    .pfilter .filter li a:hover{
        background: #ffa902;
    }


    .bjqs-markers {
        display: none;
    }
    .bjqs-caption {
        display: none !important;
    }
    .bjqs-controls {
        position: absolute;
        top: 0;
        right: 0;
    }
    .bjqs-controls li.bjqs-next {
        float: right;
    }
    .bjqs-controls li.bjqs-prev {
        float: right;
        margin-right: 63px;
    }
    .bjqs-controls li a {
        background-color: #000000;
        background-position: center center;
        background-repeat: no-repeat;
        height: 30px;
        text-indent: -2000px;
        width: 30px;
        right: 0 !important;
        top: 0 !important;
        transition: all 0.4s ease 0s;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
    }
    .bjqs-controls li a:hover {
        background-color: #303030;
    }
    .bjqs-next a {
        background-image: url("images/next.png");
    }
    .bjqs-prev a {
        background-image: url("images/prev.png");
    }

/*********************************************************************
    single-portfoilo
*********************************************************************/
    article.single-portfoilo{}
    article.single-portfoilo .thumb{
        float: none; padding: 0;
        text-align: center;
        width: 100%;
        height: auto;
        margin: 0 0 20px !important;
    }
    article.single-portfoilo .thumb img{
        width: auto;
        height: auto;
    }
    article.post.single-portfoilo h1.post-title {
        text-align: center;
        margin-top: 45px;
        margin-bottom: 20px;
    }



/*********************************************************************
    
*********************************************************************/
    .widg-fo {
        background-color: #FFFFFF;
        height: 258px;
        overflow: hidden;
        width: 100%;
    }
    #___plus_0 {
        overflow: hidden;
        width: 100% !important;
    }
    .cboxIframe {
        border: 0 none;
        display: block;
        height: 100%;
        width: 100%;
    }
    .error_wordss {
        background: url("images/error.png") no-repeat scroll 2px center transparent;
        clear: both;
        color: #FF0000;
        display: block;
        font: 13px/25px tahoma;
        height: 26px;
        margin: -5px 0 10px 89px;
        padding: 1px 0 0 25px;
    }
    .error_wordss {
        margin: -5px 0 10px -3px;
    }
    .after_send {
        background-image: url("images/done.png");
        background-position: 0 3px;
        background-repeat: no-repeat;
        color: #61a214;
        float: left;
        font-size: 14px;
        margin-top: -1px;
        padding-left: 23px;
        width: 315px;
    }
    .contload {
        margin-top: -2px;
    }
    .contload span {
        display: block;
        float: left;
        font-family: Tahoma;
        font-size: 15px;
        margin-left: 20px;
        margin-top: -2px;
    }
    .displaynone {
        display: none;
    }
    .talcenyter {
        text-align: center;
    }