*,
:after,
:before {
    box-sizing: border-box
}



.wpcf7-response-output{clear:both;}

#mapSection a,
.btn a,
.langMenu ul li a,
.menu ul li a,
a,
a.blue {
    text-decoration: none
}

.content .cont a,
.content .cont li,
.content .cont p,
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

.blue2 span,
a.blue span,
a.blue2 span,
caption,
td,
th {
    vertical-align: middle
}

.infoWindowBox{
    line-height:1.35;
    overflow:hidden;
    white-space:nowrap;
}

.content .cont a,
.content .cont li,
.content .cont p,
html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
td,
th {
    text-align: left;
    font-weight: 400
}

.align-center,
.btn a,
.menu ul li a,
header .kontakt p {
    text-align: center
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}


a.pdf-link{background:url("../img/pdf.png") no-repeat center left;display:inline-block;padding:0 0 0 50px;line-height:50px;}
a.pdf-link strong{color:#2A416F;width:auto;padding:0 0 10px 0;line-height: 20px;}
a.pdf-link small{font-size:15px;font-style: italic; color:#000;display:block;}

.red {
    color: #ed1c24
}

.green {
    color: #00a91c
}
.bluecity{color:#0162c6;}
.pink {
    color: #e900a4
}

.orange {
    color: #FCBD2D
}

.blueveturilo {
    color: #2a416f
}

.blue,
.blue2,
a.blue2 {
    color: #01a2f3
}

a.blue {
    color: #004e82
}

@font-face {
    font-family: humanist;
    src: url(fonts/hu777_bold_italic_l2-webfont.woff2) format("woff2"), url(fonts/hu777_bold_italic_l2-webfont.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: humanist;
    src: url(fonts/hu777_bold_l2-webfont.woff2) format("woff2"), url(fonts/hu777_bold_l2-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: humanist;
    src: url(fonts/hu777_italic_l2-webfont.woff2) format("woff2"), url(fonts/hu777_italic_l2-webfont.woff) format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: humanist;
    src: url(fonts/hu777_l2-webfont.woff2) format("woff2"), url(fonts/hu777_l2-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon.eot?so02dz);
    src: url(fonts/icomoon.eot?so02dz#iefix) format("embedded-opentype"), url(fonts/icomoon.ttf?so02dz) format("truetype"), url(fonts/icomoon.woff?so02dz) format("woff"), url(fonts/icomoon.svg?so02dz#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoonInstagram;
    src: url(fonts/instagram/icomoon.eot?so02dz);
    src: url(fonts/instagram/icomoon.eot?so02dz#iefix) format("embedded-opentype"), url(fonts/instagram/icomoon.ttf?so02dz) format("truetype"), url(fonts/instagram/icomoon.woff?so02dz) format("woff"), url(fonts/instagram/icomoon.svg?so02dz#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#info p,
#mainNews .singleNews .date p,
.btn a span,
.clearCont .date p,
.langMenu ul li a,
.mainContact input,
.mainContact textarea,
body,
html {
    font-family: 'Roboto', sans-serif;
    color:#2a416f;
}

.btn a,
.menu ul li a {
    text-transform: uppercase
}

.icon-email:before {
    content: "\e900"
}

.icon-tel:before {
    content: "\e901"
}

.icon-dalej:before {
    content: "\e902"
}

.icon-minus:before {
    content: "\e903"
}

.icon-plus:before {
    content: "\e904"
}

.icon-szukaj:before {
    content: "\e905"
}

.icon-man:before {
    content: "\e906"
}

.icon-nextstep:before {
    content: "\e907"
}

.icon-yt:before {
    content: "\e908"
}

.icon-fb:before {
    content: "\e909"
}

.icon-tw:before {
    content: "\e90a"
}
.icon-instagram:before {
    font-family: icomoonInstagram;
    content: "\ea92";
}

@media screen and (min-width:304px) {
    * .hidden-xs-up,
    body .hidden-xs-up {
        display: none
    }
}

@media screen and (min-width:48em) {
    * .hidden-sm-up,
    body .hidden-sm-up {
        display: none
    }
}

@media screen and (min-width:64em) {
    * .hidden-md-up,
    body .hidden-md-up {
        display: none
    }
}

@media screen and (min-width:75em) {
    * .hidden-lg-up,
    body .hidden-lg-up {
        display: none
    }
}

@media screen and (max-width:47.9375em) {
    * .hidden-xs-down,
    body .hidden-xs-down {
        display: none
    }
}

@media screen and (max-width:63.9375em) {
    * .hidden-sm-down,
    body .hidden-sm-down {
        display: none
    }
}

@media screen and (max-width:74.9375em) {
    * .hidden-md-down,
    body .hidden-md-down {
        display: none
    }
}

@media screen and (max-width:88.6875em) {
    * .hidden-lg-down,
    body .hidden-lg-down {
        display: none
    }
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes fadeOutText {
    0%,
    80% {
        color: transparent
    }
    100% {
        color: #fff
    }
}

@keyframes fadeOutText {
    0%,
    80% {
        color: transparent
    }
    100% {
        color: #fff
    }
}

@-webkit-keyframes moveToRight {
    80% {
        -webkit-transform: translateX(250px)
    }
    81% {
        opacity: 1;
        -webkit-transform: translateX(250px)
    }
    82% {
        opacity: 0;
        -webkit-transform: translateX(250px)
    }
    83% {
        opacity: 0;
        -webkit-transform: translateX(-50px)
    }
    84% {
        opacity: 1;
        -webkit-transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes moveToRight {
    80% {
        -webkit-transform: translateX(250px);
        transform: translateX(250px)
    }
    81% {
        opacity: 1;
        -webkit-transform: translateX(250px);
        transform: translateX(250px)
    }
    82% {
        opacity: 0;
        -webkit-transform: translateX(250px);
        transform: translateX(250px)
    }
    83% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    84% {
        opacity: 1;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.burger {
    display: block;
    width: 58px;
    height: 58px;
    margin: auto 0;
    padding: 0 10px;
    cursor: pointer;
    float: right;
    z-index: 10;
    background: #2a416f;
    border-radius: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px
}

@media screen and (min-width:64em) {
    .burger {
        display: none
    }

}

.burger span,
.burger span:after,
.burger span:before {
    width: 20px;
    height: 3px;
    display: block;
    position: absolute
}

.burger span {
    margin: 0 auto;
    left: 0;
    right: 0;
    top: calc(50% - 1px);
    background-color: #2a416f;
    transition-property: background;
    transition-duration: .2s;
    transition-delay: .2s
}

.burger span:after,
.burger span:before {
    content: '';
    background-color: #ed1c24;
    -webkit-transition-property: margin, transform;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: .2s, 0s;
    -moz-transition-property: margin, transform;
    -moz-transition-duration: .2s;
    -moz-transition-delay: .2s, 0s;
    -ms-transition-property: margin, transform;
    -ms-transition-duration: .2s;
    -ms-transition-delay: .2s, 0s;
    -o-transition-property: margin, transform;
    -o-transition-duration: .2s;
    -o-transition-delay: .2s, 0s;
    transition-property: margin, -webkit-transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    transition-duration: .2s;
    transition-delay: .2s, 0s
}

#info:before,
#mapSection .slider:before {
    content: ""
}

.menu ul,
.menu ul li,
.menu.open,
.wrap,
body,
header,
html {
    height: auto
}

.burger.open span:after,
.burger.open span:before {
    transition-delay: 0s, .5s;
    margin-top: 0;
    background: #fff
}

.burger span:before {
    margin-top: -6px
}

.burger span:after {
    margin-top: 6px
}

.burger.open span {
    background: 0 0;
    transition-delay: 0s, .5s
}

.burger.open span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.burger.open span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sub .burger {
    top: 20px;
    bottom: auto;
    right: 10px
}
.menu-top-container{float:right;width:100%;}
.menu {
    background: #fff;
    margin-top: 0;
    width: auto;
    display: none;
    z-index: 1;
    padding:30px 0;
}

 ul.menu {
    float: right;
    margin: 0;
    padding:0;
    text-transform:uppercase;
}

ul.menu  li {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 60px
}

 ul.menu li a {
    font-size: 17px;
    line-height: 2.2;
    font-weight: 900;
    color: #2a416f;
    display: inline-block;
    width: 100%;
    color:#fff;
    padding:10px 20px;
}

.sub ul.menu li a{color:#2a416f;}
.sub ul.menu li a:hover, .sub ul.menu li.active{color:#ed1c24;}



 ul.menu li a:hover,  ul.menu li.active a{

    color: #ed1c24;

 }

.multisport{background:#fff;border-radius:10px 0 0 10px;padding:5px;float:right;display:block;z-index:2;}
.multisport img{width:20px;}
.citi-logo{display:inline-block;background:#0062c6;color:#fff;padding:2px 10px;}
.citi-logo img{vertical-align: middle;}
.citi-logo{line-height:27px;height:34px;text-transform:uppercase;}
.citi-logo:hover{color:#fff;}
body,
html,
p {
    font-weight: 400
}

.fileinput label{background:#fff !important; border:1px solid #ccc;color:#ccc !important;}

.singleNews .heading{padding-bottom:0;}
.menu ul li .active a,
.menu ul li:hover a {
    color: #ed1c24
}

.menu.open {
    max-width: 100%;
    width: 100%
}


.menu-mobile{
    background: #fff;
    margin-top: 0;
    position: absolute;
    width: auto;
    top: -12px;
    right: 0;
    left:0;
    wodth:100%;
    z-index: 2;
    padding:30px 0;
    text-align:center;
    display:none;

}

.menu-mobile a{
    font-size: 150%;
    display: block;
}
.menu-mobile ul {
    padding:20px 0;
    display:block !important;
    width:100% !important;
}

.menu-mobile ul li{
    display:block;
    width:100%;
    margin:0;
}
.menu-mobile ul li a{
    color: #ED1C24 !important;
    padding:10px;
}

.menu-mobile ul li a:hover{
    color: #2a416f !important;

}

.menu-mobile.open {
    display: block;
    max-width: 100%;
    width: 100%
}


.menu ul {
    float: right;
    width: 100%;
    margin: 20px 0 0
}

.menu ul li {
    display: block;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 60px
}

.menu ul li a {
    font-size: 17px;
    line-height: 2.2;
    font-weight: 900;
    color: #2a416f;
    display: inline-block;
    width: 100%;
    float: left
}

@media screen and (min-width:64em) {
    .menu,
    .menu ul,
    .menu ul li {
        width: auto
    }
    .menu {
        position: relative;
        display: block;
        top: auto;
        right: auto;
        background: 0 0
    }
    .menu ul li a {
        color: #fff;
        transition: color .5s
    }
    a.nextbike-promo {
	    background:#008ae1;
	    border-radius:10px;
	    padding:5px 10px;
        color:#fff;
        margin-right:10px;
        display:inline-block;
        vertical-align: middle;
        text-transform:uppercase;
    }
    .menu ul li+li {
        margin-left: 35px
    }
}

.sub .head {
    background: url(../img/bg-info.png) #f5f5f5;
}

.menu-bottom{font-size:16px;text-transform: uppercase;list-style: none;padding:0;margin:0;}
.menu-bottom li{display:inline-block;padding:0;margin:0;clear:none !important;}

.sub .menu ul li a {
    color: #2a416f;
    line-height: 1.3;
    padding:5px;
}

.sub .menu ul li .active a,
.sub .menu ul li:hover a,
a,
p span {
    color: #ed1c24
}

.sub .menu ul li.current-menu-item a {
    color: #ed1c24
}

@media screen and (min-width:64em) {


    .sub .menu ul {
        width: auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:75em) {
    .sub .menu ul li a {
        font-size: 15px
    }
}

body,
html {
    font-size: 16px;
    line-height: 27px;
    width: 100%
}

body.subpage {
    padding: 200px 0 0
}

#cookies-info {
    float: left;
    width: 100%;
    padding: 17px 10px 10px 10px;
    line-height:1.1;
    color: #2a416f;
    font-size: 70%;
    position: static;
    z-index:9999;
    bottom: 0;
    background: #e5e5e5;
}

#close-cookies{font-size:20px;float:right;margin-top: -10px;}

a,
p {
    font-size: 16px;
    line-height: 24px
}

.social-container {
    padding-bottom: 10px
}

.row {
    margin: 0
}

p {
    color: #2a416f
}

@media screen and (min-width:304px) {
    #how {
        padding: 0 20px
    }
    p {
        padding: 0
    }
}

@media screen and (min-width:64em) {
    p {
        padding: 0
    }
}

a {
    transition: color .5s
}

a:hover {
    color: #2a2a28
}

.wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (min-width:76em) {
    .wrap {
        width: 75em
    }
}

@media screen and (min-width:89.75em) {
    .wrap {
        width: 88.75em
    }
}

@media screen and (min-width:101em) {
    .wrap {
        width: 100em
    }
}

img {
    max-width: 100%
}

.align-center {
    width: 100%
}

.pad-left {
    padding-left: 30px
}

.pad-right {
    padding-right: 30px
}

footer,
header,
main {
    float: left;
    width: 100%
}

footer section,
header section,
main section {
    float: left;
    width: 100%;
    height: auto
}

.heading {
    display: block;
    float: left;
    width: 100%;
    padding-bottom:30px;
}

.btn,
.btn a,
.btn a span {
    display: inline-block
}

.heading h1,
.heading h2,
.heading h3 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 900;
    color: #004e82;
    display: inline-block;
    width: auto;
}

.heading h1 span,
.heading h2 span,
.heading h3 span {
    color: #ed1c24
}

@media screen and (min-width:64em) {
    .heading h1,
    .heading h2,
    .heading h3 {
        font-size: 80px
    }
}

.heading h2 {
    font-size: 20px
}

@media screen and (min-width:64em) {
    .heading h2 {
        font-size: 40px
    }
}

.heading h3 {
    font-size: 24px
}

@media screen and (min-width:64em) {
    .heading h3 {
        font-size: 24px
    }
}


a.app-store{line-height:18px;background:url(../img/app-store.png) no-repeat center #fff;display:inline-block;width:114px;height:35px;padding:0 0 0 35px;font-size:9px;color:#2a416f;text-align:left;}
a.app-store:hover{background-color:#ed1c24;}
a.google-play{line-height:18px;background:url(../img/google-play.png) no-repeat center #fff;display:inline-block;width:114px;height:35px;padding:0 0 0 32px;font-size:9px;color:#2a416f;text-align:left;}
a.google-play:hover{background-color:#ed1c24;}
a.microsoft{line-height:18px;background:url(../img/microsoft.png) no-repeat center #fff;display:inline-block;width:114px;height:35px;padding:0 0 0 40px;font-size:9px;color:#2a416f;text-align:left;}
a.microsoft:hover{background-color:#ed1c24;}
a.appgallery{line-height:18px;background:url(../img/appgallery.png) no-repeat center #fff;display:inline-block;width:114px;height:35px;padding:0 0 0 40px;font-size:9px;color:#2a416f;text-align:left;}
a.appgallery:hover{background-color:#ed1c24;}

.btn a {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 1.1;
    color: #fff;
    font-weight: 900;
    background: #999;
    background: linear-gradient(to bottom, #999 0, #7a7a7a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#7a7a7a', GradientType=0)
}

.btn a span {
    float: left;
    width: 100%;
    font-size: 15px;
    text-transform: none;
    font-weight: 400
}

.btn a:hover {
    background: #7a7a7a;
    background: linear-gradient(to bottom, #7a7a7a 0, #999 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#999999', GradientType=0)
}

.btn.white-red a {
    color: #fff;
    background: #ed1c24
}

.btn.white-red a:hover {
        color: #ed1c24;
    background: #fff

}

.btn.white-blue a {
    color: #fff;
    background: #2a416f
}

.btn.white-blue a:hover {
        color: #2a416f;
    background: #fff

}
.btn.white-blue a span {
    color: #ed1c24
}

.clearCont .station_list table{width:auto;float:none;margin:0 auto;}


.btn.white-red2 a {
    color: #fff;
    background: #ed1c24
}

.btn.white-blue2 a {
    color: #fff;
    background: #2a416f
}


header {
    width: 100%;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0
}

header .wrap {
    overflow: visible
}

header .logo {
    display: none
}

header .logoMob {
    display: block
}




@media screen and (max-width:64em) {
    .news-order-left{order:2;display:flex;}
    .news-order-right{order:1;display:flex;}
}


@media screen and (max-width:32em) {
.clearCont .station_list table{margin-right:30px;}
.clearCont .station_list table th{padding:5px;font-size:12px;line-height:15px;font-weight: strong}
.clearCont .station_list table td{padding:5px;font-size:12px;}

.clearCont .pricetable{margin-right:30px;font-size:12px;line-height:15px;}

}


@media screen and (min-width:64em) {



    .btn a {
        padding: 10px 25px
    }
    header .logo {
        display: block
    }
    header .logoMob {
        display: none
    }
}

header .logoMob a,
header .logoMob img {
    display: block;
    float: left
}

header .logo a {
    display: inline-block
}

header .logo img {
    display: block;
    float: left
}

header .kontakt {
    float: right;
    padding: 10px 5px;
    width: 100%
}

@media screen and (min-width:64em) {
    header .kontakt {
        display: block
    }
}

header .kontakt p,
header .kontakt p span {
    display: inline-block;
    color: #fff;
    vertical-align: middle
}

header .kontakt .btn {
    font-weight: 700
}

header .kontakt .btn a {
    font-size: 13px
}

header .kontakt img {
    vertical-align: middle
}

header .kontakt p {
    background: #c5ccd8;
    border-radius: 10px;
    padding: 8px 8px 8px 0;
    font-size: 16px;
    margin: 0 20px
}

@media screen and (min-width:304px) {
    header .kontakt p {
        color: #fff
    }
}

header .kontakt p a {
    color: #fff
}

header .kontakt p span {
    padding: 0 5px;
    font-size: 25px
}

@media screen and (min-width:48em) {
    header .kontakt {
        padding: 20px
    }
}

@media screen and (min-width:64em) {
    header .kontakt {
        background: 0 0;
        padding: 0
    }
    header .kontakt p {
        text-align: right;
        color: #004E82;
        text-shadow: 1px 1px #fff
    }
    header .kontakt p span {
        color: #004E82
    }
}

.sub .kontakt p {
    background: #c5ccd8
}

.sub header {
    position: relative;
    height: 200px;
    background: #fff
}

.sub header>.row,
.sub header>.row>.col {
    margin: 0;
    padding: 0
}

.sub header .head {
    background: #f5f5f5
}

.sub header .head .heading {
    padding: 30px 0
}

.sub header .head .heading h1 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 900;
    color: #fff;
    text-align: center
}

.sub header .head .heading * span {
    color: #ed1c24
}

.sub header .logo {
    display: none
}

.sub header .logo a {
    display: block;
    float: left
}

.sub header .logo img {
    width: 90px;
    height: auto;
    float: left
}

@media screen and (min-width:48em) {
    .sub header .head .heading {
        padding: 30px 0 30px 17%
    }
    .sub header .head .heading h1 {
        text-align: left
    }
    .sub header .head.big .heading h1 {
        font-size: 60px
    }
    .sub header .logo {
        position: relative;
        margin-bottom: -60px
    }
    .sub header .logo img {
        width: 140px
    }
}

@media screen and (min-width:64em) {
    .sub header .logo {
        display: inline-block
    }
}

.sub header .logoMob {
    display: inline-block;
    padding:0 20px;
}

.sub header .logoMob a {
    display: block;
    float: left
}

.sub header .logoMob img {
    width: 90px;
    height: auto;
    float: left
}

@media screen and (min-width:64em) {
    .sub header .logoMob {
        display: none
    }
}

.sub header .profil {
    display: inline-block;
    float: none;
    width: 100%;
    height: auto;
    overflow: hidden
}

#lang {
    position: fixed;
    top: 190px;
    right: 0;
    width: 34px;
    z-index:99999;
}

.langMenu {
    float: right;
    background: rgba(245,245,245,0.6);
    border-radius: 10px 0 0 10px;

}
.langMenu ul{margin:5px 0;padding:0;}

@media screen and (min-width:64em) {
    .sub header .profil {
        margin-top: 0;
        float: right;
        width: auto
    }
    .langMenu {
        visibility:visible;
        display: block
    }
}

.langMenu ul {
    padding: 5px 0;
    float: right
}

.langMenu ul li {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    clear: both
}

.langMenu ul li a {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 100;
    text-transform: uppercase;
    padding: 0 10px;
    color: #fff
}

.langMenu ul li.active a,
.langMenu ul li:hover a {
    font-weight: 700
}

.langMenu--mob {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    background: 0 0
}

.langMenu--mob ul {
    display: inline-block;
    float: none;
    padding: 10px 0
}

.langMenu--mob ul li {
    width: auto;
    clear: none
}

.langMenu--mob ul li a {
    font-size: 18px;
    line-height: 2.2;
    color: #2a416f
}

@media screen and (min-width:64em) {
    .langMenu--mob {
        visibility: hidden;
    }
}

#mainSlide {
    padding: 165px 0 30px;
    background: url(../img/banner.jpg) top center no-repeat;
    background-size: cover
}

#mainSlide .apps {
    padding: 50px 0 0
}

@media screen and (min-width:48em) {
    #mainSlide {
        background: url(../img/banner.jpg) top left no-repeat;
        background-size: cover;
        min-height: calc(100vh - 242px);
        padding-top: 165px
    }
}

@media screen and (min-width:304px) {
    #mainSlide {
        padding-top: 140px
    }
}

#mainSlide .wrap>.row {
    min-height: calc(60vh)
}

#mainSlide .heading {
    width: auto;
    margin: 0 auto 5%;
    float: none;
    text-align: center;
    display: block
}

#mainSlide .heading h1 {
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 10px;
    line-height: 1;
    text-transform: none
}

#mainSlide .heading h1 span {
    color: #fff;
    display: inline-block;
    width: auto;
    line-height: 40px;
    padding: 10px 0 0
}

#mainSlide .heading h1 span:first-of-type {
    display: block
}

@media screen and (min-width:64em) {
    #mainSlide .heading {
        margin: 30px auto auto auto;
        text-align: left;
        display: inline-block
    }
    #mainSlide .heading h1 {
        text-align: center;
        display: inline-block;
        padding: 0
    }
    #mainSlide .heading h1 span {
        padding: 10px 0;
        line-height: 60px
    }
    #mainSlide .heading h1 span:first-of-type {
        padding-top: 25px
    }
}

#mainSlide .btn {
    display: inline-block;
    width: 100%;
    margin: 10px 0
}

#mainSlide .btn a {
    font-size: 22px;
    width: 65%;
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:48em) {
    #mainSlide .btn a {
        width: 50%
    }
}

@media screen and (min-width:64em) {
    #mainSlide .btn {
        padding: 20px 50px;
        width: auto
    }
    #mainSlide .btn a {
        width: auto
    }
    #mainSlide .btn+.btn {
        margin: 10px
    }
}

#mainSlide .how {
    margin: 10px 0;
    position: relative
}

#mainSlide .how .col {
    margin: 20px 0;
    padding: 0 10px
}

@media screen and (min-width:64em) {
    #mainSlide .how .col {
        margin: 0
    }
}

#mainSlide .how .heading {
    display: block;
    margin: 0
}

#mainSlide .how .heading h3 {
    display: block;
    text-align: center;
    color: #fff
}

#mainSlide .how .icon {
    margin-bottom: 20px
}

#mainSlide .how .icon img {
    width: 50%;
    height: auto;
    margin: 0 auto
}

#mainSlide .how .row .next {
    display: none
}

@media screen and (min-width:48em) {
    #mainSlide .how .row .next {
        font-size: 70px;
        display: block
    }
}

#mainSlide .how .arrow {
    display: none
}

@media screen and (min-width:64em) {
    #mainSlide .how .icon img {
        width: auto;
        height: 100px
    }
    #mainSlide .how .arrow {
        display: block
    }
    #info .row {
        min-height: 30vh
    }
}

#mainSlide .how .icon-next {
    font-size: 30px;
    line-height: 1.42;
    color: #fff
}

#info p strong,
#mainSlide .how .sldNav:hover {
    color: #ed1c24
}

@media screen and (min-width:48em) {
    #mainSlide .how .icon-next {
        font-size: 70px
    }
    #mainSlide .how .sldNav {
        display: none
    }
}

#mainSlide .how .sldNav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
    font-size: 60px;
    line-height: 1;
    height: 60px;
    margin: auto 0;
    cursor: pointer;
    z-index: 9
}

#mainSlide .how .sldNav.next {
    right: 10px
}

#mainSlide .how .sldNav.prev {
    left: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#info {
    position: relative;
    padding: 60px 0;
    background: url(../img/bg-info.png)
}

#info:before {
    display: block;
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fe9f02;
    background: linear-gradient(to bottom, #fe9f02 60%, #c33 60%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe9f02', endColorstr='#cc3333', GradientType=0)
}

#info p {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 0;
    color: #2a416f;
    text-align: center
}

#mapSection .icon1,
#mapSection .icon2,
#mapSection .icon3,
#mapSection .icon4,
#mapSection .icon4-empty {
    width: 32px;
    height: 39px;
    line-height: 34px;
    text-align: center;
    color: #fff
}

#mapSection {
    text-align: center;
    padding: 60px 0 0
}

#mapSection .icon1 {
    background: url(../img/icon1.png) top center no-repeat;
    font-size: 13px
}

#mapSection .icon2 {
    background: url(../img/icon2.png) top center no-repeat
}

#mapSection .icon3 {
    background: url(../img/icon3.png) top center no-repeat
}

#mapSection .icon4 {
    background: url(../img/icon4.png) top center no-repeat
}

#mapSection .icon4-empty {
    background: url(../img/icon4-empty.png) top center no-repeat
}

#mapSection h2 {
    font-size: 48px;
    color: #2a416f;
    line-height: 1.2;
    padding-bottom: 30px;
}

#mapSection #map {
    width: 100%;
    min-height: 815px
}

@media screen and (min-width:304px) {
    #mapSection #map {
        min-height: 300px
    }
}

#mapSection .form-container {
    padding: 0 0 20px
}

#mapSection form {
    width: 100%;
    display: block
}

#mapSection .filters input[type=radio] {
    display: none
}

#mapSection .filters input[type=radio]+label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -1px 4px 0 10px;
    vertical-align: middle;
    background: url(../img/bg-radio.png) -24px top no-repeat;
    cursor: pointer
}

#mapSection .filters input[type=radio]:checked+label span {
    background: url(../img/bg-radio.png) left top no-repeat
}
#mapSection .filters label {
    font-size: 15px;
}
.iframe #mapSection .filters label {
    font-size: 13px;
}

#mapSection .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 21px;
    margin: 0;
    vertical-align: middle
}

#mapSection .switch input {
    display: none;
    box-shadow: none
}

#mapSection .switch input:checked+.slider {
    background-color: #999
}

#mapSection .switch input:focus+.slider {
    box-shadow: 0
}

#mapSection .switch input:checked+.slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px)
}

#mapSection .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2a416f;
    transition: .4s
}

#mapSection .slider:before {
    position: absolute;
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .4s
}

#mainNews .singleNews img:before,
#mainNews:after {
    width: 15px;
    content: "";
    display: block;
    top: 0
}

.clearCont .submenu ul li a,
footer .footMenu ul li a,
footer .social a {
    transition: color .5s;
    text-decoration: none
}

#mapSection .slider.round {
    border-radius: 34px
}

#mapSection .slider.round:before {
    border-radius: 100%
}

#mapSection .show-position span {
    font-size: 40px;
    vertical-align: middle
}

#mainNews {
    position: relative;
    padding: 20px 0
}

#mainNews:after {
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #c33;
    background: linear-gradient(to bottom, #c33 60%, #01a2f3 60%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc3333', endColorstr='#01a2f3', GradientType=0)
}

#mainNews .singleNews {
    color: #2a416f;
    margin-bottom: 30px
}

@media screen and (min-width:48em) {
    #mainNews {
        padding: 45px 0
    }
}

#mainNews .singleNews img {
    position: relative
}

#mainNews .singleNews img:before {
    height: 70%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #c33;
    background: linear-gradient(to bottom, #c33 60%, #fe9f02 60%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc3333', endColorstr='#fe9f02', GradientType=0)
}

@media screen and (min-width:64em) {
    #mapSection #map {
        min-height: 815px
    }
    #mainNews {
        padding: 90px 0
    }
    #mainNews .singleNews {
        margin-bottom: 80px
    }
    #mainNews .singleNews .col {
        padding: 0 2em
    }
}

#mainNews .singleNews .img a {
    display: block;
    text-decoration: none
}

#mainNews .singleNews .img img {
    margin: 0 auto;
    max-width: 100%;
    display: block
}

@media screen and (min-width:64em) {
    #mainNews .singleNews .img img {
        float: left;
        max-height: 100%;
        width: 100%
    }
}

#mainNews .singleNews .date p {
    font-size: 14px;
    line-height: 2;
    color: #2a416f;
    margin: 0
}

#mainNews .singleNews .heading {
    margin-bottom: 30px
}

#mainNews .singleNews .heading h2 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: #2a416f
}

.mainContact {
    position: relative;
    padding: 60px 0;
    background: url(../img/bg-info.png);
    color: #2a416f
}

.mainContact .apps2 {
    text-align: left;
    padding: 50px 0 0
}

.mainContact .apps2 a {
    float: left
}

.mainContact .bigicon {
    font-size: 60px;
    margin: 0 10px 20px 0
}

.mainContact h2 {
    font-size: 48px;
    line-height: 1.5;
    padding: 0 0 40px;
    color: #2a416f
}

.mainContact a {
    color: #2a416f;
    text-decoration: none;
    font-size: 24px;
    display: block;
    padding-bottom: 5px
}

.mainContact:before {
    display: block;
    content: "";
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fe9f02;
    background: linear-gradient(to bottom, #fe9f02 60%, #c33 60%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe9f02', endColorstr='#cc3333', GradientType=0)
}

.mainContact input,
.mainContact textarea {
    margin-bottom: 20px;
    display: block;
    background: #fff;
    border: 0;
    border-left: 1px solid #2a416f;
    border-top: 1px solid #2a416f;
    color: #000;
    width: 100%;
    font-size: 15px;
    padding: 23px 18px
}

.mainContact textarea {
    height: 180px
}

.clearCont .img,
.clearCont .submenu,
.clearCont .text,
.clearCont ul,
.clearCont ul li {
    height: auto;
    clear: both
}

.mainContact input[type=submit] {
    width: auto;
    float: right;
    border: 0;
    color: #004e82;
    background: url(../img/dalej.svg) right no-repeat;
    cursor: pointer;
    padding-right:30px;
}

.clearCont {
    background: #fff
}

.clearCont .wrap {
    padding: 60px 0
}

.clearCont .date {
    margin-bottom: 10px
}

.clearCont .date p {
    font-size: 14px;
    line-height: 1.1;
    color: #999;
    font-weight: 400;
    margin: 0
}

.clearCont .heading {
    float: none;
    clear: both;

}

.clearCont .text {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0 2em 2.5em 2em
}

.clearCont .img {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
    float: none
}

.clearCont .img a {
    display: block;
    text-decoration: none
}

.clearCont .img img {
    margin: 0 auto;
    max-width: 100%;
    width:100%;
    display: block
}

.clearCont p {
    margin-bottom: 30px
}

.clearCont p:last-of-type {
    margin: 0
}

.clearCont ul {
    float: left;
    width: 100%;
    overflow: hidden;
    list-style: disc;
    padding: 0 0 30px 30px;
}

.clearCont ul li {
    float: left;
    width: 100%;

}

.clearCont .submenu {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin-bottom: 30px;
    color: #2a416f
}

.clearCont .submenu ul {
    list-style: none;
    padding: 20px
}

.clearCont .submenu ul li {
    margin-bottom: 15px
}

.clearCont .submenu ul li a {
    font-size: 17px;
    line-height: 1.2;
    color: #2a416f;
    display: block;
    text-align: center
}

.clearCont .submenu ul li a:hover,.clearCont .submenu ul li.active a {
    color: #ed1c24
}

@media screen and (min-width:48em) {
    .clearCont .submenu {
        padding-right: 50px
    }
    .clearCont .submenu ul {
        padding: 20px 30px
    }
    .clearCont .submenu ul li a {
        text-align: left
    }
}

.clearCont #map {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 75vh
}

.clearCont table {
    float: left;
    width: 100%;
    border-spacing: 2px;
    border-collapse: separate;
    margin: 0 10px 30px 0
}



@media screen and (min-width:64em) {
    .clearCont .img img {
        float: left;
        max-height: 100%;
        width: 100%
    }
    .clearCont table.full {
        max-width: 80%
    }
    .clearCont table.half {
        max-width: 40%
    }
}

.clearCont table tr td{
    vertical-align: middle;
    padding: 15px;
    background: #efefef
}

.clearCont table tr th {
    vertical-align: middle;
    padding: 15px;
    font-weight:bold;
}

.how,
footer {
    background: #fff
}

.clearCont table tr td:last-of-type {
    width: 30%;
    text-align: center
}

.clearCont table tr td b {
    font-weight: 900;
    font-size: 30px
}

.clearCont h1 {
    margin-top: 30px;
    font-size: 48px;
    color: #2a416f;
    font-weight: 100;
    text-transform: none
}

.clearCont h2,
.clearCont h3 {
    color: #2a416f;
    font-weight: 400;
    margin-bottom:30px;
}


.faq{}

.faq ul{list-style: none;padding:0;margin:0;}

.pricetable{font-size:16px;}

.pricetable strong{color:#2a416f !important;}


.clearCont b,
.clearCont strong {
    font-weight: 700
}

.clearCont em,
.clearCont i {
    font-style: italic
}

.how {
    width: 100%;
    clear: both;
    padding: 0px 0 30px;
    font-size: 24px;
    color: #2a416f
}

.terms{text-align: justify}
.terms .align-center strong{font-size:150%;padding:0 0 10px 0;display:inline-block;}

.how .icon {
    font-size: 90px;
    padding: 10px
}

.how .heading {
    margin-bottom: 0
}

.how .col {

}

.how h3 {
    color: #2a416f;
    font-weight: 400;
    margin-bottom:0;
}

.weather .wHead h3,
.weather .wTemp h2 {
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif
}

#qa {
    background: #efefef
}

#qa .text ul li a {
    color: #2a2a28;
    text-decoration: none
}

#qa .text ul li a:hover {
    color: #ed1c24
}

.weather .col {
    padding: 30px 0
}

.weather .wHead h3 {
    font-size: 24px;
    color: #000
}

.weather .wDesc p {
    color: #000
}

.weather .icon {
    font-size: 50px;
    color: #999
}

.weather .wTemp h2,
.weather .wTemp h2 span {
    font-size: 34px;
    color: #000
}

@media screen and (min-width:48em) {
    .how .col {
        margin-bottom: 30px
    }
    .weather .wToday {
        margin: 0 1px
    }
}

.weather .wToday .icon {
    font-size: 150px
}

.weather .wToday .wTemp h2,
.weather .wToday .wTemp h2 span {
    font-size: 68px
}

footer {
    padding: 30px 10px;
    color: #2a416f
}

footer .wrap {
    padding: 30px
}

footer .social {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center
}

footer .social a {
    color: #2a416f;
    padding: 5px;
    font-size: 30px;
    display: inline-block;
    float: none
}

footer .copy p,
footer .footMenu ul li a {
    display: block;
    text-align: center
}

footer .social a:hover {
    color: #ed1c24
}

@media screen and (min-width:64em) {
    .weather .wToday {
        margin: 0
    }
    footer .social {
        width: auto
    }
    footer .social a {
        float: left
    }
}

footer .footMenu ul li {
    float: left;
    width: 100%
}

footer .footMenu ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #2a416f
}

footer .footMenu ul li a:hover {
    color: #ed1c24
}

footer .copy a,
footer .copy p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #2a416f
}

footer .copy a {
    margin: 0 10px;
    text-decoration: none
}

footer .copy a:hover {
    color: #ed1c24
}

footer .app {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

@media screen and (min-width:64em) {
    footer .footMenu ul li {
        width: auto;
        margin: 0 10px
    }
    footer .copy p {
        margin: 0 10px;
        text-align: left
    }
    footer .app {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

footer .app p {
    color: #fff;
    text-align: left;
    float: left;
    margin: 2px 20px 2px 2px;
    font-size: 18px;
    line-height: 19px;
    position: relative;
    padding: 20px 0 20px 50px
}

footer .app p span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 36px;
    height: 57px;
    background: url(../img/appIcon.png) center no-repeat;
    background-size: contain
}

footer .app a {
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: 14px
}

footer .app a img {
    display: inline-block;
    width: auto;
    float: left;
    clear: both;
    border: 6px solid #000;
    border-radius: 5px
}

footer .app a img.qr {
    background: #fff;
    width: 109px;
    height: 109px
}

.fb-close,
.fb-widget {
    display: block;
    height: 62px
}

.fb-widget {
    background: url(../img/fb-ver.png) left bottom no-repeat!important;
    float: right;
    padding: 0 0 0 43px;
    z-index:999999999;
    right: -307px;
    position: relative;
}

.fb-close {
    width: 44px;
    position: absolute;
    left: 0;
    top: 0;

}

.fb-widget.open {

}

.fb-widget.close {
    right: -307px;
    position: relative;

}

.fb-widget iframe {
    background: #fff
}

.payment-methods {
    width: 100%
}

@media screen and (min-width:304px) {
    .payment-methods {
        text-align: center
    }
    	.kontakt{display:none;}
}

@media screen and (min-width:64em) {
    .payment-methods {
        text-align: left
    }
}


.mainContact input[type="submit"]{border:1px solid #ccc;color:#333;background:#fff;padding:10px 30px;cursor: pointer}
.mainContact input[type="submit"]:hover{background:#333;color:#fff;}
#info .electric .content-faq p {text-align: left;}
#info .electric li a {color: #0dae62; }
a.nextbike-promo.el {background: #0dae62;}
.pagin li {display: inline-block; float: left; width: 25px; height: 25px;}
.pagin {width: 150px;margin: 0 auto;}
.pagin li a {color: #000;}
.pagin li.active a {color: #ed1c24}
#info .qSingle p{text-align: left;font-size: 16px;line-height: 24px;}
#info .qSingle a{font-size: 16px;}