﻿section#content {
    min-height: 400px;
    padding-top: 40px;
    text-align: left;
    background: #f5f5f5;
}
button, input[type="button"].button {
    font-size: 0.9167em;
    font-weight: bold;
    background: #98ce44;
    height: 34px;
    line-height: 34px;
}

.post {
    position: relative
}

    .post figure img {
        width: 100%;
        height: auto
    }

    .post .entry-date {
        background: #2d3e52;
        padding: 7px 15px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        position: absolute;
        left: 0;
        top: 10px
    }

        .post .entry-date .date {
            margin: 0;
            font-size: 1.6667em;
            display: block;
            font-weight: normal
        }

        .post .entry-date .month {
            margin: 0;
            font-size: 0.8333em;
            font-weight: normal
        }

.fluid-width-video-wrapper {
    padding: 0;
    position: relative;
    width: 100%
}

.blog-infinite .post, .single .post {
    margin-bottom: 50px
}

    .blog-infinite .post .video-container, .single .post .video-container {
        position: relative;
        width: 100%
    }

        .blog-infinite .post .video-container video, .single .post .video-container video {
            max-width: 100%;
            height: auto
        }

        .blog-infinite .post .video-container iframe, .blog-infinite .post .video-container embed, .blog-infinite .post .video-container object, .single .post .video-container iframe, .single .post .video-container embed, .single .post .video-container object {
            max-width: 100%
        }

    .blog-infinite .post .entry-title, .single .post .entry-title {
        margin-bottom: 25px;
        font-size: 25px;
        line-height: 1.25em;
    } 
    .post-content {text-align:left;}

    .blog-infinite .post .excerpt-container, .single .post .excerpt-container {
        margin-bottom: 20px
    }

        .blog-infinite .post .excerpt-container p, .single .post .excerpt-container p {
            line-height: 1.8333em
        }

    .blog-infinite .post .details, .single .post .details {
        background: #fff;
        padding: 20px 20px 10px
    }

    .blog-infinite .post.without-featured-item .entry-title, .blog-infinite .post.without-featured-item .excerpt-container, .single .post.without-featured-item .entry-title, .single .post.without-featured-item .excerpt-container {
        padding-left: 50px
    }

    .blog-infinite .post .image-carousel, .single .post .image-carousel {
        margin-bottom: 0
    }

.blog-infinite .post-content, .single .post-content {
    margin-bottom: 30px
}

    .blog-infinite .post-content > p, .single .post-content > p {
        line-height: 1.6666em
    }

    .blog-infinite .post-content .border-box, .single .post-content .border-box {
        margin: 30px 0
    }

        .blog-infinite .post-content .border-box blockquote, .single .post-content .border-box blockquote {
            margin-bottom: 0
        }

.blog-infinite .post-meta, .single .post-meta {
    background: #f5f5f5;
    padding: 10px 10px 0;
    font-size: 1em
}

    .blog-infinite .post-meta .entry-author, .single .post-meta .entry-author {
        float: left;
        line-height: 28px;
        font-size: 0.83333em;
        margin-bottom: 10px
    }

        .blog-infinite .post-meta .entry-author .icon, .single .post-meta .entry-author .icon {
            float: left;
            width: 28px;
            height: 28px;
            background: #fff;
            display: inline-block;
            font-size: 1.6666em;
            line-height: 28px;
            text-align: center;
            color: #d9d9d9;
            margin-right: 10px
        }

        .blog-infinite .post-meta .entry-author a.author, .single .post-meta .entry-author a.author {
            color: #01b7f2
        }

    .blog-infinite .post-meta .entry-action, .single .post-meta .entry-action {
        float: right
    }

        .blog-infinite .post-meta .entry-action > *, .single .post-meta .entry-action > * {
            height: 28px;
            line-height: 28px;
            display: inline-block;
            padding: 0 10px;
            margin-left: 8px;
            margin-bottom: 10px;
            background: #fff;
            color: #9e9e9e;
            letter-spacing: 0.04em;
            font-size: 0.8333em;
            font-weight: normal
        }

            .blog-infinite .post-meta .entry-action > * i, .single .post-meta .entry-action > * i {
                float: left;
                font-size: 14px;
                margin-right: 10px;
                color: #d9d9d9;
                line-height: 28px;
            }

        .blog-infinite .post-meta .entry-action a.button:hover, .single .post-meta .entry-action a.button:hover {
            background: #01b7f2;
            color: #fff
        }

            .blog-infinite .post-meta .entry-action a.button:hover i, .single .post-meta .entry-action a.button:hover i {
                color: #fff
            }

    .blog-infinite .post-meta:after, .single .post-meta:after {
        display: table;
        content: "";
        clear: both
    }

.single .details {
    margin-bottom: 30px
}

.single .single-navigation a.button {
    font-weight: normal
}

    .single .single-navigation a.button span {
        vertical-align: middle
    }

.single .single-navigation i {
    font-size: 1.25em;
    font-weight: normal;
    line-height: 0;
    vertical-align: middle
}

.single .single-navigation .prev i {
    margin-right: 20px
}

.single .single-navigation .next i {
    margin-left: 20px
}

.about-author .about-author-container {
    background: #fff;
    padding: 0 20px
}

.about-author .about-author-content {
    display: table;
    border-bottom: 1px solid #f5f5f5
}

.about-author .avatar {
    display: table-cell;
    padding: 20px 20px 20px 0;
    border-right: 1px solid #f5f5f5
}

.about-author .description {
    display: table-cell;
    padding: 20px;
    vertical-align: top
}

    .about-author .description p {
        line-height: 1.8333em; font-size:13px;
    }

.about-author .about-author-meta {
    padding: 15px 0
}

.about-author .social-icons {
    float: right
}

.about-author .wrote-posts-count {
    line-height: 28px;
    font-size: 1.1667em
}

    .about-author .wrote-posts-count i {
        font-size: 16px;
        color: #01b7f2;
        float: left;
        margin-right: 10px;
        line-height: 2;
    }

    .about-author .wrote-posts-count span {
        vertical-align: middle
    }

.single .avatar img, .travel-story-container .avatar img {
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    width: 96px;
    height: 96px
}

.single .suggestions .caption {
    margin-bottom: 0
}

.single .suggestions a.hover-effect:after {
    color: #fff;
    background: none;
    content: "\e8ba";
    font-family: "soap-icons";
    font-size: 1.6667em;
    text-align: center;
    line-height: 50px;
    border: 2px solid #fff;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.single .suggestions li {
    cursor: pointer
}

    .single .suggestions li:hover a.hover-effect:after {
        visibility: visible;
        -webkit-transform: rotateY(0deg) scale(1, 1);
        -moz-transform: rotateY(0deg) scale(1, 1);
        -ms-transform: rotateY(0deg) scale(1, 1);
        -o-transform: rotateY(0deg) scale(1, 1);
        transform: rotateY(0deg) scale(1, 1);
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    .single .suggestions li:hover a.hover-effect {
        background: #01b7f2
    }

    .single .suggestions li:hover img {
        filter: alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    .single .suggestions li:hover .caption {
        color: #01b7f2
    }

.comment-list .the-comment {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #f5f5f5
}

    .comment-list .the-comment .comment-text {
        padding-right: 50px
    }

        .comment-list .the-comment .comment-text *:last-child {
            margin-bottom: 0
        }

.comment-list > li.comment:first-child > .the-comment {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.comment-list .avatar {
    margin-right: 30px;
    float: left; margin-bottom:12px;
}

    .comment-list .avatar img {
        width: 72px;
        height: 72px
    }

.comment-list ul.children {
    padding-left: 50px
}

.author a {
    display: inline-block;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    overflow: hidden;
    margin-left: 1px
}

.author img {
    -webkit-backface-visibility: visible
}

.with-icon {
    position: relative;
    padding: 0 !important;
    display: inline-block;
}
.global-box > *:last-child {
    margin-bottom: 0;
}
.with-icon .input-text {
    padding-right: 40px !important;
}
input.input-text, textarea, span.custom-select {
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
}
.input-text.full-widths {
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
}

.with-icon .icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -17px 0px 0px !important;
    width: 30px;
    font-size: 18px;
    color: #a4a4a4;
    background: none;
    padding: 0 !important;
    height: auto;
    border: 0;
}

.green-bg {
    background-color: #98ce44 !important;
}
.global-box .box-title {font-weight:600;}
.full-widths {
    width: 100% !important;
}
.tab-container ul.tabs {
    margin: 0;
    padding: 0;
}
    .tab-container ul.tabs.full-widths {
        display: block;
    }
    .tab-container ul.tabs li {
        float: left;
        padding-right: 4px;
    }
    .tab-container ul.tabs.full-widths li {
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 1%;
    }

    .tab-container ul.tabs li a {
        color: #fff;
        display: block;
        padding: 0 20px;
        background: #d9d9d9;
        font-size: 1em;
        font-weight: 600;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .tab-container ul.tabs.full-widths li a {
        padding: 0;
        text-align: center;
    }
    .tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a {
        color: #01b7f2;
        background: #fff;
    }

.tab-container .tab-content {
    background: #fff;
}
    .tab-container .tab-content .tab-pane {
        padding: 20px;
        line-height: 1.7em;
    }


.sidebarblog .image-box.style14 {
    margin-bottom: 0;
float: left;
    
width: 100%;
}
.image-box .box, .image-box.box {
    text-align: left;
    background: #fff;
    margin-bottom: 30px;
}
.sidebarblog .image-box.style14 .box {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 15px;
}

.image-box.style6 figure, .image-box.style14 figure {
    padding: 0;
}
.image-box.style14 figure {
    float: left;
    width: 63px;
}
.image-box .box img, .image-box.box img {
    width: 100%;
    height: auto;
}

.image-box.style6 .details, .image-box.style14 .details {
    margin-bottom: 0 !important;
    padding: 20px 30px;
    line-height: 1.7em;
}
.image-box.style14 .details {
    margin-left: 63px;
    padding: 15px 15px 0;
}
.tab-container .tab-content .tab-pane .image-box .details {
    padding-right: 0;
}
.image-box .box .box-title, .image-box.box .box-title {
    margin-bottom: 10px;
    color: #2d3e52;
}
.image-box.style14 .box-title {
    margin: 0; 
}

.price-wrapper {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8333em;
    color: inherit;
    line-height: 1.3333em;
    margin: 0;
}

.image-box .box > .details > *:last-child, .image-box.box > .details > *:last-child {
    margin-bottom: 0;
}

.price-wrapper .price-per-unit {
    color: #7db921;
    font-size: 1.4em;
    padding-right: 5px;
}
.filters-container ul.filters-option {
    margin-bottom: 10px; list-style:none;
}
    .filters-container ul.filters-option li {
        margin-bottom: 1px;
        background: #f5f5f5;
        padding: 0 15px;
    }
.filters-container ul.categories-filter li {
    padding: 0;
    background: none;
    border-bottom: 1px solid #f5f5f5;
}
ul.check-square li:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    background: #d9d9d9;
    color: #fff;
    padding: 1px 2px 0;
    margin-right: 10px;
    font-size: 12px;
}
.filters-container ul.filters-option li:before {
    float: left;
    width: 15px;
    height: 16px;
    display: block;
    line-height: 14px;
    text-align: center;
    margin-top: 12px;
}
.filters-container ul.filters-option li a {
    color: inherit;
    display: block;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 11px;
}
.filters-container ul.filters-option li small {
    float: right;
}
.filters-container ul.filters-option li:after {
    display: table;
    clear: both;
    content: "";
}
.filters-container ul.categories-filter li.active {
    background: none;
}
    .filters-container ul.categories-filter li.active:before {
        background: #01b7f2;
        color: #fff;
    }
.contact-details {
    font-style: normal;
}
.global-box.contact-box .contact-details {
    margin: 10px 0 5px;
}
.contact-details .contact-phone {
    color: #2d3e52;
    font-size: 1.6667em;
}
.global-box.contact-box .contact-details .contact-phone {
    color: #01b7f2;
}
    .global-box.contact-box .contact-details .contact-phone > i {
        color: #fdb714;
    }
.contact-details .contact-email {
    color: #838383;
    font-size: 1.1667em;
    padding: 0 24px;
    line-height: 2em;
}
.global-box.twitter-box .twitter-holder > ul li {
    border-bottom: 1px solid #f5f5f5;
    padding: 15px 0 15px 40px;
    position: relative; list-style:none; float:left; width:100%;
}
    .global-box.twitter-box .twitter-holder > ul li:before {
        content: "\f099";
        font-family: FontAwesome;
        display: block;
        width: 32px;
        height: 32px;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        border: 1px solid #fdb714;
        color: #fdb714;
        line-height: 32px;
        text-align: center;
        position: absolute;
        left: 0;
        font-size: 16px;
    }
    .global-box.twitter-box .twitter-holder > ul li .tweet-text a {
        color: #01b7f2;
    }
.tweet-date {
    color: #838383;
    font-size: 11px;
    margin-top: 5px;
    float: left;
}

    .tweet-date:hover {
        color: #01b7f2;
    }

.button.btn-large.full-widths {
    padding: 0 32px;
    height: 43px;
    font-size: 1.1667em;
    line-height: 43px;
    display: inline-block;
    background: #d9d9d9;
    white-space: nowrap;
    text-align: center; color:#fff; font-weight:600;
}
    .button.btn-large.full-widths:hover {
        background: #98ce44;
    }

#main {
    text-align: left;
}

.border-box {
    border: 15px solid #f5f5f5;
}
blockquote.style2:before, blockquote.style2:after {
    color: #fdb714;
}
blockquote.style1 p, blockquote.style2 p {
    display: inline;
    font-size: 14px;
    line-height: 11px;
    font-weight: 600;
}
blockquote.style2 {
    color: #01b7f2;
}
.single .post-content > p {font-size:13px;}

a.button {
    display: inline-block;
    background: #d9d9d9;
    font-size: 0.8333em;
    line-height: 1.8333em;
    white-space: nowrap;
    text-align: center;
}
    button.btn-large, input[type="button"].button.btn-large, a.button.btn-large {
        padding: 0 32px;
        height: 43px;
        font-size: 1.1667em;
        line-height: 43px;
        border: none;
        color: #fff;
        cursor: pointer;
    }
.single .single-navigation i {
    font-size: 1.25em;
    font-weight: normal;
    line-height: 0;
    vertical-align: middle;
}
.single .single-navigation .prev i {
    margin-right: 20px;
}
.single .single-navigation a.button span {
    vertical-align: middle;
}

a.button:hover {
    background: #98ce44;
}
.about-author h2 {
    font-size: 18px;
    font-weight: 600;
}

.about-author .description h4  {font-size:16px; font-weight:600;}
.social-icons li {
    float: left;
    text-align: center;
}

.social-icons li {
    overflow: hidden;
}

    .social-icons li a {
        width: 32px;
        margin-right: 4px;
        height: 32px;
        display: inline-block;
        background: #d9d9d9;
        color: #fff;
        line-height: 32px;
        font-size: 1.3333em;
        -moz-transition: opacity 0.3s ease-in;
        -o-transition: opacity 0.3s ease-in;
        -webkit-transition: opacity 0.3s ease-in;
        -ms-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in;
    }
        .social-icons li a:hover {
            background: #01b7f2;
        }
    .social-icons li:hover i {
        -webkit-animation: toRightFromLeft 0.3s forwards;
        -moz-animation: toRightFromLeft 0.3s forwards;
        animation: toRightFromLeft 0.3s forwards;
        display: block;
    }


.about-author .wrote-posts-count span {
    color: #838383;
    font-size: 13px;
}

.comments-container h2, .post-comment h2 {
    font-size: 18px;
    font-weight: 600;
}

button.btn-mini, input[type="button"].button.btn-mini, a.button.btn-mini {
    height: 19px;
    padding: 0 20px;
    font-size: 0.8333em;
    line-height: 19px;
}
a.button.btn-mini {
    padding-left: 10px;
    padding-right: 10px; color:#fff;
}
.box-title small {
    font-size: 10px;
    color: #838383;
    text-transform: uppercase;
    display: block;
    margin-top: 4px;
}

.comment-box h4.box-title a {
    color: #2d3e52;
    font-size: 14px;
}
    .comment-box h4.box-title a:hover {
        color:#01b7f2
    }

form label {
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #838383;
}
input.input-text, select, textarea, span.custom-select {
    background: #f5f5f5;
    border: none;
    line-height: normal;
}
input.input-text, textarea, span.custom-select {
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
    
}
    textarea.input-text.full-widths {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
button:hover, input[type="button"].button:hover {
    background: #7fb231;
}