/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   @import "/wp-content/LQT/common/fonts/fonts.css";

   html {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
   }
   *, *:before, *:after {
     -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
     box-sizing: inherit;
   }
   :root {
     font-size: 16px;
     line-height: 20px;
   }
   body, html {
     background: #333;
     font-family: "teleneoregular";
   }
   .area {
       width: 100%;
   }
   .title, .title_print {
       display: none;
   }
   p, a, h1, h2, h3, span, hr {
       padding: 0;
       margin: 0;
       font-weight: normal;
   }
   a:hover, a:focus, a:active{
     text-decoration: none;
   }
   .my-wrapper{
     max-width: 375px;
     margin: 0 auto;
     position: relative;
   }
   .container-fluid .container {
     padding: 0 5%;
     margin: 0 auto;
     width: 100%;
   }
   .top-bar {
     background: transparent;
     position: absolute;
     z-index: 100;
     left: 0;
     top: 20px;
     width: 100%;
   }
   .logo-box {
     padding: 15px;
   }
   .logo-box .logo {
     width: 63px;
     height: 30.95px;
     float: left;
   }
   .svg path {
       fill: #FFF;
   }
   .logo-box .lifs {
     width: 107px;
     height: 8.22px;
     margin-top: 13px;
     float: left;
     margin-left: 30px;
   }
   .top-bar .speedlogotop{
     width: 102px;
     float: right;
   }
   .hero {
     padding-top: 80px;
     background: #FFF url("https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/kv-xxs.png") center top no-repeat;
     height: 670px;
   
     position: relative;
   }
   .hero .hero-title {
     font-family: "teleneoregular";
     font-size: 2.1em;
     line-height: 1.2em;
     color: #ffffff;
     margin-top: 30px;
   }
   
   
   
   .hero .arr-bot{
     width: 50px;
     height: 50px;
     position: absolute;
     bottom: 300px;
     left: 50%;
     margin-left: -25px;
     background: transparent url('https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/arrow.png') center center no-repeat;
     background-size: contain;
     cursor: pointer;
     z-index: 100;
   }
   .hero .btn-box{
     text-align: center;
     margin-top: 50px;
   }
   .btnaa {
     font-family: "teleneoregular";
     color: #FFF;
     text-align: center;
     display: inline-block;
     background: transparent;
     border: solid 2px #FFF;
     border-radius: 6px;
     font-size: 1.12em;
     line-height: 1em;
     padding: 12px 30px;
     width: auto;
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
     -o-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
   }
   .btnaa:hover,
   .btnaa:focus,
   .btnaa:active {
     color: #000;
     border: solid 2px #000;
   }
   .offer{
     background: #FFF;
     z-index: 10;
     padding: 40px 0;
   }
   .offer.external{
     background: #000;
   
   
   }
   .footer {
       background-color: #262626;
       padding: 20px 10px;
       color: #fff;
       position: relative;
   }
   
   .footer p {
       display: block;
       position: relative;
       margin-top: 37px;
       width: 60%;
       font-size: 12px;
       float: left;
   }
   
   .footer div.innerdiv {
       padding-top: 0px;
       width: 30%;
       float: right;
   }
   
   .footer .menu-link {
       color: #fff;
       display: inline-block;
       /* text-align: right; */
       /* float: right; */
       margin-right: 10px;
   }
   
   .footer a:hover {
       color: #e20074
   }
   
   .footer img {
       height: 24px;
       position: absolute;
       left: 0px;
   }
   .ball {
     animation: bounce 1s infinite alternate;
     -webkit-animation: bounce 1s infinite alternate;
   }
   @keyframes bounce {
     from {
       transform: translateY(0px);
     }
     to {
       transform: translateY(-15px);
     }
   }
   @-webkit-keyframes bounce {
     from {
       transform: translateY(0px);
     }
     to {
       transform: translateY(-15px);
     }
   }
   
   .tipso_content {
     font-size: 1.1em;
     line-height: 1em;
     font-family: 'tele-grotesknorregular', Arial;
     padding: 10px 7px;
     border-radius: 6px;
   }
   i.infotip {
     border: 1px solid #333;
     border-radius: 50%;
     color: #333;
     content: "i";
     display: inline-block;
     font-family: 'tele-groteskfetregular', Arial;
     font-size: 0.6em;
     line-height: 12px;
     margin-top: -3px;
     margin-left: 4px;
     position: relative;
     text-align: center;
     vertical-align: middle;
     text-transform: lowercase;
     font-style: normal;
     height: 1.2em;
     width: 1.2em;
   }
   .swiper-container {
       width: 290px;
       margin: 0 auto;
   }
   
   .section-contact {
       background: #1063ad;
   }
   
   .section-contact .contact-slogan {
       color: white;
       font-size: 20px;
       line-height: 1.25em;
       text-align: center;
       display: block;
       max-width: 380px;
       margin: 0 auto;
   }
   
   .section-contact .contact-btn {
       background: #e20074;
       padding: .6em 1.5em;
       display: block;
       margin: 1em auto;
       border-radius: 12px;
       color: white;
       text-align: center;
       max-width: 300px;
       font-size: 16px;
       text-decoration: none;
   }
   
   .section-contact .contact-btn:hover {
       background: #d1006c;
   }
   
   .offer.best-box{
     background: #000 url(../img/speed_l.jpg) right -39px top no-repeat;
     background-size: 779px;
     font-size: 16px;
   }
   .offer .sec-title{
     font-family: "teleneobold";
     font-size: 1.2em;
     line-height: 1.2em;
     color: #ffffff;
     margin-bottom: .5em;
   }
   .offer .sec-title.flex-title span{
     font-size: 0.5em;
     line-height: 1.3em;
     font-family: "teleneothin";
     display: inline-block;
   }
   .offer .sec-subtitile{
     font-family: 'teleneoextrabold';
     font-size: 2.5em;
     line-height: 1.1em;
     color: #ffffff;
   }
   .offer .best-tab{
     margin-top: .1em;
     display: flex;
     flex-direction: column;
   }
   .offer .best-tab .best-item{
     margin-bottom: .1em;
     display: flex;
     flex-direction: row;
     align-items: center;
   }
.offer .best-tab .best-sub{
   color: #fff;
   font-size: .5em;
}
   .offer .best-tab .best-item .speed-logo{
     width: auto;
     height: 2em;
   }
   .offer .best-tab .best-item .best-logo{
     width: 84px;
   }
   .offer .best-tab .best-item .best-title{
     font-family: teleneoregular;
     font-size: .9em;
     line-height: 1.1em;
     color: #ffffff;
     margin-top: 30px;
     margin-bottom: 20px;
   }
   .offer .best-tab .best-item .best-sub{
     font-family: "teleneoregular";
     font-size: 1.12em;
     line-height: 1.2em;
     color: #ffffff;
   }
   .ifspeed{
     width: 290px; height: 420px;
   }
   
   .offer-net-box{
     width: 290px;
     margin: 0 auto;
   }
   .offer-net-box .offer-net-item{
     margin-bottom: 20px;
     height: 190px;
     /* background-color: #1a1a1a; */
     background-color: #333;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: contain;
     display: flex;
         align-items: flex-end;
       justify-content: space-around;
       align-content: space-between;
   
   }
   .offer-net-box .offer-net-item.i_biz{
     background-image: url(https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/internet_biznes_miniaturka.jpg);
   }
   .offer-net-box .offer-net-item.i_biz_lte{
     background-image: url(https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/internet_biznes_lte_miniaturka.jpg);
   }
   .offer-net-box .offer-net-item.i_mob{
     background-image: url(https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/internet_mobilny_miniaturka.jpg);
   }
   
   .offer-net-box .offer-net-item.i_priv_cloud{
     background-image: url(https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/private_cloud_miniaturka.jpg);
   }
   .offer-net-box .offer-net-item.i_sd_wan{
     background-image: url(https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/sd-wan.png);
   }
   .offer-net-box .offer-net-item.i_security{
     background-image: url(https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/cloud_security_miniaturka.jpg);
   }
   .offer-net-box .offer-net-item .info-block{
     background-color: #1a1a1a;
     width: 100%;
     padding: 20px 15px;
   }
   .offer-net-box .offer-net-item .info-block .offer-net-name{
     font-family: "teleneomedium";
     font-size: 1.6em;
     line-height: 1em;
     color: #FFF;
     margin-bottom: 10px;
   }
   .offer-net-box .offer-net-item .info-block .btnaa.spec{
     font-family: "teleneomedium";
     font-size: 1.1em;
     line-height: 1em;
     color: #FFF;
     padding: 10px 20px;
     border: solid 1px #FFF;
   }
   .offer-net-box .offer-net-item .info-block .btnaa.spec:hover,
   .offer-net-box .offer-net-item .info-block .btnaa.spec:active,
   .offer-net-box .offer-net-item .info-block .btnaa.spec:focus{
     background: rgba(255, 255, 255, 0.2);
   }
   @media (min-width: 600px) {
     .my-wrapper{
     max-width: 768px;
   }
   .container-fluid .container {
     padding: 0 10px;
     width: 600px;
   }
   .top-bar {
     top: 20px;
   }
   
   .top-bar .speedlogotop{
     width: 112px;
   }
   .hero {
     padding-top: 70px;
     background: #FFF url("https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/kv-xs.png") center top no-repeat;
     height: 489px;
   }
   .hero .hero-title {
     font-size: 2.44em;
     margin-top: 10px;
   }
   .hero .btn-box{
     text-align: left;
     margin-top: 30px;
   }
   .btnaa{
   
   }
   
   
   .hero .arr-bot{
     width: 50px;
     height: 50px;
     bottom: 330px;
     left: 50%;
     margin-left: -25px;
   }
   
   
   .offer.best-box{
     background: #000 url(../img/speed_l.jpg) right top no-repeat;
     background-size: 719px;
   }
   .offer .sec-title{
     font-size: 1.54em;
     /* margin-bottom: 30px; */
   }
   .offer .sec-subtitile{
     font-size: 3.3em;
   }
   .offer .best-tab{
     width: 27em;
     /* margin-top: 60px; */
   }
   .offer .best-tab .best-item{
     /* text-align: center; */
     /* margin-bottom: 30px; */
   }
   .offer .best-tab .best-item .speed-logo{
     /* width: 165px; */
   }
   .offer .best-tab .best-item .best-logo{
     width: 84px;
   }
   .offer .best-tab .best-item .best-title{
     /* font-size: 1.25em; */
     /* margin-top: 30px; */
     /* margin-bottom: 20px; */
   }
   .offer .best-tab .best-item .best-sub{
     font-size: 1.12em;
   
   }
   .ifspeed{
     width: 590px; height: 266px;
   }
   
   .offer-net-box{
     width: 400px;
   }
   .offer-net-box .offer-net-item{
     margin-bottom: 20px;
     height: 250px;
   }
   .offer-net-box .offer-net-item .info-block{
     padding: 25px 20px;
   }
   .offer-net-box .offer-net-item .info-block .offer-net-name{
     font-size: 2em;
     margin-bottom: 20px;
   }
   .offer-net-box .offer-net-item .info-block .btnaa.spec{
     font-size: 1.2em;
     padding: 10px 20px;
   }
   
   
   
   }
   @media (min-width: 960px) {
     .logo-box .logo {
       width: 88px;
       height: 43.23px;
     }
     .logo-box .lifs {
       width: 150px;
       height: 11.53px;
       margin-top: 16px;
     }
       .my-wrapper{
     max-width: 100%;
     background: #FFF;
   }
   .container-fluid .container {
     padding: 0;
     width: 960px;
   }
   .top-bar {
     top: 20px;
   }
   
   .hero {
     padding-top: 70px;
     background: #FFF url("https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/kv-sm.png") center top no-repeat;
     height: 560px;
   }
   .hero .hero-title {
     font-size: 3.2em;
     margin-top: 20px;
   }
   
   .hero .hero-title .line {
     padding: 4px 10px;
     margin-bottom: 3px;
   }
   .btnaa{
     font-size: 1.25em;
   }
   
   .hero .arr-bot{
     width: 50px;
     height: 50px;
     bottom: 20px;
     left: 50%;
     margin-left: -25px;
   }
   
       .footer div.innerdiv {
           text-align: right;
           width: 50%;
       }
       .footer p {
           width: 50%
       }
   
           .section-contact .row {
           position: relative;
       }
       .section-contact .contact-slogan {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           max-width: calc(100% - 400px);
           font-size: 30px;
           text-align: left;
       }
       .section-contact .contact-btn {
           float: right;
           max-width: 360px;
           font-size: 25px;
       }
   
   .offer{
     padding: 40px 0;
   }
   
       .offer.best-box{
     /* background: #333 url(../img/speed_l.jpg) center top no-repeat; */
     background-size: contain;
     font-size: 1.8em;
   }
   .offer .sec-title{
     /* font-size: 2.4em; */
     margin-bottom: 30px;
   }
   .offer .sec-subtitile{
     /* font-size: 1.37em; */
   }
   .offer .best-tab{
     max-width: 27em;
     /* margin-top: 10px; */
     /* display: flex; */
     /* align-items: flex-start; */
     /* justify-content: space-evenly; */
   }
   .offer .best-tab .best-item{
     /* margin-bottom: 0px; */
     /* width: 778px; */
   }
   .offer .best-tab .best-item .speed-logo{
     /* width: 165px; */
     /* margin-top: 50px; */
     /* margin-bottom: 42px; */
   }
   .offer .best-tab .best-item .best-logo{
     width: 84px;
   }
   .offer .best-tab .best-item .best-title{
     font-size: .8em;
     margin-top: 20px;
     margin-bottom: 20px;
   }
   .offer .best-tab .best-item .best-sub{
     font-size: 1.12em;
     line-height: 1.3em;
   
   }
   
   
   .ifspeed{
     width: 959px; height: 440px;
   }
   
   
   
   .offer-net-box{
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
       justify-content: space-between;
   }
   .offer-net-box .offer-net-item{
     margin-bottom: 20px;
     height: 220px;
     width: 32%;
   }
   .offer-net-box .offer-net-item .info-block{
     padding: 20px 15px;
   }
   .offer-net-box .offer-net-item .info-block .offer-net-name{
     font-size: 1.7em;
     margin-bottom: 20px;
   }
   .offer-net-box .offer-net-item .info-block .btnaa.spec{
     font-size: 1.1em;
     padding: 10px 20px;
   }
   
   
   }
   
   @media (min-width: 1200px) {
   
       .my-wrapper{
     max-width: 100%;
     background: #FFF;
   }
   .container-fluid .container {
     padding: 0;
     width: 1200px;
   }
   .top-bar {
     top: 30px;
   }
   .offer.best-box {
    /* background: #333 url(../img/speed_l.jpg) center top no-repeat; */
    background-size: contain;
    font-size: 2.3em;
}
   .hero {
     padding-top: 70px;
     background: #FFF url("https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/kv-md.png") center top no-repeat;
     height: 728px;
   }
   .hero .hero-title {
     font-size: 3.8em;
     margin-top: 50px;
   }
   .hero .btn-box{
     margin-top: 45px;
   }
   
   .hero .hero-title .line {
     padding: 4px 10px;
     margin-bottom: 4px;
   }
   
   .hero .arr-bot{
     width: 80px;
     height: 80px;
     bottom: 20px;
     left: 50%;
     margin-left: -40px;
   }
   
       .footer div.innerdiv {
           padding-top: 0px;
           width: 50%;
           float: right;
       }
       .footer p {
           left: 0;
           right: 0;
           margin: 0 auto;
           position: absolute;
           font-size: 14px;
           text-align: center;
           width: 400px;
       }
   
   
       .section-contact .contact-slogan {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           max-width: calc(100% - 400px);
           font-size: 36px;
           text-align: left;
       }
       .section-contact .contact-btn {
           float: right;
           max-width: 480px;
           font-size: 30px;
       }
   
   .offer{
     padding: 50px 0;
   }
   
   .offer .sec-title{
     /* font-size: 3em; */
     /* margin-bottom: 30px; */
   }
   .offer .sec-subtitile{
     /* font-size: 1.56em; */
   }
   .offer .best-tab{
     /* width: auto; */
     /* margin-top: 10px; */
     /* display: flex; */
     /* align-items: flex-start; */
     /* justify-content: space-evenly; */
   }
   .offer .best-tab .best-item{
     /* margin-bottom: 0px; */
     /* width: 360px; */
   }
   .offer .best-tab .best-item .speed-logo{
     /* width: 200px; */
     /* margin-top: 80px; */
     /* margin-bottom: 59px; */
   }
   .offer .best-tab .best-item .best-logo{
     width: 120px;
   }
   .offer .best-tab .best-item .best-title{
     /* font-size: 1em; */
     /* margin-top: 20px; */
     /* margin-bottom: 20px; */
   }
   .offer .best-tab .best-item .best-sub{
     font-size: 1.25em;
     line-height: 1.3em;
   
   }
   .ifspeed{
     width: 900px; height: 400px;
   }
   
   
   .offer-net-box{
     margin-top: 40px;
   }
   .offer-net-box .offer-net-item{
     margin-bottom: 20px;
     height: 280px;
     width: 32%;
   }
   .offer-net-box .offer-net-item .info-block{
     padding: 25px 20px 30px 20px;
   }
   .offer-net-box .offer-net-item .info-block .offer-net-name{
     font-size: 2em;
     margin-bottom: 25px;
   }
   .offer-net-box .offer-net-item .info-block .btnaa.spec{
     font-size: 1.2em;
     padding: 12px 25px;
   }
   
   }
   
   @media (min-width: 1560px) {
   
       .my-wrapper{
     max-width: 1920px;
     background: #FFF;
   }
   .container-fluid .container {
     padding: 0;
     width: 1560px;
   }
   .top-bar {
     top: 30px;
   }
   
   .hero {
     padding-top: 70px;
     background: #FFF url("https://biznes.t-mobile.pl/wp-content/LQT/speedtest/img/kv-xl.png") center top no-repeat;
     height: 896px;
   }
   .hero .hero-title {
     font-size: 4.6em;
     margin-top: 70px;
   }
   
   .hero .hero-title .line {
     padding: 4px 14px;
     margin-bottom: 4px;
   }
   
   .hero .btn-box{
     margin-top: 40px;
   }
   
   .hero .arr-bot{
     width: 100px;
     height: 100px;
     bottom: 20px;
     left: 50%;
     margin-left: -50px;
   }
   
    .offer.best-box {
    /* background: #333 url(../img/speed_l.jpg) center top no-repeat; */
    background-size: contain;
    font-size: 2.8em;
}
   
       .section-contact .contact-slogan {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           max-width: calc(100% - 400px);
           font-size: 36px;
           text-align: left;
       }
       .section-contact .contact-btn {
           float: right;
           max-width: 480px;
           font-size: 30px;
       }
   
   .offer{
     padding: 60px 0;
   }
   
   .offer .sec-title{
     /* font-size: 5em; */
     /* margin-bottom: 50px; */
   }
   .offer .sec-subtitile{
     /* font-size: 2em; */
   }
   .offer .best-tab{
     /* width: 1360px; */
     /* margin-top: 10px; */
     /* display: flex; */
     /* align-items: flex-start; */
     /* justify-content: space-evenly; */
   }
   .offer .best-tab .best-item{
     /* margin-bottom: 0px; */
     /* width: 360px; */
   }
.offer .best-tab .best-sub{
   font-size: .4em;
}
   .offer .best-tab .best-item .speed-logo{
     /* width: auto; */
     /* margin-top: 100px; */
     /* margin-bottom: 90px; */
   }
   .offer .best-tab .best-item .best-logo{
     width: auto;
   }
   .offer .best-tab .best-item .best-title{
     /* font-size: 1.25em; */
     /* margin-top: 20px; */
     /* margin-bottom: 20px; */
   }
   .offer .best-tab .best-item .best-sub{
     font-size: 1.25em;
     line-height: 1.3em;
   
   }
   
   .ifspeed{
     width: 1350px; height: 600px;
   }
   
   .offer .sec-title.flex-title span{
     font-size: 0.4em;
   }
   
   }
   