body { font-family: 'Roboto', sans-serif; font-size: 15px; color: #282828}

.body { width: 100%}

h1,h2,h3,h4,h5 { font-weight: 900 }

a, a:hover, .fa, .btn, .trans, .trans:hover, .header, #side_navigation, #side_navigation .inner, #klienci img.color, .btn span, .btn:hover span, 
    #oferta-realizacje a:hover img, #oferta-realizacje a img, #oferta-realizacje .col-sm-6:hover h3, #oferta-realizacje .col-sm-6 h3  
    { -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}
#oferta-realizacje a:hover img, #oferta-realizacje a img, #oferta-realizacje .col-sm-6:hover h3, #oferta-realizacje .col-sm-6 h3, .trans_long, a:hover .trans_long, .blog .item:hover img, .blog .item img, .blog .item:hover .page-header, .blog .item .page-header
     { -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out}

a:hover, a:focus { text-decoration: none}

img.lazy, img.lazy-home{ display:block; width: 100%; }

h1 span { color: #b70002}

#depreload { width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 1111; background: #000; display: table; text-align: center}
#depreload .table-cell { display: table-cell; vertical-align: middle}

#depreload .circle { width: 240px; height: 240px; border: 1px solid #b70002; margin: 0 auto; position: relative;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#depreload .line { margin: -20px; opacity: 0}
#depreload .perc { color: #fff; font-size: 24px; text-transform: uppercase; margin-top: 30px}
#depreload .loading {color: #fff; text-transform: uppercase; margin-top: 60px; letter-spacing: 1px}
#depreload .perc, #depreload .loading {position: absolute; width: 100%;}
#logo_start { width: 100%; text-align: center; font-size: 120px; top: 50%; margin-top: -75px; position: absolute}

.left { text-align: left}
.right { text-align: right}

.header { position: fixed; top: 60px; width: 100%; z-index: 1000; padding: 0px 60px; background: rgba(255,255,255,0.001)}

.brand { font-size: 84px; line-height: 84px; color: #b70002}
.brand:hover, .brand:focus { color: #b70002 }
.brand .icon-KD_przewijane { display: none}

.header.affix { background: #fff; top: 0; min-height: 54px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);}
.header.affix .brand { font-size: 54px; line-height: 54px; position: absolute}
.header.affix .brand .icon-KD_MENU { display: none}
.header.affix .brand .icon-KD_przewijane { display: inline-block}

.header .navigation { display: none}
.header.affix .navigation { display: block}
.header .navigation ul { display: table; margin: 7px auto; width: 70%}
.header .navigation ul li { display: table-cell; width: 16.66666%; text-align: center}
.header .navigation ul li a { text-transform: uppercase; font-weight: 700; color: #282828; font-size: 17px; line-height: 20px; display: inline-block; padding: 10px 0}
.header .navigation ul li a:hover, .header .navigation ul li a:focus { background: none}
.header .navigation ul li a:hover, .header .navigation ul li.active a { color: #b70002}

#side_navigation { position: fixed; right: 0; top: 0; height: 100%; overflow: hidden; z-index: 1000 }
#side_navigation .inner { height: 100%; width: 375px; background: #fff; padding-top: 245px; margin-right: -375px}
#side_navigation.opened .inner { margin-right: 0}
#side_navigation .navigation ul li { text-align: center}
#side_navigation .navigation ul li a:hover, #side_navigation .navigation ul li a:focus { background: none}
#side_navigation .navigation ul li a {  text-transform: uppercase; font-weight: 700; color: #282828; font-size: 17px; line-height: 20px; display: inline-block; padding: 10px 0}
#side_navigation .navigation ul li a:hover, #side_navigation .navigation ul li.active a { color: #b70002}
#side_navigation .mod-languages { width: 375px; position: absolute; bottom: 0px; padding: 60px 0; text-align: center; background: #b70002}

div.mod-languages li { margin: 0 10px; text-align: center}
div.mod-languages li a { border: 1px solid #fff; width: 48px; height: 48px; line-height: 46px; font-size: 15px; font-weight: 900; display: inline-block; color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px}
div.mod-languages li.lang-active a, #side_navigation .mod-languages li a:hover { background: #fff; color: #b70002}

.header .mod-languages { position: absolute; right: 60px; top: 10px; display: none}
.header.affix .mod-languages { display: block}
.header .mod-languages li a { width: 35px; height: 35px; line-height: 33px; font-size: 12px; border-color: #b70002; color: #b70002}
.header .mod-languages li.lang-active a, .header .mod-languages li a:hover { background: #b70002; color: #fff}

#scroll-down { position: absolute; bottom: 60px; z-index: 1000; left: 50%; margin-left: -30px}
#back-top { position: absolute; right: 60px; bottom: 60px}

#back-top, #scroll-down { font-size: 25px; line-height: 46px; text-align: center; color: #fff; cursor: pointer}
#back-top:hover, #scroll-down:hover { background: #fff; color: #b70002}
#menu-toggle, #back-top, #scroll-down { border: 1px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; width: 48px; height: 48px;}

#menu-toggle {  right: 60px; top: 60px; z-index: 1001;
               margin: 0; position: absolute; cursor: pointer; display: block; background: transparent; 
               -moz-transform:translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0)}

#menu-toggle span { display: none}
#menu-toggle:hover,
#menu-toggle:focus,
#menu-toggle:active { outline: none}
#menu-toggle.is-closed:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0;
         -moz-transform:translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);
         transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out}
#menu-toggle.is-closed:hover:before { opacity: 1; display: block;
        -moz-transform:translate3d(-100px,0,0); -webkit-transform: translate3d(-100px,0,0); -o-transform: translate3d(-100px,0,0); -ms-transform: translate3d(-100px,0,0);
        transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out}

/*#menu-toggle.is-open {-moz-transform:translate3d(-36px,0,0); -webkit-transform: translate3d(-36px,0,0); -o-transform: translate3d(-36px,0,0); -ms-transform: translate3d(-36px,0,0);}*/

#menu-toggle.is-closed .hamb-top,
#menu-toggle.is-closed .hamb-middle,
#menu-toggle.is-closed .hamb-bottom,
#menu-toggle.is-open .hamb-top,
#menu-toggle.is-open .hamb-middle,
#menu-toggle.is-open .hamb-bottom { position: absolute; left: 11px; height: 1px; width: 25px}

#menu-toggle.is-closed .hamb-top,
#menu-toggle.is-closed .hamb-middle,
#menu-toggle.is-closed .hamb-bottom { background-color: #fff}

header.affix #menu-toggle.is-closed .hamb-top,
header.affix #menu-toggle.is-closed .hamb-middle,
header.affix #menu-toggle.is-closed .hamb-bottom { background-color: #b70002} 

#menu-toggle.is-closed .hamb-top { top: 15px; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out}
#menu-toggle.is-closed .hamb-middle { top: 23px; margin-top: 0}
#menu-toggle.is-closed .hamb-bottom { bottom: 14px; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out}
#menu-toggle.is-closed:hover .hamb-top {top: 9px; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out}
#menu-toggle.is-closed:hover .hamb-bottom { bottom: 9px; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out}

#menu-toggle.is-open { border-color: #b70002 #b70002; position: fixed}
#menu-toggle.is-open .hamb-top,
#menu-toggle.is-open .hamb-middle,
#menu-toggle.is-open .hamb-bottom { background-color: #b70002}

header.affix #menu-toggle.is-open .hamb-top,
header.affix #menu-toggle.is-open .hamb-middle,
header.affix #menu-toggle.is-open .hamb-bottom { background-color: #b70002}

#menu-toggle.is-open .hamb-top,
#menu-toggle.is-open .hamb-bottom { top: 50%; margin-top: -1px}

#menu-toggle.is-open .hamb-top {
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);
    transition: all .2s cubic-bezier(.73,1,.28,.08); -webkit-transition: all .2s cubic-bezier(.73,1,.28,.08); -moz-transition: all .2s cubic-bezier(.73,1,.28,.08); -o-transition: all .2s cubic-bezier(.73,1,.28,.08) }
#menu-toggle.is-open .hamb-middle { display: none; }
#menu-toggle.is-open .hamb-bottom {
              -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
              transition: all .2s cubic-bezier(.73,1,.28,.08); -webkit-transition: all .2s cubic-bezier(.73,1,.28,.08); -moz-transition: all .2s cubic-bezier(.73,1,.28,.08); -o-transition: all .2s cubic-bezier(.73,1,.28,.08) }
#menu-toggle.is-open:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0;
         -moz-transform:translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);
         transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out}
#menu-toggle.is-open:hover:before { opacity: 1; display: block;
         -moz-transform:translate3d(-100px,0,0); -webkit-transform: translate3d(-100px,0,0); -o-transform: translate3d(-100px,0,0); -ms-transform: translate3d(-100px,0,0);
         transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out }

.leading img { width: 100%}

#oferta-realizacje .col-sm-6 { padding: 0; background: #282828; position: relative; overflow: hidden}
#oferta-realizacje .col-sm-6 img { opacity: 0.15; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);}
#oferta-realizacje .center { left: 50%; position: absolute; top: 50%; margin-top: -40px}
#oferta-realizacje a { color: #fff}
#oferta-realizacje h3 a { text-transform: uppercase}
#oferta-realizacje h3 a small { text-transform: none}
#oferta-realizacje .col-sm-6:hover a img { opacity: 1; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
#oferta-realizacje h3 { color: #fff; left: -50%;position: relative}
#oferta-realizacje .col-sm-6:hover h3 { opacity: 0}
#oferta-realizacje h3 small { color: #fff}
#oferta-realizacje h3 span { color: #b70002}


.blog { padding: 0 0 60px}
.blog .category-desc { margin-bottom: 30px}
.blog .item { position: relative; background: #000; overflow: hidden}
.blog .item img { max-width: 100%; opacity: 0.3; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); }
.blog .item:hover a img { opacity: 1; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.blog .item .page-header { padding: 0; margin: 0; border: none; position: absolute; top: 50%; padding: 0 60px; z-index: 1}
.blog .item:hover .page-header { opacity: 0; z-index: 0}
.blog .item .page-header h2 { margin: -50% 0 0; width: 200%; position: absolute; font-size: 25px; line-height: 28px; text-transform: uppercase}
.blog .item .page-header h2 a{ color: #fff;  }
.blog .items-row { margin: 0 -2px}
.blog .items-row > * { padding: 2px}

.realizacje .col-md-4, .realisations .col-md-4, .projects .col-md-4, .article_images_block_kds .col-md-4 { padding: 5px}
.realizacje .col-md-4 a, .realisations .col-md-4 a, .projects .col-md-4 a , .article_images_block_kds .col-md-4 a{ display: block; overflow: hidden; background: #222}
.realizacje .col-md-4 img, .realisations .col-md-4 img, .projects .col-md-4 img, .article_images_block_kds .col-md-4 img { opacity: 0.15; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);}
.realizacje .col-md-4 a:hover img, .realisations .col-md-4 a:hover img, .projects .col-md-4 a:hover img, .article_images_block_kds .col-md-4 a:hover img { opacity: 1; -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

#featured h1, #featured h2, #featured h3 { margin-top: 0; font-size: 64px; line-height: 64px}
#featured h1 small, #featured h2 small, #featured h3 small { font-size: 20px; line-height: 20px; display: block}

#firma { padding: 180px 0}

#klienci { padding: 60px 0; text-align: center}
#klienci .col-xs-6 { padding: 0; margin: 30px 0}
#klienci img.grey { width: 60%; left: 20%; position: absolute; top: 0}
#klienci img.color { width: 60%; opacity: 0; position: relative}
#klienci a:hover img.color { opacity: 1}

#metody-spawania { color: #fff; background: url("../images/metody_spawania.jpg") center top no-repeat transparent; background-size: cover; padding: 210px 0 110px; border-bottom: 27px solid #b70002; margin: 0 -15px}
#metody-spawania h2 { text-transform: uppercase}
#metody-spawania h2 small { font-weight: 600; color: #fff; text-transform: none }
#metody-spawania [class^="icon-"], #metody-spawania [class*=" icon-"] { margin: 0 auto 45px; text-align: center; font-size: 48px; line-height: 90px; display: block; width: 90px; height: 90px; border: 2px solid #fff; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; background: #b70002}
#metody-spawania .row { text-align: center}

.btn { padding: 12px 40px; height: 50px; line-height: 26px; background: #b70002; color: #fff; text-transform: uppercase; border-radius: 0; border: none; font-size: 20px; font-weight: 900}
.btn:hover, .btn:focus { background: #970000; color: #fff }

#kariera { margin: 0 -15px; background: #f4f4f4}
#kariera img { position: absolute; bottom: 0; max-width: 30%}
#kariera .row { position: relative}
#kariera .row .col-sm-4 { position: static; padding-bottom: 90px; padding-top: 90px }
#kariera .row .col-sm-4:first-child { padding-right: 0}
#kariera .container { background: url("../images/mapa.png") left center no-repeat }
#kariera h3 { font-size: 40px; line-height: 40px}
#kariera h3 span { color: #b70002; display: inline-block}
#kariera .btn { margin-top: 40px}
#kariera .btn:hover { background: #970000; color: #fff}
#kariera .btn:hover span { margin: 0 6px 0 6px}
#kariera .btn span { font-size: 24px; margin-left: 12px; vertical-align: bottom}

.footer { background: #282828; color: #fff; font-size: 13px; line-height: 15px; padding-top: 90px; position: relative}
.footer p { margin-bottom: 12px}
.footer h3 { font-size: 17px; font-weight: 700; color: #4d4d4d; margin: 0 0 25px}
.footer .moduletable a { color: #fff; text-decoration: underline}
.footer .moduletable a:hover { text-decoration: none}
.footer .moduletable.social a { color: #4d4d4d; margin-right: 10px; padding: 0 3px; font-size: 17px; line-height: 15px; text-decoration: none}
.footer .moduletable.social a:hover { color: #fff }

.footer .bottom { background: #202020; font-size: 11px; line-height: 13px; padding: 13px 0; color: #4c4a4d; margin-top: 90px}
.footer .bottom a { font-size: 13px; color: #4c4a4d; }
.footer .bottom a span { float: right; margin-left: 6px}
.footer .bottom a:hover { color: #fff}

body > #banner_top .custom img { width: 100% }
body > #banner_top .custom p { margin: 0}

#content .breadcrumb { background: none; font-size: 12px; line-height: 14px; margin: 20px 0; padding: 5px 0}
#content .breadcrumb li:first-child { font-weight: 900; color: #222; text-transform: uppercase}
#content .breadcrumb > li + li:before { padding: 0}
#content .breadcrumb > li:first-child + li:before { display: none}
#content .breadcrumb > li a { color: #222; text-transform: uppercase}
#content .breadcrumb > li.active span { color: #b70002; font-weight: 900; text-transform: uppercase} 

.item-page .page-header { padding: 0; margin: 0; border: none}
.item-page .page-header h2 { font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 900}
.item-page a { color: #282828; text-decoration: none}
.item-page a:hover { text-decoration: underline}

.article_images_block_kds { margin-top: 30px; margin-bottom: 60px}

.kontakt .body > .container-fluid, .contact .body > .container-fluid { background: url("../images/mapa_bigger.png") center center no-repeat #f4f4f4 }
.kontakt .item-page, .contact .item-page { padding-bottom: 260px; position: relative}
.kontakt .item-page .col-sm-8, .contact .item-page .col-sm-8 { position: static}
.kontakt .item-page .col-sm-8 img, .contact .item-page .col-sm-8 img { position: absolute; bottom: 0}

#bottom > .row > * { padding: 0}
#mapa { height: 520px; width: 100%}
.custom.mapa { height: 520px}

.over_formularz { background: #fff; height: 520px; padding: 55px 0}

#kontakt_form label { width: 100%; font-weight: 300; font-size: 15px; margin: 28px 0 16px; line-height: 15px}
#kontakt_form input[type="text"], #kontakt_form textarea { width: 100%; border: none; background: #f4f4f4}
#kontakt_form input[type="text"] { line-height: 32px; padding: 0 16px}
#kontakt_form textarea { resize: none; padding: 16px; line-height: 16px; margin-bottom: 28px}
#kontakt_form .btn { font-weight: 300; font-size: 15px; text-transform: none}

#bottom_bottom p { margin: 0}
#bottom_bottom img { width: 100%}
#bottom_bottom .moduletable.parallax { height: 320px; overflow: hidden}
#bottom_bottom .moduletable.parallax .custom { height: 320px; background: url("") no-repeat transparent center center; background-size: 100% auto}

.item-page { padding: 0 0 60px}

.label.label-inverse { color: #b70002}

.row_oferta h2:after { content: " "; width: 40px; height: 6px; background: #b70002; margin-bottom: 30px; margin-top: 15px; display: block}
.row_oferta .col-sm-5 { padding-top: 20px}
.row_oferta .col-sm-5 a { margin-bottom: 25px; width: 32px; height: 32px; font-size: 17px; display: inline-block; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background: #b70002; color: #fff; text-align: center; line-height: 34px}
.row_oferta .col-sm-5 a:hover { text-decoration: none}
.row_oferta .col-sm-5 a.genre { background: #282629}

.item-page video { width: 100%}

@media (min-width: 1200px) {
  .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714% }
}

@media (max-width: 1600px) {
    .header { top: 30px; padding: 0 30px}
    #menu-toggle { top: 30px; right: 30px}
    #homeCarousel #nav_pager { padding-right: 30px; bottom: 30px}
    #scroll-down { bottom: 30px}
    .header .mod-languages { right: 25px}
    #side_navigation .mod-languages { padding: 30px 0}
    
    #side_navigation .inner { padding-top: 100px}
    
    #homeCarousel .caption, #featured h1, #featured h2, #featured h3 { font-size: 50px; line-height: 50px}
}

@media (max-width: 1367px) {
    .header .navigation ul { float: left; width: auto; padding-left: 50px }
    .header .navigation ul li { width: auto; padding: 0 20px }
}

@media (max-width: 991px) {
    .kontakt .item-page .col-sm-8 img, .contact .item-page .col-sm-8 img { right: 0; max-width: 80%}
	
    #metody-spawania [class^="icon-"], #metody-spawania [class*=" icon-"] { margin-bottom: 15px}
    
    .header { top: 15px; padding: 0 15px}
    #menu-toggle { top: 15px; right: 15px}
    #homeCarousel #nav_pager { padding-right: 15px; bottom: 15px}
    #scroll-down { bottom: 15px}
    .header .mod-languages { right: 10px}
    
    #side_navigation .inner { padding-top: 65px}
    #side_navigation .mod-languages { padding: 15px 0}
    
    #homeCarousel .caption, #featured h1, #featured h2, #featured h3 { font-size: 42px; line-height: 42px}
    
    .header .navigation ul { float: left; width: auto; padding-left: 40px }
    .header .navigation ul li { width: auto; padding: 0 12px }
    .header .navigation ul li a { font-size: 14px}
    
    #homeCarousel .caption { width: 100%; left: 0; text-align: center}
    
    #firma .container { width: auto}
    
    .blog .item .page-header { width: 100%; top: 15px; padding: 0}
    .blog .item .page-header h2 { margin: 0; width: 100%; padding: 0 15px; font-size: 18px; line-height: 20px}
    	
}

@media (max-width: 767px) {
	.item-page .page-header h2 { font-size: 24px; line-height: 24px}
	
    #side_navigation .mod-languages { width: 100%}
    #side_navigation { width: 100%; right: auto; left: 100%; position: fixed;background: rgba(0,0,0,0.8)}
    #side_navigation.opened { right: auto; left: 0%}
    #side_navigation .inner { width: 90%; position: absolute; right: 0}
	
    .header.affix .mod-languages, .header.affix .navigation {display: none}    
    
    #menu-toggle.is-closed .hamb-top, #menu-toggle.is-closed .hamb-middle, #menu-toggle.is-closed .hamb-bottom { background: #b70002}
    #menu-toggle {border-color: #b70002}
    
    #menu-toggle.affix { position: fixed; top: 10px}
    #menu-toggle.affix { width: 36px; height: 36px}
    #menu-toggle.is-closed.affix .hamb-top { top: 11px}
    #menu-toggle.is-closed.affix .hamb-middle { top: 17px}
    #menu-toggle.is-closed.affix .hamb-bottom { bottom: 10px}
    #menu-toggle.is-closed.affix .hamb-top, #menu-toggle.is-closed.affix .hamb-middle, #menu-toggle.is-closed.affix .hamb-bottom, #menu-toggle.is-open.affix .hamb-top, #menu-toggle.is-open.affix .hamb-middle, #menu-toggle.is-open.affix .hamb-bottom {
         left: 7px; width: 20px}
    
    .brand { font-size: 60px; line-height: 60px}
    
    #content > .container { padding: 0}
    
    #homeCarousel .caption, #featured h1, #featured h2, #featured h3 { font-size: 30px; line-height: 30px; text-align: center}
    #firma { padding: 60px 0}
    #firma h1 { margin-bottom: 60px}
    
    #metody-spawania { padding-top: 110px}
    
    .footer { text-align: center; padding-top: 15px}
    .footer h3 { margin-top: 30px}
    
    .blog .container { padding: 0}
    
    .blog .item .page-header { width: 100%; top: 15px; padding: 0}
    .blog .item .page-header h2 { margin: 0; width: 100%; padding: 0 15px; font-size: 18px; line-height: 20px}
    
    #back-top { right: 50%; margin-right: -22px}
    
    #kariera { text-align: center}
    #kariera .row { padding-bottom: 240px; padding-top: 60px}
    #kariera .row .col-sm-4 { padding: 15px 0}
    
    #kariera img { margin-left: -15%}
    
    .seven-cols .col-sm-1, .seven-cols .col-lg-1  { width: 100%; *width: 100% }
    .seven-cols .col-xs-6 { width: 50%; *width: 50% }
}