/*
 Theme Name:   _tk Publicis Mix
 Description:  Publicis theme
 Author:       Marcin Błażejewski | PublicisDWL
 Template:     _tk-master
 Version:      1.0.0
*/

* {margin: 0; padding: 0; font-family: 'Source Sans Pro', serif; border: 0px solid #fff;}
*,:before,:after {
box-sizing:border-box;
-webkit-backface-visibility:hidden;
}

html {width: 100%; height: 100%; background: #fff; margin-top: 0px !important;}
body {height: 100%; background: #fff; padding-top: 70px;}
img {display: block;}

h1 {font-size: 52px;}
h2 {font-size: 44px;}
h3 {font-size: 28px;}
h4 {font-size: 24px; line-height: 36px;}
p {font-size: 20px; line-height: 34px; padding-bottom: 20px;}

a:hover {text-decoration: none;}

@media (max-width: 767px) {

    h1 {font-size: 52px;}
    h2 {font-size: 44px;}
    h3 {font-size: 28px;}
    h4 {font-size: 24px; line-height: 36px;}
    p {font-size: 14px; line-height: 26px; padding-bottom: 20px;}
}



/* NAVBAR */

.navbar {z-index: 999999; height: 72px; margin-bottom: 0; text-transform: uppercase; border: 0 solid #fff !important; background-color: #fff !important;}
.navbar .container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; }
.navbar-brand {height: 40px; float: none; display: inline-block; -ms-flex-item-align: start; align-self: flex-start; padding: 15px 20px; margin: 0;}
.navbar-brand img {width: auto; height: 40px;}
.navbar-toggle {background-color: #fff; margin-top: 10px; border-color: #000;}
.navbar-toggle .icon-bar {background-color: #000; }
.navbar-nav {display: inline-block;}
.navbar-nav > li {height: 70px; display: inline-block; float: none; }
.navbar-nav > li > a {display: block; font-weight: bold; color: #000 !important; font-size: 18px; line-height: 70px; padding-top: 0; padding-bottom:0; padding-left: 20px; padding-right: 15px; max-width: 180px;}
.navbar-nav > li > a:hover {background-color: #fff; color: #c71717 !important;}
.navbar-nav > li.active > a {font-weight: bold; background-color: #fff !important;;}

.navbar-collapse {background-color: #fff !important; float:none; border: 0px solid #fff !important; width: 100%; }
.navbar-collapse ul {text-align: right; line-height: 70px;}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
@media (max-width: 991px) {
    .navbar .container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    .navbar-toggle {margin-top: 18px; -ms-flex-item-align: end; align-self: flex-end;}
    .navbar-collapse ul {display: block; height: auto; padding: 0; margin: 0; line-height: 40px; float: none !important; }
    .navbar-collapse ul li {display: block; height: auto; padding: 0; margin: 0; text-align: center; width: auto; }
    .navbar-collapse ul li a {width: 100%; height: auto; line-height: 40px; margin: 0 auto;}
    .navbar-collapse {position: fixed; top: 70px;right: 20px; left: 20px; width: auto; padding:  0px 10px 0px 10px; height: auto; }


}


/* INDEX */

.main-content {width: 100%; height: auto; z-index: 1; }

.section-cases {}
.section-cases .cases-item {height: 400px; background-size: cover; background-position: center center;  padding: 0; position: relative;}
.section-cases .cases-item .cases-item-desc {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-column-align: center; justify-items: center; padding: 20px;  color: #fff; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%;}
.section-cases .cases-item .cases-item-gif {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-column-align: center; justify-items: center; padding: 20px;  color: #fff; background-color: rgba(0,0,0,0.7); width: 100%; height: 400px;}
.section-cases .cases-item-gif-parent { height: 400px; background-image: url("img/section-agencies-bg.png"); }
.section-cases .cases-item-gif-parent .cases-item-gif { height: 400px; }
.section-cases .cases-item-gif-parent .cases-item-gif img{ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); }
.section-cases .cases-item .cases-item-desc p {font-size: 24px;}
.section-cases .cases-item .cases-item-desc-on {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.section-cases .cases-item .cases-item-info-buttom {display: block; cursor: pointer;  position: absolute; width: 24px; height: 24px; color: #fff; bottom: 10px; right: 10px; border: 2px solid #fff; border-radius: 50%; text-align: center;}


.section-cases .cases-garnier {background-image: url('img/section-01-garnier.jpg');}
.section-cases .cases-orange {background-image: url('img/section-01-orange.jpg');}
.section-cases .cases-renault {background-image: url('img/section-02-renault.jpg');}
/*.section-cases .cases-renault {background-image: url('img/section-01-renault.jpg');}*/
.section-cases .cases-sanofi {background-image: url('img/section-01-sanofi.jpg');}
/*.section-cases .cases-pgt {background-image: url('img/section-01-pgt.jpg');}*/
.section-cases .cases-pgt {background-image: url('img/section-01-vicks.jpg');}
.section-cases .cases-animex {background-image: url('img/section-01-animex.jpg');}
.section-cases .cases-nestle {background-image: url('img/section-01-nesc.jpg');}
.section-cases .cases-paribas {background-image: url('img/section-01-bnk.jpg');}
.section-cases .cases-prudential {background-image: url('img/section-01-prudential.jpg');}
.section-cases .cases-maggi {background-image: url('img/section-01-maggi.jpg');}
#map_canvas {
    background-image: url('img/mapka.png');
    background-position: center center;
}
.map_link{
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

@media (max-width: 991px) {

    .section-cases .cases-item .cases-item-desc p {font-size: 20px;}

}

@media (min-width: 769px) {
    .section-cases .cases-item .cases-item-info-buttom {display: none;}
    .section-cases .cases-item:hover .cases-item-desc {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.5s; transition: all 0.5s;}
    .section-cases .cases-item:hover {-webkit-filter: grayscale(100%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter'); filter: grayscale(100%); -webkit-transition: all 0.5s; transition: all 0.5s; }
}

@media (max-width: 768px) {

    .section-cases .cases-item .cases-item-desc p {font-size: 18px;}
    .section-cases .cases-item {height: 440px;}
}

@media (max-width: 480px) {

    .section-cases .cases-item .cases-item-desc p {font-size: 16px;}
    .section-cases .cases-item {height: 440px;}
}

.section-about {padding: 60px 0;}
.section-about h1 {margin: 0 auto; display: block; padding: 0px 60px 60px 60px; text-align: center; }
.section-about p {margin: 0 auto; max-width: 720px; text-align: center;}
.section-about ul {margin: 10px auto 20px auto;}
.section-about ul li {margin: auto auto 25px auto; max-width: 720px; line-height: 34px; text-align: center; list-style-type: none; font-size: 20px;}


@media (max-width: 767px) {

    .section-about p {margin: 0 auto; max-width: unset; text-align: center; padding: 0 20px;}
    .section-about ul li {font-size: 14px; line-height: 26px; max-width: unset; padding: 0 20px; list-style-position: inside; margin: auto auto 10px auto;}
}


.section-agencies {background-size: 100% 100%; background-position: center center; background-image: url('img/section-agencies-bg.png');}
.section-agencies h1 {margin: 0 auto; display: block; padding: 60px; text-align: center; }
.section-agencies p {margin: 0 auto; max-width: 720px; text-align: center; }

.section-agencies .agencies-container {padding: 60px 15px;}
.section-agencies .agencies-item {padding-bottom: 40px;}
.section-agencies .agencies-item .agencies-item-img {width: 80%; height: 100px; background-size: contain; background-position: center center; background-repeat: no-repeat;}

.section-agencies .agencies-item p {text-align: left; color: #c71717;}
.section-agencies .agencies-item p > a {text-align: left; color: #c71717;}
.section-agencies .agencies-item p > a:clicked {text-align: left; color: #c71717;}
.section-agencies .agencies-item p > a:visited {text-align: left; color: #c71717;}

.section-agencies .agencies-publicis .agencies-item-img {background-image: url('img/section-agencies-publicis-poland.png');}
.section-agencies .agencies-publicis-lion .agencies-item-img {background-image: url('img/section-agencies-publicis-lion.png');}
.section-agencies .agencies-publicis-dwl .agencies-item-img {background-image: url('img/section-agencies-publicis-dwl.png');}
.section-agencies .agencies-publicis-consultants .agencies-item-img {background-image: url('img/section-agencies-publicis-consultants.png');}
.section-agencies .agencies-publicis-healthcare .agencies-item-img {background-image: url('img/section-agencies-publicis-healthcare.png');}
.section-agencies .agencies-prodigious .agencies-item-img {background-image: url('img/section-agencies-prodigious.png');}

@media (max-width: 767px) {

    .section-agencies p {margin: 0 auto; max-width: unset; text-align: center; padding: 0 20px;}
    .section-agencies .agencies-item {margin: 0 auto; width: 90%;}
    .section-agencies .agencies-item .agencies-item-img {width: 100%; max-width: 320px; height: 100px; margin: 0 auto;background-size: contain; background-position: center center; background-repeat: no-repeat;}
    .section-agencies .agencies-item p {text-align: center;}
}



.section-people {padding: 60px 15px 0 15px;}
.section-people h1 {text-align: center;}

.section-people .container-people {padding: 40px 15px 0 15px; max-width: 1700px;}
.section-people .people-item {margin: 0; padding: 0; height: 400px; position: relative;}
.section-people .people-item h3 {font-size: 40px;}
.section-people .people-item-img {width: 100%; height: 100%; background-size: cover; background-position: 50% 15%;}

.section-people .people-item .people-item-desc {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-column-align: center; justify-items: center; padding: 20px;  color: #fff; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%;}
.section-people .people-item .people-item-desc * {text-align: center; width: 100%;}
.section-people .people-item .people-item-desc p {font-size: 24px;}

.section-people .people-item .people-item-info-buttom {display: block; cursor: pointer;  position: absolute; width: 24px; height: 24px; color: #fff; bottom: 10px; right: 10px; border: 2px solid #fff; border-radius: 50%; text-align: center;}
.section-people .people-item .people-item-desc-on {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.section-people .people-gargala-marek {background-image: url('img/section-people-gargala-marek.jpg');}
.section-people .people-lissowski-maciej {background-image: url('img/section-people-lissowski-maciej.jpg');}
.section-people .people-miecznikowski-adam {background-image: url('img/section-people-miecznikowski-adam.jpg');}
.section-people .people-merecz-pawel {background-image: url('img/section-people-merecz-pawel.jpg');}
.section-people .people-ochocka-elzbieta {background-image: url('img/section-people-ochocka-elzbieta.jpg');}
.section-people .people-marjanska-misiak-agnieszka {background-image: url('img/section-people-marjanska-misiak-agnieszka.jpg');}
.section-people .people-szydlo-michal {background-image: url('img/section-people-szydlo-michal.jpg');}
.section-people .people-kisielewski-michal {background-image: url('img/section-people-kisielewski-michal.jpg');}
.section-people .people-wach-slusarska-justyna {background-image: url('img/section-people-wach-slusarska-justyna.jpg');}
.section-people .people-lisicka-katarzyna {background-image: url('img/section-people-lisicka-katarzyna.jpg');}
/*.section-people .people-koper-katarzyna {background-image: url('img/section-people-koper-katarzyna.jpg');}*/

.section-people .people-litwinek-krzysztof {background-image: url('img/section-people-litwinek-krzysztof.jpg');}
.section-people .people-kowalczyk-ola {background-image: url('img/section-people-kowalczyk-ola.jpg');}
.section-people .people-gadomska-dagmara {background-image: url('img/section-people-gadomska-dagmara.jpg');}
.section-people .people-roszkowska-kamila {background-image: url('img/section-people-roszkowska-kamila.jpg');}
.section-people .people-mazurek-agnieszka {background-image: url('img/section-people-mazurek-agnieszka.jpg');}
.section-people .people-jachimowicz-piotr {background-image: url('img/section-people-jachimowicz-piotr.jpg');}
.section-people .people-bednarkiewicz-joanna {background-image: url('img/section-people-bednarkiewicz-joanna.jpg');}
.section-people .people-witek-kusmider-dagmara {background-image: url('img/section-people-witek-kusmider-dagmara.jpg');}
.section-people .people-figura-slawek {background-image: url('img/section-people-figura-slawek.jpg');}
.section-people .people-rokosz-katarzyna {background-image: url('img/section-people-rokosz-katarzyna.jpg');}
.section-people .people-samek-magdalena {background-image: url('img/section-people-samek-magda.jpg');}
.section-people .people-szymanczak-malgorzata {background-image: url('img/section-people-szymanczak-malgorzata.jpg');}
.section-people .people-pyzik-justyna {background-image: url('img/section-people-justyna-pyzik.jpg');}

.smartrecruitersJobList, .smartrecruitersJobListDetails{
    list-style-type: none;
}

.smartrecruitersJobListElementHeader{
    font-size: 40px;
}

@media (max-width: 991px) {


}

@media (min-width: 769px) {
    .section-people .people-item .people-item-info-buttom {display: none;}
    .section-people .people-item:hover .people-item-desc {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.5s; transition: all 0.5s;}
    .section-people .people-item:hover {-webkit-filter: grayscale(100%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter'); filter: grayscale(100%); -webkit-transition: all 0.5s; transition: all 0.5s; }
}

@media (max-width: 767px) {

    .section-people .people-item {height: 400px; max-width: 420px; margin: 0 auto; float: none;}

}

@media (max-width: 480px) {

}


.section-contact {padding: 60px 0;}
.section-contact h1 {text-align: center;}
.section-contact .contact-container {padding: 40px 0;}

.section-contact .contact-desc {padding: 0 0 0 40px;}
.section-contact .contact-desc h2 {color: #c71717; padding-bottom: 20px;}
.section-contact .contact-desc h4 {padding-bottom: 20px; color: #888888;}
.section-contact .contact-desc p {padding: 0;}

.section-contact .contact-desc a {color: #000; margin-right: 20px; }
.section-contact .contact-desc a:hover {color: #c71717;}
.section-contact .contact-desc a[href*="facebook"] {content: ''; font-size: 0; }
.section-contact .contact-desc a[href*="facebook"]:after {
    font-family: FontAwesome;
    content: "\f09a";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-size: 30px;
}
.section-contact .contact-desc a[href*="youtube"] {content: ''; font-size: 0; }
.section-contact .contact-desc a[href*="youtube"]:after {
    font-family: FontAwesome;
    content: "\f167";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-size: 30px;
}

@media (max-width: 767px) {
    .section-contact .contact-maps {height: 320px !important;}
    .section-contact #map_canvas {height: 100% !important; }
    .section-contact .contact-desc {text-align: center; padding: 20px;}
}



.section-worldwide {}
.section-worldwide .worldwide-top {background-color: #c71717;}
.section-worldwide .worldwide-top h1 {font-size: 72px; max-width: 720px; margin: 0 auto; text-align: center; padding: 60px 20px; color: #fff; line-height: 96px;}

.section-worldwide .worldwide-map {height: auto;}
.section-worldwide .worldwide-map img {height: auto; width: 100%;}

.section-worldwide .worldwide-bottom {background-color: #252525;}
.section-worldwide .worldwide-bottom h1 {font-size: 72px; max-width: 720px; margin: 0 auto; text-align: center; padding: 60px 20px; color: #fff; line-height: 96px;}


@media (max-width: 767px) {
    .section-worldwide .worldwide-top h1 {font-size: 36px; line-height: 48px}
    .section-worldwide .worldwide-bottom h1 {font-size: 36px; line-height: 48px}
}


footer {text-align: center; padding: 40px 0;}
footer p {padding: 0;}
footer p a{font-size: 14px; color: inherit;}

#eu-cookie-bar {background-color: #252525;}
button#euCookieAcceptWP {background-color: #c71717;}
button#euCookieAcceptWP:hover {background-color: #fff; color: #c71717; }

/* NEWS */


.section-search {padding-top: 30px; border-bottom: 1px solid #ddd;}
.section-search form {text-align: right; font-size: 32px; }
.section-search form button {background-color: #fff; color: #ccc; -webkit-transition: all 0.2s; transition: all 0.2s}
.section-search form button:hover {background-color: #fff; color: #000; -webkit-transition: all 0.2s; transition: all 0.2s}
/* do not group these rules */
.section-search *::-webkit-input-placeholder {color: #ccc;}
.section-search input*:-moz-placeholder {color: #ccc;}
.section-search *::-moz-placeholder {color: #ccc;}
.section-search *:-ms-input-placeholder {color: #ccc;}

.section-news {padding-top: 20px;}
.section-news > .col-md-8 {padding-left: 0;}

.news-item {padding: 20px 0; border-bottom: 1px solid #ddd; -webkit-transition: all 0.5s; transition: all 0.5s;}
.news-item:hover img {-webkit-filter: grayscale(100%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter'); filter: grayscale(100%); -webkit-transition: all 0.5s; transition: all 0.5s; }
.news-item:hover .news-right a {color: #c71717; -webkit-transition: all 0.5s; transition: all 0.5s;}
.news-item .news-left {position: relative; padding-left: 0;}
.news-item .news-item-img {width: 100%; height: auto; min-height: 100px;}
.news-item .news-item-img img {width: 100%; height: auto;}

.news-item .news-item-date {position: absolute; top: 0; left: 9; background-color: #fff; padding: 10px 15px; text-align: center;}
.news-item .news-item-date-day {font-size: 47px; line-height: 47px; font-weight: bold;}
.news-item .news-item-date-month {font-size: 18px; line-height: 30px;}

.news-item .news-right a {color:#000; font-size: 24px; }

.news-sidebar h3 {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.news-sidebar .wff-author-wrapper {display: none;}
.news-sidebar .wff-shared-link-wrapper {display: none;}

.news-sidebar p {color: #000 !important;font-size: 12px;}
.news-sidebar .wff-post-text {font-size: 12px;}
.news-sidebar .more-content {font-size: 12px;}
.news-sidebar .wff-fb-item {border-bottom: 1px solid #ddd; }
.news-sidebar a {color: #c71717 !important; }
.news-sidebar a:hover {color: #ddd !important; }

.section-news #nav-posts div {padding: 20px 0;}
.section-news #nav-posts a {color: #ddd !important; margin: 20px 0;}
.section-news #nav-posts a:hover {color: #c71717 !important; }


@media (max-width: 768px) {
    .section-news > .col-md-8 {padding: 0;}
    .news-item .news-left {padding: 0;}
    .news-sidebar {display: none;}
}


.section-news-post {padding-top: 20px;}

.news-post-item .news-item-img {width: 100%; height: auto; min-height: 100px; }
.news-post-item .news-item-img img {width: 100%; height: auto;}

.news-post-item .news-item-date {position: absolute; top: 0; left: 9; background-color: #fff; padding: 10px 15px; text-align: center;}
.news-post-item .news-item-date-day {font-size: 47px; line-height: 47px; font-weight: bold;}
.news-post-item .news-item-date-month {font-size: 18px; line-height: 30px;}

.news-post-item .news-post-bottom h2 {padding: 20px 0;}

.news-post-item .news-post-bottom .news-post-social {padding: 20px 0; /*! text-align: left; */}
.news-post-item .news-post-bottom .news-post-social a {background-color: #000; height: 50px; width: 50px; line-height: 50px; display: block; margin: 10px 0; text-align: center; color:#fff; font-size: 32px;}
.news-post-item .news-post-bottom .news-post-social a:hover {color: #c71717}

@media (max-width: 767px) {
    .section-news-post .col-xs-12 {padding: 0; }
    .news-post-item .news-post-bottom .news-post-social {text-align: center;}
    .news-post-item .news-post-bottom .news-post-social a {display: inline-block;}
}