body { font-family: 'Lato', sans-serif; font-size: 13px; line-height: 18px; color: #808080; -webkit-text-size-adjust: 100%;}
body a { color: #808080}


a, a:hover, .fa, .btn, .trans, .trans:hover, #down, .navbar-toggle *
    { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}


p { margin-bottom: 14px}

h1, h2 { font-family: 'Josefin Sans', sans-serif; font-weight: 700; }
h2.item-title { margin: 0 0 30px; color: #fff; line-height: 1; text-transform: uppercase; font-size: 18px; height: 22px; padding: 5px 0 0; width: 182px; text-align: center; display: block; 
    -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; background: url("../images/ramka.png") center center no-repeat transparent}
h3 {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 11px; text-transform: uppercase; line-height: 11px; margin: 14px 0}

#home { background: url("../images/home_banner.jpg") center center no-repeat transparent; background-size: cover; width: 100%; height: 100%; display: table; text-align: center }
#home .tableCell { display: table-cell; vertical-align: middle}

#home img { max-width: 90%}

html, body { height: 100%}
#home, #home .tableCell { height: 100%; width: 100%}

.header { background: #c1c1c1; height: 32px; position: absolute; top: 22px; width: 100%; z-index: 101; padding: 9px 0}

.header.affix { position: fixed; top: 0}

#top_menu { text-align: center}
#top_menu ul li { display: inline-block; margin: 0 12px}
#top_menu ul li a { font-family: 'Josefin Sans', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 14px; color: #999; padding: 0; letter-spacing: 0.5px }
#top_menu ul li a:hover, #top_menu ul li a:focus { background: none}
#top_menu ul li a:hover, #top_menu ul li.active a { color: #fff}

#fullpage .section { text-align: center; padding-top: 125px; clear: both}

.lewa { text-align: left}
.prawa  { text-align: left}

.lewa p, .prawa p { padding-left: 15px}

#fullpage #kontakt h2 { margin: 0 auto 33px}
#fullpage #kontakt { padding-top: 150px;}

.section ul { padding: 0; margin: 0; list-style: none}
.section ul li { background: url("../images/list_item.png") left top no-repeat transparent; padding-left: 15px; margin-bottom: 12px }

.ramka_kontakt { padding: 14px 0; color: #fff; width: 273px; height: 97px; background: url("../images/ramka_kontakt.png") center top no-repeat transparent; margin: 0 auto; max-width: 100%; background-size: auto 100%}

#kontakt .row .col-sm-4 h3 { margin: 28px 0 14px}

#kontakt-2 .item-title { display: none}

.body { overflow: hidden }
#fullpage { position: relative}

#fullpage #mapa { background: #ffffff; padding: 0; margin-top: 70px}
#fullpage #mapa .row { background: #ffffff}
#inner_mapa { height: auto; margin: 0 -15px}

#fullpage #lines_canvas { position: absolute; left: 0; top: 0; /*height: 100%; width: 100%;*/ margin: 0 -15px}

#down { cursor: pointer; background: url("../images/arrow_down.png") center top no-repeat transparent; width: 21px; height: 11px; position: absolute; bottom: 22px; left: 50%; margin-left: -10px; z-index: 100  }

.footer .nav li a { padding: 0; text-transform: uppercase}
.footer .nav li a:hover, .footer .nav li a:focus { background: none; text-decoration: underline}

.footer { padding-top: 40px; margin-top: 70px; background: #b3b3b3; border-top: 4px solid #ccc; color: #fff}
.footer a { color: #fff}
.footer p { text-align: center}

#before_notariusz { margin-left: -16.6666%}

.navbar-toggle { margin-top: 0}
.navbar-toggle .icon-bar { background: #b3b3b3; width: 30px; height: 2px;  margin: 3px 0}
.navbar-toggle { cursor: pointer; position: absolute; right: 14px; top: 0; margin-right: 10px; margin-top: 8px; z-index: 2}

.navbar-toggle .num3 { display: none }
.navbar-toggle .num1 { position: absolute; top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg)}
.navbar-toggle .num2 {-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg)}

.navbar-toggle.collapsed .num3 { display: block }
.navbar-toggle.collapsed .num1 { position: static; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none}
.navbar-toggle.collapsed .num2 {-moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none}

.navbar-toggle.collapsed .icon-bar{ background: #b3b3b3 }
 
#inner_kontakt { background: #fff; margin: 30px 45px 0; padding: 0 15px}

.navbar { margin: 0; min-height: 0}

@media screen and (max-width: 991px) 
{
    #fullpage #notariusz { padding-top: 80px}
    
    h2.item-title { margin: 0 auto 30px; background-size: 100% 100%}
    #before_notariusz { margin-left: 0}
    
    .footer { margin-top: 0}
    #home img { max-width: 300px}
    
    #inner_kontakt { margin: 0 -15px}
    
    #fullpage #mapa { margin-top: 20px}
    #fullpage #kontakt-2 { padding-top: 40px}
    #fullpage #kontakt-2 .col-sm-4 { margin-bottom: 36px}
    
    .lewa p, .prawa p { padding: 0}
}

@media screen and (max-width: 767px) 
{
    .header.row { margin: 0; background: none; padding: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; height: auto}
    .header.row.opened { height: 100%}

    .navbar-toggle .icon-bar { background: #ffffff}
    #top_menu { position: fixed; background: #cecece; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: table }
    #top_menu ul { display: table-cell; vertical-align: middle; width: 100%; height: 100%}
    #top_menu ul li { display: block; margin: 14px 0}
    #top_menu ul li a { color: #fff}
    #top_menu ul li a:hover, #top_menu ul li:focus { color: #999}
    .body { padding: 0}
 
    #home img { max-width: 240px}
    
    #mapa .col-md-8 { padding: 0}
    
    
    
    .navbar-collapse.collapse.in { display: block}
    #top_menu_collapse { width: 100%; height: 100%; padding: 0; text-align: center; left: 0; position: absolute; top: 0}
    
}


    .mac-os h2.item-title { 
        padding-top: 5px
    }