/* CSS Document */

body {
    
    height: 100%;
    font: 13px Open Sans, Arial, Helvetica, sans-serif;
    color: #555;
    background: #fff;
    line-height: 20px;
	width:100%; margin:0px auto;
}

div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {
    margin: 0;
    padding: 0;
}

header, section, footer, aside, nav, article, figure, figcaption {
    display: block;
}

table {
    border-collapse: collapse;
}

img {
    border: none;
}

ul, li {
    list-style: none;
}

a, a:active, a:visited {
    text-decoration: none;
    color: #555;
}

    a:hover {
        text-decoration: underline;
        color: #3fa3c9;
    }

input:focus, textarea:focus {
    outline: none;
}

/*  All  */
.content_block:after, .footer footer:after, .wraper:after, .features3_block:after, .most_popular:after, .features4_block:after, .flyout_area dd:after, .accordions dd:after, .intro_text:after, .features6_block ul:after, .why_choose_explore:after, .intro_text .intro_slider li:after, .process ul:after, .team_option ul:after, .services_option:after, .tab_select:after, .c_after:after, .blog_entries .post_medium:after, .leave_comment:after, .controls:after, .pricing_option:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}


.content_block {
	width:100%;
	margin:0px auto;
    margin-bottom: 20px;
}

    .content_block h4 {
        font-size: 17px;
        color: #555;
    }

        .content_block h4.bord {
            margin: 0 0 25px 0;
            padding: 10px 0;
            border-bottom: 1px solid #e7e6e6;
        }
/* blog entries */
.blog_entries {
    float: left;
    width: 800px;
    padding: 10px 50px 0px 0;
}

    .blog_entries .post {
        border-bottom: 1px solid #e7e6e6;
        padding-bottom: 18px;
        margin-bottom: 18px;
    }

        .blog_entries .post:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }

        .blog_entries .post .metadata {
            font-size: 12px;
            position: relative;
        }

            .blog_entries .post .metadata .dots {
                display: block;
                font-size: 16px;
                color: #acacac;
                padding-bottom: 3px;
            }

            .blog_entries .post .metadata .read_more {
                position: absolute;
                top: 20px;
                right: 0;
                font-style: normal;
            }

        .blog_entries .post .img_wrap {
            font-size: 0;
            line-height: 0;
            width: 640px;
            min-height: 265px;
            border: 5px solid #f6f3f3;
            margin-bottom: 30px;
            position: relative;
        }

            .blog_entries .post .img_wrap .date {
                position: absolute;
                top: 18px;
                left: 0;
                color: #fff;
                font-size: 11px;
                line-height: 14px;
                background: #e67813;
                padding: 3px 10px;
                z-index: 100;
            }

            .blog_entries .post .img_wrap .post_slider li {
                width: 640px;
                overflow: hidden;
            }

        .blog_entries .post .post_slider li span {
            display: block;
            text-align: right;
        }

        .blog_entries .post .bx-prev, .blog_entries .post .bx-next {
            display: block;
            float: left;
            width: 20px;
            height: 20px;
            position: absolute;
            left: -1px;
            top: 130px;
            font-size: 0;
            line-height: 0;
            background: url(../images/bg_direction_nav.png) 0 0 no-repeat;
            cursor: pointer;
        }

        .blog_entries .post .bx-next {
            background-position: 100% 0;
            left: auto;
            right: -1px;
        }

            .blog_entries .post .bx-next:hover {
                background-position: 100% -20px;
            }

        .blog_entries .post .bx-prev:hover {
            background-position: 0 -20px;
        }

        .blog_entries .post h4 {
            padding-bottom: 8px;
        }

            .blog_entries .post h4 a {
                color: #424242;
            }
    /* post_medium */
    .blog_entries .post_medium .img_wrap {
        float: left;
        width: 327px;
        height: 211px;
        min-height: 10px;
        margin: 0 28px 0 0;
    }

    .blog_entries .post_medium .desc {
        float: right;
        width: 430px;
        height: 221px;
        position: relative;
    }

        .blog_entries .post_medium .desc div {
            max-height: 188px;
            overflow: hidden;
        }

        .blog_entries .post_medium .desc p {
            height: 140px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .blog_entries .post_medium .metadata {
        padding-right: 125px;
    }

        .blog_entries .post_medium .metadata .read_more {
            top: 45px;
        }

    .blog_entries .btn_col {
        display: block;
        float: left;
        margin-right: 10px;
    }
/* blog entries full */
.blog_entries_full {
    width: 1200px;
    padding: 10px 0 0 0;
}

    .blog_entries_full .post .img_wrap {
        width: 950px;
    }
    /* blog entries full post_medium */
    .blog_entries_full .post_medium .img_wrap {
        width: 493px;
    }

    .blog_entries_full .post_medium .desc {
        float: right;
        width: 405px;
    }

    .blog_entries_full .post_medium .metadata .read_more {
        top: 35px;
    }
/* post full */
.blog_entries .post_full {
    border-bottom: none;
}
    /*.blog_entries .post_full .desc p {padding-bottom:24px;}*/
    .blog_entries .post_full .desc blockquote {
        color: #3fa3c9;
        padding-bottom: 24px;
        font-style: italic;
    }

    .blog_entries .post_full .desc ul {
        margin: 0 0 22px 0;
    }

        .blog_entries .post_full .desc ul li {
            font-weight: bold;
            margin: 0 0 0 38px;
            padding: 3px 0 3px 36px;
            background: url(../images/dot.png) 0 9px no-repeat;
        }

    .blog_entries .post_full .desc .metadata .icons {
        position: absolute;
        top: 20px;
        right: 0;
    }

        .blog_entries .post_full .desc .metadata .icons strong {
            padding: 0 0 0 15px;
        }

            .blog_entries .post_full .desc .metadata .icons strong:after {
                content: '';
                background: url(../images/sprite.png) 8px -566px no-repeat;
                padding: 0 17px 0 8px;
            }

            .blog_entries .post_full .desc .metadata .icons strong:nth-child(2):after {
                background-position: 8px -596px;
            }

.blog_entries h4 {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog_entries .blog_content {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
}

    .blog_entries .blog_content a {
        color: #3fa3c9;
    }

/* share_story */
.share_story {
    clear: both;
    margin-bottom: 40px;
    background: #f6f3f3;
    border-bottom: 1px solid #c8c6c6;
    min-height: 90px;
    position: relative;
}

    .share_story h4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 224px;
        height: 57px;
        background: url(../images/share_bg.png) no-repeat;
        padding: 33px 0 0 44px;
    }

    .share_story ul {
        position: absolute;
        top: 28px;
        left: 290px;
    }

        .share_story ul li {
            float: left;
            padding-right: 10px;
            text-indent: -999em;
            width: 36px;
        }

            .share_story ul li a {
                display: block;
                float: left;
                background: url(../images/share_icons.png) 0 0 no-repeat;
                width: 36px;
                height: 36px;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                behavior: url(/pie.htc);
            }

                .share_story ul li a:hover {
                    background-position: 0 -46px;
                    background-color: #5eafcd;
                }

                .share_story ul li a.facebook {
                    background-position: 0 0;
                }

                    .share_story ul li a.facebook:hover {
                        background-position: 0 -46px;
                    }

                .share_story ul li a.tweeter {
                    background-position: -48px 0;
                }

                    .share_story ul li a.tweeter:hover {
                        background-position: -48px -46px;
                    }

                .share_story ul li a.in {
                    background-position: -97px 0;
                }

                    .share_story ul li a.in:hover {
                        background-position: -97px -46px;
                    }

                .share_story ul li a.baby {
                    background-position: -145px 0;
                }

                    .share_story ul li a.baby:hover {
                        background-position: -145px -46px;
                    }

                .share_story ul li a.rss {
                    background-position: -193px 0;
                }

                    .share_story ul li a.rss:hover {
                        background-position: -193px -46px;
                    }

                .share_story ul li a.google {
                    background-position: -240px 0;
                }

                    .share_story ul li a.google:hover {
                        background-position: -240px -46px;
                    }

                .share_story ul li a.www {
                    background-position: -290px 0;
                }

                    .share_story ul li a.www:hover {
                        background-position: -290px -46px;
                    }
/* Comments */
.comments h4, .leave_comment h4 {
    border-bottom: 1px solid #eceaea;
    padding: 10px 0 25px 60px;
    margin-bottom: 20px;
    position: relative;
}

    .comments h4:before, .leave_comment h4:before {
        content: '';
        display: block;
        width: 41px;
        height: 31px;
        background: #57a6c4 url(../images/sprite.png) 0 -619px no-repeat;
        position: absolute;
        top: 5px;
        left: 0;
    }

.comments .add_comment {
    float: right;
    margin-top: -80px;
}

    .comments .add_comment a {
        position: relative;
        z-index: 2;
    }

.comments ul li {
    border-bottom: 1px solid #eceaea;
    padding-bottom: 12px;
    margin-bottom: 25px;
}

    .comments ul li:last-child {
        border-bottom: none;
    }

    .comments ul li .info {
        padding-bottom: 14px;
    }

        .comments ul li .info img {
            vertical-align: bottom;
            margin-right: 6px;
        }

        .comments ul li .info strong, .comments ul li .info i, .comments ul li .info a {
            margin: 0 6px;
        }

        .comments ul li .info i {
            color: #3fa3c9;
            font-size: 11px;
        }

        .comments ul li .info a {
            color: #626363;
            font-size: 12px;
        }

    .comments ul li p {
        padding-bottom: 14px;
    }

    .comments ul li ul {
        border-top: 1px solid #eceaea;
        margin: 12px 0 -37px 106px;
        padding-top: 25px;
    }
/* Leave a Comment */
.leave_comment {
    padding: 20px 0;
}

    .leave_comment form p {
        font-size: 11px;
        color: #bbbaba;
        float: left;
        margin: 10px 20px 10px 0;
    }

        .leave_comment form p:nth-child(3) {
            margin-right: 0;
        }

        .leave_comment form p label {
            font-size: 13px;
            color: #525252;
            padding-right: 8px;
        }

        .leave_comment form p input {
            border: 1px solid #e0e0e0;
            margin-top: 8px;
            width: 180px;
            font-size: 13px;
            color: #626363;
            padding: 5px 10px;
        }

        .leave_comment form p textarea {
            border: 1px solid #e0e0e0;
            margin-top: 8px;
            width: 625px;
            font-size: 13px;
            color: #626363;
            padding: 5px 10px;
            height: 150px;
        }

        .leave_comment form p input[type="submit"] {
            cursor: pointer;
            font-weight: bold;
            color: #3fa3c9;
            width: 113px;
            height: 42px;
            padding: 0;
            border: none;
        }

        .leave_comment form p:last-child {
            float: right;
            margin-right: 3px;
        }
/* sidebar */
.sidebar {
    float: right;
    width: 250px;
}
/* most popular */
.most_popular {
    margin-bottom: 15px;
}

    .most_popular ul li {
        clear: both;
        float: left;
        padding: 5px 0 5px 5px;
    }

        .most_popular ul li .bwWrapper {
            font-size: 0;
            line-height: 0;
            border: 1px solid #f6f3f3;
            float: left;
            margin: 0 14px 5px 0;
        }

            .most_popular ul li .bwWrapper a {
                display: table-cell;
                width: 60px;
                height: 60px;
                text-align: center;
                vertical-align: middle;
            }

                .most_popular ul li .bwWrapper a img {
                    max-width: 60px;
                    max-height: 60px;
                }

        .most_popular ul li .desc {
            float: left;
            width: 146px;
        }

            .most_popular ul li .desc p {
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .most_popular ul li p {
            padding: 0 0 4px 0;
        }

            .most_popular ul li p span {
                font-size: 11px;
                font-style: italic;
            }

    .most_popular h3 {
        font-size: 16px;
        font-weight: bold;
        border-top: 1px solid #ddd;
        line-height: 20px;
        padding: 8px 5px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 8px;
    }

        .most_popular h3 i {
            margin-right: 8px;
        }
/* acc tabs */
.acc_tabs {
    border-bottom: 1px solid #e7e6e6;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

    .acc_tabs #tabs .tab_select li {
        float: left;
        width: 76px;
        margin: 0 1px 2px 0;
    }

        .acc_tabs #tabs .tab_select li:last-child {
            margin-right: 0;
        }

        .acc_tabs #tabs .tab_select li a, .acc_tabs #tabs .tab_select li a:visited {
            display: block;
            float: left;
            width: 76px;
            padding: 6px 0;
            color: #626363;
            text-align: center;
            background: #f7f5f5;
            font-weight: bold;
        }

        .acc_tabs #tabs .tab_select li.active a, .acc_tabs #tabs .tab_select li.active a:visited {
            background: #5eafcd;
            color: #fff;
        }

        .acc_tabs #tabs .tab_select li a:hover {
            background: #e4e2e2;
            color: #626363;
        }

    .acc_tabs #tabs div {
        background: #f7f5f5;
        padding: 17px 0;
        clear: both;
    }

        .acc_tabs #tabs div ul li {
            padding: 6px 10px 6px 13px;
        }

            .acc_tabs #tabs div ul li a {
                color: #626363;
            }
/* latest tweets */
.latest_tweets {
	margin-top: 30px;
    margin-bottom: 15px;
}

    .latest_tweets > ul > li {
        padding: 5px 0 5px 5px;
        position: relative;
        font-size: 14px;
        font-weight: bold;
    }

        .latest_tweets > ul > li i {
            margin-right: 4px;
            cursor: pointer;
        }
    /*.latest_tweets ul li:before {content:'';position:absolute;top:6px;left:0;display:block;width:5px;height:12px;background:url(../images/arrow4.png) 0 no-repeat;}*/
    .latest_tweets h3 {
        font-size: 16px;
        font-weight: bold;
        border-top: 1px solid #ddd;
        line-height: 20px;
        padding: 8px 5px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 8px;
    }

        .latest_tweets h3 i {
            margin-right: 8px;
            font-weight: normal;
        }

    .latest_tweets a {
        color: #555;
    }

.subMenu {
    margin-top: 5px;
}

    .subMenu li {
        margin-left: 20px;
        padding: 2px 0;
    }

        .subMenu li a {
            font-size: 12px;
            font-weight: normal;
        }

/* our clients */
.our_clients .clients_slider li {
    padding-top: 17px;
}

    .our_clients .clients_slider li blockquote {
        padding: 0 0 10px 70px;
        position: relative;
    }

        .our_clients .clients_slider li blockquote:before {
            content: '';
            width: 38px;
            height: 29px;
            display: block;
            position: absolute;
            top: 0;
            left: 9px;
            background: url(../images/sprite.png) 0 -282px no-repeat;
        }

        .our_clients .clients_slider li blockquote p {
            font-style: italic;
            padding-bottom: 15px;
        }

            .our_clients .clients_slider li blockquote p:last-child {
                font-size: 11px;
                color: #3fa3c9;
                padding-bottom: 0;
            }

.our_clients .bx-pager {
    margin: 0 0 0 70px;
}

    .our_clients .bx-pager a.pager-link {
        text-indent: -9999em;
        float: left;
        height: 10px;
        width: 10px;
        display: block;
        background: url(../images/sprite.png) 0 -261px no-repeat;
        margin-right: 4px;
    }

        .our_clients .bx-pager a.pager-active, .our_clients .bx-pager a.pager-link:hover {
            background-position: -15px -261px;
            background-color: #5eafcd;
        }
/* flyout_area sidebar */
.sidebar .flyout_area {
    width: 230px;
    border-top: 1px solid #e7e6e6;
    margin-top: 35px;
    padding: 35px 0 50px 0;
}

    .sidebar .flyout_area dl:last-child {
        border-bottom: none;
    }

    .sidebar .flyout_area dd div p {
        width: auto;
        padding: 0 0 16px 45px;
    }
/* recent work */
.recent_work {
    clear: both;
    position: relative;
    border-top: 1px solid #e7e6e6;
    padding-top: 35px;
    margin-top: 35px;
}

    .recent_work .recent_slider {
        width: 250px;
        margin: 28px 0 0 0;
        overflow: hidden;
    }

        .recent_work .recent_slider li {
            float: left;
            position: relative;
            width: 250px;
            padding: 0;
            margin: 0;
        }

            .recent_work .recent_slider li .bwWrapper {
                float: left;
                font-size: 0;
                line-height: 0;
                border: 5px solid #f6f3f3;
                margin: 0 20px 19px 0;
            }

                .recent_work .recent_slider li .bwWrapper:nth-child(3n+3) {
                    margin-right: 0;
                }

    .recent_work .bx-prev, .recent_work .bx-next {
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 20px;
        top: -20px;
        font-size: 0;
        line-height: 0;
        background: url(../images/bg_direction_nav.png) 0 0 no-repeat;
        cursor: pointer;
    }

    .recent_work .bx-next {
        background-position: 100% 0;
        right: 0;
    }

        .recent_work .bx-next:hover {
            background-position: 100% -20px;
        }

    .recent_work .bx-prev:hover {
        background-position: 0 -20px;
    }

/* Home Version 5 */
/* features4_block */
.features4_block {
    border-bottom: 1px solid #eceaea;
    margin-bottom: 40px;
    padding-top: 10px;
}

    .features4_block ul li {
        float: left;
        width: 300px;
        padding: 0 30px 30px 0;
        position: relative;
    }

        .features4_block ul li:nth-child(3) {
            padding-right: 0;
        }

        .features4_block ul li h4 {
            padding-bottom: 13px;
        }

        .features4_block ul li p {
            padding-bottom: 10px;
            padding-right: 10px;
        }

        .features4_block ul li .bwWrapper {
            margin: 0 10px 10px 0;
            font-size: 0;
            line-height: 0;
            border: 5px solid #f6f3f3;
        }

        .features4_block ul li p:last-child {
            padding-top: 5px;
            text-align: right;
        }
/* flyout_area */
.flyout_area {
    float: left;
    width: 450px;
    padding: 0 40px 50px 0;
}

    .flyout_area dl {
        margin-top: -15px;
        border-bottom: 1px solid #f4f2f2;
    }

    .flyout_area dt h4 {
        border-top: 1px solid #f4f2f2;
        padding: 15px 0 20px 45px;
        position: relative;
    }

    .flyout_area dt:first-child h4 {
        border-top: none;
    }

    .flyout_area dt h4:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 15px;
        left: 0;
        background: url(../images/closed.png) 0 0 no-repeat;
    }

    .flyout_area dt.selected h4:before {
        background: #5eafcd url(../images/open.png) 0 0 no-repeat;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
        behavior: url(/pie.htc);
    }

    .flyout_area dd div .bwWrapper {
        font-size: 0;
        line-height: 0;
        border: 5px solid #f6f3f3;
        float: left;
        margin: 0 20px 16px 0;
    }

    .flyout_area dd div p {
        float: left;
        width: 276px;
        padding-bottom: 16px;
    }
/* features_explore */
.features_explore {
    float: left;
    width: 460px;
    padding-bottom: 50px;
}

    .features_explore h4 {
        padding-bottom: 17px;
    }

    .features_explore ul li {
        clear: both;
        padding: 0 0 20px 0;
        float: left;
    }

        .features_explore ul li .bwWrapper {
            font-size: 0;
            line-height: 0;
            border: 5px solid #f6f3f3;
            float: left;
            margin: 0 20px 10px 0;
        }

        .features_explore ul li p {
            float: left;
            width: 336px;
            text-align: justify;
        }

            .features_explore ul li p .read_more {
                float: right;
                padding-right: 12px;
                background: url(../images/arrow.gif) right 6px no-repeat;
            }

/* Home Version 6 */
/* bxslider */
.bxslider_wrap {
    background: url(../images/bg.png) no-repeat;
    width: 1200px;
    min-height: 334px;
    padding: 5px 0 31px 0;
    margin: 20px 0 0 0;
}

#bxslider li .left {
    float: left;
    width: 625px;
    padding: 0 19px 0 6px;
    min-height: 328px;
}

#bxslider li .right {
    color: #fff;
    float: left;
    padding: 60px 20px 0 20px;
    width: 264px;
    min-height: 269px;
    background: #000;
    opacity: .8;
}

    #bxslider li .right h4 {
        font-size: 24px;
        text-shadow: #565656 0 1px 1px;
        line-height: 25px;
    }

    #bxslider li .right h3 {
        text-transform: uppercase;
        font-size: 44px;
        line-height: 45px;
    }

        #bxslider li .right h3 span {
            font-size: 84px;
            display: block;
            line-height: 85px;
        }

.bxslider_wrap .bx-pager {
    margin: 19px 0 0 54px;
}

    .bxslider_wrap .bx-pager img {
        border: 3px solid #e4e2e2;
    }

    .bxslider_wrap .bx-pager .pager-active img {
    }

    .bxslider_wrap .bx-pager a {
        margin-right: 18px;
    }

.bxslider_wrap .bx-prev, .bxslider_wrap .bx-next {
    display: block;
    float: left;
    width: 18px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 368px;
    font-size: 0;
    line-height: 0;
    background: url(../images/bxslider/left.png) 0 0 no-repeat;
    cursor: pointer;
}

.bxslider_wrap .bx-next {
    background: url(../images/bxslider/right.png) 0 0 no-repeat;
    left: auto;
    right: 0px;
}
/* send_quote */
.send_quote {
    clear: both;
    margin-bottom: 80px;
    background: #f6f3f3;
    border-bottom: 1px solid #c8c6c6;
    min-height: 90px;
    position: relative;
}

    .send_quote:hover {
        border-bottom: 1px solid #5eafcd;
    }

    .send_quote p {
        text-align: right;
        padding: 35px 35px 0 0;
    }

        .send_quote p a, .send_quote p a:visited {
            margin-left: 40px;
        }

    .send_quote h4 {
        position: absolute;
        top: 0;
        left: 0;
        width: 362px;
        height: 57px;
        background: url(../images/quote_bg.png) no-repeat;
        padding: 33px 0 0 68px;
    }

.send_quote_marg {
    margin: 45px 0;
}

/* Home Version 7 */
/* features5 block */
.features5_block {
    float: left;
    width: 650px;
    padding: 10px 60px 0 0;
}

    .features5_block h4 {
        padding-bottom: 15px;
    }

    .features5_block p {
        padding-bottom: 40px;
    }

    .features5_block ul {
        margin-bottom: 60px;
    }

        .features5_block ul li {
            position: relative;
            padding: 35px 0 35px 160px;
        }

            .features5_block ul li h4 {
                padding-botom: 10px;
            }

            .features5_block ul li .circle {
                position: absolute;
                top: 20px;
                left: 0;
                display: block;
                width: 126px;
                height: 126px;
                background: url(../images/circles2.png) 0 0 no-repeat;
                -webkit-transition: all .4s linear;
                -moz-transition: all .4s linear;
                -o-transition: all .4s linear;
                -ms-transition: all .4s linear;
                transition: all .4s linear;
            }

            .features5_block ul li:hover .circle {
                top: 0;
            }

            .features5_block ul li .circle_link {
                visibility: hidden;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 126px;
                height: 126px;
                color: #fff;
                text-indent: -999em;
                z-index: 10;
            }

            .features5_block ul li:hover .circle_link {
                visibility: visible;
            }

            .features5_block ul li:after {
                content: '';
                visibility: hidden;
                position: absolute;
                top: 132px;
                left: 8px;
                display: block;
                width: 126px;
                height: 24px;
                background: url(../images/features/shadow.png) 0 0 no-repeat;
                -webkit-transition: all .4s linear;
                -moz-transition: all .4s linear;
                -o-transition: all .4s linear;
                -ms-transition: all .4s linear;
                transition: all .4s linear;
            }

            .features5_block ul li:hover:after {
                visibility: visible;
            }

            .features5_block ul li.wordpress .circle {
                background-position: 0 0;
            }

            .features5_block ul li.flexibility .circle {
                background-position: -272px 0;
            }

            .features5_block ul li.support .circle {
                background-position: -136px 0;
            }

/* Home Version 8 */
/* intro text */
.intro_text {
    padding: 10px 0 50px 0;
}

    .intro_text .bwWrapper {
        border: 5px solid #f6f3f3;
        float: left;
        font-size: 0;
        line-height: 0;
    }

    .intro_text div.desc {
        float: right;
        width: 475px;
    }

        .intro_text div.desc h4 {
            padding-bottom: 15px;
        }

    .intro_text .intro_slider {
        margin: 0;
    }

        .intro_text .intro_slider li {
            float: left;
            width: 100%;
        }

    .intro_text .bx-pager {
        margin: 15px 0 0 370px;
    }

        .intro_text .bx-pager a.pager-link {
            text-indent: -9999em;
            float: left;
            height: 10px;
            width: 10px;
            display: block;
            background: url(../images/sprite.png) 0 -261px no-repeat;
            margin-right: 4px;
        }

            .intro_text .bx-pager a.pager-active, .intro_text .bx-pager a.pager-link:hover {
                background-position: -15px -261px;
                background-color: #5eafcd;
            }
/* features6 block */
.features6_block ul {
    float: none;
    width: auto;
    margin: 10px 0 0px 0;
}

    .features6_block ul li {
        padding-right: 5px;
        padding-left: 25px;
    }

    .features6_block ul li {
        border-right: none;
        padding-right: 0;
    }

    .features6_block ul li {
        padding-left: 0;
        padding-right: 25px;
    }

        .features6_block ul li .circle {
            left: 0px;
        }

        .features6_block ul li .circle_link {
            left: 0px;
        }

/* About page */
.why_choose_explore {
    padding: 0 0 45px 0;
}

    .why_choose_explore h4 {
        margin: 0 0 35px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #e7e6e6;
    }

    .why_choose_explore .features_explore {
        float: right;
    }

    .why_choose_explore .why_choose ul li:first-child {
        padding-top: 0;
    }

        .why_choose_explore .why_choose ul li:first-child:before {
            top: 0;
        }
/* process */
.process h4 {
    margin: 0 0 20px 0;
    padding: 10px 0;
    border-bottom: 1px solid #e7e6e6;
}

.process ul {
    padding-bottom: 80px;
}

    .process ul li {
        float: left;
        width: 283px;
        padding: 0 25px 0 0;
    }

        .process ul li:last-child {
            padding-right: 0;
        }

        .process ul li h3 {
            color: #888;
            font-size: 34px;
            line-height: 34px;
            padding-bottom: 15px;
            margin-bottom: 10px;
        }

            .process ul li h3 span {
                font-size: 12px;
                color: #fff;
                background: #5eafcd;
                padding: 1px 8px;
                position: relative;
                top: -4px;
                font-weight: normal;
            }

.features2_block ul li {
    width: 425px;
    height: 160px;
}

/* Team page */
/* team_option */
.team_option h4 {
    margin: 0 0 25px 0;
    padding: 10px 0;
    border-bottom: 1px solid #e7e6e6;
}

.team_option ul {
    margin: 0 0;
}

    .team_option ul li {
        clear: both;
        float: left;
        padding: 0 0 20px 0;
        margin: 0 0 40px 0;
        border-bottom: 1px solid #e7e6e6;
    }

        .team_option ul li:last-child {
            border-bottom: none;
        }

        .team_option ul li .img {
            width: 279px;
            border: 5px solid #f6f3f3;
            border-bottom: none;
            float: left;
            font-size: 0;
            line-height: 0;
        }

            .team_option ul li .img p {
                background: #f6f3f3;
                border-bottom: 1px solid #c8c6c6;
                font-size: 13px;
                line-height: 16px;
                padding: 13px 0;
                text-align: center;
            }

        .team_option ul li .desc {
            float: left;
            width: 510px;
            padding: 0 105px 0 35px;
            position: relative;
        }

            .team_option ul li .desc p {
                padding-bottom: 20px;
            }

                .team_option ul li .desc p strong {
                    color: #4d4e50;
                }

            .team_option ul li .desc .social {
                position: absolute;
                top: -7px;
                right: 0;
            }

                .team_option ul li .desc .social li {
                    clear: none;
                    float: none;
                    padding: 10px 0;
                    margin: 0;
                    border: none;
                    font-size: 14px;
                    font-weight: bold;
                }

                    .team_option ul li .desc .social li a {
                        color: #434242;
                        padding: 5px 0 5px 30px;
                        position: relative;
                    }

                        .team_option ul li .desc .social li a:before {
                            position: absolute;
                            top: 5px;
                            left: 0;
                            content: '';
                            display: block;
                            width: 22px;
                            height: 21px;
                            background: #d8d8d8 url(../images/sprite.png) 0 -331px no-repeat;
                            -webkit-border-radius: 13px;
                            -moz-border-radius: 13px;
                            border-radius: 13px;
                            behavior: url(/pie.htc);
                        }

                        .team_option ul li .desc .social li a:hover:before {
                            background-color: #70b9d5;
                        }

                        .team_option ul li .desc .social li a.facebook:before {
                            background-position: 0 -331px;
                        }

                        .team_option ul li .desc .social li a.twitter:before {
                            background-position: 0 -371px;
                        }

                        .team_option ul li .desc .social li a.linkedin:before {
                            background-position: 0 -414px;
                        }
/* team_option2 */
.team_option2 ul li {
    clear: none;
    width: 452px;
    padding: 0;
    border: none;
}

    .team_option2 ul li:nth-child(2n+2) {
        float: right;
    }

    .team_option2 ul li .img {
        width: auto;
        border: 5px solid #f6f3f3;
        float: none;
        margin-bottom: 20px;
    }

    .team_option2 ul li .desc {
        width: auto;
        float: none;
        padding: 0;
    }

        .team_option2 ul li .desc .social {
            top: 5px;
        }

            .team_option2 ul li .desc .social li {
                float: left;
                width: auto;
                padding: 0 0 0 6px;
                font-size: 0;
                line-height: 0;
            }

                .team_option2 ul li .desc .social li a {
                    display: block;
                    float: left;
                    width: 21px;
                    height: 22px;
                    padding: 0;
                    background: #d8d8d8 url(../images/sprite.png) 0 -331px no-repeat;
                    -webkit-border-radius: 13px;
                    -moz-border-radius: 13px;
                    border-radius: 13px;
                    behavior: url(/pie.htc);
                }

                    .team_option2 ul li .desc .social li a:hover {
                        background-color: #70b9d5;
                    }

                    .team_option2 ul li .desc .social li a:before {
                        display: none;
                    }

                    .team_option2 ul li .desc .social li a.facebook {
                        background-position: 0 -331px;
                    }

                    .team_option2 ul li .desc .social li a.twitter {
                        background-position: 0 -371px;
                    }

                    .team_option2 ul li .desc .social li a.linkedin {
                        background-position: 0 -414px;
                    }
/* team_option3 */
.team_option3 ul li {
    clear: none;
    width: 290px;
    padding: 0 45px 0 0;
    border: none;
    margin-bottom: 20px;
}

    .team_option3 ul li:nth-child(3n+3) {
        padding-right: 0;
    }

    .team_option3 ul li:nth-child(3n+1) {
        clear: both;
    }

    .team_option3 ul li .img {
        width: 278px;
        border: 5px solid #f6f3f3;
        float: none;
        margin-bottom: 20px;
    }

    .team_option3 ul li .desc {
        width: auto;
        float: none;
        padding: 0;
    }

        .team_option3 ul li .desc .social {
            top: 5px;
        }

            .team_option3 ul li .desc .social li {
                float: left;
                width: auto;
                padding: 0 0 0 6px;
                font-size: 0;
                line-height: 0;
            }

                .team_option3 ul li .desc .social li a {
                    display: block;
                    float: left;
                    width: 21px;
                    height: 22px;
                    padding: 0;
                    background: #d8d8d8 url(../images/sprite.png) 0 -331px no-repeat;
                    -webkit-border-radius: 13px;
                    -moz-border-radius: 13px;
                    border-radius: 13px;
                    behavior: url(/pie.htc);
                }

                    .team_option3 ul li .desc .social li a:hover {
                        background-color: #70b9d5;
                    }

                    .team_option3 ul li .desc .social li a:before {
                        display: none;
                    }

                    .team_option3 ul li .desc .social li a.facebook {
                        background-position: 0 -331px;
                    }

                    .team_option3 ul li .desc .social li a.twitter {
                        background-position: 0 -371px;
                    }

                    .team_option3 ul li .desc .social li a.linkedin {
                        background-position: 0 -414px;
                    }
/* team_option4 */
.team_option4 {
    padding-top: 25px;
}

    .team_option4 ul li {
        border: none;
        width: 100%;
        margin-bottom: 20px;
    }

        .team_option4 ul li .img {
            width: 278px;
            margin-right: 35px;
            border: 5px solid #f6f3f3;
        }

        .team_option4 ul li .desc {
            width: 290px;
            padding: 0;
        }

            .team_option4 ul li .desc .social {
                top: 5px;
            }

                .team_option4 ul li .desc .social li {
                    float: left;
                    width: auto;
                    padding: 0 0 0 6px;
                    font-size: 0;
                    line-height: 0;
                }

                    .team_option4 ul li .desc .social li a {
                        display: block;
                        float: left;
                        width: 21px;
                        height: 22px;
                        padding: 0;
                        background: #d8d8d8 url(../images/sprite.png) 0 -331px no-repeat;
                        -webkit-border-radius: 13px;
                        -moz-border-radius: 13px;
                        border-radius: 13px;
                        behavior: url(/pie.htc);
                    }

                        .team_option4 ul li .desc .social li a:hover {
                            background-color: #70b9d5;
                        }

                        .team_option4 ul li .desc .social li a:before {
                            display: none;
                        }

                        .team_option4 ul li .desc .social li a.facebook {
                            background-position: 0 -331px;
                        }

                        .team_option4 ul li .desc .social li a.twitter {
                            background-position: 0 -371px;
                        }

                        .team_option4 ul li .desc .social li a.linkedin {
                            background-position: 0 -414px;
                        }

        .team_option4 ul li .rate {
            width: 270px;
            float: right;
        }

            .team_option4 ul li .rate p {
                color: #434242;
                font-size: 11px;
                text-transform: uppercase;
                font-weight: bold;
                padding-bottom: 12px;
            }

                .team_option4 ul li .rate p span {
                    display: block;
                    background: #f2f1f1;
                    min-height: 15px;
                    padding: 3px;
                    font-size: 0;
                    line-height: 0;
                    margin: 3px 0 0 0;
                    position: relative;
                }

                    .team_option4 ul li .rate p span .blue {
                        background: #40a2c7;
                        padding: 0;
                        margin: 0;
                        width: 100%;
                    }

                    .team_option4 ul li .rate p span .w90 {
                        width: 90%;
                    }

                    .team_option4 ul li .rate p span .w95 {
                        width: 95%;
                    }

                    .team_option4 ul li .rate p span .w80 {
                        width: 80%;
                    }

                    .team_option4 ul li .rate p span strong {
                        position: absolute;
                        top: -18px;
                        right: -15px;
                        font-size: 11px;
                        line-height: 14px;
                    }

/* Services page */
/* services option */
.services_option .left_list {
    float: left;
    width: 450px;
    padding: 0 0 90px 0;
}

    .services_option .left_list li {
        border: none;
        width: 225px;
        padding: 10px 0 0 0;
    }

        .services_option .left_list li h4 {
            padding: 10px 0 0 65px;
            margin: 0;
            border: none;
        }

        .services_option .left_list li:hover h4 {
            color: #ef0000;
        }

        .services_option .left_list li h4 + p {
            text-align: left;
            padding-left: 65px;
        }

        .services_option .left_list li .tlink {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 90%;
            background: transparent;
            z-index: 1000;
        }

        .services_option .left_list li .circle {
            left: 0;
        }

        .services_option .left_list li .circle_link {
            left: 0;
        }

        .services_option .left_list li:after {
            left: -10px;
        }

.services_option .right_desc {
    float: right;
    width: 480px;
    padding: 20px 0 90px 0;
}

    .services_option .right_desc p {
        padding-bottom: 15px;
    }

    .services_option .right_desc .bwWrapper {
        float: left;
        border: 5px solid #f6f3f3;
        margin-right: 27px;
        font-size: 0;
        line-height: 0;
        padding: 0;
    }

    .services_option .right_desc ul {
        float: left;
        width: 230px;
        padding: 0;
    }

        .services_option .right_desc ul li {
            padding: 7px 0 7px 30px;
            width: auto;
            position: relative;
        }

            .services_option .right_desc ul li .circle {
                position: absolute;
                top: 7px;
                left: 0;
                display: block;
                width: 18px;
                height: 18px;
                background: #5eafcd url(../images/sprite.png) 0 -189px no-repeat;
                -webkit-border-radius: 13px;
                -moz-border-radius: 13px;
                border-radius: 13px;
                behavior: url(/pie.htc);
            }

            .services_option .right_desc ul li:after {
                display: none;
            }
/* services option2 */
.services_option2 {
    font-size: 14px;
}

    .services_option2 #tabs {
        padding: 0;
    }

        .services_option2 #tabs .tab_select {
            margin-bottom: 30px;
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            width: 100%;
            float: left;
            border-bottom: 2px solid #ddd;
        }

            .services_option2 #tabs .tab_select li {
                float: left;
                font-weight: bold;
                height: 30px;
            }

                .services_option2 #tabs .tab_select li:hover {
                }

                .services_option2 #tabs .tab_select li.active {
                    border-top: 2px solid #e67813;
                    border-bottom: 2px solid white;
                }

                .services_option2 #tabs .tab_select li a {
                    color: rgb(102,102,102);
                    display: block;
                    height: 32px;
                    line-height: 32px;
                    padding: 0 15px;
                }

                .services_option2 #tabs .tab_select li.active a {
                    color: rgb(102,102,102);
                    border-left: 1px solid rgb(221,221,221);
                    border-right: 1px solid rgb(221,221,221);
                }

                .services_option2 #tabs .tab_select li:hover a {
                    color: rgb(102,102,102);
                }

        .services_option2 #tabs div h3 {
            font-size: 34px;
            color: #d8d8d8;
        }

        .services_option2 #tabs div h4 {
            font-size: 18px;
            color: #444;
            margin-bottom: 20px;
        }

        .services_option2 #tabs div h5 {
            font-size: 16px;
            color: #626363;
            font-weight: normal;
            padding-bottom: 25px;
        }

        .services_option2 #tabs div .bwWrapper {
            width: auto;
            padding: 0;
            float: right;
            border: 5px solid #f6f3f3;
            margin-left: 15px;
            font-size: 0;
            line-height: 0;
        }

        .services_option2 #tabs div ul li {
            position: relative;
            padding: 7px 0 7px 35px;
        }

            .services_option2 #tabs div ul li:before {
                content: '';
                position: absolute;
                top: 7px;
                left: 0;
                display: block;
                width: 18px;
                height: 18px;
                background: #5eafcd url(../images/sprite.png) 0 -189px no-repeat;
                -webkit-border-radius: 13px;
                -moz-border-radius: 13px;
                border-radius: 13px;
                behavior: url(/pie.htc);
            }

        .services_option2 #tabs div p .learn_more {
            position: relative;
            z-index: 2;
        }
/* services option4 */
.services_option4 ul {
    padding: 0 0 80px 0;
    float: left;
}

    .services_option4 ul li {
        position: relative;
        float: left;
        width: 285px;
        padding: 20px 50px 0 0;
    }

        .services_option4 ul li:nth-child(3n+3) {
            padding-right: 0;
        }

        .services_option4 ul li h4 {
            padding: 0 0 0 65px;
            margin: 0;
            border: none;
        }

            .services_option4 ul li h4 + p {
                padding: 0 10px 10px 65px;
            }

        .services_option4 ul li img {
            float: left;
        }

        .services_option4 ul li p {
            padding: 0 10px 20px 0;
            line-height: 20px;
        }

            .services_option4 ul li p span {
                text-transform: uppercase;
                font-size: 11px;
            }

        .services_option4 ul li .circle {
            position: absolute;
            top: 25px;
            left: 0;
            display: block;
            width: 88px;
            height: 88px;
            background: url(../images/features/icons2.png) 0 0 no-repeat;
            -webkit-transition: top .4s linear;
            -moz-transition: top .4s linear;
            -o-transition: top .4s linear;
            -ms-transition: top .4s linear;
            transition: top .4s linear;
            -webkit-border-radius: 45px;
            -moz-border-radius: 45px;
            border-radius: 45px;
            behavior: url(/pie.htc);
        }

        .services_option4 ul li:hover .circle {
            top: 15px;
            background-position: 0 -56px;
            -webkit-box-shadow: #8fc7dc 0 0 0 5px inset;
            -moz-box-shadow: #8fc7dc 0 0 0 5px inset;
            box-shadow: #8fc7dc 0 0 0 5px inset;
        }

        .services_option4 ul li .circle_link {
            visibility: hidden;
            position: absolute;
            top: 15px;
            left: 10px;
            display: block;
            width: 88px;
            height: 88px;
            color: #fff;
            text-indent: -999em;
            z-index: 10;
        }

        .services_option4 ul li:hover .circle_link {
            visibility: visible;
        }

        .services_option4 ul li:after {
            content: '';
            visibility: hidden;
            position: absolute;
            top: 105px;
            left: -10px;
            display: block;
            width: 107px;
            height: 20px;
            background: url(../images/shadow4.png) 0 0 no-repeat;
            -webkit-transition: all .4s linear;
            -moz-transition: all .4s linear;
            -o-transition: all .4s linear;
            -ms-transition: all .4s linear;
            transition: all .4s linear;
        }

        .services_option4 ul li:hover:after {
            visibility: visible;
        }

        .services_option4 ul li.design .circle {
            background-position: 0 0;
        }

        .services_option4 ul li.design:hover .circle {
            background-position: 0 -92px;
        }

        .services_option4 ul li.flexible .circle {
            background-position: -101px 0;
        }

        .services_option4 ul li.flexible:hover .circle {
            background-position: -101px -92px;
        }

        .services_option4 ul li.fonts .circle {
            background-position: -201px 0;
        }

        .services_option4 ul li.fonts:hover .circle {
            background-position: -201px -92px;
        }

        .services_option4 ul li.support .circle {
            background-position: -301px 0;
        }

        .services_option4 ul li.support:hover .circle {
            background-position: -301px -92px;
        }

        .services_option4 ul li.easy .circle {
            background-position: -402px 0;
        }

        .services_option4 ul li.easy:hover .circle {
            background-position: -402px -92px;
        }

        .services_option4 ul li.color .circle {
            background-position: -502px 0;
        }

        .services_option4 ul li.color:hover .circle {
            background-position: -502px -92px;
        }

.services_option5_marg ul {
    padding-top: 0;
}

/* Process page */
.process2 h4, .process3 h4 {
    margin: 0 0 25px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e7e6e6;
}
/* process option2 */
.process2 #tabs {
    padding: 0 0 50px 0;
}

    .process2 #tabs .tab_select {
        float: left;
        background: url(../images/process_tabs.png) right center no-repeat;
        width: 215px;
        min-height: 490px;
        padding-top: 10px;
    }

        .process2 #tabs .tab_select li {
            font-weight: bold;
            padding: 20px 0 0 0;
            min-height: 37px;
            background: url(../images/line2.png) right bottom no-repeat;
        }

            .process2 #tabs .tab_select li:hover {
                background: #fff url(../images/line2.png) right bottom no-repeat;
            }

            .process2 #tabs .tab_select li.active {
                background: #fff url(../images/line2.png) right bottom no-repeat;
            }

            .process2 #tabs .tab_select li a {
                color: #434242;
            }

            .process2 #tabs .tab_select li:hover a {
                color: #5eafcd;
            }

            .process2 #tabs .tab_select li.active a {
                color: #5eafcd;
            }

            .process2 #tabs .tab_select li span {
                color: #fff;
                font-size: 11px;
                background: #7e7e7e;
                margin-right: 14px;
                padding: 1px 9px;
            }

            .process2 #tabs .tab_select li.active span {
                background: #5eafcd;
            }

    .process2 #tabs div {
        width: 690px;
        padding-right: 10px;
        float: right;
    }

        .process2 #tabs div h3 {
            font-size: 34px;
            color: #d8d8d8;
        }

        .process2 #tabs div h5 {
            font-size: 16px;
            color: #626363;
            font-weight: normal;
            padding-bottom: 25px;
        }

    .process2 #tabs .bwWrapper {
        width: auto;
        padding: 0;
        float: right;
        border: 5px solid #f6f3f3;
        margin-left: 15px;
        font-size: 0;
        line-height: 0;
    }

    .process2 #tabs div p {
        padding-bottom: 17px;
    }

    .process2 #tabs div ul li {
        position: relative;
        padding: 7px 0 7px 35px;
    }

        .process2 #tabs div ul li:before {
            content: '';
            position: absolute;
            top: 7px;
            left: 0;
            display: block;
            width: 18px;
            height: 18px;
            background: #5eafcd url(../images/sprite.png) 0 -189px no-repeat;
            -webkit-border-radius: 13px;
            -moz-border-radius: 13px;
            border-radius: 13px;
            behavior: url(/pie.htc);
        }

    .process2 #tabs div p:last-child {
        float: right;
        margin: -50px 0 0 480px;
    }

    .process2 #tabs div p .learn_more {
        position: relative;
        z-index: 2;
    }
/* process option3 */
.process3 ul {
    margin-bottom: 80px;
    float: left;
}

    .process3 ul li {
        clear: both;
        padding: 50px 0 25px 0;
    }

        .process3 ul li img {
            border-bottom: 1px solid #c8c6c6;
            float: left;
            margin-right: 40px;
        }

        .process3 ul li .desc {
            float: left;
            width: 705px;
        }

            .process3 ul li .desc h3 {
                font-size: 34px;
                color: #d8d8d8;
            }

            .process3 ul li .desc h5 {
                font-size: 16px;
                color: #626363;
                font-weight: normal;
                padding-bottom: 25px;
            }

            .process3 ul li .desc p {
                padding-bottom: 17px;
            }

/* Testimonial page */
/* testimonial_option */
.testimonial_option {
    padding-top: 10px;
}

    .testimonial_option ul li {
        padding: 10px 0 75px 0;
        float: left;
    }

        .testimonial_option ul li .img {
            float: left;
            border: 5px solid #f6f3f3;
            width: 279px;
            margin-right: 36px;
            font-size: 0;
            line-height: 0;
        }

            .testimonial_option ul li .img p {
                background: #f6f3f3;
                border-bottom: 1px solid #c8c6c6;
                font-size: 13px;
                line-height: 16px;
                padding: 13px 0;
                text-align: center;
            }

        .testimonial_option ul li .desc {
            float: right;
            width: 615px;
        }

            .testimonial_option ul li .desc blockquote {
                position: relative;
                padding: 0 0 0 60px;
            }

                .testimonial_option ul li .desc blockquote:before {
                    content: '';
                    width: 38px;
                    height: 29px;
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: url(../images/sprite.png) 0 -282px no-repeat;
                }

                .testimonial_option ul li .desc blockquote p {
                    font-style: italic;
                    padding-bottom: 20px;
                }

            .testimonial_option ul li .desc p.tit {
                position: relative;
                padding: 12px 0 10px 40px;
            }

                .testimonial_option ul li .desc p.tit:before {
                    content: '';
                    width: 27px;
                    height: 30px;
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: url(../images/sprite.png) 0 -458px no-repeat;
                }
/* testimonial_option2 */
.testimonial_option2 ul li {
    width: 289px;
    padding: 10px 45px 25px 0;
}

    .testimonial_option2 ul li:nth-child(3n+3) {
        padding-right: 0;
    }

    .testimonial_option2 ul li .img {
        float: none;
        padding-right: 0;
        border-bottom: none;
    }

    .testimonial_option2 ul li .desc {
        float: none;
        width: auto;
    }

        .testimonial_option2 ul li .desc blockquote {
            padding: 25px 0 0 0;
        }

            .testimonial_option2 ul li .desc blockquote:before {
                display: none;
            }
/* testimonial_option3 */
.testimonial_option3 {
    padding-top: 20px;
}

    .testimonial_option3 ul li {
        width: 455px;
    }

        .testimonial_option3 ul li:nth-child(2n+2) {
            float: right;
        }

        .testimonial_option3 ul li:nth-child(2n+1) {
            clear: both;
        }

        .testimonial_option3 ul li .desc {
            float: none;
            width: auto;
        }

            .testimonial_option3 ul li .desc blockquote {
                padding: 25px 25px 5px 25px;
                background: #f6f3f3;
            }

                .testimonial_option3 ul li .desc blockquote:before {
                    display: none;
                }

                .testimonial_option3 ul li .desc blockquote:after {
                    content: '';
                    width: 21px;
                    height: 17px;
                    display: block;
                    margin: 0 0 -22px 10px;
                    background: url(../images/sprite.png) -41px -468px no-repeat;
                    font-size: 0;
                    line-height: 0;
                }

            .testimonial_option3 ul li .desc p.tit {
                padding-bottom: 30px;
                margin-top: 12px;
            }
/* testimonial_option4 */
.testimonial_option4 ul li {
    width: 212px;
    padding: 10px 37px 25px 0;
}

    .testimonial_option4 ul li:nth-child(4n+4) {
        padding-right: 0;
    }

    .testimonial_option4 ul li:nth-child(4n+1) {
        clear: both;
    }

    .testimonial_option4 ul li .desc {
        float: none;
        width: auto;
    }

        .testimonial_option4 ul li .desc blockquote {
            padding: 25px 25px 5px 25px;
            background: #f6f3f3;
        }

            .testimonial_option4 ul li .desc blockquote:before {
                display: none;
            }

            .testimonial_option4 ul li .desc blockquote:after {
                content: '';
                width: 21px;
                height: 17px;
                display: block;
                margin: 0 0 -22px 10px;
                background: url(../images/sprite.png) -41px -468px no-repeat;
                font-size: 0;
                line-height: 0;
            }

        .testimonial_option4 ul li .desc p.tit {
            padding-bottom: 30px;
            margin-top: 12px;
        }

            .testimonial_option4 ul li .desc p.tit strong {
                display: block;
            }

/* Pricing page */
/*  pricing option */
.pricing_option {
    padding-top: 10px;
}

    .pricing_option ul {
        margin: 40px 10px 80px 10px;
        float: left;
        border: 8px solid #f9f8f8;
    }

        .pricing_option ul li {
            text-align: center;
            float: left;
            border: 1px solid #dddcdc;
            border-left: none;
            border-right: 1px solid #e5e4e3;
            width: 174px;
        }

            .pricing_option ul li:first-child {
                border-left: 1px solid #e5e4e3;
            }

            .pricing_option ul li h4 {
                padding: 10px 0 0 0;
                border-bottom: 1px solid #efefed;
                min-height: 33px;
            }

            .pricing_option ul li p {
                color: #444;
                border-bottom: 1px solid #efefed;
                padding: 8px 0;
            }

            .pricing_option ul li .price {
                text-align: center;
                background: #f8f8f8;
                font-family: Georgia;
                border-bottom: 1px solid #efefed;
                min-height: 80px;
            }

                .pricing_option ul li .price strong {
                    font-size: 21px;
                    position: relative;
                    top: -15px;
                }

                .pricing_option ul li .price span {
                    font-size: 55px;
                    font-weight: bold;
                    color: #5eafcd;
                }

                .pricing_option ul li .price em {
                    color: #888888;
                    font-size: 11px;
                    margin-left: -19px;
                }

                .pricing_option ul li .price sup {
                    font-size: 17px;
                    font-weight: bold;
                    color: #5eafcd;
                    position: relative;
                    top: -16px;
                }

            .pricing_option ul li p:last-child {
                background: #f7f7f7;
                border: none;
            }

                .pricing_option ul li p:last-child a {
                    margin: 0 auto;
                }

            .pricing_option ul li.active {
                width: 220px;
                position: relative;
            }

                .pricing_option ul li.active .active_bg {
                    position: absolute;
                    z-index: 2;
                    top: -20px;
                    left: 0;
                    width: 206px;
                    min-height: 420px;
                    padding: 7px;
                    -webkit-box-shadow: #d3e7ef 0 0 0 7px inset;
                    -moz-box-shadow: #d3e7ef 0 0 0 7px inset;
                    box-shadow: #d3e7ef 0 0 0 7px inset;
                }

                    .pricing_option ul li.active .active_bg:before {
                        content: '';
                        z-index: -1;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 220px;
                        min-height: 434px;
                        -webkit-box-shadow: #d3e7ef 0 0 0 7px inset;
                        -moz-box-shadow: #d3e7ef 0 0 0 7px inset;
                        box-shadow: #e8e8e8 0 0 38px 18px;
                    }

                .pricing_option ul li.active h4 {
                    font-size: 22px;
                    color: #3ea0c6;
                    background: #fff;
                    min-height: 46px;
                }

                .pricing_option ul li.active p:last-child {
                    padding: 18px 0;
                }
/*  pricing option2 */
.pricing_option2 ul li {
    width: 217px;
}

    .pricing_option2 ul li.active {
        width: 265px;
    }

        .pricing_option2 ul li.active .active_bg {
            width: 251px;
        }

            .pricing_option2 ul li.active .active_bg:before {
                width: 265px;
            }
/*  pricing option3 */
.pricing_option3 ul {
    margin-bottom: 110px;
}

    .pricing_option3 ul li {
        width: 291px;
    }

        .pricing_option3 ul li.active {
            width: 335px;
        }

            .pricing_option3 ul li.active .active_bg {
                width: 321px;
            }

                .pricing_option3 ul li.active .active_bg:before {
                    width: 335px;
                }

/* Contact us page */
.contact_us {
    float: left;
    width: 1200px;
}

    .contact_us h4 {
        clear: both;
        padding-bottom: 13px;
    }

    .contact_us .bwWrapper {
        font-size: 0;
        line-height: 0;
        border: 5px solid #f6f3f3;
    }

    .contact_us .map_wrap {
        font-size: 0;
        line-height: 0;
        border: 5px solid #f6f3f3;
    }

    .contact_us ul li {
        float: left;
        width: 90px;
        padding: 0 0 30px 0;
        line-height: 30px;
    }

        .contact_us ul li:nth-child(2) {
            width: 203px;
        }

        .contact_us ul li:nth-child(3) {
            float: right;
            width: 400px;
        }

        .contact_us ul li strong {
            color: #3fa3c9;
        }

    .contact_us .address {
        float: right;
        width: 293px;
        margin-top: 20px;
    }

.contact_forms {
    float: left;
    width: 850px;
    margin-top: 20px;
    padding-right: 50px;
}

    .contact_forms form p {
        font-size: 12px;
        color: #bbbaba;
        margin: 10px 10px 10px 0;
    }

        .contact_forms form p label {
            font-size: 13px;
            color: #525252;
            padding-right: 8px;
        }

        .contact_forms form p input {
            border: 1px solid #bfbfbf;
            margin-top: 8px;
            width: 251px;
            font-size: 13px;
            color: #626363;
            padding: 5px 10px;
        }

            .contact_forms form p input#subject {
                width: 625px;
            }

        .contact_forms form p textarea {
            border: 1px solid #bfbfbf;
            margin-top: 8px;
            width: 818px;
            font-size: 13px;
            color: #626363;
            padding: 5px 10px;
            height: 100px;
        }

        .contact_forms form p input[type="submit"] {
            font-weight: bold;
            color: #3fa3c9;
            width: 113px;
            height: 42px;
            padding: 0;
            border: none;
            font-size: 15px;
            margin-right: 18px;
        }

        .contact_forms form p:last-child {
            float: right;
            margin-right: 3px;
        }

.contact_forms2 {
    float: left;
    width: 630px;
    margin-top: 20px;
}

    .contact_forms2 form p {
        font-size: 12px;
        color: #bbbaba;
        float: left;
        margin: 10px 10px 10px 0;
    }

        .contact_forms2 form p label {
            font-size: 13px;
            color: #525252;
            padding-right: 8px;
        }

        .contact_forms2 form p input {
            border: 1px solid #bfbfbf;
            margin-top: 8px;
            width: 178px;
            font-size: 13px;
            color: #626363;
            padding: 5px 10px;
        }

            .contact_forms2 form p input#subject {
                width: 625px;
            }

        .contact_forms2 form p textarea {
            border: 1px solid #bfbfbf;
            margin-top: 8px;
            width: 600px;
            font-size: 13px;
            color: #626363;
            padding: 5px 10px;
            height: 100px;
        }

        .contact_forms2 form p input[type="submit"] {
            font-weight: bold;
            color: #3fa3c9;
            width: 113px;
            height: 42px;
            padding: 0;
            border: none;
            font-size: 15px;
            margin-right: 18px;
        }

        .contact_forms2 form p:last-child {
            float: right;
            margin-right: 3px;
        }

/* FAQ page */
.faq_list {
    padding: 0 50px 50px 0;
    width: 800px;
    float: left;
}

    .faq_list h4.bord {
        margin: 0;
    }

    .faq_list .filter {
        float: left;
        width: 100%;
        border-bottom: 1px solid #efefef;
        margin: 10px 0 50px 0;
    }

        .faq_list .filter li {
            float: left;
            padding-right: 2px;
            font-style: italic;
        }

            .faq_list .filter li a {
                color: #7e7e7e;
                background: #efefef;
                padding: 5px 10px;
                display: block;
            }

                .faq_list .filter li a:hover {
                    background: #e4e2e2;
                    color: #626363;
                }

            .faq_list .filter li.active a, .faq_list .filter li span {
                color: #fff;
                background: #3fa2c8;
                padding: 5px 10px;
                display: block;
            }

    .faq_list #faq {
        clear: both;
    }

        .faq_list #faq li {
            position: relative;
        }

            .faq_list #faq li:before {
                content: '';
                z-index: 2;
                cursor: pointer;
                display: block;
                width: 24px;
                height: 24px;
                position: absolute;
                top: 14px;
                right: 18px;
                background: url(../images/closed.png) no-repeat;
            }

            .faq_list #faq li.simpleFAQShowing:before {
                background: #5eafcd url(../images/open.png) no-repeat;
                -webkit-border-radius: 13px;
                -moz-border-radius: 13px;
                border-radius: 13px;
                behavior: url(/pie.htc);
            }

        .faq_list #faq .question {
            margin: 20px 0 0 0;
            border: 1px solid #d3d3d3;
            min-height: 34px;
            position: relative;
            padding: 13px 0 0 55px;
            font-size: 14px;
            font-weight: bold;
            color: #434242;
            background: #ededed;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#ededed));
            background: -webkit-linear-gradient(#f9f9f9, #ededed);
            background: -moz-linear-gradient(#f9f9f9, #ededed);
            background: -ms-linear-gradient(#f9f9f9, #ededed);
            background: -o-linear-gradient(#f9f9f9, #ededed);
            background: linear-gradient(#f9f9f9, #ededed);
            -pie-background: linear-gradient(#f9f9f9, #ededed);
            behavior: url(/pie.htc);
        }

            .faq_list #faq .question:before {
                content: 'Q:';
                position: absolute;
                top: 8px;
                left: 16px;
                color: #cccbcb;
                font-size: 22px;
                font-weight: bold;
            }

        .faq_list #faq .answer {
            border: 1px solid #e7e7e7;
            position: relative;
            border-top: none;
            padding: 27px 35px 27px 55px;
        }

            .faq_list #faq .answer:before {
                content: 'A:';
                position: absolute;
                top: 27px;
                left: 16px;
                color: #cccbcb;
                font-size: 22px;
                font-weight: bold;
            }

            .faq_list #faq .answer p {
                padding-bottom: 23px;
            }

/* Left nav page */
.left_nav #tabs {
    padding: 0 0 50px 0;
}

    .left_nav #tabs .tab_select {
        float: left;
        background: url(../images/process_tabs.png) right center no-repeat;
        width: 215px;
        min-height: 490px;
        padding-top: 10px;
    }

        .left_nav #tabs .tab_select li {
            position: relative;
            font-weight: bold;
            padding: 12px 0 0 31px;
            min-height: 30px;
            background: url(../images/line2.png) right bottom no-repeat;
        }

            .left_nav #tabs .tab_select li:hover {
                background: #fff url(../images/line2.png) right bottom no-repeat;
            }

            .left_nav #tabs .tab_select li.active {
                background: #3fa1c6 url(../images/line2.png) right bottom no-repeat;
            }

            .left_nav #tabs .tab_select li:before {
                visibility: hidden;
                content: '';
                width: 14px;
                height: 41px;
                display: block;
                position: absolute;
                top: 0;
                right: -14px;
                background: #3fa2c8 url(../images/sprite.png) 0 -503px no-repeat;
            }

            .left_nav #tabs .tab_select li a {
                color: #434242;
            }

            .left_nav #tabs .tab_select li.active a {
                color: #fff;
            }

            .left_nav #tabs .tab_select li.active:before {
                visibility: visible;
            }

    .left_nav #tabs div {
        width: 690px;
        padding-right: 10px;
        float: right;
    }

        .left_nav #tabs div .wp_img {
            position: relative;
            padding: 27px 0 10px 0;
        }

            .left_nav #tabs div .wp_img span {
                font-size: 11px;
                line-height: 20px;
                font-style: italic;
                position: absolute;
                top: 50px;
                right: 0;
                display: block;
                width: 120px;
                color: #3fa3c9;
            }

        .left_nav #tabs div p {
            padding: 0 0 17px 20px;
        }

        .left_nav #tabs div ul li {
            position: relative;
            padding: 7px 0 7px 35px;
            margin-left: 20px;
        }

            .left_nav #tabs div ul li:before {
                content: '';
                position: absolute;
                top: 7px;
                left: 0;
                display: block;
                width: 18px;
                height: 18px;
                background: #5eafcd url(../images/sprite.png) 0 -189px no-repeat;
                -webkit-border-radius: 13px;
                -moz-border-radius: 13px;
                border-radius: 13px;
                behavior: url(/pie.htc);
            }

        .left_nav #tabs div p:last-child {
            float: right;
            margin: -50px 0 0 480px;
        }

        .left_nav #tabs div p .learn_more {
            position: relative;
            z-index: 2;
        }

/* Right nav page */
.right_nav #tabs .tab_select {
    float: right;
    background: url(../images/process_tabs2.png) left center no-repeat;
    width: 205px;
    padding-right: 0;
}

    .right_nav #tabs .tab_select li {
        padding: 12px 31px 0 0;
        text-align: right;
        background: url(../images/line3.png) right bottom no-repeat;
    }

        .right_nav #tabs .tab_select li.active {
            background: #3fa1c6 url(../images/line3.png) right bottom no-repeat;
        }

        .right_nav #tabs .tab_select li:before {
            right: auto;
            left: -14px;
            background: #3fa2c8 url(../images/sprite.png) -20px -503px no-repeat;
        }

.right_nav #tabs div {
    float: left;
    padding-right: 0;
}

/* Full width page */
.full_width {
    padding: 10px 0 30px 0;
}

    .full_width .bwWrapper {
        font-size: 0;
        line-height: 0;
        margin: 15px 0 10px 0;
        border: 5px solid #f6f3f3;
    }

    .full_width p {
        padding: 15px 0 10px 0;
    }

/* Short Text Layout 1 Column page */
.short_text_layout ul {
    padding: 0 0 50px 0;
    float: left;
}

    .short_text_layout ul li {
        float: left;
        position: relative;
        text-align: center;
        width: auto;
        padding: 0;
        margin: 10px 0 45px 0;
        background: #f6f3f3;
        border-bottom: 1px solid #c8c6c6;
    }

        .short_text_layout ul li:hover {
            border-bottom: 1px solid #5eafcd;
        }

        .short_text_layout ul li .bwWrapper {
            border: 5px solid #f6f3f3;
            border-bottom: none;
        }

        .short_text_layout ul li p {
            padding: 3px 0 9px 0;
        }

            .short_text_layout ul li p strong {
                font-size: 14px;
            }

                .short_text_layout ul li p strong a {
                    color: #626363;
                }

            .short_text_layout ul li p span {
                color: #5eafcd;
                padding-top: 2px;
                display: block;
                font-style: italic;
            }

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/* Short Text Layout 2 Column page */
.short_text_col_2 {
    margin-right: 0;
}

    .short_text_col_2 ul li {
        width: 452px;
    }

        .short_text_col_2 ul li:nth-child(2n) {
            float: right;
        }

/* Short Text Layout 3 Column page */
.short_text_col_3 ul li {
    width: 289px;
    margin-right: 46px;
}

    .short_text_col_3 ul li:nth-child(3n) {
        margin-right: 0;
    }

/* Short Text Layout 4 Column page */
.short_text_col_4 ul li {
    width: 212px;
    margin-right: 37px;
}

    .short_text_col_4 ul li:nth-child(4n) {
        margin-right: 0;
    }

/* Filter */
.filter_wrap {
    width: 1029px;
}

    .filter_wrap ul li {
        width: 1200px;
    }

    .filter_wrap.short_text_col_2 ul li {
        width: 452px;
        margin-right: 58px;
    }

        .filter_wrap.short_text_col_2 ul li:nth-child(2n) {
            float: left;
        }

    .filter_wrap.short_text_col_3 ul li {
        width: 289px;
    }

        .filter_wrap.short_text_col_3 ul li:nth-child(3n) {
            margin-right: 46px;
        }

    .filter_wrap.short_text_col_4 ul li {
        width: 212px;
    }

        .filter_wrap.short_text_col_4 ul li:nth-child(4n) {
            margin-right: 37px;
        }



/* Long Text Layout 1 Column page */
.long_text_layout ul {
    padding: 10px 0 50px 0;
    float: left;
    width: 100%;
}

    .long_text_layout ul li {
        float: left;
        position: relative;
        width: 100%;
        padding: 0 0 60px 0;
        margin: 0 0 60px 0;
        border-bottom: 1px solid #e7e6e6;
    }

        .long_text_layout ul li:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }

        .long_text_layout ul li .img {
            border: 5px solid #f6f3f3;
            position: relative;
            float: left;
            font-size: 0;
            line-height: 0;
        }

            .long_text_layout ul li .img:before {
                content: '';
                display: none;
                width: 641px;
                height: 266px;
                -webkit-box-shadow: #000 5px 5px 10px 3px inset;
                -moz-box-shadow: #000 10px 10px 10px 3px inset;
                box-shadow: #505051 0 0 10px 0 inset;
                position: absolute;
                top: 0;
                left: 0;
            }

        .long_text_layout ul li .desc {
            float: right;
            width: 250px;
            padding: 15px 0 0 0;
        }

            .long_text_layout ul li .desc h5 {
                color: #434242;
                font-size: 17px;
                padding: 0 0 15px 0;
            }

                .long_text_layout ul li .desc h5 a {
                    color: #434242;
                }

                .long_text_layout ul li .desc h5 span {
                    color: #5eafcd;
                    font-size: 11px;
                    font-weight: normal;
                    font-style: italic;
                    display: block;
                    padding: 8px 0 0 0;
                }

            .long_text_layout ul li .desc p {
                padding-bottom: 15px;
            }

            .long_text_layout ul li .desc ul {
                float: none;
                padding: 0 0 20px 0;
            }

                .long_text_layout ul li .desc ul li {
                    float: none;
                    margin: 0;
                    padding: 0 0 5px 30px;
                    border: none;
                    font-weight: bold;
                    background: url(../images/circle.png) 0 5px no-repeat;
                }

            .long_text_layout ul li .desc p .read_more, .long_text_layout ul li .desc p .read_more:visited {
                margin-right: 14px;
                color: #fff;
            }

            .long_text_layout ul li .desc p .visit_project, .long_text_layout ul li .desc p .visit_project:visited {
                padding: 3px 10px;
                color: #fff;
            }

/* Long Text Layout 1 Column page wide */
.long_text_layout_wide ul li {
    padding-bottom: 40px;
    margin-bottom: 50px;
}

    .long_text_layout_wide ul li .img:before {
        width: 930px;
        height: 342px;
    }

    .long_text_layout_wide ul li .desc {
        float: none;
        clear: both;
        width: auto;
        padding-top: 25px;
    }

        .long_text_layout_wide ul li .desc h5 span {
            display: inline;
            padding: 0 0 0 15px;
        }

        .long_text_layout_wide ul li .desc p .visit_project {
            background: #5eafcd;
        }

            .long_text_layout_wide ul li .desc p .visit_project:hover {
                background: #6bbddb;
            }

/* Long Text Layout 2 Column page */
.long_text_col_2 ul li {
    padding-bottom: 40px;
    margin-bottom: 0;
    border-bottom: none;
    width: 453px;
}

    .long_text_col_2 ul li:nth-child(2n) {
        float: right;
    }

    .long_text_col_2 ul li:nth-child(2n+1) {
        clear: both;
    }

    .long_text_col_2 ul li .img:before {
        width: 443px;
        height: 263px;
    }

    .long_text_col_2 ul li .desc {
        float: none;
        clear: both;
        width: auto;
        padding-top: 25px;
    }

/* Long Text Layout 3 Column page */
.long_text_col_3 ul li {
    padding-bottom: 40px;
    margin: 0 46px 0 0;
    border-bottom: none;
    width: 289px;
}

    .long_text_col_3 ul li:nth-child(3n) {
        margin-right: 0;
    }

    .long_text_col_3 ul li:nth-child(3n+1) {
        clear: both;
    }

    .long_text_col_3 ul li .img:before {
        width: 279px;
        height: 170px;
    }

    .long_text_col_3 ul li .desc {
        float: none;
        clear: both;
        width: auto;
    }

/* Long Text Layout 4 Column page */
.long_text_col_4 ul li {
    padding-bottom: 40px;
    margin: 0 37px 0 0;
    border-bottom: none;
    width: 212px;
}

    .long_text_col_4 ul li:nth-child(4n) {
        margin-right: 0;
    }

    .long_text_col_4 ul li:nth-child(4n+1) {
        clear: both;
    }

    .long_text_col_4 ul li .img:before {
        width: 202px;
        height: 127px;
    }

    .long_text_col_4 ul li .desc {
        float: none;
        clear: both;
        width: auto;
    }

/* portfolio_sidebar page */
.portfolio_sidebar {
    float: left;
    width: 900px;
    padding: 0 0px 0 0;
	margin-top:30px;
}

.portfolio_sidebar_right {
    padding: 10px 0 0 0;
    float: right;
}

.portfolio_sidebar div {
    border-bottom: 0px solid #e7e6e6
}

.portfolio_sidebar .why_choose p {
    line-height: 22px;
}


.portfolio_sidebar ul li .img img {
    vertical-align: middle;
}

/* two columns */
.portfolio_sidebar .two_columns li {
    padding-bottom: 40px;
    margin: 0 0 0 0;
    border-bottom: none;
    width: 309px;
    float: left;
}

    .portfolio_sidebar .two_columns li:nth-child(2n) {
        float: right;
        margin-right: 0;
    }

    .portfolio_sidebar .two_columns li:nth-child(2n+1) {
        clear: both;
    }

    .portfolio_sidebar .two_columns li .img:before {
        width: 299px;
        height: 182px;
    }

    .portfolio_sidebar .two_columns li .desc {
        float: none;
        clear: both;
        width: auto;
    }

/* three columns */
.portfolio_sidebar .three_columns {
    overflow: hidden;
}

    .portfolio_sidebar .three_columns li {
        padding-bottom: 40px;
        margin: 0 68px 0 0;
        border-bottom: none;
        width: 245px;
        float: left;
    }

        .portfolio_sidebar .three_columns li:nth-child(3n) {
            margin-right: 0;
        }

        .portfolio_sidebar .three_columns li:nth-child(3n+1) {
            clear: both;
        }

        .portfolio_sidebar .three_columns li .img:before {
            width: 185px;
            height: 125px;
        }

        .portfolio_sidebar .three_columns li .desc {
            float: none;
            clear: both;
            width: auto;
            padding-top: 10px;
            font-size: 14px;
        }

.portfolio_sidebar .img a {
    height: 243px;
    width: 243px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

/* gallery page */
.gallery_list ul {
    padding: 10px 0 50px 0;
    float: left;
    width: 100%;
}

    .gallery_list ul li {
        float: left;
        position: relative;
        width: 100%;
        padding: 0 0 70px 0;
    }

        .gallery_list ul li .img {
            border: 5px solid #f6f3f3;
            position: relative;
            float: left;
            font-size: 0;
            line-height: 0;
        }

            .gallery_list ul li .img:before {
                content: '';
                display: none;
                width: 930px;
                height: 342px;
                -webkit-box-shadow: #000 5px 5px 10px 3px inset;
                -moz-box-shadow: #000 10px 10px 10px 3px inset;
                box-shadow: #505051 0 0 10px 0 inset;
                position: absolute;
                top: 0;
                left: 0;
            }
/* gallery list 2 columns */
.gallery_list_col_2 ul li {
    width: 453px;
    padding-bottom: 35px;
}

    .gallery_list_col_2 ul li:nth-child(2n) {
        float: right;
    }

    .gallery_list_col_2 ul li .img:before {
        width: 443px;
        height: 263px;
    }
/* gallery list 3 columns */
.gallery_list_col_3 ul li {
    width: 289px;
    padding-bottom: 35px;
    margin-right: 46px;
}

    .gallery_list_col_3 ul li:nth-child(3n) {
        margin-right: 0;
    }

    .gallery_list_col_3 ul li .img:before {
        width: 279px;
        height: 170px;
    }
/* gallery list 4 columns */
.gallery_list_col_4 ul li {
    width: 212px;
    padding-bottom: 35px;
    margin-right: 37px;
}

    .gallery_list_col_4 ul li:nth-child(4n) {
        margin-right: 0;
    }

    .gallery_list_col_4 ul li .img:before {
        width: 202px;
        height: 127px;
    }

/* Portfolio Single Post Full Width page */
.single_full {
    position: relative;
    padding-top: 30px;
}

    .single_full .bx-prev, .single_full .bx-next {
        margin: 0;
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 20px;
        top: -30px;
        font-size: 0;
        line-height: 0;
        background: url(../images/flex/bg_direction_nav.png) 0 0 no-repeat;
        cursor: pointer;
    }

    .single_full .bx-next {
        background-position: 100% 0;
        right: 0;
    }

        .single_full .bx-next:hover {
            background-position: 100% -20px;
            margin: 0;
        }

    .single_full .bx-prev:hover {
        background-position: 0 -20px;
        margin: 0;
    }

    .single_full ul li .img {
        margin-bottom: 40px;
        position: relative;
        font-size: 0;
        line-height: 0;
        border: 5px solid #f6f3f3;
    }

    .single_full ul li .desc h4 {
        padding-bottom: 5px;
    }

    .single_full ul li .desc i {
        font-size: 11px;
        color: #5eafcd;
    }

    .single_full ul li .desc p {
        padding-top: 22px;
    }

    .single_full ul li .desc .things_list {
        float: left;
        width: 182px;
        min-height: 382px;
        margin-right: 44px;
        background: url(../images/things_bg.png) right 0 no-repeat;
    }

        .single_full ul li .desc .things_list ul {
            padding: 20px 0 0 0;
        }

            .single_full ul li .desc .things_list ul li {
                padding: 7px 0 7px 30px;
                width: auto;
                position: relative;
            }

                .single_full ul li .desc .things_list ul li:before {
                    content: '';
                    position: absolute;
                    top: 7px;
                    left: 0;
                    display: block;
                    width: 18px;
                    height: 18px;
                    background: #5eafcd url(../images/sprite.png) 0 -189px no-repeat;
                    -webkit-border-radius: 13px;
                    -moz-border-radius: 13px;
                    border-radius: 13px;
                    behavior: url(/pie.htc);
                }

        .single_full ul li .desc .things_list p:last-child a {
            position: relative;
            z-index: 2;
        }
/* Right Sidebar */
.single_right ul li .img {
    float: left;
    width: 641px;
    margin-right: 0;
    margin-bottom: 80px;
}

    .single_right ul li .img:before {
        content: '';
        display: none;
        width: 641px;
        height: 621px;
        -webkit-box-shadow: #000 5px 5px 10px 3px inset;
        -moz-box-shadow: #000 10px 10px 10px 3px inset;
        box-shadow: #505051 0 0 10px 0 inset;
        position: absolute;
        top: 0;
        left: 0;
    }

.single_right ul li .desc {
    float: right;
    width: 233px;
}

    .single_right ul li .desc .things_list {
        background: none;
        margin: 33px 0 0 0;
    }

        .single_right ul li .desc .things_list ul {
            padding-top: 9px;
        }


.btn_col, .btn_col:visited {
    color: #888;
    font-size: 11px;
    background: #eee;
    padding: 3px 9px;
}

    .btn_col:hover {
        background: #ccc;
        color: #888;
    }



.detail {
    float: left;
    width: 497px;
}

    .detail .title {
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #efefef;
        line-height: 24px;
        font-size: 18px;
        font-weight: normal;
    }


iframe[name='google_conversion_frame'] {
    display: none;
}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

#hover{ color: #F00}

#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:360px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:360px;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}


.wraper {
    width: 1100px;
    margin: 0 auto;
   /* position: relative;*/
}
.prevandnext {
    margin-top: 20px;
}