/* CSS Document */

/*hp*/
.body-lang-en .person-contact .person-text-above, 
.body-lang-en .person-contact .person-text-above {   min-height: 0rem;}
.video-mobil {display:none}

/*agentura , contact, kariera */
.cta {  position:absolute; bottom:4em;  margin-top: 2em; display: block; font-size:1.5rem}
.project-teaser-big {position:relative}
.project-teaser-big .home-box-arrow-down {font-size:1.7rem}

.project-teaser-big .home-box-arrow-down {position:relative; bottom: -32%;}
.article-agentura .project-teaser-big .home-box-arrow-down,
.article-kariera .project-teaser-big .home-box-arrow-down,
.article-kontakty .project-teaser-big .home-box-arrow-down
{position:absolute; bottom: 2%;}

.project-teaser-big .text-bottom {
    padding-bottom: 2.5em;
}
.svg-inline--fa.fa-w-14 { font-size: 1.3em;}

.kariera-pozice {width: 60%;  margin:auto; text-align: left;}
.kariera-pozice h3 {margin-bottom: 1.1em;}
.kariera-pozice p {text-align: left;}


.personprofile-container .personprofile-content .personprofile-photo img {width:86%}
.personprofile-text h1 {margin-bottom: .7em;}
/*.personprofile-text h1 small {font-size:60%} */
.podcast {display: block; width: 2em;}



/*projects swiper*/
.swiper-container {
    width: 80%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  article.article-projekty .testimonials-list .testimonial .testimonial-text {
    font-size: 1.3em;}

  article.article-projekty .testimonials-list { position: relative; }


/* blog archive */
section.blog {margin-top:3em}
section.blog .h1plain {text-align: center; margin-bottom: 3em;}
#articles {overflow: auto;}
.blog-article {width:33.33%; float:left}
#articles .blog-article .img-cont{height: 13em;
    overflow: hidden;}
.blog-article .caption {position: absolute; top:50%; transform: translateY(-50%); margin:auto; left: 0; right: 0; color:white; text-align: center;}
.blog-article .caption h2 {font-weight: 600; width:71%; font-size:1.2em; font-size:1.2vw; font-size: 1.2em; margin:0 auto 0.4em;}
.blog-article .caption span {font-weight: 300; font-size:0.8em}
.blog-article h3 {margin-bottom: 1.5em;  margin-top: 0.5em;}
.blog-article p { margin-bottom: 4em; }
.blog-article .img-cont {width:100%; position: relative; height:13vw; overflow: hidden;}
.blog-article .img-cont img { width: 100%; position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1.1);}

    

.blog-article.first .caption h2 {font-size: 3em; font-size: 3.3vw; }
.blog-article.first {width:100%; float:none}
.blog-article.first .img-cont {
    height: 41vw;
    overflow: hidden;
}

.blog-article .overlay {position: absolute; top:0; left:0; width:100%; height: 100%; background-color:rgba(0,0,0,0.3)}

.load-posts {overflow:auto}
.more-cont {text-align: center; padding-top: 4em; float: left; width: 100%;}
.more-cont div {text-align: center;}

/* blog single */

.blog-single h1.h1plain {font-weight: 600; font-size: 3em; font-size: 3.3vw; margin:3rem 0 3rem 0; text-align: center;}
.container-blog {width:70%; margin:auto; position: relative; }
.container-blog p {margin-bottom: 3.5em; text-align: left;}
.container-blog h2 {font-weight: 400; text-align: left}
.container-blog h3 {font-weight: 600; margin-bottom: 1.3em; text-align: left}
.container-blog figure {margin-bottom: 2em; text-align: left}
.container-blog figcaption {      text-align: center; text-align: left;
    width: 100%;
    font-size: .9em;
    position: static;
    margin-bottom: 4em;
    }

.share {position:absolute; top:0em; left:-19%; width:7em}
.sharethis-inline-share-buttons .st-btn {filter: grayscale(100%) contrast(150%); -webkit-filter: grayscale(100%) contrast(400%); display:block!important; width: 3.4em; margin: 0 0 0.8em 3em;}
.sharethis-inline-share-buttons {float: none; display: block;}

.autor {background:#eeeeee;margin-top: 1em; }
.autor .cont {width:70%; margin:auto; padding:4em 0; overflow: auto;}
.autor img {width:7em; border-radius: 50%; float:left; margin-right: 3em;}
.autor h5 {font-weight: 600;}
.autor-desc {padding-top: 1.3em;}

article .blog-single h2 { font-size: 2.1rem; margin-bottom: 2.4rem;}
.randomposts {overflow: auto; margin:2.2em auto; width:100%}
.randomposts .blog-article {width: 31%; margin: 0 1.1%;}

.img-blog-main {margin-bottom: 6em; height: 41vw;
    overflow: hidden; position:relative}
.img-blog-main img {width:100%; position: absolute;  top: 50%;  transform: translateY(-50%);}
.blog-info {text-align: left; display:block; font-size:1.3em; margin-bottom:3em }

.blog-single blockquote {font-size:1.8em; font-weight: 500; border-top:1px solid #d3d0d0; border-bottom:1px solid #d3d0d0; padding:2em 1em; margin-bottom: 2em;}
.blog-single blockquote p { margin-bottom: 0.3em;}
.blog-single blockquote cite {    text-align: left;
  font-size: 0.6em;
  font-weight: 800;
  font-style: normal;
  width: 100%;
  display: block;}
.blog-single .has-background {padding:3em}
.blog-single .has-background h1, 
.blog-single .has-background h2, 
.blog-single .has-background h3, 
.blog-single .has-background h4,
.blog-single .has-background h5,
.blog-single .has-background p {text-align: left;}
.blog-single .has-background p {margin-bottom: 1.8em;}

.blog-single .wp-block-image {
    /* height: 31vw;
    overflow: hidden;
    position: relative; */
}

.blog-single .wp-block-image img {
    width:100%; height:auto;   
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%); */
}

.under-random-posts {background-color:#333333;padding: 9em 5% 4em;    
    position: relative;
    top: -8em;
    z-index: -1;}
.under-random-posts p{ color: white; text-align: center;}

/*agentura*/
.justify-content-xl-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;}
article.article-agentura .agentura-part-2 .agentura-lide {max-width:540px}


/*team nav*/
#team-nav {text-align: center;     background: #f8f8f8;
  z-index: 5;
  border-top: 1px solid #e9e9e9;}
#team-nav a {    margin: 0.5em 1.5em; display: inline-block; text-decoration: none;}
.sticky { position: fixed; top: 43px; width: 100%;}
#team-nav a.active {color:black}  


/*team*/
.article-team {padding-top:0}
.article-team h1 {text-align: center; margin-bottom:1em}
.article-team .people-thumbnails { margin-bottom: 6rem;}

/*trendy-v-content-marketingu/*/
#microsite2018form-failure {background: none; color:red; font-weight:bold}


.footer .podcast {filter: saturate(0) opacity(0.5);}


/* kariera 2021 */
.galerie-text {margin-top:7em}
.article-kariera p {font-size: 1.5rem; width:70%; margin-left: auto; margin-right: auto;}
.article-kariera h2 {margin-bottom:1em}
.article-kariera .galerie {width: 100%;     margin-top: 6em; margin-bottom:6em}
.article-kariera .galerie img{width: 100%;}
.gallery-mobile {display:none}
.article-kariera .btn, .container-kariera-single .btn { padding: 1.05rem 1rem; min-width: 250px; font-size: 1rem;}
.article-kariera .container-basic {padding:0}
/*.offer {width:65%; margin:auto; max-width: 38em;}*/


.pozice {text-align: center; overflow:auto; margin-bottom:4.5em; margin-top: 4em; font-size:1vw}
.pozice-square {display:inline-block; width:24.2%; background:#EE0000; position: relative; margin: 0 0.4% .25em 0; transition:background-color 0.15s ease;}
.pozice-square:hover {background-color: #F1F1F1;}

.pozice-square:after { content: ""; display: block; padding-bottom: 100%;}
.pozice-square:nth-of-type(4) {margin-right:0}
.pozice-square .click-area {width:100%; height:100%; position: absolute; top: 0; left: 0;} 
.pozice-text {position: absolute; top:50%; transform: translateY(-50%); left:0; right:0; margin:auto; width:88%; color:white; font-size:2.4em; font-weight: 500; line-height: 1.1em; transition:color 0.15s ease;}
.pozice-text:hover {color: #000000;}
.click-area:hover .pozice-text {color: #000000;transition:color 0.15s ease;}

.container-kariera-single {width:70%; margin:4em auto}
.container-kariera-single h1 {font-weight: 600; margin-bottom:1em}
.container-kariera-single h2 {margin-bottom:1em}
.container-kariera-single h2, .container-kariera-single h3 {text-align: left;}
.container-kariera-single p { text-align: left;}
.container-kariera-single .text2 {margin-top:10em; text-align: center;}
.container-kariera-single .text2 p{text-align: center;}
.container-kariera-single .offer {width:60%; margin:auto}
.container-kariera-single .offer h2 {text-align: center;}
.container-kariera-single .btn-cont {text-align: center;}

#banner-contentmarketing img{width:100%}

.banner-podcast {padding: 6em 0; background: rgb(238,0,0); background: radial-gradient(circle, rgba(238,0,0,1) 14%, rgba(185,0,0,1) 100%); position: relative;}
.banner-podcast .content {width:70%;  max-width:1140px;  padding: 0 0.4rem!important;  margin:auto; overflow: auto;}
.banner-podcast .podcast-img {width:30%; display:block; float:left}
.banner-podcast .text {    width: 55%; float: left; margin-left: 7%; color:white;  margin-top: 0em;}
.banner-podcast h2 {font-size: 3vw; font-weight: 600; margin-bottom: 0.5em;}
.banner-podcast h3 {font-size: 1.1rem; font-weight: 500; line-height: 1.4em;}
.banner-podcast button {display: inline-block; border: 3px solid white; cursor:pointer; color: white; text-decoration: none; padding: 0.7em 1.3em; text-transform: uppercase; text-align: center; font-weight: bold; min-width: 8em; background-color: transparent; margin-top:1.5em; transition: all 0.1s ease;}
.banner-podcast button:hover {background-color: white; color:#EE0000;}
.banner-podcast button:focus { outline-style: none; box-shadow: none; }

.banner-podcast .airpod1 {position: absolute; left:64%; bottom:0; width:10em}
.banner-podcast .airpod2 {position: absolute; left: 82%; bottom: 28%; width: 7em;}


 .fbphotos-footer .fbphotos-container .fbphotos-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* -webkit-box-pack: center; */ -ms-flex-pack: center; justify-content: center;}
 .fbphotos-footer .fbphotos-container .fbphotos-row .fbphoto {width:10em; height:auto; margin:0 2em}
 .fbphotos-footer .fbphotos-list-footer-bottom {padding: 5rem 0 5rem 0;}
 .fbphotos-footer p.subtitle {margin: -4rem 0 6rem 0;}

/* media */

@media only screen and (min-width: 1600px) {
.blog-article.first .caption h2,
.blog-single h1.h1plain { font-size: 3.4em;}
.blog-article .img-cont {height:13em;}
.banner-podcast h2 {font-size: 2.8em;}
.pozice-text {font-size: 2.5rem;}
}    

@media only screen and (max-width: 1599px) {
 #articles .blog-article .img-cont {height:11em} 
#articles .blog-article .img-cont img{transform: translateY(-50%) scale(1.1);}

}


@media only screen and (max-width: 1200px) {
    
    .blog-article {width:50%} 
    .blog-article .caption h2 {font-size: 1em;}
    article.article-agentura .agentura-part-2 .agentura-lide {max-width: 730px;}
    body.home .home-text .person-contact {margin: 0 auto 3em;}
    .person-contact .person-text-above {min-height: 0;}
    .banner-podcast .content {width: 70%;}
    .banner-podcast .text {width: 56%;}
    .article-kariera p{width:100%; font-size: 1.2rem;}
    .container-kariera-single .offer {width:100%;}
    
}

@media only screen and (max-width: 1100px) {
    .navbar-expand .navbar-nav .nav-link {padding-right: 0.5em; padding-left: 0.5em;}  
    .blog-single h1.h1plain {font-size:2.5em}
    .blog-article {width:50%} 
    .blog-info { font-size: 1.2em;}
    .randomposts .blog-article {width: 49%; margin: 0 .5%;}
    .randomposts .blog-article:nth-of-type(3) {display:none}
    .share {position: static; width:50%;     margin: auto;}
    .sharethis-inline-share-buttons .st-btn {display:inline-block!important; float:none; left:0; margin-left:0}
    #articles .blog-article .img-cont { height: 10em;}
    .blog-article .img-cont { height: 19vw;}
    .banner-podcast {padding: 4em 0;}
    .banner-podcast .content {width: 80%;}
   
  }

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

    .project-teaser-big.project-teaser-dark .sr-heading {/*font-size: .6em; */ position: relative; top: -1em;}
    .hp-videobox {display:none;}
    .video-mobil {display:block; width: 100%; margin-top: -3px;}
  .blog-article {width:100%} 
  .blog-article .caption h2, .blog-article.first .caption h2 {font-size: 4em; font-size: 4vw; }  
   .randomposts .blog-article {width: 100%; margin: .5em 0;}
   /* .blog-article .caption h2, .blog-article.first .caption h2 {text-align: center;}  */
  /* .blog-single h2, 
   .blog-single h3, 
   .blog-single p, 
   .blog-single blockquote cite {
       text-align: center;} */
    
    .blog-single ol, .blog-single ul {
        padding-inline-start: 0;
    text-align: center;
    list-style-position: inside;}

    p.center-on-mob,
    h2.center-on-mob,
    h3.center-on-mob {
      text-align: center;
     }
     .blog-article .img-cont { height: 16em;} 
     .randomposts .blog-article:nth-of-type(3) {display: block;}
    .container-blog {width:100%;}
    .blog-single .wp-block-image { }

    .pozice-square {width: 49%; margin: 0 0.8% .7em 0;}
    .pozice-text {font-size:4.4em}

    .banner-podcast .content {width: 88%;}
    .banner-podcast .text {width: 48%;}
    .banner-podcast .podcast-img {width: 38%;}
    .banner-podcast .airpod1 {left: 77%; width: 7em;}
    .banner-podcast .airpod2 {left: 88%; width: 4em;}
 
    #banner-contentmarketing {overflow: hidden;}
    #banner-contentmarketing img {width: 160%;
        margin-left: -30%;}

    .footer-contact,
    .footer .footer-social {text-align: center;}
}

@media only screen and (max-width: 599px) {
  .container-basic, .container-fluid {
        padding-right: 20px;
        padding-left: 20px;}
  .blog-single blockquote {font-size: 1.5em;}        
  article .h1image, article h1.h1image {font-size: 3.75em;}
  .blog-article .img-cont {height: 9.4em;}
  
  #articles .blog-article .img-cont { height: 8em;}
  .blog-single h1.h1plain {font-size:2em} 
  .blog-single iframe {width: 100%; height: 12em;} 
  .blog-info {font-size: 0.7em;}
  .img-blog-main {margin-bottom: 0em;}
  article .blog-single h2 {font-size: 1.6rem; margin-bottom: 2rem;}
  .autor img { float: none; margin: auto;  display: block;}
  .autor-desc {    text-align: center;}

  .article-kariera .container-basic {padding:5%}
  .article-kariera .container-basic p {text-align: center;}
  .article-kariera .container-basic .col-12 {padding:0}
    .kariera-pozice {width:80%;  }
    .kariera-pozice h3 {text-align: left;}
    .swiper-button-prev { left: 39px;  top: 5em;}
    .swiper-button-next { right: 39px;  top: 5em;}
    .container-kariera-single {width: 85%;}
    .offer {width:90%}
 


  .project-teaser-big .text-middle {font-size: 1.8rem;}
  
  .gallery-mobile {display:block}
  .gallery-desktop {display:none}

  .banner-podcast .podcast-img {width: 100%;}
  .banner-podcast .text {width: 100%; margin-left:0; margin-top:2em}
  .banner-podcast h2 {font-size: 1.6em;}
  .banner-podcast .airpod1, .banner-podcast .airpod2 {display:none}

  .fbphotos-footer .fbphotos-container .fbphotos-row .fbphoto {width:7em; height:auto; margin:0 1em}

    }

/*phone - landscape*/
    @media only screen and (max-height: 799px) {
.cta {  bottom: 3em;  font-size: 1.3rem;}
article .h1image, article h1.h1image { height:400px;}
/*.project-teaser-big.project-teaser-dark { font-size: 3.2em;}  ????  */ 
}


.galerie-extra { margin: 7em 0px}
.galerie-extra .grid-sizer {width: 25%; height:360px;}
.galerie-extra .grid-item { width: 25%; height: 360px; background-size: cover; background-position: center center; position:  relative;;}
.galerie-extra .grid-item--width2 { width: 50%;}
.galerie-extra .grid-item--height2 { height: 720px;}
.galerie-extra .grid-item--wh2 { width: 50%; height:720px;}
.galerie-extra .pointer {cursor: pointer;}
.galerie-extra .grid-item:after {content:" "; position: absolute; top: 0px; left: 0px; width:100%; height: 100%; border: 2px solid #fff; box-sizing: border-box; }

.mfp-arrow.mfp-arrow-left.mfp-prevent-close {border:none!important;outline: none!important;}
.mfp-arrow.mfp-arrow-right.mfp-prevent-close {border:none!important;outline: none!important;}
.mfp-close {border:none!important;outline: none!important;}

.galerie-extra .grid-item.grid-item1 {width: 25%!important; height: 720px!important;}
.galerie-extra .grid-item.grid-item2 {width: 25%!important; height: 360px!important;}
.galerie-extra .grid-item.grid-item3 {width: 50%!important; height: 360px!important;}
.galerie-extra .grid-item.grid-item4 {width: 50%!important; height: 360px!important;}
.galerie-extra .grid-item.grid-item5 {width: 25%!important; height: 720px!important;}
.galerie-extra .grid-item.grid-item6 {width: 50%!important; height: 360px!important;}
.galerie-extra .grid-item.grid-item7 {width: 25%!important; height: 360px!important;}

@media (max-width: 1200px){
  .galerie-extra .grid-sizer {width: 50%; }
  .galerie-extra .grid-item { width: 50%;}
  .galerie-extra .grid-item--width2 { width: 100%;}
  .galerie-extra .grid-item--height2 { height: 360px;}
  .galerie-extra .grid-item.grid-item1 {width: 100%!important; height: 360px!important;}
  .galerie-extra .grid-item.grid-item2 {width: 50%!important; height: 360px!important;}
  .galerie-extra .grid-item.grid-item3 {width: 50%!important; height: 720px!important;}
  .galerie-extra .grid-item.grid-item4 {width: 50%!important; height: 360px!important;}
  .galerie-extra .grid-item.grid-item5 {width: 100%!important; height: 360px!important;}
  .galerie-extra .grid-item.grid-item6 {width: 50%!important; height: 360px!important;}
  .galerie-extra .grid-item.grid-item7 {width: 50%!important; height: 360px!important;}
}
@media (max-width: 768px){
  .galerie-extra .grid-item { height: 260px;}
  .galerie-extra .grid-item.grid-item1 {width: 100%!important; height: 260px!important;}
  .galerie-extra .grid-item.grid-item2 {width: 50%!important; height: 260px!important;}
  .galerie-extra .grid-item.grid-item3 {width: 50%!important; height: 520px!important;}
  .galerie-extra .grid-item.grid-item4 {width: 50%!important; height: 260px!important;}
  .galerie-extra .grid-item.grid-item5 {width: 100%!important; height: 260px!important;}
  .galerie-extra .grid-item.grid-item6 {width: 50%!important; height: 260px!important;}
  .galerie-extra .grid-item.grid-item7 {width: 50%!important; height: 260px!important;}
}
@media (max-width: 576px){
  .galerie-extra .grid-item { height: 175px;}
  .galerie-extra .grid-item.grid-item1 {width: 100%!important; height: 175px!important;}
  .galerie-extra .grid-item.grid-item2 {width: 50%!important; height: 175px!important;}
  .galerie-extra .grid-item.grid-item3 {width: 50%!important; height: 350px!important;}
  .galerie-extra .grid-item.grid-item4 {width: 50%!important; height: 175px!important;}
  .galerie-extra .grid-item.grid-item5 {width: 100%!important; height: 175px!important;}
  .galerie-extra .grid-item.grid-item6 {width: 50%!important; height: 175px!important;}
  .galerie-extra .grid-item.grid-item7 {width: 50%!important; height: 175px!important;}
}


.footer .footer-logos img {
/*  margin: auto;
    margin-right: auto;
    margin-left: auto;*/
  width: auto;
  max-width: 100%;
  height: 76px;
}


@media (min-width: 1200px) and (max-width: 1459px){
  .footer .footer-logos img {
    height: 45px!important;
  }
}
@media (min-width: 1460px) and (max-width: 1600px){
  .footer .footer-logos img {
    height: 55px!important;
  }
}
@media (min-width: 450px) and (max-width: 600px){
  .footer .footer-logos img {
    height: 55px!important;
  }
}
@media (max-width: 450px){
  .footer .footer-logos img {
    height: 40px!important;
  }
}
@media (max-width: 320px){
  .footer .footer-logos img {
    height: 35px!important;
  }
}

.project-list > a {padding: 2px!important; background: #fff!important;}
.project-list > a .project-info {left: 2px; width: calc(100% - 4px); top: 2px; height: calc(100% - 4px);}
.project-list {padding: 2px; background: #fff!important;}

#articles .blog-article {padding: 4px 0px 0px 4px!important;}
#articles .blog-article:nth-child(3n+1) {  padding-left: 0px !important;}

@media (max-width: 1200px){
  #articles .blog-article:nth-child(3n+1) {  padding-left: 4px !important;}
  #articles .blog-article:nth-child(2n+1) {  padding-left: 0px !important;}
}

@media (max-width: 768px){
  #articles .blog-article:nth-child(3n+1) {  padding-left: 0px !important;}
  #articles .blog-article:nth-child(3n+1) {  padding-left: 0px !important;}
  #articles .blog-article {  padding-left: 0px !important;}
}



.agentura-intro {background: url('../img/agentura.jpg') no-repeat; background-size: cover; margin-top: 3rem;}
.agentura-intro h1 {color:#fff; font-size: 84px;  font-style: normal;  font-weight: 700; padding: 3em 0px;}
.agentura-body {font-size: 25px; padding: 6rem 0px 0px 0px;;}
.agentura-body h3 {font-weight: 700; font-size: 2.5rem;  margin-bottom: 3.5rem; position: relative; display: inline-block; z-index: 3;}
.underline-left-red:after {content: " "; position: absolute; right: 0px; width: 405px; height: 6px; background: #ED0101; 
      bottom:-22px; }
.underline-left-red2:after {content: " "; position: absolute; right: 0px; width: 440px; height: 6px; background: #ED0101; 
  bottom:-22px; }
.underline-right-red:after {content: " "; position: absolute; left: 0px; width: 900px; height: 6px; background: #ED0101; 
  bottom:-22px;}
.agentura-box {background: #D9D9D9; padding: 40px; margin-bottom: 30px; height: calc(100% - 30px);}  
.agentura-box h3 {margin: 3rem 0px 1.6rem 0px;}
.agentura-part1 .row {align-items: center;}
.agentura-part1 .text-left p {text-align: left;;}

.clients-list .client-box {position: relative;}
.clients-list .client-box .hover {}
.clients-list .client-box .hover {display:flex;  position: absolute; width: calc(100% - 1rem); height: calc(100% - 1rem); top: 0.5rem; left: 0.5rem; background-color: #000;
  align-items:center; font-size:24px; opacity: 0;   -webkit-transition: -webkit-filter 0.15s linear;
  transition: -webkit-opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  transition: opacity 0.15s linear, -webkit-filter 0.15s linear;}
.clients-list .client-box .hover img { display: block; position: absolute; top:0px; left: 0px; width: 35%; height:auto;}
.clients-list .client-box .hover span {color:#fff; display:block; text-align:center; padding: 50px 20px 0px 20px;} 
.clients-list .client-box:hover .hover {opacity: 1;}

.clients-list-footer .clients-list > * img.clients-thumbnail:hover {
  -webkit-filter: none;
  filter: none;
}

@media (max-width: 1540px){
  .underline-left-red:after { width: 27vw;}
  .underline-right-red:after { width: 55vw;}
  .underline-left-red2:after { width: 30vw;}
  .agentura-part1 .row {align-items: start!important;}
  .clients-list .client-box .hover {font-size:20px;}
}

@media (max-width: 1200px){
  .agentura-intro h1 {font-size: 60px;}
  .agentura-body {font-size: 20px; padding: 6rem 0px;;}
  .agentura-body h3 {font-size: 2rem;  margin-bottom: 3rem;}
  .agentura-box h3 {margin: 2.6rem 0px 1.4rem 0px;}

  .underline-left-red:after { width: 21vw;}
  .underline-right-red:after { width: 48vw;}
  .underline-left-red2:after { width: 25vw;}
  .clients-list .client-box .hover {font-size:16px;}
}

@media (max-width: 992px){
  .agentura-part1 img {margin:0px auto 20px auto; display: block; width: 400px; height:auto;}
  .underline-left-red:after { width: 200%; left:0px; right: auto;}
  .underline-right-red:after { width: 200%; left:0px; right: auto;}
  .underline-left-red2:after { width: 200%; left:0px; right: auto;}
  .clients-list .client-box .hover {font-size:13px;}
}

@media (max-width: 768px){
  .agentura-intro h1 {font-size: 44px;}
  .agentura-box {padding: 30px;}  
  .agentura-body {font-size: 20px; padding: 6rem 0px;;}
  .clients-list .client-box .hover {font-size:15px;}
  
}

@media (max-width: 576px){
  .agentura-intro h1 {font-size: 36px;}
  .agentura-box {padding: 30px;}  
  .agentura-body {font-size: 18px; padding: 6rem 0px;;}
  .agentura-part1 img {width: 70vw; height:auto}
  .underline-left-red:after { width: 130%; left:0px; right: auto;}
  .underline-right-red:after { width: 130%; left:0px; right: auto;}
  .underline-left-red2:after { width: 130%; left:0px; right: auto;}
}

@media (min-width: 992px){
  .footer .footer-button {text-align: right;}
}