/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #707070;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #151515;
    clear: both;
    line-height: 1.4;
    margin: 0 0 20px;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 0;
    color: #707070;
}

a {
    color: #151515;
    -webkit-transition: color 80ms ease-in;
    transition: color 80ms ease-in;
}

.title-row {
    background: #df2725;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0;
}

.pilot {
    float: left;
    width: 750px;
    height: 1474px;
    background: url(../images/pilot-bg.jpg) no-repeat center center;
    background-size: cover !important;
    position: relative;
}

    .pilot a.sour1 {
        position: absolute;
        top: 840px;
        left: 130px;
        width: 50px;
        height: 40px;
    }

    .pilot a.sour2 {
        position: absolute;
        top: 905px;
        left: 170px;
        width: 50px;
        height: 40px;
    }

    .pilot a.sour3 {
        position: absolute;
        top: 870px;
        left: 245px;
        width: 50px;
        height: 40px;
    }

    .pilot a.rasastudyo1 {
        position: absolute;
        top: 780px;
        left: 285px;
        width: 50px;
        height: 40px;
    }

    .pilot a.rasastudyo2 {
        position: absolute;
        top: 835px;
        left: 310px;
        width: 50px;
        height: 40px;
    }

    .pilot a.dome1 {
        position: absolute;
        top: 755px;
        left: 105px;
        width: 50px;
        height: 40px;
    }

    .pilot a.dome2 {
        position: absolute;
        top: 750px;
        left: 200px;
        width: 50px;
        height: 40px;
    }

    .pilot a.boranekincimimarlik1 {
        position: absolute;
        top: 650px;
        left: 385px;
        width: 50px;
        height: 40px;
    }

    .pilot a.boranekincimimarlik2 {
        position: absolute;
        top: 705px;
        left: 385px;
        width: 50px;
        height: 40px;
    }

    .pilot a.kentinmimarlari1 {
        position: absolute;
        top: 620px;
        left: 300px;
        width: 50px;
        height: 40px;
    }

    .pilot a.kentinmimarlari2 {
        position: absolute;
        top: 685px;
        left: 300px;
        width: 50px;
        height: 40px;
    }

    .pilot a.yalin {
        position: absolute;
        top: 525px;
        left: 295px;
        width: 50px;
        height: 40px;
    }

    .pilot a.viva1 {
        position: absolute;
        top: 480px;
        left: 215px;
        width: 50px;
        height: 40px;
    }

    .pilot a.viva2 {
        position: absolute;
        top: 420px;
        left: 240px;
        width: 50px;
        height: 40px;
    }

    .pilot a.viva3 {
        position: absolute;
        top: 370px;
        left: 305px;
        width: 50px;
        height: 40px;
    }

    .pilot a.internationaldesign {
        position: absolute;
        top: 260px;
        left: 415px;
        width: 50px;
        height: 40px;
    }

    .pilot a.bakamimarlik {
        position: absolute;
        top: 320px;
        left: 370px;
        width: 50px;
        height: 40px;
    }

    .pilot a.cinicimimarlik {
        position: absolute;
        top: 220px;
        left: 535px;
        width: 50px;
        height: 40px;
    }

    .pilot a.dbarchitects1 {
        position: absolute;
        top: 340px;
        left: 540px;
        width: 50px;
        height: 40px;
    }

    .pilot a.dbarchitects2 {
        position: absolute;
        top: 465px;
        left: 560px;
        width: 50px;
        height: 40px;
    }

    .pilot a.bilgin1 {
        position: absolute;
        top: 365px;
        left: 470px;
        width: 50px;
        height: 40px;
    }

    .pilot a.bilgin2 {
        position: absolute;
        top: 470px;
        left: 495px;
        width: 50px;
        height: 40px;
    }

    .pilot a.tecemimarlik {
        position: absolute;
        top: 450px;
        left: 360px;
        width: 50px;
        height: 40px;
    }

    .pilot a.nsmh1 {
        position: absolute;
        top: 535px;
        left: 390px;
        width: 50px;
        height: 40px;
    }

    .pilot a.nsmh2 {
        position: absolute;
        top: 580px;
        left: 435px;
        width: 50px;
        height: 40px;
    }

.img-link {
    float: left;
    width: 1000px;
    height: 563px;
    background: url(../images/calisma-alanlari.jpg) no-repeat center center;
    background-size: cover !important;
    position: relative;
}

    .img-link a.sour1 {
        position: absolute;
        top: 180px;
        left: 300px;
        width: 90px;
        height: 25px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .img-link a.sour2 {
        position: absolute;
        top: 235px;
        left: 330px;
        width: 60px;
        height: 25px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .img-link a.rasastudyo {
        position: absolute;
        top: 260px;
        left: 372px;
        width: 80px;
        height: 25px;
        transform: rotate(-40deg);
        -webkit-transform: rotate(-40deg);
    }

    .img-link a.dome {
        position: absolute;
        top: 160px;
        left: 375px;
        width: 90px;
        height: 35px;
        transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
    }

    .img-link a.kentinmimarlari {
        position: absolute;
        top: 235px;
        left: 462px;
        width: 70px;
        height: 50px;
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    .img-link a.boranekincimimarlik {
        position: absolute;
        top: 287px;
        left: 462px;
        width: 65px;
        height: 50px;
        transform: rotate(0);
        -webkit-transform: rotate(0);
    }

    .img-link a.nsmh {
        position: absolute;
        top: 295px;
        left: 525px;
        width: 85px;
        height: 50px;
        transform: rotate(-55deg);
        -webkit-transform: rotate(-55deg);
    }

    .img-link a.tecemimarlik {
        position: absolute;
        top: 237px;
        left: 597px;
        width: 63px;
        height: 40px;
        transform: rotate(-50deg);
        -webkit-transform: rotate(-50deg);
    }

    .img-link a.yalin-mimarlik {
        position: absolute;
        top: 215px;
        left: 550px;
        width: 63px;
        height: 40px;
        transform: rotate(-50deg);
        -webkit-transform: rotate(-50deg);
    }

    .img-link a.vivaarchitects1 {
        position: absolute;
        top: 160px;
        left: 570px;
        width: 63px;
        height: 40px;
        transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
    }

    .img-link a.vivaarchitects2 {
        position: absolute;
        top: 190px;
        left: 635px;
        width: 63px;
        height: 40px;
        transform: rotate(35deg);
        -webkit-transform: rotate(35deg);
    }

    .img-link a.bakamimarlik {
        position: absolute;
        top: 225px;
        left: 685px;
        width: 60px;
        height: 40px;
        transform: rotate(-55deg);
        -webkit-transform: rotate(-55deg);
    }

    .img-link a.internationaldesign {
        position: absolute;
        top: 260px;
        left: 720px;
        width: 70px;
        height: 40px;
        transform: rotate(-35deg);
        -webkit-transform: rotate(-35deg);
    }

    .img-link a.bilgin {
        position: absolute;
        top: 320px;
        left: 625px;
        width: 90px;
        height: 40px;
        transform: rotate(-25deg);
        -webkit-transform: rotate(-25deg);
    }

    .img-link a.dbarchitects {
        position: absolute;
        top: 357px;
        left: 637px;
        width: 100px;
        height: 30px;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

    .img-link a.cinicimimarlik {
        position: absolute;
        top: 307px;
        left: 737px;
        width: 90px;
        height: 50px;
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }

.item {
    margin-bottom: 20px;
    font-size: 12px;
}

    .item p {
        font-size: 12px;
    }

        .item p a {
            padding-left: 15px;
            font-size: 12px;
        }

.cbp-item.srcn {
    filter: grayscale(100%);
    transition: all 0.25s ease-out;
}

.cbp-item:hover {
    filter: grayscale(0);
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

a:hover {
    color: #151515;
    text-decoration: none;
}

.banners {
    float: left;
    width: 100%;
}

    .banners ul {
        float: left;
        width: 100%;
        padding: 0 5px;
    }

        .banners ul li {
            float: left;
            width: 19.5%;
            margin: 0 0.625% 35px 0;
            list-style-type: none;
            position: relative;
            filter: grayscale(var(--value, 75%));
            transition: all 0.5s ease-out;
        }

            .banners ul li:last-child {
                margin: 0 0 35px 0;
            }

            .banners ul li:hover {
                filter: grayscale(var(--value, 0));
            }

            .banners ul li img {
                float: left;
                width: 100%;
            }

            .banners ul li a {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url(../images/bbg.png) no-repeat bottom center;
                background-size: 100% auto !important;
            }

                .banners ul li a span {
                    position: absolute;
                    bottom: 20px;
                    left: 10%;
                    width: 80%;
                    color: #fff;
                    text-align: center;
                    font-weight: bold;
                }

    .banners.fours ul li {
        width: 23.25%;
        margin: 0 0.75% 35px 0.75%;
    }

        .banners.fours ul li:last-child {
            margin: 0 0.75% 35px 0.75%;
        }

dfn, em, i {
    font-style: italic;
}

blockquote {
    color: #151515;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 5px 0 8px 1.5rem;
    border-left: 2px solid #151515;
}

    blockquote p {
        font-size: inherit;
        line-height: inherit;
        margin-bottom: 0px;
    }

    blockquote cite {
        color: #151515;
        display: block;
        font-size: 15px;
        line-height: normal;
        font-style: normal;
        font-weight: 400;
        margin-top: 10px;
    }

        blockquote cite a {
            text-decoration: none;
        }

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr, acronym {
    border-bottom: 1px dotted #e9e9e9;
    cursor: help;
}

mark, ins {
    background: #eee;
    text-decoration: none;
}

big {
    font-size: 125%;
}

blockquote {
    quotes: "" "";
}

strong {
    color: #151515;
}

blockquote:before, blockquote:after {
    content: "";
}

cite {
    font-style: normal;
    color: #151515;
}

:focus {
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.post .entry-content .link-more .more-link,
.pagination .page-numbers,
.post-navigation .nav-links a,
.entry-footer .author-profile .author.vcard a,
.comment-author,
.comment-metadata,
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries li span,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-next span,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev span,
.cbp-l-caption-title,
.cbp-l-grid-agency-title,
.load-more a,
input[type="button"],
input[type="submit"],
#masthead.site-header #site-navigation #top-menu ul li a,
.widget_rss li .rsswidget,
.widget_rss li cite,
.entry-footer .social-share-meta .social-share-label,
.portfolio-big-slider .swiper-slide-content-wrap .slider-content a,
.portfolio-listing-wrapper .portfolio-list .list-content a,
#masthead.site-header #site-navigation ul li a,
.wp-block-calendar table,
body,
.portfolio-wrap .cbp-l-filters-text .cbp-filter-item,
.cbp-l-subfilters .cbp-filter-item,
.cbp-l-subfilters .cbp-filter-item,
.portfolio-wrap .cbp-l-caption-desc,
.portfolio-wrap .cbp-l-grid-projects-desc,
.cbp-popup-lightbox-title,
.cbp-popup-lightbox-counter,
.form-control,
.cbp-l-grid-agency-desc,
input,
textarea {
    font-family: 'roboto', sans-serif;
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button, input, optgroup, select, textarea {
    font-size: 15px;
    line-height: 1.15;
    margin: 0;
}

label {
    color: #151515;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgb(0,0,0,0.5);
    z-index: 999999999;
    cursor: pointer;
    display:none;
}

    .popup img {
        float: left;
        width: auto;
        height: 80%;
        position: relative;
        top: 10%;
        left: 50%;
        cursor: auto;
        padding: 0;
        transform: translate(-50%,0);
    }

    .popup a.close {
        position: absolute;
        top: 5%;
        right: 5%;
        width: 40px;
        height: 40px;
        background: url(../images/close.png) no-repeat center center;
        background-size: auto;
        background-size: cover !important;
        z-index: 9;
        opacity:1;
        text-shadow:initial;
    }

fieldset {
    margin-bottom: 1em;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
    color: #151515;
    background: transparent;
    border: 1px solid #e6e6e6;
    display: block;
    padding: 12px 15px;
    width: 100%;
}

textarea {
    color: #151515;
    background: transparent;
    border: 1px solid #e9e9e9;
    display: block;
    padding: 15px;
    width: 100%;
    resize: none;
    height: 200px;
}

select {
    color: #151515;
    border: 1px solid #e9e9e9;
    padding: 10px 5px;
    max-width: 100%;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 0.5em;
}

    input[type="radio"] + label, input[type="checkbox"] + label {
        font-weight: 400;
    }

button, input[type="button"], input[type="submit"] {
    background-color: #151515;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 25px;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: 80ms ease-in;
    transition: 80ms ease-in;
}

    button:hover, input[type="button"]:hover, input[type="submit"]:hover {
        background-color: #151515;
        color: #fff;
    }

div.kraftcf .ajax-loader.is-active {
    visibility: hidden;
}

.kraftcf-form div.kraftcf-mail-sent-ok,
.kraftcf-form div.kraftcf-response-output {
    display: none;
    border: 0;
    text-align: center;
}

    .kraftcf-form div.kraftcf-mail-sent-ok.validated,
    .kraftcf-form div.kraftcf-validation-errors.validation-error {
        display: block;
    }

.kraftcf-form .contact-form-main .kraftcf-submit {
    margin-left: auto;
    margin-right: auto;
    display: inherit;
    margin-top: 40px;
}

.kraftcf-form .contact-form-main + .kraftcf-validation-errors, .kraftcf-form .contact-form-main + .kraftcf-mail-sent-ok {
    text-align: center;
}

.kraftcf-form .contact-form-fields-wrap {
    margin-left: -15px;
    margin-right: -15px;
}

.kraftcf-form .contact-form-fields-wrap {
    margin-bottom: 30px;
}

    .kraftcf-form .contact-form-fields-wrap:after, .kraftcf-form .contact-form-fields-wrap:before {
        content: "";
        display: table;
        table-layout: fixed;
    }

.kraftcf-form input, .kraftcf-form textarea {
    background-color: #fafafa;
}

.kraftcf-form > p {
    clear: both;
}

.kraftcf-form .contact-form-fields {
    display: inline-block;
    width: 100%;
    float: left;
    padding: 0 15px;
    margin-bottom:25px;
}

.kraftcf-form .kraftcf-form-control-wrap {
    display: block;
    width: 100%;
}

.kraftcf-form input[type="submit"] {
    margin-top: 20px;
}

.kraftcf-form span.kraftcf-not-valid-tip {
    display: none;
    color: #e8252e;
    margin-top: 10px;
}

    .kraftcf-form span.kraftcf-not-valid-tip.validation-error {
        display: block;
    }

.kraftcf-form div.kraftcf-validation-errors, .kraftcf-form div.kraftcf-acceptance-missing {
    display: none;
    border: none;
    color: #e8252e;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
}

.kraftcf-form textarea {
    height: 150px;
}

.kraftcf-form .kraftcf-submit {
    background-color: #151515;
    color: #fff;
}

    .kraftcf-form .kraftcf-submit:hover {
        opacity: .9;
    }

div.kraftcf .ajax-loader {
    position: absolute;
    bottom: -13px;
}

@media (max-width: 767px) {
    .left-block, .right-block {
        padding: 0 !important;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .img-link {
        transform: scale(0.5);
        top: -125px;
        left: -245px;
    }

    .pilot {
        transform: scale(0.5);
        top: -355px;
        left: -185px;
    }

    .img_ {
        min-height: 7700px;
    }
}



@media (max-width: 576px) {
    .img-link {
        transform: rotate(-90deg) scale(0.65);
        top: 68px;
        left: -308px;
    }
}

@media (max-width: 767px) {
    .kraftcf-form .contact-form-fields {
        float: none;
        width: 100%;
        display: block;
        margin-top: 30px;
    }

        .kraftcf-form .contact-form-fields:first-of-type {
            margin-top: 0;
        }
}
/*--------------------------------------------------------------
Contents
--------------------------------------------------------------*/
.page-click-capture {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(30, 30, 30, 0.8);
    z-index: 10;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

    .page-click-capture.page-overlay {
        opacity: 1;
        visibility: visible;
    }

.js-tilt-glare-inner {
    background-image: none !important;
}

.map-block {
    position: relative;
    width: 100%;
    height: 400px;
}

    .map-block .google-map {
        overflow: hidden;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder, :-moz-placeholder {
    color: #909090;
}

::-moz-placeholder {
    color: #909090;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #909090;
}

.hero-section {
    padding: 335px 0 292px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-32 {
    margin-top: 32px;
}

.m-t-35 {
    margin-top: 35px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-55 {
    margin-top: 55px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-t-65 {
    margin-top: 65px;
}

.m-t-70 {
    margin-top: 70px;
}

.m-t-75 {
    margin-top: 75px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-t-85 {
    margin-top: 85px;
}

.m-t-90 {
    margin-top: 90px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-12 {
    margin-bottom: 12px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-70 {
    margin-bottom: 70px;
}

.m-b-75 {
    margin-bottom: 75px;
}

.m-b-90 {
    margin-bottom: 90px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-t-95 {
    padding-top: 95px;
}

.p-t-115 {
    padding-top: 115px;
}

.p-r-55 {
    padding-right: 55px;
}

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

.p-b-20 {
    padding-bottom: 20px;
}

.p-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.p-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.p-10 {
    padding: 10px;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding {
    padding: 0;
}

.empty-space-30 {
    height: 30px;
}

.t-offset-20 {
    margin-top: -20px;
}

@media (max-width: 768px) {
    .m-t-35-res {
        margin-top: 35px;
    }
}
/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments, #respond {
    clear: both;
    margin-top: 69px;
}

.comments-title {
    margin-bottom: 0px;
}

.comments-title, .comment-reply-title {
    font-size: 34px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 12px;
}

    .comment-reply-title small {
        text-align: right;
        float: right;
        background: #fff;
        display: inline-block;
        position: relative;
        padding-left: 30px;
        top: 8px;
        font-size: 13px;
    }

.comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .comment-list .comment {
        border-top: 1px solid #e9e9e9;
    }

    .comment-list .children {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .comment-list li:before {
        display: none;
    }

    .comment-list .comment-respond {
        margin-bottom: 50px;
    }

.comments-area > .comment-list > .comment:first-of-type {
    border-top: 0;
}

.comments-area > .comment-list > .comment:last-of-type {
    border-bottom: 1px solid #e9e9e9;
}

.comment-body {
    margin-left: 100px;
    padding: 40px 0;
}

.pingback .comment-body, .trackback .comment-body {
    padding: 10px 0;
}

    .pingback .comment-body a, .trackback .comment-body a {
        text-decoration: none;
    }

div.comment-body {
    margin-left: 0;
}

.comment-author {
    line-height: normal;
    margin-bottom: 4px;
}

    .comment-author a {
        text-decoration: none;
    }

    .comment-author, .comment-author .fn {
        font-size: 18px;
        font-weight: 500;
        color: #151515;
        position: relative;
        text-transform: capitalize;
        line-height: normal;
    }

        .comment-author .avatar {
            height: 80px;
            left: -100px;
            position: absolute;
            width: 80px;
            border-radius: 50%;
        }

        .comment-author .says {
            display: none;
        }

.comment-meta {
    margin-bottom: 12px;
}

.comment-metadata {
    color: #151515;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}

    .comment-metadata a {
        color: inherit;
        text-decoration: none;
    }

    .comment-metadata .comment-edit-link {
        color: #151515;
        display: inline-block;
        margin-left: 11px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: .4px;
    }

.comment-content p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}

.comment-content blockquote p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

.comment-content img {
    margin-top: 3px;
}

.comment-body {
    position: relative;
    font-size: 14px;
}

    .comment-body .reply {
        text-align: right;
        margin-top: 20px;
    }

        .comment-body .reply .comment-reply-link {
            font-size: 12px;
            font-weight: 400;
            color: #151515;
            -webkit-transition: 120ms ease-in;
            -o-transition: 120ms ease-in;
            transition: 120ms ease-in;
            text-decoration: none;
            border: 1px solid #151515;
            padding: 4px 12px;
        }

            .comment-body .reply .comment-reply-link:hover {
                background-color: #151515;
                color: #fff;
            }

ol .children {
    margin-left: 90px !important;
}

.no-comments,
.comment-awaiting-moderation {
    color: #5b5b5b;
    font-size: 14px;
    margin-top: 5px;
}

.comments-pagination {
    margin: 2em 0 3em;
}

.comment-form {
    margin-left: -15px;
    margin-right: -15px;
}

    .comment-form label {
        display: none;
    }

    .comment-form .comment-form-comment, .comment-form .comment-notes, .comment-form .form-submit, .comment-form .logged-in-as {
        padding-left: 15px;
        padding-right: 15px;
    }

    .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
        display: inline-block;
        float: left;
        width: 33.33%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .comment-form .comment-form-comment {
        margin-bottom: 30px;
    }

    .comment-form .comment-form-url {
        margin-bottom: 35px;
    }

    .comment-form #wp-comment-cookies-consent {
        margin: 0 10px 0 0;
    }

    .comment-form .comment-form-cookies-consent label {
        display: inline;
    }

    .comment-form .form-submit {
        margin-top: 25px;
    }

.logged-in-as {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .logged-in-as a {
        font-size: 15px;
    }

.comment-form-cookies-consent {
    padding: 0 15px;
}

.comment-form-cookies-consent {
    display: none;
}

@media (max-width: 767px) {
    .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
        display: block;
        float: none;
        width: 100%;
    }

    .comment-form .comment-form-author, .comment-form .comment-form-email {
        margin-bottom: 30px;
    }

    ol .children {
        margin-left: 35px !important;
    }
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer {
    padding: 35px 0 34px;
}

    .site-footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .site-footer ul li {
            display: inline-block;
        }

    .site-footer:not(.centered) {
        border-top: 1px solid rgba(175, 175, 175, 0.2);
    }

        .site-footer:not(.centered) .social-links-menu li {
            margin-left: 12px;
        }

        .site-footer:not(.centered) .container, .site-footer:not(.centered) .container-fluid {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .site-footer:not(.centered) .container:after, .site-footer:not(.centered) .container-fluid:after {
                content: initial;
            }

    .site-footer .copyright {
        color: #707070;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .site-footer .social-links-menu li {
        margin: 0 6px;
    }

        .site-footer .social-links-menu li a {
            color: #151515;
            text-decoration: none;
            font-size: 14px;
        }

        .site-footer .social-links-menu li i {
            color: #151515;
            font-size: 14px;
        }

        .site-footer .social-links-menu li a:hover i {
            color: rgba(21, 21, 21, 0.6);
        }

    .site-footer.centered {
        padding: 90px 0 0 0;
        text-align: center;
        background-color: #202020;
    }

        .site-footer.centered .footer-links {
            margin-bottom: 40px;
        }

            .site-footer.centered .footer-links li {
                margin: 0 15px;
            }

                .site-footer.centered .footer-links li a {
                    text-decoration: none;
                    font-size: 12px;
                    letter-spacing: .3px;
                    font-weight: 500;
                    color: rgba(255, 255, 255, 0.9);
                }

        .site-footer.centered .social-links-menu {
            margin-bottom: 50px;
        }

            .site-footer.centered .social-links-menu li {
                margin: 0 6px;
            }

                .site-footer.centered .social-links-menu li a {
                    width: 30px;
                    height: 30px;
                    display: inline-block;
                    border-radius: 50%;
                    background-color: #fff;
                }

                .site-footer.centered .social-links-menu li i {
                    font-size: 12px;
                    line-height: 30px;
                    color: #151515;
                }

                .site-footer.centered .social-links-menu li a:hover i {
                    color: rgba(21, 21, 21, 0.9);
                }

        .site-footer.centered .site-info {
            border-top: 1px solid rgba(175, 175, 175, 0.1);
            padding: 35px 0 34px;
        }

            .site-footer.centered .site-info .copyright {
                color: rgba(255, 255, 255, 0.5);
            }

    .site-footer.standard.dark {
        background-color: #202020;
        border: 0;
    }

        .site-footer.standard.dark .copyright {
            color: rgba(255, 255, 255, 0.5);
        }

        .site-footer.standard.dark .social-links-menu li a,
        .site-footer.standard.dark .social-links-menu li a i {
            color: #fff;
        }

            .site-footer.standard.dark .social-links-menu li a:hover,
            .site-footer.standard.dark .social-links-menu li a i:hover {
                opacity: .6;
            }

@media (max-width: 767px) {
    .site-footer .footer-content {
        display: block;
        text-align: center;
    }

        .site-footer .footer-content .footer-email, .site-footer .footer-content .social-navigation {
            margin-bottom: 20px;
        }
}

.scroll-top-link {
    position: fixed;
    z-index: 9;
    right: 30px;
    bottom: 30px;
    background: #e9e9e9;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 25px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s all;
    display: none;
}

    .scroll-top-link i {
        line-height: 29px;
    }

    .scroll-top-link.active {
        visibility: visible;
        opacity: 1;
    }

    .scroll-top-link:hover {
        opacity: .7;
    }

@media (min-width: 1100px) {
    .scroll-top-link {
        display: block;
    }

    .video .cbp-item-wrapper {
        padding: 0 30px 0 0 !important;
    }

    .cbp-item .cbp-caption-defaultWrap img {
        height: 300px;
    }

    .cbp-item .cbp-lightbox img {
        height: 200px;
    }

    .cbp-item.uzun .cbp-lightbox img {
        height: auto !important;
    }
}
/*--------------------------------------------------------------
Header Standard
--------------------------------------------------------------*/
#masthead.site-header.standard {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 5px 10px -5px rgba(223,39,37,0.75);
    -webkit-box-shadow: 0px 5px 10px -5px rgba(223,39,37,0.75);
    -moz-box-shadow: 0px 5px 10px -5px rgba(223,39,37,0.75);
    position: fixed;
    top: 0;
    left: 0;
}

@media (min-width: 992px) {
    #masthead.site-header.standard #ham-trigger-wrap {
        display: none;
    }

    #masthead.site-header.standard #site-branding a {
        padding: 0 !important;
    }

    #masthead.site-header.standard #site-navigation .menu a {
        letter-spacing: .4px;
    }

    #masthead.site-header.standard #site-navigation .menu > li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        position: relative;
        padding: 35px 10px;
    }

        #masthead.site-header.standard #site-navigation .menu > li:last-of-type {
            padding-right: 0;
        }

        #masthead.site-header.standard #site-navigation .menu > li > a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 14px;
            letter-spacing: 0;
            font-weight: 500;
            text-transform: uppercase;
        }

        #masthead.site-header.standard #site-navigation .menu > li > ul.invert-dropdown {
            left: auto;
            right: 0 !important;
        }

        #masthead.site-header.standard #site-navigation .menu > li ul {
            position: absolute;
            top: 70px;
            background-color: #101010;
            width: 170px;
            z-index: 10;
            left: -7px;
            margin-left: 0;
            opacity: 0;
            display: none;
            visibility: hidden;
            -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
            transform: translateY(10px);
            -webkit-transition: visibility 0s, opacity 0.3s linear,transform 0.3s;
            -o-transition: visibility 0s, opacity 0.3s linear, transform 0.3s;
            -webkit-transition: visibility 0s, opacity 0.3s linear,-webkit-transform 0.3s;
            transition: visibility 0s, opacity 0.3s linear,-webkit-transform 0.3s;
            transition: visibility 0s, opacity 0.3s linear, transform 0.3s;
            transition: visibility 0s, opacity 0.3s linear,transform 0.3s, -webkit-transform 0.3s;
        }

            #masthead.site-header.standard #site-navigation .menu > li ul li {
                margin: 0;
                padding: 13px 25px 12px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                position: relative;
            }

                #masthead.site-header.standard #site-navigation .menu > li ul li:last-of-type {
                    border-bottom: 0;
                }

                #masthead.site-header.standard #site-navigation .menu > li ul li a {
                    font-size: 12px;
                    line-height: 18px;
                    display: block;
                    color: #fff;
                    text-transform: capitalize;
                }

            #masthead.site-header.standard #site-navigation .menu > li ul ul {
                background-color: #19191a;
                left: 170px;
                top: 0;
                -webkit-transform: translateX(-10px);
                -ms-transform: translateX(-10px);
                transform: translateX(-10px);
            }

            #masthead.site-header.standard #site-navigation .menu > li ul.invert-dropdown {
                left: auto;
                right: 170px;
            }

        #masthead.site-header.standard #site-navigation .menu > li:hover > ul {
            -webkit-animation: dropdown-effect .2s ease-out;
            -moz-animation: dropdown-effect .2s ease-out;
            display: block;
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

            #masthead.site-header.standard #site-navigation .menu > li:hover > ul > li:hover ul {
                display: block;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                -webkit-animation: dropdown-effect .2s ease-out;
                -moz-animation: dropdown-effect .2s ease-out;
                opacity: 1;
                visibility: visible;
            }

        #masthead.site-header.standard #site-navigation .menu > li.current-menu-parent > a, #masthead.site-header.standard #site-navigation .menu > li.current-menu-ancestor > a, #masthead.site-header.standard #site-navigation .menu > li:hover > a {
            color: rgba(21, 21, 21, 0.6);
        }

        #masthead.site-header.standard #site-navigation .menu > li:hover > a {
            color: rgba(21, 21, 21, 0.6);
        }

        #masthead.site-header.standard #site-navigation .menu > li > a {
            color: #151515;
        }

    #masthead.site-header.standard.centered .container, #masthead.site-header.standard.centered .container-fluid {
        display: block;
    }

    #masthead.site-header.standard.centered #site-branding, #masthead.site-header.standard.centered #site-navigation {
        text-align: center;
    }

        #masthead.site-header.standard.centered #site-navigation li, #masthead.site-header.standard.centered #site-navigation a {
            text-align: left;
        }

        #masthead.site-header.standard.centered #site-branding a {
            padding-bottom: 0;
        }

        #masthead.site-header.standard.centered #site-navigation .menu > li:last-child {
            padding-right: 20px;
        }
}

@-webkit-keyframes dropdown-effect {
    0% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }
}
/*--------------------------------------------------------------
Header Hamburger
--------------------------------------------------------------*/
@media (min-width: 1199px) {
    #masthead.site-header.left-sidebar {
        width: 300px;
        height: 100%;
        background-color: #fcfcfc;
        position: fixed;
        top: 0;
        left: 0;
        border-right: 1px solid #f2f2f2;
    }

        #masthead.site-header.left-sidebar .container, #masthead.site-header.left-sidebar .container-fluid {
            height: 100%;
            flex-direction: column;
            align-items: flex-start;
            padding-left: 35px;
            padding-right: 35px;
        }

        #masthead.site-header.left-sidebar #site-branding a {
            padding-top: 0 !important;
        }

    #masthead.site-header.standard #site-branding a {
        padding: 0 !important;
    }

    #masthead.site-header.left-sidebar #ham-trigger-wrap {
        display: none;
    }

    #masthead.site-header.left-sidebar #site-navigation {
        width: 100%;
        max-width: 960px;
        overflow: hidden;
        margin-top: -40px;
    }

        #masthead.site-header.left-sidebar #site-navigation .menu {
            max-height: calc(100vh - 300px);
            overflow-x: auto;
            width: calc(100% + 20px);
        }

            #masthead.site-header.left-sidebar #site-navigation .menu a {
                color: #151515;
            }

            #masthead.site-header.left-sidebar #site-navigation .menu > li {
                margin-bottom: 10px;
                border-bottom: 1px solid #f0f0f0;
                padding-bottom: 11px;
            }

                #masthead.site-header.left-sidebar #site-navigation .menu > li:last-of-type {
                    margin-bottom: 0;
                }

                #masthead.site-header.left-sidebar #site-navigation .menu > li > a {
                    font-size: 12px;
                    font-weight: 500;
                    letter-spacing: .5px;
                }

                #masthead.site-header.left-sidebar #site-navigation .menu > li ul {
                    padding: 10px 12px 4px;
                    display: none;
                }

                    #masthead.site-header.left-sidebar #site-navigation .menu > li ul > li {
                        margin-bottom: 8px;
                    }

                        #masthead.site-header.left-sidebar #site-navigation .menu > li ul > li:last-of-type {
                            margin-bottom: 0;
                        }

                        #masthead.site-header.left-sidebar #site-navigation .menu > li ul > li > a {
                            font-size: 13px;
                            font-weight: 400;
                        }

                    #masthead.site-header.left-sidebar #site-navigation .menu > li ul ul > li > a {
                        font-size: 13px;
                    }

                #masthead.site-header.left-sidebar #site-navigation .menu > li.current-menu-parent > a, #masthead.site-header.left-sidebar #site-navigation .menu > li.current-menu-ancestor > a {
                    color: #707070;
                }

                #masthead.site-header.left-sidebar #site-navigation .menu > li:hover > a {
                    color: #707070;
                }

                #masthead.site-header.left-sidebar #site-navigation .menu > li > a {
                    color: #151515;
                }

                #masthead.site-header.left-sidebar #site-navigation .menu > li a:hover {
                    color: #707070;
                }

        #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger {
            cursor: pointer;
            position: absolute;
            top: 19px;
            right: 23px;
        }

            #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close {
                display: inline-block;
                transform: translateY(-5px);
            }

                #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span {
                    display: inline-block;
                    position: relative;
                    background-color: transparent !important;
                }

                    #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after {
                        content: '';
                        position: absolute;
                    }

                    #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before {
                        top: -8px;
                        -webkit-transform: translateY(8px) rotateZ(-45deg);
                        -ms-transform: translateY(8px) rotateZ(-45deg);
                        transform: translateY(8px) rotateZ(-45deg);
                    }

                    #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after {
                        top: 8px;
                        -webkit-transform: translateY(-8px) rotateZ(45deg);
                        -ms-transform: translateY(-8px) rotateZ(45deg);
                        transform: translateY(-8px) rotateZ(45deg);
                    }

                    #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after, #masthead.site-header.left-sidebar #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span {
                        width: 21px;
                        height: 2px;
                        -webkit-transition: all 0.3s;
                        -o-transition: all 0.3s;
                        transition: all 0.3s;
                        background-color: #fff;
                    }

    #masthead.site-header.left-sidebar .social-links-menu {
        list-style-type: none;
        margin: 0;
        padding: 0 0 35px;
    }

        #masthead.site-header.left-sidebar .social-links-menu li {
            display: inline-block;
        }

            #masthead.site-header.left-sidebar .social-links-menu li a {
                display: block;
                width: 26px;
                height: 26px;
                border: 1px solid #151515;
                border-radius: 50%;
                text-align: center;
                margin-right: 7px;
                line-height: 1;
            }

                #masthead.site-header.left-sidebar .social-links-menu li a i {
                    font-size: 10px;
                    line-height: 25px;
                }

    #masthead.site-header.left-sidebar + .site-content-contain {
        margin-left: 300px;
    }
}

@media (max-width: 1200px) {


    .item {
        width: 25% !important;
        margin: 0 3% 25px 3% !important;
    }

        .item.bknlk {
            width: 50% !important;
            margin: 0 25% 25px 25% !important;
        }

        .item.col-lg-12 {
            width: 100% !important;
            margin: 0 0 25px 0 !important;
        }

    .col-lg-3.bos, .col-lg-2.bos {
        margin: 0 !important;
        width: auto !important;
        padding: 0 !important;
    }

    .title-row {
        width: 100%;
        text-align: center;
        float: left;
    }

    .cbp-item.srcn {
        filter: grayscale(0);
    }

    #masthead.site-header.left-sidebar {
        background-color: #fcfcfc;
        position: relative;
    }

        #masthead.site-header.left-sidebar .container-fluid {
            padding-left: 15px;
            padding-right: 15px;
        }

        #masthead.site-header.left-sidebar #site-navigation {
            position: absolute;
            top: 100%;
            width: 100%;
            z-index: 10;
            -webkit-transition: all .4s ease;
            -o-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease;
            opacity: 0;
            visibility: hidden;
            padding: 0 15px;
            margin-left: -15px;
        }

            #masthead.site-header.left-sidebar #site-navigation.display-menu {
                opacity: 1;
                visibility: visible;
            }

            #masthead.site-header.left-sidebar #site-navigation .menu {
                background-color: #101010;
                max-height: calc(100vh - 150px);
                overflow-y: auto;
            }

                #masthead.site-header.left-sidebar #site-navigation .menu li {
                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                    position: relative;
                }

                    #masthead.site-header.left-sidebar #site-navigation .menu li:last-of-type {
                        border-bottom: 0;
                    }

                #masthead.site-header.left-sidebar #site-navigation .menu a {
                    font-size: 12px;
                    letter-spacing: .4px;
                    font-weight: 500;
                    display: block;
                    padding: 15px 20px;
                    text-transform: uppercase;
                    color: #fff;
                }

                    #masthead.site-header.left-sidebar #site-navigation .menu a:hover {
                        color: rgba(225, 225, 225, 0.7);
                    }

                #masthead.site-header.left-sidebar #site-navigation .menu > li ul {
                    display: none;
                    border-top: 1px solid rgba(255, 255, 255, 0.1);
                }

                    #masthead.site-header.left-sidebar #site-navigation .menu > li ul a {
                        margin-left: 12px;
                    }

                    #masthead.site-header.left-sidebar #site-navigation .menu > li ul ul a {
                        margin-left: 24px;
                    }

                #masthead.site-header.left-sidebar #site-navigation .menu > li.current-menu-parent > a, #masthead.site-header.left-sidebar #site-navigation .menu > li.current-menu-ancestor > a, #masthead.site-header.left-sidebar #site-navigation .menu > li:hover > a {
                    color: rgba(225, 225, 225, 0.7);
                }

                #masthead.site-header.left-sidebar #site-navigation .menu > li:hover > a {
                    color: rgba(225, 225, 225, 0.7);
                }

        #masthead.site-header.left-sidebar .social-links-menu {
            display: none;
        }
}
/*--------------------------------------------------------------
Header Hamburger
--------------------------------------------------------------*/
#masthead.site-header.hamburger-side {
    background-color: #fff;
}

    #masthead.site-header.hamburger-side #site-navigation {
        width: 300px;
        height: 100%;
        background-color: #1e1e1e;
        position: fixed;
        top: 0;
        right: -300px;
        padding: 55px 10px 40px 50px;
        z-index: 10;
    }

        #masthead.site-header.hamburger-side #site-navigation .menu {
            max-height: calc(100vh - 80px);
            overflow-y: scroll;
            margin-right: -80px;
        }

            #masthead.site-header.hamburger-side #site-navigation .menu a {
                color: #fff;
            }

            #masthead.site-header.hamburger-side #site-navigation .menu > li {
                margin-bottom: 10px;
            }

                #masthead.site-header.hamburger-side #site-navigation .menu > li:last-of-type {
                    margin-bottom: 0;
                }

                #masthead.site-header.hamburger-side #site-navigation .menu > li > a {
                    font-size: 28px;
                    font-weight: 500;
                }

                #masthead.site-header.hamburger-side #site-navigation .menu > li ul {
                    padding: 15px 0;
                    display: none;
                }

                    #masthead.site-header.hamburger-side #site-navigation .menu > li ul > li {
                        margin-bottom: 8px;
                    }

                        #masthead.site-header.hamburger-side #site-navigation .menu > li ul > li:last-of-type {
                            margin-bottom: 0;
                        }

                        #masthead.site-header.hamburger-side #site-navigation .menu > li ul > li > a {
                            font-size: 18px;
                            font-weight: 400;
                        }

                    #masthead.site-header.hamburger-side #site-navigation .menu > li ul ul > li > a {
                        font-size: 16px;
                    }

                #masthead.site-header.hamburger-side #site-navigation .menu > li.current-menu-parent > a, #masthead.site-header.hamburger-side #site-navigation .menu > li.current-menu-ancestor > a {
                    color: #707070;
                }

                #masthead.site-header.hamburger-side #site-navigation .menu > li:hover > a {
                    color: #707070;
                }

                #masthead.site-header.hamburger-side #site-navigation .menu > li > a {
                    color: #fff;
                }

                #masthead.site-header.hamburger-side #site-navigation .menu > li a:hover {
                    color: #707070;
                }

        #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger {
            cursor: pointer;
            position: absolute;
            top: 19px;
            right: 23px;
        }

            #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close {
                display: inline-block;
                transform: translateY(-5px);
            }

                #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span {
                    display: inline-block;
                    position: relative;
                    background-color: transparent !important;
                }

                    #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after {
                        content: '';
                        position: absolute;
                    }

                    #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before {
                        top: -8px;
                        -webkit-transform: translateY(8px) rotateZ(-45deg);
                        -ms-transform: translateY(8px) rotateZ(-45deg);
                        transform: translateY(8px) rotateZ(-45deg);
                    }

                    #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after {
                        top: 8px;
                        -webkit-transform: translateY(-8px) rotateZ(45deg);
                        -ms-transform: translateY(-8px) rotateZ(45deg);
                        transform: translateY(-8px) rotateZ(45deg);
                    }

                    #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:before, #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span:after, #masthead.site-header.hamburger-side #site-navigation #hamburger-menu-close-trigger .hamburger-menu-close span {
                        width: 21px;
                        height: 2px;
                        -webkit-transition: all 0.3s;
                        -o-transition: all 0.3s;
                        transition: all 0.3s;
                        background-color: #fff;
                    }

/*--------------------------------------------------------------
Header General
--------------------------------------------------------------*/
#masthead.site-header {
    width: 100%;
    z-index: 9;
}

    #masthead.site-header a {
        text-decoration: none;
    }

    #masthead.site-header #site-navigation ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        line-height: normal;
    }

    #masthead.site-header #site-branding {
        line-height: 0;
    }

        #masthead.site-header #site-branding .retina-logo {
            display: none;
        }

        #masthead.site-header #site-branding a {
            display: inline-block;
            line-height: normal;
            padding: 0;
        }

    #masthead.site-header #ham-trigger-wrap {
        cursor: pointer;
    }

        #masthead.site-header #ham-trigger-wrap .ham-trigger {
            display: inline-block;
            -webkit-transform: translateY(-3px);
            -ms-transform: translateY(-3px);
            transform: translateY(-3px);
        }

            #masthead.site-header #ham-trigger-wrap .ham-trigger span {
                display: inline-block;
                position: relative;
            }

                #masthead.site-header #ham-trigger-wrap .ham-trigger span:before, #masthead.site-header #ham-trigger-wrap .ham-trigger span:after {
                    content: '';
                    position: absolute;
                }

                #masthead.site-header #ham-trigger-wrap .ham-trigger span:before {
                    top: -8px;
                }

                #masthead.site-header #ham-trigger-wrap .ham-trigger span:after {
                    top: 8px;
                }

                #masthead.site-header #ham-trigger-wrap .ham-trigger span:before, #masthead.site-header #ham-trigger-wrap .ham-trigger span:after, #masthead.site-header #ham-trigger-wrap .ham-trigger span {
                    width: 25px;
                    height: 2.5px;
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s;
                    background-color: #151515;
                }

        #masthead.site-header #ham-trigger-wrap.open .ham-trigger span {
            background-color: transparent;
        }

            #masthead.site-header #ham-trigger-wrap.open .ham-trigger span:before {
                -webkit-transform: translateY(8px) rotateZ(-45deg);
                -ms-transform: translateY(8px) rotateZ(-45deg);
                transform: translateY(8px) rotateZ(-45deg);
            }

            #masthead.site-header #ham-trigger-wrap.open .ham-trigger span:after {
                -webkit-transform: translateY(-8px) rotateZ(45deg);
                -ms-transform: translateY(-8px) rotateZ(45deg);
                transform: translateY(-8px) rotateZ(45deg);
            }

    #masthead.site-header .container, #masthead.site-header .container-fluid {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #masthead.site-header .container:after, #masthead.site-header .container-fluid:after {
            content: initial;
        }

    #masthead.site-header .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }

    #masthead.site-header.transparent {
        position: absolute;
        width: 100%;
        background-color: transparent;
    }

    #masthead.site-header.no-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #masthead.site-header.standard, #masthead.site-header.hamburger-side {
        padding-top: 0;
        padding-bottom: 0;
    }

.site-header.is-stuck {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    padding: 0 !important;
    margin: 0 !important;
}

    .site-header.is-stuck #site-branding a {
        padding: 0 0 !important;
    }

@media (max-width: 1200px) {
    #masthead.site-header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {

    .video {
        padding: 0;
    }

    .banners ul li, .banners.fours ul li, .banners.fours ul li:last-child {
        float: left;
        width: 85%;
        margin: 0 7.5% 15px 7.5%;
        filter: grayscale(var(--value, 0));
    }

        .banners ul li.two {
            width: 85%;
            margin: 0 7.5% 15px 7.5%;
        }

        .banners ul li:last-child {
            width: 85%;
            margin: 0 7.5% 15px 7.5%;
        }

        .banners ul li a {
            background: url(../images/bbg-mobile.png) no-repeat bottom center;
        }

    #masthead.site-header:not(.hamburger-side) #site-navigation {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 10;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 0;
        visibility: hidden;
        padding: 0 15px;
        margin-left: -15px;
    }

        #masthead.site-header:not(.hamburger-side) #site-navigation.display-menu {
            opacity: 1;
            visibility: visible;
            padding: 0;
        }

        #masthead.site-header:not(.hamburger-side) #site-navigation .menu {
            background-color: #101010;
            max-height: calc(100vh - 150px);
            overflow-y: auto;
        }

            #masthead.site-header:not(.hamburger-side) #site-navigation .menu li {
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                position: relative;
            }

                #masthead.site-header:not(.hamburger-side) #site-navigation .menu li strong {
                    color: #fff !important;
                }

                #masthead.site-header:not(.hamburger-side) #site-navigation .menu li:last-of-type {
                    border-bottom: 0;
                }

            #masthead.site-header:not(.hamburger-side) #site-navigation .menu a {
                font-size: 12px;
                letter-spacing: .4px;
                font-weight: 500;
                display: block;
                padding: 15px 20px;
                text-transform: uppercase;
                color: #fff;
            }

                #masthead.site-header:not(.hamburger-side) #site-navigation .menu a:hover {
                    color: rgba(225, 225, 225, 0.7);
                }

            #masthead.site-header:not(.hamburger-side) #site-navigation .menu > li ul {
                display: none;
                border-top: 1px solid rgba(255, 255, 255, 0.1);
            }

                #masthead.site-header:not(.hamburger-side) #site-navigation .menu > li ul a {
                    margin-left: 12px;
                }

                #masthead.site-header:not(.hamburger-side) #site-navigation .menu > li ul ul a {
                    margin-left: 24px;
                }

            #masthead.site-header:not(.hamburger-side) #site-navigation .menu > li.current-menu-parent > a, #masthead.site-header:not(.hamburger-side) #site-navigation .menu > li.current-menu-ancestor > a, #masthead.site-header:not(.hamburger-side) #site-navigation .menu > li:hover > a {
                color: rgba(225, 225, 225, 0.7);
            }

            #masthead.site-header:not(.hamburger-side) #site-navigation .menu > li:hover > a {
                color: rgba(225, 225, 225, 0.7);
            }
}

@media (max-width: 767px) {
    #masthead.site-header.standard, #masthead.site-header.hamburger-side {
        margin: 0 !important;
        padding: 0 !important;
    }

    #masthead.site-header #site-branding .retina-logo {
        max-width: 80px !important;
    }

    #masthead.site-header #site-branding a {
        padding: 10px 0;
    }

    .site-footer.centered {
        padding: 60px 0 0 0;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #masthead.site-header #site-branding .retina-logo {
        display: block;
    }

    #masthead.site-header #site-branding .logo {
        display: none;
    }
}

#masthead.site-header #site-branding .retina-logo {
    max-width: 110px;
}

/*--------------------------------------------------------------
Portfolio Details
--------------------------------------------------------------*/
.single-portfolio .portfolio .portfolio-media .flex-video {
    width: 100%;
    height: 0px;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.single-portfolio .portfolio .media-wrap > .portfolio-media {
    margin-bottom: 50px;
}

    .single-portfolio .portfolio .media-wrap > .portfolio-media:last-of-type {
        margin-bottom: 0;
    }

.single-portfolio .portfolio .entry-header .entry-title {
    font-size: 38px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 2px;
}

.single-portfolio .portfolio .entry-header .description {
    font-size: 20px;
    font-weight: 400;
    color: #505050;
}

.single-portfolio .portfolio .entry-header .entry-meta {
    text-transform: none;
    padding: 0;
}

    .single-portfolio .portfolio .entry-header .entry-meta .meta-desc p {
        font-size: 15px;
        line-height: 25px;
        font-weight: 400;
        margin-bottom: 10px;
    }

        .single-portfolio .portfolio .entry-header .entry-meta .meta-desc p:last-child {
            margin-bottom: 0;
        }

    .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li {
            border-bottom: 1px solid #e9e9e9;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

            .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li:last-of-type {
                border-bottom: 0;
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li span {
                font-size: 17px;
                font-weight: 500;
                color: #151515;
                display: block;
                margin-bottom: 5px;
            }

            .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li.portfolio-social-share-links span {
                margin-bottom: 7px;
            }

            .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li, .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li a {
                text-decoration: none;
                font-size: 14px;
                line-height: normal;
                font-weight: 400;
                color: #707070;
            }

                .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li:not(.portfolio-social-share-links) a:after {
                    content: ',';
                    display: inline-block;
                    margin-right: 1px;
                }

                .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li:not(.portfolio-social-share-links) a:last-of-type:after {
                    display: none;
                    margin-right: 0;
                }

                .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li.portfolio-social-share-links a {
                    display: inline-block;
                    text-align: center;
                    margin-right: 6px;
                }

                    .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li.portfolio-social-share-links a span {
                        font-size: 15px;
                        font-weight: 400;
                    }

                    .single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li.portfolio-social-share-links a i {
                        font-size: 13px;
                        -webkit-transition: color 120ms ease-in;
                        -o-transition: color 120ms ease-in;
                        transition: color 120ms ease-in;
                    }

    .single-portfolio .portfolio .entry-header .entry-meta .meta-entries .btn-container {
        margin-top: 30px;
    }

.single-portfolio.portfolio-details-right .portfolio, .single-portfolio.portfolio-details-top .portfolio, .single-portfolio.portfolio-details-left .portfolio {
    margin-top: 30px;
}

    .single-portfolio.portfolio-details-right .portfolio .entry-header .entry-meta .meta-entries, .single-portfolio.portfolio-details-left .portfolio .entry-header .entry-meta .meta-entries {
        margin-top: 30px;
    }

.single-portfolio.portfolio-details-right .meta-desc, .single-portfolio.portfolio-details-left .meta-desc {
    margin-top: 8px;
}

.single-portfolio.portfolio-details-top .entry-header {
    margin-bottom: 60px;
}

.single-portfolio.portfolio-details-top .entry-meta {
    margin-top: 10px;
}

.single-portfolio.portfolio-details-bottom .entry-header {
    margin-top: 32px;
}

.single-portfolio.portfolio-details-bottom .entry-meta {
    margin-top: 8px;
}

.single-portfolio.full-width .portfolio-navigation-wrap .portfolio-navigation {
    max-width: none;
    padding-left: 50px;
    padding-right: 50px;
}

img.lightbox-plus, .cbp-custom-overlay img.icon-arrow {
    width: 24px;
    margin: auto;
}

.portfolio-details-right .right-sidebar .media-wrap .cbp,
.portfolio-details-left .left-sidebar .media-wrap .cbp {
    height: 1200px;
}

.portfolio-hero-video {
    position: relative;
    overflow: hidden;
}

    .portfolio-hero-video.hero-full-height {
        height: 100vh;
    }

.portfolio-details-bottom .portfolio-hero-section-wrap {
    margin-bottom: 50px;
}

.portfolio-details-top .portfolio-hero-section-wrap {
    margin-bottom: 60px;
}

.portfolio-details-left .portfolio-hero-section-wrap, .portfolio-details-right .portfolio-hero-section-wrap {
    margin-bottom: 50px;
}

.portfolio-hero-section-wrap .portfolio-hero-section {
    position: relative;
}

    .portfolio-hero-section-wrap .portfolio-hero-section .hero-image {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .portfolio-hero-section-wrap .portfolio-hero-section .hero-image.hero-full-height {
            height: 100vh;
        }

    .portfolio-hero-section-wrap .portfolio-hero-section .swiper-slide img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.portfolio-hero-section-wrap .single-image-slider .swiper-slide .swiper-lazy {
    background-position: center;
    background-size: cover;
    height: 100%;
}

    .portfolio-hero-section-wrap .single-image-slider .swiper-slide .swiper-lazy:not(.swiper-lazy-loaded) {
        background-color: #f5f5f5;
    }

.portfolio-hero-section-wrap .single-image-slider.hero-full-height .swiper-slide {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.portfolio-hero-section-wrap .multiple-image-slider .swiper-lazy-preloader {
    padding-top: calc(100% * 1.25);
    background: #f5f5f5;
}

.cocoen-drag {
    width: 1px !important;
}

    .cocoen-drag:before {
        border: 0 !important;
        height: 24px !important;
        width: 3px !important;
        left: auto !important;
        margin-left: 0 !important;
        background: #fff !important;
        -webkit-transform: translateX(-1px);
        -ms-transform: translateX(-1px);
        transform: translateX(-1px);
    }

.cbp-lightbox .lightbox-plus {
    width: 28px;
    height: 28px;
    margin: auto;
}

.portfolio-navigation-wrap {
    border: 1px solid;
    border-color: #e9e9e9 transparent;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 80px;
    margin-left: calc( -100vw/2 + 100%/2 );
    margin-right: calc( -100vw/2 + 100%/2 );
    background-color: #f5f5f5;
    margin-bottom: -1px;
}

    .portfolio-navigation-wrap .portfolio-navigation {
        margin: 0 auto;
        padding: 0 15px;
        list-style-type: none;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

        .portfolio-navigation-wrap .portfolio-navigation li {
            position: relative;
        }

            .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a, .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a {
                position: relative;
                text-decoration: none;
            }

                .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a:before, .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a:before {
                    position: absolute;
                    content: '';
                    background-image: url(assets/images/svg/button-dark.svg);
                    background-position: center;
                    background-repeat: no-repeat;
                    width: 20px;
                    height: 31px;
                }

            .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev span, .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a, .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next span, .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a {
                color: #151515;
                font-size: 13px;
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: .5px;
            }

                .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a:hover, .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a:hover {
                    opacity: .9;
                }

            .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev.nav-disabled, .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next.nav-disabled {
                visibility: hidden;
            }

            .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a {
                padding-left: 29px;
            }

                .portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a:before {
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
                    left: 0;
                    top: -12px;
                }

            .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a {
                padding-right: 29px;
            }

                .portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a:before {
                    right: 0;
                    top: -3px;
                }

            .portfolio-navigation-wrap .portfolio-navigation li:not(.portfolio-prev) img, .portfolio-navigation-wrap .portfolio-navigation li:not(.portfolio-next) img {
                vertical-align: middle;
            }

.portfolio .media-wrap img {
    display: block;
}

.portfolio .media-wrap .image-meta-title, .portfolio .media-wrap .image-meta-details {
    background: #fff;
}

    .portfolio .media-wrap .image-meta-title.centered-aligned, .portfolio .media-wrap .image-meta-details.centered-aligned {
        text-align: center;
    }

    .portfolio .media-wrap .image-meta-title.right-aligned, .portfolio .media-wrap .image-meta-details.right-aligned {
        text-align: right;
    }

.portfolio .media-wrap h4.image-meta-title {
    font-size: 20px;
    margin: 0 0 10px 0;
    text-align: center;
}

.portfolio .media-wrap .image-meta-details span {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    margin-top: 7px;
}

.portfolio .media-wrap .image-meta-details p {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 0;
}

.related-portfolio-post {
    padding-top: 72px;
    margin-bottom: 80px;
}

    .related-portfolio-post .portfolio-slider-wrap {
        padding-bottom: 41px;
    }

    .related-portfolio-post > h3 {
        text-align: center;
        margin-bottom: 39px;
        font-size: 32px;
        font-weight: 500;
    }

    .related-portfolio-post .cbp-l-grid-agency-desc {
        font-size: 15px;
        color: #707070;
    }

    .related-portfolio-post .cbp-l-grid-agency-title {
        font-size: 18px;
        font-weight: 500;
        color: #151515;
    }

    .related-portfolio-post .cbp-nav-pagination {
        bottom: -50px;
    }

    .related-portfolio-post .cbp-nav-pagination-item {
        margin: 0 6px;
        background: #858585;
    }

    .related-portfolio-post .cbp-nav-pagination-active {
        background: #151515;
    }

.portfolio-no-navigation-wrap {
    margin-top: 90px;
    height: 1px;
    background: #f5f5f5;
    margin-left: calc( -100vw/2 + 100%/2 );
    margin-right: calc( -100vw/2 + 100%/2 );
}

.cbp:after, .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after,
.cbp:after, .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after,
.swiper-lazy-preloader:after {
    border-left: 2px solid #c7c7c7;
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    border-top: 2px solid rgba(199, 199, 199, 0.5);
}

.cbp-lazyload img:not([data-cbp-src]) {
    -webkit-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
}

.cbp-lazyload {
    background: #f5f5f5 !important;
}

@media (min-width: 992px) {
    .single-portfolio.portfolio-details-top .entry-meta, .single-portfolio.portfolio-details-bottom .entry-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .single-portfolio.portfolio-details-top .entry-meta .meta-desc, .single-portfolio.portfolio-details-bottom .entry-meta .meta-desc {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%;
            padding-right: 50px;
        }

        .single-portfolio.portfolio-details-top .entry-meta .meta-entries, .single-portfolio.portfolio-details-bottom .entry-meta .meta-entries {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%;
        }

        .single-portfolio.portfolio-details-top .entry-meta.no-meta .meta-desc, .single-portfolio.portfolio-details-bottom .entry-meta.no-meta .meta-desc {
            width: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            padding-right: 0;
            max-width: 100%;
        }

    .single-portfolio.portfolio-details-right .entry-header {
        width: 33.33%;
        float: right;
        padding-left: 50px;
    }

    .single-portfolio.portfolio-details-right .entry-content {
        width: 66.66%;
        float: left;
    }

    .single-portfolio.portfolio-details-right .portfolio .entry-header .entry-meta .meta-entries {
        margin-top: 25px;
    }

    .single-portfolio.portfolio-details-left .entry-header {
        width: 33.33%;
        float: left;
        padding-right: 50px;
        margin-top: -10px;
    }

    .single-portfolio.portfolio-details-left .entry-content {
        width: 66.66%;
        float: right;
    }

    .single-portfolio.portfolio-details-left .portfolio .entry-header .entry-meta .meta-entries {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .entry-header.is_stuck {
        position: static !important;
    }

        .entry-header.is_stuck + div {
            display: none !important;
        }

    .single-portfolio.portfolio-details-top .portfolio .entry-header .entry-meta .meta-entries, .single-portfolio.portfolio-details-bottom .portfolio .entry-header .entry-meta .meta-entries {
        margin: 30px 0 0;
    }

    .single-portfolio.portfolio-details-left .portfolio .entry-header .entry-meta {
        margin-bottom: 60px;
    }

    .single-portfolio.portfolio-details-right .portfolio .entry-header {
        margin-top: 40px;
    }

    .single-portfolio.portfolio-details-right .portfolio {
        margin-top: 0;
    }
}

@media (min-width: 576px) {
    .portfolio-navigation-wrap .portfolio-navigation {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .portfolio-navigation-wrap .portfolio-navigation {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .portfolio-navigation-wrap .portfolio-navigation {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .portfolio-navigation-wrap .portfolio-navigation {
        max-width: 1170px;
    }
}
/*--------------------------------------------------------------
Posts
--------------------------------------------------------------*/
/* Post Banner */
.blog-banner-content {
    padding-top: 16px;
}

    .blog-banner-content .banner-title {
        font-size: 60px;
        line-height: 1.2;
        font-weight: 500;
        color: #151515;
        margin-bottom: 8px;
    }

@media (max-width: 767px) {
    .blog-banner-content .banner-title {
        font-size: 50px;
    }
}

.blog-banner-content .description {
    font-size: 18px;
    line-height: 30px;
}

.archive .blog-banner .blog-banner-content h1.banner-title, .search .blog-banner .blog-banner-content h1.banner-title {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 0;
}

/* Post Listing & Landing Page */
body.blog .site-main, body.single.single-post .site-main {
    padding: 60px 0;
}

@media (max-width: 992px) {
    body.blog .site-main, body.single.single-post .site-main {
        padding: 30px 0;
    }
}

body.blog .site-main article.post, body.single.single-post .site-main article.post {
    margin-bottom: 60px;
}

    body.blog .site-main article.post:last-of-type, body.single.single-post .site-main article.post:last-of-type {
        margin-bottom: 20px;
    }

body.blog #secondary.widget-area, body.single.single-post #secondary.widget-area {
    padding: 0 0 80px 0;
}

body.blog .site-main {
    padding-top: 40px;
    padding-bottom: 80px;
}

body.blog-list-style:not(.single-post) .post .entry-title, body.blog-list-style:not(.single-post) .post .entry-title a {
    font-size: 30px;
    line-height: 40px;
}

body.blog-list-style:not(.single-post) .post .entry-header .entry-meta {
    margin: 0 0 10px;
}

body.blog-list-style:not(.single-post) .post .entry-content p:first-child {
    font-size: 14px;
    line-height: 24px;
}

body.blog-list-style:not(.single-post) .post .entry-content .link-more .more-link {
    padding: 7px 16px 6px;
    font-size: 11px;
    letter-spacing: .5px;
}

body:not(.blog-list-style) .post .entry-content p:not(.link-more) {
    font-size: 15px;
    line-height: 25px;
}

body.single.single-post .site-main {
    padding-top: 34px;
    padding-bottom: 90px;
}

@media (max-width: 767px) {
    body.single.single-post .site-main {
        padding-top: 10px;
    }
}

.post .entry-header .entry-meta {
    margin: 6px 0 10px;
    text-align: left;
}

    .post .entry-header .entry-meta a {
        text-decoration: none;
    }

    .post .entry-header .entry-meta span {
        font-size: 14px;
        margin-right: 16px;
        position: relative;
    }

        .post .entry-header .entry-meta span:after {
            position: absolute;
            content: '/';
            display: block;
            color: inherit;
            bottom: -4px;
            right: -13px;
            font-size: 16px;
            font-weight: 300;
        }

        .post .entry-header .entry-meta span, .post .entry-header .entry-meta span a, .post .entry-header .entry-meta span time {
            font-size: 14px;
            color: #151515;
            text-transform: capitalize;
        }

            .post .entry-header .entry-meta span:last-of-type {
                margin-right: 0;
            }

            .post .entry-header .entry-meta span > a, .post .entry-header .entry-meta span > time {
                margin-left: 5px;
                font-weight: 500;
            }

                .post .entry-header .entry-meta span > a + a, .post .entry-header .entry-meta span > time + a {
                    margin-left: 0px;
                }

            .post .entry-header .entry-meta span:last-of-type:after {
                display: none;
            }

/* Post Landing Page */
.post .post-thumbnail img, .post .entry-slider img {
    display: block;
}

.post .entry-video {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
}

    .post .entry-video iframe {
        margin-bottom: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.post .post-thumbnail, .post .entry-video, .post .entry-slider {
    margin-bottom: 30px;
}

.post .entry-content .link-more {
    margin-top: 25px;
    margin-bottom: 0;
}

    .post .entry-content .link-more .more-link {
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 9px 18px;
        background-color: transparent;
        color: #151515;
        letter-spacing: .5px;
        display: inline-block;
        -webkit-transition: 80ms ease-in;
        transition: 80ms ease-in;
        line-height: normal;
        text-decoration: none;
        border: 2px solid #151515;
    }

        .post .entry-content .link-more .more-link:hover {
            background-color: #151515;
            color: #fff;
        }

.sticky {
    position: relative;
}

.post .entry-title, .post .entry-title a {
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 0;
}

.entry-title a {
    text-decoration: none;
}

.byline, .updated:not(.published) {
    display: none;
}

.single .byline, .group-blog .byline {
    display: inline;
}

.pagination.navigation {
    margin-top: 55px;
}

.pagination, .comments-pagination {
    text-align: center;
}

    .pagination .page-numbers, .comments-pagination .page-numbers {
        display: inline-block;
        color: #151515;
        text-transform: uppercase;
    }

    .pagination a.page-numbers:hover, .comments-pagination a.page-numbers:hover {
        color: #909090;
    }

.navigation.comments-pagination .nav-links,
.navigation.pagination .nav-links {
    display: inline-block;
    border-right-width: 0;
}

    .navigation.comments-pagination .nav-links a,
    .navigation.pagination .nav-links a {
        text-decoration: none;
    }

    .navigation.comments-pagination .nav-links > a, .navigation.comments-pagination .nav-links > span,
    .navigation.pagination .nav-links > a,
    .navigation.pagination .nav-links > span {
        line-height: 40px;
        padding: 0 8px;
        display: block;
        float: left;
    }

        .navigation.comments-pagination .nav-links > a.prev, .navigation.comments-pagination .nav-links > a.next, .navigation.comments-pagination .nav-links > span.prev, .navigation.comments-pagination .nav-links > span.next,
        .navigation.pagination .nav-links > a.prev,
        .navigation.pagination .nav-links > a.next,
        .navigation.pagination .nav-links > span.prev,
        .navigation.pagination .nav-links > span.next {
            padding: 0 23px;
        }

.page-numbers {
    font-size: 13px;
    font-weight: 500;
}

    .page-numbers.current {
        color: #909090;
        display: inline-block;
    }

        .page-numbers.current .screen-reader-text {
            display: none;
            clip: auto;
            height: auto;
            overflow: auto;
            position: relative !important;
            width: auto;
        }

.prev.page-numbers, .next.page-numbers {
    display: inline-block;
    font-size: 12px;
    letter-spacing: .7px;
    position: relative;
}

    .prev.page-numbers:before, .next.page-numbers:before {
        position: absolute;
        content: '';
        background-image: url(assets/images/svg/button-dark.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 31px;
    }

    .prev.page-numbers:hover:before, .next.page-numbers:hover:before {
        opacity: .6;
    }

    .next.page-numbers:before {
        top: 8px;
        right: -5px;
    }

    .prev.page-numbers:before {
        transform: rotate(180deg);
        top: 0;
        left: -5px;
    }

    .prev.page-numbers, .prev.page-numbers:before, .next.page-numbers, .next.page-numbers:before {
        -webkit-transition: .2s ease;
        transition: .2s ease;
    }

body.blog .navigation.pagination .prev.page-numbers i, body.blog .navigation.pagination .next.page-numbers i {
    display: none;
}

.navigation.comments-pagination .prev.page-numbers, .navigation.comments-pagination .next.page-numbers {
    padding: 0 !important;
    width: 21px;
    height: 18px;
}

    .navigation.comments-pagination .prev.page-numbers:before, .navigation.comments-pagination .next.page-numbers:before {
        top: 1px;
    }

    .navigation.comments-pagination .prev.page-numbers i, .navigation.comments-pagination .next.page-numbers i {
        display: none;
    }

    .navigation.comments-pagination .prev.page-numbers:before {
        left: -10px;
    }

    .navigation.comments-pagination .next.page-numbers:before {
        right: -10px;
        top: 9px;
    }

/* Aligned blockquotes */
.entry-content blockquote.alignleft, .entry-content blockquote.alignright {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 48%;
}

/* Blog landing, search, archives */
.blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link {
    color: #222;
    display: inline-block;
    margin-left: 1em;
    white-space: nowrap;
}

.search .entry-meta a.post-edit-link {
    color: #222;
    display: inline-block;
    margin-left: 1em;
    white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
    margin-left: 0;
    white-space: nowrap;
}

.taxonomy-description {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
}

/* Entry footer */
.entry-footer .footer-links {
    display: block;
}

    .entry-footer .footer-links:after, .entry-footer .footer-links:before {
        content: "";
        display: table;
        table-layout: fixed;
        clear: both;
    }

    .entry-footer .footer-links .tags-links {
        margin-top: 21px;
        display: block;
    }

.entry-footer .social-share-meta {
    margin-top: 35px;
}

    .entry-footer .social-share-meta .social-share-label {
        color: #000;
        font-weight: 600;
    }

.entry-footer .socials-share-links {
    background: #f5f5f5;
    padding: 18px 25px 16px;
    margin-top: 40px;
}

    .entry-footer .socials-share-links, .entry-footer .socials-share-links * {
        line-height: normal;
    }

        .entry-footer .socials-share-links h6 {
            font-size: 18px;
            margin-bottom: 0;
            float: left;
            font-weight: 500;
        }

        .entry-footer .socials-share-links ul {
            margin: 0;
            float: right;
        }

            .entry-footer .socials-share-links ul li {
                display: inline-block;
                list-style-type: none;
                margin-left: 15px;
            }

                .entry-footer .socials-share-links ul li a {
                    color: #151515;
                    display: inline-block;
                    text-decoration: none;
                    font-size: 14px;
                }

                    .entry-footer .socials-share-links ul li a:hover {
                        color: #909090;
                    }

                    .entry-footer .socials-share-links ul li a i {
                        font-size: 14px;
                        -webkit-transition: color 120ms ease-in;
                        transition: color 120ms ease-in;
                    }

.entry-footer .cat-links {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-left: 2.5em;
    position: relative;
    text-transform: uppercase;
}

.entry-footer .tags-links a {
    margin-right: 10px;
    margin-bottom: 10px;
}

.entry-footer .cat-links + .tags-links {
    margin-top: 1em;
}

.entry-footer .cat-links a {
    color: #333;
}

.entry-footer .cat-links .icon, .entry-footer .tags-links .icon {
    color: #eee;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    top: 2px;
}

.entry-footer .edit-link {
    display: inline-block;
}

    .entry-footer .edit-link a.post-edit-link {
        background-color: #222;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 800;
        margin-top: 2em;
        padding: 0.7em 2em;
        -webkit-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        white-space: nowrap;
    }

        .entry-footer .edit-link a.post-edit-link:hover, .entry-footer .edit-link a.post-edit-link:focus {
            background-color: #757575;
        }

.entry-footer .author-profile {
    background-color: #f2f2f2;
    position: relative;
    min-height: 163px;
    padding: 40px 60px;
    margin-top: 39px;
}

    .entry-footer .author-profile .author-avatar {
        position: absolute;
        top: 40px;
        left: 40px;
    }

        .entry-footer .author-profile .author-avatar img {
            border-radius: 50%;
        }

    .entry-footer .author-profile .author.vcard {
        padding-left: 88px;
    }

        .entry-footer .author-profile .author.vcard a {
            font-size: 20px;
            font-weight: 600;
            text-transform: capitalize;
        }

        .entry-footer .author-profile .author.vcard p {
            margin: 6px 0 0;
            font-size: 15px;
            line-height: 25px;
        }

/* Post Navigation */
.post-navigation {
    font-weight: 600;
    margin: 60px 0 11px;
}

    .post-navigation a {
        text-decoration: none;
    }

        .post-navigation a:hover .nav-subtitle {
            color: #909090;
        }

    .post-navigation .nav-links {
        padding: 0;
    }

        .post-navigation .nav-links .nav-previous {
            float: left;
        }

        .post-navigation .nav-links .nav-next {
            float: right;
        }

    .post-navigation .nav-title {
        display: none;
    }

    .post-navigation .nav-subtitle {
        position: relative;
    }

    .post-navigation .nav-previous .nav-subtitle:before, .post-navigation .nav-next .nav-subtitle:after {
        position: absolute;
        content: '';
        background-image: url(assets/images/svg/button-dark.svg);
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        width: 20px;
        height: 26px;
    }

    .post-navigation .nav-previous:hover .nav-subtitle:before, .post-navigation .nav-previous:hover .nav-subtitle:after, .post-navigation .nav-next:hover .nav-subtitle:before, .post-navigation .nav-next:hover .nav-subtitle:after {
        opacity: .6;
    }

    .post-navigation .nav-previous .nav-subtitle:before {
        transform: rotate(180deg);
        left: 0;
        top: -10px;
    }

    .post-navigation .nav-next .nav-subtitle:after {
        top: -3px;
        right: 0;
    }

    .post-navigation .nav-previous .nav-subtitle {
        padding-left: 30px;
    }

    .post-navigation .nav-next .nav-subtitle {
        padding-right: 30px;
    }

.nav-subtitle {
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.post-navigation .nav-next {
    text-align: right;
}

.nav-links .nav-title-icon-wrapper {
    display: none;
}

body.search.search-no-results #primary.content-area #main.site-main > p {
    font-size: 24px;
    line-height: 38px;
    color: #101010;
}

@media (max-width: 992px) {
    body.blog #secondary.widget-area,
    body.single.single-post #secondary.widget-area,
    body.archive #secondary.widget-area,
    body.attachment.single #secondary.widget-area {
        padding-top: 0;
    }

    body.single.single-post .site-main {
        padding-top: 0;
        padding-bottom: 70px;
    }

    body.blog:not(.blog-list-style) .site-main {
        padding-bottom: 30px;
    }

    body.blog #secondary.widget-area {
        padding: 50px 0 70px;
    }

    body.single.single-post #secondary.widget-area {
        padding: 70px 0 30px;
    }

    .post-container {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .post .entry-header .entry-meta span:after {
        display: none;
    }

    .entry-footer .footer-links .tags-links, .entry-footer .footer-links .socials-share-links {
        display: block;
        float: none;
    }

    .entry-footer .socials-share-links {
        margin-top: 15px;
    }

        .entry-footer .socials-share-links ul li {
            margin-left: 0;
            margin-right: 7px;
        }

    .blog-banner .blog-banner-content-wrap .blog-banner-content .banner-title {
        font-size: 50px;
    }

    .post .entry-title, .post .entry-title a {
        font-size: 28px;
        line-height: 34px !important;
    }
}
/*--------------------------------------------------------------
Site Layout
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

* {
    box-sizing: inherit;
}

    *:before, *:after {
        box-sizing: inherit;
    }

.site-content {
    overflow: hidden;
}

#page {
    position: relative;
    word-wrap: break-word;
}

body {
    background-color: #fff;
}

.search.search-no-results .search-form .search-submit {
    background: #151515;
    color: #fff;
}

@media (min-width: 1200px) {
    body.blog-list-style:not(.single-post) .post-wrap .post-media, body.blog-list-style:not(.single-post) .post-wrap .post-content {
        float: left;
    }

    body.blog-list-style:not(.single-post) .post-wrap .post-media {
        width: 58.33333333%;
    }

        body.blog-list-style:not(.single-post) .post-wrap .post-media .post-thumbnail,
        body.blog-list-style:not(.single-post) .post-wrap .post-media .entry-video,
        body.blog-list-style:not(.single-post) .post-wrap .post-media .entry-slider {
            margin-bottom: 0;
        }

    body.blog-list-style:not(.single-post) .post-wrap .post-content {
        width: 41.66666667%;
        padding-top: 70px;
        padding-left: 50px;
    }
}

@media (max-width: 1199px) {
    body.blog-list-style:not(.single-post) .post .post-thumbnail img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body.tax-portfolio_category .portfolio-banner .banner-title,
    body.tax-portfolio_tag .portfolio-banner .banner-title {
        font-size: 34px;
    }
}
/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
img, video {
    height: auto;
    max-width: 100%;
}

.full-width-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

embed, iframe, object {
    margin-bottom: 1.5em;
    max-width: 100%;
}

p > embed:only-child, p iframe:only-child, p object:only-child {
    margin-bottom: 0;
}

.single-image figure {
    margin: 0;
}

figure {
    margin: 30px 0;
}

.embed-responsive-16by9 {
    position: relative;
}

    .embed-responsive-16by9 iframe {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0;
        line-height: 1;
        border: none;
    }

.swiper-button-prev, .swiper-button-next {
    background-image: none;
    width: 36px;
    height: 36px;
    background-color: #151515;
    text-align: center;
}

    .swiper-button-prev:hover, .swiper-button-next:hover {
        opacity: .9;
    }

    .swiper-button-prev i, .swiper-button-next i {
        color: #fff;
        font-size: 12px;
        line-height: 36px;
    }

    .swiper-button-prev, .swiper-button-prev i, .swiper-button-next, .swiper-button-next i {
        transition: all .2s ease;
    }

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #858585;
    opacity: 1;
    border: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.swiper-pagination-bullet-active {
    background: #151515;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 21px;
}

.swiper-lazy-preloader {
    animation: none;
    width: 100%;
    height: 100%;
    left: auto;
    top: auto;
    margin-top: auto;
    margin-left: auto;
}

    .swiper-lazy-preloader:after {
        position: absolute;
        width: 34px;
        height: 34px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-animation: cbp-rotation .8s infinite linear;
        animation: cbp-rotation .8s infinite linear;
        border-radius: 100%;
        background-image: none;
    }

.swiper-lazy-loading {
    opacity: 0;
}

.swiper-lazy-loaded {
    opacity: 1;
}

.swiper-lazy {
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

#multiscroll-nav span {
    width: 10px;
    height: 10px;
    border-color: #202020;
}

#multiscroll-nav li .active span {
    background: #202020;
}

@media (max-width: 767px) {
    .swiper-button-next, .swiper-button-prev {
        display: none;
    }
}
/*--------------------------------------------------------------
Widgets
---------------------------------------------------------------*/
.widget {
    padding-bottom: 50px;
}

    .widget:last-of-type {
        padding-bottom: 0;
    }

    .widget > ul {
        margin-top: -4px !important;
        padding-left: 0;
    }

    .widget a:hover {
        color: #151515;
    }

    .widget select {
        margin-top: 5px;
    }

    .widget .wp-caption .wp-caption-text {
        margin: 0 0 1.5em;
        padding: 0;
    }

h2.widget-title {
    color: #151515;
    font-size: 28px;
    line-height: normal;
    font-weight: 500;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 12px;
    padding-bottom: 15px;
}

    h2.widget-title:after {
        content: '';
        position: absolute;
        width: 25px;
        height: 1px;
        background-color: #151515;
        bottom: -1px;
        left: 0;
    }

.widget a, .widget li {
    color: #707070;
}

.widget a {
    text-decoration: none;
}

/* widget Search */
.widget.widget_search h2.widget-title {
    margin-bottom: 17px;
}

.widget.widget_search input[type="search"] {
    padding: 12px 39px 12px 15px;
    font-size: 15px;
}

.widget.widget_search .search-form .search-submit {
    color: #151515;
    bottom: 0;
    border: 0;
    padding: 12px 16px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    width: 44px;
    background-color: transparent;
    -webkit-transition: opacity 120ms ease-in;
    transition: opacity 120ms ease-in;
}

    .widget.widget_search .search-form .search-submit:hover {
        opacity: .85;
    }

    .widget.widget_search .search-form .search-submit:focus {
        outline: none;
    }

    .widget.widget_search .search-form .search-submit:before {
        content: '';
        width: 21px;
        height: 41px;
        background-color: #fff;
        position: absolute;
        top: 1px;
        left: -10px;
    }

/* Archives & Categories */
.widget.widget_archive li, .widget.widget_categories li {
    font-size: 15px;
}

    .widget.widget_archive li a, .widget.widget_categories li a {
        font-size: 15px;
    }

/* widget forms and lists */
.widget select {
    width: 100%;
}

.widget ul {
    list-style: none;
    margin: 0;
}

    .widget ul li {
        border-bottom: 1px solid #e9e9e9;
        padding: 5px 0;
        color: #151515;
    }

.widget ol li {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e;
    padding: 0.5em 0;
}

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 13px;
    padding-bottom: 3px;
}

.widget > ul > li:first-of-type {
    padding-top: 0;
}

/* Widget lists of links */
.widget_top-posts ul li ul, .widget_rss_links ul li ul, .widget-grofile ul.grofile-links li ul, .widget_pages ul li ul, .widget_meta ul li ul {
    bottom: 0;
}

.widget_top-posts ul li, .widget_rss_links ul li, .widget-grofile ul.grofile-links li {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

    .widget_top-posts ul li li, .widget_rss_links ul li li, .widget-grofile ul.grofile-links li li {
        padding-bottom: 0.25em;
        padding-top: 0.25em;
    }

/* Widget markup */
.widget .post-date, .widget .rss-date {
    font-size: 0.81em;
}

/* Text widget */
.textwidget p {
    font-size: 15px;
    line-height: 23px;
}

    .textwidget p:last-of-type {
        margin-bottom: 0;
    }

.widget_text {
    word-wrap: break-word;
}

    .widget_text ul {
        list-style: disc;
        margin: 0 0 1.5em 1.5em;
    }

    .widget_text ol {
        list-style: decimal;
    }

        .widget_text ul li, .widget_text ol li {
            border: none;
        }

            .widget_text ul li:last-child, .widget_text ol li:last-child {
                padding-bottom: 0;
            }

            .widget_text ul li ul {
                margin: 0 0 0 1.5em;
            }

            .widget_text ul li li {
                padding-left: 0;
                padding-right: 0;
            }

        .widget_text ol li {
            list-style-position: inside;
        }

            .widget_text ol li + li {
                margin-top: -1px;
            }

    .widget_text p strong {
        color: #000;
    }

/* Contact Info Widget */
.widget_contact_info .contact-map {
    margin-bottom: 0.5em;
}

/* Recent Comments */
.widget_recent_comments li, .widget_recent_comments li a {
    line-height: 24px;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
    display: block;
}

/* Search */
.search-form {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .search-form label {
        display: none;
    }

    .search-form .search-submit {
        bottom: 3px;
        padding: 0.5em 1em;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        border-radius: 0;
    }

        .search-form .search-submit:hover {
            opacity: .85;
        }

        .search-form .search-submit .icon {
            height: 24px;
            top: -2px;
            width: 24px;
        }

    .search-form .search-field {
        padding: 10px 59px 10px 15px;
    }

/* Tag cloud widget */
.tagcloud {
    line-height: 1.5;
}

    .tagcloud ul {
        padding-left: 0;
    }

        .tagcloud ul li {
            float: left;
            border-top: 0;
            border-bottom: 0;
            padding: 0;
            margin: 10px 10px 0 0;
        }

    .tagcloud a, .entry-footer .tags-links a {
        font-size: 12px !important;
        line-height: normal;
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #c0c0c0;
        -webkit-transition: 80ms ease-in;
        transition: 80ms ease-in;
        word-wrap: break-word;
        text-decoration: none;
    }

        .widget_tag_cloud a:hover, .widget_tag_cloud a:focus, .entry-footer .tags-links a:hover, .entry-footer .tags-links a:focus {
            box-shadow: none;
            text-decoration: none;
            color: #fff;
            background: #151515;
            border-color: #151515;
        }

/*--------------------------------------------------------------
Heading
--------------------------------------------------------------*/
.heading-block h1.block-size-1 {
    font-size: 44px;
    line-height: 59px;
    font-weight: 500;
}

    .heading-block h1.block-size-1.sub-size {
        line-height: 54px;
    }

@media (max-width: 767px) {
    .heading-block h1.block-size-1.sub-size {
        line-height: 44px;
    }
}

@media (max-width: 767px) {
    .heading-block h1.block-size-1 {
        font-size: 34px;
        line-height: 48px;
    }
}

.heading-block h1.block-size-2 {
    font-size: 50px;
    line-height: 65px;
    font-weight: 400;
}

    .heading-block h1.block-size-2 strong {
        font-weight: 700;
    }

@media (max-width: 1024px) {
    .heading-block h1.block-size-2 {
        font-size: 40px;
        line-height: 55px;
    }
}

.heading-block h1.block-size-3 {
    font-size: 65px;
    line-height: 75px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .heading-block h1.block-size-3 {
        font-size: 20px;
        line-height: 20px;
    }
}

.heading-block h1.block-size-4 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .heading-block h1.block-size-4 {
        font-size: 20px;
        line-height: 20px;
        text-align: center;
    }

    .text-block p.medium {
        text-align: center;
        font-size: 16px !important;
    }

    div {
        text-align: center;
    }

    h4 {
        font-size: 24px;
    }
}

.heading-block h1.block-size-5 {
    font-size: 44px;
    font-weight: 500;
}

.heading-block h1.block-size-6 {
    font-size: 34px;
    line-height: 50px;
    font-weight: 500;
}

.heading-block h1.block-size-7 {
    font-size: 62px;
    line-height: 72px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .heading-block h1.block-size-7 {
        font-size: 42px;
        line-height: 62px;
    }
}

.heading-block h2 {
    font-size: 20px;
    font-weight: 500;
}

.heading-block p {
    font-size: 20px;
    font-weight: 400;
}

    .heading-block p.medium {
        font-size: 24px;
        line-height: 32px;
        font-weight: 400;
    }

.l-h-1 {
    line-height: 1 !important;
}

/*--------------------------------------------------------------
Text Block
--------------------------------------------------------------*/
.text-block p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

    .text-block p.medium {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
    }

    .text-block p.bold {
        font-size: 40px;
        line-height: 50px;
        font-weight: 500;
    }

/*--------------------------------------------------------------
Address Block
--------------------------------------------------------------*/
.contact-info div, .contact-info address {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #151515;
}

    .contact-info div span, .contact-info address span {
        display: block;
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        color: #151515;
        margin-bottom: 3px;
    }

.contact-info div {
    margin-bottom: 15px;
}

    .contact-info div a {
        font-size: 15px;
        font-weight: 400;
        text-decoration: none;
        color: #151515;
    }

.contact-info address {
    margin: 0;
    line-height: 18x;
    font-style: normal;
}

/*--------------------------------------------------------------
Content Box
--------------------------------------------------------------*/
.content-box-wrap .figure img {
    max-width: 36px;
    margin-bottom: 3px;
}

.content-box-wrap .content-box {
    margin-bottom: 40px;
}

    .content-box-wrap .content-box h3 {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 7px;
    }

    .content-box-wrap .content-box h4 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 7px;
    }

    .content-box-wrap .content-box h6 {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 7px;
    }

    .content-box-wrap .content-box p {
        font-size: 15px;
        line-height: 23px;
        width: 85%;
        margin-bottom: 0;
    }

/*--------------------------------------------------------------
CTA
--------------------------------------------------------------*/
.cta {
    text-align: center;
}

    .cta h1, .cta h2 {
        margin-bottom: 0;
    }

        .cta h1, .cta h1 a, .cta h2, .cta h2 a {
            font-size: 26px;
            line-height: 34px;
            font-weight: 300;
            color: #151515;
            display: inline-block;
        }

            .cta h1 a, .cta h2 a {
                color: #151515;
                font-size: inherit;
                font-weight: 500;
                text-decoration: none;
            }

                .cta h1 a:hover, .cta h2 a:hover {
                    opacity: .9;
                }

    .cta.style-2 {
        background: #f3f3f3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 70px 60px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .cta.style-2 h1 {
            font-size: 44px;
            line-height: 54px;
            font-weight: 500;
            color: #151515;
            text-align: left;
        }

        .cta.style-2 h2 {
            font-size: 42px;
            line-height: 52px;
            font-weight: 500;
            color: #151515;
            text-align: left;
        }

        .cta.style-2 .btn-container {
            min-width: 220px;
            text-align: right;
        }

            .cta.style-2 .btn-container a {
                padding: 17px 34px;
            }

@media (max-width: 992px) {
    .cta.style-2 {
        display: block;
        text-align: center;
        padding: 45px 15px;
    }

        .cta.style-2 h1, .cta.style-2 h2 {
            text-align: center;
        }

        .cta.style-2 .btn-container {
            text-align: center;
            margin-top: 20px;
        }
}
/*--------------------------------------------------------------
Image Box
--------------------------------------------------------------*/
.img-box .box-thumb img {
    width: 100%;
    height: auto;
}

.img-box .box-content h4 {
    margin-top: 25px;
    font-size: 22px;
    font-weight: 500;
    color: #151515;
}

.img-box .box-content p {
    font-size: 15px;
    line-height: 22px;
}

.img-box:not(.horizontal) .box-content h4 {
    margin: 22px 0 5px;
}

.img-box:not(.horizontal) .box-content p {
    margin-bottom: 15px;
}

.img-box:not(.horizontal) a {
    font-size: 14px;
    font-weight: 500;
}

.img-box .btn-container a {
    padding: 8px 18px;
    letter-spacing: .5px;
}

.img-box.horizontal {
    background-color: #f6f6f6;
    display: -ms-flexbox;
    display: flex;
}

    .img-box.horizontal .box-thumb, .img-box.horizontal .box-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
    }

    .img-box.horizontal .box-content {
        padding: 15px 100px 0 70px;
    }

        .img-box.horizontal .box-content h4 {
            font-size: 28px;
            margin-top: 0;
            margin-bottom: 7px;
        }

        .img-box.horizontal .box-content p {
            margin-bottom: 25px;
        }

    .img-box.horizontal .btn-container a {
        padding: 6px 14px 5px;
        letter-spacing: .5px;
        font-size: 11px;
    }

@media (max-width: 992px) {
    .img-box.horizontal {
        display: block;
    }

        .img-box.horizontal .box-thumb, .img-box.horizontal .box-content {
            width: 100%;
        }

        .img-box.horizontal .box-content {
            padding: 25px 0 0 0;
        }

        .img-box.horizontal.has-background .box-content {
            padding: 25px 30px 30px;
        }
}
/*--------------------------------------------------------------
Lists
--------------------------------------------------------------*/
ul.plain-text {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.plain-text li, ul.plain-text li a {
        font-size: 15px;
        letter-spacing: 0;
        margin-bottom: 20px;
        color: #151515;
    }

        ul.plain-text li a {
            text-decoration: none;
        }

ul.hyphen-text {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    margin-right: 30px;
}

    ul.hyphen-text:last-of-type {
        margin-right: 0;
    }

    ul.hyphen-text li {
        color: #151515;
        font-weight: 500;
    }

        ul.hyphen-text li:before {
            content: '-';
            margin-right: 5px;
        }

/*--------------------------------------------------------------
Pricing
--------------------------------------------------------------*/
.pricing {
    text-align: center;
    border: 1px solid #e9e9e9;
}

    .pricing h3 {
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e9e9e9;
        color: #151515;
        background-color: #f6f6f6;
    }

    .pricing .pricing-price {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e9e9e9;
    }

        .pricing .pricing-price span {
            font-size: 35px;
            line-height: normal;
            font-weight: 500;
            color: #151515;
            position: relative;
        }

            .pricing .pricing-price span small {
                font-size: 15px;
                font-weight: 400;
                color: #151515;
                position: absolute;
                top: 6px;
                left: -15px;
            }

        .pricing .pricing-price > small {
            display: block;
            font-size: 13px;
            color: #151515;
        }

    .pricing .pricing-features {
        margin: 0 25px 35px;
        padding: 40px 0 40px 0;
        border-bottom: 1px solid #e9e9e9;
    }

        .pricing .pricing-features li {
            list-style-type: none;
            font-size: 15px;
            line-height: normal;
            letter-spacing: 0;
            margin-bottom: 15px;
            color: #151515;
        }

            .pricing .pricing-features li:last-of-type {
                margin-bottom: 0;
            }

    .pricing .btn-container {
        margin-bottom: 50px;
    }

        .pricing .btn-container a {
            font-weight: 400;
        }

/*--------------------------------------------------------------
Team
--------------------------------------------------------------*/
.team-member {
    padding-bottom: 25px;
}

    .team-member .member-avatar {
        margin-bottom: 23px;
    }

        .team-member .member-avatar img {
            width: 100%;
            height: auto;
            display: block;
        }

    .team-member .member-info h6 {
        margin-bottom: 3px;
        text-align: center;
    }

        .team-member .member-info h6 .member-title {
            font-size: 20px;
            font-weight: 500;
            letter-spacing: 0;
            color: #151515;
            display: block;
            margin-bottom: 3px;
        }

        .team-member .member-info h6 .member-position {
            font-size: 14px;
            font-weight: 400;
            color: #707070;
            display: block;
            letter-spacing: 0;
        }

    .team-member .member-info .member-socials {
        text-align: center;
        list-style-type: none;
        margin: 10px 0 0;
        padding-left: 0;
        line-height: normal;
    }

        .team-member .member-info .member-socials li {
            display: inline-block;
            margin: 0 5px;
            line-height: normal;
            position: relative;
        }

            .team-member .member-info .member-socials li a {
                font-size: 13px;
                font-weight: 400;
                color: #151515;
                letter-spacing: 0;
                text-decoration: none;
            }

                .team-member .member-info .member-socials li a i {
                    font-size: 12px;
                    position: relative;
                }

/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/
.btn-container a {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px 24px;
    background-color: transparent;
    color: #151515;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition: 80ms ease-in;
    transition: 80ms ease-in;
    line-height: normal;
    text-decoration: none;
    border: 2px solid #151515;
}

    .btn-container a:hover {
        background: #151515;
        color: #fff;
    }

.btn-container.solid a {
    background-color: #151515;
    color: #fff;
}

    .btn-container.solid a:hover {
        opacity: .9;
    }

.icon-box {
    padding: 65px 15px;
    background-color: #f3f3f3;
    text-align: center;
}

    .icon-box img {
        max-width: 40px;
        margin-bottom: 8px;
    }

    .icon-box h4 {
        font-size: 18px;
        margin: 10px 0 0;
    }

/*--------------------------------------------------------------
Description List
--------------------------------------------------------------*/
.desc-list-container .desc-list {
    margin-bottom: 15px;
}

    .desc-list-container .desc-list h6 {
        font-size: 14px;
        font-weight: 500;
        color: #151515;
        margin-bottom: 2px;
    }

    .desc-list-container .desc-list p {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .desc-list-container .desc-list.light-text h6 {
        color: #dcdcdc;
    }

    .desc-list-container .desc-list:not(.has-border) {
        margin-bottom: 25px;
    }

.desc-list-container.has-border .desc-list {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

    .desc-list-container.has-border .desc-list:last-of-type {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

/*--------------------------------------------------------------
Portfolio Section
--------------------------------------------------------------*/
.cbp-l-filters-text {
    padding: 0;
}

    .cbp-l-filters-text .cbp-filter-item {
        font-size: 12px;
        color: #151515;
        margin:0 0 15px 0;
    }

        .cbp-l-filters-text .cbp-filter-item a {
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgb(228,228,228,0.75);
            border-radius: 10px;
            padding: 10px;
        }

.cbp-l-subfilters .cbp-filter-item {
    margin: 0 5px 5px 5px;
    color: #151515;
    font-size: 14px;
}

    .cbp-l-subfilters .cbp-filter-item:first-of-type {
        margin-left: 0;
    }

    .cbp-l-subfilters .cbp-filter-item:last-of-type {
        margin-right: 0;
    }

    .cbp-l-subfilters .cbp-filter-item:after {
        display: none;
    }

.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active,
.cbp-l-subfilters .cbp-filter-item-active {
    color: rgba(21, 21, 21, 0.5);
}

.cbp-l-subfilters {
    margin-top: -13px;
    margin-bottom: 25px;
}

.cbp-l-filters-text.text-left + .cbp-l-subfilters {
    text-align: left;
}

.cbp-l-filters-text.text-right + .cbp-l-subfilters {
    text-align: right;
}

@media (min-width: 767px) {
    .cbp-l-filters-text .cbp-filter-item {
        padding: 0;
    }

        .cbp-l-filters-text .cbp-filter-item:after {
            content: '/';
            display: inline-block;
            color: #ed2224;
            margin: 0 7px;
        }

        .cbp-l-filters-text .cbp-filter-item:last-of-type:after {
            display: none;
        }
    .cbp-l-filters-text.text-justified {
        margin-left: 0;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
    }

        .cbp-l-filters-text.text-justified .cbp-filter-item:after {
            display: none;
        }
}

@media (max-width: 767px) {
    .cbp-l-filters-text .cbp-filter-item:first-of-type {
        padding-left: 0;
    }
    .heading-block {
        text-align: center !important;
    }

    .cbp-l-filters-text .cbp-filter-item {
        font-size: 14px;
        color: #151515;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .cbp-l-filters-text .cbp-filter-item:last-of-type {
        padding-right: 0;
    }
}

.cbp .icon-arrow {
    width: 24px;
    margin: auto;
}

.cbp .cbp-l-caption-title {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.9;
}

.cbp .cbp-l-caption-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
}

.cbp.cbp-caption-fadeIn.cbp-caption-ribbon {
    margin-left: -15px;
    width: calc(100% + 30px);
}

    .cbp.cbp-caption-fadeIn.cbp-caption-ribbon .cbp-caption {
        overflow: visible;
    }

    .cbp.cbp-caption-fadeIn.cbp-caption-ribbon .cbp-item-wrapper {
        overflow: visible;
        padding-left: 15px;
        padding-right: 15px;
    }

    .cbp.cbp-caption-fadeIn.cbp-caption-ribbon .cbp-caption-activeWrap {
        width: 100%;
        height: auto;
        left: 0;
        top: auto;
        bottom: 0;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        background-color: #1d1d1d;
    }

    .cbp.cbp-caption-fadeIn.cbp-caption-ribbon .cbp-l-caption-alignLeft .cbp-l-caption-body,
    .cbp.cbp-caption-fadeIn.cbp-caption-ribbon .cbp-l-caption-alignCenter .cbp-l-caption-body {
        padding: 20px 25px 25px;
    }

    .cbp.cbp-caption-fadeIn.cbp-caption-ribbon .cbp-caption:hover .cbp-caption-activeWrap {
        left: -30px;
    }

    .cbp.cbp-caption-fadeIn.cbp-caption-ribbon.cbp-ribbon-alignCenter {
        margin-left: 0;
        width: 100%;
    }

        .cbp.cbp-caption-fadeIn.cbp-caption-ribbon.cbp-ribbon-alignCenter .cbp-item-wrapper {
            padding: 0;
        }

        .cbp.cbp-caption-fadeIn.cbp-caption-ribbon.cbp-ribbon-alignCenter .cbp-caption-activeWrap {
            width: 70%;
            -webkit-transform: translateY(-35%);
            -ms-transform: translateY(-35%);
            transform: translateY(-35%);
        }

        .cbp.cbp-caption-fadeIn.cbp-caption-ribbon.cbp-ribbon-alignCenter .cbp-caption:hover .cbp-caption-activeWrap, .cbp.cbp-caption-fadeIn.cbp-caption-ribbon.cbp-ribbon-alignCenter .cbp-caption-activeWrap {
            left: 13%;
            bottom: auto;
            top: 50%;
        }

        .cbp.cbp-caption-fadeIn.cbp-caption-ribbon.cbp-ribbon-alignCenter .cbp-caption:hover .cbp-caption-activeWrap {
            -webkit-transform: translateY(-45%);
            -ms-transform: translateY(-45%);
            transform: translateY(-45%);
        }

.cbp.cbp-caption-fadeIn.cbp-caption-custom-overlay .cbp-caption-activeWrap {
    background-color: rgba(0, 0, 0, 0.9);
}

.cbp[data-loadmoreaction="auto"] + #more-projects.load-more {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin-top: 0;
}

.cbp .cbp-caption-activeWrap {
    background-color: #1d1d1d;
}

.cbp-l-grid-agency-title {
    color: #151515;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
}

.cbp-l-grid-agency-desc {
    color: #707070;
    font-size: 15px;
}

#more-projects.load-more {
    text-align: center;
    margin-top: 50px;
}

/*--------------------------------------------------------------
Portfolio slider
--------------------------------------------------------------*/
.swiper-container.single-project .swiper-pagination, .swiper-container.multiple-projects .swiper-pagination {
    position: static;
    margin-top: 18px;
}

.swiper-container.single-project .swiper-wrapper {
    height: 100% !important;
}

.swiper-container.single-project .swiper-slide-item {
    padding-top: 56.25%;
    height: 100%;
}

.swiper-container.single-project .swiper-image-wrap {
    margin-top: -56.25%;
    height: 100%;
}

.swiper-container.single-image-slider .swiper-slide .swiper-lazy:not(.swiper-lazy-loaded) + .swiper-lazy-preloader {
    position: relative;
    padding-top: 66.5%;
    background-color: #f5f5f5;
}

.swiper-container.single-image-slider .swiper-slide .swiper-lazy:not(.swiper-lazy-loaded)[height="675"] + .swiper-lazy-preloader {
    padding-top: 56.25%;
    margin-top: -28px;
}

.swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item {
    position: relative;
}

    .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-image-wrap img {
        display: block;
    }

    .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        background-color: rgba(0, 0, 0, 0.8);
    }

        .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap, .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap h1, .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap a {
            -webkit-transition: opacity .5s;
            -o-transition: opacity .5s;
            transition: opacity .5s;
            opacity: 0;
        }

            .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap:hover, .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap:hover h1, .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap:hover a {
                opacity: 1;
            }

            .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap h1 {
                position: absolute;
                top: 45%;
                left: 50%;
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%);
                font-size: 44px;
                font-weight: 500;
                color: #ffffff;
                margin: 0;
                width: 100%;
                text-align: center;
            }

            .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap a {
                position: absolute;
                right: 30px;
                bottom: 20px;
                font-size: 16px;
                font-weight: 400;
                color: #ffffff;
                text-decoration: none;
            }

            .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap:hover {
                opacity: 1;
            }

.swiper-container.multiple-projects .swiper-title {
    line-height: 1.4;
}

.swiper-container.multiple-projects .swiper-caption-wrap {
    text-decoration: none;
}

.swiper-container.multiple-projects .swiper-caption-body {
    text-align: center;
}

    .swiper-container.multiple-projects .swiper-caption-body .swiper-title {
        font-size: 18px;
        font-weight: 500;
        margin-top: 21px;
        margin-bottom: 3px;
    }

    .swiper-container.multiple-projects .swiper-caption-body .swiper-subtitle {
        font-size: 15px;
        font-weight: 400;
    }

.swiper-container.multiple-projects.content-under-image {
    text-align: center;
}

    .swiper-container.multiple-projects.content-under-image .swiper-title {
        text-decoration: none;
        color: #151515;
        font-size: 18px;
        font-weight: 500;
        margin-top: 16px;
    }

    .swiper-container.multiple-projects.content-under-image .swiper-subtitle {
        text-decoration: none;
        color: #151515;
        font-size: 15px;
        font-weight: 400;
    }

.swiper-container.multiple-projects.swiper-caption-overlay .swiper-caption-wrap .swiper-image-wrap {
    position: relative;
}

    .swiper-container.multiple-projects.swiper-caption-overlay .swiper-caption-wrap .swiper-image-wrap .swiper-caption-activewrap {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: rgba(0, 0, 0, 0.7);
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
    }

        .swiper-container.multiple-projects.swiper-caption-overlay .swiper-caption-wrap .swiper-image-wrap .swiper-caption-activewrap .swiper-caption-alignCenter {
            display: table;
            width: 100%;
            height: 100%;
        }

            .swiper-container.multiple-projects.swiper-caption-overlay .swiper-caption-wrap .swiper-image-wrap .swiper-caption-activewrap .swiper-caption-alignCenter .swiper-caption-body {
                display: table-cell;
                vertical-align: middle;
            }

                .swiper-container.multiple-projects.swiper-caption-overlay .swiper-caption-wrap .swiper-image-wrap .swiper-caption-activewrap .swiper-caption-alignCenter .swiper-caption-body img {
                    width: 24px;
                    display: block;
                    margin: auto;
                }

.swiper-container.multiple-projects.swiper-caption-overlay .swiper-caption-wrap:hover .swiper-image-wrap .swiper-caption-activewrap {
    opacity: 1;
}

.swiper-container.multiple-projects.swiper-caption-ribbon {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

    .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-title {
        font-weight: 400;
    }

    .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-image-wrap {
        position: relative;
    }

        .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-image-wrap > img {
            display: block;
        }

        .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-image-wrap .swiper-caption-activewrap {
            position: absolute;
            width: 100%;
            bottom: 15px;
            left: 0px;
            -webkit-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
            opacity: 0;
            background-color: #151515;
        }

            .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-image-wrap .swiper-caption-activewrap .swiper-caption-body {
                padding: 19px 20px;
                text-align: left;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
            }

                .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-image-wrap .swiper-caption-activewrap .swiper-caption-body .swiper-title {
                    font-size: 16px;
                    color: #ffffff;
                    margin: 0;
                }

                .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-image-wrap .swiper-caption-activewrap .swiper-caption-body .swiper-subtitle {
                    line-height: 1;
                    font-size: 13px;
                    color: rgba(255, 255, 255, 0.9);
                }

        .swiper-container.multiple-projects.swiper-caption-ribbon .swiper-image-wrap:hover .swiper-caption-activewrap {
            opacity: 1;
            left: -15px;
        }

.swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap {
    position: relative;
    height: calc(100vh - 100px);
}

    .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap {
        position: absolute;
        left: 100px;
        top: 50%;
        transform: translateY(-50%);
    }

        .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap h1 {
            font-size: 50px;
            line-height: 1.3;
            font-weight: 700;
            margin-bottom: 0;
        }

        .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap div {
            font-size: 18px;
            color: #707070;
        }

        .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap a {
            font-size: 11px;
            letter-spacing: .5px;
            font-weight: 500;
            padding: 7px 16px 6px;
            color: #151515;
            display: inline-block;
            line-height: normal;
            border: 2px solid #151515;
            text-transform: uppercase;
            margin-top: 18px;
        }

            .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap a:hover {
                background: #151515;
                color: #fff;
            }

.swiper-container.portfolio-fullwidth-slider .swiper-pagination {
    text-align: right;
    padding-right: 26px;
}

.portfolio-split-slider {
    height: 100vh;
}

    .portfolio-split-slider .kraft-ms-left .kraft-ms-section {
        background-color: #f1f1f1;
    }

    .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap {
        padding: 0 35% 0 100px;
    }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap h1 {
            font-size: 46px;
            font-weight: 700;
            line-height: 50px;
            margin-bottom: 8px;
        }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap p {
            margin: 0;
            font-size: 16px;
            line-height: 25px;
        }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap .btn-container {
            margin-top: 25px;
        }

            .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap .btn-container a {
                padding: 10px 16px 9px;
            }

    .portfolio-split-slider .kraft-ms-right .kraft-ms-section:not(.ms-table) {
        height: 100vh;
        width: 50%;
        float: right;
        position: relative;
        display: flex;
        align-items: center;
    }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section:not(.ms-table) + .kraft-ms-section {
            display: none;
        }

@media (max-width: 1200px) {
    .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap {
        left: 50px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap {
        padding: 0 60px;
    }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap h1 {
            font-size: 40px;
            line-height: 44px;
        }
}

@media (max-width: 1023px) {
    .swiper-container.portfolio-fullwidth-slider .swiper-pagination {
        display: none;
    }

    .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap {
        background-color: rgba(21, 21, 21, 0.8);
        width: calc(100vw - 100px);
        top: auto;
        left: 16px;
        transform: translateY(0);
        text-align: center;
        padding: 25px;
        bottom: 20px;
    }

        .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap h1 {
            font-size: 40px;
            color: #fff;
        }

        .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap div {
            font-size: 14px;
            color: #fff;
        }

        .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap a {
            color: #fff;
            border-color: #fff;
        }

            .swiper-container.portfolio-fullwidth-slider .swiper-slide-item .swiper-image-wrap .swiper-title-wrap a:hover {
                background-color: #fff;
                color: #151515;
            }
}

@media (max-width: 767px) {
    .swiper-container.single-project .swiper-slide-content-wrap .swiper-slide-item .swiper-title-wrap h1 {
        font-size: 44px !important;
        top: 40%;
    }

    .kraft-ms-left.ms-left,
    .kraft-ms-right.ms-right {
        width: 100% !important;
    }

    .portfolio-split-slider .kraft-ms-right .kraft-ms-section:not(.ms-table) {
        height: 100vh;
        width: 100%;
        float: right;
        position: relative;
        display: flex;
        align-items: center;
    }

    .ms-section.ms-table {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap {
        padding: 0 70px 0 40px;
    }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap p {
            color: #151515;
        }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap h1 {
            font-size: 40px;
            line-height: 44px;
        }

        .portfolio-split-slider .kraft-ms-right .kraft-ms-section .title-wrap p {
            font-size: 14px;
            line-height: 23px;
        }
}

@media (min-width: 1024px) {
    .swiper-container.multiple-projects[data-slides-per-view="3"] {
        min-height: 366.66px;
    }

    .swiper-container.multiple-projects .swiper-slide-item .swiper-image-wrap .swiper-lazy:not(.swiper-lazy-loaded) + .swiper-lazy-preloader {
        min-height: 366.66px;
        background-color: #f5f5f5;
    }
}

body:not(.single-portfolio) .swiper-container.multiple-projects[data-slides-per-view="2"] {
    min-height: 740px;
}

    body:not(.single-portfolio) .swiper-container.multiple-projects[data-slides-per-view="2"] .swiper-slide-item .swiper-image-wrap .swiper-lazy:not(.swiper-lazy-loaded) + .swiper-lazy-preloader {
        min-height: 693px;
        background-color: #f5f5f5;
    }

body:not(.single-portfolio) .swiper-container.multiple-projects[data-slides-per-view="3"] {
    min-height: 496px;
}

    body:not(.single-portfolio) .swiper-container.multiple-projects[data-slides-per-view="3"] .swiper-slide-item .swiper-image-wrap .swiper-lazy:not(.swiper-lazy-loaded) + .swiper-lazy-preloader {
        min-height: 450px;
        background-color: #f5f5f5;
    }

body:not(.single-portfolio) .swiper-container.multiple-projects[data-slides-per-view="4"] {
    min-height: 374px;
}

    body:not(.single-portfolio) .swiper-container.multiple-projects[data-slides-per-view="4"] .swiper-slide-item .swiper-image-wrap .swiper-lazy:not(.swiper-lazy-loaded) + .swiper-lazy-preloader {
        min-height: 328px;
        background-color: #f5f5f5;
    }

/*--------------------------------------------------------------
Portfolio Listing
--------------------------------------------------------------*/
.portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: row;
}

    .portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap .pl-content {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

        .portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap .pl-content h1 {
            font-size: 44px;
            line-height: 48px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap .pl-content p {
            font-size: 16px;
            line-height: 26px;
            color: #505050;
            margin: 0;
        }

        .portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap .pl-content .btn-container {
            margin-top: 29px;
        }

.portfolio-listing-wrap.full-width > .portfolio-list:nth-child(even) .pl-content-wrap {
    flex-direction: row-reverse;
}

.portfolio-listing-wrap.zig-zag .portfolio-list {
    margin-bottom: 80px;
}

    .portfolio-listing-wrap.zig-zag .portfolio-list:last-of-type {
        margin-bottom: 0;
    }

    .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
    }

        .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap .pl-content {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
            padding-left: 60px;
            padding-top: 12px;
        }

            .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap .pl-content h1 {
                font-size: 36px;
                line-height: 40px;
                margin-bottom: 8px;
            }

            .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap .pl-content p {
                font-size: 15px;
                line-height: 24px;
                margin-bottom: 0;
            }

            .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap .pl-content .btn-container {
                margin-top: 20px;
            }

                .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap .pl-content .btn-container a {
                    padding: 9px 16px 8px;
                    letter-spacing: .2px;
                }

.portfolio-listing-wrap.zig-zag > .portfolio-list:nth-child(even) .pl-content-wrap {
    flex-direction: row-reverse;
}

    .portfolio-listing-wrap.zig-zag > .portfolio-list:nth-child(even) .pl-content-wrap .pl-content {
        padding-left: 0;
        padding-right: 60px;
    }

@media (max-width: 992px) {
    .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap {
        display: block;
    }

        .portfolio-listing-wrap.zig-zag .portfolio-list .pl-content-wrap .pl-content {
            max-width: none;
            padding: 20px 0 0;
        }

    .hero-section {
        padding: 250px 0;
    }
}

@media (max-width: 767px) {
    .portfolio-listing-wrap.full-width .container {
        max-width: 100%;
    }

    .portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap {
        height: auto;
        min-height: 600px;
        padding: 30px 25px;
    }

        .portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap .pl-content {
            flex: 0 0 100%;
            max-width: 100%;
        }

            .portfolio-listing-wrap.full-width .portfolio-list .pl-content-wrap .pl-content h1 {
                font-size: 34px;
                line-height: 38px;
            }
}

/*# sourceMappingURL=style.css.map */