/******************************************************************************
  Works
*******************************************************************************/
/* line 4, ../sass/elements/_works.scss */
.work {
    border: 0 none !important;
    position: relative;
}
    /* line 11, ../sass/elements/_works.scss */
    .work .title {
        background: #000;
        background: rgba(0, 0, 0, 0.75);
        border-radius: 3px;
        bottom: 5px;
        color: #fff7cc;
        font-size: 1.125em;
        font-weight: bold;
        line-height: 1.15;
        left: 5px;
        margin: 0;
        padding: 4px 8px;
        position: absolute;
    }

@media (max-width: 767px) {
    /* line 11, ../sass/elements/_works.scss */
    .work .title {
        font-size: 1em;
    }
}
/* line 28, ../sass/elements/_works.scss */
.work .title h1, .work .title h2, .work .title h3, .work .title h4, .work .title h5, .work .title h6 {
    color: #fff7cc;
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.15;
    margin: 0;
    vertical-align: top;
}
/* line 37, ../sass/elements/_works.scss */
.work .title span {
    font-family: "Lato";
    font-size: .67em;
    font-weight: 500;
    font-style: italic;
}

@media (max-width: 767px) {
    /* line 37, ../sass/elements/_works.scss */
    .work .title span {
        font-size: .75em;
    }
}
/* line 47, ../sass/elements/_works.scss */
.work .hover {
    background: rgba(30, 179, 197, 0.7);
    bottom: 0;
    color: #fff7cc;
    color: rgba(255, 247, 204, 0.75);
    font-size: 27px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    top: 0;
}
    /* line 61, ../sass/elements/_works.scss */
    .work .hover .fa {
        left: 50%;
        line-height: 1;
        margin: -13.5px 0 0 -12px;
        position: absolute;
        top: 50%;
    }
/* line 70, ../sass/elements/_works.scss */
.work:hover .hover {
    opacity: 1;
}

/* Works Carousel */
/* line 77, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap {
    margin-bottom: 11px;
    position: relative;
}
    /* line 81, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .main-carousel-wrap {
        overflow: hidden;
        padding: 0;
        position: relative;
        z-index: 3;
    }

@media (max-width: 767px) {
    /* line 81, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .main-carousel-wrap {
        margin: 0 auto;
        max-width: 630px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* line 93, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .main-carousel-wrap.loaded {
    overflow: visible;
}
/* line 96, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .main-carousel-wrap:before, .work-carousel .carousel-wrap .main-carousel-wrap:after {
    bottom: 0;
    box-shadow: -80px 0 0 rgba(0, 0, 0, 0.05);
    content: "";
    left: 80px;
    height: 35%;
    max-width: 200px;
    max-height: 44px;
    position: absolute;
    -webkit-transform: skew(50deg);
    -ms-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 50%;
    z-index: -1;
}

@media (max-width: 767px) {
    /* line 96, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .main-carousel-wrap:before, .work-carousel .carousel-wrap .main-carousel-wrap:after {
        display: none;
    }
}
/* line 114, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .main-carousel-wrap:after {
    box-shadow: 80px 0 0 rgba(0, 0, 0, 0.05);
    left: auto;
    right: 80px;
    -webkit-transform: skew(-50deg);
    -ms-transform: skew(-50deg);
    transform: skew(-50deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
/* line 121, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .main-carousel-wrap .main-carousel {
    width: 20000px;
}
    /* line 124, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .main-carousel-wrap .main-carousel .work {
        display: block;
        float: left;
        margin: 0;
        max-width: inherit;
        position: relative;
    }
/* line 133, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap {
    left: 150px;
    overflow: hidden;
    position: absolute;
    top: 25%;
    width: 380px;
    z-index: 2;
}

@media (max-width: 1229px) {
    /* line 133, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap {
        left: 130px;
        top: 13%;
    }
}

@media (max-width: 991px) {
    /* line 133, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap {
        left: 76px;
        top: 32px;
    }
}

@media (max-width: 767px) {
    /* line 133, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap {
        visibility: hidden;
    }
}
/* line 152, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap.loaded {
    overflow: visible;
}
/* line 155, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap:before, .work-carousel .carousel-wrap .second-carousel-wrap:after {
    bottom: 0;
    box-shadow: -80px 0 0 rgba(0, 0, 0, 0.05);
    content: "";
    left: 80px;
    height: 35%;
    max-width: 200px;
    max-height: 50px;
    position: absolute;
    -webkit-transform: skew(50deg);
    -ms-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    width: 50%;
    z-index: -1;
}

@media (max-width: 991px) {
    /* line 155, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap:before, .work-carousel .carousel-wrap .second-carousel-wrap:after {
        max-height: 33px;
    }
}
/* line 173, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap:after {
    box-shadow: 80px 0 0 rgba(0, 0, 0, 0.05);
    left: auto;
    right: 80px;
    -webkit-transform: skew(-50deg);
    -ms-transform: skew(-50deg);
    transform: skew(-50deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
/* line 180, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap .second-carousel {
    width: 20000px;
}
    /* line 183, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap .second-carousel .image {
        float: left;
    }
/* line 187, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap.right {
    left: auto;
    right: 150px;
}

@media (max-width: 1229px) {
    /* line 187, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap.right {
        right: 130px;
    }
}

@media (max-width: 991px) {
    /* line 187, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap.right {
        right: 76px;
    }
}
/* line 197, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap.too {
    left: 35px;
    top: 40%;
    width: 240px;
    z-index: 1;
}

@media (max-width: 1229px) {
    /* line 197, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap.too {
        top: 30%;
    }
}

@media (max-width: 991px) {
    /* line 197, ../sass/elements/_works.scss */
    .work-carousel .carousel-wrap .second-carousel-wrap.too {
        top: 87px;
    }
}
/* line 209, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap.too:before, .work-carousel .carousel-wrap .second-carousel-wrap.too:after {
    max-height: 20px;
}
/* line 213, ../sass/elements/_works.scss */
.work-carousel .carousel-wrap .second-carousel-wrap.too.right {
    left: auto;
    right: 35px;
}
/* line 220, ../sass/elements/_works.scss */
.work-carousel .thumbs-wrap {
    margin: 0 auto;
    max-width: 612px;
    position: relative;
}

@media (max-width: 1229px) {
    /* line 220, ../sass/elements/_works.scss */
    .work-carousel .thumbs-wrap {
        max-width: 500px;
    }
}

@media (max-width: 991px) {
    /* line 220, ../sass/elements/_works.scss */
    .work-carousel .thumbs-wrap {
        max-width: 515px;
    }
}

@media (max-width: 767px) {
    /* line 220, ../sass/elements/_works.scss */
    .work-carousel .thumbs-wrap {
        margin: 0 auto;
        max-width: 594px;
        padding: 0 19px;
    }
}
/* line 237, ../sass/elements/_works.scss */
.work-carousel .thumbs-wrap .caroufredsel_wrapper {
    margin: 0 auto !important;
}
/* line 240, ../sass/elements/_works.scss */
.work-carousel .thumbs-wrap .thumbs {
    max-height: 60px;
    overflow: hidden;
}
    /* line 244, ../sass/elements/_works.scss */
    .work-carousel .thumbs-wrap .thumbs a {
        border: 0 none !important;
        display: block;
        float: left;
        height: 60px;
        margin: 0 6px;
        opacity: .5;
        width: 90px;
    }

@media (max-width: 767px) {
    /* line 244, ../sass/elements/_works.scss */
    .work-carousel .thumbs-wrap .thumbs a {
        margin: 0 3px;
    }
}
/* line 256, ../sass/elements/_works.scss */

/* line 261, ../sass/elements/_works.scss */
.work-carousel .thumbs-wrap .prev,
.work-carousel .thumbs-wrap .next {
    left: -24px;
    position: absolute;
    top: 50%;
}

@media (max-width: 767px) {
    /* line 261, ../sass/elements/_works.scss */
    .work-carousel .thumbs-wrap .prev,
    .work-carousel .thumbs-wrap .next {
        left: -10px;
    }
}
/* line 270, ../sass/elements/_works.scss */
.work-carousel .thumbs-wrap .next {
    left: auto;
    right: -24px;
}

@media (max-width: 767px) {
    /* line 270, ../sass/elements/_works.scss */
    .work-carousel .thumbs-wrap .next {
        right: -10px;
    }
}

/* Single Work */
/* line 280, ../sass/elements/_works.scss */
.single-work-opened,
.single-work-opened body {
    overflow: hidden !important;
}

/* line 284, ../sass/elements/_works.scss */
.works-opened {
    background: #fff;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
    /* line 295, ../sass/elements/_works.scss */
    .works-opened > .navigation {
        position: absolute;
        text-align: right;
        width: 100%;
    }

@media (max-width: 767px) {
    /* line 295, ../sass/elements/_works.scss */
    .works-opened > .navigation {
        text-align: center;
    }
}
/* line 303, ../sass/elements/_works.scss */
.works-opened > .navigation a {
    border: 0 none !important;
    display: inline-block;
    float: none;
    font-size: 43px;
    height: 70px;
    line-height: 1;
    margin: 0 1px;
    opacity: 1;
    text-align: center;
    text-shadow: none;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    vertical-align: top;
    width: 70px;
}

    .works-opened > .navigation a.prev-work {
        margin-right: -3px;
    }

@media (max-width: 767px) {
    /* line 303, ../sass/elements/_works.scss */
    .works-opened > .navigation a {
        height: 50px;
        width: 50px;
    }
}
/* line 325, ../sass/elements/_works.scss */
.works-opened > .navigation a.close {
    margin-right: 0;
}
/* line 328, ../sass/elements/_works.scss */
.works-opened > .navigation a svg {
    height: 24px;
    margin-top: 23px;
    vertical-align: top;
    width: 24px;
}

@media (max-width: 767px) {
    /* line 328, ../sass/elements/_works.scss */
    .works-opened > .navigation a svg {
        height: 20px;
        margin-top: 15px;
        width: 20px;
    }
}
/* line 339, ../sass/elements/_works.scss */

/* line 344, ../sass/elements/_works.scss */
.works-opened .single-work {
    color: #1e2d3a;
    height: 100%;
    padding-top: 70px;
    padding-bottom: 50px;
    width: 100%;
    outline: none;
}

@media (max-width: 767px) {
    /* line 344, ../sass/elements/_works.scss */
    .works-opened .single-work {
        padding-top: 80px;
    }
}
/* line 354, ../sass/elements/_works.scss */
.works-opened .single-work .work-container {
    height: 100%;
    min-height: 100%;
    width: 100%;
}
    /* line 359, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .mCSB_container {
        height: 100%;
    }
        /* line 362, ../sass/elements/_works.scss */
        .works-opened .single-work .work-container .mCSB_container > .container {
            display: table;
            height: 100%;
            table-layout: fixed;
        }

.projeler .title {
   font-family: Oswald-Regular;
    font-size: 22px;
    margin: 0;
    margin-bottom: 21px;
    line-height: 30px;
}

@media (max-width: 767px) {
    /* line 362, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .mCSB_container > .container {
        width: 100%;
    }
}
/* line 372, ../sass/elements/_works.scss */
.works-opened .single-work .work-container.scroll .mCSB_container {
    height: auto;
}
/* line 376, ../sass/elements/_works.scss */
.projeler .title {
}

@media (max-width: 767px) {
    /* line 376, ../sass/elements/_works.scss */
    .projeler .title {
        font-size: 1.75em;
        margin-bottom: 22px;
        text-align: center;
    }
}
/* line 385, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap {
    display: table-row;
    height: 100%;
    vertical-align: middle;
}

@media (max-width: 767px) {
    /* line 385, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap {
        display: block;
    }
}
/* line 393, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    width: 100%;
}

@media (max-width: 767px) {
    /* line 393, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content {
        display: block;
    }
}
/* line 402, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .images {
}

@media (max-width: 991px) {
    /* line 402, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .images {
        margin-bottom: 55px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    /* line 402, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .images {
        margin-bottom: 34px;
    }
}
/* line 412, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .images .main-images-wrap {
    margin: 0 auto;
    max-width: 770px;
    overflow: hidden;
}
    /* line 417, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .images .main-images-wrap .main-images {
        max-height: 480px;
        height: 480px;
        margin-bottom: 11px;
        overflow: hidden;
        width: 10000px;
    }
        /* line 423, ../sass/elements/_works.scss */
        .works-opened .single-work .work-container .work-content-wrap .work-content .images .main-images-wrap .main-images img {
            display: inline-block;
        }
            /* line 427, ../sass/elements/_works.scss */
            .works-opened .single-work .work-container .work-content-wrap .work-content .images .main-images-wrap .main-images img + img {
                opacity: 0;
            }
    /* line 433, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .images .main-images-wrap.loaded .main-images img + img {
        opacity: 1;
    }
/* line 439, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .images .thumbs-wrap {
    margin: 0 -6px;
    position: relative;
}

@media (max-width: 767px) {
    /* line 439, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .images .thumbs-wrap {
        margin: 0 auto;
        max-width: 594px;
        padding: 0 19px;
    }
}
/* line 448, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .images .thumbs-wrap .caroufredsel_wrapper {
    margin: 0 auto !important;
}
/* line 451, ../sass/elements/_works.scss */
#bx-pager {
    max-height: 70px;
    overflow: hidden;
}
.bx-pager-content {
    position:relative;
    overflow: hidden;
}
    /* line 455, ../sass/elements/_works.scss */
    #bx-pager a.thumb-item {
        display: block;
        float: left;
        height: auto;
        opacity: .5;
        max-width: 100px;
        overflow: hidden;
    }
        #bx-pager a.active,
        #bx-pager a.thumb-item:hover {
            opacity: 1;
        }

@media (max-width: 767px) {
    /* line 455, ../sass/elements/_works.scss */
    #bx-pager a.thumb-item {
        margin: 0 5px;
    }
}
/* line 467, ../sass/elements/_works.scss */

/* line 472, ../sass/elements/_works.scss */
#bx-pager .prev,
#bx-pager .next {
    left: -3px;
    position: absolute;
    top: 20px;
    text-decoration: none;
}
bx-pager-content{
    position:relative;
}
.bx-pager-item{
    position:absolute;width:100000px;
}
@media (max-width: 767px) {
    /* line 472, ../sass/elements/_works.scss */
    #bx-pager .prev,
    #bx-pager .next {
        left: 0px;
    }
}
/* line 479, ../sass/elements/_works.scss */
#bx-pager .next {
    left: auto;
    right: -3px;
}

@media (max-width: 767px) {
    /* line 479, ../sass/elements/_works.scss */
    #bx-pager .next {
        right: -3px;
    }
}

@media (max-width: 991px) {
    /* line 488, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .description {
        text-align: center;
    }
  
}
/* line 492, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .description .meta {
    font-size: .875em;
    line-height: 1.6;
    margin: 0 0 43px;
}

@media (max-width: 767px) {
    /* line 492, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .description .meta {
        margin-bottom: 19px;
    }
}
/* line 500, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .description .meta p {
    margin: 0;
}
/* line 503, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .description .meta span {
    font-weight: 500;
}
/* line 507, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .description .text {
    line-height: 1.375;
}
/* line 510, ../sass/elements/_works.scss */
.works-opened .single-work .work-container .work-content-wrap .work-content .description .btn {
    margin-top: 51px;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    border: none;
    border-radius: 3px;
}

#bx-pager {
    position: relative;
    margin-top: 10px;
}

@media (max-width: 767px) {
    /* line 510, ../sass/elements/_works.scss */
    .works-opened .single-work .work-container .work-content-wrap .work-content .description .btn {
        margin-top: 34px;
        padding: 6px 30px;
    }
}
/* line 522, ../sass/elements/_works.scss */

@media (min-width: 320px) {

   .bx-pager-content{
        margin-left: 0px;
        overflow:hidden;
        height:67px;
    }

        #bx-pager a.thumb-item img {
            width: 94px;
        }

        #bx-pager a.thumb-item {
            margin: 0px;
            width:81px !important;
        }

        #bx-pager .prev,
        #bx-pager .next {
            font-size: 25px;
            text-decoration: none;
            top: 15px;
        }

    #bx-pager {
        height: 70px !important;
    }
}

@media (min-width: 768px) {
     .bx-pager-content{
        margin-left: 0px;
        overflow:hidden;
        height:67px;
    }
        #bx-pager a.thumb-item img {
            width: 75px;
        }

        #bx-pager a.thumb-item {
            margin:0px;
            width:81px !important;
        }

        #bx-pager .prev,
        #bx-pager .next {
            font-size: 20px;
            text-decoration: none;
            top: 17px;
        }
}

@media (min-width: 992px) {

     .bx-pager-content{
        margin-left: 0px;
        overflow:hidden;
        height:67px;
    }
        #bx-pager a.thumb-item img {
            width: 75px;
        }

        #bx-pager a.thumb-item {
            margin: 0px;
            width:81px !important;
        }

        #bx-pager .prev,
        #bx-pager .next {
            font-size: 20px;
            text-decoration: none;
            top: 17px;
        }

    #bx-pager {
        height: 70px !important;
    }
}

@media (min-width: 1200px) {
    .bx-pager-content{
        margin-left: 0px;
        overflow:hidden;
        height:67px;
    }
        #bx-pager a.thumb-item img {
            width: 94px;
        }

        #bx-pager a.thumb-item {
            margin: 0px;
            width:100px !important;
        }

        #bx-pager .prev,
        #bx-pager .next {
            font-size: 25px;
            text-decoration: none;
            top: 20px;
        }

    #bx-pager {
        height: 70px !important;
    }
}
.projeler .description{
    padding-left:0;
    margin-bottom:15px;
    
}
.projeler .description h3 {
    font-size: 17px;
    font-family: Oswald-Regular;
}

.projeler .description .text p,
.projeler .description .meta p {
    font-size: 17px;
    font-family: Oswald-Light;
}

.projeler .description .meta span {
    font-size: 17px;
    font-family: Oswald-Regular;
    display: inline-block;
    min-width: 130px;
}