html{
     scroll-behavior: smooth;
}

.row{
    margin-left:0;
    margin-right:0;
}

body#inp_landing_page_offer_2021 p,
body#inp_landing_page_offer_2021 a,
body#inp_landing_page_offer_2021 ul li{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}


.bebas-font{
 font-family: 'Bebas Neue', sans-serif;   
}

header section.jumbotron{
    margin-bottom:0px;
    padding-bottom:0px;
}

section.jumbotron h1.bebas-font{
    font-size: 75px;
    
}

h2.bebas-font{
    font-size: 65px;
    line-height: 100%;
}

section.jumbotron p{
    font-size:16px;
}

.inp-carusel-bulet-margin{
    padding-bottom:30px;
}

h2.featurette-heading{
    margin-top:7rem;
}

.jumbotron .jumbotron-paragraph{
    font-size:18px;
}

.bc-gray{
    background-color:#E9ECEF;
}

/* ===== Fonts Classes ====== */

.brown-bc{
     background-color:#FAF4EB;
}


.brown-font{
    color:#643D2F;
}

.brown-navigation-bc{
     background-color:#643D2F;
}


.violet-bc{
   background-color:#F7EBFA; 
}

.violet-font{
    color:#8340A0;
}

.violet-navagation-bc{
    background-color:#8340A0;
}


.blue-bc{
    background-color:#E5F6FF;
}

.blue-font{
    color:#006FA8; 
}

.blue-navigation-bc{
    background-color:#006FA8; 
}

/*=============================*/
.card-body h5.card-title{
    font-size:26px;
    margin-bottom:0px;
}

#contact_info{
   background-color:#E9ECEF;
    padding:60px 0px;
/*    margin-bottom:20px;*/
}

#contact_info #contact-section h2{
    font-size:3rem;
}

#contact_info #contact-section h4{
    font-size:1.30rem;
}


#contact_info div h3{
    margin-top:20px;
}

.card{
    background:#E9ECEF;
} 


.card .card-header{
    background-color:#AEB0B2;
    color:#ffffff;
}


.card .card-body{
    background-color:rgb(255,255,255);
}


.card-body h3.card-title{
  margin-bottom:10px;  
}

.card-body h4.card-subtitle{
    font-size:16px;
    margin-bottom:20px;
    font-weight:400;
}

.card-text a{
    color:inherit;
}




span.animated-arrwos{
    margin-left:0px;
    color:#ffffff;
    transition: all 300ms ease;
}


a.view-details-button{
    background-color: #F7941D;
    overflow: hidden;
    position: relative;
    display: block;
    width:400px;
    margin: 40px auto;
    transition: all 300ms ease;
    color:#ffffff;
    font-weight: 500;
    padding:10px;
    text-align: center;
    
}

a.view-details-button:hover{
    color:#ffffff;
    background-color: #D78219;
    box-shadow:0px 10px 20px rgba(0,0,0,.2);
}

a.view-details-button:hover > span.animated-arrwos{
    margin-left:5px;
}



#cta-section ul{
    padding-left:0px;
    margin-left: 20px;
}


#cta-section ul li{
    list-style: none;
    margin-top:5px;
    color:#3B57BA;
}

.inp-content-slider-prev,
.inp-content-slider-next{
    height:150px;
    width:50px;
    position: absolute;
    margin-top:100px;
}


.inp-link-do-produktu{
    text-align: right;
}

.inp-link-do-produktu{
    color:#ffffff;
}

#digitops-section .inp-link-do-produktu{
    background-color:#8340A0;
}

#digitops-section .inp-link-do-produktu:hover{
    color:#ffffff;
    background-color: #623077;
}


#new-reality-section .inp-link-do-produktu{
    background-color:#006FA8;
}

#new-reality-section .inp-link-do-produktu:hover{
    color:#ffffff;
    background-color:#005580;
}


#eco-section .inp-link-do-produktu{
    background-color:#643D2F;
}

#eco-section .inp-link-do-produktu:hover{
    color:#ffffff;
    background-color: #442A20;
}



.inp-card-body h5{
    font-size:16px;
    margin-bottom:0px;
    padding-bottom:5px;
}

.inp-card-body a{
    text-align: right;

}

.inp-card-body{
    padding-bottom:20px;
    margin-bottom:50px;
    
}

p.lp2021-product-desc{
    height:80px;
}

.inp-img-product{
    width: 100%;
    height:540px;
    background-size: cover;
    background-position: center;
    transition:background 500ms ease;
}

.inp-img-product-eco{
    background-image: url("landingpage_img/inspirion-sekcja-eko.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.inp-img-product-eco img{
    width: 100%;
}

.inp-img-product-nowe-wyzwania{
        background-image: url("landingpage_img/inspirion-sekcja-new-reality.png");
}

.inp-img-product-kreatywnosc-i-moc{
           background-image: url("landingpage_img/inspirion-sekcja-digitops.png"); 
}


/*Slider-Navigation-Colors*/

.carousel ol#digi-prod-list-nav li{
    background-color: #F7EBFA;
}

.carousel ol#digi-prod-list-nav li.active{
    background-color: #8340A0;
}


.carousel ol#eco-pro-list-nav li{
    background-color: #FAF4EB;
}

.carousel ol#eco-pro-list-nav li.active{
    background-color: #643D2F;
}

.carousel ol#new-rel-pro-list-nav li{
    background-color: #E5F6FF;
}

.carousel ol#new-rel-pro-list-nav li.active{
    background-color: #006FA8;
}


.icon-header{
    position:absolute;
    z-index: 9999;
    width:56px;
    height:56px;
    border-radius:28px;
    border:4px solid #ffffff;
    text-align: center;
    transition:all 350ms ease;
    left:50%;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}

.arrows-icon, .mouse-icon{
    transition:all 350ms ease;
    position: absolute;
    left:16px;
}

.icon-header img.mouse-icon{
    width:16px;
    top:6px;
}

.icon-header img.arrows-icon{
    width:8px;
    top:31px;
    margin-top:5px;
    margin-left:4px;
}

.icon-header:hover > .arrows-icon{
    opacity:0;
    margin-top:10px;
}

.icon-header:hover > .mouse-icon{
    margin-top:-5px;
}


/* ==== Contact section ======  */

#contact_section .card .card-img-top{
    width: 90%;
    margin:0 auto;
}

#contact_section .card{
    text-align:center;
    border: none;
}

#contact_section .card-header{
    min-height: 135px;
}

#contact_section .card-header h3{
    font-size:18px;
}

#contact_section .card-header p{
    font-size:14px;
}


#east-card-header{
    min-height: 54px !important;
}


/* ======== Sekcja zamówienia z katalogiem ========= */


#cta-section{
    padding:40px 0px;
    color:#3B57BA;
}


#download-catalog-section h3{
    font-size:48px;
    margin-top:33px;
}

ul.catalog-punkt{
    margin-top: 25px;
}

ul.catalog-punkt li
{
    display: flex;
}

ul.catalog-punkt li{
    line-height: 150%;
}

ul.catalog-punkt li span{
    font-size:10px;
    display: block;
    margin-right:10px;
    color:#D7DDF2;
}


img#cta-pt-catalog-photo{
    margin-top:0px;
}



#cta-offer{
    background-color:#E2EAFD;
    padding:40px 0px;
    color:#3B57BA;
}

#cta-order-catalog-button-pobierz-kat,
#cta-order-catalog-button-mobile-pobierz-kat{
    background-color:#8D9DD5;
    color:#E3EAFD;
    
}


#cta-order-catalog-button-zamow-kat,
#cta-order-catalog-button-mobile-zamow-kat{
    background-color:#3B57BA;
    color:#E3EAFD;
    
}

#cta-order-catalog-button-mobile-zamow-kat{
    display: none;
}

#cta-order-catalog-button-mobile-pobierz-kat{
    display: none;
}


a#zapraszamy-do-kontaktu-button{
    bottom:-70px;
}

#zamowkatalog-sekcja-button{
    bottom:-30px;
}

#nowa-rzeczywistosc-sekcja-button{
    bottom:-30px;
}

#digitops-sekcja-button{
    bottom:-30px;
}

#contact-sekcja-button{
bottom:-30px;
}


#swiadomy-marketing-button{
    bottom:-30px;
}


/* ==== Emoji icon animation ==== */

.emoji-icon{
    width:50px;
    height:50px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition:all 500ms ease;
    right:0;
    margin-right: 40px;
    margin-top: 10px;
     transition:all 500ms ease;
    opacity: 0.3;
}

.inp-img-product .emoji-icon{
   width:99px;
    height:99px; 
}





/* ====  EKO EMOJI  =====*/


.eko-emocji-icon-0{
    background-image: url(landingpage_img/emoji/eko/emoji01.png);}
.eko-emocji-icon-1{
    background-image: url(landingpage_img/emoji/eko/emoji02.png);}
.eko-emocji-icon-2{
    background-image: url(landingpage_img/emoji/eko/emoji03.png);}
.eko-emocji-icon-3{
    background-image: url(landingpage_img/emoji/eko/emoji04.png);}
.eko-emocji-icon-4{
    background-image: url(landingpage_img/emoji/eko/emoji05.png);}
.eko-emocji-icon-5{
    background-image: url(landingpage_img/emoji/eko/emoji06.png);}
.eko-emocji-icon-6{
    background-image: url(landingpage_img/emoji/eko/emoji07.png);}
.eko-emocji-icon-7{
    background-image: url(landingpage_img/emoji/eko/emoji08.png);}
.eko-emocji-icon-8{
    background-image: url(landingpage_img/emoji/eko/emoji09.png);}
.eko-emocji-icon-9{
    background-image: url(landingpage_img/emoji/eko/emoji10.png);}
.eko-emocji-icon-10{
    background-image: url(landingpage_img/emoji/eko/emoji11.png);}
.eko-emocji-icon-11{
    background-image: url(landingpage_img/emoji/eko/emoji12.png);}
.eko-emocji-icon-12{
    background-image: url(landingpage_img/emoji/eko/emoji13.png);
}


/* ======  DIGI EMOCJI ========*/

.digi-emocji-icon-0{
    background-image: url(landingpage_img/emoji/digi/emoji01.png);}
.digi-emocji-icon-1{
    background-image: url(landingpage_img/emoji/digi/emoji02.png);}
.digi-emocji-icon-2{
    background-image: url(landingpage_img/emoji/digi/emoji03.png);}
.digi-emocji-icon-3{
    background-image: url(landingpage_img/emoji/digi/emoji04.png);}
.digi-emocji-icon-4{
    background-image: url(landingpage_img/emoji/digi/emoji05.png);}
.digi-emocji-icon-5{
    background-image: url(landingpage_img/emoji/digi/emoji06.png);}
.digi-emocji-icon-6{
    background-image: url(landingpage_img/emoji/digi/emoji07.png);}
.digi-emocji-icon-7{
    background-image: url(landingpage_img/emoji/digi/emoji08.png);}
.digi-emocji-icon-8{
    background-image: url(landingpage_img/emoji/digi/emoji09.png);}
.digi-emocji-icon-9{
    background-image: url(landingpage_img/emoji/digi/emoji10.png);}
.digi-emocji-icon-10{
    background-image: url(landingpage_img/emoji/digi/emoji11.png);}
.digi-emocji-icon-11{
    background-image: url(landingpage_img/emoji/digi/emoji12.png);}
.digi-emocji-icon-12{
    background-image: url(landingpage_img/emoji/digi/emoji13.png);}



/* ======  NEW REALITY EMOJI ========*/

.new-real-emocji-icon-0{
    background-image: url(landingpage_img/emoji/new_reality/emoji01.png);}
.new-real-emocji-icon-1{
    background-image: url(landingpage_img/emoji/new_reality/emoji02.png);}
.new-real-emocji-icon-2{
    background-image: url(landingpage_img/emoji/new_reality/emoji03.png);}
.new-real-emocji-icon-3{
    background-image: url(landingpage_img/emoji/new_reality/emoji04.png);}
.new-real-emocji-icon-4{
    background-image: url(landingpage_img/emoji/new_reality/emoji05.png);}
.new-real-emocji-icon-5{
    background-image: url(landingpage_img/emoji/new_reality/emoji06.png);}
.new-real-emocji-icon-6{
    background-image: url(landingpage_img/emoji/new_reality/emoji07.png);}
.new-real-emocji-icon-7{
    background-image: url(landingpage_img/emoji/new_reality/emoji08.png);}
.new-real-emocji-icon-8{
    background-image: url(landingpage_img/emoji/new_reality/emoji09.png);}
.new-real-emocji-icon-9{
    background-image: url(landingpage_img/emoji/new_reality/emoji10.png);}
.new-real-emocji-icon-10{
    background-image: url(landingpage_img/emoji/new_reality/emoji11.png);}
.new-real-emocji-icon-11{
    background-image: url(landingpage_img/emoji/new_reality/emoji12.png);}
.new-real-emocji-icon-12{
    background-image: url(landingpage_img/emoji/new_reality/emoji13.png);
}



.emocji-icon:hover > .jello-horizontal{
  	-webkit-animation: jello-horizontal 1.2s both;
	        animation: jello-horizontal 1.2s both;
}


/* ----------------------------------------------
 * Generated by Animista on 2021-1-13 9:19:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}



.inp-card-body a{
    text-decoration:none;
}


#inp-banner-img{
    width:100%;
}


.lp-head-paragraph{
    font-size:18px;
    margin-top:26px;
}

/* ==========  Media Queries - Responsive  ============= */

@media (max-width:1000px){
    
    .inp-content-slider-prev{
    margin-left:-50px;
}

.inp-content-slider-next{
    margin-right:-50px;
} 
    
    
p.lp2021-product-desc{
    height:150px;
    }
    
}


@media (max-width:720px){
    
  .inp-content-slider-prev,
.inp-content-slider-next{
    height:150px;
    width:50px;
    position: absolute;
    margin-top:100px;
}
  
    
    p.lp2021-product-desc{
    height:150px;
    }
    
    
    h5.card-title{
        height:60px;
    }
    
}



@media (max-width:575px){
    
  .inp-content-slider-prev,
    .inp-content-slider-next{
    height:150px;
    width:50px;
    position: absolute;
    margin-top:100px;
}

.inp-content-slider-prev{
    margin-left:0px;
}

.inp-content-slider-next{
    margin-right:0px;
}   
    
    p.lp2021-product-desc{
    height:50px;
    }
    
    
    h5.card-title{
        height:40px;
    }
    
    .emocji-icon{
        margin:20px auto;
        width:13rem;
    }
    
    
    h2.featurette-heading{
    margin-top:1rem;
}
    
    
    .sizing-header-img{
        width:100%;
        height:320px;
        background-repeat:no-repeat;
    }

    
}


@media (max-width:480px){
    
  .inp-content-slider-prev,
.inp-content-slider-next{
    height:150px;
    width:50px;
    position: absolute;
    margin-top:100px;
}

    
.emoji-icon{
    display: none;
    width:40px;
    height:40px;

}
    
.inp-card-body{
    padding-bottom:0px;
    margin-bottom:0px;
    
}  
    
    p.lp2021-product-desc{
        margin-bottom:100px;
    }

    
       
    h5.card-title{
        height:60px;
    }
     
    #cta-order-catalog-button{
        display: none;
    }

    
    
#cta-order-catalog-button-mobile-pobierz-kat{
    display: block;
}

#cta-order-catalog-button-mobile-zamow-kat{
    display: block;
}


#zapraszamy-do-kontaktu-button{
    bottom:-70px;
    margin-left:100px;
}

#zamowkatalog-sekcja-button{
    bottom:-30px;
    margin-left:100px;
}

#nowa-rzeczywistosc-sekcja-button{
    bottom:-30px;
    margin-left:100px;
}

#digitops-sekcja-button{
    bottom:-30px;
    margin-left:100px;
}

#swiadomy-marketing-button{
    bottom:-30px;
    margin-left:100px;
}
}



@media (max-width:360px){
    
  .inp-content-slider-prev,
.inp-content-slider-next{
    height: 300px;
    max-height:1200px;
    width:50px;
    position: absolute;
    margin-top:0px;
}
 
    .emoji-icon{
    display: none;
    width:50px;
    height:50px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition:all 500ms ease;
    right:0;
    margin-right: 40px;
    margin-top: 10px;
     transition:all 500ms ease;
    opacity: 0.5;
}
    
        
    p.lp2021-product-desc{
        height:70px;
    }
    
       
    h5.card-title{
        height:60px;
    }


}


#contact-section div h4 a{
    color:#6C757D;
}