@font-face {
    font-family: 'SkodaSans';
    src: url('/fonts/SkodaSansRg.ttf')  format('truetype');
}
@font-face {
    font-family: 'SkodaSansBlack';
    src: url('/fonts/SkodaSansBd.ttf')  format('truetype');
}


::-webkit-input-placeholder {
    text-transform: uppercase;
}
::-moz-placeholder {
    text-transform: uppercase;
}
:-ms-input-placeholder {
    text-transform: uppercase;
}
:-moz-placeholder {
    text-transform: uppercase;
}

.partner{ width: 160px;}
.nmnp{ padding: 0px; margin: 0px;}
body {
    font-family: 'SkodaSans';
}
h2 {
    font-weight: 700; letter-spacing: 2px;
}
.refresh_captcha{ position: absolute; top:10px; left:150px; cursor: pointer;}
table.cennik{ width: 100% !important;}
/*table.cennik thead{ background: #f0f0f0; min-height: 110px; margin-bottom: 20px;}*/
table.cennik tbody{display: block; padding-top: 20px;}
/*table.cennik tbody .btn{ float: right; width: 70px;}*/
#cennik-search-word{ margin-bottom: 40px; background: #ffa; }
.wide-side-padding {
    padding-left: 3%; padding-right: 3%;
}
.wide-vertical-padding {
    padding-top: 2%; padding-bottom: 2%;
}
a {color: red;}
.borderless td, .borderless th {
    border: none !important;
}
.fs25{ font-size: 25px;}
.fs-pager-wrapper{display: none;}
.mt60{ margin-top: 60px;}
.mt40{ margin-top: 40px;}
.mt20{ margin-top: 20px;}

.galleryOpen, .galleryNews{ width: 100%; background: red; color:#fff; padding: 10px; margin-bottom: 5px; cursor: pointer;}
.galeria img{ width: 280px; height: 190px; overflow: hidden; float: left; margin-left: 5px; margin-bottom: 5px;}
.invalid{color:red !important; border:1px solid red; }
.moto-dropdown{position:relative}
.moto-dropdown-content{display:none;position:absolute;background-color:#f9f9f9;width:250px;box-shadow:0 0px 16px 0 rgba(0,0,0,0.3);font-weight:normal;transition: all 0.5s ease;
    z-index: 20000;}
li.moto-dropdown:last-child .moto-dropdown-content{right:10px;width:300px}
li.moto-dropdown:nth-last-child(2) .moto-dropdown-content{right:-20px;width:250px}
/*li.moto-dropdown:hover .moto-dropdown-content{display:block;z-index:10000;} */
div.moto-dropdown-content a{color:black !important;padding:15px;display:block;text-transform:uppercase;font-size:12px}
div.moto-dropdown-content a:hover{color:#fff !important;text-decoration:none;background-color:red}

.mt20{ margin-top: 20px;}
.no-padding { padding: 0px; }
.no-margin { margin: 0px; }
.img-responsive { width: 100%; }
.row{ display: block; width: 100%; margin-left: 0px; margin-right: 0px;}
.h{ display: none;}
.navbar-brand{ display: none;}
.container{padding: 0;}
.container-fluid{ padding: 0px;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    padding: 0px;
}
.navbar-header .navbar-toggle {
    margin-top: 50px; right: -20px;
}
.navbar{ float: right;}
.navbar-default, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none !important;

}
.navbar-nav{ padding: 0 !important; margin: 0 !important;}
.navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
    margin: 0;
    padding: 0;
}
.galeria img{ width: 250px; max-height: 200px; overflow: hidden; float: left;}

.navbar-nav li{ padding: 0px 5px; font-weight: 600; font-size: 13px;}
.navbar-nav li a{ line-height: 0.5; text-transform: uppercase; color:#000;}
.navbar-nav li.active a.main, .navbar-nav li:hover a.main {color:red !important;}
.nav{ overflow: hidden;}
.navbar-nav .triangle-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid red;
    position: absolute;
    top:30px;
    left:45%;
    display: none;
}
.navbar-nav li:hover .triangle-down, .navbar-nav li.active .triangle-down{ display: block;  }

#navbar .red_line{border: none; border-top: 1px solid red; margin-top: 30px;}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

#gmap{ cursor: pointer;width: 100% !important;min-height: 350px !important;max-height: 400px !important;}
#gmap .j-sign{min-height: 25px;padding:10px;background: #fff;width: 150px; margin: -30px 0 0 76px;-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.15);-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.15); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.15);}
#gmap .j-sign p{line-height: 15px;font-weight: bold;}
.karty_platnicze{ text-align: center;}
.karty_platnicze img{ margin-right: 2%;}
.karty_platnicze img:last-child{ margin-right: 0%;}

.table{ border: none !important;}

input[type='button']{outline: none; border:1px solid #000; font-size: 12px; width: 170px; display: inline-block; padding: 7px 5px 7px 5px; margin-left: 5px;}
.oferty-linki { margin-top: 20px;}
.oferty-linki a.btn_moto { margin-top: 20px; }

.price-list { margin: 15px 0 }
.price-list p { font-size: 1.4em; padding: 2px; }
.price-list p:hover { background: #ffb; }
.price-list .price-amount { float: right; color: red; margin-left: 15px; }
.price-list p.price-highlight { color: red; font-weight: bolder; }


#navbar a.main:hover {background: none !important;}

.paddingTopBottom {padding: 20px 0 20px 0;}

header{ width: 100%; position: relative; height: 115px;}
header .logo{ float: left; padding: 0; margin: 11px 0 20px 10px; z-index: 999; width: 90px; }
header .logo_info{ float: left; margin-top: 47px; margin-left: 18px;}
header .logo_info h5 {padding: 0; margin: 0; color: red; font-weight: 900; font-size: 19px;}
header .logo_info h4 {padding: 0; margin-top: 4px; font-size: 35px; font-weight: bolder; letter-spacing: 1px; font-family: 'SkodaSansBlack'}
header .logo_text { font-size: 20px; }
header .logo_text div { position: absolute; top: 40px; width: 290px; height: 40px; }
header .logo_text div strong { color:red; }
header .logo_text div p strong { color:black; }

header .social{ list-style: none; float: right; margin-right: 10px; margin-top: 55px;}
header .social li {float: left; padding-left: 10px; margin: 0;}
header .social li a { color: #d0d2cf;}

footer{ clear: both; float: left; width: 100%; margin-top: 40px;}
footer header {height: 90px;}
footer table { width: 100%;}
footer table tr td{ padding:5px 0px;}
footer img.telephone {margin-right: -50px;}
footer .bg_gray{ background: #e7ecef; height: 400px; padding: 50px; font-size: 17px; }
footer .bg_red{ background: #fe0000; height: 470px; padding: 50px; font-size: 17px; color:#fff; }
footer .bg_green{ background: #009900; height: 470px; padding: 50px; font-size: 17px; color:#fff; }
footer .bg_darkred{ background: #DA0A08; height: 470px; padding: 50px; font-size: 17px; color:#fff; }
footer .bg_moto{ background: white; height: 470px; font-size: 17px; color: black; }
footer .bg_moto .title {color: #DA0A08;}
footer .bg_moto .content {padding: 25px;}
footer .bg_moto .content img {margin-top: -40px;}
footer .bg_moto .content .logo_info {margin-top: -10px;}
footer .bg_dark{ background: #444; height: 500px; padding: 50px; font-size: 17px; color:#ccc; }
footer h4 { padding-bottom: 20px; font-size: 20px;}
footer .h-inline { height: 385px !important;}
footer .nopadding .p50 { font-size: 18px; font-weight: 400;}
footer .arrow-left { position: absolute; right:0px; top:50px;}

footer .footer-header {background-color: #DA0A08; color: white; font-size: 35px; font-weight: bold !important; padding: 25px 50px;}
footer .footer-header .col-md-4, footer .footer-header .col-md-8 {padding: 0 !important;}

.navbar-collapse.collapse {z-index: 11000;}
.main_menu {position: absolute; color: black; top: 85px; right: 0;}
.main_menu a { font-size: 15px !important;}

.row-spacing { /*line-height: 2; */}

td.info { width: 80%; }

.smaller-font {font-size: 19px; line-height: 1.5;}
.smaller-font2 {font-size: 13px !important; line-height: 1.5;}
.bg_car{ background: url('/img/dolny-baner.png') no-repeat; }
.trojkat_l{
    background: url('/img/trojkat_l.png') no-repeat;
    background-position: left;
}
.trojkat_p{
    background: url('/img/trojkat.png') no-repeat;
    background-position: right;
    height: 312px;
}

table.slideUp img {width:290px;}
table.slideUp { margin: 0 auto; }

.kurtyna_box {position: relative; height: 290px; overflow: hidden;}
.kurtyna_box:hover .kurtyna {top: 0;}
.kurtyna {position: absolute; top: 290px; font-size: 17px;
    background: rgba(255,0,0,.8); color: white;
    width: 290px; height: 290px;
    padding: 20px 30px; z-index: 1; transition: all 0.5s ease;}
.kurtyna h2 {font-weight: bold; font-size: 28px; margin-bottom: 20px;}
.kurtyna .btn_moto {border: 1px solid white; color: white; outline: none; margin: 0 auto; text-align: center; width: 100%;}

.kurtyna_box img { height:100%; }

.btn_moto {font-size: 12px; width: 170px; display: inline-block; padding: 7px 5px 7px 5px; 
    letter-spacing: 1px;
    margin-right: 20px;
    outline: 1px solid #000; color:#000; text-transform: uppercase; text-align: center; }
.btn_moto:hover, .btn_moto.active{ background: red; color:#fff; text-decoration: none; outline-color: red;}

.font_h1{ font-size: 40px; width: 100%; line-height: 1.2; font-weight: 300;}
.font_h2{ font-size: 37px; width: 100%; line-height: 1.2; font-weight: bolder;}
.font_h3{ font-size: 26px; width: 100%; /*line-height: 2.1;*/ font-weight: 300;}

.letter-spacing2 { letter-spacing: 2px; }
.letter-spacing1 { letter-spacing: 0px; }
.short-info {font-size: 18px; padding: 20px 50px 20px 50px;}
.marginTop50 {margin-top: 50px;}

.color-red { color: red; }
.czer{color:red;}
.ziel{color:green;}

table td { vertical-align: top;}
/*table tr { padding: 1000px;} */
iframe{ width: 100%; height: 350px; border: 0;}



.margin-top-20 { margin-top: 20px; }
.margin-top-50 { margin-top: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }

.owl-carousel .image {
    height: 190px;
    position: relative;
    overflow: hidden;
}

.owl-carousel {
    margin-top: 60px;
}
.owl-carousel img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 285px;
}
.lightbox {
    background: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;
}
.lightbox img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.pracownik .photo{ width: 300px;}
.pracownik .content{ width: 74%; padding: 0px 20px;}
.pracownik h2, .pracownik h3{ margin: 0px; padding: 0px; line-height: 1.5;}
.pracownik h2 { margin-top: 20px;}
.pracownik h3 { margin-bottom: 20px; font-size: 16px; width: 100%;}
.separator-list { list-style: none; margin-bottom: 25px; padding:0px;}
.separator-list li + li::before { content: " | "; margin: 0px 10px;}

.advice-area {
    height: 640px;
}
.advice-content {
    position: absolute; top: 100px;
    max-height: 520px; margin-right: 10px; overflow: auto;
    padding: 10px 10px 10px 0px;
}

.back-top{
    display: none;
    position: fixed;
    bottom: 0;
    line-height: 2;
    right: 0;
    width: 40px;
    background: #FE0000;
    height: 40px;
}
.back-top span{color:#fff; font-size: 30px; padding: 0px 10px; position: absolute; top:0px;}
.back-top:hover, .back-top:focus, .back-top:active{
    color: #fff;
}
.back-top:hover{
    -ms-transition: all 100ms ease-in-out 0s ;
    -moz-transition: all 100ms ease-in-out 0s ;
    -webkit-transition: all 100ms ease-in-out 0s ;
    -o-transition: all 100ms ease-in-out 0s ;
    transition: all 100ms ease-in-out 0s ;
    background: #333;
}
.arrow-left {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right:20px solid #fff;
}

.form-control{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-color:#77838F;
    margin-left: 5px;
}
.line1{ font-size: 25px; width: 350px;}
.tabela-oferty { border-collapse: collapse;}
.tabela-oferty td{ display: inline-block; vertical-align: top;
    padding: 3px 0px; margin: 0px;}
.tabela-oferty tr:hover {
    background: #ffa;
}
.highlight{ background: yellow; color:red;}

.winiety ul {
    margin: 10px 0px;
    padding: 20px;
}
.winiety ul li {
    width: 90%;
    margin: 6px 0px;
}
.winiety ul li:hover {
    background: #fee;
}
.winiety ul li strong {
    color: red;
    position: absolute;
    right: 10px;
    font-size: 1.1em;
}

/* formularze */
.zoom-form-preview {
    margin: 0px;
    padding: 0px;
}
.zoom-form-preview li img {
    float: left; margin: -5px 10px 0px 0px;
}
.zoom-form-preview li {
    margin: 4px;
    height: 50px;
    list-style: none;
    padding: 10px 0px 5px 0px;
    cursor: pointer;
}
.zoom-form-preview li:hover {
    background: #fee;
}
.avatar-wrapper { display: none; }
.avatar { position: fixed; bottom: 38px !important; right: 60px; width: 130px; height: 350px;
    background: url(/img/pracownicy/moto360_avatar.svg) right bottom no-repeat; background-size: contain;
    cursor: pointer; z-index: 99000; display: none;
}
.avatar.move-up {
   bottom: 398px !important;
}
.how-can-i-help-you {
    position: fixed; bottom: 380px; right: 40px; width: 170px; height: 50px; z-index: 99000;
    text-align: center; font-size: 17px; display: none;
}
.how-can-i-help-you.move-up {
   bottom: 750px !important;
}

.multi-column-text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

#chat-app {
   z-index: 9999;
}

/** MEDIA **/


@media screen and (max-width: 420px) {
    .logo_info { display: none;}
    .mt40 { margin-top: 10px; }
    #chat-app {display: none;}
}
@media screen and (max-width: 620px) {
    .multi-column-text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;

        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media screen and (max-width:960px){
    .pracownik .photo{ width: 250px !important;}
    .pracownik .content{ width: 450px; margin-left: -160px;}
    .worker_slider{ height: 600px; }
    td.info { width: 65%; }
}
@media screen and (max-width:767px){

    .mt40 { margin-top: 20px; }
    td.info { width: 85%; }

    div.oferty-linki {margin: 0; padding:0;}
    a.btn_moto {width: 45%; margin-top: 10px;}

    .font_h1{ font-size: 30px; width: 100%; letter-spacing: 0;}
    .font_h2{ font-size: 40px; width: 100%; letter-spacing: 0;}
    .font_h3{ font-size: 16px; width: 100%; letter-spacing: 0;}
    .mobile_p50{ padding: 50px;}

    .p50 {text-align: justify;}

    nav{ width: 100%; height: 30px;}
    .container-fluid{ width: 100%; outline:1px solid #ccc; margin-top: 20px;}
    #navbar{ position: absolute; width: 100%; background: #fff; top:110px; z-index: 99999; min-height: 350px; overflow: auto; border:1px solid #ccc; border-top:none;}
    #navbar .nav li a { line-height: 1.8;}
    .navbar-brand { display: block; padding-left: 30px;}
    .navbar-toggle { margin-right: 30px;}
    .moto-dropdown-content{ left:35%; top:0; background-color:#f0f0f0; box-shadow:none !important;}
    .moto-dropdown-content a{padding:5px !important;}
    .moto-dropdown.more-up .moto-dropdown-content { top: -100px; }

    .red_line, .triangle-down{display: none !important;}

}
@media screen and (max-width:1200px) {
    .font_h2 {font-size: 30px;}
}

@media screen and (min-width:960px) and (max-width:1025px){
    .slideUp .c2, .slideUp .c4 { display: none; }
}
@media screen and (min-width:1280px) {
    .avatar-wrapper { display: block; }
    .multi-column-text {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;

        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}
.chess { width: 100%; height: 40px; background: url('/img/items/chess.png') center center repeat-x; background-size: contain; }
.upper-chess-line { position: relative; height: 7px; width:100%; transition: 0.3s ease; }
.top-menu-bar { transition: 0.3s ease; }
#navbar .fa { font: normal normal normal 15px/0.5 FontAwesome;}

/* male dokowane menu */
.low-scroll .upper-chess-line { margin-top: -40px; }
.low-scroll .div-socials { display: none; }
.low-scroll .logo_info { display: none; }
.low-scroll header .logo { margin-top: -126px; width: 125px; }
.low-scroll .logo-container { height: 30px; width:140px; overflow: hidden; margin-top: 10px; }
.low-scroll .top-menu-bar { position: fixed; top: 0; left:0; background: white; z-index: 9998; width: 100%; height: 45px; }
.low-scroll #navbar { margin-top: 15px !important; top: 0 !important;}
.low-scroll .moto-dropdown.more-up .moto-dropdown-content {  }
/* - */

.xs-socials { margin-left: 5%; margin-top: 15px; }
.xs-socials li {
    list-style: none; width: 17%; float: left; text-align: center;
}

.big-button {
    width: 100% !important; 
    height: 45px !important;
    font-size: 15px !important;
    line-height: 30px !important;
    letter-spacing: 2px;
}