/*////////////////// CAMPAIGNS LIST PAGE //////////////////*/
.campListPart {
    padding: 0 1.71875%;
    padding-top: 30px;
}

    .campListPart h2 {
        font-size: 30px;
        color: #282828;
        float: left;
        font-family: 'open_sanslight';
        font-size: 30px;
        padding-top: 7px;
        color: #282828;
        float: left;
        border: thin solid green;
        border-radius: 25px;
        padding: 7px;
    }

    .campListPart .select {
        width: 365px;
        margin-left: 10px;
        float: right;
    }

        .campListPart .select.sectorFilter {
            width: 435px;
        }

    .campListPart ul {
        float: left;
        width: 100%;
        clear: both;
        padding-top: 30px;
    }

        .campListPart ul li {
            display: none;
            float: left;
            width: 23.78640776699%;
            margin: 0 1.6181229773463% 1.6181229773463% 0;
        }

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

            .campListPart ul li img {
                display: block;
                width: 100%;
            }

            .campListPart ul li span {
                padding: 25px 0;
                font-size: 22px;
                color: #1c1c1c;
                display: block;
                font-family: 'open_sanslight';
            }

    .campListPart .loadMoreBtn {
        width: 130px;
        clear: both;
        display: block;
        margin: 50px auto;
        text-align: center;
    }

        .campListPart .loadMoreBtn img {
            margin-bottom: 20px;
        }

        .campListPart .loadMoreBtn span {
            display: block;
            font-size: 14px;
            color: #ef9136;
            font-family: 'bnpp_sansbold';
        }

    .campListPart .accordionBox {
        border: none !important;
    }

        .campListPart .accordionBox .title {
            font-size: 30px;
            color: #282828 !important;
            font-family: 'open_sanslight';
            padding-left: 0px;
            background: url(/Content/img/downArr.png) 340px center no-repeat;
            padding:0px;
        }

            .campListPart .accordionBox .title.active {
                background: url(/Content/img/upArr.png) 340px top no-repeat;
            }

    .campListPart h2, .campListPart ul li span {
        font-family: open_sanslight;
    }

.tutorialVid {
    width: 100%;
    display: none;
}

.fancybox-inner .tutorialVid video {
    width: 100%;
}

.campListPart {
    padding: 30px 1.71875% 0;
}

    .campListPart h2 {
        font-size: 30px;
        padding-top: 7px;
        color: #282828;
        float: left;
    }

    .campListPart .select {
        width: 365px;
        margin-left: 10px;
        float: right;
    }

        .campListPart .select.sectorFilter {
            width: 435px;
        }

    .campListPart ul {
        float: left;
        width: 100%;
        clear: both;
        padding-top: 30px;
    }

        .campListPart ul li span.old {
            height: 3.5em;
        }

        .campListPart ul li .back .text2 {
            height: 5.5em;
            display: inline-block;
        }

        .campListPart ul li .text2 p {
            padding: 25px 0px 0px 0px;
            margin: 0px;
            font-size: 22px;
            color: #1c1c1c;
            display: block;
            font-family: open_sansbold;
        }

        .campListPart ul li .back2 .text2 p {
            padding: 25px 0px;
        }

            .campListPart ul li .back2 .text2 p span {
                line-height: 1.2;
            }

        .campListPart ul li .back2 .text3 .applyBtn {
            background: #f09218;
            padding: 19px 65px;
            font-size: 16px;
            font-family: open_sansregular;
        }

        .campListPart ul li .text2 p span {
            line-height: 41px;
            display: block;
            padding: 0;
            margin: 0;
        }

    .campListPart .odullerlist li .text2 p {
        padding-top: 0.7vw;
        font-size: 1.2vw;
    }

        .campListPart .odullerlist li .text2 p span {
            font-size: 1vw;
            padding-top: 0.2vw;
            line-height: normal;
        }

    .campListPart ul li {
        display: none;
        float: left;
        width: 23.78640776699%;
        margin: 0 1.6181229773463% 1.6181229773463% 0;
    }

    .campListPart .odullerlist li {
        height: 20vw;
    }

    .campListPart ul li .back {
        background: #000;
        position: relative;
        display: inline-block;
    }

        .campListPart ul li .back.back2 {
            background: none;
        }

            .campListPart ul li .back.back2 img {
                opacity: .5;
            }

            .campListPart ul li .back.back2 .black {
                transition-duration: .3s;
                -webkit-transition-duration: .3s;
            }

            .campListPart ul li .back.back2:hover .black {
                background: black;
                transition-duration: .3s;
                -webkit-transition-duration: .3s;
            }

                .campListPart ul li .back.back2:hover .black img {
                    background: black;
                }

    .campListPart ul.odullerlist li .back {
        background: none !important;
        position: static;
    }


    .campListPart ul.odullerlist li .back {
        background: none !important;
    }

        .campListPart ul.odullerlist li .back img {
            opacity: .5;
        }


.odullerlist .campListPart ul.campListYearSelect li:nth-child(4n) {
    margin: 0.5%;
}

.campListPart ul li a {
    display: inline-block;
}



.campListPart ul li img {
    display: block;
    width: 100%;
    opacity: 1;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 441px;
    max-height: 435px;
}

.campListPart ul li span.old {
    padding: 25px 0;
    font-size: 22px;
    color: #1c1c1c;
    display: block;
}

.campListPart ul li .text {
    position: absolute;
    top: 43%;
    display: none;
    width: 100%;
    text-align: center;
    padding: 0px 20px;
    color: #fff;
}

.campListPart ul li .text3 {
    top: 26%;
}

    .campListPart ul li .text3 span {
        padding: 0 100px;
    }

.campListPart ul li .text span {
    font-size: 22px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
}

.campListPart ul li .text .applyBtn {
    margin: 0px auto;
    border-color: #ee8718;
    background: #ee8718;
    color: #fff;
    text-align: center;
    border: 1px;
    padding: 18px 38px;
    border-radius: 40px;
    font-size: 18px;
    font-family: open_sansbold;
    text-transform: uppercase;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


.campListPart .loadMoreBtn {
    width: 130px;
    clear: both;
    display: block;
    margin: 50px auto;
    text-align: center;
}

    .campListPart .loadMoreBtn img {
        margin-bottom: 20px;
    }

    .campListPart .loadMoreBtn span {
        display: block;
        font-size: 14px;
        color: #ef9136;
        font-family: bnpp_sansbold;
    }

.campListPart ul li a:hover .text {
    opacity: 1;
}

.campListPart ul.odullerlist li .back.OdullerOpacity img {
    opacity: 1;
}

.campListPart ul {
    padding-bottom: 35px;
}


    .campListPart ul li {
        width: 24%;
        margin: 0.9%;
        min-height: 510px;
        margin-right: 0;
    }

/*        .campListPart ul li img {
            width: 22.9vw;
        }*/

        .campListPart ul li span.old {
            font-size: 18px;
            padding: 18px 0;
        }

        .campListPart ul li .back {
            background: none;
            border: 0;
            width: 100%;
        }

.campListPart .odullerlist li {
    min-height: 340px;
    width: 24%;
}

.campListPart ul.odullerlist li img {
    width: 100%;
    height: auto;
}

.campListPart ul.infografikler {
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    margin: 0;
    list-style-type: none;
}

    .campListPart ul.infografikler li {
        float: left;
        width: 22.87%;
        margin: 1.0% 1.0% 1.0% 1.0%;
    }

        .campListPart ul.infografikler li a {
            display: inline-block;
        }

        .campListPart ul.infografikler li img {
            display: block;
            width: 100%;
            height: 100%;
            opacity: 1;
            transition-duration: .2s;
            -webkit-transition-duration: .2s;
            transition-duration: .3s;
            -webkit-transition-duration: .3s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .campListPart ul.infografikler li span.old {
            padding: 25px 0;
            font-size: 22px;
            color: #1c1c1c;
            display: block;
        }

        .campListPart ul.infografikler li span.old {
            height: 3.5em;
        }

.campListPart ul {
    padding-bottom: 35px;
}


    .campListPart ul li {
        width: 24%;
        margin: 0.9%;
        min-height: 510px;
        margin-right: 0;
    }
/*
        .campListPart ul li img {
            width: 22.9vw;
            height: 22.66vw;
        }*/

        .campListPart ul li span.old {
            font-size: 18px;
            padding: 18px 0;
        }

        .campListPart ul li .back {
            background: none;
            border: 0;
            width: 100%;
        }
        .campListPart ul li.listPageImages {
            min-height: 250px !important;
            height: 250px !important;
        }
@media only screen and (max-width:1950px) {
    .campListPart ul li img {
        width: 100%;
        height: auto;
    }

    .campListPart ul li {
        min-height: 535px;
    }
}

@media only screen and (max-width:1919px) {
    .campListPart ul li .text3 span {
        padding: 0;
    }

    .campListPart ul li .back2 .text3 .applyBtn {
        padding: 16px 50px;
    }
}

@media only screen and (max-width:1680px) {
    .campListPart ul li {
        min-height: 445px;
    }

    .campListPart .odullerlist li {
        min-height: 340px;
    }

    .campListPart ul li {
        min-height: 460px;
    }

    .detPageBottListThem .campList {
        margin-left: 0px;
    }
}

@media only screen and (max-width:1580px) {

    .campListPart ul li .text3 {
        top: 19%;
    }

    .campListPart ul li .text {
        padding: 0px 1.27vw;
    }

        .campListPart ul li .text span {
            font-size: 1.39vw;
            margin-bottom: 0.95vw;
            padding: 0;
        }

        .campListPart ul li .text .applyBtn {
            padding: 1.14vw 2.41vw;
            border-radius: 2.53vw;
            font-size: 1.14vw;
            max-width: 100%;
        }
}

@media only screen and (max-width:1550px) {
    .campListPart ul li {
        min-height: 420px;
    }
}

@media only screen and (max-width:1450px) {
    .campListPart ul li {
        min-height: 420px;
    }

        .campListPart ul li span.old {
            font-size: 17px;
        }
}

@media only screen and (max-width:1440px) {
    .campListPart ul li .text span {
        font-size: 1.30vw;
    }

    .campListPart ul li {
        min-height: 395px;
    }

        .campListPart ul li span.old {
            font-size: 17px;
        }

    .campListPart .odullerlist li {
        min-height: 300px;
    }
}

@media only screen and (max-width: 1366px) {
    /* Campaigns List Page */
    .campListPart {
        padding-top: 20px;
    }

        .campListPart .select {
            width: 300px;
        }

            .campListPart .select.sectorFilter {
                width: 370px;
            }

        .campListPart ul {
            padding-top: 20px;
        }

            .campListPart ul li span {
                padding: 15px 0;
                font-size: 18px;
            }

                .campListPart ul li span.old {
                    padding: 15px 0;
                    font-size: 18px;
                }

            .campListPart ul li .text3 span {
                padding: 0;
            }

            .campListPart ul li .back2 .text2 p {
                padding: 1.83vw 0;
            }

            .campListPart ul li .text3 {
                top: 19%;
            }

            .campListPart ul li .back2 .text3 .applyBtn {
                padding: 1.17vw 3.66vw;
                font-size: 1.17vw;
            }

            .campListPart ul li .text2 p {
                padding: 1.1vw 0;
                font-size: 1.32vw;
            }

                .campListPart ul li .text2 p span {
                    line-height: 3vw;
                }

        .campListPart, .campListPart ul {
            padding-top: 20px;
            overflow-x: hidden;
            overflow-y: auto;
        }

            .campListPart .select {
                width: 300px;
            }

                .campListPart .select.sectorFilter {
                    width: 370px;
                }

            .campListPart ul li span {
                padding: 15px 0;
                font-size: 18px;
            }

            .campListPart ul li {
                min-height: 375px;
            }

/*                .campListPart ul li img {
                    width: 22.95vw;
                }
*/
            .campListPart .odullerlist li {
                min-height: 290px;
            }

            .campListPart ul.infografikler li span.old {
                padding: 15px 0;
                font-size: 18px;
            }

            .campListPart ul.infografikler {
                padding-top: 20px;
            }
}

@media only screen and (max-width:1280px) {

    .campListPart ul li {
        width: 24%;
    }

    .campListPart ul li {
        min-height: 370px;
    }

    .campListPart .odullerlist li {
        min-height: 270px;
    }

    .campListPart ul li {
        min-height: 380px;
    }
}

@media only screen and (max-width:1080px) {
    .campListPart ul li {
        height: 320px;
    }
}

@media only screen and (max-width: 1024px) {
    .campListPart .accordionBox .title {
        font-size: 24px;
        background-position-x: 290px;
    }
    .campListPart ul li.listPageImages {
        min-height:175px!important;
        height:175px!important;
    }

    /* Campaigns List Page */
    .campListPart h2 {
        font-size: 24px;
    }

    .campListPart .select {
        width: 200px;
    }

        .campListPart .select.sectorFilter {
            width: 270px;
        }

    .campListPart ul li span {
        padding: 10px 0;
        font-size: 14px;
    }

    .campListPart .loadMoreBtn {
        margin: 30px auto;
    }

    .campListPart .odullerlist li .text2 p {
        font-size: 1.4vw;
    }

        .campListPart .odullerlist li .text2 p span {
            font-size: 1.2vw;
            padding-top: 0.3vw;
        }

    .campListPart .odullerlist li {
        height: 22vw;
    }

    .campListPart ul li span.old {
        padding: 10px 0;
        font-size: 14px;
    }

    .campListPart h2 {
        font-size: 24px;
    }

    .campListPart .select {
        width: 200px;
    }

        .campListPart .select.sectorFilter {
            width: 270px;
        }

    .campListPart ul li span {
        padding: 10px 0;
        font-size: 14px;
    }

    .campListPart .loadMoreBtn {
        margin: 30px auto;
    }

    .campListPart ul li {
        min-height: 320px;
    }

    .campListPart .odullerlist li {
        min-height: 240px;
    }

    .campListPart ul.infografikler li span.old {
        padding: 10px 0;
        font-size: 14px;
    }
}

@media only screen and (max-width:900px) {
    .campListPart ul li {
        min-height: 290px;
    }

    .campListPart .odullerlist li {
        min-height: 210px;
    }
}

@media only screen and (max-width:800px) {
    .campListPart ul li {
        width: 30%;
        margin: 1.5%;
        min-height: 325px;
    }

        .campListPart ul li:nth-child(4n) {
            margin-right: 1.5%;
        }

/*        .campListPart ul li img {
            width: 29.6vw;
        }*/
}

@media only screen and (max-width:780px) {
    .campListPart ul li {
        width: 30%;
        margin: 1.5%;
        min-height: 300px;
    }

/*        .campListPart ul li img {
            width: 30.6vw;
        }
}*/

@media only screen and (max-width: 768px) {
    .campListPart .accordionBox .title {
        font-size: 20px;
        padding-top: 3px;
        background-position-x: 240px;
    }

        .campListPart .accordionBox .title.active {
            background-position-x: 240px;
        }

    /* Campaigns List Page */
    .campListPart h2 {
        font-size: 20px;
        padding-top: 3px;
    }

    .campListPart ul li span {
        font-size: 12px;
    }

    .campListPart .select .ui-selectmenu-button {
        font-size: 14px;
    }

    .campListPart .odullerlist li .text2 p {
        font-size: 1.5vw;
    }

        .campListPart .odullerlist li .text2 p span {
            font-size: 1.3vw;
        }

    .campListPart .odullerlist li {
        height: 22vw;
    }

    .campListPart ul.odullerlist li .back img {
        opacity: 1;
    }

    .campListPart ul li .text2 p {
        font-size: 12px;
    }

    .campListPart h2 {
        font-size: 20px;
        padding-top: 3px;
    }

    .campListPart ul li span {
        font-size: 12px;
    }

    .campListPart .select .ui-selectmenu-button {
        font-size: 14px;
    }

    .campListPart ul li .text .applyBtn {
        display: none;
    }

    .campListPart ul li .text3 {
        display: none;
    }

    .campListPart ul li span.old {
        font-size: 12px;
    }

    .campListPart .odullerlist li {
        min-height: 200px;
        width: 30%;
    }

    .campListPart ul.infografikler li span.old {
        font-size: 12px;
    }
}

@media only screen and (max-width:650px) {
    .campListPart ul li {
        min-height: 270px;
    }

        .campListPart ul li span.old {
            font-size: 14px;
        }
}

@media only screen and (max-width: 640px) {
    /* Campaigns List Page */
    .campListPart .select {
        width: 50%;
        clear: both;
        float: left;
        margin: 10px 0 0 0;
    }

        .campListPart .select.sectorFilter {
            width: 50%;
        }

    .campListPart ul li {
        width: 49.190938511327%;
    }

        .campListPart ul li:nth-child(4n) {
            margin-right: 1.6181229773463%;
        }

        .campListPart ul li span {
            font-size: 14px;
        }

    .campListPart ul li {
        margin-left: 0;
        margin-right: 0;
    }

    .campListPart .basindBizList li:nth-child(2n) {
        margin-right: 0;
    }

    .campListPart .odullerlist li {
        height: 42vw;
    }

        .campListPart .odullerlist li .text2 p {
            font-size: 2.4vw;
            padding-top: 1vw;
        }

            .campListPart .odullerlist li .text2 p span {
                font-size: 2.42vw;
                padding-top: 1.5%;
            }

    .campListPart ul li .text2 p {
        font-size: 14px;
    }

    .campListPart .select {
        width: 50%;
        clear: both;
        float: left;
        margin: 10px 0 0;
    }

        .campListPart .select.sectorFilter {
            width: 50%;
        }

    .campListPart ul li {
        width: 49.190938511327%;
        margin: 0 1.618123% 1.6181229773463% 0;
    }

        .campListPart ul li span {
            font-size: 14px;
        }

            .campListPart ul li span.old {
                font-size: 14px;
            }

        .campListPart ul li .text {
            top: 34%;
        }

            .campListPart ul li .text span {
                font-size: 2.83vw;
            }

            .campListPart ul li .text .applyBtn {
                padding: 2.19vw 4.69vw;
                border-radius: 4.69vw;
                font-size: 2.81vw;
                max-width: 100%;
            }

        .campListPart ul li .text3 {
            top: 19%;
        }

        .campListPart ul li .back2 .text3 .applyBtn {
            padding: 1.7vw 6.6vw;
            font-size: 2.17vw;
        }

        .campListPart ul li .text2 p span {
            line-height: 6.41vw;
        }

    .campListPart ul.infografikler li span.old {
        font-size: 14px;
    }

    .campListPart ul.infografikler li:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width:600px) {
    .campListPart ul li {
        min-height: 340px;
        width: 46%;
        margin: 1.9%;
        margin-left: 1.4%;
    }

    .campListPart ul {
        padding-bottom: 10px;
    }
/*
        .campListPart ul li img {
            width: 46.6vw;
        }*/

    .campListPart .odullerlist li {
        min-height: 190px;
        width: 31%;
    }

    .campListPart ul.campListYearSelect li {
        margin: 1.1%;
    }
}

@media only screen and (max-width: 480px) {
    .campListPart .accordionBox .title {
        width: 100%;
        text-align: left;
        padding-left: 10px;
    }

    /* Campaigns List Page */
    .campListPart {
        padding-top: 10px;
    }

        .campListPart h2 {
            width: 100%;
            text-align: center;
        }

        .campListPart ul li {
            width: 100%;
        }

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

        .campListPart .select {
            width: 100%;
        }

            .campListPart .select.sectorFilter {
                width: 100%;
            }

        .campListPart ul li.secondVisibleLi {
            margin-right: 0;
        }

        .campListPart ul li {
            margin-left: 0;
            margin-right: 0;
        }

            .campListPart ul li.secondVisibleLi {
                margin-left: 0;
            }

        .campListPart .odullerlist li {
            height: 43vw;
        }

            .campListPart .odullerlist li .text2 p {
                font-size: 2.4vw;
                padding-top: 1vw;
            }

                .campListPart .odullerlist li .text2 p span {
                    font-size: 2.42vw;
                    padding-top: 1.5%;
                }

        .campListPart ul li {
            width: 48.190938511327%;
        }

        .campListPart ul li {
            margin: 0 2.618123% 1.6181229773463% 0;
        }

    .campListPart {
        padding-top: 10px;
    }

        .campListPart h2 {
            width: 100%;
            text-align: left;
            padding-left: 10px;
        }


        .campListPart .select, .campListPart .select.sectorFilter {
            width: 100%;
        }

        .campListPart ul.infografikler li {
            width: 48.190938511327%;
        }

        .campListPart ul.infografikler li {
            margin: 0 2.618123% 1.6181229773463% 0;
        }
}

@media only screen and (max-width:450px) {
    .campListPart ul li {
        min-height: 275px;
        width: 46%;
        margin: 2%;
        margin-left: 1.1%;
        /*margin-right: 0%;*/
    }

        .campListPart ul li:nth-child(4n) {
            margin-right: 1.5%;
        }

/*        .campListPart ul li img {
            width: 46.6vw;
        }*/
}

@media only screen and (max-width:414px) {

    .campListPart ul li {
        min-height: 275px;
        width: 46%;
        margin: 2%;
        margin-left: 1.1%;
    }

    .campListPart ul {
        padding-bottom: 25px;
    }

    .campListPart .odullerlist li {
        min-height: 200px;
        width: 47.4%;
    }
}

@media only screen and (max-width:400px) {
    .campListPart ul li {
        padding-bottom: 7px;
    }

    .campListPart ul.infografikler li {
        padding-bottom: 7px;
    }
}

@media only screen and (max-width:375px) {
    .campListPart .odullerlist li {
        min-height: 180px;
    }
}

@media only screen and (max-width:350px) {
    .campListPart ul li {
        min-height: 275px;
        width: 90%;
        margin: 0 5%;
        padding-bottom: 30px;
    }

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

        .campListPart ul li img {
            width: 100%;
            height: auto;
        }
}

@media only screen and (max-width:320px) and (max-height:568px) {

    .campListPart ul li {
        min-height: 250px;
    }

    .campListPart .odullerlist li {
        min-height: 155px;
    }
}

@media only screen and (max-width:800px) and (max-height:1280px) {
    .campListPart ul li span.old {
        font-size: 15px;
    }

    .campListPart ul li {
        min-height: 261px;
    }

    .campListPart .odullerlist li {
        min-height: 200px;
    }
}