/*
  ========================================
  FONTS
  ========================================
*/

@font-face
{
    font-family: 'blogger';
    src:         url('../font/blogger_sans-bold-webfont.eot');
    src:         url('../font/blogger_sans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/blogger_sans-bold-webfont.woff2') format('woff2'), url('../font/blogger_sans-bold-webfont.woff') format('woff'), url('../font/blogger_sans-bold-webfont.ttf') format('truetype'), url('../font/blogger_sans-bold-webfont.svg#blogger_sansbold') format('svg');
    font-weight: 600;
    font-style:  normal;
}

@font-face
{
    font-family: 'blogger';
    src:         url('../font/blogger_sans-light-webfont.eot');
    src:         url('../font/blogger_sans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/blogger_sans-light-webfont.woff2') format('woff2'), url('../font/blogger_sans-light-webfont.woff') format('woff'), url('../font/blogger_sans-light-webfont.ttf') format('truetype'), url('../font/blogger_sans-light-webfont.svg#blogger_sanslight') format('svg');
    font-weight: 300;
    font-style:  normal;
}

@font-face
{
    font-family: 'blogger';
    src:         url('../font/blogger_sans-medium-webfont.eot');
    src:         url('../font/blogger_sans-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/blogger_sans-medium-webfont.woff2') format('woff2'), url('../font/blogger_sans-medium-webfont.woff') format('woff'), url('../font/blogger_sans-medium-webfont.ttf') format('truetype'), url('../font/blogger_sans-medium-webfont.svg#blogger_sansmedium') format('svg');
    font-weight: 400;
    font-style:  normal;
}

/*
  ========================================
  RESET
  ========================================
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, img, ins, kbd, q, s, samp, small, strike,
strong, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td
{
    margin:         0;
    padding:        0;
    border:         0;
    outline:        0;
    font-size:      100%;
    vertical-align: baseline;
    background:     transparent;
}

.hidden
{
    display: none !important;
}

body
{
    line-height:      1;
    font-family:      'blogger';
    font-weight:      300;
    background-color: #F5F5F5;
    color:            #868686;
    width:            100%;
    overflow-x:       hidden;
}

body.whiteBg
{
    background: #fff;
}

input:focus::-webkit-input-placeholder
{
    color: transparent;
}

input:focus:-moz-placeholder
{
    color: transparent;
}

input:focus::-moz-placeholder
{
    color: transparent;
}

input:focus:-ms-input-placeholder
{
    color: transparent;
}

textarea:focus::-webkit-input-placeholder
{
    color: transparent;
}

textarea:focus:-moz-placeholder
{
    color: transparent;
}

textarea:focus::-moz-placeholder
{
    color: transparent;
}

textarea:focus:-ms-input-placeholder
{
    color: transparent;
}

.hide
{
    display: none;
}

/*
  ========================================
  CLEAR
  ========================================
*/

html, body
{
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

.clear:before,
.clear:after
{
    content: "";
    display: table;
}

.clear:after
{
    clear: both;
}

.clear
{
    clear: both;
    *zoom: 1;
}

.fl
{
    float: left !important;
}

.fr
{
    float: right !important;
}

.btn
{
    background:     #fff;
    border:         1px solid #E3E3E3;
    border-radius:  3px;
    color:          #666;
    cursor:         pointer;
    display:        inline-block;
    font-size:      16px;
    font-weight:    300;
    line-height:    34px;
    padding:        0 15px;
    text-transform: uppercase;
    transition:     all 300ms ease;
}

.btn:hover
{
    border:     1px solid #666;
    background: #666;
    color:      #fff;
}

.btn-poradnie
{
    background:   #87D07E;
    border:       1px solid #87D07E;
    color:        #fff;
    margin-right: 12px;
}

.btn.btn-poradnie:hover
{
    opacity: .6;
}

#portrait
{
    display: none;
}

/*
  ========================================
  BOX SIZING RESET
  ========================================
*/

*,
*:before,
*:after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

/*
  ========================================
  ========================================
*/

.galeriaDoc
{
    width: 100%;
    clear: both;
}

.galeriaDoc > p
{
    line-height:   1.42em;
    margin-bottom: 0;
    font-size:     28px;
    font:          400 28px/1.42em 'blogger';
}

.galeriaDoc li
{
    display:    inline-block;
    float:      left;
    list-style: none;
    width:      33.33333%;
    overflow:   hidden;
}

.galeriaDoc li:before
{
    display: none !important;
}

.galeriaDoc li a,
.galeriaDoc li a img
{
    display: block;
}

.galeriaDoc li a img
{
    width:  100%;
    height: auto;
}

/*
  ========================================
  STYLE
  ========================================
*/

.menus-bg
{
    position:                    fixed;
    left:                        0;
    top:                         0;
    bottom:                      0;
    right:                       0;
    width:                       100%;
    height:                      100%;
    display:                     none;
    background:                  rgba(72, 76, 79, 0.95);
    z-index:                     4;
    -webkit-backface-visibility: hidden;
}

nav ul
{
    line-height: 20px;
}

nav ul li
{
    display:     inline-block;
    font-weight: 400;
    position:    relative;
}

nav ul li ul
{
    position:         absolute;
    left:             0;
    top:              20px;
    display:          none;
    background-color: #eee;
    z-index:          10;
    min-width:        120px;
}

nav ul li:hover ul
{
    display: block;
}

nav ul li:hover ul li
{
    display: block;
}

.gallery li
{
    display: inline-block;
}

.topBarCont
{
    background-color: #B3B3B3;
    height:           38px;
    font-weight:      300;
}

.topBar
{
    max-width:   1240px;
    margin:      auto;
    color:       #fff;
    line-height: 35px;
}

.mobMenuBtn,
.topBarMob
{
    display: none;
}

.tbRight
{
    float: right;
}

.tbRight a
{
    display:        inline-block;
    vertical-align: middle;
}

.tbRight > form
{
    display: inline-block;
}

.tbMarki,
.tbMarki li
{
    display:   inline-block;
    font-size: 14px;
    padding:   0 8px;
    margin:    0;
}

.tbMarki li
{
    position: relative;
}

.tbMarki li:last-child:hover
{
    background: #9C9C9C;
}

.tbMarki li a:hover
{
    color: #333;
}

.tbMarki li:not(:last-of-type)
{
    text-transform: uppercase;
}

.tbMarki li ul
{
    display:    block;
    width:      350px;
    position:   absolute;
    left:       0;
    top:        70px;
    background: #9C9C9C;
    z-index:    -100;
    opacity:    0;
    transition: all 300ms ease;
}

.tbMarki li ul li
{
    display:        block;
    clear:          both;
    width:          100%;
    text-align:     left;
    margin:         0;
    padding:        0 10px;
    text-transform: uppercase;
}

.tbMarki li:hover ul
{
    top:     35px;
    opacity: 1;
    z-index: 3;
}

.trFacebook,
.trYoutube
{
    width:   25px;
    height:  25px;
    display: inline-block;
}

.trFacebook
{
    background: url('../media/static/f.png') center center no-repeat;
}

.trYoutube
{
    background: url('../media/static/yt.png') center center no-repeat;
}

.trFacebook:hover,
.trYoutube:hover
{
    opacity: .7;
}

.trRejestracja,
.trKontakt
{
    padding:         5px 13px;
    font-size:       16px;
    border-radius:   4px;
    color:           #fff;
    text-decoration: none;
    line-height:     16px;
}

.trRejestracja
{
    background: #8C8C8C;
    border:     1px solid #8C8C8C;
}

.trRejestracja:hover
{
    background: #B3B3B3;
    color:      #333;
    border:     1px solid #8C8C8C;
}

.trKontakt
{
    background: #A21424;
    border:     1px solid #A21424;
}

.trKontakt:hover
{
    background: #B3B3B3;
    color:      #A21424;
    border:     1px solid #A21424;
}

.topBarMenu
{
    background-color: #fff;
    border-bottom:    1px solid #E0E0E0;
}

.mainNav
{
    max-width: 1230px;
    margin:    auto;
}

.navHome
{
    display:    inline-block;
    width:      113px;
    height:     66px;
    background: url('../media/static/gaj.png') center center no-repeat;
    margin:     6px 0;
}

.menus,
.mainMenu
{
    display:        inline-block;
    float:          right;
    height:         83px;
    margin:         0 13px 0 30px;
    vertical-align: top;
}

.menus
{
    margin: 0;
}

.mainMenu > li
{
    display: inline-block;
    padding: 13px 0;
}

.mainMenu > li:last-child
{
    padding-left: 10px;
}

.mainMenu > li > a
{
    color:           #666666;
    display:         inline-block;
    height:          56px;
    line-height:     56px;
    padding:         0 10px 0 15px;
    text-transform:  uppercase;
    text-decoration: none;
    border-left:     1px solid #E0E0E0;
    cursor:          pointer !important;
}

.mainMenu > li > a:hover
{
    color: #469ECC;
}

.poradnieSubMenu,
.subMenu
{
    background:    #fff;
    border:        1px solid #ddd;
    border-radius: 0 0 10px 10px;
    opacity:       0;
    min-width:     530px;
    padding:       15px 15px 15px 25px;
    position:      absolute;
    z-index:       -100;
    top:           100px;
    transition:    all 300ms ease;
}

.subMenu.thin-menu
{
    min-width: 270px;
}

.poradnieSubMenu li,
.subMenu li
{
    border-bottom: 1px solid #ddd;
    float:         left;
    font-weight:   300;
    line-height:   1.42em;
    display:       inline-block;
    padding:       6px 0;
    width:         230px;
}

.poradnieSubMenu li a,
.subMenu li a
{
    display: block;
    float:   left;
    clear:   both;
}

.poradnieSubMenu li:hover,
.subMenu li:hover
{
    color: #5694b4;
}

.poradnieSubMenu .u li:hover,
.subMenu .u li:hover
{
    color: #868686;
}

.poradnieSubMenu li:nth-of-type(2n-1),
.subMenu li:nth-of-type(2n-1)
{
    margin-right: 5%;
}

.poradnieSubMenu li span,
.subMenu li span
{
    border-radius: 10px;
    display:       inline-block;
    height:        22px;
    margin-right:  10px;
    margin-bottom: -5px;
    width:         4px;
    float:         left;
}

.poradnieSubmenuOferta .po-title
{
    font-weight: 400;
    font-size:   17px;
    color:       #469ECD;
}

.dd-news .pwo-btn,
.poradnieSubmenuOferta .pwo-btn
{
    font-weight:   300;
    color:         #fff;
    display:       block;
    border-radius: 17px;
    background:    #5392b2;
    text-align:    center;
    height:        34px;
    line-height:   34px;
    margin:        15px 0 0 0;
    font-size:     17px;
}

.dd-news .pwo-btn:hover,
.poradnieSubmenuOferta .pwo-btn:hover
{
    background: #3880A6;
    color:      #fff;
}

.poradnieSubmenuOferta.sub-menu-location .pwo-btn
{
    margin: 0
}

.dd-news .pwo-btn
{
    clear:      both;
    margin-top: 15px;
}

.dd-news
{
    background:    #fff;
    border:        1px solid #ddd;
    border-radius: 0 0 10px 10px;
    opacity:       0;
    min-width:     360px;
    padding:       15px 15px 15px 25px;
    position:      absolute;
    z-index:       -100;
    font-size:     17px;
    top:           100px;
    transition:    all 300ms ease;
}

.dd-news > div a img
{
    width:         80px;
    height:        80px;
    border-radius: 100%;
    float:         left;
    margin-right:  15px;
}

.dd-news div a:hover
{
    color: #387FA5;
}

.dd-news > div
{
    clear:         both;
    width:         100%;
    float:         left;
    height:        100%;
    position:      relative;
    margin-bottom: 15px;
    display:       table;
}

.dd-news > div div
{
    display:                 -webkit-box;
    display:                 -webkit-flex;
    display:                 -ms-flexbox;
    display:                 flex;
    -webkit-justify-content: center;
    justify-content:         center;
    -webkit-align-items:     center;
    align-items:             center;
    position:                absolute;
    left:                    95px;
    top:                     0;
    height:                  100%;
    padding-right:           10px;
}

.dd-news > div a img
{
    transition: all 300ms ease;
    opacity:    1;
}

.dd-news > div a:hover img
{
    opacity: .7;
}

li.clicked .dd-news
{
    top:     81px;
    opacity: 1;
    z-index: 100;
}

.homeSearch
{
    max-width:  1400px;
    margin:     auto;
    text-align: center;
    margin-top: 20px;
}

.hsBody
{
    width:            613px;
    height:           280px;
    background:       url(../media/static/human.png) 22px bottom no-repeat;
    background-color: #DEE7EC;
    display:          inline-block;
    vertical-align:   top;
}

.hsBody .cont
{
    padding-left:  250px;
    padding-top:   40px;
    padding-right: 40px;
    text-align:    left;
}

.hsBody .cont > h4
{
    font-size:   30px;
    color:       #777777;
    position:    relative;
    font-weight: 400;
}

.hsBody .cont > h4:after
{
    position:         absolute;
    left:             0;
    bottom:           -10px;
    content:          '';
    width:            269px;
    height:           4px;
    background-color: #C6DCE8;
    border-radius:    2px;
}

.hsBody .cont > p
{
    margin-top:  20px;
    color:       #666;
    font-size:   18px;
    line-height: 1.42em;
    font-weight: 300;
}

.hsBody .cont > a
{
    background-color: #8FBBCA;
    border:           1px solid #8FBBCA;
    border-radius:    24px;
    clear:            both;
    color:            #fff;
    display:          inline-block;
    font-size:        20px;
    line-height:      50px;
    margin-top:       14px;
    padding:          0 30px;
    text-decoration:  none;
}

.hsBody .cont > a:hover
{
    background-color: transparent;
    color:            #8FBBCA;
}

.hsDoctor
{
    width:          611px;
    height:         280px;
    background:     url(../media/static/doctor.png) left top no-repeat #D5E2E8;
    margin-left:    14px;
    display:        inline-block;
    vertical-align: top;
}

.hsDoctor .cont
{
    padding-left:  178px;
    padding-top:   32px;
    padding-right: 20px;
    text-align:    left;
}

.hsDoctor .cont > h4
{
    color:       #777777;
    font-size:   30px;
    font-weight: 400;
    position:    relative;
}

.hsDoctor .cont > h4:after
{
    position:         absolute;
    left:             0;
    bottom:           -10px;
    content:          '';
    width:            269px;
    height:           4px;
    background-color: #C6DCE8;
    border-radius:    2px;
}

.hsDoctor .cont.noline > h4:after
{
    display: none;
}

.hsDoctor .cont > span
{
    color:         #666666;
    display:       block;
    font-size:     18px;
    font-weight:   400;
    margin-bottom: 10px;
    margin-top:    20px;
}

.hsdAuto
{
    margin-top:    20px;
    padding:       20px 40px 20px 25px;
    border-radius: 30px;
    background:    url(../media/static/loop.png) 360px center no-repeat #fff;
    border:        none;
    font-size:     18px;
    color:         #999;
    width:         400px;
    transition:    all .5s ease;
}

.hsdAuto:focus
{
    outline:    none;
    box-shadow: 0 0 10px #fff;
}

.hsDoctor .cont > span,
.hsdList
{
    padding-left: 10px;
}

.hsdList > li
{
    display:      inline-block;
    font-weight:  300;
    line-height:  1.42em;
    margin-right: 10px;
}

.hsdList > li a
{
    color: #8AA5B0;
}

.hsdList > li a:hover
{
    color: #467f9d;
}

.homeNumbers
{
    clear:      both;
    max-width:  1400px;
    margin:     auto;
    text-align: center;
}

.homeNumbers > h3
{
    color:       #8FB2AB;
    font-size:   30px;
    padding:     50px 0 20px 0;
    font-weight: 400;
}

.homeNumbers > ul
{
    display:                 -webkit-box;
    display:                 -webkit-flex;
    display:                 -ms-flexbox;
    display:                 flex;
    -webkit-justify-content: center;
    -ms-justify-content:     center;
    justify-content:         center;
}

.homeNumbers > ul > li
{
    width:               308px;
    height:              181px;
    float:               left;
    display:             -webkit-box;
    display:             -webkit-flex;
    display:             -ms-flexbox;
    display:             flex;
    -webkit-align-items: center;
    align-items:         center;
    margin-left:         1px;
}

.hn1
{
    background-color: #ACD6CD;
    margin-left:      0;
}

.hnCell
{
    text-align: center;
    padding:    50px;
    width:      100%;
    color:      #fff;
}

.hncNumber
{
    font-size:   51px;
    font-weight: 400;
}

.hncDesc
{
    font-size:  18px;
    margin-top: 10px;
    display:    inline-block;
}

.hn2
{
    background-color: #B2D9D2;
}

.hn3
{
    background-color: #BDDED7;
}

.hn4
{
    background-color: #C7E3DD;
}

.homeServices
{
    clear:      both;
    text-align: center;
    max-width:  1230px;
    margin:     auto;
    padding:    54px 0;
    background: url(../media/static/boxWave2.png) center center no-repeat;
}

.homeServices > h2,
.homeInfo > h2
{
    color:       #777777;
    font-size:   30px;
    position:    relative;
    font-weight: 400;
}

.homeServices > h2:before,
.homeServices > h2:after,
.homeInfo > h2:before,
.homeInfo > h2:after
{
    height:           4px;
    background-color: #DDDDDD;
    border-radius:    4px;
    content:          '';
    position:         absolute;
}

.homeServices > h2:after,
.homeInfo > h2:after
{
    width:       227px;
    left:        50%;
    margin-left: -113px;
    bottom:      -25px;
}

.homeServices > h2:before,
.homeInfo > h2:before
{
    width:       250px;
    left:        50%;
    margin-left: -125px;
    bottom:      -15px;
}

.homeServices ul
{
    max-height:           auto !important;
    padding-top:          40px;
    -moz-column-count:    4;
    -moz-column-gap:      15px;
    -webkit-column-count: 4;
    -webkit-column-gap:   15px;
    column-count:         4;
    column-gap:           15px;
}

.homeServices ul > li
{
    display:             -webkit-box;
    display:             -webkit-flex;
    display:             -ms-flexbox;
    display:             flex;
    -webkit-align-items: center;
    align-items:         center;
    padding:             10px 15px 10px 0;
}

.homeServices ul > li a
{
    color:                       #666;
    display:                     inline-block;
    -webkit-transform-style:     preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
}

.homeServices ul > li a:hover
{
    color: #999;
}

.homeServices ul > li > a:hover
{
    opacity: .5;
}

.homeServices ul > li h5
{
    text-transform: uppercase;
}

.homeServices ul img
{
    display:                     inline-block;
    -webkit-transform-style:     preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
}

.homeServices ul div
{
    display:     inline-block;
    text-align:  left;
    max-width:   190px;
    margin-left: 14px;
}

.homeServices h5
{
    font-size:     19px;
    color:         #666666;
    font-weight:   400;
    margin-bottom: 5px;
}

.homeServices p
{
    color: #545454;
    font:  12px/16px Arial;
}

.homeInfo
{
    clear:      both;
    text-align: center;
    max-width:  1230px;
    margin:     auto;
}

.homeInfo > ul
{
    display:                 -webkit-box;
    display:                 -webkit-flex;
    display:                 -ms-flexbox;
    display:                 flex;
    -webkit-justify-content: space-around;
    -ms-justify-content:     space-around;
    justify-content:         space-around;
    margin:                  50px 0 20px 0;
}

.homeInfo > ul > li
{
    padding: 3px;
    border:  1px solid #DDDDDD;
}

.hi1 a
{
    background: url(../media/static/bottomBox1.jpg) center center no-repeat;
}

.homeInfo > ul > li > a
{
    width:    387px;
    height:   197px;
    display:  block;
    position: relative;
}

.homeInfo > ul > li > a:hover
{
    opacity: .7;
}

.homeInfo > ul > li > a .cont
{
    position:   absolute;
    bottom:     20px;
    left:       30px;
    width:      325px;
    text-align: left;
}

.hiTitle
{
    color:       #7b8991;
    font-size:   23px;
    font-weight: 400;
    display:     inline-block;
    position:    relative;
}

.hiTitle:after
{
    position:         absolute;
    content:          '';
    bottom:           -10px;
    width:            250px;
    height:           4px;
    border-radius:    5px;
    background-color: #C6DCE8;
    left:             0;
}

.hiPhoto
{
    display: none;
}

.hiDesc
{
    clear:      both;
    color:      #545454;
    display:    block;
    margin-top: 20px;
    font:       14px/18px Arial;
}

.homeInfo > ul > li.hi2 > a
{
    width:      383px;
    background: url(../media/static/bottomBox2.jpg) center center no-repeat;
}

.hi3 a
{
    background: url(../media/static/bottomBox3.jpg) center center no-repeat;
}

footer
{
    max-width:   1230px;
    margin:      auto;
    padding-top: 30px;
    clear:       both;
}

footer nav
{
    width:         100%;
    clear:         both;
    height:        69px;
    border-top:    1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.bottomMenu
{
    display:    block;
    float:      left;
    margin-top: 14px;
}

.bottomMenu > li
{
    font-size:      13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    float:          left;
    display:        inline-block;
}

.bottomMenu > li > a
{
    color:           #aaa;
    text-decoration: none;
    padding:         10px;
    display:         inline-block;
    transition:      color .3s ease;
}

.bottomMenu > li > a:hover
{
    color: #469ECC;
}

.ns-sign-btn
{
    float:           right;
    display:         inline-block;
    padding:         5px 13px;
    font-size:       16px;
    border-radius:   4px;
    color:           #fff;
    text-decoration: none;
    line-height:     16px;
    background:      #3880A6;
    border:          1px solid #3880A6;
    margin-top:      20px;
}

.ns-sign-btn:hover
{
    background: transparent;
    color:      #3880A6;
}

.bottomBar
{
    height:      50px;
    line-height: 50px;
    color:       #666;
    font-size:   13px;
    font-weight: 400;
}

.bottomBar .trFacebook
{
    vertical-align: middle;
    top:            11px;
    left:           10px;
    margin-left:    10px;
}

.bbMade
{
    float:           right;
    color:           #aaa;
    font-size:       13px;
    text-decoration: none;
}

.bbMade:hover
{
    color: #469ECC;
}

/*
  ========================================
  DOKUMENT
  ========================================
*/

.ofertaImgCont
{
    max-width: 1200px;
    margin:    auto;
    position:  relative;
}

.ofertaImg
{
    width:      260px;
    height:     255px;
    background: url(../media/static/boxBgnd.png) center center no-repeat;
    position:   absolute;
    top:        28px;
}

.ofertaImg img
{
    position:      relative;
    left:          14px;
    top:           10px;
    border-radius: 50%;
}

.dokumentTitle
{
    background:    #F5F7FA;
    /*background:    url(../images/doc_wave.png) no-repeat center center, -moz-radial-gradient(center, ellipse cover, #f2f6f8 0%, #e8f0f3 100%);*/
    /*background:    url(../images/doc_wave.png) no-repeat center center, -webkit-radial-gradient(center, ellipse cover, #e4ecf0 0%, #e8f0f3 100%);*/
    /*background:    url(../images/doc_wave.png) no-repeat center center, radial-gradient(ellipse at center, #D3E2EB 0%, #e8f0f3 100%);*/
    /*filter:        progid:DXImageTransform.Microsoft.gradient(startColorstr='#D3E2EB', endColorstr='#e8f0f3', GradientType=1);*/
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    /*margin-bottom: 25px;*/
    height: 63px;
}

.dokumentTitle h1
{
    color:       #8a9ea9;
    font-size:   24px;
    font-weight: 400;
    margin:      0 auto;
    max-width:   1200px;
    /*padding:     45px 0;*/
}

.dokumentTitle.oferta h1
{
    padding-left: 280px;
}

.dokumentWrapper
{
    background: #fff;
    padding:    25px 0;
    width:      100%;
    font:       14px/1.42em Arial;
    color:      #666;
}

.dokumentWrapper.oferta
{
    min-height: 200px;
}

.dokumentWrapper div
{
    margin:    0 auto;
    max-width: 960px;
    width:     100%;
}

.dokumentWrapper.oferta > div
{
    padding-left: 160px;
}

.dokumentWrapper h1,
.dokumentWrapper h2,
.dokumentWrapper h3,
.dokumentWrapper h4,
.dokumentWrapper h5,
.dokumentWrapper h6
{
    color:         #666;
    font-weight:   400;
    line-height:   1.42em;
    font-family:   'blogger';
    margin-bottom: 10px;
}

.dokumentWrapper h3,
.dokumentWrapper h4,
.dokumentWrapper h5,
.dokumentWrapper h6
{
    color: #788a94;
}

.dokumentWrapper h1
{
    display:        inline-block;
    font-size:      39px;
    margin-bottom:  10px;
    padding-bottom: 16px;
    position:       relative;
}

.dokumentWrapper h1:after,
.dokumentWrapper h1:before
{
    background:    #ddd;
    bottom:        0;
    border-radius: 10px;
    content:       '';
    display:       block;
    height:        4px;
    left:          0;
    position:      absolute;
}

.dokumentWrapper h1:after
{
    width: 120%;
}

.dokumentWrapper h1:before
{
    bottom: -12px;
    width:  110%;
}

.dokumentWrapper h2
{
    display:        inline-block;
    font-size:      35px;
    padding-bottom: 16px;
    position:       relative;
}

.dokumentWrapper h2:after
{
    background:    #ddd;
    bottom:        0;
    border-radius: 10px;
    content:       '';
    display:       block;
    height:        4px;
    left:          0;
    position:      absolute;
    width:         100%;
}

.dokumentWrapper h3
{
    font-size: 32px;
}

.dokumentWrapper h4
{
    font-size:     28px;
    margin-bottom: 15px;
}

.dokumentWrapper h5
{
    font-size:     24px;
    margin-bottom: 10px;
}

.dokumentWrapper h6
{
    font-size:     22px;
    margin-bottom: 10px;
}

.dokumentWrapper p,
.poradniaOpisLewa.dokumentWrapper p
{
    color:         #666666;
    font-size:     14px;
    line-height:   1.42em;
    margin-bottom: 15px;
    clear:         both;
}

.dokumentWrapper p.upar
{
    display:             -webkit-box;
    display:             -webkit-flex;
    display:             -ms-flexbox;
    display:             flex;
    margin-bottom:       25px;
    -webkit-align-items: center;
    align-items:         center;
}

.dokumentWrapper p.upar:last-child
{
    margin-bottom: 0;
}

.dokumentWrapper ol
{
    list-style:          decimal;
    list-style-position: inside;
    padding:             0px 0 15px;
}

.dokumentWrapper ol li
{
    font-size:   14px;
    line-height: 28px;
}

.dokumentWrapper ul
{
    list-style:          disc;
    list-style-position: inside;
    padding:             0px 10px 15px;
}

.dokumentWrapper ul li
{
    font-size:      14px;
    line-height:    1.42em;
    display:        block;
    clear:          both;
    padding-bottom: 7px;
}

.dokumentWrapper ul li:before,
.poradniaOpisLewa li:before
{
    background:    #CCCCCC;
    border-radius: 50%;
    content:       '';
    display:       inline-block;
    height:        5px;
    margin:        8px 10px 2px 0;
    width:         5px;
}

.dokumentWrapper .c50
{
    float:   left;
    padding: 20px 0px;
    width:   50%;
}

.dokumentWrapper .c50:nth-of-type(2n-1)
{
    padding-right: 10px;
}

.dokumentWrapper .c50:nth-of-type(2n)
{
    padding-left: 10px;
}

.dokumentWrapper .c50 img
{
    width:  100%;
    height: auto;
}

.dokumentWrapper .c33
{
    float: left;
    width: 33.3333%;
}

.dokumentWrapper .c66
{
    float: left;
    width: 66.6666%;
}

.dokumentWrapper a
{
    color: #90a6b2;
}

.dokumentWrapper a:hover
{
    /* color: #206F9A; */
    color: #798f9a;
}

/*
  ========================================
  KONTAKT
  ========================================
*/

.poradnieSubMenu,
.subMenu
{
    background:    #fff;
    border:        1px solid #ddd;
    border-radius: 0 0 10px 10px;
    opacity:       0;
    min-width:     530px;
    padding:       15px 15px 15px 25px;
    position:      absolute;
    z-index:       -100;
    top:           100px;
    transition:    all 300ms ease;
}

.subMenu.thin-menu
{
    min-width: 270px;
}

nav ul li.clicked .poradnieSubMenu,
nav ul li.clicked .subMenu
{
    top:     81px;
    opacity: 1;
    z-index: 100;
}

.poradnieSubMenu ul,
.subMenu ul
{
    background: #fff;
    display:    block;
    font-size:  17px;
    position:   static;
    min-width:  350px;
}

.subMenu:not(.poradnieSubMenu) ul
{
    min-width: 175px;
    max-width: 175px;
}

.poradnieSubMenu
{
    padding-right: 240px;
}

.poradnieSubMenu ul
{
    -webkit-columns: 165px 2;
    -moz-columns:    165px 2;
    columns:         165px 2;
}

.poradnieSubMenu ul li
{
    float: left;
    width: 180px;
}

.poradnieSubmenuOferta
{
    float:         right;
    display:       inline-block;
    width:         200px;
    position:      absolute;
    right:         0;
    padding-right: 20px;
}

.poradnieSubmenuOferta.no-por
{
    position:      static;
    text-align:    center;
    width:         240px;
    padding-right: 10px;
    font-size:     17px;
}

.poradnieSubmenuOferta:not(.no-por) img
{
    border-radius: 50%;
    width:         175px;
    margin-top:    12px;
    background:    url(../media/static/boxMenuBg.png) center center no-repeat;
    padding:       12px;
}

.poradnieSubmenuOferta a
{
    color:       #469ECC;
    font-size:   17px;
    line-height: 1.42em;
    font-weight: 100;
}

.poradnieSubmenuOferta a:hover
{
    color:   #aaa;
    opacity: .7;
}

@media screen and (max-width: 1279px)
{

    /* menu */
    .mobMenuBtn
    {
        background:         #3880A6;
        width:              45px;
        height:             45px;
        line-height:        45px;
        font:               bold 20px/45px latoregular;
        padding:            0 5px;
        border-radius:      100%;
        display:            inline-block;
        position:           absolute;
        right:              10px;
        top:                20px;
        color:              #C6DCE8;
        -webkit-transition: all 250ms ease;
        -moz-transition:    all 250ms ease;
        -ms-transition:     all 250ms ease;
        -o-transition:      all 250ms ease;
        transition:         all 250ms ease;
        cursor:             pointer;
    }

    .mobMenuBtn > img
    {
        position: absolute;
        left:     0;
        top:      0;
        z-index:  2;
    }

    .mobMenuBtn button
    {
        position:   relative;
        top:        -6px;
        left:       0;
        font-size:  28px;
        display:    inline-block;
        margin:     -1.5px 0 0 4px;
        width:      28px;
        height:     2px;
        background: #C6DCE8;
        border:     0;
        cursor:     pointer;
        padding:    0;
        outline:    none;
        z-index:    1;
    }

    .mobMenuBtn .wpBurger
    {
        display: none;
    }

    .wp .mobMenuBtn button
    {
        display: none;
    }

    .wp .mobMenuBtn .wpBurger
    {
        position:   relative;
        top:        8px;
        left:       4px;
        display:    inline-block;
        margin:     0;
        width:      28px;
        height:     28px;
        border:     0;
        cursor:     pointer;
        padding:    0;
        outline:    none;
        z-index:    1;
        background: url(../media/static/burger.png) no-repeat center center;
    }

    .wp .mobActive .mobMenuBtn .wpBurger
    {
        background:      url(../media/static/cross.png) no-repeat center center;
        background-size: cover;
    }

    .mobMenuBtn button:after, .mobMenuBtn button:before
    {
        content:                  '';
        position:                 absolute;
        width:                    100%;
        height:                   2px;
        background:               #C6DCE8;
        left:                     0;
        -webkit-transform-origin: center center;
        -moz-transform-origin:    center center;
        -ms-transform-origin:     center center;
        -o-transform-origin:      center center;
        transform-origin:         center center;
    }

    .mobMenuBtn button:before
    {
        top: -7px;
    }

    .mobMenuBtn button:after
    {
        bottom: -7px;
    }

    .mobActive .topBarMob
    {
        display:    table;
        background: #B3B3B3;
        color:      #fff !important;
        padding:    10px 0;
        width:      100%;
    }

    .tbRight
    {
        float:      none;
        width:      100%;
        clear:      both;
        margin-top: 30px;
    }

    .tbRight a.trFacebook,
    .tbRight a.trYoutube
    {
        display: none;
    }

    .tbRight a.trRejestracja,
    .tbRight a.trKontakt
    {
        display:     block;
        clear:       both;
        margin:      5px 20px;
        font-size:   22px;
        line-height: 1.42em;
        text-align:  center;
    }

    .tbMarki li ul
    {
        display:    block;
        position:   static;
        width:      auto;
        background: none;
        opacity:    1;
    }

    .tbMarki
    {
        clear: both;
    }

    .tbMarki,
    .tbMarki li
    {
        padding:     0;
        font-size:   22px;
        line-height: 1.3em;
        clear:       both;
        display:     block;
    }

    .tbMarki li a
    {
        display: block;
        padding: 8px 20px;
    }

    .topBarMob > span
    {
        display:     block;
        font-size:   22px;
        padding:     10px 20px;
        font-weight: 400;
    }

    .tbMarki > li:last-child > a
    {
        display: none;
    }

    .tbMarki li ul li
    {
        padding: 0;
    }

    .tbRight > form
    {
        display:  block;
        clear:    both;
        position: relative;
    }

    .tbRight > form > input[type="text"]
    {
        display:       block;
        clear:         both;
        margin:        5px 20px;
        width:         240px;
        padding:       5px 13px;
        border-radius: 4px;
        height:        40px;
        position:      relative;
    }

    .tbRight > form > input[type="submit"]
    {
        background: url(../media/static/loop.png) center center no-repeat;
        width:      30px;
        height:     30px;
        margin:     0;
        position:   absolute;
        right:      27px;
        top:        6px;
    }

    .dd-news,
    .subMenu
    {
        opacity: 0;
        z-index: -100;
        display: none;
    }

    .dd-news.sub-show,
    .subMenu.sub-show
    {
        position:      static;
        border-radius: 0;
        border:        0;
        border-bottom: 1px solid #ddd;
        min-width:     100%;
        width:         100%;
        padding:       15px 20px;
        float:         left;
        clear:         both;
        opacity:       1;
        display:       block;
        z-index:       100;
    }

    .subMenu ul
    {
        min-width:   100%;
        line-height: 1.42em;
        font-size:   19px;
    }

    .subMenu li
    {
        float:   none;
        display: block;
        width:   100%;
        clear:   both;
        border:  none;
        padding: 0;
    }

    .subMenu:not(.poradnieSubMenu) ul
    {
        min-width: auto;
        max-width: 100%;
    }

    .poradnieSubMenu > li:nth-of-type(2n-1),
    .subMenu > li:nth-of-type(2n-1)
    {
        margin-right: 0;
    }

    .poradnieSubMenu ul li
    {
        width: auto;
    }

    .subMenu li a
    {
        float:   none;
        display: block;
        width:   100%;
        padding: 10px 0;
    }

    .poradnieSubMenu ul
    {
        -webkit-columns: 100% 1;
        -moz-columns:    100% 1;
        columns:         100% 1;
    }

    .poradnieSubmenuOferta
    {
        position:   static;
        float:      none;
        clear:      both;
        width:      100%;
        text-align: center;
        padding:    0 0 20px 0;
    }

    .poradnieSubmenuOferta .pwo-btn
    {
        margin-right:  0;
        height:        40px;
        line-height:   40px;
        border-radius: 20px;
    }

    .mobActive .mobMenuBtn
    {
        opacity: 0;
        display: none;
    }

    .mobActive .mobMenuBtn button
    {
        height: 0;
        margin: -1px 0 0 7px;
    }

    .mobActive .mobMenuBtn button:before
    {
        top: -9px;
    }

    .mobActive .mobMenuBtn button:after
    {
        bottom: -7px;
    }

    .mobActive .mobMenuBtn button:after
    {
        -webkit-transform: rotate(-45deg) translate(1px, -6px);
        -moz-transform:    rotate(-45deg) translate(1px, -6px);
        -ms-transform:     rotate(-45deg) translate(1px, -6px);
        -o-transform:      rotate(-45deg) translate(1px, -6px);
        transform:         rotate(-45deg) translate(1px, -6px);
    }

    .mobActive .mobMenuBtn button:before
    {
        -webkit-transform: rotate(45deg) translate(3px, 8px);
        -moz-transform:    rotate(45deg) translate(3px, 8px);
        -ms-transform:     rotate(45deg) translate(3px, 8px);
        -o-transform:      rotate(45deg) translate(3px, 8px);
        transform:         rotate(45deg) translate(3px, 8px);
    }

    .mobMenuBtn button,
    .mobMenuBtn button:before,
    .mobMenuBtn button:after
    {
        -webkit-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
        -moz-transition:    all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
        -ms-transition:     all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
        -o-transition:      all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
        transition:         all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
    }

    .menus.mobActive
    {
        position:                    fixed;
        right:                       0;
        top:                         0;
        bottom:                      0;
        min-height:                  100%;
        background:                  #fff;
        width:                       280px;
        height:                      100vh;
        overflow-y:                  auto;
        overflow-x:                  hidden;
        -webkit-box-shadow:          0 0 20px 0 rgba(0, 0, 0, 0.3);
        box-shadow:                  0 0 20px 0 rgba(0, 0, 0, 0.3);
        z-index:                     4;
        display:                     -webkit-box;
        display:                     -webkit-flex;
        display:                     -ms-flexbox;
        display:                     flex;
        -webkit-flex-direction:      column;
        flex-direction:              column;
        -webkit-transition:          all 250ms ease;
        -moz-transition:             all 250ms ease;
        -ms-transition:              all 250ms ease;
        -o-transition:               all 250ms ease;
        transition:                  all 250ms ease;
        -webkit-backface-visibility: hidden;
        backface-visibility:         hidden;
        -webkit-overflow-scrolling:  touch;
    }

    .mobActive .menus-bg
    {
        display: block;
    }

    .menus .menus-close
    {
        display:       none;
        clear:         both;
        height:        60px;
        -webkit-order: 0;
        order:         0;
        float:         none;
        width:         100%;
        border-bottom: 1px solid #ddd;
    }

    .menus.mobActive .menus-close
    {
        display: table;
    }

    .menus-close span
    {
        position:   relative;
        top:        0;
        left:       0;
        font-size:  28px;
        display:    inline-block;
        width:      28px;
        background: #B90034;
        border:     0;
        cursor:     pointer;
        padding:    0;
        outline:    none;
        z-index:    1;
        height:     0;
        margin:     29px 14px 0 0;
        float:      right;
    }

    .menus-close span:after,
    .menus-close span:before
    {
        content:                  '';
        position:                 absolute;
        width:                    100%;
        height:                   2px;
        background:               #B90034;
        left:                     0;
        -webkit-transform-origin: center center;
        -moz-transform-origin:    center center;
        -ms-transform-origin:     center center;
        -o-transform-origin:      center center;
        transform-origin:         center center;
    }

    .menus-close span:before
    {
        top:               -9px;
        -webkit-transform: rotate(45deg) translate(3px, 8px);
        -moz-transform:    rotate(45deg) translate(3px, 8px);
        -ms-transform:     rotate(45deg) translate(3px, 8px);
        -o-transform:      rotate(45deg) translate(3px, 8px);
        transform:         rotate(45deg) translate(3px, 8px);
    }

    .menus-close span:after
    {
        bottom:            -7px;
        -webkit-transform: rotate(-45deg) translate(1px, -6px);
        -moz-transform:    rotate(-45deg) translate(1px, -6px);
        -ms-transform:     rotate(-45deg) translate(1px, -6px);
        -o-transform:      rotate(-45deg) translate(1px, -6px);
        transform:         rotate(-45deg) translate(1px, -6px);
    }

    .tabHide
    {
        display: none !important;
    }

    .tabShow
    {
        display: block !important;
    }

    header
    {
        background:    #fff;
        border-bottom: 1px solid #E0E0E0;
    }

    section.homeSearch,
    section.homeNumbers,
    section.homeInfo,
    footer,
    .contact-content > div
    {
        margin:    0 auto;
        max-width: 750px;
    }

    section.homeOffers,
    section.homeServices
    {
        margin: 0 auto;
        width:  750px;
    }

    footer nav
    {
        border-top: 0;
        height:     0px;
    }

    .bottomMenu,
    .ns-sign-btn,
    .topBarCont
    {
        display: none;
    }

    .topBarMenu
    {
        border-bottom: 0;
        margin:        0 auto;
        max-width:     750px;
        position:      relative;
    }

    .mainMenu
    {
        display: none;
        margin:  0;
        height:  auto;
    }

    .mainMenu > li,
    .mainMenu > li:last-child
    {
        padding: 0;
        display: block;
        clear:   both;
    }

    .mainMenu > li > a
    {
        border-left:   0;
        border-bottom: 1px solid #E0E0E0;
        line-height:   1.42em;
        height:        auto;
        width:         100%;
        clear:         both;
        display:       block;
        font-size:     22px;
        padding:       16px 20px;
    }

    .mainMenu > li > a.navMarket
    {
        border-radius: 0;
    }

    .mobActive .mainMenu
    {
        display: block;
    }

    /* Główna - Slider */
    .homeSlider li > div
    {
        right:             calc(50% - 300px);
        top:               50%;
        width:             350px;
        -webkit-transform: translateY(-50%);
        transform:         translateY(-50%);
    }

    .homeSlider li > div > p
    {
        font-size: 40px;
    }

    .homeSlider li > div > a
    {
        margin-right: 0;
        margin-top:   15px;
        width:        180px;
    }

    /* Główna - Polecane Oferty */
    .homeOffers
    {
        background: none;
    }

    .homeOffers > h2
    {
        margin-bottom: 50px;
    }

    .homeOffers > ul
    {
        display:   block;
        margin:    0 auto;
        max-width: 750px;
    }

    .homeOffers > ul > li
    {
        width:     50%;
        max-width: 50%;
        float:     left;
        margin:    0;
        padding:   10px;
    }

    .homeOffers > ul > li p
    {
        line-height: 1.3em;
        padding:     0 15px;
        text-align:  center;
    }

    /* Główna - Search */
    .homeSearch > div
    {
        width: 100%;
    }

    .hsBody
    {
        margin-bottom: 10px;
    }

    .hsBody .cont > p
    {
        line-height: 1.3em;
    }

    .hsBody .cont > a
    {
        padding: 0 40px;
    }

    .hsDoctor
    {
        margin-left: 0;
    }

    .hsDoctor .cont
    {
        padding-left: 250px;
    }

    .hsdAuto
    {
        font-family: 'blogger';
        font-weight: 300;
    }

    .szukajMid input[type="text"]
    {
        margin-top: 20px;
    }

    .szukajMid input[type="submit"]
    {
        top:   23px;
        right: 10px;
    }

    /* Główna - Gaj w liczbach */
    .hnCell
    {
        padding: 20px 10px;
    }

    .hncNumber
    {
        font-size: 38px;
    }

    .hncDesc
    {
        font-size: 14px;
    }

    /* Główna - Usługi */
    .homeServices
    {
        background-size:     100% auto;
        background-position: center 100px;
    }

    .homeServices ul img
    {
        display: block;
    }

    .homeServices ul div
    {
        display:     block;
        margin-left: 0;
        max-width:   none;
    }

    .homeServices ul > li
    {
        height:  220px;
        padding: 0;
        display: block;
    }

    .homeServices ul
    {
        padding-top: 40px;
        display:     block;
        width:       100%;
        clear:       both;
    }

    .homeServices ul > li a
    {
        display: block;
        clear:   both;
    }

    .homeServices ul > li img
    {
        display: block;
        margin:  0 auto 15px;
    }

    .homeServices ul > li div
    {
        text-align: center;
    }

    /* Główna - Dodatkowe Informacje */
    .homeInfo li
    {
        width: 33.3333%;
    }

    .homeInfo li a
    {
        width: 100%;
    }

    .homeInfo > ul > li
    {
        border:  0;
        padding: 0;
    }

    .hi1 a,
    .homeInfo > ul > li.hi2 > a,
    .hi3 a,
    .homeInfo > ul > li > a
    {
        background: none;
        width:      100%;
    }

    .hiPhoto
    {
        display: block;
        height:  170px;
        width:   100%;
    }

    .hi1 .hiPhoto
    {
        background: url(../media/static/bottomBox1.jpg) center center no-repeat;
    }

    .hi2 .hiPhoto
    {
        background: url(../media/static/bottomBox2.jpg) center center no-repeat;
    }

    .hi3 .hiPhoto
    {
        background: url(../media/static/bottomBox3.jpg) center center no-repeat;
    }

    .homeInfo > ul > li > a
    {
        height: auto;
    }

    .homeInfo > ul > li > a .cont
    {
        display:  block;
        padding:  10px;
        position: static;
        width:    100%;
    }

    .hiTitle
    {
        font-size:      20px;
        text-transform: uppercase;
    }

    .hiTitle:after
    {
        width: 230px;
    }

    .hiDesc
    {
        font-size: 12px;
    }

    /* DOKUMENT */
    .dokumentTitle h1
    {
        max-width: 750px;
        padding:   32px 0;
    }

    /* LOKALIZACJE */
    .lokalizacjeWrapper
    {
        max-width: 750px;
        padding:   20px 0;
    }

    .lokalizacjeWrapper > .c100
    {
        margin-bottom: 20px;
    }

    .mapaLokalizacji > div
    {
        height:    350px;
        max-width: 750px;
        padding:   30px 0 20px;
    }

    .listaLokalizacji .c33.c50-m
    {
        margin-right: 0;
    }

    .listaLokalizacji .c50-m
    {
        float:         left;
        margin-bottom: 20px;
        width:         48.5%;
    }

    .listaLokalizacji .c50-m:not(:nth-of-type(2n+1))
    {
        margin-right: 3%;
    }

    .listaLokalizacji .c50-m .c33
    {
        width:        100%;
        margin-right: 0;
    }

    .listaLokalizacji .lokalizacjaBtnRej
    {
        margin-bottom: 20px;
    }

    /* KONTAKT - szybki kotnakt */
    .doc-tabs
    {
        margin-left: -375px;
        max-width:   750px;
    }

    .doc-tabs > ul
    {
        margin: 0 auto;
        width:  100%;
    }

    .doc-tabs > ul > li
    {
    }

    .doc-tabs > ul > li:last-of-type
    {
        margin-right: 0px;
    }

    .doc-tabs > ul > li > a
    {
        padding: 0 10px;
    }

    .contact-content .col-left
    {
        width: 100%;
    }

    .contact-content .col-right
    {
        width: 100%;
    }

    .col-left > div,
    .col-right > div
    {
        padding: 25px 25px 10px;
    }

    .cito-bg
    {
        background: url(../media/static/poradnia/gaj.png) no-repeat 98% 5%;
        min-height: auto;
    }

    .nfz-bg
    {
        background: url(../media/static/poradnia/nfz.png) no-repeat 96% 8%;
        min-height: auto;
    }

    .col-left div h3,
    .col-right div h3
    {
        padding-bottom: 25px;
    }

    .col-left div p,
    .col-right div p
    {
        padding-bottom: 20px;
    }

    .col-left > div .phones
    {
        margin-bottom: 10px;
    }

    .c50-m
    {
        float: left;
        width: 50%;
    }

    .doc-tabs > ul > li > a.curr-tab
    {
        top: 0;
    }

    .doc-tabs > ul > li > a:hover:after,
    .doc-tabs > ul > li > a.curr-tab:after
    {
        display: none;
    }

    /* KONTAKT - administracja */
    .adm
    {
        flex-wrap: wrap;
    }

    .adm > div
    {
        padding-right: 0;
    }

    .adm1
    {
        width: 33%;
    }

    .adm2
    {
        margin-bottom: 20px;
        width:         66%;
    }

    .adm3
    {
        width: 50%;
    }

    .adm4
    {
        width: 50%;
    }

    /* KONTAKT - poradnie & pracownie */
    .contact-content > div ul
    {
        -moz-column-count:    2;
        -moz-column-gap:      45px;
        -webkit-column-count: 2;
        -webkit-column-gap:   45px;
        column-count:         2;
        column-gap:           45px;
    }

    /* BAZA LEKARZY - wyniki wyszukiwania */
    /* nagłówek */
    .lekarzWrapper,
    .lekarzSingleWrapper
    {
        max-width: 750px;
        padding:   10px 0;
    }

    .szukajLeft,
    .szukajMid,
    .szukajRight
    {
        padding-top: 0;
        width:       100%;
    }

    .bazaSzukaj h1
    {
        float:      left;
        text-align: left;
        width:      78%;
    }

    .lekarzWrapper > div.szukajLeft
    {
        height: 65px;
    }

    .lekarzWrapper > div.szukajMid
    {
        height: 90px;
    }

    .lekarzWrapper > div.szukajRight
    {
        height: auto;
    }

    .szukajLeft a
    {
        float: left;
        width: 22%;
    }

    .szukajMid input[type="text"]
    {
        width: 100%;
    }

    .szukajMid input[type="button"]
    {
        right: 5px;
        top:   5px;
    }

    .szukajRight
    {
        border:       0;
        padding-left: 0;
    }

    /* wyniki */
    .wynikiLeft,
    .wynikiRight
    {
        width: 100%;
    }

    .wynikiLeft
    {
        padding: 0;
    }

    .boksPrywatne,
    .boksKluczowe
    {
        float: left;
    }

    .boksPrywatne
    {
        margin-right: 30px;
        width:        340px;
    }

    .boksKluczowe
    {
        width: 380px;
    }

    .bazaWyniki .lekarzWrapper > div
    {
        height: auto;
    }

    /* PORADNIA - KONTAKT  */
    .poradniaWrapper,
    .poradniaKierownik,
    .poradniaStopka,
    .lekarzSingleWrapperTwo,
    .poradniaKluczowe,
    section.poradniaOpisPrawa
    {
        max-width: 750px;
    }

    .poradniaWrapper h1,
    .poradniaKierownik h1,
    .poradniaStopka h1,
    .poradniaKluczowe h1,
    .lekarzSinglePowiazane h1
    {
        font-size: 26px;
    }

    .poradniaBaner .poradniaWrapper
    {
        height:      220px;
        padding-top: 0;
    }

    .poradniaBanerMenu li a
    {
        padding: 0 12px;
    }

    .poradniaBaner .poradniaWrapper h1
    {
        line-height: 80px;
    }

    .poradniaBaner .poradniaWrapper img
    {
        width: 80px;
    }

    .poradniaWrapper h2,
    .poradniaKierownik h2,
    .poradniaStopka h2,
    .poradniaKluczowe h2,
    .lekarzSinglePowiazane h2
    {
        color:     #87D07E;
        font-size: 28px;
    }

    .poradniaWrapper h4,
    .poradniaKierownik h4,
    .poradniaKluczowe h4,
    .lekarzSinglePowiazane h4
    {
        font-size: 24px;
    }

    .poradniaStopka h4
    {
        font-size: 30px;
    }

    .poradniaKontaktLewa,
    .poradniaKontaktPrawa
    {
        background: #fff;
        border:     none;
        padding:    25px;
        width:      100%;
    }

    .poradniaKontaktLewa
    {
        border-bottom: 1px solid #e2e2e2;
        margin-right:  0;
    }

    .poradniaWrapper p
    {
        max-width: 480px;
    }

    .poradniaKontaktPrawa p
    {
        display:   inline-block;
        max-width: 380px;
    }

    .poradniaKontaktPrawa > p
    {
        float: left;
    }

    .poradniaKontaktPrawa .btn
    {
        border-radius: 4px;
        display:       inline-block;
        font-size:     16px;
        font-weight:   300;
        line-height:   32px;
        margin:        15px 0 20px 0;
        padding:       0 18px;
    }

    .poradniaKontakt .poradniaKontaktLewa img,
    .poradniaKontakt .poradniaKontaktPrawa img
    {
        max-height: 66px;
    }

    .poradniaStopka > div
    {
        border:  0;
        padding: 10px 0;
        width:   100%;
    }

    .poradniaStopka > div.poradniaKontaktMapa
    {
        background:      url(../media/static/poradnia/bgwaves.png) no-repeat 50% 100px;
        background-size: 90%;
        padding:         10px 0;
    }

    .poradniaKontaktMapa .mapaRight
    {
        width: 42%;
    }

    .poradniaKontaktMapa .mapaLeft
    {
        width: 58%;
    }

    .poradniaStopka > div:last-of-type
    {
        border: 0;
    }

    .powPorSingle,
    .powPraSingle,
    .powMarSingle
    {
        display: inline-block;
        width:   100%;
    }

    .powPraSingle
    {
        padding-right: 10px;
    }

    .poradniaStopka a
    {
        font-weight: 400;
    }

    /* PORADNIA - O PORADNi */
    .poradniaOpis .poradniaWrapper,
    .poradniaZespol .poradniaWrapper
    {
        padding: 0;
    }

    .poradniaStopka
    {
        margin-bottom: 0;
    }

    .poradniaOpis h2
    {
        color:     #666666;
        font-size: 33px;
    }

    .poradniaOpisLewa,
    .poradniaOpisPrawa
    {
        margin: 0 auto;
        width:  100%;
    }

    .poradniaOpisLewa li:before
    {
        background:    #CCCCCC;
        border-radius: 50%;
        content:       '';
        display:       inline-block;
        height:        5px;
        margin:        8px 10px 2px 0;
        width:         5px;
    }

    .poradniaOpisLewa ol li:before
    {
        display: none;
    }

    .poradniaOpisPrawa
    {
        padding: 30px 0;
    }

    .poradniaOpisPrawa > div
    {
        float:         left;
        height:        212px;
        margin-bottom: 0;
        padding:       15px 25px 25px;
        position:      relative;
        width:         355px;
    }

    .poradniaOpisPrawa > div:first-of-type
    {
        margin-right: 40px;
    }

    .poradniaOpisPrawa h4
    {
        font-size:   25px;
        font-weight: 300;
        line-height: 1.42em;
    }

    .poradniaOpisPrawa p
    {
        font-size:   14px;
        font-family: 'Arial', sans-serif;
        line-height: 1.3em;
    }

    .stopkaBoxa
    {
        bottom:   15px;
        position: absolute;
        width:    290px;
    }

    .poradniaOpisPrawa div:last-of-type .btn
    {
        margin-top: 5px;
    }

    .poradniaStopka
    {
        padding: 0;
    }

    .poradniaKluczowe li
    {
        margin-bottom: 8px;
    }

    /* PORADNIA - ZESPÓŁ */
    .poradniaZespol
    {
        background:      url(../media/static/poradnia/bgwaves.png) no-repeat 50% 80px #fff;
        background-size: 70%;
    }

    .poradniaZespol h2
    {
        color:     #666;
        font-size: 33px;
    }

    /* WYNIKI WYSZUKIWANIA */
    .wynikiTitle
    {
        background: url(../media/static/falazafala.png) no-repeat center right #E8F0F3;
    }

    .wynikiTitle h1
    {
        width: 375px;
    }

    .wwSearchbox
    {
        width: 375px;
    }

    .wwSearchboxBtn
    {
        right: 30px;
    }

    .naglowekWyniki
    {
        max-width: 750px;
    }

    .wynikiWrapper > div
    {
        max-width: 750px;
    }

    .wynikiWrapper .c33
    {
        width: 50%;
    }

    .wwArtykuly .c50
    {
        min-height: 190px;
    }

    .wwMarki .c33 h4,
    .wwArtykuly .c50 h4
    {
        display: inline;
    }

    .wwMarki .c33 p,
    .wwArtykuly .c50 p
    {
        padding-top: 10px;
    }

    /* KOMPAS CIAŁA */
    .kompas-bg
    {
        background-attachment: fixed;
        background-position:   center center;
    }

    .kompas-gradient,
    .kompas-sex
    {
        background: #e8f0f3;
    }

    .kompas-in
    {
        width:      750px;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index:    2;
    }

    .kompas-humans > div,
    .kompas-humans > div.left,
    .kompas-humans > div.right
    {
        left:   0 !important;
        top:    70px;
        margin: 0;
    }

    .kompas-humans > div:not(.active)
    {
        -moz-transform:    scale(0);
        -webkit-transform: scale(0);
        -o-transform:      scale(0);
        -ms-transform:     scale(0);
        transform:         scale(0);
        opacity:           0;
    }

    .line,
    .line2
    {
        display: none !important;
    }

    .kc-left,
    .kc-right,
    .kc-bottom
    {
        width:      53%;
        float:      right;
        text-align: left;
        position:   relative;
        left:       0;
        bottom:     auto;
        top:        0;
        height:     auto;
        z-index:    10;
    }

    .kompas-choroby > div:not(.kc-bottom):not(.kompas-punkty):not(.line)
    {
        padding-top: 0;
        top:         50px;
    }

    .kompas-choroby .kc-left a,
    .kompas-choroby .kc-right a,
    .kc-bottom > a
    {
        float:             left;
        margin:            4px 0;
        position:          static;
        clear:             both;
        -moz-transform:    scale(1);
        -webkit-transform: scale(1);
        -o-transform:      scale(1);
        -ms-transform:     scale(1);
        transform:         scale(1);
    }

    .kompas-sex
    {
        position:    fixed;
        padding-top: 0;
        top:         110px;
        z-index:     3;
    }

    .kompas-choroby > div:not(.kc-bottom):not(.kompas-punkty):not(.line):not(.kompas-uklady)
    {
        padding-top: 0;
    }

    .kc-left
    {
        -webkit-align-items: flex-start;
        align-items:         flex-start;
    }

    .kompas-choroby .kc-left a span,
    .kompas-choroby .kc-right a span,
    .kompas-punkty a span
    {
        display: none;
    }

    .kc-ills
    {
        position:   absolute;
        right:      0;
        top:        10px;
        height:     calc(100% - 65px);
        overflow-x: hidden;
        overtlow-y: scroll;
    }

    .kct-right
    {
        min-height:              78px;
        border-bottom:           0;
        display:                 -webkit-box;
        display:                 -webkit-flex;
        display:                 -ms-flexbox;
        display:                 flex;
        -webkit-flex-direction:  column;
        -ms-flex-direction:      column;
        flex-direction:          column;
        -webkit-justify-content: center;
        -ms-justify-content:     center;
        justify-content:         center;
    }

    .kc-tooltip-bottom
    {
        display: none;
    }

    .kc-tooltip-top
    {
        border: 1px solid #ddd;
    }

    .kc-left
    {
        margin-top: 20px;
    }

    .kc-right
    {
        margin-top: 0;
    }

    .kompas-humans
    {
        position: fixed;
        left:     0;
        top:      115px;
    }

    .kompas-humans > div.man,
    .kompas-humans > div.woman,
    .kompas-humans > div.child
    {
        left:              50% !important;
        -webkit-transform: translateX(-50%) !important;
        transform:         translateX(-50%) !important;
        margin-left:       -117px;
    }

    .kompas-uklady,
    .kompas-punkty
    {
        left:              50%;
        position:          fixed;
        top:               185px !important;
        -webkit-transform: translateX(-50%) !important;
        transform:         translateX(-50%) !important;
        margin:            0 0 0 -117px;
    }

    /* POZOSTAŁE */
    .dokumentListaWrapper > div,
    .dokumentWrapper.oferta,
    .dokumentListaWrapper.listaOfert
    {
        width:  750px;
        margin: 0 auto;
    }

    .olPrawa
    {
        width: 460px;
    }

    .ofertaImgCont
    {
        max-width: 750px;
    }

    .dokumentWrapper.oferta > div
    {
        padding-left:  290px;
        padding-right: 20px;
    }

    .dokumentListaWrapper .c25 div img,
    .dokumentListaWrapper .olLewa div img
    {
        z-index: 1;
    }

    .lekarzWrapper .szukajMid input[type="text"]
    {
        margin-top: 0;
    }

    .lekarzWrapper .szukajMid input[type="submit"]
    {
        top: 3px;
    }

    .bazaWyniki .lekarzWrapper > div.wynikiRight
    {
        padding-top: 30px;
    }

    .lekarzWrapper .pageNav
    {
        max-width: 100%;
        padding:   0;
    }

    .lekarzSingleOpis > div,
    .lekarzInni
    {
        width:     750px;
        max-width: 100%;
        margin:    0 auto;
    }

    .lekarzSingleOpis
    {
        width: 100%;
    }

    .lekarzInni
    {
        padding-bottom: 0;
    }

    .lekarzInni h3:after
    {
        margin-bottom: 0;
    }

    .lekarzSingleWrapper img
    {
        position: static;
    }

    img + .lekarzSingleDane.fl
    {
        float: none !important;
    }

    .lekarzSingleWrapperTwo > div:first-of-type
    {
        margin-top: 0;
    }

    .lekarzSingleWrapperTwo > div
    {
        padding: 0 20px;
    }

    .lekarzSingleWrapperTwo > div,
    .lekarzSingleWrapperTwo > div:first-of-type
    {
        width: 33.33333%;
    }

    .powPorSingle img.fl
    {
        float:         none !important;
        margin-bottom: 10px;
    }

    .powPorSingle div
    {
        width:   100%;
        padding: 0;
    }

    .poradniaWrapperIn
    {
        width:     750px;
        max-width: 750px;
    }

    .picTranspRight
    {
        display: none;
    }

    .poradniaLeft
    {
        padding-top: 34px;
        min-width:   300px;
        top:         0;
    }

    .poradniaBaner .poradniaWrapper h1.pw-title-center
    {
        margin-top: 0;
    }

    .kierownikContainer > div.fl,
    .lekarzContainer > div.fl
    {
        float: none !important;
    }

    .poradniaWrapper p
    {
        max-width: 100%;
    }

    .poradniaWrapper .koordynatorContainer p
    {
        padding-bottom: 10px;
    }

    .poradniaOpis .poradniaOpisLewa ul,
    .lekarzSingleWrapperThree ul
    {
        list-style: none;
    }

    .poradniaBanerMenu2
    {
        width:     750px;
        max-width: 750px;
    }

    .cookies-in
    {
        width: 100%;
    }

    .ci-left
    {
        width:        700px;
        padding-left: 20px;
    }

    .cookies-close
    {
        right: 20px;
    }

    .dokumentWrapper div
    {
        width: 750px;
    }

    .poradniaKontaktMapa
    {
        padding-bottom: 30px;
    }

    .picTransp
    {
        top: 0;
    }

    .poradniaKierownik
    {
        padding: 30px 0 0 0;
    }

    .poradniaKluczowe
    {
        margin-bottom: 0;
    }

    .poradniaOpisLewa.dokumentWrapper
    {
        width: 100%;
    }

}

/*
  ========================================
  RESPONSYWNOŚĆ - smartfon
  ========================================
*/

@media screen and (max-width: 749px)
{

    ::-webkit-input-placeholder
    {
        color: transparent;
    }

    :-moz-placeholder
    {
        color: transparent;
    }

    ::-moz-placeholder
    {
        color: transparent;
    }

    :-ms-input-placeholder
    {
        color: transparent;
    }

    .fonHide
    {
        display: none !important;
    }

    /* GŁÓWNA */
    section.homeSearch,
    section.homeNumbers,
    section.homeInfo,
    section.dokumentWrapper > div,
    footer .bottomBar,
    .contact-content > div
    {
        margin:    0 auto;
        max-width: 320px;
    }

    .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form input[type=tel]
    {
        width: 100%;
    }

    .mainNav
    {
        max-width: 320px;
    }

    .homeOffers > ul
    {
        width:          290px;
        max-width:      290px;
        float:          left;
        padding-bottom: 20px;
    }

    .homeOffers > ul > li
    {
        padding:    10px;
        text-align: center;
        width:      50%;
        max-width:  50%;
    }

    .homeOffers > ul > li a
    {
        background-size: cover;
        padding:         10px 0 0 0;
    }

    .homeOffers > ul > li img
    {
        background-size: contain;
        max-width:       118px;
        padding:         7px;
        width:           118px;
        height:          auto;
    }

    .homeOffers > ul > li div
    {
        height:              90px;
        -webkit-align-items: flex-start;
        align-items:         flex-start;
        padding-top:         10px;
    }

    .homeOffers > ul > li div span
    {
        color:       #469ECC;
        font-size:   14px;
        font-weight: 400;
        line-height: 1.42em;
        padding:     0;
    }

    .homeOffers > ul > li div:after
    {
        display: none;
    }

    .hsBody,
    .hsDoctor
    {
        background: #DEE7EC;
        height:     auto;
    }

    .hsBody .cont,
    .hsDoctor .cont
    {
        padding: 20px;
    }

    .homeOffers > h2,
    .hsBody .cont > h4,
    .hsDoctor .cont > h4
    {
        font-size: 24px;
    }

    .hsBody .cont > p
    {
        font-size: 16px;
    }

    .hsBody .cont > a
    {
        display:    block;
        text-align: center;
        padding:    0 15px;
    }

    .hsdAuto
    {
        background: url(../media/static/loop.png) 93% center no-repeat #fff;
        margin-top: 30px;
        width:      100%;
    }

    .homeNumbers > ul
    {
        display: block;
    }

    .homeNumbers > ul > li
    {
        margin-left: 0;
        width:       50%;
    }

    .homeServices ul > li
    {
        padding: 0;
        height:  150px;
    }

    .homeServices ul div
    {
        max-width:   100%;
        margin-left: 0;
    }

    .homeServices h5
    {
        font-size: 13px;
    }

    footer
    {
        padding: 0;
    }

    .bottomBar
    {
        padding: 0 20px;
    }

    .homeServices > h2,
    .homeInfo > h2,
    .homeNumbers > h3
    {
        font-size: 26px;
        margin:    0 auto;
        max-width: 320px;
    }

    .homeInfo > ul
    {
        display: block;
    }

    .homeInfo > ul > li
    {
        width: 100%;
    }

    .homeInfo > ul > li > a .cont
    {
        padding: 20px;
    }

    /* DOKUMENT */
    .dokumentTitle h1
    {
        max-width:     320px;
        padding-left:  15px;
        padding-right: 15px;
    }

    /* LOKALIZACJE */
    .lokalizacjeWrapper
    {
        max-width: 320px;
    }

    .listaLokalizacji .c100-s
    {
        margin-right: 0 !important;
        width:        100%;
    }

    .listaLokalizacji .lokalizacjaBtn
    {
        display: none;
    }

    .listaLokalizacji .c50-m
    {
        padding-bottom: 0;
    }

    .lokalizacjeWrapper > .c33
    {
        min-height:     auto;
        padding-bottom: 20px;
    }

    /* KONTAKT - szybki kotnakt */
    .dokumentTitle.with-tabs
    {
        height: 275px;
    }

    .doc-tabs
    {
        margin-left: -160px;
        max-width:   320px;
    }

    .doc-tabs > ul > li
    {
        margin-right: 0px;
        width:        160px;
    }

    .doc-tabs > ul > li > a
    {
        display:    block;
        text-align: center;
        width:      100%;
    }

    .col-left > div,
    .col-right > div
    {
        padding: 15px;
    }

    .cito-bg
    {
        background: none;
    }

    .nfz-bg
    {
        background: none;
    }

    .c50-m
    {
        width: 100%;
    }

    .cols-2 > div
    {
        padding-bottom: 20px;
        width:          100%;
    }

    /* KONTAKT - administracja */
    .contact-content > div#c2 > h2
    {
        font-size: 24px;
    }

    .contact-content > div#c2 > p
    {
        font-size: 15px;
    }

    #c2
    {
        padding: 0 20px;
    }

    .adm1
    {
        margin-bottom: 20px;
        width:         100%;
    }

    .adm2
    {
        margin-bottom: 20px;
        width:         100%;
    }

    .adm3
    {
        margin-bottom: 20px;
        width:         100%;
    }

    .adm4
    {
        margin-bottom: 20px;
        width:         100%;
    }

    /* KONTAKT - poradnie & pracownie */
    .contact-content > div ul
    {
        -moz-column-count:    1;
        -moz-column-gap:      0px;
        -webkit-column-count: 1;
        -webkit-column-gap:   0px;
        column-count:         1;
        column-gap:           0px;
    }

    .contact-form h4
    {
        width: 100%;
    }

    .contact-form input[type=text]
    {
        width: 100%;
    }

    .contact-form textarea
    {
        width: 100%;
    }

    /* BAZA LEKARZY - wyniki wyszukiwania */
    /* nagłówek */
    .lekarzWrapper,
    .lekarzSingleWrapper
    {
        max-width: 320px;
    }

    .bazaSzukaj h1
    {
        width: 100%;
    }

    .lekarzWrapper > div.szukajLeft
    {
        height: 100px;
    }

    .szukajLeft a
    {
        width: 160px;
    }

    .szukajMid input[type="text"]
    {
        font-size: 16px;
        border:    0;
    }

    .szukajRight p
    {
        font-size: 16px;
    }

    /* wyniki */
    .bazaWyniki h2
    {
        font-size: 24px;
    }

    .wynikiLekarz > img
    {
        margin-right: 15px;
        width:        80px;
    }

    .wynikiLekarz h3
    {
        font-size: 18px;
    }

    .wynikiLekarz div
    {
        width: 100%;
    }

    .wynikiLekarz p
    {
        font-size: 14px;
    }

    .wynikiSpecjalizacje p
    {
        font-size: 17px;
        margin:    0;
    }

    .wynikiSpecjalizacje ul
    {
        display: block;
        width:   100%;
        clear:   both;
    }

    .wynikiSpecjalizacje li
    {
        float:  left;
        margin: 12px 5px;
    }

    .wynikiSpecjalizacje img
    {
        display: none;
    }

    .boksPrywatne
    {
        border: 0;
    }

    .wynikiLekarz p:first-of-type
    {
        margin-top:  5px;
        line-height: 1.3em;
    }

    /* PORADNIA - KONTAKT  */
    .poradniaWrapper,
    .poradniaKierownik,
    .poradniaStopka,
    .lekarzSingleWrapperTwo,
    .poradniaKluczowe,
    section.poradniaOpisPrawa
    {
        max-width: 320px;
    }

    .poradniaWrapper h1,
    .poradniaKierownik h1,
    .poradniaStopka h1,
    .poradniaKluczowe h1,
    .lekarzSinglePowiazane h1
    {
        font-size: 27px;
    }

    .poradniaBaner .poradniaWrapper
    {
        height:         auto;
        padding-top:    15px;
        padding-bottom: 0;
        clear:          both;
    }

    .poradniaBaner2
    {
        background: none;
    }

    .poradniaBanerMenu
    {
        width:    320px;
        position: static;
        clear:    both;
    }

    .poradniaBanerMenu li
    {
        border:     0;
        float:      left;
        text-align: center;
        width:      50%;
    }

    .poradniaBanerMenu li.selected,
    .poradniaBanerMenu li:hover
    {
        background:              #fff;
        border-top-left-radius:  0px;
        border-top-right-radius: 0px;
    }

    .poradniaWrapper h2,
    .poradniaKierownik h2,
    .poradniaStopka h2,
    .poradniaKluczowe h2,
    .lekarzSinglePowiazane h2
    {
        font-size:     24px;
        margin-bottom: 15px;
    }

    .poradniaWrapper h4,
    .poradniaKierownik h4,
    .poradniaStopka h4,
    .poradniaKluczowe h4,
    .lekarzSinglePowiazane h4
    {
        font-size: 24px;
    }

    .poradniaKontaktLewa,
    .poradniaKontaktPrawa
    {
        padding: 10px 20px 20px;
    }

    .poradniaKontaktPrawa .btn
    {
        margin: 10px 0;
    }

    .poradniaKontakt .poradniaKontaktLewa img,
    .poradniaKontakt .poradniaKontaktPrawa img
    {
        display: none;
    }

    .poradniaStopka > div
    {
        padding: 20px 0 0 0;
    }

    .poradniaStopka > div.poradniaKontaktMapa
    {
        padding: 0;
    }

    .poradniaKontaktMapa .mapaRight,
    .poradniaKontaktMapa .mapaLeft
    {
        width: 100%;
    }

    .poradniaKontaktMapa .mapaRight
    {
        margin-bottom: 20px;
    }

    .powPorSingle,
    .powPraSingle,
    .powMarSingle
    {
        display: block;
        width:   100%;
    }

    .powPorSingle div
    {
        width: 65%;
    }

    /* PORADNIA - O PORADNi */
    .poradniaBaner
    {
        background: none;
    }

    .poradniaOpisLewa
    {
        padding: 0 15px;
    }

    .poradniaOpisPrawa
    {
        padding: 0 0 30px 0;
    }

    .poradniaOpisPrawa > div
    {
        height:  auto;
        padding: 15px;
        width:   100%;
    }

    .poradniaOpisPrawa > div:first-of-type
    {
        margin-bottom: 20px;
    }

    .poradniaWrapper h4
    {
        font-size: 25px;
    }

    .stopkaBoxa
    {
        position: static;
        width:    100%;
    }

    .poradniaBanerMenu li.selected:after
    {
        display: none;
    }

    .poradniaFalka .poradniaKluczowe
    {
        padding: 0;
    }

    .poradniaKluczowe
    {
        padding: 0 15px;
    }

    .poradniaKluczowe li a
    {
        padding: 0 15px;
    }

    .poradniaKluczowe ul
    {
        width:       90%;
        padding-top: 10px;
    }

    .kierownikContainer img
    {
        margin-right: 15px;
        width:        80px;
    }

    .kierownikContainer div.fl
    {
        width: auto;
    }

    .poradniaKierownik
    {
        padding: 20px 15px 0 15px;
    }

    .poradniaKierownik h4
    {
        font-size: 18px;
    }

    .kierownikContainer p
    {
        font-size:   14px;
        line-height: 1.42em;
    }

    .poradniaZespol h4
    {
        font-size: 18px;
    }

    .poradniaZespol h4
    {
        font-size: 24px;
    }

    .poradniaZespol .poradniaOpisLewa
    {
        padding: 0 15px;
    }

    .poradniaZespol .kierownikContainer div
    {
        float: none;
    }

    .poradniaKluczowe h3
    {
        font-size: 22px;
    }

    /*
    ========================================
    WYNIKI WYSZUKIWANIA
    ========================================
    */
    .wynikiTitle
    {
        background: #E8F0F3;
        display:    block;
    }

    .wynikiTitle h1
    {
        font-size: 27px;
        margin:    0 auto;
        padding:   20px 0;
        width:     320px;
    }

    .wwSearchbox
    {
        display: block;
        margin:  0 auto 20px;
        width:   320px;
    }

    .wynikiTitle form
    {
        margin: 0 auto;
    }

    .wwSearchboxBtn
    {
        right: 50px;
    }

    .naglowekWyniki
    {
        max-width: 320px;
    }

    .wynikiWrapper > div
    {
        max-width: 320px;
    }

    .wynikiWrapper h3,
    .wynikiWrapper h2
    {
        font-size: 24px;
    }

    .wynikiWrapper h4
    {
        display:   block;
        font-size: 18px;
    }

    .wynikiWrapper .c33
    {
        width: 100%;
    }

    .wynikiWrapper li p
    {
        font-size: 14px;
        display:   inline;
    }

    .wwArtykuly .c50
    {
        width: 100%;
    }

    .wwArtykuly li
    {
        padding-right: 0;
    }

    /* kompas */
    .kompas-in
    {
        width:    320px;
        height:   100vh;
        overflow: hidden;
        position: fixed;
    }

    .kompas-sex
    {
        top: 90px;
    }

    .kompas-sex a
    {
        display:           inline-block;
        border-radius:     21px;
        padding:           0 12px;
        height:            38px;
        font:              400 16px/38px 'blogger';
        clear:             both;
        position:          relative;
        text-transform:    uppercase;
        background:        #A9DCA7;
        color:             #fff;
        left:              0;
        -moz-transform:    scale(1);
        -webkit-transform: scale(1);
        -o-transform:      scale(1);
        -ms-transform:     scale(1);
        transform:         scale(1);
    }

    .kompas-choroby .kc-left > a,
    .kompas-choroby .kc-right > a,
    .kc-bottom > a
    {
        padding:       12px 8px;
        height:        auto;
        font:          400 12px/1.42em 'blogger';
        border-radius: 10px;
        display:       block;
        float:         none;
        width:         100%;
    }

    .kompas-humans
    {
        top: 80px;
    }

    .kc-ills
    {
        padding-right:  0;
        height:         calc(100vh - 196px);
        padding-bottom: 40px;
    }

    .kc-left
    {
        margin-top: 0;
    }

    .kc-left,
    .kc-right,
    .kc-bottom
    {
        left: -10px;
    }

    .navHome
    {
        margin-left: 15px;
    }

    section.homeOffers,
    section.homeServices
    {
        width:   320px;
        padding: 0 15px;
    }

    section.homeServices
    {
        padding: 30px 0;
    }

    .homeServices ul
    {
        padding-top:          40px;
        -moz-column-count:    2;
        -moz-column-gap:      15px;
        -webkit-column-count: 2;
        -webkit-column-gap:   15px;
        column-count:         2;
        column-gap:           15px;
    }

    .hsList
    {
        padding-left:  20px;
        padding-right: 20px;
    }

    .homeServices ul > li img
    {
        margin: 0 auto 10px;
    }

    .dokumentListaWrapper .olLewa div img
    {
        position: static;
        margin:   0 auto;
    }

    .dokumentListaWrapper li
    {
        padding:    15px 0;
        text-align: left;
    }

    .dokumentListaWrapper li:first-child
    {
        padding-top: 0;
    }

    .dokumentListaWrapper.listaOfert li
    {
        padding:    15px 0 25px 0;
        text-align: center;
    }

    .olLewa,
    .olPrawa
    {
        width:       100%;
        margin-left: 0;
        clear:       both;
        text-align:  center;
        float:       none;
    }

    .dokumentListaWrapper.listaOfert .olLewa a::after
    {
        display: none;
    }

    .dokumentListaWrapper > div ul
    {
        max-width: 320px;
        padding:   0 15px;
    }

    .dokumentListaWrapper.listaOfert a
    {
        float: none;
    }

    .dokumentListaWrapper.listaOfert li h3 a:after
    {
        display: none;
    }

    .dokumentListaWrapper li h3
    {
        margin-top:    10px;
        margin-bottom: 10px;
        min-height:    auto;
        line-height:   1.3em;
        clear:         both;
        width:         100%;
    }

    .dokumentListaWrapper li .c75,
    .dokumentListaWrapper li .c25
    {
        width: 100%;
        clear: both;
    }

    .dokumentListaWrapper li .c25 div
    {
        margin: 0 auto;
    }

    .dokumentListaWrapper li p
    {
        clear: both;
        width: 100%;
    }

    .dokumentListaWrapper li span
    {
        clear:   both;
        display: block;
    }

    .dokumentListaWrapper.listaOfert li p
    {
        margin-bottom: 20px;
    }

    .dokumentListaWrapper.listaOfert li h3 a
    {
        margin-bottom: 5px;
    }

    .ofertaImgCont
    {
        max-width: 320px;
    }

    .ofertaImg
    {
        position: relative;
        margin:   0 auto;
    }

    .dokumentTitle.oferta h1
    {
        clear:         both;
        padding-left:  15px;
        padding-right: 15px;
        text-align:    center;
    }

    .dokumentWrapper.oferta
    {
        width:      100%;
        min-height: auto;
    }

    .dokumentWrapper.oferta > div
    {
        padding:   0 15px;
        max-width: 320px;
        width:     320px;
        margin:    0 auto;
    }

    .dokumentListaWrapper,
    .dokumentListaWrapper.listaOfert
    {
        width: 320px;
    }

    .lokalizacjeWrapper > .c33,
    .lokalizacjeWrapper > .c100
    {
        border-left:   0;
        border-right:  0;
        border-bottom: 0;
    }

    .lokalizacjeWrapper > .c100,
    .listaLokalizacji .c50-m
    {
        margin-bottom: 0;
    }

    .lokalizacjeWrapper > .c100
    {
        border-top: 0;
    }

    .listaLokalizacji .c50-m .c33
    {
        margin-top: 15px;
    }

    .contact-content > div
    {
        padding-top: 20px !important;
    }

    .contact-form input[type=text]
    {
        margin-bottom: 0;
    }

    .boksPrywatne
    {
        width:        100%;
        margin-right: 0;
        padding:      15px 0;
    }

    .boksPrywatne p
    {
        line-height: 1.3em;
    }

    .wynikiLekarz div.wynikiSpecjalizacje
    {
        clear: both;
        width: 100%;
    }

    .wynikiLekarz div.wynikiSpecjalizacje li
    {
        margin: 12px 5px 12px 0;
    }

    .bazaWyniki .wynikiLekarz div.wynikiSpecjalizacje li
    {
        margin: 0 5px 0 0;
    }

    .lekarzSingleWrapper
    {
        padding: 0;
    }

    .lekarzSingleWrapper img.fl
    {
        width:   160px;
        float:   none !important;
        margin:  0 auto;
        display: block;
    }

    img + .lekarzSingleDane.fl
    {
        margin-left: 0;
        padding:     10px 15px 0 15px;
        text-align:  center;
    }

    .lekarzSingleDane h1
    {
        font-size: 30px;
    }

    .lekarzSingleDane
    {
        padding-left:  15px;
        padding-right: 15px;
        text-align:    center;
    }

    .lekarzSingleWrapperTwo > div,
    .doc-no-brand.doc-no-pic .lekarzSingleWrapperTwo > div:first-of-type
    {
        margin-left: 0;
        width:       100%;
    }

    .lekarzSinglePowiazane
    {
        clear: both;
    }

    .lekarzSingleOpis > div,
    .lekarzInni
    {
        width: 320px;
    }

    .lekarzSinglePowiazane,
    .lekarzSingleOpis > div,
    .lekarzInni,
    .contact-content > div.contact-form,
    .bazaWyniki,
    .bazaSzukaj .lekarzWrapper
    {
        padding-left:  15px;
        padding-right: 15px;
    }

    .powPraSingle
    {
        margin-right:  0;
        padding-right: 0;
    }

    .homeServices
    {
        background: none;
    }

    body
    {
        width:      100%;
        overflow-x: hidden;
    }

    .lekarzInni .zobaczSzczegoly,
    .lekarzInni .zobaczWiecej
    {
        display: block;
        clear:   both;
        padding: 4px 0;
        margin:  0;
    }

    .lekarzInni li p
    {
        line-height: 1.42em;
    }

    .lekarzInni h4
    {
        font-size:   22px;
        line-height: 1.2em;
    }

    .lekarzInni li img + div.fl
    {
        float: none !important;
    }

    .lekarzSingleWrapperTwo > div
    {
        border:  0;
        padding: 0;
    }

    .lekarzSingleWrapperTwo > div:first-of-type
    {
        padding-right:  0;
        padding-bottom: 10px;
    }

    .powPorSingle img.fl
    {
        float:        left !important;
        margin-right: 10px;
    }

    .lekarzSinglePowiazane .powPorSingle
    {
        text-align: left;
    }

    .lekarzSinglePowiazane .powPorSingle div.fl
    {
        width: auto;
        float: none !important;
    }

    .powPraSingle a
    {
        line-height: 1.42em;
        display:     block;
        clear:       both;
    }

    .powPraSingle a:before
    {
        position: relative;
        top:      8px;
        float:    left;
    }

    .lekarzSingleWrapperTwo
    {
        padding-bottom: 10px;
        border-bottom:  1px solid #ddd;
    }

    .lekarzSingleOpis
    {
        padding-top: 20px;
    }

    .lekarzSingleDane p
    {
        line-height: 1.42em;
    }

    .poradniaFalka
    {
        width:         320px;
        margin:        0 auto;
        padding-left:  15px;
        padding-right: 15px;
        background:    none !important;
    }

    .poradniaWrapperIn
    {
        width:     320px;
        max-width: 320px;
    }

    .poradniaWrapperIn
    {
        background: none !important;
    }

    .poradniaLeft
    {
        padding:       0 15px;
        clear:         both;
        min-width:     320px;
        max-width:     320px;
        width:         320px;
        margin-bottom: 15px;
    }

    .poradniaBaner .poradniaWrapper img
    {
        margin-left: 0;
        line-height: 1em;
    }

    .poradniaStopka
    {
        margin-top: 0;
    }

    .poradniaStopka > div:first-child
    {
        padding-top: 0;
    }

    .poradniaOpis .poradniaWrapper .clear:before
    {
        display: none;
    }

    #mapPopUp2 div
    {
        width: 290px;
    }

    .kompas-gradient
    {
        padding: 0;
    }

    .kompas-uklady,
    .kompas-punkty
    {
        top:    150px !important;
        margin: 0 0 0 -75px;
    }

    .kompas-humans > div.man,
    .kompas-humans > div.woman,
    .kompas-humans > div.child
    {
        margin-left: -75px;
    }

    .kompas-view header,
    .kompas-view footer
    {
        position: fixed;
        width:    100%;
        left:     0;
        z-index:  3;
    }

    .kompas-view header
    {
        top: 0;
    }

    .kompas-view footer
    {
        bottom:           0;
        background-color: #F5F5F5;
        z-index:          2;
    }

    .kompas-choroby > div.kc-ills
    {
        top:               145px !important;
        position:          relative;
        width:             320px;
        left:              50%;
        z-index:           1;
        -webkit-transform: translateX(-50%);
        transform:         translateX(-50%);
    }

    .kompas,
    .kompas-bg
    {
        height: 100vh;
    }

    .kc-tooltip-top
    {
        padding: 12px 10px 6px 12px;
    }

    .kct-left > img
    {
        width: 50px;
    }

    .kct-right
    {
        margin-left: 60px;
        min-height:  50px;
    }

    .kc-tooltip
    {
        left:     auto !important;
        right:    10px;
        position: fixed;
    }

    .kct-triangle
    {
        left:        100%;
        margin-left: -50px;
    }

    .lekarzSingleWrapperTwo > div,
    .lekarzSingleWrapperTwo > div:first-of-type
    {
        width: 100%;
    }

    .btn-poradnie
    {
        margin-top: 10px;
    }

    .picTransp
    {
        display: none;
    }

    .homeSlider .owl-prev,
    .homeSlider .owl-next
    {
        background-size: cover;
        width:           18px;
        height:          34px;
        margin-top:      -17px;
    }

    .poradniaBanerMenu2
    {
        position:          static;
        width:             320px;
        max-width:         320px;
        clear:             both;
        border-bottom:     0;
        float:             left;
        -webkit-transform: translateX(0);
        transform:         translateX(0);
    }

    .poradniaBanerMenu2:before,
    .poradniaBanerMenu2:after
    {
        display: none;
    }

    .poradniaOpis.with-sub,
    .poradniaZespol.with-sub,
    .lekarzSinglePowiazane.with-sub
    {
        padding-top: 25px;
    }

    .poradniaOpis,
    .poradniaZespol,
    .poradniaKontakt
    {
        clear: both;
    }

    .poradniaZespol
    {
        background-image: none !important;
    }

    .poradniaBanerMenu2 li
    {
        float: left;
    }

    .homeSlider.hsDesktop
    {
        display: none !important;
    }

    .homeSlider.hsMob
    {
        display: block !important;
    }

    .homeSlider li > div
    {
        clear:    both;
        position: static;
        width:    290px;
        margin:   0 auto;
    }

    .homeSlider li > div > a.fonHide,
    .homeSlider li > div > p.fonHide
    {
        display: block !important;
    }

    .homeSlider.hsMob li > div
    {
        text-align:        left;
        -webkit-transform: translateY(0);
        transform:         translateY(0);
    }

    .homeSlider.hsMob li > div > p
    {
        text-align:  left;
        color:       #A3D2E4;
        font-size:   28px;
        text-shadow: none;
        margin-top:  20px;
    }

    .homeSlider.hsMob li > div > a
    {
        margin:          15px 0 0 0;
        background:      #A3D3E4;
        border-radius:   17px;
        clear:           both;
        color:           #fff;
        display:         inline-block !important;
        font-size:       19px;
        line-height:     38px;
        padding:         0 40px;
        text-decoration: none;
        width:           auto;
    }

    .homeSlider.hsMob li > div > a:hover
    {
        background: #3880A6;
    }

    .ci-left
    {
        padding:    0 15px 15px 15px;
        margin:     0 auto;
        text-align: center;
        width:      320px;
        max-width:  320px;
    }

    .cookies-close
    {
        position: static;
        clear:    both;
        margin:   0 auto;
    }

    .lekarzContainer
    {
        border-bottom: 0;
    }

    .umowWizyte
    {
        margin-bottom: 15px;
    }

    .umowWizyte,
    .zobaczWiecej
    {
        display: block;
        clear:   both;
    }

    .por-popup-cont
    {
        width: 290px;
    }

    .adm > div
    {
        clear: both;
    }

    .dokumentWrapper div
    {
        width:         290px;
        padding-left:  15px;
        padding-right: 15px;
        margin:        0;
    }

    .poradniaBaner .poradniaWrapper h1.pw-title-center
    {
        line-height: 1.3em;
        float:       none;
    }

    .poradniaBanerMenu li
    {
        font-size: 14px;
    }

    .poradniaBanerMenu
    {
        background: #fff;
        display:    table;
    }

    .mapa-small
    {
        width: 100% !important;
    }

    .show-map-btn
    {
        display: none;
    }

    .poradniaKontaktMapa
    {
        background-image: none !important;
    }

    .poradniaBaner .poradniaWrapper h1
    {
        line-height:       1.42em;
        position:          absolute;
        left:              110px;
        top:               50%;
        -webkit-transform: translateY(-50%);
        transform:         translateY(-50%);
    }

    .galeriaDoc li
    {
        width: 50%;
    }

    .dokumentWrapper .c50
    {
        width: 100%;
    }

    .dokumentWrapper .c50:nth-of-type(2n-1)
    {
        padding-right: 0;
    }

    .dokumentWrapper .c50:nth-of-type(2n)
    {
        padding-left: 0;
    }

    .poradniaOpisLewa.dokumentWrapper div
    {
        padding: 0;
    }

    .dokumentWrapper blockquote
    {
        width:           100%;
        background-size: 50px auto;
        padding-left:    70px;
    }

    .dokumentWrapper img,
    .poradniaOpisLewa img
    {
        height: auto;
    }

}

.navbar
{
    position:      relative;
    margin-bottom: 10px;
    min-height:    20px !important;
    border:        1px solid transparent;
}

.navbar-default
{
    background-color: white !important;
    border:           none !important;
}

.main-a
{
    /*text-transform:  uppercase;*/
    text-decoration: none;
    /*border-left:     1px solid #E0E0E0;*/
    font-weight:     400;
    font-size:       1.7rem;
    color: black !important;
}

.package-btn
{
    width:    90%;
    position: absolute;
    bottom:   20px;
    right:    13px;
}

.package-price
{
    font-size:   250%;
    font-weight: 400;
}

.package-panel
{
    border:     none !important;
    min-height: 460px;
    position:   relative;
}

.package-panel-heading
{
    border:     none;
    min-height: 80px;
}

.package-panel-heading strong
{
    font-size: 150% !important;
}

.package-panel ul
{
    list-style: none;
}

.package-panel ul li
{
    border-top:     1px solid #e2e2e2;
    padding-top:    .5em;
    padding-bottom: .5em;
}

.package-panel ul li.noborder
{
    border:none;
}
