.wapi-navbar { height: 200px; border-bottom: 11px solid #ed234f; background: #1c222e none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.wapi-navbar.navbar .navbar-header img { width: auto; max-height: 59px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.wapi-navbar.navbar .navbar-header .navbar-toggle { border:none; width:24px; height:24px; background: url("../../images/app/hamburger_red_24x24.png") no-repeat 0 0; margin-top: 60px; margin-right:54px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.wapi-navbar.navbar .navbar-header .navbar-toggle:hover { background-position: 0 -24px; }
.wapi-navbar .navbar-brand { padding-top: 80px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.wapi-navbar .navbar-nav { margin-top: 75px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.wapi-navbar .navbar-nav > li > a { -webkit-transition:.3s; transition:.3s; font-family: signikabold,serif; text-shadow: none; color: white; text-transform: uppercase; }
.wapi-navbar .navbar-nav > li.active > a,.wapi-navbar .navbar-nav > li.active > a:focus, .wapi-navbar .navbar-nav > li > a:focus, .wapi-navbar .navbar-nav > li > a:hover, .wapi-navbar .navbar-nav > li.active > a:hover { color: #ed234f; text-decoration: none; background: none; }
.wapi-navbar .navbar-nav li { margin-right: 16px; }
.wapi-navbar .navbar-nav li:last-child { margin-right: 0; }
.wapi-navbar .navbar-nav li.phone a { font-size: 2rem; }
.wapi-navbar .navbar-nav li.phone a img { vertical-align: middle; margin-right: 8px; }
.wapi-navbar.navbar { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.wapi-navbar.navbar .navbar-header .left-sidenav { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; left: 0; position: absolute; top: 6rem; display: inline-block; width: 24px; height: 24px; background: url("../../images/app/hamburger_24x24.png") no-repeat 0 0; }
.wapi-navbar.navbar.shrink .navbar-header .left-sidenav { top: 1.6rem; }
.wapi-navbar.navbar .navbar-header .left-sidenav:hover { background-position: 0 -24px; }

.navbar-top-usermenu.not-logged-in .not-logged-in-target { display: block; }
.navbar-top-usermenu.not-logged-in .logged-in-target { display: none; }
.navbar-top-usermenu.logged-in .logged-in-target { display: block; }
.navbar-top-usermenu.logged-in .not-logged-in-target { display: none; }
.wapi-navbar.navbar .container { position: relative; }
.navbar-top-usermenu { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; right: 0; top: -300px; }
.navbar-top-usermenu.startup-position { top:0; }
.wapi-navbar.navbar.shrink .navbar-top-usermenu { top: -300px; }

.navbar-top-usermenu.not-logged-in .not-logged-in-target li { display: inline-block; list-style: none; }
.navbar-top-usermenu.not-logged-in .not-logged-in-target li a { display: block; padding: 1.5rem 2.5rem 1.5rem 2.5rem; font-size: 1.4rem; text-transform: uppercase; color: white; font-family: signikabold,serif; }
.navbar-top-usermenu.not-logged-in .not-logged-in-target li:nth-child(2) a { background-color: #ED234F; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.navbar-top-usermenu.logged-in .logged-in-target { position: relative; background-repeat: no-repeat; background-image:url("../../images/app/mm2_avatar.jpg"); background-position: left center; background-size: contain; background-color: #ED234F; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.navbar-top-usermenu.logged-in .logged-in-target.opened-usermenu { border-bottom-right-radius: 0; }
.navbar-top-usermenu.logged-in .logged-in-target a.username { display: block; padding: 1.5rem 2.5rem 1.5rem 7.5rem; color: white; font-family: signika,serif; font-weight: bold; }
.navbar-top-usermenu.logged-in .logged-in-target a.username i { font-size: 1.15rem; padding-left: 10px; }
.navbar-top-usermenu.logged-in .logged-in-target span { background-image: url("../../images/app/glass.png"); background-repeat: no-repeat; position: absolute; width: 50px; height: 50px; }
.navbar-top-usermenu.logged-in .usermenu { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; padding-left:0; z-index: 100; top:-300px; right:0; background-color: #ED234F; position: absolute; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.navbar-top-usermenu.logged-in .usermenu li { list-style: none; }
.navbar-top-usermenu.logged-in .usermenu li a { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none; padding: 1rem 3.2rem 1rem 3.3rem; display: block; color: white; font-family: signikaregular,serif; font-size: 1.35rem; }
.navbar-top-usermenu.logged-in .usermenu li:last-child a { padding-bottom: 2rem; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.navbar-top-usermenu.logged-in .usermenu li a:hover { background-color: #FF406A; }
.navbar-top-usermenu.logged-in .usermenu li i { padding-right: 1rem; font-size: 1.1rem; }

.menu-container { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu-container.showed { background-color: #1e222c; height: 100%; display:block!important; position: absolute; top: 152px; left: 0; padding: 0; z-index: 99999; width:100%; }
body.shrink-active .menu-container.showed { top: 60px; }

.wapi-navbar.navbar.shrink { height: 60px; }
.wapi-navbar.navbar.shrink .navbar-nav { margin-top: 5px; }
.wapi-navbar.navbar.shrink { border-bottom: 3px solid #ed234f; }
.wapi-navbar.navbar.shrink .navbar-header img { max-height: 40px;  }
.wapi-navbar.navbar.shrink .navbar-header .navbar-brand { padding-top: 10px; }
.wapi-navbar.navbar.shrink .navbar-header .navbar-toggle { margin-top: 12px; margin-right:35px; }

.overlay{height:100%;width:0;position:fixed;z-index:99999;left:0;top:0;background-color:#000;background-color:rgba(0,0,0,0.9);overflow-x:hidden;transition:.2s}
.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:-30px}
.overlay a{padding:8px;text-decoration:none;font-size:3.6rem;color:#818181;display:block;transition:.1s}
.overlay a:hover,.overlay a:focus{color:#f1f1f1}
.closebtn{position:absolute;top:20px;right:45px;font-size:6rem!important}

body > .container { padding-top: 179px; -webkit-transition: padding 0.2s ease; transition: padding 0.2s ease; }
body.shrink-active  > .container:first-child { padding-top: 174px; }

#search-bar { position: relative; min-height: 137px; }
#search-bar input { color: #757575; border: none; border-radius: 30px; padding: 10px 10px 10px 50px; background-color: #0B0D12; display: block; margin: 50px auto 30px auto; width: 90%; font-family: signikaregular,serif; font-size: 1.8rem; outline: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

#search-bar i { color: #1E222C; position: absolute; top: 71px; left: 10%; font-size: 1.9rem; font-weight: 100; }
#search-bar .gsc-search-button { display: none; }
#search-bar .gsc-clear-button { display: none; }
#search-bar .gsc-input input { background: none!important; background-color: #0B0D12!important; display: block!important; }

.wapi-multimenu, .wapi-multimenu ul { padding-left: 0; }
.wapi-multimenu li { background-color: #1e222c; list-style-type: none; height: 70px; border-bottom: 2px solid #2b3141; display: block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.wapi-multimenu li a { text-decoration: none; background-image: none; display: block; font-family: allerregular,serif; font-weight: bold; color: #494c55; font-size: 1.85rem; padding: 22px 18px 23px 50px; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; }
.wapi-multimenu li.has-submenu > a { background-size: 16px 16px; background: url("../../images/app/menu_plus_minus.png") no-repeat 100% 14px; }
.wapi-multimenu li a:hover, .wapi-multimenu li.active a { color: white; background-position: 100% -146px; }
.wapi-multimenu { z-index: 100; position: absolute; width: 96%; }
.wapi-multimenu .submenu { z-index: 90; }
.wapi-multimenu .submenu { display: none; }
.wapi-multimenu .submenu.opened { display: block; }
.wapi-multimenu .submenu.level-1 li a { padding-left: 85px; font-weight: 100; }
.wapi-multimenu .submenu li { background-color: #161920; border-bottom-color: #12151b; }
.wapi-multimenu li.has-submenu.opened, .wapi-multimenu li.active { background-color: #ed234f; color: white; }
.wapi-multimenu .level-1 li.active { background-color: rgba(237, 33, 77, 0.7); }
.wapi-multimenu li.has-submenu.opened > a { color: white; background-position: 100% -226px;}

pre.syntax-colorify > a { font-family: allerregular,serif; font-size: 1.2rem; color: white; margin-top: -2rem; display: block; margin-bottom: 1rem;  }
pre.syntax-colorify > a > img { vertical-align: top; margin-right: 0.3rem; }
pre.syntax-colorify code::-moz-selection { background-color: #286e99; color: #fff; }
pre.syntax-colorify code::selection { background-color: #286e99; color: #fff; }

.footer.container-fluid { background-color: #0d1119;padding-top: 2rem; margin-top: 7rem; border-top: 10px solid #00abfb; }
.footer.container-fluid .container { margin-top: 80px; padding-bottom: 1rem; border-bottom: 2px solid #161920; }
.footer.container-fluid .container span.red { color:red; }
.footer.container-fluid .container:nth-child(2) { margin-top: 4rem; }
.footer.container-fluid .container:nth-child(3) { margin-top:3rem; padding-bottom: 0; border:none; }
.footer.container-fluid .container:nth-child(3) p { text-align: right; }
#footer-bubble-container { cursor: pointer; background: url("../../images/app/footer_bubble.png") no-repeat top center; height: 100px; width: 100%; position: absolute; margin-top: 20px;  }
.footer.container-fluid h5 { font-family: allerregular,serif; color: white; font-size: 2.05rem; font-weight: bold; }
.footer.container-fluid p { font-family: allerregular,serif; color: white; font-size: 1.5rem; margin-top: 1.7rem; }
.footer.container-fluid p.disclaimer { color: #677680!important; font-size: 1.25rem; }
.footer.container-fluid h5 + p + input[type='text'] 
{ font-family: allerregular,serif; color: white; background-color: #20252F; border: none; border-radius: 0.5rem; padding: 1.5rem 2rem 1.5rem 2rem; width: 100%;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.45);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.45);
}
.footer.container-fluid h5 + p + input[type='text'] + a { color: white; margin-top:1rem; display:inline-block; }
.footer.container-fluid .footer-links { padding-top: 0; }
.footer.container-fluid .footer-links ul { padding-left: 0; }
.footer.container-fluid .footer-links ul li { list-style-type: none; }
.footer.container-fluid .footer-links ul li a { color: white; font-size: 1.5rem; }
.footer.container-fluid .newsletter-btn{background-color:#0C4A6C;border:medium none;border-radius:.5rem;color:#fff;display:inline-block;height:4rem;margin-top:-45px;padding:1rem 0 0 1.4rem;position:absolute;right:21px;width:4rem;-webkit-transition:all .2s ease;transition:all .2s ease}
.footer.container-fluid .newsletter-btn:hover { background-color: #00abfb; }

.kc_fab_main_btn{ opacity: 0.5; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; position:fixed; bottom: 3rem; right: 3rem; background-color:#ED234F;width:60px;height:60px;border-radius:100%;border:none;outline:none;color:#FFF;font-size:2.5rem;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-webkit-tap-highlight-color:rgba(0,0,0,0)}
.kc_fab_main_btn:hover { opacity:1!important; width:7rem;height:7rem; bottom: 2.5rem!important; right: 2.5rem; }
.kc_fab_main_btn.off-screened { bottom: -8rem; }
body.shrink-active .kc_fab_main_btn { bottom: 3rem; }

#search-page .search-results .search-link { color: white; margin-top: -10px; }
#search-page .search-results .search-desc {  }
#search-page .search-results .search-desc em { font-weight: bold; color: #757575; }


/* MAIN PAGE */

body.mainpage-view { background:none; }
body.mainpage-view #responsive-nav + .container { padding-top: 630px!important; }
body.mainpage-view.shrink-active #responsive-nav + .container { padding-top: 230px!important; }

body.subpage-view #responsive-nav + .container, body.subpage-view #responsive-nav + .container-fluid { padding-top: 250px!important; }
body.subpage-view.shrink-active #responsive-nav + .container, body.subpage-view.shrink-active #responsive-nav + .container-fluid { padding-top: 150px!important; }

.wapi-navbar-mainpage { height: 545px; background-image: url("../../images/app/mp_header_bg.jpg"); background-repeat: no-repeat; border-color: #FC3963; }
.wapi-navbar-subpage { height: 200px; background-image: url("../../images/app/mp_header_bg.jpg"); background-repeat: no-repeat; border-color: #FC3963; }
.mp-banner { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
body.mainpage-view.shrink-active .mp-banner { display: none; /*display:none;*/ }
body.subpage-view.shrink-active .mp-banner { margin-top: -5rem; opacity: 0; display:none; }
.mp-banner { border-top: 2px solid #212530; margin-top: 4rem; text-align: center; padding-top: 4.3rem; position:relative; }
.mp-banner .mp-banner-big { font-family: allerbold,serif; font-size: 6rem; }
.mp-banner .mp-banner-smaller { font-family: allerbold,serif; font-size: 3.7rem; }
.mp-banner .buttons { padding-top: 3rem; }
.mp-banner-left-arrow-bg { background-image:url("../../images/app/mp-banner-left-arrow.png"); width: 69px; height: 33px; display: inline-block; margin-right: 2rem; vertical-align: middle; }
.mp-banner-right-arrow-bg { background-image:url("../../images/app/mp-banner-right-arrow.png"); width: 69px; height: 33px; display: inline-block; margin-left: 2rem; vertical-align: middle; }
#banner-bubble-container { background: url("../../images/app/mp-banner-circle-arrow.png") no-repeat top center; height: 101px; margin-top: 56px; min-width: 113px; position: absolute; width: 100%;  }
.wapi-navbar-subpage #banner-bubble-container { margin-top: -70px; }
.wapi-navbar-subpage .mp-banner { border-top: none!important; }

body.mainpage-view .documentation-container { background:none; }
hr.light-blue-thick { border:0; height:1rem; background-color: #EDF2F5; margin: 3.5rem 0; border-radius:1rem; }
.products-row { margin-top: 7rem; }
.products-row > .col-lg-8:nth-child(2) { padding-left: 5rem; }
.products-row > .col-lg-8:nth-child(1) { padding-right: 5rem; }
.products-row .col-lg-8 > h3 { font-size: 4rem; color: #434750; text-transform: uppercase; font-family: allerbold,serif; }
.products-row .col-lg-8 > h3 + h4 { font-size: 3rem; color: #ed234f; font-family: allerbold,serif; margin-top: -1.2rem; }
.products-row .col-lg-8 > .button-elastic { margin-top: 2rem; }
.clock-time-digits { font-size: 11rem!important; font-family: allerbold,serif!important; margin-top:0!important; }
.clock-time-digits span { padding: 0 2.3rem; }

.offer-row { position: relative; margin-top:10rem; padding: 12rem 0; background-image: url("../../images/app/offer-bg.jpg"); background-repeat: no-repeat; border-bottom: 11px solid #FC3963; border-top: 11px solid #FC3963; }
#offer-top-bubble-container { background: url("../../images/app/mp-banner-circle-arrow-dark.png") no-repeat top center; height: 101px; margin-top: -17.1rem; min-width: 113px; position: absolute; width: 100%;  }
#offer-top-bubble-container + h3, #offer-top-bubble-container + h3 + h3 { font-size: 3rem; }
#offer-top-bubble-container + h3 + h3 { margin-bottom: 3rem; }
.offer-row .offer-text { padding-left: 6rem; font-size: 1.7rem; padding-top: 6rem; line-height: 2rem; }
#offer-bottom-bubble-container { background: url("../../images/app/mp-banner-circle-arrow.png") no-repeat top center; height: 101px; margin-top: 7rem; min-width: 113px; position: absolute; width: 100%;  }
.offer-row .offer-content { padding:0!important; }
.offer-image img { float:right; }

.why-offer-list { margin-top: 10rem; counter-reset: step-counter 0; }
.why-offer-list ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*.why-offer-list:first-child ol li {  counter-reset: step-counter 1; }
.why-offer-list:nth-child(1) ol li { counter-increment: step-counter; counter-reset: step-counter 5; }*/

.why-offer-list ol li {
    counter-increment: step-counter;
  margin-bottom: 7rem;
    width: 540px;
}

.why-offer-list ol li::before {
  content: counter(step-counter);
  background-image: url("../../images/app/list-item-bg-red.png");
  background-repeat: no-repeat;
  font-family: allerbold;
  font-size: 3rem;
  height: 83px;
  padding: 7px 61px 24px 29px;
}

.why-offer-list ol li:nth-child(odd)::before
{
    background-image: url("../../images/app/list-item-bg-blue.png");
}

.why-offer-list ol li span { display:inline-block; width: 80%; }
.why-offer-list div:nth-child(2) ol li:nth-child(5) span { width: 75%; }
.why-offer-list div:nth-child(2) ol li:nth-child(5)::before { padding-left: 20px; }
.why-offer-list ol li.two-lines::before { padding-top:11px; }

.programmer-offer-row .col-lg-7 img { float: right; }
.programmer-offer-row h2 { color: #434750; font-family: allerbold,serif; font-size: 4rem; margin-bottom:0; }
.programmer-offer-row h2 + h3 { color: #ed234f; font-size: 3rem; margin-top: -0.7rem; font-family: allerbold,serif; }
.programmer-offer-row .baloon { background-image: url("../../images/app/ludzik-baloon.png"); background-repeat: no-repeat; width:100%; height: 234px; margin-top:5rem; margin-left: -4rem; }
.programmer-offer-row .baloon .inputs-container { width:100%; padding-top: 5rem; }
.programmer-offer-row .baloon .inputs-container .inp-1, .programmer-offer-row .baloon .inputs-container .inp-2 { width:50%; float:left; }
.programmer-offer-row .baloon .inputs-container input[type='text'] { width: 266px; height: 5rem; border-radius: 0.5rem; border:none; padding: 0 1rem 0 8rem; text-transform: uppercase; font-family: allerbold,serif; }
.programmer-offer-row .baloon .inputs-container .inp-1 { padding-left: 7rem; }
.input-icon-container { background-color: #00ABFA; border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; height: 5rem; width: 58px; display: inline-block; position: absolute; }
.inp-1 .input-icon-container { background-image: url("../../images/app/env-icon.png"); background-repeat: no-repeat; background-position: 17px 17px; }
.inp-2 .input-icon-container { background-image: url("../../images/app/phone-icon.png"); background-repeat: no-repeat; background-position: 17px 15px; }
.programmer-offer-row .baloon .inputs-container .inp-2 { padding-left: 2rem; }
.programmer-offer-row .baloon .inputs-container .inp-2 .button-shiny { width: 266px; margin-top: 2rem; font-size: 4rem; padding: 0.8em 3rem 1em; }

.changelog-row { margin-bottom:-7rem; position: relative; margin-top:-2rem; padding: 12rem 0; background-image: url("../../images/app/changelog-bg.jpg"); background-repeat: no-repeat; border-top: 11px solid #FC3963; }
#changelog-top-bubble-container { background: url("../../images/app/mp-banner-circle-arrow-dark.png") no-repeat top center; height: 101px; margin-top: -17.1rem; min-width: 113px; position: absolute; width: 100%;  }
#changelog-bottom-bubble-container { background: url("../../images/app/mp-banner-circle-arrow.png") no-repeat top center; height: 101px; margin-top: 7rem; min-width: 113px; position: absolute; width: 100%;  }
.changelog-content .row > div > h3, .changelog-content .row > div > h3 + h3 { font-size: 3rem; }
.changelog-content .row > div > h3 + h3 { margin-bottom: 3rem; }
.changelog-content { padding: 0!important; }
.changelog-row .pick-software { color: #00ABFB; font-weight: normal; display:inline; font-size: 1.7rem; }
.changelog-row .pick-software + ul, .changelog-row .pick-software + ul li { display:inline; }
.changelog-row .pick-software + ul li + li { margin-left: 2rem; }
.changelog-row .pick-software + ul li a { color: white; font-weight: normal; display:inline; font-size: 1.7rem; text-transform: uppercase; text-decoration: none; }
.changelog-row .pick-software + ul li a.active, .changelog-row .pick-software + ul li a:hover { color: #D43458; }
table.changelog { margin-top: 3rem; }

.subskrybuj-newsletter.button-expander-target { width: 92%;padding:2.3em 3rem 2.5em;background-color:#fc3963;border:medium none;border-radius:5px;color:#fff!important;display:none;font-family:allerbold,sans-serif;font-size:1.3rem;line-height:1em;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in;-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.45); }
.subskrybuj-newsletter.button-expander-target { position: absolute; left: 16px; opacity: 0; }
.subskrybuj-newsletter.button-expander-target > span { display: inline-block; margin-right: 1rem; }
.subskrybuj-newsletter.button-expander-target > span + input[type="text"] { width:6%; border-radius:5px; border: none; padding:0.7rem 1rem 0.7rem; color: #494949; font-family: allerregular,serif; }
.subskrybuj-newsletter.button-expander-target > span + input[type="text"] + a { right: 127px; transition:all .2s ease-in;-webkit-box-shadow: 3px 0px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 0px 0px 0px rgba(0,0,0,0.3); box-shadow: 3px 0px 0px 0px rgba(0,0,0,0.3);position: absolute; top: 22px; background-color: #262B37; color: white; border-radius: 100px; padding: 1.25rem 1.5rem 1.4rem 1.3rem; }
.subskrybuj-newsletter.button-expander-target > span + input[type="text"] + a:hover { background-color: white; color: #262B37; }

.subskrybuj-rss.button-expander-target { width: 92%;padding:2.3em 3rem 2.5em;background-color:#FF7800;border:medium none;border-radius:5px;color:#fff!important;display:none;font-family:allerbold,sans-serif;font-size:1.3rem;line-height:1em;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in;-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.45); }
.subskrybuj-rss.button-expander-target { position: absolute; left: 16px; opacity: 0; }
.subskrybuj-rss.button-expander-target > span { display: inline-block; margin-right: 1rem; }
.subskrybuj-rss.button-expander-target > span + input[type="text"] { width:6%; border-radius:5px; border: none; padding:0.7rem 1rem 0.7rem; color: #494949; font-family: allerregular,serif; }
.subskrybuj-rss.button-expander-target > span + input[type="text"] + a { right: 127px; transition:all .2s ease-in;-webkit-box-shadow: 3px 0px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 0px 0px 0px rgba(0,0,0,0.3); box-shadow: 3px 0px 0px 0px rgba(0,0,0,0.3);position: absolute; top: 22px; background-color: #FFC600; color: white; border-radius: 100px; padding: 1.25rem 1.5rem 1.4rem 1.3rem; }
.subskrybuj-rss.button-expander-target > span + input[type="text"] + a:hover { background-color: white; color: #FFC600; }

.button-expander.run { color: #FC3963!important; animation: expander_source_size 0.5s 0s 1 alternate forwards; -moz-animation: expander_source_size 0.5s 0s 1 alternate forwards; -webkit-animation: expander_source_size 0.5s 0s 1 alternate forwards; }
.button-expander.run:hover, .button-expander.run:active, .button-expander.run:focus { color:transparent!important; }
.button-expander.run+span { display: none; }
.button-expander.run + span + .button-expander-target { position:absolute; bottom: 18px; display:inline-block; animation: expander_target_opacity 0.5s 0.5s 1 alternate forwards; -moz-animation: expander_target_opacity 0.5s 0.5s 1 alternate forwards; -webkit-animation: expander_target_opacity 0.5s 0.5s 1 alternate forwards; }
.button-expander.run + span + .subskrybuj-newsletter.button-expander-target { bottom: 158px; }
.button-expander.run + span + .button-expander-target > span + input[type="text"] { animation: expander_target_input 0.4s 0.6s 1 alternate forwards; -moz-animation: expander_target_input 0.4s 0.6s 1 alternate forwards; -webkit-animation: expander_target_input 0.4s 0.6s 1 alternate forwards; }
.button-expander.run + span + .button-expander-target > span + input[type="text"] + a { animation: expander_target_input_btn 0.4s 0.6s 1 alternate forwards; -moz-animation: expander_target_input_btn 0.4s 0.6s 1 alternate forwards; -webkit-animation: expander_target_input_btn 0.4s 0.6s 1 alternate forwards; }

@keyframes expander_source_size
{
    from {width: 200px; height: 30px;}
    to{width: 100%; height: 88px;}
}
@-moz-keyframes expander_source_size
{
    from {width: 200px; height: 30px;}
    to{width: 100%; height: 88px;}
}
@-webkit-keyframes expander_source_size
{
    from {width: 200px; height: 30px;}
    to{width: 100%; height: 88px;}
}


@keyframes expander_target_opacity
{
    from {opacity: 0;}
    to{opacity: 1;}
}
@-moz-keyframes expander_target_opacity
{
    from {opacity: 0;}
    to{opacity: 1;}
}
@-webkit-keyframes expander_target_opacity
{
    from {opacity: 0;}
    to{opacity: 1;}
}


@keyframes expander_target_input
{
    from {width: 6%;}
    to{width: 70%;}
}
@-moz-keyframes expander_target_input
{
    from {width: 6%;}
    to{width: 70%;}
}
@-webkit-keyframes expander_target_input
{
    from {width: 6%;}
    to{width: 70%;}
}

@keyframes expander_target_input_btn
{
    from {right: 127px;}
    to{right: 36px;}
}
@-moz-keyframes expander_target_input_btn
{
    from {right: 127px;}
    to{right: 36px;}
}
@-webkit-keyframes expander_target_input_btn
{
    from {right: 127px;}
    to{right: 36px;}
}

.divider .button-shiny { min-width: 220px; margin-bottom: 20px; }

.work-in-progress-container { position: relative; height: 279px; background-image: url("../../images/app/work-in-progress-bg.png"); background-repeat: no-repeat; background-position: center center; }
.work-in-progress-container .rotor { position: absolute; right: 16px; top: 14px; }
.work-in-progress-container .circle{
    fill: #ED234F;
    stroke: white;
    stroke-width: 6;
    animation: dash 3s ease infinite,rotate 3s linear infinite;
}

@keyframes dash {
    0% {
        stroke-dasharray: 8,800;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 580,800;
        stroke-dashoffset: -200;
    }
    100% {
        stroke-dasharray: 580,800;
        stroke-dashoffset: -744;
    }
}

@keyframes dasharray2 {
    50% {
        stroke-dasharray: 1, 458;
        transform: rotate(0deg);

    }
    100%{
        stroke-dasharray: 458, 1;
        transform: rotate(360deg);
    }
}

.work-in-progress-container .rotor{
    height: 250px;
    width: 250px;
    animation: rotor 1.5s linear normal infinite;
}

@keyframes rotor {
    100%{
        transform: rotate(360deg);
    }
}

.work-in-progress-container .text-before-rotor { margin-top: 8.2rem; margin-left: 4rem; }
.work-in-progress-container .text-before-rotor > img { vertical-align: top; }
.work-in-progress-container .text-before-rotor > section h3, .work-in-progress-container .text-before-rotor > section h6 { max-width: 400px; margin: 0; }
.work-in-progress-container .text-before-rotor section { display: inline-block; padding-top: 18px; margin-left: 25px; }
.work-in-progress-container .text-before-rotor > section h3 { color: #ed234f; font-size: 4.2rem; font-family: allerbold,serif; font-weight: bold; }
.work-in-progress-container .text-before-rotor > section h6 { color: white; font-family: allerbold,serif; font-size: 2.2rem; padding-left: 6px; }
.work-in-progress-container .text-before-rotor section.desc > p { color: white; font-size: 1.4rem; max-width: 373px; padding-left: 15px; text-align: justify; }
.work-in-progress-container .text-before-rotor + .percentage { -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out; color: white; display: inline-block; font-size: 7rem; position: absolute; right: 14px; text-align: center; top: 85px; width: 250px; z-index: 150;  }

.row-responsive .work-in-progress-container { background-image: none; }
.row-responsive .work-in-progress-container .rotor { z-index: 100; right: 34%; top: 25px; }
.row-responsive .work-in-progress-container .circle-ly-2 { z-index: 90; position: absolute; right: 33.45%; top: 20px; fill: #DF1C47; }
.row-responsive .work-in-progress-container .circle-ly-3 { z-index: 70; position: absolute; right: 31.9%; top: 5px; fill: #F4345D; }
.row-responsive .work-in-progress-container .text-before-rotor + .percentage { right: 34%; top: 96px; }
.row-responsive .work-in-progress-container .text-before-rotor { margin-top: 0; }
.row-responsive .text-after-rotor { margin-top:2rem; background-color: #2b213c; border: 8px solid #453b56; border-radius: 12px; padding: 2rem;
    -webkit-box-shadow: inset 0px 0px 124px -29px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 0px 124px -29px rgba(0,0,0,0.35);
    box-shadow: inset 0px 0px 124px -29px rgba(0,0,0,0.35);
}
.row-responsive .text-after-rotor > div div:nth-child(2) { padding-top: 12px; }
.row-responsive .text-after-rotor > div div:nth-child(3) { padding-top: 12px; }
.row-responsive .text-after-rotor > div div:nth-child(2) h3 { color: #ed234f; font-size: 4.2rem; font-family: allerbold,serif; font-weight: bold; margin: 0; }
.row-responsive .text-after-rotor > div div:nth-child(2) h6 { color: white; font-family: allerbold,serif; font-size: 2.2rem; padding-left: 6px; }
.row-responsive .text-after-rotor > div div:nth-child(3) p { color: white; font-size: 1.4rem; padding-left: 15px; text-align: justify; }


/* nowosci */
.subpage-view .article-row { margin-bottom: 20px; margin-top: 100px; }
.subpage-view .article-row .article-short-container { margin-bottom: 30px; }
.subpage-view .article-row .article-short-container .article-cdate { z-index: 400; position: relative; text-align: center; background-color: #ed234f; padding: 7px; color: white; font-size: 1.8rem; border-radius: 10px; width: 160px; margin: 0 auto; }
.subpage-view .article-row .article-short-container .article-image { margin-top: -19px; }
.subpage-view .article-row .article-short-container .article-image img { border-top-left-radius: 10px; border-top-right-radius: 10px; min-height: 200px; }
.subpage-view .article-row .article-short-container .article-image:after { content: " "; background-color: rgba(255,255,255,0.1); width: 100%; position: absolute; top: 213px; height: 7px; }
.subpage-view .article-row .article-short-container .article-desc .ruler { width: 83%; margin: 0 auto; }
.subpage-view .article-row .article-short-container .article-desc h4 { line-height: 2.3rem; margin-top: 0; padding-top: 20px; margin-bottom: 20px; color: #ed234f; text-align: center; font-size: 2rem; font-family: Signika, serif; font-weight: 700; }
.subpage-view .article-row .article-short-container .article-desc hr { height: 2px; border: none; background: #e3e9ee; margin: 0; }
.subpage-view .article-row .article-short-container .article-desc { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); }

.subpage-view .article-row .article-short-container .article-desc p { letter-spacing: -0.02rem; font-family: Signika, serif; font-weight: 400; margin-top: 15px; text-align: justify; font-size: 1.5rem; }
.subpage-view .article-row .article-short-container .article-desc p + a.button-shiny { width: 100%; margin-bottom: 20px; margin-top: 10px; box-shadow: none; -webkit-box-shadow: none;}
.subpage-view .article-row .article-short-container .article-desc p + a.button-shiny:hover { box-shadow: 0 0 30px 0 rgba(252,123,150,0.5); -webkit-box-shadow: 0 0 30px 0 rgba(252,123,150,0.5); }

.subpage-view .article-row .article-short-container.yellow-version .article-desc h4 { color: #FFA800; }
.subpage-view .article-row .article-short-container.yellow-version .article-cdate { background-color: #FFA800; }
.subpage-view .article-row .article-short-container.yellow-version .article-desc p + a.button-shiny { background-color: #FFA800; }
.subpage-view .article-row .article-short-container.yellow-version .article-desc p + a.button-shiny:hover { box-shadow: 0 0 30px 0 rgba(255,168,0,0.5); -webkit-box-shadow: 0 0 30px 0 rgba(255,168,0,0.5); }

/* changelog */
body.subpage-view.changelog-page #responsive-nav + .container, body.subpage-view.changelog-page #responsive-nav + .container-fluid { padding-top: 320px!important; }
body.subpage-view.shrink-active.changelog-page #responsive-nav + .container, body.subpage-view.changelog-page.shrink-active #responsive-nav + .container-fluid { padding-top: 250px!important; }
body.changelog-page .changelog-row.changelog-niceapi { background: none; background-color: #12151b; }
body.changelog-page .changelog-row.changelog-niceapi table.changelog td { background-color: #1A1D23; }

/* cennik */
.cennik-plan-1-headings h1 { font-family: aller_displayregular, serif!important; font-size: 4.5rem!important; letter-spacing: -0.2rem; text-align: right; margin-top: 65px; color: #2B213C!important;}
.cennik-plan-1-headings h3 { text-align: right; font-size: 3.5rem!important; font-family: aller_displayregular, serif!important; }
.cennik-plan-1-container { background-color: #1B202C; border-radius: 20px; padding: 50px 30px 30px 50px; }
.cennik-plan-1-container p { color: white; font-size: 1.65rem; font-family: signikaregular,serif; }
.cennik-plan-1-container p + .button-shiny { margin-top: 15px; width: 100%; }
.cennik-plan-1-container .br { border-right: 3px solid #242C3E; }
.cennik-plan-1-container .br + div { padding-left: 20px; }
body.cennik-page .offer-row { background:none; background-color: #1b212d; }

body.cennik-page .pakiet-cen { }
body.cennik-page .pakiet-cen + .pakiet-cen { margin-top: 100px; }
body.cennik-page .pakiet-cen .row:first-child {  }
body.cennik-page .pakiet-cen .row:first-child .right-bookmark, body.cennik-page .pakiet-cen .row:first-child .left-bookmark { padding-top: 30px; }
body.cennik-page .pakiet-cen .row .right-bookmark { background-color: white; text-align: left; }
body.cennik-page .pakiet-cen .row .left-bookmark { text-align: right; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding-right: 40px; background-color: #2F394C; border-right: 8px solid #283041; }
body.cennik-page .pakiet-cen .row:first-child .right-bookmark { border-top-right-radius: 15px; min-height: 204px; }
body.cennik-page .pakiet-cen .row:first-child .right-bookmark p { color: #1B212D; font-size: 1.45rem; font-family: signikasemibold,serif; padding-left: 30px; margin-top: 20px; line-height: 2.3rem; min-height: 115px; }
body.cennik-page .pakiet-cen .row:first-child .right-bookmark p + hr { width: 93%; border:0; height: 0.43rem; background-color: #e3e9ef; margin: 55px auto 0; border-radius:1rem; }
body.cennik-page .pakiet-cen .row:first-child .left-bookmark { background-color: #ED234F; border-right: 8px solid#D5143E; min-height: 194px; padding-top: 60px; padding-bottom: 50px; }
body.cennik-page .pakiet-cen .row:first-child .left-bookmark h3 { color: white; font-size: 3rem; font-family: allerbold,serif; margin-top: 0; margin-bottom: 0; }
body.cennik-page .pakiet-cen .row .left-bookmark.shorter { /*width: 250px;*/ height: 100px; padding-top: 24px; }
body.cennik-page .pakiet-cen .row .left-bookmark.shorter h3 { color: white; font-size: 3.5rem; font-family: allerbold,serif; margin: 0; }
body.cennik-page .pakiet-cen .row.shorter-bookmark-row { padding-left: 107px; }

body.cennik-page .pakiet-cen .row .right-bookmark .row { padding-top: 15px; padding-left: 75px; }
body.cennik-page .pakiet-cen .row .right-bookmark .desc {  }
body.cennik-page .pakiet-cen .row .right-bookmark .button-shiny { margin-top: 10px; letter-spacing: 0.1rem; }
body.cennik-page .pakiet-cen .row .right-bookmark .desc p { line-height: 1.4rem; font-size: 1.3rem; min-height: 28px; }
body.cennik-page .pakiet-cen .row .right-bookmark .desc p, body.cennik-page .pakiet-cen .row .right-bookmark .desc h5 { color: #a6b8ca; }
body.cennik-page .pakiet-cen .row .right-bookmark .desc img { display: inline-block; vertical-align: -2px; margin-right: 6px; }
body.cennik-page .pakiet-cen .row .right-bookmark .desc img + h5 { display: inline-block; font-size: 1.9rem; font-family: allerbold,serif; }
body.cennik-page .pakiet-cen .row .right-bookmark .row + hr { width: 93%; border:0; height: 0.15rem; background: repeating-linear-gradient(
        to right,
        #e3e9ef,
        #e3e9ef 5px,
        #fff 5px,
        #fff 12px
); margin: 5px auto 10px auto; border-radius:1rem; }

body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child {  }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child hr { display: none; }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child.bbb-active hr { display: block }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child .right-bookmark { padding-bottom: 18px; border-bottom-right-radius: 15px; }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child .right-bookmark .bbb {     background-color: #00abfb;
    border-bottom-right-radius: 15px;
    margin: 42px -15px -34px;
    border-bottom-left-radius: 15px;
    text-align: center;
    border-top: 8px solid #0088c7;
    -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;
}
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child.bbb-active .right-bookmark .bbb { margin-top: 30px; }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child .right-bookmark .bbb:hover { background-color: #0088c7; }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child .right-bookmark .bbb a
    { display: block; padding: 35px 0 35px 0; color: white; font-family: Signika,serif; font-weight: 700; font-size: 2rem;  text-decoration: none; }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child .right-bookmark .bbb a img { margin-left: 20px; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out; }
body.cennik-page .pakiet-cen .shorter-bookmark-row:last-child .right-bookmark .bbb:hover a img { margin-left: 60px; }

/* PEŁNY CENNIK */
.pelny-cennik-container  { margin-top: 70px; }
.pelny-cennik-container + h4  { margin-top: 30px;margin-left: 40px; font-family: allerregular,serif!important; }
.pelny-cennik-container + .pelny-cennik-container { margin-bottom: 70px; }
h4 + .pelny-cennik-container { margin-top: 0; }
.pelny-cennik-container table { width: 100%; border-spacing: 4px; border-collapse:separate; }
.pelny-cennik-container tr td { font-size: 1.5rem; text-align: center; vertical-align: middle; background-color: #E1E6EC; padding: 15px; }
.pelny-cennik-container tr td:first-child { text-align: right; padding-right: 20px; padding-left: 5px; font-size: 1.3rem; }
.pelny-cennik-container tr td:nth-child(2n+1) { background-color: #EEF2F7; }
.pelny-cennik-container tr:nth-child(2) td:first-child { border-top-left-radius: 15px; }
.pelny-cennik-container tr:last-child td:first-child { border-bottom-left-radius: 15px; }
.pelny-cennik-container tr:last-child td:last-child { border-bottom-right-radius: 15px; }
.pelny-cennik-container th{height:268px;background-color:#ED234F;border-top-left-radius:15px;border-top-right-radius:15px}
.pelny-cennik-container th:nth-child(2n+1) { background-color: #FF315E; }
.pelny-cennik-container th,.pelny-cennik-container td{max-width:33px}
.pelny-cennik-container th:first-child{background:none;max-width:none!important;width:200px}
.pelny-cennik-container th > div{transform:translate(-20px,20px) rotate(270deg);width:155px;color:#fff;line-height:22px;letter-spacing:.08rem;font-size:2rem; font-family: Signika, serif; font-weight: 600;}

.pelny-cennik-container.addons tr:first-child td:first-child { border-top-left-radius: 15px; }
.pelny-cennik-container.addons tr:first-child td:last-child { border-top-right-radius: 15px; }
.pelny-cennik-container.addons tr:nth-child(2) td:first-child { border-radius: 0; }
.pelny-cennik-container.addons tr:last-child td:first-child { border-bottom-left-radius: 15px; }
.pelny-cennik-container.addons tr td:first-child{width:200px}

/* KONTAKT */
body.subpage-view.contact-page #responsive-nav + .container, body.subpage-view.contact-page #responsive-nav + .container-fluid { padding-top: 201px!important; }
body.subpage-view.contact-page.shrink-active #responsive-nav + .container, body.subpage-view.contact-page.shrink-active #responsive-nav + .container-fluid { padding-top: 160px!important; }
.fast-contact, #fast-map { height: 330px; }
body.subpage-view.contact-page .subcontent { padding-top: 0; }
body.subpage-view.contact-page .contact-addons { margin-bottom: 15px; }
body.subpage-view.contact-page .contact-addons .tel { font-size: 5.5rem; font-family: Signika, serif; font-weight: 800; color: #2b213c; vertical-align: -14px; padding-left: 10px; }
body.subpage-view.contact-page .contact-addons .mail a { font-size: 3rem; font-family: Signika, serif; font-weight: 800; vertical-align: -3px; padding-left: 10px; }
body.subpage-view.contact-page .contact-addons .mail a:hover { color: #2b213c; }
body.subpage-view.contact-page .contact-addons .mail a:hover span { color: #ED234F!important; }
body.subpage-view.contact-page .precontact-paragraphs p { font-size: 1.9rem;  font-family: Signika, serif;  font-weight: 400; }

body.subpage-view.contact-page .contact-ci-napi { margin-top: 35px; }
body.subpage-view.contact-page .contact-data p { font-family: allerbold, serif; font-weight: 700; font-size: 1.8rem; margin: 0; }
body.subpage-view.contact-page .contact-data p.red { color: #ED234F; }


/* LOGOWANIE */
body.subpage-view.login-page {  }
body.subpage-view.login-page #login-form { margin-top: 80px; }
body.subpage-view.login-page .main-bg { -moz-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px);  min-height: 340px; background-image: url("../../images/app/login_bg.jpg"); background-repeat: no-repeat; background-position: right top; }
body.subpage-view.login-page .main-bg.flip { -moz-transform: scaleX(-1) translateX(-20px);  -o-transform: scaleX(-1) translateX(-20px);  -webkit-transform: scaleX(-1) translateX(-20px);;  -ms-transform: scaleX(-1) translateX(-20px);  transform: scaleX(-1) translateX(-20px);;  -ms-filter: "FlipH";  filter: FlipH; }
body.subpage-view.login-page #login-form .button-shiny { width: 100%; box-shadow: none; }
body.subpage-view.login-page #login-form .chbk-row { margin-top: 20px; }
body.subpage-view.login-page #login-form .chbk-row div { text-align: center; }
body.subpage-view.login-page #login-form .remember-link { margin-top: 20px; display: inline-block; }

#cookies{position:fixed;bottom:0;background-color:rgba(255,255,255,0.8);padding-top:20px;padding-bottom:20px;margin:0 auto;width:80%;left:10%;z-index: 2147483647;}
#cookies p{color:#000;font-size:1.2rem;text-align:center;margin:0 auto}
#cookies .close{color:#ff6200;text-shadow:none;opacity:1;font-size:29px;margin-right: 4px;margin-top: -24px;}