.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper.wrapper-noresize { background-repeat:no-repeat!important; background-position:center top!important; background-size:100% auto!important; }
.cbolui-ddl .theme-light { background: #fff; background-color: #fff; }
.app-footer,.app-footer-bg { background: #333333; }
.row-center { display: flex; align-items: center; }
.img-responsive { margin: 0 auto; }
#app-header { border-bottom: 5px #00b7e7 solid; position: relative; }
#app-header::before {content: ''; display: block; position: absolute; left: 0; bottom: -5px; width: 5px; height: 5px; background: #002455;}
#app-header .navbar-toplinks { display: none; }
.navbar { background: #006eb1;  }
.navbar img { max-width:100%!important; }
.btn { border-radius:5px!important; }
.btn-red { line-height:55px!important; padding:0 30px!important; font-size:1.2em!important; background-color: #62c3d0 !important;  border: 3px solid #fff !important; }
.cbolui-ddl .hero-module-adjusted { }
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper {  background-size:cover !important;}
.redText { color: #62c3d0; font-weight: bold; }
.cbolui-ddl .subcta { font-size:2em; }
.cardIcon { position: relative; }
.cardIcon img { position: absolute; left:50%; top: 50%; transform: translate3D(-52%, -50%, 0); }
@media (min-width:768px) { .cbolui-ddl.hero-module-adjusted {margin-top:-20px!important;}}
.headOne { }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #c1272d; font-weight: bold; }
.gmLogo { height:36px; margin-top:15px; }
.OwlKoncerty { list-style-type:none; padding:0; margin:0; display:block;}
.OwlKoncerty li { padding:0; margin:0; display:block; padding:15px;box-sizing:border-box;}
.OwlKoncerty li > div { position:relative; }
.OwlKoncerty li > div::before { transition: .6s transform ease; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0,74,149,0); background: -webkit-linear-gradient(legacy-direction(180deg), rgba(0,74,149,0) 40%,#004a95 100%); background: linear-gradient(180deg, rgba(0,74,149,0) 40%,#004a95 100%); content: ' '; }
.OwlKoncerty li > div > div { z-index:10; position:absolute; bottom:0; left:0; width:100%; padding:30px; }
.OwlKoncerty h4 { margin:0; font-size:1.3em; line-height:1.2em; display:block; text-align:center; color:#fff; font-weight:bold; }

    .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { padding:0px; position:static!important; transform: none!important; -webkit-transform:none!important;  }
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { height:auto!important; }

    .img-rwdtid { width:110px; margin-bottom:-2em; }
@media (max-width: 767px) {
    .bottom-card { width:60%; }
    .subcta { font-size:18px!important; line-height:22px!important; }
    .header-logo { width:40%; }
    .header-card { width:50%; margin-bottom:.5em;}
    .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { padding:16px 16px 48px 16px!important; }
    .mainheader { margin-top:1em!important; font-size:24px!important; line-height:28px!important; }
    .img-rwdtid { width:64px; margin-bottom:-2em; }
    .headOne { margin-top: 25vw; }
    .cardIcon img {  width: 65%; transform: translate3D(-52%, -35%, 0);}
    #app-header .citi-logo img { height: 25px; }
    .cbolui-ddl p {font-size: 1rem;line-height: 1.5rem;}
    .headTwo ul { list-style: none; padding-left: 60px; }
    .citySection .discCircle { margin: 10px auto; }
    .signature h4 { display: block !important; }
    .gmLogo { height: 30px; margin-top: 15px; }
}
@media (max-width: 530px) {
    .cbolui-ddl .pull-right { float: left!important; }
}
@media (max-width: 380px) {
    .citi-logo img { height:20px!important; }
    .gmLogo { height: 25px; margin-top: 17px; }
}

.headTwo { }
.headTwo ul { list-style: none; }

.benefistList li:before { display:block; content:''; position: absolute; background: url(list-icon.png); background-repeat: no-repeat; background-position: center center; width: 46px; height: 46px; left: -1%; }

.citySection { padding: 6vw 0; }
.citySection .discCircle { display: block; color: #fff; background:#c1272d; font-weight: bold; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; margin: 25px auto; }
.citySection .discLogo { margin: 0 auto; }
.citySection .discLogoBox { height: 100px; }

.fbSection { padding: 80px 0; -webkit-box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); 
    border-top: 1px solid #eee; position: relative; z-index: 10; overflow: hidden;}
@media (max-width: 767px) {
.fbSection::before { position: absolute; content: ""; background: url(phone.png); background-repeat: no-repeat; top: 50px; left: -80px; width: 110%; height: 100%; z-index: 0; }
.h3Header { font-size: 1.113rem !important; line-height: 1.688rem !important;margin-bottom: -15px !important;}
.fbSection img { opacity:0; }
}

@media (max-width: 594px) {
    .fbSection::before { left: -110px; }
}
@media (max-width: 552px) {
    .fbSection::before { left: -130px; }
}
@media (max-width: 500px) {
    .fbSection::before { left: -160px; }
}
@media (max-width: 440px) {
    .fbSection h3 { font-size:1em; line-height:1.3em; }
}
@media (max-width: 400px) {
    .fbSection::before { left: -200px; }
}
@media (max-width: 350px) {
    .fbSection::before { left: -250px; width:130%;}
}

.testimonials {  }
.testimonials .face { border-radius: 100%; border: 1px solid #eee; width: 80%; height: auto;}
.signature { display: inline; }
.signature img { display: inline; }
.signature h4 { display: inline; vertical-align: bottom; }

.form { background: #fff; padding: 0px 0; }
.form h3 { color: #fff; }
.cbolui-ddl .row .form-group label { color: #fff; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label { color: #fff; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label:hover { color: #fff; }

.goToTopButton { background-color: #62c3d0; width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; z-index: 9999; border-radius: 50px; display: inherit; }
.goToTopButton span { margin: 10px 0 0 0; display: block !important; text-align: center; margin: 11px !important; color: #fff;}

.footer-copy { font-size: 13px; font-weight: bold; text-align: right; float: right; margin-top: 10px; color: #d4d4d4; }

.cplSection { overflow:hidden; background:url('couple-bg.jpg') center center no-repeat; background-size:cover; padding:320px 0;}
.cplSection * { color:#fff!important; } 
@media (max-width: 767px) { .cplSection { padding:120px 0; }}

.OwlKoncerty .owl-item { box-sizing:border-box; padding:10px;}
.owl-carousel .owl-nav button.owl-prev { 
    position: absolute;
    top: 0;
    left: -5.5vw;
    transition: .3s opacity ease;
    width: 6vw;
    z-index: 10;
    font-size: 3vw!important;
    height: 100%;
    background:  url('content/LP_TIDAL_062019_elementy-13.png') no-repeat center center !important;
    background-size: contain!important;
    color: #fff!important;
}
.owl-carousel .owl-nav button.owl-next { 
    position: absolute;
    top: 0;
    right: -5.5vw;
    transition: .3s opacity ease;
    width: 6vw;
    z-index: 10;
    font-size: 3vw!important;
    height: 100%;
    background: url('content/LP_TIDAL_062019_elementy-14.png') no-repeat center center !important;
    background-size: contain!important;
    color: #fff!important;
}
.owl-carousel .owl-nav button.owl-prev>span {opacity: 0;}
.owl-carousel .owl-nav button.owl-next>span {opacity: 0;}



@media (min-width:768px) { 
    .bottom-column { float: none !important; display: table-cell; vertical-align: bottom; }
    .middel-column { float: none !important; display: table-cell; vertical-align: middle; }
}


.fbBg { position: relative; overflow: hidden; background: #fff; padding: 2vw; }
.fbBg::after { display: block; position: absolute; background: url('content/LP_TIDAL_062019_elementy-12.png') no-repeat; content: ""; width: 671px; height: 611px; top:0; right:0; z-index: -1; }
.fbBg::before { display: block; position: absolute; background: url('content/LP_TIDAL_062019_elementy-11.png') no-repeat; content: ""; width: 671px; height: 611px; top:0; left:0; z-index: -1; }
.tidalBorder { margin: 0 auto; text-align: center; border-top: 5px solid #62c3d0; height: 20px; width: 10%; margin-bottom: 40px; }

.linkA img { display:block; max-width:70vw;  }
.linkA { display:inline-block;}

.mainBtn { max-width: 40%; }
@media (max-width: 768px) {
    .mainBtn { max-width: 55%; }
}

.cta { background: #002455; background-size: cover;  position: fixed; bottom: 0; z-index: 999; width: 100%; left: 50%; transform: translate3d(-50%,0,0); padding: 1vw; }
.cta h3 { color:#fff!important; margin: 0; }
.cta .box { max-width: 6vw !important; }
.cta .btnn { max-width: 10vw !important; }
.cta ul { list-style: none; display: flex; align-items: center; width: 100%; justify-content: space-around; margin: 0; }
@media (max-width: 768px) {
    .cta ul { padding:0; flex-direction: row; justify-content: center; }
    .cta h3 {font-size: 1.113rem;}
    .cta  ul li:nth-child(1){ display: none; }
    .cta .btnn { max-width: 40vw !important; }
}

.gridBox { background: #fff; color: #002455; }
.gridBox h3 { color: #002455!important; text-align: center; }
.gridBox p { color: #002455!important; text-align: center; padding-top: 25px; width: 75%; margin: 0 auto; }
.gridBox .img-photo { max-width: 75% !important; margin: 0 auto; }
.gridBoxHeader { text-transform: uppercase; }
.gridBoxHeader span:nth-child(1) { color: #008fcb; }
.gridBoxHeader span:nth-child(2) { color: #002455; font-weight: bold; }
@media (max-width: 768px) {
    .gridBox .img-photo { max-width: 40% !important; margin: 0 auto; }
}

.cbolui-ddl .nav-tabs>li { width: calc(80%/3); height: auto; margin-right: 10px; padding-right:0; }
.cbolui-ddl .nav-tabs>li.active { width: 30%; }
.cbolui-ddl .nav { display: flex; align-items: baseline; border: none; justify-content: center; }
.cbolui-ddl .nav>li>a>img { max-width: 100%; }
.cbolui-ddl .nav-tabs>li>a { height: auto; background: none !important; padding: 0!important; border-bottom: none; transition: .3s all ease-in-out; }
.cbolui-ddl .nav-tabs>li.active>a, .cbolui-ddl .nav-tabs>li.active>a:focus, .cbolui-ddl .nav-tabs>li.active>a:hover { border: none !important; }
.cbolui-ddl .nav-tabs>li>a:hover {transition: .3s all ease-in-out; z-index: 19; position: relative; padding-bottom: 15px !important; box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.75); }
.cbolui-ddl .nav-tabs>li.active>a { z-index: 18; transition: .3s all ease-in-out; position: relative; padding-bottom: 15px !important; box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.75); }
@media (max-width: 768px) {
    .cbolui-ddl .nav-tabs>li { width: calc(100%/3); }
    .cbolui-ddl .nav-tabs>li.active { width: calc(100%/3); }
}

#prezent { overflow-x: hidden; }
#biedronka { background: #e7e7e7; padding: 30px; }
#tidal { background: #000 ; padding: 30px; position: relative; z-index: 10; overflow: hidden; }
#tidal::after { content: ''; background: url('content/LP_FC_062019_elementy_v2-19.png') no-repeat top right; width: 100%; height: 100%; position: absolute; top: 0; right:0; z-index:-1; }
#jbl { background: url('content/tlo_sekcja_prezent.jpg'); padding: 30px; background-position: right center;}
.tabImg { max-width: 90% !important; }
.cbolui-ddl .tab-content { background: none !important; padding:0; position: relative; z-index: 20;}
.padD { padding-top: 25px; }
@media (max-width: 768px) { 
    .cbolui-ddl .nav-tabs { display: flex !important; padding:0; }
    .colPadding { padding-bottom: 8vw; }
}

@media(max-width: 425px) {
    .cbolui-ddl .header-4, .cbolui-ddl h4 { font-size: 0.6rem; }  
}

.cardHeader { max-width: 30% !important; transform: scaleY(1.00) skewX(0deg); animation: animationFrames linear 6s; animation-iteration-count: infinite; transform-origin: 50% 50%;-ms-animation: animationFrames linear 6s;-ms-animation-iteration-count: 1;-ms-transform-origin: 50% 50%;}
    @media (max-width: 768px) { 
        .cardHeader{ max-width: 60% !important; }
    }
 
  @keyframes animationFrames{
    0% {
      transform:  translate(0px,0px)  scaleY(1.00) scaleX(1.00) skewX(0deg) ;
    }
    50% {
      transform:  translate(0px,0px)  scaleY(1.03) scaleX(0.97) skewX(0deg) ;
    }
    100% {
      transform:  translate(0px,0px)  scaleY(1.00) scaleX(1.00) skewX(0deg) ;
    }
  }
  
  @-ms-keyframes animationFrames {
    0% {
        -ms-transform:  translate(0px,0px)  scaleY(1.00) scaleX(1.00) skewX(0deg) ;
      }
      50% {
        -ms-transform:  translate(0px,0px)  scaleY(1.03) scaleX(0.97) skewX(0deg) ;
      }
      100% {
        -ms-transform:  translate(0px,0px)  scaleY(1.00) scaleX(1.00) skewX(0deg) ;
      }
  }


  .header-lang {
    position: absolute;
    color: #fff!important;
    right: 30px;
    top: 25px;
    font-size: 1rem;
}
.header-lang .active {
    font-weight: bold;
}
.header-lang a {
    color: #fff!important;
    text-decoration: none;
    padding: 0 5px;
}
.active {
    opacity: 1;
}
  .okno  {padding-right: 15px;
                    padding-left: 15px;
                    margin-right: auto;
                    margin-left: auto;
                    padding: 4% 0px;}

                .teksty{padding-top: 70px;
                    position: relative;}
        
                    @media (max-width:767px) { .teksty { padding-top:24px; }}
                    .sticky-phone > div {
        
            position: absolute;    top: 2.3%;
            left: 4.7%;
            width: 90.5%;
        }
        .phone-content {
            opacity: 1;
            visibility: visible;
        }
        .white-text{color:#fff!important;}
        .etap{width: 100%; transition:.6s opacity ease; opacity:0; position:absolute; top:0; left:0;}
        .etap.active { opacity:1; }
        .etap2{width: 90%;
            opacity: 0.8;}
        


                @media (max-width: 767px) {
        
           .hero-adjusted-image-wrapper{ background-position: 63% center;}
        }
        

        .thetext p { font-size:1rem!important; line-height:1.5rem!important; }

        .cbolui-ddl .white-text ol>li:before { color:#fff; }



        .cbolui-ddl .accordion-module.acc-token {padding: .5em 1em; background: rgba(255,255,255,0.75)!important; border-radius: 10px; box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.3); }
        .sticky-phone { position:relative; left:0!important;}
        .accordion { background:none!important; }
        .cbolui-ddl .accordion-module ul.mainnav>li { transition:.3s background ease!important; }
        .cbolui-ddl .accordion.menu ul.mainnav>li .category:hover .category-title { text-decoration:none!important }