/* Listing */
.breadcrumb {float:left;width:100%;margin: 15px 0 40px 0;}
.breadcrumb li {float:left;margin-right:30px;font-size:11px;position:relative;}
.breadcrumb li:before {content:"\ea67"; position:absolute; right:-20px; top:0; font-family:'icofont'; transform:rotate(-90deg); font-size:10px;}
.breadcrumb li:last-child:before {display:none;}
.breadcrumb li a {text-decoration:none;color: #333;}
.campaign-page-wrapper {float: left; width: 100%;}
#sidebar {float: left; will-change: min-height; width: 280px;}
.campaign-list-left-area {float: left; width: 280px;}
.campaign-list-right-area {float: left; width: calc(100% - 310px); margin-left: 30px;}
.campaign-list-full-area {float:left; width:100%;}
.campaign-page-title {float:left; width:100%; border-bottom:1px solid #A0A0A0; padding-bottom:8px; margin-bottom:15px;}
.campaign-page-title h1 {font-size: 16px;float: left;font-weight:700;color:#000;margin-top: 8px; text-transform:uppercase; line-height:1.6em;}
figure.campaign-right-banner {float:left; width:100%; margin-bottom:15px;}
figure.campaign-right-banner img {display:block;}

.campaign-list {float:left; width:100%;}
.campaign-list li {float:left; width:100%; border:1px solid #ddd; margin-bottom:20px;}
.campaign-list li .campaign-image {float:left; display:block; width:70%;}
.campaign-list li .campaign-image img {display:block;}
.campaign-list li h3 {    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1.6em; letter-spacing: -0.03em;}
.campaign-content {float:left; width:30%; padding:20px;}
.campaign-btns {float:left; width:100%; display:flex; justify-content:flex-start;}
.campaign-carousel-item .campaign-btns {justify-content:center;}
.campaign-btns a {margin:0 10px 0 0; font-size:10px; height:28px; line-height:28px;font-weight:600; padding:0 13px; border-radius:3px;  background:#fff; text-decoration:none;}
.campaign-btns a.details {border:1px solid #000; color:#000; transition:ease all .2s;}
.campaign-btns a.details:hover {background:#000; color:#fff; transition:ease all .2s;}
.campaign-btns a.buynow {border:1px solid #ff0066; color:#ff0066; transition:ease all .2s;}
.campaign-btns a.buynow:hover {background:#ff0066; color:#fff; transition:ease all .2s;}
.pagination {float:left; width:100%; display:flex; justify-content:center; margin-top:30px;}
.pagination li {margin:0 0px;}
.pagination li a {width:40px;height:40px;display:block;display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;line-height:1em;padding-top:3px;font-size: 12.1px;transition:ease all .2s;}
.pagination li.active a { background:#f3f3f3;}
.pagination li a:hover {background:#f3f3f3; transition:ease all .2s;}
.pagination li a i {font-size:18px;}
.campaign-left-menu {float: left; width: 100%; margin-top: 10px; border: 1px solid #ddd; padding: 15px 20px; margin-bottom: 20px;}
.campaign-left-menu h5 {float:left; width:100%; font-size:13px; font-weight:700; position:relative; margin-bottom:25px; padding-left:15px; margin-top:15px;}
.campaign-left-menu h5 a {color:#000; text-decoration:none;}
.campaign-left-menu h5:before {left:0; top:-8px; width:4px; height:25px; background:#000; content:""; position:absolute;}

.campaign-left-menu li {float:left; width:100%;}
.campaign-left-menu li a {color:#000; float:left; width:100%; font-size:12.1px; display:block; padding:12px 0 12px 14px; position:relative; transition:ease all .2s; background:#fff;}
.campaign-left-menu li a:hover {background:#f3f3f3; transition:ease all .2s; padding:12px 10px 12px 24px}
.campaign-left-menu li a:before {position:absolute; left:0; top:14px; content:""; background:#000; width:4px; height:4px; border-radius:50%; transition:ease all .2s;}
.campaign-left-menu li a:hover:before {left:10px; transition:ease all .2s;}
.campaign-left-menu li a span {float:right; color:#888;}
figure.c-detail-image {float:left;margin-right:30px;width: 380px;}
.c-details {float:left; width:calc(100% - 410px);}
.c-details p {font-size:12.1px; line-height:1.6em; margin-bottom:20px;}
.c-details .c-detail-btn {background-color: #ff0066; display: inline-block; float: left; width: 160px; text-align: center; left: 50%; height: 42px; color: #fff; text-decoration: none; font-size: 11px; padding-top: 2px; transition: ease all .2s; margin-top: 20px; position: relative; margin-left: -80px; border-radius: 0px; font-weight: 700; margin-bottom: 40px; font-weight: 600; line-height: 42px;}
.other-campaigns {float:left; width:100%; margin-top:50px; border-top:1px solid #ddd; padding-top:30px;}
.other-campaigns h3 {float:left; width:100%; text-align:left; margin-bottom:30px; font-weight:600; font-size:13.1px;line-height:25px;}
.other-campaigns-carousel {float:left; width:100%;}
.campaign-carousel-item {float:left; width:100%;}
.campaign-carousel-item h3 {margin:10px 0 15px 0; text-align:center; font-size:12.1px;}
#filters {float:left; width:100%;}
#filters button {float:left; width:100%; border:none; background:#fff; text-align:left; font-size:12px; padding:10px 0; height:32px; line-height:16px; transition:ease all .2s; cursor:pointer;}
#filters button i {float:right; margin-top:1px; margin-right:-15px; opacity:0; transition:ease all .2s;}
#filters button:hover i, #filters button.is-checked i {margin-right:0; opacity:1; transition:ease all .2s;}
#filters button:hover, #filters button.is-checked {padding:10px; background:#f3f3f3; transition:ease all .2s;}
#mobile-filters {float:left; width:100%; margin-bottom:20px; display:none;}
#mobile-filters button {border:1px solid #ddd; background:#fff; font-size:12.1px; padding:0px 10px; height:30px; line-height:30px; font-weight:500; border-radius:30px; margin-bottom:4px;}
#mobile-filters button.is-checked {background:#f3f3f3;}
.campaign-detail {float:left; width:100%;}
.campaign-detail p {font-size:13px; font-family:'Spartan',sans-serif !important; float:left; width:100%; margin-bottom:20px; line-height:1.8em;}
.campaign-detail a {color:#ff0066; text-decoration:none; border-bottom:1px solid #ff0066; padding-bottom:2px;}
.campaign-detail ol {float:left; width:100%; list-style:decimal; padding-left:15px; font-size:13px; margin-bottom:20px;}
.campaign-detail ol li {float:left;width:100%;margin-bottom:10px;font-size: 12.1px;}
.campaign-detail ul {float:left; width:100%; list-style:square; padding-left:15px; font-size:13px; margin-bottom:20px;}
.campaign-detail ul li {float:left;width:100%;margin-bottom:10px;font-size: 12.1px;}
.campaign-detail h2 {font-size:15px; font-weight:700; float:left; width:100%; margin-bottom:20px; line-height:1.8em;}
.campaign-detail h3 {font-size:13px; font-weight:700; float:left; width:100%; margin-bottom:20px; line-height:1.8em;}
.campaign-detail strong {font-weight:600}
.campaign-detail img {border:1px solid #ddd; padding:5px; margin-right:20px; max-width:50% !important; height:auto !important; margin-bottom:10px;}
.campaign-detail i {font-style:italic;}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}
hr {float:left; width:100%; margin-bottom:20px; border:none; height:1px; background:#ddd;}

.campaigns-blogs-wrapper {
    float: left;
    width: 100%;
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #ddd;
}

.blog-list-carousel-item {
    float: left;
    width: 100%;
    margin-right: 20px;
    padding: 5px;
    background: #fff;
}

.blog-list-carousel-item>a {
    float: left;
    width: 100%;
    display: flex
;
    transition: ease all .2s;
    height: 230px;
    overflow: hidden;
    align-items: flex-start;
}

.blog-list-carousel-item>a img {
    display: block;
    width: 100%;
}

.blog-list-carousel-item h5 {
    float: left;
    width: 100%;
    font-size: 10px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
    padding: 0 10px;
}

.blog-list-carousel-item h4 {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
    color: #000;
    line-height: 24px;
    padding: 0 10px;
}

.blog-list-carousel-item h4 a {
    color: #000;
    text-decoration: none;
}

.blog-list-carousel-item p {
    float: left;
    width: 100%;
    line-height: 1.7em;
    font-size: 11px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    color: #333;
    padding: 0 10px;
}

.blog-list-carousel-item span {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-size: 11px;
    font-weight: 500;
    padding: 0 10px;
}


/* **** TABLET YATAY ***** */
@media screen and (min-width : 992px) and (max-width : 1199px) {
  
}

/* **** TABLET DIK ***** */
@media screen and (min-width : 768px) and (max-width : 991px) {
  .campaign-page-wrapper #sidebar {display:none;}
    .campaign-list-right-area {width:100%; margin-left:0;}
    .campaign-list li .campaign-image {width:100%;}
    .campaign-content {width:100%; padding:15px;}
    #mobile-filters {display:block;}
    figure.c-detail-image {width:100%;}
    .other-campaigns-carousel .swiper-slide {width:80%;}
    .c-details {width:100%;}
}

/* **** TELEFON ***** */
@media screen and (max-width : 767px) {
    .campaign-page-wrapper #sidebar {display:none;}
    .campaign-list-right-area {width:100%; margin-left:0;}
    .campaign-list li .campaign-image {width:100%;}
    .campaign-content {width:100%; padding:15px;}
    #mobile-filters {display:block;}
    figure.c-detail-image {width:100%;}
    .other-campaigns-carousel .swiper-slide {width:80%;}
    .c-details {width:100%;}
.campaigns-blogs-wrapper .swiper-slide {width:80%;}
}