*{outline:none !important;}
@keyframes wplogoshadow {
    to {opacity:1;}
}
@keyframes wplogoimg {
    0%   {opacity:0; transform: translate(0px, 250px) rotate(0deg);}
    100% {opacity:1; transform: translate(0px, 0px) rotate(360deg);}
}
@keyframes type{ 
    from { width: 0;} 
} 
@keyframes fadein{ 
    0% {opacity:0;}
    100% {opacity:1;}
} 
@keyframes moveBgDown{ 
    0% {background-position: 50% 50%;}
    50% {background-position: 50% 70%;}
    100% {background-position: 50% 50%;}
} 
@keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
} 
.landing .section .container-fluid {padding-top:80px; padding-bottom:80px;}
.landing .s-head {text-align:center; padding-bottom:130px;}


.landing .page_banner_bottom{text-align: center; padding-bottom:60px; padding-top:120px;}
.landing .page_banner_bottom h4 {font-weight:bold; color:white; font-size:28px; margin-bottom:35px;}

.landing #page_banner .page_banner_img {position: absolute; height:210px; position: relative;}
.landing #page_banner .page_banner_img img{ transition:all 0.3s ease-in-out; position:absolute; left: 0px; right:0px; margin:auto;}
/**/.landing #page_banner .page_banner_img img#wplogoshadow { animation-name: wplogoshadow; animation-duration: 4s;}
/**/.landing #page_banner .page_banner_img img#wplogoimg { animation-name: wplogoimg; animation-duration: 1s; left:0px; transform: translate(0px, 0px) rotate(0deg);}

.landing #page_banner .page_banner_title {padding: 0px; box-sizing: border-box;padding-top:25px;}
.landing #page_banner .page_banner_text {padding-top:45px; overflow:hidden; text-align: center;}
.landing #page_banner .page_banner_text h2{  z-index:99; position:relative; padding-bottom:10px;color:white;font-weight: bold; font-size:48px; white-space: normal; overflow:hidden; width:100%; display: inline-block; text-align:center; animation: type 1.5s steps(40, end);}
.landing #page_banner .page_banner_text h3{ transform: translateY(-60%);  opacity:0; padding-top: 10px;padding-bottom:25px;color:#f8d144; font-weight: 300; font-size:48px; margin-top:0px;}
.landing #page_banner .page_banner_text h4{transition: all 0.5s ease-in-out; white-space: nowrap; overflow:hidden; display: inline-block;  width: 0%; padding-bottom:15px; font-weight: bold; font-size:28px; color:white;}

.landing .subsection + .subsection {margin-top:80px;}

.landing .s-list{}
.landing .s-list p{margin-bottom: 15px;padding-left:45px; background: url(../../img/check.png) left center no-repeat; font-size:24px;}
/**/.landing.wppage .s-list p{ background: url(../../img/landing/check_blue.png) left center no-repeat;}

/**/ .landing .s1 {
    background: #fff;
    background: -moz-linear-gradient(top, #fafafa 85%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,#fafafa), color-stop(100%,#fff));
    background: -webkit-linear-gradient(top, #fafafa 85%,#fff 100%);
    background: -o-linear-gradient(top, #fafafa 85%,#fff 100%);
    background: -ms-linear-gradient(top, #fafafa 85%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fff',GradientType=0 );
    background: linear-gradient(#fafafa 85%, #fff 15%);
}

.landing .s9 {text-align:center; background-color:#006bb0; min-height:240px;}
.landing .s9 h2 {color:white; font-size:36px; font-weight: bold;}
.landing .s9 h3 {padding-bottom:30px; color:#f8d146; font-weight: 300; font-size:26px; }
.landing .s9 input[type="text"] {display:inline-block;font-style: italic;border: 0px;padding-left:55px;box-sizing: border-box;height:50px; width:310px;padding:0px 8px; margin:0px 5px; font-size:16px;}
.landing .s9 input[type="submit"] {cursor:pointer; font-size:18px; font-weight: bold; border:none; padding:0px 50px 0px 20px; height:50px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.30); background:url(../../img/landing/rarrow.png) 85% center no-repeat; background-color:#8bc75c; color:white; text-transform: uppercase; } 
.shaking-btn:hover {animation-name: buzz-out !important;
                    animation-duration: 0.75s !important;
                    animation-timing-function:linear !important;
                    animation-iteration-count:unset !important;
                    animation-play-state:running !important;}

.landing .s10 #contact-form {margin-top:20px; display: inline-block; width: 100%;}
.landing .s10 #contact-form ul {text-align: left; width:100%; margin:0px auto;}
.landing .s10 #contact-form li{display:inline-block; width:100%;} 
.landing .s10 #contact-form label {font-weight: 400;}
.landing .s10 #contact-form input[type="text"], .landing .s10 #contact-form input[type="email"]{padding:0px 10px; margin-bottom: 15px;box-sizing: border-box;width:100%; height:48px; border:1px solid #dedede;}
.landing .s10 #contact-form textarea{padding:0px 10px; box-sizing: border-box;width:100%; height:200px; border:1px solid #dedede;}
.landing .s10 #contact-form label {font-size:16px;  padding-left: 5px;}
.landing .s10 h3{text-align: center; padding:0px 80px; font-size:28px; color:#006bb0; font-weight: bold;}
.landing .s10 h4{text-align: center; padding:0px 80px; margin-top:30px; margin-bottom:30px; font-size:18px; font-weight:300; color:#2a2929;}
.landing #main_content .portfolio-small-boxes{position:relative; float: none;}
.landing #footer {margin-top:0px;}
.landing .s10 input.send_btn:hover{
    animation-name: buzz-out;
    animation-duration: 0.75s;
    animation-timing-function:linear;
    animation-iteration-count:1;
}


.landing2 .inblock {display:block;}
.landing2 .l_bar {}
/* aplikacje */

.landing2 {}
.landing2 #landing_top{background:url(../../img/landing/topbg/aplikacje_topbg.png) no-repeat center top; background-size: cover;}
.landing2 #page_banner .page_banner_img {height:500px;padding-top:50px;}
.landing2.app_page .l_bar {border-color:#af2f94;}
.landing2 h2.l_bar{margin-bottom:55px;font-size:48px; font-weight: 900; color:#373636;text-align: left;}
.landing2 span.s-num{font-size:96px; font-weight: 900; color:#d2e2e8; display:block; line-height: 90px;}
.landing2 .s-head {text-align: left;}
.landing2 .s-text{font-size:18px; font-weight: 300; text-align:justify; line-height: 50px;}
.landing2 .s-dev .s-imgbox {padding-right: 50px;}
.landing2 .s-head + .s-dev .s-imgbox {padding-right: 0px; padding-left:50px;}
.landing2 .subsection .s-imgbox img {position:relative;}

.landing2.app_page .s-list p {background: url(../../img/landing/aplikacje_check.png) left center no-repeat;}

@-webkit-keyframes error {
    0% { transform: translateY(-100%); }
    50%{ transform: translateY(8%); }
    65%{ transform: translateY(-4%); }
    80%{ transform: translateY(4%) }
    95%{ transform: translateY(-2%); }			
    100% { transform: translateY(0%); }		

}

@keyframes fadein {
    0%{ opacity: 0; }
    25% {opacity: 0.5;}
    50%{ opacity: 0; }
    65%{ opacity: 0.4; }
    75%{ opacity: 0; }
    100%   { opacity: 1; }
}

@keyframes full {
    from { opacity: 0; }
    to  { opacity: 1; }
}

@-webkit-keyframes toZero {
    0% {  transform: scale(1); }		
    100% {  transform: scale(0); }		
}

@-webkit-keyframes commingFromRight {
    0% { transform: translateX(110%);}		
    100% {     transform: translateX(0%);}		
}
@-webkit-keyframes commingFromLeft {
    0% { transform: translateX(-110%);}		
    100% {     transform: translateX(0%) ;}		
}

.start_anim_left .anim {transform: translateX(110%);}
.start_anim_right .anim {transform: translateX(-110%);}
.start_anim_left .anim_slide_left{
    -webkit-animation-name: commingFromRight; 
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: 1; 
    animation-name: commingFromRight;
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    transform: translateX(0%) ;
}
.start_anim_right .anim_slide_right{
    -webkit-animation-name: commingFromLeft; 
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: 1; 
    animation-name: commingFromLeft;
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    transform: translateX(0%) ;
}


.page404 {position: relative; height: 960px; background: url(../../img/landing/404.png) no-repeat center center; background-size: 100%; }
.page404:after {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: url(../../img/landing/text_404.png) no-repeat center center; 
                -webkit-animation-name: error; 
                -webkit-animation-duration: 1,25s;
                -webkit-animation-iteration-count: 1; 
                animation-name: error;
                animation-duration: 1.25s;
                animation-iteration-count: 1;}
.page404 .content404 {    width: 50%;  font-size: 36px;  position: absolute;  bottom: 120px;  right: 0;  left: 0;  margin: 0 auto;  text-align: center; z-index: 5;}
.page404 .content404 .oopsText {font-weight: 200;
                                -webkit-animation: fadein 1.5s; 
                                -moz-animation: fadein 1.5s; 
                                -ms-animation: fadein 1.5s; 
                                -o-animation: fadein 1.5s; 
                                animation: fadein 1.5s;}

.common-landing #page_banner .page_banner_img {height:500px;padding-top:50px;}
.section_wrap .s9 {background: url('../../img/landing/img1.png') no-repeat center center; min-height: 400px; position: relative !important;;} 
.common-landing .shortsection .container-fluid {padding-top: 0;}
.section_wrap .s7 {height: 400px; width: 100%;}
.section_wrap .s7 .container-fluid {background: url(../../img/landing/break.jpg) left center no-repeat; background-size: cover ; height: 100%; width: 100%; background-attachment: fixed;}
.section_wrap .s7 .container-fluid  .text-container {position: relative; top: 30%; text-align: center;}
.section_wrap .s7 .container-fluid  .text-container h2 {font-weight: 800; font-size: 48px; color: #fff; margin-bottom: 30px;}
.section_wrap .s7 .container-fluid  .text-container h3 {font-size: 24px; color: #fff; width: 65%; margin: 0 auto;}
.common-landing .s2, .common-landing .s4,  .common-landing .s5, .common-landing .s6,  .common-landing .s3,  .common-landing .s8 {position: relative;}

.flipbooks .s6 .s-head {position: absolute; right: 0%; top: 5%;}

.hostings .s3 .hosting-table .table-content .table-row .buyHosting img {position: absolute;  left: 25px;  top: 15px;}
.hostings .s3 .hosting-table .table-content .table-row .buyHosting:hover img {-webkit-animation-name: toZero; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; animation-name: toZero; animation-duration: 1s; animation-iteration-count: 1;}

.stany_magazynowe #page_banner .page_banner_text #s-submit, .stany_magazynowe .page_banner_bottom .scroll_downbtn {background-color:  #8bc75c;}
.stany_magazynowe .s1 .s-dev {position: absolute; right: 0; bottom: 15%;}
.stany_magazynowe .checkit-btn {background: #006bb0 url(../../img/landing/rarrow.png) no-repeat center left; color: #fff; text-decoration: none; padding: 5px 35px 5px 50px; font-size: 16px; position: absolute; left: 15px; bottom: 10%; background-position-x: 15px;}

/* aplikacje mobilne*/
.mobile-apps {}
.mobile-apps #landing_top {background:url(../../img/landing/topbg/aplikacje_mobilne_topbg.png) no-repeat center top; background-size: cover;} 

/* facebook*/
.facebook {}
.facebook #landing_top {background:url(../../img/landing/topbg/facebook_topbg.png) no-repeat center top; background-size: cover;} 

/* poligrafia*/
.poligrafia {}
.poligrafia #landing_top {background:url(../../img/landing/topbg/poligrafia_topbg.png) no-repeat center top; background-size: cover;} 

/* pozycjonowanie*/
.pozycjonowanie {}
.pozycjonowanie #landing_top {background:url(../../img/landing/topbg/pozycjonowanie_topbg.png) no-repeat center top; background-size: cover;} 

/* praca*/
.praca {}
.praca #landing_top {background:url(../../img/landing/topbg/praca_topbg.png) no-repeat center top; background-size: cover;} 

/* prestashop*/
.presta {}
.presta #landing_top {background:url(../../img/landing/topbg/presta_topbg.png) no-repeat center top; background-size: cover;} 

/* logotypy */
.logotypy {}
.logotypy #landing_top {background:url(../../img/landing/topbg/logotypy_topbg.png) no-repeat center top; background-size: cover;} 

/* identyfikacja wizualna */
.identyfikacja_wizualna {}
.identyfikacja_wizualna #landing_top {background:url(../../img/landing/topbg/identyfikacja_wizualna_topbg.png) no-repeat center top; background-size: cover;} 

/* reklama*/
.reklama {}
.reklama #landing_top {background:url(../../img/landing/topbg/reklama_topbg.png) no-repeat center top; background-size: cover;} 

/* lojal */
.lojal {}
.lojal #landing_top {background:url(../../img/landing/topbg/lojal_topbg.png) no-repeat center top; background-size: cover;} 

.default-slider .slick-slide img {max-width: 100% !important; height: auto !important;}
.sections[data-sname="oferta"] .small_boxes .contact-btn {transition: 0.3s; -webkit-transition: 0.3s;}
.sections[data-sname="oferta"] .small_boxes .contact-btn:hover {background-color: #8bc75c; transition: 0.3s; -webkit-transition: 0.3s;}
.small_boxes .contact-btn, .portfolio .gall-btn, .more-btn {transition: 0.3s; -webkit-transition: 0.3s;}
.small_boxes .contact-btn:hover, .portfolio .gall-btn:hover, .more-btn:hover {background-color: #F8D144; transition: 0.3s; -webkit-transition: 0.3s;}