/*css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" ""; font-style:italic; text-align:right; font-size:13px; margin-bottom:20px;margin-top:10px; line-height:16px; }


/*layout*/
html { height:100%; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; color:#353535; }
body {margin:0; padding:0; line-height:1; -webkit-text-size-adjust: none;  }
h1 { font-size:60px; line-height:60px; font-weight:normal; font-family:'MyriadProBold'; text-align:center; }
h2 {
font-family:'MyriadProBold';
font-size:38px; line-height:47px; /*margin-bottom:57px;*/ margin-top:65px; margin-bottom:40px;
/*font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:900; */
}

h3 {  font-size:38px; line-height:47px; letter-spacing:1px; margin-bottom:30px;
font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
.mobile h3 { letter-spacing:0px; }
h4 { color:#a4a4a4; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:38px; line-height:47px; letter-spacing:1px; margin-top:62px; margin-bottom:30px; }
.mobile h4 { letter-spacing:0px; }
h5 { font-family:'MyriadProBold'; font-size:36px; line-height:47px; margin-bottom:57px; text-transform:uppercase; }
h6 { font-family:'MyriadProBold'; font-size:28px; line-height:32px; margin-bottom:12px; }
ol { margin:0; padding:0; }
ul { margin:0; padding:0; }
li {margin:0px; padding:0; list-style:none; }
p { color:#353535; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:21px; line-height:30px; letter-spacing:1px; margin-bottom:5px;  }
q { font-style:italic; text-align:center; }
a {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
strong { /*font-family:'MyriadProSemibold';*/ font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:bold; }

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}


/*containers*/
div#root { width:100%; }
.desktop div#root { min-width:986px; }

div.inner-box { width:986px; height:100%; margin:0 auto;  border-left:0px dashed #333; position:relative; }
.tablet div.inner-box, .mobile div.inner-box { width:100%; }
div.col-30 { width:30%; margin-right:3%; float:left; }
.mobile div.col-30 { width:47%; margin-right:3%; float:left; }
@media only screen and (max-width: 320px) {
.mobile div.col-30 { width:97%; margin-right:3%; float:left; }

}
div.col-16 { float:left; width:16%; }
.mobile div.col-16 { float:left; width:100%; float:none; }
div.col-80 { float:left; width:84%; }
.mobile div.col-80 { float:none; width:100%;  }
div#loader { width:100%; height:100%; position:fixed; z-index:10; background:#FFF;  }
div#loader img { position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-20px; }
.mobile { visibility: hidden; overflow:hidden; }
.mobile #loader { display:none; opacity:0; }
.mobile header { height:auto; }

.menu-main-menu-container { width:0px; height:0px; }


/*menu*/
div#menu { background:#FFF; border-bottom:8px solid #E4E4E4; width:100%; height:113px; position:fixed; top:0px; z-index:8;  }

.realizacje #menu { padding-bottom:50px; }
.tablet.realizacje #menu, .mobile.realizacje #menu { padding-bottom:0px; }
.realizacje.home #menu { padding-bottom:0px; }

.tablet #menu, .mobile #menu { z-index:9; }


a#logo { width:70px; height:100%; display:block; background:url(../img/logo-b.jpg) no-repeat; position:absolute; background-size:contain; background-position:center; bottom:0px; left:-5px;  }
.tablet a#logo, .mobile a#logo { width:272px; height:66px; display:block; background:url(../img/logo-tablet.jpg) no-repeat; position:absolute; background-size:contain; background-position:center; bottom:24px; left:44px; }
#menu-on-off { width:115px; height:113px; /*border-left:1px solid #BEBEBE;*/ position:absolute; top:0px; right:0px; background:url(../img/tablet-menu-btn-c.jpg) no-repeat; background-position:center; background-size:contain; display:none; cursor:pointer; }
#menu-on-off-active { width:115px; height:113px; position:absolute; top:0px; right:0px; background:url(../img/tablet-menu-btn-c-active-b.jpg) no-repeat; background-position:center; background-size:contain; display:none; cursor:pointer; }
.tablet #menu-on-off, .mobile #menu-on-off { display:block; z-index:9}
.tablet #menu-on-off-active, .mobile #menu-on-off-active { display:block; z-index:8}
#mobile-menu-stripe { position:absolute; top:80px; left:0; width:100%; height:1px; background:#BDBDBD; display:none; }
.mobile #mobile-menu-stripe { display:block; }
div#menu ul { position:absolute; bottom:50%; margin-bottom:-9px; left:118px; overflow:hidden;  }
div#menu ul li { float:left; margin-right:38px; height:18px; }
div#menu ul li a { /*text-transform:uppercase; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; font-size:16px; line-height:16px;*/ color:353535;text-transform:lowercase; font-family:"MyriadProBold"; font-size:18px; line-height:18px;}
div#menu ul li a:hover, div#menu ul li a.active { color:#f21414; }
div#menu ul.main-nav { z-index:2; }
div#menu #submenu ul { z-index:1; }
.tablet div#menu ul.main-nav { z-index:9; }
.mobile div#menu ul.main-nav { z-index:9; }
li.current_page_item a { color:#f21414;  }
li.current-page-ancestor a { color:#f21414;  }
.tablet #menu ul, .mobile #menu ul { display:block; position:relative; top:0; left:1000px;  width:300px; border-bottom:1px solid #BDBDBD; border-left:1px solid #BDBDBD; z-index:9;  }
.tablet #menu ul li, .mobile #menu ul li { display:block; float:none; border-top:1px solid #BDBDBD; margin-right:0; height:auto; }
.tablet #menu ul li a, .mobile #menu ul li a { background:#FFF; display:block; padding:50px 40px; font-size:38px; }
.tablet #menu ul li a:hover,.mobile #menu ul li a:hover { background:#F7F7F7; color:#000; }
.tablet #menu ul li a.active,.mobile #menu ul li a.active { background:#F7F7F7; color:#000; }
.mobile #menu ul li:first-child,.tablet #menu ul li:first-child { border-top:0px; }


ul.mobile-lang-nav { overflow:hidden; float:left; border:1px solid #BDBDBD; border-right:0px; z-index:9;  display:none; }
.tablet ul.mobile-lang-nav { display:block; }
.mobile ul.mobile-lang-nav { display:block; }

ul.mobile-lang-nav li { float:left; border:0; }
.tablet #menu ul.mobile-lang-nav li, .mobile #menu ul.mobile-lang-nav li {float:left; border:0; }

div#menu ul.mobile-lang-nav li a { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; text-transform:uppercase; text-align:center; border:0; }
div#menu ul.mobile-lang-nav li a.active { background:#000; color:#FFF; }


/*submenu*/
#submenu { position:absolute; bottom:-40px; left:118px; width:88%; height:28px; display:none; }
.realizacje #submenu { display:block; }
.realizacje.home #submenu { display:none; }

.tablet #submenu,.mobile #submenu { display:block; }
.tablet.realizacje.home #submenu,.mobile.realizacje.home #submenu { display:block; }

div#menu #submenu ul { position:absolute; left:0px; bottom:0px;  margin:0px; z-index:8; }


div#menu #submenu ul li { height:auto; border:2px solid #353535; margin:0 8px 8px 0; padding:0; }

div#menu #submenu ul li a { margin:0px; font-size:16px; line-height:22px; padding:0px 10px 0px 10px; height:22px;  text-transform:lowercase; display:block;  font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:bold; letter-spacing:0px; /*font-family:'MyriadProBold';*/}
.mobile div#menu #submenu ul li a { font-family:'MyriadProBold'; height:auto; }
.tablet div#menu #submenu ul li a { font-family:'MyriadProBold'; height:auto; }


div#menu #submenu ul li a:hover,div#menu #submenu ul li a.active { background:#353535; color:#FFF; }



.tablet #submenu ul li, .mobile #submenu ul li {  display:block; float:none; border-top:1px solid #BDBDBD; margin-right:0; height:auto; }

.tablet div#menu #submenu ul,.mobile div#menu #submenu ul { position:relative; left:0px; margin:0px; border-left:1px solid #BDBDBD; border-bottom:1px solid #BDBDBD;border-right:1px solid #BDBDBD; }
.tablet div#menu #submenu ul li,.mobile div#menu #submenu ul li { display:block; float:none; border:0; border-top:1px solid #BDBDBD; margin-right:0; height:auto; margin:0;  }
.mobile div#menu #submenu ul li:first-child,.tablet div#menu #submenu ul li:first-child { border-top:0px; }

.tablet div#menu #submenu ul li a,.mobile div#menu #submenu ul li a {  background:#F7F7F7; display:block; padding:50px 40px; font-size:38px; color:#000; }
.tablet div#menu #submenu ul li,.mobile div#menu #submenu ul li a:hover { background:#F7F7F7; color:#000; }


/*home*/
main.home { }
section#realizacje { margin-top:57px; position:relative; }
section#realizacje ul { padding:0; margin:0; height:100%; width:100%; position:relative; overflow:hidden; }
.tablet section#realizacje ul { padding:0; margin:0; height:100%; width:100%; position:relative; overflow:visible; }
section#realizacje ul li { list-style:none; height:100%; width:100%; position:absolute; left:0; top:0px; margin:0; z-index:1; overflow:hidden; }
.tablet section#realizacje ul li { position:relative; top:0px; }
.mobile section#realizacje ul li { position:relative; top:0px; }




div.arrow { width:31px; height:48px; background:url(../img/arrow.png) no-repeat center; cursor:pointer; position:absolute; bottom: 30px; left:50%; margin-left:-15px; background-size:contain; z-index:3;  }
.tablet div.arrow { display:none; }
.mobile div.arrow { display:none; }
/*div.arrow:hover { background-position:bottom; }*/

div.buttons { position:absolute; right:5%; bottom:10%; z-index:3; }
.tablet .buttons, .mobile .buttons { display:none; }
div.buttons .button { width:27px; height:27px; /*background:url(../img/realizacje-kulka.png) no-repeat; background-size:contain; background-position:center;*/ cursor:pointer; opacity:0.8;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background:#F6F7F8;
border:3px solid #353535;
}
div.buttons .button:hover {  }
div.buttons .button.active { /*background-image:url(../img/realizacje-kulka-active.png); */ background:#353535;  }

/*realizacje - iveco*/
section#realizacje ul li#iveco {  }
.tablet section#realizacje ul li#iveco { position:relative; top:0px; }
.mobile section#realizacje ul li#iveco { position:relative; top:0px; }

section#realizacje ul li div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-iveco.jpg) no-repeat; background-size:cover; }
div#image-iveco { width:498px; height:409px; background:url(../img/realizacje-image-iveco-cc.png) no-repeat top center; position:absolute; top:307px; background-size:contain; }
.mobile div#image-iveco { position:relative; }
section#realizacje h2 { font-size:60px; text-align:center; position:relative; top:60px; margin:0; }
section#realizacje h3 { font-size:24px; line-height:31px; margin:0 auto 0 auto; position:relative; top:35px; letter-spacing:0px; text-align:center;  width:350px; }
section#realizacje .text-a { position:absolute; top:344px; right:4%; letter-spacing:-1px; width:350px;  }
section#realizacje .text-a p { letter-spacing:0px; margin-bottom:30px;  }


/*realizacje - play*/
section#realizacje ul li#play { position:absolute; top:0px;  }
.tablet section#realizacje ul li#play { position:relative; top:0px; }
.mobile section#realizacje ul li#play { position:relative; top:0px; }
section#realizacje ul li#play div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-play-c.jpg) no-repeat; background-size:cover; }
.mobile section#realizacje ul li#play div.bg { background:url(../img/mobile-play-bg.jpg) no-repeat;  background-size:contain; background-position:top center; }
div.image-play {  position:absolute; top:10px; left:218px; width:814px; height:100%; }
div#image-play-a { background:url(../img/realizacje-bg-play-c.png) no-repeat top center; background-size:contain; z-index:0;}
.mobile div#image-play-a { display:none; }
div#image-play-b { background:url(../img/realizacje-image-play.png) no-repeat top center;background-size:contain; }
.mobile div#image-play-b { background:url(../img/realizacje-image-play.png) no-repeat top left;background-size:contain; }
div.text {  position:absolute; }
div.text p { letter-spacing:0px; }
section#realizacje #play ul.classic li { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }



section#realizacje ul.classic { padding-left:0px; margin:0px; }
section#realizacje ul.classic li { position:relative; height:20px; list-style:disc; list-style-position:inside; padding:0px;  }


/*realizacje - e-commerce*/
section#realizacje ul li#e-commerce { position:absolute; top:0px;  }
.tablet section#realizacje ul li#e-commerce { position:relative; top:0px; }
.mobile section#realizacje ul li#e-commerce { position:relative; top:0px; }
section#realizacje ul li#e-commerce div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-e-commerce.jpg) no-repeat; background-size:cover; }
div#image-e-commerce { background:url(../img/realizacje-image-e-commerce.png) no-repeat top center; background-size:contain; width:710px; height:421px; position:absolute; left:-76px; top:314px; }
section#realizacje ul li#e-commerce p { position:absolute; letter-spacing:0px; }
.mobile #e-commerce p { text-align:center; }

/*realizacje - crm*/
section#realizacje ul li#crm { position:absolute; top:0px;  }
.tablet section#realizacje ul li#crm { position:relative; top:0px; }
.mobile section#realizacje ul li#crm { position:relative; top:0px; }
section#realizacje ul li#crm div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-crm.jpg) no-repeat; background-size:cover; }
section#realizacje ul li#crm h2 { color:#FFF; }
div#image-crm { background:url(../img/realizacje-image-crm-cc.png) no-repeat top center; background-size:contain; width:861px; height:526px; position:absolute; left:0px; top:240px; }

section#realizacje ul li#crm ol { color:#FFF; position:absolute;}
section#realizacje ul li#crm ol li { position:relative; color:#FFF; list-style:decimal;font-size:18px; list-style-position:inside; font-family:'MyriadProBold'; text-shadow: 1px 1px 2px #333; }
section#realizacje ul li#crm ol li span { color:#FFF;  }
span.block { display:block; width:91%; float:right; }

section#realizacje ul li#crm ul { color:#FFF; position:absolute;}
section#realizacje ul li#crm ul li { height:auto; position:relative; color:#FFF; list-style:decimal;font-size:18px; list-style-position:inside; font-family:'MyriadProBold'; text-shadow: 1px 1px 2px #333; }
section#realizacje ul li#crm ul li span { color:#FFF;  }
span.block { display:block; width:91%; float:right; }


/*realizacje - awards*/
section#realizacje ul li#awards { position:absolute; top:0px;  }
.mobile section#realizacje ul li#awards h2 { text-align:left; }
.tablet section#realizacje ul li#awards { position:relative; top:0px; }
.mobile section#realizacje ul li#awards { position:relative; top:0px; }
section#realizacje ul li#awards div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-awards.jpg) no-repeat; background-size:cover; }

section#realizacje ul li#awards ul { position:relative; top:210px; height:180px; border:0px dashed red; overflow:hidden; margin-left:auto; margin-right:auto; width:1080px; }
section#realizacje ul li#awards ul li { width:25%; border:0px dashed green; text-align:center; line-height:24px; letter-spacing:0px; position:relative; float:left; }
.mobile section#realizacje ul li#awards ul li { width:50%; }

.awards-icon { width:177px; height:86px; margin:0 auto 14px auto; }
#magellan { background:url(../img/awards-magellan-b.png) no-repeat center; background-size:contain; }
#ipra { background:url(../img/awards-ipra.png) no-repeat center; background-size:contain;  }
#sabre { background:url(../img/awards-sabre-b.png) no-repeat center; background-size:contain;  }
#spinacze { background:url(../img/awards-zlote-spinacze-b.png) no-repeat center; background-size:contain;  }
#awards-szkola { background:url(../img/awards-szkola-bez-przemocy.png) no-repeat center; background-size:contain; display:inline-block; width:177px; height:103px; position:relative;  }
#awards-szkola img { display:none; }
.mobile #awards-szkola { position:absolute; }
section#realizacje ul li#awards p { position:relative; width:600px; margin-left:auto; margin-right:auto; text-align:center; letter-spacing:0px;  }

/*realizacje - css website of the year*/
section#realizacje ul li#website-of-the-year { position:absolute; top:0px;  }
.tablet section#realizacje ul li#website-of-the-year { position:relative; top:0px; }
.mobile section#realizacje ul li#website-of-the-year { position:relative; top:0px; }
section#realizacje ul li#website-of-the-year div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-website.jpg) no-repeat top center; background-size:cover; }
#image-website { width:552px; height:524px; background:url(../img/realizacje-image-website-ccc.png) no-repeat; background-size:contain; position:absolute; top:250px; left:-10px; }
#image-website-b { width:290px; height:248px; background:url(../img/realizacje-image-website-bb.png) no-repeat; background-size:contain; position:absolute; top:413px; left:570px; }
section#realizacje ul li#website-of-the-year p { position:absolute; width:400px; top:322px; left:573px; font-size:24px; letter-spacing:0px;  }
.mobile section#realizacje ul li#website-of-the-year p { text-align:center; }






/*realizacje*/
section#realizacje ul li.slide { position:relative; top:0px; }
.desktop section#realizacje ul li.slide { display:none; position:absolute;}

section#realizacje ul li.slide.current { display:block; }
section#realizacje .inner-box { border:0px dashed #333; }
section#realizacje .text { position:absolute; }

/*realizacje - merlin*/
section#realizacje ul li#merlin {  }
section#realizacje ul li#merlin div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-merlin-b.jpg) no-repeat top center; background-size:cover; }
#merlin-image { width:489px; height:103px; background:url(../img/realizacje-image-merlin.png) no-repeat; background-size:contain; position:absolute; top:250px; left:0px; }
section#realizacje ul li#merlin p { }

/*realizacje - merlin-b*/
section#realizacje ul li#merlin-b { background:#FFF; }
section#realizacje ul li#merlin-b .bg { background:#FFF; }
section#realizacje ul li#merlin-b h2 { background:#F6F7F8;}
#merlin-image-b { width:489px; height:103px; background:url(../img/realizacje-image-merlin-icons-a-big-2.jpg) no-repeat; background-size:contain; position:absolute; top:250px; left:0px;  }
.mobile #merlin-image-b { display:none;  }

section#realizacje ul li#merlin-b ul { margin:0; padding:0; position:relative; top:0; }
section#realizacje ul li#merlin-b ul li { margin:0; padding:0; position:relative; top:0; height:auto; text-align:right; font-size:16px; line-height:16px; height:auto; font-family:'MyriadProBold'; color:#858585; }
section#realizacje ul li#merlin-b .text { border:1px solid #DEDEDE; position:absolute; }
section#realizacje ul li#merlin-b .text h3 { margin:0; padding:0; position:relative; top:0; text-align:left; font-family:'MyriadProBold'; }
section#realizacje ul li#merlin-b .text ol { margin:0; padding:0; position:relative; top:0; list-style:decimal outside; }
section#realizacje ul li#merlin-b .text ol li { margin:0; padding:0; position:relative; top:0; color:#353535; font-size:16px; list-style:decimal inside; list-style-image:none; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; letter-spacing:0px; }
section#realizacje ul li#merlin-b .text ol li div { float:right; }

.mobile section#realizacje ul li#merlin-b ul { display:none; }

/*realizacje - merlin-c*/
section#realizacje ul li#merlin-c { background:#FFF;  }
section#realizacje ul li#merlin-c .bg { background:#FFF; }
section#realizacje ul li#merlin-c h2 { background:#F6F7F8;}
#merlin-image-c { width:489px; height:103px; background:url(../img/realizacje-image-merlin-icons-b-big-2.jpg) no-repeat; background-size:contain; position:absolute; top:250px; left:0px;  }
.mobile #merlin-image-c { display:none; }

section#realizacje ul li#merlin-c ul { margin:0; padding:0; position:relative; top:0; }
section#realizacje ul li#merlin-c ul li { margin:0; padding:0; position:relative; top:0; height:auto; text-align:right; font-size:16px; line-height:16px; height:auto; font-family:'MyriadProBold'; color:#858585; }
section#realizacje ul li#merlin-c .text { border:1px solid #DEDEDE; position:absolute; }
section#realizacje ul li#merlin-c .text h3 { margin:0; padding:0; position:relative; top:0; text-align:left; font-family:'MyriadProBold'; }
section#realizacje ul li#merlin-c .text ol { margin:0; padding:0; position:relative; top:0; list-style:decimal outside; }
section#realizacje ul li#merlin-c .text ol li { margin:0; padding:0; position:relative; top:0; color:#353535; font-size:16px; list-style:decimal inside; list-style-image:none; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; letter-spacing:0px; }
section#realizacje ul li#merlin-c .text ol li div { float:right; }

.mobile section#realizacje li#merlin-csklepy-www-4 ul { display:none; }
.mobile section#realizacje ul li#merlin-c ul { display:none; }

/*realizacje - pogodynka*/
section#realizacje ul li#pogodynka div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-pogodynka.jpg); background-size:cover; }
#image-pogodynka { background:url(../img/realizacje-image-pogodynka-aa.png) no-repeat; background-size:contain; background-position:bottom center; position:absolute; z-index:0; }
#pogodynka-icon { display:inline-block; background:url(../img/realizacje-image-pogodynka-b.png) no-repeat; background-size:contain; background-position:top left; position:relative;  }


/*realizacje - kellerbran-a*/
section#realizacje ul li#kelerbran-a div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; }
#image-kelerbran-a { background:url(../img/realizacje-image-kelerbran.jpg) no-repeat; background-size:contain; background-position:center; position:absolute; z-index:0; top:50%; left:50%; }

/*realizacje - kellerbran-b*/
section#realizacje ul li#kelerbran-b { }
section#realizacje ul li#kelerbran-b div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; }
#image-kelerbran-b { background:url(../img/realizacje-image-kelerbran-b.jpg) no-repeat; background-size:contain; background-position:top center; position:absolute; z-index:0; top:50%; left:50%; }

/*realizacje - kellerbran-c*/
section#realizacje ul li#kelerbran-c { }
section#realizacje ul li#kelerbran-c div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; }
section#realizacje ul li#kelerbran-c h2 { color:#000; }
section#realizacje ul li#kelerbran-c p { color:#000; }
section#realizacje ul li#kelerbran-c ul li { color:#000; }
#image-kelerbran-c { background:url(../img/realizacje-image-kelerbran-cc.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute;  }
@media only screen and (max-height: 480px) {
#image-kelerbran-c {background-position:center; }
section#realizacje ul li#kelerbran-c p { text-align:left; }
}
.mobile #image-kelerbran-c {background-position:center; }


/*realizacje - dastral*/
section#realizacje ul li#dastral { }
section#realizacje ul li#dastral div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-dastral.jpg) no-repeat; background-size:cover; background-position:center; }

#image-dastral { background:url(../img/realizacje-image-dastral-b.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute; z-index:0; }
@media only screen and (max-height: 480px) {
#image-dastral {background-position:center; }
}
.mobile #image-dastral {background-position:center; }


/*realizacje - flashmob*/
section#realizacje ul li#flashmob-a { }
section#realizacje ul li#flashmob-a div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-flashmob.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#flashmob-a span.red { color:#f21414; }
section#realizacje ul li#flashmob-a p { text-align:center; }

/*realizacje - flashmob-b*/
section#realizacje ul li#flashmob-b { }
section#realizacje ul li#flashmob-b div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-flashmob.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#flashmob-b .box { overflow:hidden; }
section#realizacje ul li#flashmob-b .box p { text-align:left; }
section#realizacje ul li#flashmob-b .text-b p { text-align:justify; }
.image-flashmob { float:left; }
#image-flashmob-a { background:url(../img/realizacje-image-flashmob-a.png) no-repeat; background-size:contain; background-position:top right; }
#image-flashmob-b { background:url(../img/realizacje-image-flashmob-b.png) no-repeat; background-size:contain; background-position:top right; }
#image-flashmob-c { background:url(../img/realizacje-image-flashmob-c.png) no-repeat; background-size:contain; background-position:top right; }



/*realizacje - flashmob-c*/
section#realizacje ul li#flashmob-c { }
section#realizacje ul li#flashmob-c div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-flashmob.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#flashmob-c p { text-align:center; }


/*realizacje - motylion*/
section#realizacje ul li#motylion { }
section#realizacje ul li#motylion div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-motylion.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#motylion h2 { color:#FFF; }
section#realizacje ul li#motylion p { color:#FFF; }
#image-motylion { background:url(../img/realizacje-image-motylion.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute;  }
@media only screen and (max-height: 480px) {
#image-motylion {background-position:center; }
}
.mobile #image-motylion { background-position:center; }

/*realizacje - elmark*/
section#realizacje ul li#elmark { }
section#realizacje ul li#elmark div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-elmark.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#elmark h2 { color:#FFF; }
section#realizacje ul li#elmark p { color:#FFF; }

#image-elmark { background:url(../img/realizacje-image-elmark.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute; z-index:0; }
@media only screen and (max-height: 480px) {
#image-elmark {background-position:center; }
}
.mobile #image-elmark {background-position:center; }

/*realizacje - apar*/
section#realizacje ul li#apar { }
section#realizacje ul li#apar div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-apar.jpg) repeat-x; background-size:contain; background-position:center; }
section#realizacje ul li#apar h2 { color:#0c65ae; }

#image-apar { background:url(../img/realizacje-image-apar.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute; z-index:0; }
@media only screen and (max-height: 480px) {
#image-apar {background-position:center; }
}
.mobile #image-apar {background-position:center; }

/*realizacje - betterware*/
section#realizacje ul li#betterware { }
section#realizacje ul li#betterware div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#ff6e6e; }
section#realizacje ul li#betterware h2 { color:#FFF; }
section#realizacje ul li#betterware p { color:#FFF; }

#image-betterware { background:url(../img/realizacje-image-betterware.jpg) no-repeat; background-size:contain; background-position:bottom right; position:absolute; z-index:0; }
@media only screen and (max-height: 480px) {
#image-betterware {background-position:center; }
}
.mobile #image-betterware {background-position:center; }

/*realizacje - men*/
section#realizacje ul li#men { }
section#realizacje ul li#men div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; }
section#realizacje ul li#men h2 { color:#009b6f; }

#image-men { background:url(../img/realizacje-image-men.jpg) no-repeat; background-size:contain; background-position:bottom right; position:absolute; z-index:0; }
.mobile #image-men { background:url(../img/realizacje-image-men-mobile.jpg) no-repeat; background-size:contain; background-position:bottom right; position:absolute; z-index:0; }
@media only screen and (max-height: 480px) {
#image-men {background-position:center; }
}
.mobile #image-men {background-position:center; }


/*realizacje - dramix*/
section#realizacje ul li#dramix { }
section#realizacje ul li#dramix div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-dramix.jpg) no-repeat; background-size:cover; background-position:left; }
section#realizacje ul li#dramix p { text-shadow:0px 0px 3px #FFF; }
#image-dramix { background:url(../img/realizacje-image-dramix-b.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute; }
@media only screen and (max-height: 480px) {
#image-dramix {background-position:center; }
}

/*realizacje - alfa*/
section#realizacje ul li#alfa { }
section#realizacje ul li#alfa div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-alfa.jpg) no-repeat; background-size:cover; background-position:left; }
section#realizacje ul li#alfa p { text-shadow:0px 0px 3px #FFF; }

#image-alfa { background:url(../img/realizacje-image-alfa-b.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute; }
@media only screen and (max-height: 480px) {
#image-alfa {background-position:center; }
section#realizacje ul li#alfa p { text-shadow:0px 0px 3px #000; color:#FFF; }
}
.mobile #image-alfa { background-position:center; }


/*realizacje - thermoking*/
section#realizacje ul li#thermoking { }
section#realizacje ul li#thermoking div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-thermoking.jpg) no-repeat; background-size:cover; }
section#realizacje ul li#thermoking h2 { color:#FFF; }
section#realizacje ul li#thermoking p { color:#FFF; }

#image-thermoking { background:url(../img/realizacje-image-thermoking-bb.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute; z-index:0; }
@media only screen and (max-height: 480px) {
#image-thermoking {background-position:center; }
}
.mobile #image-thermoking { background-position:center; }

/*realizacje - atal*/
section#realizacje ul li#atal { }
section#realizacje ul li#atal div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-atal.jpg) no-repeat; background-size:cover; }
section#realizacje ul li#atal h2 { color:#353535; }
section#realizacje ul li#atal p { color:#353535; text-shadow:0px 0px 3px #FFF }

#image-atal { background:url(../img/realizacje-image-atal-aa.png) no-repeat; background-size:contain; background-position:bottom right; position:absolute; }
@media only screen and (max-height: 480px) {
#image-atal {background-position:center; }
section#realizacje ul li#atal p { color:#FFF; text-shadow:0px 0px 3px #000 }
}
.mobile #image-atal {background-position:center; }

/*realizacje - sklepy-www-3*/
section#realizacje ul li#sklepy-www-3 { }
section#realizacje ul li#sklepy-www-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-3.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-3 h2 { color:#FFF; }
section#realizacje ul li#sklepy-www-3 p { color:#FFF;  }
#image-sklepy-3 { background:url(../img/realizacje-image-sklepy-3-bbb.png) no-repeat; background-size:contain; background-position:center; position:absolute; }
.mobile #image-sklepy-3 { background-position:top center;   }
/*realizacje - sklepy-www-4*/
section#realizacje ul li#sklepy-www-4 { }
section#realizacje ul li#sklepy-www-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-4.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-4 h2 { color:#5D1717; }
.mobile section#realizacje ul li#sklepy-www-4 h2 { color:#5D1717; text-shadow: 0px 0px 2px #FFF;}
#image-sklepy-4 { background:url(../img/realizacje-image-sklepy-4-bb.png) no-repeat; background-size:contain; background-position:center; position:absolute; }

/*realizacje - sklepy-www-5*/
section#realizacje ul li#sklepy-www-5 { }
section#realizacje ul li#sklepy-www-5 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-5.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-5 h2 { margin-left:auto; margin-right:auto; }
section#realizacje ul li#sklepy-www-5 .text { }
#image-sklepy-5 { background:url(../img/realizacje-image-sklepy-5-cc.png) no-repeat; background-size:contain; background-position:center; position:absolute; }

/*realizacje - sklepy-www-6*/
section#realizacje ul li#sklepy-www-6 { }
section#realizacje ul li#sklepy-www-6 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-6.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-6 h2 { margin-left:auto; margin-right:auto; color:#01AB48; }
section#realizacje ul li#sklepy-www-6 .text { }
#image-sklepy-6 { background:url(../img/realizacje-image-sklepy-6-bb.png) no-repeat; background-size:contain; background-position:center; position:absolute; z-index:7; }

/*realizacje - sklepy-www-7*/
section#realizacje ul li#sklepy-www-7 { }

section#realizacje ul li#sklepy-www-7 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; background-size:cover; }
section#realizacje ul li#sklepy-www-7 h2 { background:#F6F7F8; }
section#realizacje ul li#sklepy-www-7 h3 { color:#FFF; font-family:'MyriadProBold'; text-align:center; }
#image-sklepy-7 { background:url(../img/realizacje-image-sklepy-7-d.jpg) no-repeat; background-size:contain; background-position:center; position:absolute; z-index:0;  }
.mobile #image-sklepy-7 { background:url(../img/realizacje-image-sklepy-7-c.jpg) no-repeat; background-size:contain; background-position:center; }
section#realizacje ul li#sklepy-www-7 .text { }
section#realizacje ul li#sklepy-www-7 .text p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;
}
/*realizacje - sklepy-www-8*/
section#realizacje ul li#sklepy-www-8 { }
section#realizacje ul li#sklepy-www-8 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-8.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-8 .text { background:url(../img/realizacje-image-sklepy-8-g.png) no-repeat; background-size:contain; background-position:top left; }
@media only screen and (max-height: 650px) {
section#realizacje ul li#sklepy-www-8 .text { background-image:url(../img/realizacje-image-sklepy-8-h.png); }
}

.tablet section#realizacje ul li#sklepy-www-8 .text { background:url(../img/realizacje-image-sklepy-8-g.png) no-repeat; background-size:contain; background-position:top left; }
.mobile section#realizacje ul li#sklepy-www-8 .text { background:url(../img/realizacje-image-sklepy-8-mobile.png) no-repeat;background-position:top center; background-size:contain; }

section#realizacje ul li#sklepy-www-8 .text p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;
  }
section#realizacje ul li#sklepy-www-8 .text p.strong { font-family:'MyriadProBold'; }
#image-sklepy-8 { background:url(../img/realizacje-image-sklepy-8-aa.png) no-repeat; background-size:contain; background-position:top right; position:absolute;   }
.mobile #image-sklepy-8 {  background-position:top center;   }

/*realizacje - sklepy-www-9*/
section#realizacje ul li#sklepy-www-9 { }
section#realizacje ul li#sklepy-www-9 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-9.jpg) no-repeat top center; background-size:cover; }

/*realizacje - sklepy-www-10*/
section#realizacje ul li#sklepy-www-10 { }
section#realizacje ul li#sklepy-www-10 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-10-bb.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-10 h2 { margin-left:auto; margin-right:auto;  }
#image-sklepy-10 { background:url(../img/realizacje-image-sklepy-10-b.gif) no-repeat; background-size:contain; background-position:right top; position:absolute;   }
.mobile #image-sklepy-10 { background-position:center top; }

/*realizacje - sklepy-www-11*/
section#realizacje ul li#sklepy-www-11 { }

section#realizacje ul li#sklepy-www-11 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#353535;}
section#realizacje ul li#sklepy-www-11 h2 { margin-left:auto; margin-right:auto; color:#FFF;  }
#image-sklepy-11 { background:url(../img/realizacje-image-sklepy-11-b.jpg) no-repeat; background-size:contain; background-position:center; position:absolute; z-index:0; }
.mobile #image-sklepy-11 { display:none; }
section#realizacje ul li#sklepy-www-11 .text p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; color:#999999; }
section#realizacje ul li#sklepy-www-11 .text p.strong { font-family:'MyriadProBold'; color:#FFF; }
.mobile section#realizacje ul li#sklepy-www-11 h2 { position:relative; top:0; left:0; }
.mobile section#realizacje ul li#sklepy-www-11 .text { position:relative; top:0; left:0; }
.mobile section#realizacje ul li#sklepy-www-11 .text .icon { width:110px; height:110px; background:url(../img/realizacje-image-sklepy-11-b.jpg) no-repeat; margin:0 auto; }
.mobile section#realizacje ul li#sklepy-www-11 .text-a .icon { background-position:1px 0; }
.mobile section#realizacje ul li#sklepy-www-11 .text-b .icon { background-position:-363px 0; }
.mobile section#realizacje ul li#sklepy-www-11 .text-c .icon { background-position:-724px 0; }
.mobile section#realizacje ul li#sklepy-www-11 .text-d .icon { background-position:-1px -256px; }
.mobile section#realizacje ul li#sklepy-www-11 .text-e .icon { background-position:-365px -256px; }
.mobile section#realizacje ul li#sklepy-www-11 .text-f .icon { background-position:-726px -256px; }

/*realizacje - sklepy-www-12*/
section#realizacje ul li#sklepy-www-12 { }
section#realizacje ul li#sklepy-www-12 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-12.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-12 h2 { margin-left:auto; margin-right:auto; color:#009DE0;  }
section#realizacje ul li#sklepy-www-12 .text { }
section#realizacje ul li#sklepy-www-12 .text p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; color:#353535; text-align:center; }
#image-sklepy-12 { background:url(../img/realizacje-image-sklepy-12-c.png) no-repeat; background-size:contain; background-position:center; position:absolute; z-index:7; }

/*realizacje - sklepy-www-13*/
section#realizacje ul li#sklepy-www-13 { }
section#realizacje ul li#sklepy-www-13 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-sklepy-13.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#sklepy-www-13 h2 { color:#E66664;  }

section#realizacje ul li#sklepy-www-13 .text { }
section#realizacje ul li#sklepy-www-13 .text p { }
#image-sklepy-13 { background:url(../img/realizacje-image-sklepy-13-bb.png) no-repeat; background-size:contain; background-position:center; position:absolute; }

/*realizacje - sklepy-www-14*/
section#realizacje ul li#sklepy-www-14 { }
section#realizacje ul li#sklepy-www-14 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#EF4323; }
section#realizacje ul li#sklepy-www-14 h2 { width:100%; color:#FFF; background:#353535;  }
#image-sklepy-14 { background:url(../img/realizacje-image-sklepy-14-bb.png) no-repeat; background-size:contain; background-position:center; position:absolute; }
section#realizacje ul li#sklepy-www-14 .text { }
section#realizacje ul li#sklepy-www-14 .text h3 { padding:0; margin:0; color:#FFF; top:0; text-align:left; }
section#realizacje ul li#sklepy-www-14 .text ul {}
section#realizacje ul li#sklepy-www-14 .text ul li { position:relative; color:#FFF; height:auto; list-style:disc; list-style-position:inside; font-weight:300; }

/*realizacje - sklepy-www-15*/
section#realizacje ul li#sklepy-www-15 { }
section#realizacje ul li#sklepy-www-15 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF;}
section#realizacje ul li#sklepy-www-15 h2 { background:#F6F7F8;  }
section#realizacje ul li#sklepy-www-15 .text { }
section#realizacje ul li#sklepy-www-15 p { text-align:center; letter-spacing:0px; }
#image-sklepy-15 { background:url(../img/realizacje-image-sklepy-15-b.jpg) no-repeat; background-size:contain; background-position:center; position:absolute;  }

.mobile #image-sklepy-15 { background:url(../img/realizacje-image-sklepy-15-c.jpg) no-repeat; background-position:top center; position:absolute;  }

/*realizacje*/
#realizacje .image img { display:none; }
#realizacje .bg img { display:none; }
.image-hidden img { display:none; }


/*realizacje - STRONY WWW*/

/*realizacje - strony-www-1*/
section#realizacje ul li#strony-www-1 { }
section#realizacje ul li#strony-www-1 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-1-aa.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-www-1 h2 { color:#FFF; text-shadow: -2px -2px 0px #4F4836; margin-left:auto; margin-right:auto; }
section#realizacje ul li#strony-www-1 .text { }
section#realizacje ul li#strony-www-1 p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-shadow: -1px -1px 0px #4F4836; }
#image-strony-www-1 { background:url(../img/realizacje-image-www-1-eee.png) no-repeat; background-size:contain; background-position:top; position:absolute; }

/*realizacje - strony-www-2*/
section#realizacje ul li#strony-www-2 { }
section#realizacje ul li#strony-www-2 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-2-bb.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-www-2 div.bg { background-position:right; }
section#realizacje ul li#strony-www-2 p { letter-spacing:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center;  }
.mobile section#realizacje ul li#strony-www-2 p { color:#000; text-shadow: 0px 0px 4px #FFF; }
#image-strony-www-2 { background:url(../img/realizacje-image-www-2-c.png) no-repeat; background-size:contain; background-position:center bottom; position:absolute; z-index:7; }


section#realizacje ul li#strony-www-3 { }
section#realizacje ul li#strony-www-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-3-tmp.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-www-4 { }
section#realizacje ul li#strony-www-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-4-tmp.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-www-5 { }
section#realizacje ul li#strony-www-5 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-5-tmp.jpg) no-repeat; background-size:cover; background-position:center; }


/*realizacje - strony-www-6*/
section#realizacje ul li#strony-www-6 { }
section#realizacje ul li#strony-www-6 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-6-b.jpg) no-repeat top center; background-size:cover; }
section#realizacje ul li#strony-www-6 .text { background:url(../img/realizacje-image-sklepy-8-f.png) no-repeat; background-size:contain; background-position:top left; }
section#realizacje ul li#strony-www-6 .text-c { background:url(../img/realizacje-image-sklepy-8-i.png) no-repeat; background-size:contain; background-position:top left; }
.mobile section#realizacje ul li#strony-www-6 .text {background:url(../img/realizacje-image-sklepy-8-mobile-b.png) no-repeat; background-size:contain; }
section#realizacje ul li#strony-www-6 .text p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
section#realizacje ul li#strony-www-6 .text p.strong { font-family:'MyriadProBold'; }
#image-www-6 { background:url(../img/realizacje-image-www-6-c.png) no-repeat top left; background-size:contain; background-position:center; position:absolute;  }


/*realizacje - strony-www-7*/
section#realizacje ul li#strony-www-7 { }
section#realizacje ul li#strony-www-7 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-7-b.jpg) no-repeat; background-size:cover; background-position:bottom center; }
section#realizacje ul li#strony-www-7 h2 { color:#ED2B40; }
section#realizacje ul li#strony-www-7 p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-shadow: 1px 1px 2px #FFF;}
#image-www-7 { background:url(../img/realizacje-image-www-7-bb.png) no-repeat; background-size:contain; background-position:bottom left; position:absolute; }
.mobile #image-www-7 {  background-position:top center; }

/*realizacje - strony-www-8*/
section#realizacje ul li#strony-www-8 { }
section#realizacje ul li#strony-www-8 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-8.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-www-8 h2 { background:url(../img/separator-c.jpg) no-repeat bottom center;  }
section#realizacje ul li#strony-www-8 p { text-align:center; }


section#realizacje ul li#strony-www-9 { }
section#realizacje ul li#strony-www-9 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-9-tmp.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-www-10 { }
section#realizacje ul li#strony-www-10 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-10-tmp.jpg) no-repeat; background-size:cover; background-position:center; }


/*realizacje - strony-www-11*/
section#realizacje ul li#strony-www-11 { }
section#realizacje ul li#strony-www-11 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-11-d.jpg) no-repeat; background-size:cover; background-position:bottom center; }
section#realizacje ul li#strony-www-11 h2 { color:#FFF; }
section#realizacje ul li#strony-www-11 p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-www-11 { background:url(../img/realizacje-image-www-11-bb.png) no-repeat; background-size:contain; background-position:top right; position:absolute; z-index:7;  }
.mobile #image-www-11 { background-position:top center; }

.image { z-index:7; }


/*realizacje - strony-www-12*/
section#realizacje ul li#strony-www-12 { }
section#realizacje ul li#strony-www-12 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-12-b.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-www-12 h2 { color:#E95401; }
section#realizacje ul li#strony-www-12 .blue { color:#00579A; }
section#realizacje ul li#strony-www-12 p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-www-12 { background:url(../img/realizacje-image-www-12-cc.png) no-repeat; background-size:contain; background-position:top right; position:absolute; }

/*realizacje - strony-www-13*/
section#realizacje ul li#strony-www-13 { }
section#realizacje ul li#strony-www-13 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; }
section#realizacje ul li#strony-www-13 h2 { background:url(../img/separator-c.jpg) no-repeat bottom center #F6F7F8; margin-bottom:0; width:100%; }
section#realizacje ul li#strony-www-13 h3 { background:#F6F7F8;  margin-top:0; padding:0; top:0; width:100%; text-align:center; color:#828383; }
#image-www-13 { background:url(../img/realizacje-image-www-13.png) no-repeat; background-size:contain; background-position:top; position:absolute; }
.mobile #image-www-13 { display:none; }
section#realizacje ul li#strony-www-13 .text {}
section#realizacje ul li#strony-www-13 .text p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
section#realizacje ul li#strony-www-13 .text-h { }
section#realizacje ul li#strony-www-13 .text-h p { text-align:left; }

.mobile section#realizacje ul li#strony-www-13 .text { position:relative; left:50%; margin-left:-100px; background:url(../img/realizacje-image-www-13.png) no-repeat; margin-top:25px; }
.mobile section#realizacje ul li#strony-www-13 .text-a { background-position:-6px 0px; }
.mobile section#realizacje ul li#strony-www-13 .text-b { background-position:-208px 0px; }
.mobile section#realizacje ul li#strony-www-13 .text-c { background-position:-398px 0px; }
.mobile section#realizacje ul li#strony-www-13 .text-d { background-position:-601px 0px; }
.mobile section#realizacje ul li#strony-www-13 .text-e { background-position:-803px 0px; }
.mobile section#realizacje ul li#strony-www-13 .text-f { background-position:-6px -218px; }
.mobile section#realizacje ul li#strony-www-13 .text-g { background-position:-208px -218px; }
.mobile section#realizacje ul li#strony-www-13 .text-h { background:none; margin-left:0px; left:10%; }
.mobile section#realizacje ul li#strony-www-13 .text-h p { text-align:justify;  }


/*realizacje - strony-www-14*/
section#realizacje ul li#strony-www-14 { }
section#realizacje ul li#strony-www-14 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-14-b.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-www-14 h2 { color:#FFF; }
section#realizacje ul li#strony-www-14 p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-www-14 { background:url(../img/realizacje-image-www-14-bb.png) no-repeat; background-size:contain; background-position:top right; position:absolute; }
.mobile #image-www-14 { background-position:top center; }

/*realizacje - strony-www-15*/
section#realizacje ul li#strony-www-15 { }
section#realizacje ul li#strony-www-15 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-15-b.png) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-www-15 h2 { color:#1A2C79; }
section#realizacje ul li#strony-www-15 h2 span.red { color:#F21C15; }
section#realizacje ul li#strony-www-15 .text {background:url(../img/realizacje-image-www-15.png) no-repeat; background-size:contain; background-position:top left; }
section#realizacje ul li#strony-www-15 .text p { color:#1A2C79; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-www-15-b { background:url(../img/realizacje-image-www-15-cc.png) no-repeat; background-size:contain; background-position:top right; position:absolute;  }
 .mobile #image-www-15-b { background-position:top center; }


/*realizacje - strony-www-17*/
section#realizacje ul li#strony-www-17 { }
section#realizacje ul li#strony-www-17 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-17-bb.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-www-17 h2 { color:#FFF; }
section#realizacje ul li#strony-www-17 .text { background:url(../img/realizacje-image-www-17-e.png) no-repeat; background-size:contain; background-position:top left; }
.mobile section#realizacje ul li#strony-www-17 .text { background:none; }
section#realizacje ul li#strony-www-17 .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-www-17 { background:url(../img/realizacje-image-www-17-aa.png) no-repeat; background-size:contain; background-position:top right; position:absolute; }



/*realizacje - strony-www-18*/

section#realizacje ul li#strony-www-18 { }
section#realizacje ul li#strony-www-18 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-18-c.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-www-18 h2 { color:#264697; text-shadow: 0px 0px 3px #FFF; }
section#realizacje ul li#strony-www-18 .text { background:url(../img/realizacje-image-www-18-b.png) no-repeat top left; background-size:contain; background-position:top left; position:absolute; }
.mobile section#realizacje ul li#strony-www-18 .text { background:none; }
section#realizacje ul li#strony-www-18 .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-shadow: 1px 1px 2px #333; }
#image-www-18 { background:url(../img/realizacje-image-www-18-cc.png) no-repeat top left; background-size:contain; background-position:top left; position:absolute; z-index:7;  }
.mobile #image-www-18 { background-position:top center; }


section#realizacje ul li#strony-www-19 { }
section#realizacje ul li#strony-www-19 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-www-19-tmp.jpg) no-repeat; background-size:cover; background-position:center; }



/*special slides*/
section#special-slides ul { padding:0; margin:0; height:100%; width:100%; position:relative; overflow:hidden; }
section#special-slides ul li { list-style:none; height:100%; width:100%; position:relative; left:0; top:0px; margin:0; z-index:1; overflow:hidden; }
section#special-slides ul li h2 { position:relative; text-align:center; }
section#special-slides ul li h3 { position:relative; text-align:center; }
section#special-slides ul li .text p { text-align:right; }

section#realizacje ul li#special { display:none;  }

/*realizacje - strony-www-20*/


section#special-slides ul li#strony-www-20 { }
section#special-slides ul li#strony-www-20 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; }
section#special-slides ul li#strony-www-20 h2 { background:url(../img/separator-c.jpg) no-repeat bottom center #F6F7F8; margin-bottom:0; width:100%; }
section#special-slides ul li#strony-www-20 h3 { background:#F6F7F8;  margin-top:0; padding:0; top:0; width:100%; text-align:center; letter-spacing:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; color:#828383; }
#image-www-20-special { background:url(../img/realizacje-image-www-20-special.gif) no-repeat top left; background-size:contain; background-position:center; position:absolute; width:58px; height:834px; }
section#special-slides ul li#strony-www-20 .text {  }
section#special-slides ul li#strony-www-20 p { text-align:right; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; color:#393939; letter-spacing:0px; }





/*realizacje - strony-www-21*/
section#realizacje ul li#strony-www-21 { }
section#realizacje ul li#strony-www-21 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; }
#image-www-21 { background:url(../img/realizacje-image-www-21.jpg) no-repeat top left; background-size:contain; background-position:center; position:absolute;  }
section#realizacje ul li#strony-www-21 .text {  }
section#realizacje ul li#strony-www-21 p { text-align:right; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; color:#393939; letter-spacing:0px; }



/*realizacje - EGOV*/

/*realizacje - strony-egov-1*/
section#realizacje ul li#strony-egov-1 { }
section#realizacje ul li#strony-egov-1 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-1.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-1 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-1-mobile.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-egov-1 h2 { color:#71570F; text-align:left;  }
.mobile section#realizacje ul li#strony-egov-1 h2 { text-align:center;  }
section#realizacje ul li#strony-egov-1 .text { }
section#realizacje ul li#strony-egov-1 .text p { color:#353535; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; }
section#realizacje ul li#strony-egov-1 .text h3 { text-align:left; position:relative; margin:0; padding:0;  }
section#realizacje ul li#strony-egov-1 .text ul {}
section#realizacje ul li#strony-egov-1 .text ul li { position:relative; color:#353535; height:auto; list-style:disc; list-style-position:inside; padding-left:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; letter-spacing:0px; }

.mobile #image-egov-1 { background:url(../img/realizacje-image-egov-1.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-2 { background:url(../img/realizacje-image-egov-2.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-3 { background:url(../img/realizacje-image-egov-3.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-4 { background:url(../img/realizacje-image-egov-4.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-5 { background:url(../img/realizacje-image-egov-5.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-6 { background:url(../img/realizacje-image-egov-6.png) no-repeat; background-size:contin; position:absolute;   background-position:top center; }
.mobile #image-egov-7 { background:url(../img/realizacje-image-egov-7.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-8 { background:url(../img/realizacje-image-egov-8.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-9 { background:url(../img/realizacje-image-egov-9.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-egov-13 { background:url(../img/realizacje-image-egov-13.png) no-repeat; background-size:contain; position:absolute;   background-position:top center; }


/*realizacje - strony-egov-2*/
section#realizacje ul li#strony-egov-2 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-2.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-2 div.bg {  background:#F1F1F1;}
section#realizacje ul li#strony-egov-2 h2 { color:#FD393E;  }
section#realizacje ul li#strony-egov-2 .text { }
section#realizacje ul li#strony-egov-2 .text p { color:#353535; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }


/*realizacje - strony-egov-3*/
section#realizacje ul li#strony-egov-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-3.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-3-mobile.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-egov-3 h2 { color:#004D71;  }
section#realizacje ul li#strony-egov-3 .text { }
section#realizacje ul li#strony-egov-3 .text p { color:#353535; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }


/*realizacje - strony-egov-4*/
section#realizacje ul li#strony-egov-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-4.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-4-mobile.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-egov-4 h2 { color:#C70000;  }
section#realizacje ul li#strony-egov-4 .text { }
section#realizacje ul li#strony-egov-4 .text p { color:#353535; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }


/*realizacje - strony-egov-5*/
section#realizacje ul li#strony-egov-5 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-5.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-5 div.bg {  background:#00B37C; }
section#realizacje ul li#strony-egov-5 h2 { color:#FFF; }
section#realizacje ul li#strony-egov-5 .text { }
section#realizacje ul li#strony-egov-5 .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
section#realizacje ul li#strony-egov-5 .text h3 { text-align:left; position:relative; margin:0; padding:0; color:#FFF; top:0;  }


/*realizacje - strony-egov-6*/
section#realizacje ul li#strony-egov-6 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-6.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-6 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-6-mobile.jpg) no-repeat #D6CFC7; background-size:contain; background-position:top center; }

section#realizacje ul li#strony-egov-6 h2 { color:#CE0000; }
section#realizacje ul li#strony-egov-6 .text p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }

/*realizacje - strony-egov-7*/
section#realizacje ul li#strony-egov-7 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-7.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-7 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-7-mobile.jpg) no-repeat; background-size:cover; background-position:top center; }

/*realizacje - strony-egov-8*/
section#realizacje ul li#strony-egov-8 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-8.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-8 div.bg { background:#DBDBDB; }
#strony-egov-8 p { text-align:center; }

/*realizacje - strony-egov-9*/
section#realizacje ul li#strony-egov-9 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-9.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-9 div.bg { background:#3F317C; }
section#realizacje ul li#strony-egov-9 h2 { color:#FFF; }
section#realizacje ul li#strony-egov-9 .text p { color:#FFF; text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }

/*realizacje - strony-egov-10*/
section#realizacje ul li#strony-egov-10 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-10-b.png) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-egov-10 h2 { }
section#realizacje ul li#strony-egov-10 .text { background:url(../img/realizacje-image-egov-10-b.png) no-repeat; background-size:contain; background-position:top left; }
.mobile section#realizacje ul li#strony-egov-10 .text { background:none; }
.mobile section#realizacje ul li#strony-egov-10 .text p { color:#353535; }

section#realizacje ul li#strony-egov-10 .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-www-10 { background:url(../img/realizacje-image-www-10-bb.png) no-repeat; background-size:contain; background-position:top right; position:absolute;  }
.mobile #image-www-10 { background-position:top center; }



/*realizacje - strony-egov-11*/
section#realizacje ul li#strony-egov-11 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-11.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-11 div.bg { background:#F2F1EF; }
section#realizacje ul li#strony-egov-11 h2 { color:#034CBB; }
section#realizacje ul li#strony-egov-11 .text-a p { text-align:center; }
section#realizacje ul li#strony-egov-11 .text-b p {  font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-egov-11 { display:none; }
.mobile #image-egov-11 { display:block; background:url(../img/realizacje-image-egov-11-b.png) no-repeat; background-size:contain; background-position:top center; position:absolute;}


/*realizacje - strony-egov-12*/
section#realizacje ul li#strony-egov-12 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#1F365F; }
section#realizacje ul li#strony-egov-12 h2 { color:#FFF; }
section#realizacje ul li#strony-egov-12 .text-a p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center; }
section#realizacje ul li#strony-egov-12 .text-b p {  color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
#image-egov-12 { background:url(../img/realizacje-image-egov-12.jpg) no-repeat; background-size:contain; background-position:top right; position:absolute; z-index:7;  }
.mobile #image-egov-12 { background-position:top center; }




/*realizacje - strony-egov-13*/
section#realizacje ul li#strony-egov-13 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-egov-13.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-egov-13 div.bg { background:#1F365F; }

section#realizacje ul li#strony-egov-13 .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center; }
#image-egov-13 { display:none; }
.mobile #image-egov-13 { display:block; background:url(../img/realizacje-image-egov-13.jpg) no-repeat; background-size:contain; background-position:top center; position:absolute; z-index:7;  }




/*realizacje - EMARKETING*/

/*realizacje - strony-emarketing-1*/
section#realizacje ul li#strony-emarketing-1 { }
section#realizacje ul li#strony-emarketing-1 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-1-tmp.jpg) no-repeat; background-size:cover; background-position:center; }

/*realizacje - strony-emarketing-2*/
/*section#realizacje ul li#strony-emarketing-2 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-1b.jpg) no-repeat; background-size:cover; background-position:center; }*/
section#realizacje ul li#strony-emarketing-2 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-awards.jpg) no-repeat; background-size:cover; }
.tablet section#realizacje ul li#strony-emarketing-2 div.bg {
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
.mobile section#realizacje ul li#strony-emarketing-2 div.bg {
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}


section#realizacje ul li#strony-emarketing-2 h3 { font-family:'MyriadProBold'; text-align:center; }
section#realizacje ul li#strony-emarketing-2 .text { }
section#realizacje ul li#strony-emarketing-2 .text ul {}
section#realizacje ul li#strony-emarketing-2 .text ul li { position:relative; color:#353535; height:auto; list-style:disc; list-style-position:inside; padding-left:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; letter-spacing:0px; }

/*realizacje - strony-emarketing-3*/
section#realizacje ul li#strony-emarketing-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-2.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-emarketing-3 div.bg-b { background-image:url(../img/realizacje-bg-emarketing-2-cc.jpg); }
.mobile section#realizacje ul li#strony-emarketing-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-2-mobile.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-emarketing-3 h2 { color:#0083C9; }
section#realizacje ul li#strony-emarketing-3 .text {}
section#realizacje ul li#strony-emarketing-3 .text p { position:relative; color:#353535; height:auto; list-style:disc; list-style-position:inside; padding-left:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; letter-spacing:0px; }
section#realizacje ul li#strony-emarketing-3 .text ul {}
section#realizacje ul li#strony-emarketing-3 .text ul li { position:relative; color:#353535; height:auto; list-style:disc; list-style-position:inside; padding-left:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; letter-spacing:0px; }
#image-emarketing-3 { background:url(../img/realizacje-image-emarketing-2-bbb.png) no-repeat; background-size:contain; background-position:top right; position:absolute;  }
.mobile #image-emarketing-3 {  background-position:top center; }

/*realizacje - strony-emarketing-3b*/
section#realizacje ul li#strony-emarketing-3b div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-3.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-3b div.bg {background:#25AFD6; }

section#realizacje ul li#strony-emarketing-3b h2 { color:#FFF;  }
section#realizacje ul li#strony-emarketing-3b .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
.mobile #image-emarketing-3b { background:url(../img/realizacje-image-emarketing-3-mobile.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }

/*realizacje - strony-emarketing-4*/
section#realizacje ul li#strony-emarketing-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-4.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-4 div.bg { background:#FFF; }

section#realizacje ul li#strony-emarketing-4 h2 { color:#E23130;  }
section#realizacje ul li#strony-emarketing-4 p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
.mobile #image-emarketing-4 { background:url(../img/realizacje-image-emarketing-4-mobile.jpg) no-repeat; background-size:contain; position:absolute; background-position:top center; }


/*realizacje - strony-emarketing-5*/
section#realizacje ul li#strony-emarketing-5 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-5.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-5 div.bg { background:#F5F4F2; }

section#realizacje ul li#strony-emarketing-5 h2 { color:#000;  }
section#realizacje ul li#strony-emarketing-5 .text { }
section#realizacje ul li#strony-emarketing-5 .text p { color:#000; text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
.mobile #image-emarketing-5 { background:url(../img/realizacje-image-emarketing-5-mobile.jpg) no-repeat; background-size:contain; position:absolute; background-position:top center; }


/*realizacje - strony-emarketing-6*/
section#realizacje ul li#strony-emarketing-6 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-6.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-emarketing-6 h2 { color:#0DA1DF;  }
#image-emarketing-6 { background:url(../img/realizacje-image-emarketing-6-bb.png) no-repeat top left; background-size:contain; background-position:center; position:absolute; z-index:7; }
section#realizacje ul li#strony-emarketing-6 .text { }
section#realizacje ul li#strony-emarketing-6 .text p { color:#353535; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }


section#realizacje ul li#strony-emarketing-7 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-7.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-7 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-7-mobile.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-emarketing-7 .text p { color:#000; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
section#realizacje ul li#strony-emarketing-7 .text-a p { text-align:center;  }
section#realizacje ul li#strony-emarketing-7 .text-b { background:url(../img/realizacje-image-emarketing-7.png) no-repeat top; background-size:contain; background-position:top left; }
.mobile section#realizacje ul li#strony-emarketing-7 .text-b { background:url(../img/realizacje-image-emarketing-7-mobile.jpg) no-repeat top; background-size:contain; background-position:top left; }

section#realizacje ul li#strony-emarketing-7 .text-b p { color:#FFF; }
.mobile #image-emarketing-7 { background:url(../img/realizacje-image-emarketing-7-mobile.png) no-repeat; background-size:contain; position:absolute; background-position:top center; }

/*realizacje - strony-emarketing-8*/
section#realizacje ul li#strony-emarketing-8 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#AC9363; }
section#realizacje ul li#strony-emarketing-8 h2 { color:#FFF;  }
#image-emarketing-8 { background:url(../img/realizacje-image-emarketing-8.png) no-repeat top left; background-size:contain; background-position:center; position:absolute; }
section#realizacje ul li#strony-emarketing-8 .text { }
section#realizacje ul li#strony-emarketing-8 .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }

/*realizacje - strony-emarketing-9*/
section#realizacje ul li#strony-emarketing-9 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-9.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#strony-emarketing-9 .text { }
section#realizacje ul li#strony-emarketing-9 .text p { color:#000; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center; }


/*realizacje - strony-emarketing-10*/
section#realizacje ul li#strony-emarketing-10 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-10.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-10 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-10-mobile.jpg) no-repeat #EFEFE3; background-size:contain; background-position:top center; }



section#realizacje ul li#strony-emarketing-10 h2 { color:#000;  }
section#realizacje ul li#strony-emarketing-10 h3 { color:#000; margin:0; padding:0; position:relative; text-align:left;  }
section#realizacje ul li#strony-emarketing-10 .text p { color:#000; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }

/*realizacje - strony-emarketing-11*/
section#realizacje ul li#strony-emarketing-11 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-11.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-11 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-11-mobile.jpg) no-repeat #377898; background-size:contain; background-position:bottom center; }



section#realizacje ul li#strony-emarketing-11 .text { }
section#realizacje ul li#strony-emarketing-11 h2 { margin:0; padding:0; top:0; position:relative; color:#FFF; text-align:left; }
section#realizacje ul li#strony-emarketing-11 p { color:#FFF; text-align:left; }


/*realizacje - strony-emarketing-12*/
section#realizacje ul li#strony-emarketing-12 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-12.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-12 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-12-mobile.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#strony-emarketing-12 h2 { color:#1B8ECD; text-align:center; }


/*realizacje - strony-emarketing-13*/
section#realizacje ul li#strony-emarketing-13 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-13.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#strony-emarketing-13 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-emarketing-13-mobile.jpg) no-repeat #DBDBDB; background-size:contain; background-position:center bottom; }
section#realizacje ul li#strony-emarketing-13 h2 { text-align:left; color:#000; background:url(../img/realizacje-image-emarketing-13.png) no-repeat right; background-size:contain; }
.mobile section#realizacje ul li#strony-emarketing-13 h2 { text-align:center; background:none; }

section#realizacje ul li#strony-emarketing-13 p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
.mobile #image-marketing-13 { background:url(../img/realizacje-image-emarketing-13.png) no-repeat; background-size:contain; position:absolute; background-position:top center; z-index:7; }


/*realizacje - SOCIAL MEDIA*/
section#realizacje ul li.slide .text ul {}
section#realizacje ul li.slide .text ul li { position:relative; color:#353535; height:auto; list-style:disc; list-style-position:inside; padding-left:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; letter-spacing:0px; }
section#realizacje ul li.slide h3 { text-align:left; position:relative; top:0; left:0; width:auto;  }

/*realizacje - social-1*/
section#realizacje ul li#social-1 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-1.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-1 div.bg {background:none; }
section#realizacje ul li#social-1 h2 { letter-spacing:0px; }
section#realizacje ul li#social-1 h3 { text-align:left; position:relative; top:0; left:0; width:auto;  z-index:1; }
section#realizacje ul li#social-1 .text { }
div#image-social-1 { display:none; }
.mobile div#image-social-1 { display:block; background:url(../img/realizacje-image-social-1.jpg) no-repeat top center; position:absolute; background-size:contain; z-index:0; }


/*realizacje - social-2*/
section#realizacje ul li#social-2 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-2.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-2 div.bg { background:none; }
.mobile section#realizacje ul li#social-2 h2 { z-index:1 }

section#realizacje ul li#social-2 p { text-align:center; }
div#image-social-2 { display:none; }
.mobile div#image-social-2 { display:block; background:url(../img/realizacje-bg-social-2-mobile.jpg) no-repeat top center; position:absolute; background-size:contain; z-index:0; }


/*realizacje - social-3*/
section#realizacje ul li#social-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-3.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-3 div.bg { background:none; }
.mobile section#realizacje ul li#social-3 h2 {  z-index:1; }

section#realizacje ul li#social-3 h3 { text-align:left; position:relative; top:0; left:0; width:auto; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; }
section#realizacje ul li#social-3 p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
section#realizacje ul li#social-3 .text-b p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;}
section#realizacje ul li#social-3 .text-c { z-index:1 }
section#realizacje ul li#social-3 .text-c p { text-align:center; color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;}

div#image-social-3 { display:none; }
.mobile div#image-social-3 { display:block; background:url(../img/realizacje-bg-social-3-mobile.jpg) no-repeat top center; position:absolute; background-size:contain; z-index:0; }


/*realizacje - social-4*/
section#realizacje ul li#social-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-4.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-4-mobile.jpg) no-repeat; background-size:contain; background-position: top center; }
section#realizacje ul li#social-4 .text { }
section#realizacje ul li#social-4 p { text-align:right; color:#FFF; }

/*realizacje - social-5*/
section#realizacje ul li#social-5 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-5.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-5 div.bg { background:none; }

section#realizacje ul li#social-5 p { text-align:center;  }
#image-social-5 { background:url(../img/realizacje-image-social-5.png) no-repeat top left; background-size:contain; background-position:top left; position:absolute;  }

.mobile #image-social-5 { background:url(../img/realizacje-image-social-5-mobile-a.jpg) no-repeat top left; background-size:contain; background-position:top center; position:absolute;  }

div#image-social-5-b { display:none; }
.mobile div#image-social-5-b { display:block; background:url(../img/realizacje-image-social-5-mobile-b.jpg) no-repeat top center; position:absolute; background-size:contain; z-index:0; }

div#image-social-5-c { display:none; }
.mobile div#image-social-5-c { display:block; background:url(../img/realizacje-image-social-5-mobile-c.jpg) no-repeat top center; position:absolute; background-size:contain; z-index:0; }




section#realizacje ul li#social-5 .text-b { }
section#realizacje ul li#social-5 .text-b p { text-align:left; }

/*realizacje - social-8*/
section#realizacje ul li#social-8 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-8-c.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-8 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-8-mobile.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#social-8 h2 { text-align:center; margin-left:auto; margin-right:auto; }

section#realizacje ul li#social-8 .text-a p { text-align:center; }
section#realizacje ul li#social-8 .text-b p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }


div#image-social-8 { display:block; background:url(../img/realizacje-image-social-8.png) no-repeat top center; position:absolute; background-size:contain; z-index:0; }

.mobile div#image-social-8 { display:block; background:url(../img/realizacje-image-social-8.png) no-repeat top center; position:absolute; background-size:contain; z-index:0; }


/*realizacje - social-12*/
section#realizacje ul li#social-12 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-12-b.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-12 div.bg {background:#F5F4F2; }
section#realizacje ul li#social-12 .text-a p { text-align:center; }
section#realizacje ul li#social-12 .text-b p.b { text-align:left;  font-family:'MyriadProBold'; }
div#image-social-12 { display:none; }
.mobile div#image-social-12 { display:block; background:url(../img/realizacje-image-social-12.png) no-repeat top center; position:absolute; background-size:contain; z-index:0; }


/*realizacje - social-14*/
section#realizacje ul li#social-14 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-14.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-14 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-14-mobile.jpg) no-repeat; background-size:cover; background-position:center; }

section#realizacje ul li#social-14 h2 { color:#FFF; }
section#realizacje ul li#social-14 .text-a p { text-align:left; color:#FFF; }
section#realizacje ul li#social-14 .text-b p.b { text-align:left;  font-family:'MyriadProBold'; }
div#image-social-14 { display:none; }
.mobile div#image-social-14 { display:block; background:url(../img/realizacje-image-social-14.png) no-repeat top center; position:absolute; background-size:contain; z-index:0; }



/*realizacje - social-15*/
section#realizacje ul li#social-15 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-15.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#social-15 div.bg { background:url(../img/realizacje-bg-social-15-mobile.jpg) no-repeat; background-size:cover; background-position:top right; }
section#realizacje ul li#social-15 .text p { text-align:center; }

div#image-social-15 { display:none; }
.mobile div#image-social-15 { display:block; background:url(../img/realizacje-image-social-15-mobile.png) no-repeat top center; position:absolute; background-size:contain; z-index:0; }


/*realizacje - social-16*/
section#realizacje ul li#social-16 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-16.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#social-16 h2 { color:#FFF; }
section#realizacje ul li#social-16 .text p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center; }
.mobile section#realizacje ul li#social-16 .text p { color:#FFF; }

/*realizacje - social-17*/
section#realizacje ul li#social-17 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-17.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#social-17 h2 { color:#FFF; }
section#realizacje ul li#social-17 .text p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center; }

/*realizacje - social-18*/
section#realizacje ul li#social-18 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-18.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#social-18 h2 { }
section#realizacje ul li#social-18 .text p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }


/*realizacje - social-19*/
section#realizacje ul li#social-19 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-social-19b.jpg) no-repeat; background-size:cover; background-position:center; }
section#realizacje ul li#social-19 h2 { }
section#realizacje ul li#social-19 .text p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }
div#social-image-19 { width:498px; height:409px; background:url(../img/realizacje-image-social-19.png) no-repeat top center; position:absolute; top:307px; background-size:contain; }
.mobile div#social-image-19 { width:498px; height:409px; background:url(../img/realizacje-image-social-19-mobile.png) no-repeat top center; position:absolute; top:307px; background-size:contain; }

.mobile-ver { display:none; }
.no-mobile-ver { display:block; }
.mobile .mobile-ver{ display:block; }
.mobile .no-mobile-ver { display:none; }
.tablet .no-tablet-ver { display:none; }
.tablet-ver { display:none; }
.tablet .tablet-ver { display:block; }


/*realizacje - LOGO I REBRANDING*/

/*realizacje - logo-1*/
section#realizacje ul li#logo-1 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-1.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-1 div.bg { background:#DCDCDC; }

section#realizacje ul li#logo-1 .text-a p { text-align:center; }

.mobile #image-logo-1 { background:url(../img/realizacje-image-logo-1.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-2-a { background:url(../img/realizacje-image-logo-2-a.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-2-b { background:url(../img/realizacje-image-logo-2-b.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-3 { background:url(../img/realizacje-image-logo-3.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-4 { background:url(../img/realizacje-image-logo-4-mobile.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-6 { background:url(../img/realizacje-image-logo-6-b.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-7 { background:url(../img/realizacje-image-logo-7.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-8 { background:url(../img/realizacje-image-logo-8.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-9 { background:url(../img/realizacje-image-logo-9.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-10-a { background:url(../img/realizacje-image-logo-10-a.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-10-b { background:url(../img/realizacje-image-logo-10-b.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-11 { background:url(../img/realizacje-image-logo-11.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-12 { background:url(../img/realizacje-image-logo-12.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-13-a { background:url(../img/realizacje-image-logo-13-a.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-13-b { background:url(../img/realizacje-image-logo-13-b.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-14 { background:url(../img/realizacje-image-logo-14.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-15 { background:url(../img/realizacje-image-logo-15.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-16 { background:url(../img/realizacje-image-logo-16.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-17 { background:url(../img/realizacje-image-logo-17.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-18 { background:url(../img/realizacje-image-logo-18.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-19 { background:url(../img/realizacje-image-logo-19.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-20 { background:url(../img/realizacje-image-logo-20.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-21 { background:url(../img/realizacje-image-logo-21.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-22 { background:url(../img/realizacje-image-logo-22.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }
.mobile #image-logo-23 { background:url(../img/realizacje-image-logo-23.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; }


/*realizacje - logo-2*/
section#realizacje ul li#logo-2 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-2.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-2 div.bg { background:#DCDCDC; }

/*realizacje - logo-3*/
section#realizacje ul li#logo-3 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-3.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-3 div.bg { background:#DCDCDC; }

/*realizacje - logo-4*/
section#realizacje ul li#logo-4 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; /*background:url(../img/realizacje-bg-logo-4.jpg) no-repeat; background-size:cover; background-position:center;*/ background:#DCDCDC; }
#image-logo-4 { background:url(../img/realizacje-image-logo-4-b.jpg) no-repeat; background-size:contain; background-position:top left; position:absolute; }

/*realizacje - logo-5*/
section#realizacje ul li#logo-5 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-5.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-5 div.bg { background:#FFF; }
section#realizacje ul li#logo-5 .text-a p { text-align:center; }
#logo-image-5 { background:url(../img/realizacje-image-logo-5.png) no-repeat; background-size:contain; background-position:top left; position:absolute; }
.mobile #logo-image-5 { display:none; }
.mobile #image-logo-5-mobile { background:url(../img/realizacje-image-logo-5-mobile.jpg) no-repeat; background-size:contain; position:absolute;  background-position:top center; z-index:0; }


/*realizacje - logo-6*/
section#realizacje ul li#logo-6 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-6.jpg) no-repeat; background-size:cover; background-position:center;  }
.mobile section#realizacje ul li#logo-6 div.bg { background:#FFF; }
section#realizacje ul li#logo-6 .text-a p { text-align:center; }
/*.desktop #image-logo-6 { background:url(../img/realizacje-image-logo-6-b.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top center; border:1px solid black; }*/

/*realizacje - logo-7*/
section#realizacje ul li#logo-7 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-7.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-7 div.bg { background:#FFF; }
section#realizacje ul li#logo-7 .text-a p { text-align:left; }


/*realizacje - logo-8*/
section#realizacje ul li#logo-8 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#FFF; /* background:url(../img/realizacje-bg-logo-8.jpg) no-repeat; background-size:cover; background-position:center;*/ }
.mobile section#realizacje ul li#logo-8 div.bg { background:#FFF; }
section#realizacje ul li#logo-8 .text-a p { text-align:left; }
.desktop #image-logo-8 { background:url(../img/realizacje-image-logo-8-b.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top right; z-index:0; }
.tablet #image-logo-8 { background:url(../img/realizacje-image-logo-8-b.jpg) no-repeat; background-size:contain; position:absolute;   background-position:top right; z-index:0; }

/*realizacje - logo-9*/
section#realizacje ul li#logo-9 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-9.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-9 div.bg { background:#FFF; }
section#realizacje ul li#logo-9 .text-a p { text-align:left; }

/*realizacje - logo-10*/
section#realizacje ul li#logo-10 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-10.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-10 div.bg { background:#FFF; }
section#realizacje ul li#logo-10 .text-a p { text-align:left; }

/*realizacje - logo-11*/
section#realizacje ul li#logo-11 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-11.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-11 div.bg { background:#FFF; }
section#realizacje ul li#logo-11 .text-a p { text-align:left; }

/*realizacje - logo-12*/
section#realizacje ul li#logo-12 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-12.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-12 div.bg { background:#DBDBDB; }
section#realizacje ul li#logo-12 .text-a p { text-align:center; }
section#realizacje ul li#logo-12 .text-b p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }

/*realizacje - logo-13*/
section#realizacje ul li#logo-13 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-13.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-13 div.bg { background:#DBDBDB; }

/*realizacje - logo-14*/
section#realizacje ul li#logo-14 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-14.jpg) no-repeat #DCDCDC; background-size:contain; background-position:center; }
.mobile section#realizacje ul li#logo-14 div.bg { background:#DBDBDB; }


/*realizacje - logo-15*/
section#realizacje ul li#logo-15 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-15.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-15 div.bg { background:#F4F4F4; }
section#realizacje ul li#logo-15 .text-a p { text-align:center; }
section#realizacje ul li#logo-15 .text-b p { text-align:center; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }

/*realizacje - logo-16*/
section#realizacje ul li#logo-16 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-16.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-16 div.bg { background:#F4F4F4; }
section#realizacje ul li#logo-16 .text-a p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center;  }

/*realizacje - logo-17*/
section#realizacje ul li#logo-17 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-17.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-17 div.bg { background:#FFF; }
section#realizacje ul li#logo-17 .text-a p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; text-align:center;  }
section#realizacje ul li#logo-17 .text-b p { text-align:center;  }

/*realizacje - logo-18*/
section#realizacje ul li#logo-18 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-18.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-18 div.bg { background:#FFF; }
section#realizacje ul li#logo-18 .text-a p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;  }

/*realizacje - logo-19*/
section#realizacje ul li#logo-19 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-19.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-19 div.bg { background:#FFF; }
section#realizacje ul li#logo-19 .text-a p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;  }

/*realizacje - logo-20*/
section#realizacje ul li#logo-20 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:#DCDCDC; }
.mobile section#realizacje ul li#logo-20 div.bg { background:#DBDBDB; }
section#realizacje ul li#logo-20 .text-a p { text-align:center;  font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;  }
section#realizacje ul li#logo-20 .text-b p { text-align:center;  }

/*realizacje - logo-21*/
section#realizacje ul li#logo-21 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-21.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-21 div.bg { background:#DBDBDB; }
section#realizacje ul li#logo-21 .text-a p { text-align:left; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300;  }

/*realizacje - logo-22*/
section#realizacje ul li#logo-22 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-22.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-22 div.bg { background:#DBDBDB; }
section#realizacje ul li#logo-22 .text-a p {  }

/*realizacje - logo-23*/
section#realizacje ul li#logo-23 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-23.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-23 div.bg { background:#DBDBDB; }
section#realizacje ul li#logo-23 .text-a p {  }

/*realizacje - logo-24*/
section#realizacje ul li#logo-24 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-24.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-24 div.bg { background:#DBDBDB; }
section#realizacje ul li#logo-24 .text-a p {  }


/*realizacje - logo-25*/
section#realizacje ul li#logo-25 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-25.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-25 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-25-mobile.jpg) no-repeat; background-size:contain; background-position:center; }

/*realizacje - logo-26*/
section#realizacje ul li#logo-26 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-26.jpg) no-repeat; background-size:cover; background-position:center; }
.mobile section#realizacje ul li#logo-26 div.bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../img/realizacje-bg-logo-26-mobile.jpg) no-repeat; background-size:contain; background-position:top center; }




/*klienci*/
section#klienci { width:100%; min-width:986px; position:relative; top:0px;  }
.tablet section#klienci { min-width:0px; }
.mobile section#klienci { min-width:0px; }
header.klienci { background:#F6F7F8; padding-bottom:0px; margin-bottom:0px;  height:98px; }
.desktop header.klienci { padding-top:113px; padding-bottom: 25px; }
.desktop #page-klienci header.klienci { padding-top:235px;  padding-bottom: 0px;}
.tablet header.klienci { border-top:8px solid #E4E4E4; }
header.klienci h1 {  margin-top:-66px;  padding-bottom:27px;  color:#353535; }
.home header.klienci h1 { padding-bottom:0px; }
.desktop header.klienci h1 { margin-left:10%; margin-right:10%; }
main.klienci { background:#F6F7F8; }
main.klienci header.klienci { padding-top:235px; background:#F6F7F8; }
.klienci .root { background:#F6F7F8;}
ul.klienci { margin:0; padding:30px 0 30px 0; overflow:hidden; background:#F6F7F8; position:relative;}
.mobile ul.klienci { padding-bottom:0; }
main.klienci ul.klienci { padding-bottom:0px; }
ul.klienci li { position:relative; margin:1px 1px 0 0; padding:0; float:left; list-style:none; width:162px; height:162px; perspective:400px;}
ul.klienci li.double {  }
.mobile ul.klienci li.double { display:none; }
ul.klienci li.double p { padding:13% 5% 13% 8%; letter-spacing:0px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; }
ul.klienci li.triple-double { }
ul.klienci li.triple-double h4 { font-family:'MyriadProBold'; color:#353535; margin:0; padding:0; letter-spacing:0px; }
ul.klienci li.triple-double p { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; letter-spacing:0px; text-align:justify; }
ul.klienci li.triple-double a { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; letter-spacing:0px; text-align:left;
background:url(../img/arrow-small.jpg) no-repeat right #F21414; color:#FFF; display:block; background-size:contain;  }
.mobile ul.klienci li.triple-double a { background:#F21414; }
main#content ul.klienci li.triple-double a { color:#FFF }
main#content ul.klienci li.triple-double a:hover {-webkit-box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.75);
box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.75);
background:url(../img/arrow-small-hover.jpg) no-repeat right #D90D0D; }
div.triple-double-data { display:none; }


ul.klienci li.big { width:488px; height:325px; }
ul.klienci li img { border:0; }

.container {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 0.9s;
}

div.front { width:100%; height:100%; position:absolute; backface-visibility: hidden;  background-size:contain; z-index:3; }

div.back { z-index:2;  width:100%; height:100%; position:absolute; backface-visibility: hidden; transform: rotateY( 180deg ); background:#333; color:#FFF; }
.tablet div.back,.mobile div.back { z-index:2; opacity:1; height:0; top:0px; backface-visibility:visible; transform:none; }
.tablet div.front,.mobile div.front { z-index:3; }

div.back p { color:#FFF; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; font-size:16px; text-align:center; padding:0px 14px; line-height:25px; letter-spacing:0px; margin:0; }

.flipped { transform: rotateY( 180deg ); }


div#kprm { background:url(../img/klienci-kprm.jpg) no-repeat; background-size:contain; }
div#msp { background:url(../img/klienci-msp.jpg) no-repeat; background-size:contain; }
div#mf { background:url(../img/klienci-mf.jpg) no-repeat; background-size:contain; }
div#msz { background:url(../img/klienci-msz.jpg) no-repeat; background-size:contain; }
div#mrirw { background:url(../img/klienci-mrirw.jpg) no-repeat; background-size:contain; }
div#mos { background:url(../img/klienci-mos.jpg) no-repeat; background-size:contain; }
div#prp { background:url(../img/klienci-prp.jpg) no-repeat; background-size:contain; }
div#pow { background:url(../img/klienci-pow.jpg) no-repeat; background-size:contain; }
div#mrr { background:url(../img/klienci-mrr.jpg) no-repeat; background-size:contain; }
div#sow { background:url(../img/klienci-sow.jpg) no-repeat; background-size:contain; }
div#yokohama { background:url(../img/klienci-yokohama.jpg) no-repeat; background-size:contain; }
div#polisa-zycie { background:url(../img/klienci-polisa-zycie.jpg) no-repeat; background-size:contain; }
div#promesa { background:url(../img/klienci-promesa.jpg) no-repeat; background-size:contain; }
div#venezia { background:url(../img/klienci-venezia.jpg) no-repeat; background-size:contain; }
div#wsl { background:url(../img/klienci-wsl.jpg) no-repeat; background-size:contain; }
div#play { background:url(../img/klienci-play.jpg) no-repeat; background-size:contain; }
div#azs-awf { background:url(../img/klienci-azs-awf.jpg) no-repeat; background-size:contain; }
div#albane { background:url(../img/klienci-albane.jpg) no-repeat; background-size:contain; }
div#hp-systems { background:url(../img/klienci-hp-systems.jpg) no-repeat; background-size:contain; }
div#fig { background:url(../img/klienci-fig.jpg) no-repeat; background-size:contain; }
div#isp { background:url(../img/klienci-isp.jpg) no-repeat; background-size:contain; }
div#iveco { background:url(../img/klienci-iveco.jpg) no-repeat; background-size:contain; }
div#orlen { background:url(../img/klienci-orlen.jpg) no-repeat; background-size:contain; }
div#tescoma { background:url(../img/klienci-tescoma.jpg) no-repeat; background-size:contain; }
div#tvp { background:url(../img/klienci-tvp.jpg) no-repeat; background-size:contain; }
div#kisam { background:url(../img/klienci-kisam.jpg) no-repeat; background-size:contain; }
div#itme { background:url(../img/klienci-itme.jpg) no-repeat; background-size:contain; }
div#ijhars { background:url(../img/klienci-ijhars.jpg) no-repeat; background-size:contain; }
div#cenzin { background:url(../img/klienci-cenzin.jpg) no-repeat; background-size:contain; }
div#lbs { background:url(../img/klienci-lbs.jpg) no-repeat; background-size:contain; }
div#orange { background:url(../img/klienci-orange.jpg) no-repeat; background-size:contain; }
div#stocer { background:url(../img/klienci-stocer.jpg) no-repeat; background-size:contain; }
div#oracle { background:url(../img/klienci-oracle.jpg) no-repeat; background-size:contain; }
div#sabat { background:url(../img/klienci-sabat.jpg) no-repeat; background-size:contain; }
div#sos { background:url(../img/klienci-sos.jpg) no-repeat; background-size:contain; }
div#moliera { background:url(../img/klienci-moliera.jpg) no-repeat; background-size:contain; }
div#fundacja-orange { background:url(../img/klienci-fundacja-orange.jpg) no-repeat; background-size:contain; }
div#plus { background:url(../img/klienci-plus.jpg) no-repeat; background-size:contain; }
div#polanglo { background:url(../img/klienci-polanglo.jpg) no-repeat; background-size:contain; }
div#fdn { background:url(../img/klienci-fdn.jpg) no-repeat; background-size:contain; }
div#atal { background:url(../img/klienci-atal.jpg) no-repeat; background-size:contain; }
div#milward { background:url(../img/klienci-milward.jpg) no-repeat; background-size:contain; }
div#bibby { background:url(../img/klienci-bibby.jpg) no-repeat; background-size:contain; }
div#konica-minolta { background:url(../img/klienci-konica-minolta.jpg) no-repeat; background-size:contain; }
div#ahk { background:url(../img/klienci-ahk.jpg) no-repeat; background-size:contain; }
div#carservis { background:url(../img/klienci-carservis.jpg) no-repeat; background-size:contain; }
div#intercontinental { background:url(../img/klienci-intercontinental.jpg) no-repeat; background-size:contain; }
div#unisono { background:url(../img/klienci-unisono.jpg) no-repeat; background-size:contain; }
div#toitoi { background:url(../img/klienci-toitoi.jpg) no-repeat; background-size:contain; }
div#rurex { background:url(../img/klienci-rurex.jpg) no-repeat; background-size:contain; }
div#pwpw { background:url(../img/klienci-pwpw.jpg) no-repeat; background-size:contain; }
div#parp { background:url(../img/klienci-parp.jpg) no-repeat; background-size:contain; }
div#stryker { background:url(../img/klienci-stryker.jpg) no-repeat; background-size:contain; }
div#szynaka { background:url(../img/klienci-szynaka.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }
div#bdm { background:url(../img/klienci-bdm.jpg) no-repeat; background-size:contain; }
div#merlin { background:url(../img/klienci-merlin.jpg) no-repeat; background-size:contain; }
div#komandor { background:url(../img/klienci-komandor.jpg) no-repeat; background-size:contain; }
div#nata { background:url(../img/klienci-nata.jpg) no-repeat; background-size:contain; }
div#uw { background:url(../img/klienci-uw.jpg) no-repeat; background-size:contain; }
div#fiat { background:url(../img/klienci-fiat.jpg) no-repeat; background-size:contain; }
div#metro { background:url(../img/klienci-metro.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }
div#dior { background:url(../img/klienci-dior.jpg) no-repeat; background-size:contain; }















/*testimonials*/
section#testimonials { width:100%; /*height:260px; */background:#F6F7F8;  }
section#testimonials ul { position:relative; /*top:20px;*/ left:130px; width:720px; padding:0; margin:0;/* height:170px;*/ }
section#testimonials ul li { list-style:none; padding:0; margin:0; position:absolute; display:none; }
section#testimonials ul li:first-child { display:block; }
section#testimonials ul li p { letter-spacing:0px; margin-bottom:28px; }
section#testimonials .arrow-right { width:29px; height:29px; background:url(../img/arrows.png) no-repeat; cursor:pointer; position:absolute; right:24px; top:45%; }
.tablet section#testimonials .arrow-right,.mobile section#testimonials .arrow-right { width:63px; height:63px; background:url(../img/tablet-arrows.jpg) no-repeat; background-size:contain; cursor:pointer; position:absolute; right:24px; top:50%; }
.desktop section#testimonials .arrow-right:hover { background-position:0 -30px; }
section#testimonials .arrow-left { display:none; width:29px; height:29px; background:url(../img/arrows.png) no-repeat; cursor:pointer; position:absolute; left:24px; top:45%;  -moz-transform: scaleX(-1); -o-transform: scaleX(-1);  -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.tablet section#testimonials .arrow-left,.mobile section#testimonials .arrow-left {  background:url(../img/tablet-arrows.jpg) no-repeat;  background-size:contain;  -moz-transform: scaleX(-1); -o-transform: scaleX(-1);  -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.desktop section#testimonials .arrow-left:hover { background-position:0 -30px; }






/*news listing*/
div.mask { width:100%; height:201px; background:url(../img/mask-a.png) repeat-x; position:fixed; bottom:0px; z-index:999; }
li.loader img { position:relative; left:49%; }
header.news-listing { background:#F6F7F8; padding-bottom:0px; margin-bottom:0;  min-height:230px; }
header.news-listing h1 {  margin-top:48px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:27px; }
.tablet header.news-listing h1 {  background:url(../img/separator-d.jpg) no-repeat bottom center; }
.tablet header{ height:auto; }
header.news-listing h2 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; text-align:center; margin-top:10px; padding-bottom:42px; }
main.news-listing { margin:0; padding:0; }
main.news-listing div.news-teasers ul li:first-child { padding-top:60px; }
.mobile header.news-listing h2 { margin-left:3%; margin-right:3%; }

div.news-teasers { }
div.news-teasers h5 {width:986px; margin:0 auto; border-top:1px solid #bcbdbd; padding-top:18px; margin-bottom:10px; }
div.news-teasers ul { margin:0px; padding:0px 0 0 0; border-bottom:1px solid #737373; }
div.news-teasers ul li { list-style:none; margin:0; padding:0; overflow:hidden; background:url(../img/news-tease-bg.jpg) no-repeat; background-position:bottom center; padding-bottom:40px; padding-top:29px; }
main.news-listing div.news-teasers ul li.no-bg { background-image:url(../img/news-tease-bg-b.jpg); }

.mobile div.news-teasers ul li a { text-decoration:none; }
div.news-teasers ul li div.icon { width:128px; height:128px; background-size:contain; background-position:center; margin:22px 0 0px 0; background-repeat:no-repeat; }
.mobile div.news-teasers ul li div.icon { position:relative; left:50%; }
div.icon.excelsior { background-image:url(../img/news-icon-excelsior.png);background-size:contain; background-position:center; }
div.icon.intercontinental { background-image:url(../img/news-icon-intercontinental.png);background-size:contain; background-position:center; }
div.icon.parp { background-image:url(../img/news-icon-parp.png); background-size:contain; background-position:center;}


div.news-teasers ul li:last-child { background:none; z-index:18; }
/*div.news-teasers ul li:hover { background-color:#353535; background-size:0px 0px; z-index:8; }

*/
div.news-teasers ul li.hover { background-color:#353535; background-size:0px 0px; z-index:8; }

div.news-teasers ul li a { color:#353535; display:block; overflow:hidden; text-decoration:none; }
div.news-teasers ul li:hover a { color:#353535 }
div.news-teasers ul li img { margin:22px 0 0px 0; border:0; }
div.news-teasers ul li p.date { color:#828383; font-size:18px; margin:10px 0 13px 0px; }
.mobile div.news-teasers ul li p.date { text-align:center; }
.mobile div.news-teasers ul li h6 { text-align:center; }
.mobile div.news-teasers ul li p { text-align:center; }
div.news-teasers ul li.hover p.date { color:#bcbdbd; }
div.news-teasers ul li.hover h6 { color:#FFF; }
div.news-teasers ul li.hover p { color:#999696; }




/*news*/
header {  width:100%; padding-top:121px; padding-bottom:77px; margin-bottom:62px; background:#F6F7F8; }
header.news { background:#F6F7F8; }
header.news img { margin:65px auto 20px auto; display:block; }
header.news p.date { text-align:center; color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:18px; line-height:18px; margin:0; }
header.news h1 {  margin-top:15px; }
.tablet header.news h1 { margin-left:5%; margin-right:5%; }
main { background:none; overflow:hidden; }
.news main { padding-bottom:90px; }
.tablet  main { padding-bottom:50px; }
.tablet  main.realizacje { padding-bottom:0px; }
.mobile  main { padding-bottom:0px; }

main.dev { min-height:400px; }
main.dev h1 { margin-top:200px; }
main img { margin-bottom:14px; /*border:1px solid #bcbdbd; */ }
p.img-info { font-size:38px; line-height:44px; margin-top:-5px; margin-bottom:70px; }
main ul { margin-left:20px; margin-bottom:49px; margin-top:40px; }
main ul li { list-style:disc; font-size:21px; line-height:30px; margin-bottom:2px; }
main ul.raw { margin-left:0px; margin-bottom:49px; margin-top:40px; }
main ul.raw li { list-style:none; font-size:21px; line-height:21px; margin-bottom:13px; }
main ul li a { color:#f21414; font-size:21px; }
main ul li a:hover { color:#f21414; /*text-decoration:underline;*/ text-decoration:none }
main#content a { color:#f21414; font-size:21px; }
main#content a:hover { color:#f21414; /*text-decoration:underline;*/ text-decoration:none }

main a.pdf { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px 2px; padding-left:26px; }
main a.doc { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px -31px; padding-left:26px; }
main a.xls { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px -65px; padding-left:26px; }
main a.ppt { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px -97px; padding-left:26px; }

.tablet main a.pdf { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px 0px; padding-left:26px; }
.tablet main a.doc { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px -33px; padding-left:26px; }
.tablet main a.xls { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px -67px; padding-left:26px; }
.tablet main a.ppt { background:url(../img/sprite-docs-icons.jpg) no-repeat 0px -99px; padding-left:26px; }
@media only screen and (max-width: 601px) {
.tablet main a.pdf { background:url(../img/tablet-sprite-icons.jpg) no-repeat 0px -2px; padding-left:22px; }
.tablet main a.doc { background:url(../img/tablet-sprite-icons.jpg) no-repeat 0px -35px; padding-left:22px; }
.tablet main a.xls { background:url(../img/tablet-sprite-icons.jpg) no-repeat 0px -69px; padding-left:22px; }
.tablet main a.ppt { background:url(../img/tablet-sprite-icons.jpg) no-repeat 0px -100px; padding-left:22px; }
}

em { font-style:italic }

ol {  margin-left:30px; margin-bottom:49px; margin-top:40px; }
.mobile ol { margin-left:0px; margin-bottom:0px; margin-top:0px; }
ol li { font-size:21px; line-height:30px; list-style:decimal; margin-bottom:11px; color:#f21414; height:auto; }
.mobile ol li { font-size:21px; line-height:30px; list-style:decimal; margin-bottom:11px; color:#f21414; height:auto; }
ol li span { color:#353535; }
ol li span ul li { color:#353535; }

table { width:100%; margin-bottom:40px; }
table thead { }
table tbody { }
table th { background:#353535; color:#FFF; text-transform:uppercase; font-size:16px; font-family:'MyriadProBold'; line-height:38px; padding-left:15px; padding-right:5px; }
table tr { line-height:39px; }
table td { font-size:18px;  border-bottom:1px solid #333; border-left:1px solid #333; padding-left:15px; padding-right:5px; }
table td:first-child { border-left:0px; }
div.slides { position:relative; overflow:hidden; margin-top:33px; margin-bottom:17px; text-align:right; padding-top:40px; padding-bottom:40px; }
.desktop div.slides { padding-top:40px; }
div.slides img { border:0; }

/*div#slides-nav { overflow:hidden; position:absolute; right:0px; top:10px; }
div#slides-nav a { float:left; margin-left:4px; display:block; border-radius: 50%; width:17px; height:17px; background:#e4e4e4; text-indent:9999px;  }
div#slides-nav a:hover,#slides-nav a.activeSlide { background:#7F7F7F; }
*/
div.slides-nav { overflow:hidden; }
div.slides-nav.nav-b { overflow:hidden; position:absolute; left:50%; bottom:10px; }
div.slides-nav.nav-a { overflow:hidden; position:absolute; left:50%; top:10px;  }
div.slides-nav a { float:left; margin-left:4px; display:block; border-radius: 50%; width:17px; height:17px; background:#e4e4e4; text-indent:9999px;  }
div.slides-nav a:hover,.slides-nav a.activeSlide { background:#7F7F7F; }



.slideshow { overflow:hidden; height:auto; margin-left:auto; margin-right:auto; text-align:center; }

.mobile.news article { padding-bottom:20px }




/*header single*/
.desktop header.single h1 { margin-top:53px; }
.desktop main.single { padding-bottom:50px; }
.tablet main.single { padding-bottom:30px; }
.mobile main.single { padding-bottom:20px; }

h2.single { padding:0; }


/*baza wiedzy*/
header.baza-wiedzy { background:#2eaeb7; padding-bottom:90px; margin-bottom:72px;  }
header.baza-wiedzy img { margin:35px auto 28px auto; display:block; }
.tablet header.baza-wiedzy img { margin:10px auto 10px auto; display:block; }
.baza-wiedzy main { padding-bottom:90px; }

header.baza-wiedzy div.icon { border:0; width:326px; height:326px; margin:35px auto 28px auto;  background-position:center; background-size:contain; background-repeat:no-repeat; }

header.baza-wiedzy h1 { color:#FFF; }
body.baza-wiedzy p { letter-spacing:0px; margin-bottom:30px; }
body.baza-wiedzy footer p { margin-bottom:0; }


/*baza wiedzy - listing*/
header.baza-wiedzy-listing { background:#F6F7F8; padding-bottom:0px; margin-bottom:55px;  min-height:230px;  }
header.baza-wiedzy-listing h1 {  margin-top:48px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:27px; color:#353535; }
header.baza-wiedzy-listing h2 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; text-align:center; margin-top:10px; padding-bottom:42px; }
main.baza-wiedzy { margin:0; padding:0; }
main.baza-wiedzy a { color:#f21414; /*text-decoration:underline;*/ text-decoration:none }
main.baza-wiedzy a:hover { text-decoration:none; }

div.teasers { margin-top:22px; }
div.teasers h5 {width:986px; margin:0 auto; border-top:1px solid #bcbdbd; padding-top:18px; margin-bottom:10px; }
.tablet div.teasers h5 { width:95% }
.mobile div.teasers h5 { width:95% }
div.teasers ul { padding-top:12px; overflow:hidden; padding-bottom:81px; padding-left:0; margin:0; }
.tablet div.teasers ul, .mobile div.teasers ul { padding-top:0px; }
div.teasers ul li { float:left; position:relative; list-style:none; padding:0; margin:0;  }
div.teasers ul li a { width:326px; height:326px; display:block; text-decoration:none; }
div.teasers ul li img { position:absolute; z-index:-1; border:0; }
div.teasers ul li div.icon { position:absolute; z-index:-1; border:0; width:100%; height:100%; background-position:center; background-size:contain; background-repeat:no-repeat; }
#baza-wiedzy-icon-a { background-image:url(../img/baza-wiedzy-icon-makiety.jpg); }
#baza-wiedzy-icon-b { background-image:url(../img/baza-wiedzy-icon-usablitiy-b.jpg); }
#baza-wiedzy-icon-c { background-image:url(../img/baza-wiedzy-icon-korzysci.jpg); }
#baza-wiedzy-icon-d { background-image:url(../img/baza-wiedzy-icon-analiza.jpg); }
#baza-wiedzy-icon-e { background-image:url(../img/baza-wiedzy-icon-wyszukiwarka.jpg); }
#baza-wiedzy-icon-f { background-image:url(../img/baza-wiedzy-icon-logo.jpg); }
#baza-wiedzy-icon-g { background-image:url(../img/baza-wiedzy-icon-teksty.jpg); }
#baza-wiedzy-icon-h { background-image:url(../img/baza-wiedzy-icon-cross-selling.jpg); }
#baza-wiedzy-icon-i { background-image:url(../img/baza-wiedzy-icon-skuteczny-sklep.jpg); }
#baza-wiedzy-icon-j { background-image:url(../img/baza-wiedzy-icon-abc-marketingu-dla-kobiet.jpg); }
#baza-wiedzy-icon-k { background-image:url(../img/baza-wiedzy-icon-przerzucany-e-koszyk.jpg); }
#baza-wiedzy-icon-l { background-image:url(../img/baza-wiedzy-icon-strona-spolki-gieldowej.jpg); }






div.teasers div.title { width:277px; position:absolute; bottom:22px; left:28px; z-index:2; text-align:left; padding:0px 0px 0px 0; }
div.teasers ul li div.title h4 { font-size:20px; height:20px; font-family:'MyriadProBold'; color:#353535; line-height:26px; margin:0; display:inline;
padding:0; border-top:1px solid #FFF;
/*box-decoration-break:clone;
-webkit-box-decoration-break:clone;
-moz-box-decoration-break:clone;*/
 }
div.teasers ul li h4 span.wrap { box-shadow:-5px 0 0 5px #FFF, 5px 0 0 5px #FFF; padding-bottom:2px; background:#FFF;}
div.teasers ul li h4 span.inner { background:#FFF; position:relative; }
/*.desktop div.teasers ul li:hover h4 span.wrap { box-shadow:-5px 0 0 5px #353535, 5px 0 0 5px #353535; background:#353535; }
.desktop div.teasers ul li:hover h4 span.inner { background:#353535; position:relative; }
.desktop div.teasers ul li a:hover h4 { color:#FFF; background:#353535; }*/


/*kontakt*/
main.kontakt { margin:0; padding:0;  overflow:hidden;  }

ul.contact-info { border-bottom:1px solid #BDBDBD; width:100%; height:220px; margin:0; padding:0; overflow:hidden; padding:0px 0 0 0; }
ul.contact-info li { height:200px; width:246px; position:relative; float:left; list-style:none; border:1px solid #BDBDBD; border-right:0; border-left:0; margin-top:20px; background:#FFF; }
.mobile ul.contact-info { border:1px solid #BDBDBD; }
.mobile ul.contact-info li { float:none; border:0; margin-top:0px; }


ul.contact-info li:first-child { border-left:1px solid #BDBDBD; }
.mobile ul.contact-info li:first-child { border-left:0px solid #BDBDBD; }

ul.contact-info li:last-child { border-right:1px solid #BDBDBD; }
.mobile ul.contact-info li:last-child { border-right:0px solid #BDBDBD; }

ul.contact-info li div.icon { width:78px; height:68px; background-size:contain; background-position:center; background-repeat:no-repeat; border:0; position:absolute; top:-20px; left:50%; margin-left:-39px;}
div#contact-icon-a { background-image:url(../img/icon-zostan-klientem.jpg); }
div#contact-icon-b { background-image:url(../img/icon-dla-obecnych-klientow.jpg); }
div#contact-icon-c { background-image:url(../img/icon-dla-mediow.jpg); }
div#contact-icon-d { background-image:url(../img/icon-praca-i-wspolpraca.jpg); }
.tablet div#contact-icon-a, .mobile div#contact-icon-a { background-image:url(../img/icon-zostan-klientem-big.jpg); }
.tablet div#contact-icon-b, .mobile div#contact-icon-b { background-image:url(../img/icon-dla-obecnych-klientow-big.jpg); }
.tablet div#contact-icon-c, .mobile div#contact-icon-c { background-image:url(../img/icon-dla-mediow-big.jpg); }
.tablet div#contact-icon-d, .mobile div#contact-icon-d { background-image:url(../img/icon-praca-i-wspolpraca-big.jpg);}

.tablet ul.contact-info li div.icon { width:117px; height:116px; background-size:contain; background-position:center; background-repeat:no-repeat; }


ul.contact-info li h5 { text-transform:none; font-size:20px; margin:47px 0 15px 0; padding-bottom:5px; text-align:center; background:url(../img/separator-c.jpg) no-repeat center bottom; }
.mobile ul.contact-info li h5 {background-position:left bottom; }
.mobile ul.contact-info li h5 { text-align:left; }
ul.contact-info li p { font-size:18px; text-align:center; line-height:22px; margin:0 0 2px 0;  }
ul.contact-info li p.nr { font-size:20px;  }
.mobile ul.contact-info li p { text-align:left; }
ul.contact-info li a { font-size:18px; /*text-decoration:underline;*/ text-decoration:none  }
ul.contact-info li a:hover { text-decoration:none }

div.address { width:200px; margin-left:310px; margin-top:34px; float:left; }
div.address p { line-height:26px; font-size:19px; letter-spacing:0px;  }
div.nip { width:200px; margin-left:40px; margin-top:34px; float:left; }
div.nip p { line-height:26px; font-size:20px; letter-spacing:0px;  }
#google-map { clear:both; margin-top:155px;	width:100%; height:600px; border: 1px solid #bcbdbd;  z-index:1; }
main#content #google-map a { font-size:10px; }

/*o firmie*/
body.o-firmie main { }

section#kompetencje { width:100%; height:1047px; background:url(../img/o-firmie-bg-1920.jpg) no-repeat;  background-size:cover; background-position:bottom; overflow:hidden;  }
@media only screen and (max-width: 480px) {
section#kompetencje { background-image:url(../img/o-firmie-bg-480.jpg); }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
section#kompetencje { background-image:url(../img/o-firmie-bg-640.jpg); }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
section#kompetencje { background-image:url(../img/o-firmie-bg-1024.jpg); }
}




section#kompetencje .inner-box {  }
section#kompetencje div#circle-a { background:#FFF; width:340px; height:340px; border-radius:50%; position:absolute; bottom:470px; left:0px; display:block; background:url(../img/kolko-kompetencje.png) no-repeat; background-position:center; background-size:contain; }
section#kompetencje div#circle-a h3 { display:none; font-family:'MyriadProBold'; text-transform:uppercase; font-size:42px; line-height:340px; text-align:center; letter-spacing:-1px; color:#F87267; }
section#kompetencje div#circle-b { background:#FFF; width:545px; height:545px; border-radius:50%; position:absolute; bottom:205px; left:440px; display:block; }
section#kompetencje div#circle-b ul { margin-top:69px; margin-left:0; }
section#kompetencje div#circle-b ul li { list-style:none; text-align:center; font-size:18px; line-height:21px; margin-bottom:9px; }


/*o firmie - opinie*/
section#opinie { padding-bottom:50px; }
section#opinie ul { margin:20px 0 0 0; padding:0; z-index:1; position:relative; overflow:hidden; }
section#opinie ul li { list-style:none; margin:0; padding:0; width:100%; }

.opinion { margin:0; padding:0; background:url(../img/opinie-bg.jpg) no-repeat 42px 25px; position:relative; }

.opinion h4 { font-size:20px; font-family:'MyriadProSemibold'; color:#353535; text-indent:88px; letter-spacing:0px; margin-top:30px; margin-bottom:0; }

section#opinie ul li div.content { border-radius:20px; margin-top:7px; margin-left:4px; padding:30px 46px 10px 46px; background:#F6F8F7; }
section#opinie ul li div.content p { font-size:15px; line-height:24px; letter-spacing:0px; margin-bottom:24px; width:auto; }
section#opinie ul li div.content p a { font-size:15px; line-height:24px; letter-spacing:0px; margin-bottom:24px; width:auto; }
section#opinie ul li div.content ul { margin-bottom:20px; margin-top:-20px; }
section#opinie ul li div.content ul li { font-size:15px; line-height:24px; letter-spacing:0px; margin-bottom:24px; width:auto; margin-bottom:0; list-style:disc; margin-left:20px; }
section#opinie ul li div.content ol { margin-bottom:20px; margin-top:-10px; margin-left:0; }
section#opinie ul li div.content ol li { font-size:15px; line-height:24px; letter-spacing:0px; margin-bottom:24px; width:auto; margin-bottom:0; list-style:disc; margin-left:20px; color:#353535; }

.tablet section#opinie ul li div.content p{width:auto; }
.mobile section#opinie ul li div.content p{width:auto; }
section#opinie div#slides-nav { overflow:hidden; position:absolute; right:0px; top:0px; z-index:3; width:auto; max-width:100%; }
.tablet section#opinie div#slides-nav {  max-width:100%; }
.mobile section#opinie div#slides-nav {  max-width:100%; }
section#opinie div#slides-nav a { float:left; margin-left:3px; margin-bottom:3px; display:block; border-radius: 50%; width:16px; height:16px; background:#e4e4e4; text-indent:9999px;  }
section#opinie div#slides-nav a:hover { background:#7F7F7F;  }
section#opinie div#slides-nav a.activeSlide { background:#353535; }


/*o firmie - harvard-business-review*/
#harvard-business-review { padding-bottom:30px; overflow:hidden; }
#harvard-business-review .image{ float:left; }
.desktop #harvard-business-review .image{ position:relative; top:-40px; }
.tablet #harvard-business-review .image{ position:relative; top:-20px; }
#harvard-business-review p { font-size:20px; line-height:30px; margin-bottom:30px; letter-spacing:0px;}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
#harvard-business-review .image { float:left; width:50%; }
#harvard-business-review .image img {width:100%; }
#harvard-business-review p { padding-left:4%; padding-right:4%;}
}
@media only screen and (max-width: 480px) {
#harvard-business-review .image { width:100%; }
#harvard-business-review .image img{ width:100%; }
#harvard-business-review p { padding-left:4%; padding-right:4%; text-align:left; letter-spacing:0px; }
}


/*headers*/
header.header-b { background:#F6F7F8; border-top:8px solid #E4E4E4; height:auto;  padding:0;  }
header.header-b h2 { margin-top:51px; padding:0; text-align:center; font-size:60px; line-height:60px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:28px; color:#353535; margin-bottom:20px;  }
header.header-b h2.single  {  margin-top:0px; padding-top:0px; text-align:center; font-size:60px; line-height:150px; background:none; padding-bottom:15px; color:#353535; margin-bottom:0px; }
header.header-b h2.no-bg { background:none;  }

header.header-c { padding:0; background:#FFF; margin-bottom:30px; }
@media only screen and (max-width: 480px) {
header.header-c { margin-bottom:0px; }
}
header.header-c h2 { font-size:60px; line-height:60px; text-align:center; margin-top:30px; padding-left:1%; padding-right:1%; }


header.kontakt { background:#F6F7F8; padding-bottom:0px; margin-bottom:30px; height:auto;  }
header.kontakt h1 {  margin-top:48px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:27px; color:#353535; }
header.kontakt h2 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; line-height:28px; text-align:center; padding-bottom:47px; margin:20px 50px 0px 50px; }
.tablet header.kontakt h2 { margin-left:13%; margin-right:13%; }

.realizacje header { background:#f6f7f8; padding-top:170px; padding-bottom:50px; margin-bottom:1px;  }
.realizacje header.klienci { margin-bottom:0; }

.realizacje header h1 { margin-top:0px; }
.realizacje header h2 { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; color:#828383; font-size:24px; line-height:30px; font-style:normal; text-align:center; padding-top:18px; padding-bottom:0px; margin-bottom:0px; margin-top:26px; background:url(../img/separator-b.jpg) no-repeat top center;  margin-left:auto; margin-right:auto;
}
.realizacje header.realizacje h2 { margin-left:5%; margin-right:5%; }

/*.desktop.realizacje h2 {  width:750px; }*/

.realizacje header { padding-top:210px; }

header.o-firmie { background:#f6f7f8; padding-top:170px; padding-bottom:35px; margin-bottom:1px;  }
header.o-firmie h1 { margin-top:0px; }

header blockquote { color:#828383; font-size:24px; line-height:30px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-style:normal; text-align:center; padding-top:18px; margin-top:26px; background:url(../img/separator-b.jpg) no-repeat top center; width:750px; margin-left:auto; margin-right:auto; }
.tablet header blockquote { width:80%; }
.mobile header blockquote { width:95%; }

header.opinie { margin-bottom:0px; }
header.symbolika-logo { }
header.header-b.symbolika-logo { margin-bottom:0px; }
.mobile header.header-b.symbolika-logo { margin-bottom: 0px; }
header.header-b.symbolika-logo h2 { }
.tablet header.header-b.symbolika-logo h2 { margin-top:51px; background:none; }
.mobile header.header-b.symbolika-logo h2 { margin-top:51px; background:none; }



header.wladze-firm {  }



.tablet header.header-b.wladze-firm h2,.mobile header.header-b.wladze-firm h2  {  margin-top:51px; padding:0; text-align:center; font-size:60px; line-height:60px; background:none; padding-bottom:60px; color:#353535; margin-bottom:20px;  }


.tablet header.header-b { background:#F6F7F8; border-top:8px solid #E4E4E4; height:auto; padding:0; margin:0; }
.mobile header.header-b { background:#F6F7F8; border-top:8px solid #E4E4E4; height:auto; padding:0; margin:0; }
.tablet header.header-b h2,.mobile header.header-b h2 { margin-top:51px; padding:0; text-align:center; font-size:60px; line-height:60px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:28px; color:#353535; margin-bottom:20px;  }
.tablet header.header-b h2.single { background:none; }
.mobile header.header-b h2.single { background:none; }

header.header-b h3 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; line-height:29px; text-align:center; margin-top:0px; padding-bottom:47px; margin-left:auto; margin-right:auto; letter-spacing:0px; width:590px; margin-bottom:0; }

.tablet header.header-b h3,.mobile header.header-b h3 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; line-height:29px; text-align:center; margin-top:0px; padding-bottom:47px; margin-left:auto; margin-right:auto; letter-spacing:0px; width:590px; margin-bottom:0; }
.tablet header.header-b h3, .mobile header.header-b h3 { width:90% }

header.header-b h3 a { color:#f21414; /*text-decoration:underline;*/ text-decoration:none }
header.header-b h3 a:hover { text-decoration:none;  }






/*o firmie - wladze firmy*/
section#wladze-firm { margin-top:20px; overflow:hidden; padding-bottom:75px; }
div.person { width:447px; padding-top:43px; position:relative; left:1px; float:left; }
div.person:nth-child(2) { margin-left:88px; }

div.person img { position:absolute; top:18px; left:50%; margin-left:-56px; border:0;  }
div.person div.wrapper { border:1px solid #BDBDBD; background:#FFF; padding-bottom:13px;  }

div.person h3 { font-family:'MyriadProBold'; text-align:center; font-size:21px; line-height:21px; margin:110px 10px 27px 10px; letter-spacing:0px;  }
div.person p { text-align:left; font-size:18px; margin:10px 20px 10px 30px; letter-spacing:0px; }


/*o firmie - symbolika logo*/
section#symbolika-logo { min-height:620px; position:relative; }
.tablet section#symbolika-logo { min-height:0px; }
.mobile section#symbolika-logo { min-height:0px; }

section#symbolika-logo main { min-height:300px; }
.mobile section#symbolika-logo main { min-height:0px; }
section#symbolika-logo main div.inner-box { min-height:450px; }
.tablet section#symbolika-logo main div.inner-box { min-height:0px; }
.mobile section#symbolika-logo main div.inner-box { min-height:0px; }

.desktop section#symbolika-logo main { padding-top:50px; padding-bottom:45px; }

/*div#symbolika-logo-bg-tmp {width:100%; height:410px; position:absolute; top:0px; left:0px; background:url(../img/symbolika-logo-bg-tmp.jpg) no-repeat; background-size:contain; background-position:top; border:1px dashed #333; opacity:0.1; }
*/
div#symbolika-logo-arrows { width:412px; height:280px; position:absolute; top:90px; left:263px; margin-left:0px; background:url(../img/symbolika-logo-arrows-b.png) no-repeat; background-size:contain; background-position:top left;  background-size:contain; background-position:center top; }

.mobile div#symbolika-logo-arrows { display:none; }

div#symbolika-logo-bg { width:434px; height:270px; position:absolute; top:105px; left:274px; margin-left:0px; background:url(../img/symbolika-logo-bg-d.jpg) no-repeat;  background-size:contain; background-position:center top; }


.mobile div#symbolika-logo-bg { background:url(../img/symbolika-logo-bg-d.jpg) no-repeat; background-size:contain; background-position:center top; }
section#symbolika-logo ul { margin:0; padding:0; }
section#symbolika-logo ul li { margin:0; padding:0; list-style:none; width:250px; position:absolute; }
.mobile section#symbolika-logo ul { position:relative; }
.mobile section#symbolika-logo ul li { position:relative; }

section#symbolika-logo ul li h5 { text-transform:none; font-size:16px; line-height:16px; margin:0px; padding:0; }


section#symbolika-logo ul li p { font-size:18px; line-height:30px; margin-top:5px; letter-spacing:0px; text-align:left; margin-bottom:24px; font-weight:300; }

section#symbolika-logo ul li:nth-child(1) { left:130px; top:35px; width:215px; }
section#symbolika-logo ul li:nth-child(2) { left:392px; top:10px; width:295px; }
section#symbolika-logo ul li:nth-child(3) { left:690px; top:0px; width:318px; }
section#symbolika-logo ul li:nth-child(4) { left:12px; top:230px; width:318px; }
section#symbolika-logo ul li:nth-child(5) { left:344px; top:322px; width:230px; }
section#symbolika-logo ul li:nth-child(6) { left:642px; top:297px; width:310px; }




/*o firmie - wartości*/
section#wartosci { background:#353535; overflow:hidden; height:820px;   }
header.wartosci { width:347px; float:left; margin-right:0px; padding-top:119px;  background:#353535; }
header.wartosci h2 { margin-top:0px; margin-left:3px; text-align:left; font-size:60px; line-height:60px; color:#FFF; }


section#wartosci img { border:0; position:absolute; }
section#wartosci div.box { position:absolute; }
section#wartosci div.box h3 { color:#FFF; font-family:'MyriadProSemiBold'; font-size:24px; line-height:24px; letter-spacing:0px; margin:0 0 14px 0; }
section#wartosci div.box p { color:#FFF; font-size:20px; line-height:24px; line-height:30px; letter-spacing:0px; }

section#wartosci div.icon { position:absolute; width:115px; height:115px; background-position:center; background-size:contain; background-repeat:no-repeat; }
section#wartosci div.icon-a { top:90px; left:350px; background-image:url(../img/wartosci-icon-a.jpg); }
section#wartosci div.icon-b { top:90px; left:690px; background-image:url(../img/wartosci-icon-b.jpg); }
section#wartosci div.icon-c { top:412px; left:4px; background-image:url(../img/wartosci-icon-c.jpg); }
section#wartosci div.icon-d { top:412px; left:350px; background-image:url(../img/wartosci-icon-d.jpg); }
section#wartosci div.icon-e { top:412px; left:690px; background-image:url(../img/wartosci-icon-e.jpg); }


section#wartosci img.icon-a { top:90px; left:350px; }
section#wartosci img.icon-b { top:90px; left:690px; }
section#wartosci img.icon-c { top:412px; left:4px; }
section#wartosci img.icon-d { top:412px; left:350px; }
section#wartosci img.icon-e { top:412px; left:690px; }

section#wartosci div.box-a { width:315px; top:220px; left:350px; }
section#wartosci div.box-b { width:265px; top:220px; left:690px; }
section#wartosci div.box-c { width:265px; top:542px; left:4px; }
section#wartosci div.box-d { width:275px; top:542px; left:350px; }
section#wartosci div.box-e { width:265px; top:542px; left:690px; }



/*o firmie - dzialalnosc-spoleczna*/
section#dzialalnosc-spoleczna { position:relative; padding-bottom:0px; overflow:hidden; }
header.dzialalnosc-spoleczna { background:#F6F7F8; border-top:8px solid #E4E4E4; padding-top:47px; height:auto; padding-bottom:40px; }

header.dzialalnosc-spoleczna h2 { margin-top:12px; padding:0; text-align:center; font-size:60px; line-height:60px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:27px; color:#353535; margin-bottom:20px; }
header.dzialalnosc-spoleczna h3 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; line-height:30px; text-align:center; margin-top:0px; padding-bottom:0px;  letter-spacing:0px; }

section#dzialalnosc-spoleczna img { border:0; margin:27px 0 0 38px; }
section#dzialalnosc-spoleczna #spoleczna-image { border:0; margin:45px 0 0 38px; width:312px; height:399px; background:url(../img/dzialalnosc-spoleczna.jpg) no-repeat top center; background-size:contain; }
.mobile section#dzialalnosc-spoleczna #spoleczna-image { position:absolute; top:0px; left:0px; }
.tablet section#dzialalnosc-spoleczna img { float:left; }
section#dzialalnosc-spoleczna h4 { text-align:right; margin:13px 50px 0 0; }
div.col-40 { width:40%; margin-right:0%; margin-bottom:0; float:left; border:0px dashed #333; }
.mobile div.col-40 { width:100%; margin-right:0%; float:left; border:0px dashed #333; }
section#dzialalnosc-spoleczna ul { float:left; margin:20px 0 0 25px; width:560px; }
.tablet section#dzialalnosc-spoleczna ul { float:none; margin:0px; width:54%; }
.mobile section#dzialalnosc-spoleczna ul { float:none; margin:0px; width:85%; }

.tablet section#dzialalnosc-spoleczna h4 { position:absolute; top:0; left:0; margin:0; }
.mobile section#dzialalnosc-spoleczna h4 { position:relative; top:0; left:0; margin:0; text-align:left;}
section#dzialalnosc-spoleczna ul li { padding-left:10px; margin-bottom:2px; line-height:30px; letter-spacing:0px; font-size:20px; }




/*kariera*/
.desktop article.category-kariera { padding-bottom:50px; }

section#kariera { }
header.kariera { background:#F6F7F8; height:auto; padding-bottom:45px;  margin-bottom:0px; }
.mobile.kariera header.single { margin-bottom:0px; }
.kariera .header-b { margin-bottom:0px; }
/*header.kariera h2 { margin-top:44px; padding:0; text-align:center; font-size:60px; line-height:60px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:37px; color:#353535; margin-bottom:20px; }
*/
header.kariera h1 { margin-top:44px; padding:0; text-align:center; font-size:60px; line-height:60px; background:url(../img/separator-c.jpg) no-repeat bottom center; padding-bottom:37px; color:#353535; margin-bottom:20px; }
.mobile header.kariera h1 { margin-bottom:0; }
header.kariera h2 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; line-height:29px; text-align:center; margin-top:0px; padding-bottom:0px; margin-left:auto; margin-right:auto; letter-spacing:0px; width:590px; margin-bottom:0; }
.tablet header.kariera h2, .mobile header.kariera h2 { width:90% }
header.kariera h3 { color:#828383; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; font-size:24px; line-height:29px; text-align:center; margin-top:0px; padding-bottom:0px; margin-left:auto; margin-right:auto; letter-spacing:0px; width:590px; margin-bottom:0; }

div#sub-header { margin:0; border-top:1px solid #FFF; height:800px; width:100%; background:url(../img/kariera-bg-1920.jpg) repeat-y; background-position:center 0px; background-size:cover; }
@media only screen and (max-width: 320px) {
div#sub-header { background:url(../img/kariera-bg-320.jpg) repeat-y; }
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
div#sub-header { background:url(../img/kariera-bg-480.jpg) repeat-y; }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
div#sub-header { background:url(../img/kariera-bg-640.jpg) repeat-y; }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
div#sub-header { background:url(../img/kariera-bg-1024.jpg) repeat-y; }
}
@media only screen and (min-width: 1025px) and (max-width: 1136px) {
div#sub-header { background:url(../img/kariera-bg-1136.jpg) repeat-y; }
}
@media only screen and (min-width: 1025px) and (max-width: 1136px) {
div#sub-header { background:url(../img/kariera-bg-1136.jpg) repeat-y; }
}




.tablet div#sub-header, .mobile div#sub-header { background-position:center top; }
div#sub-header h4 { font-family:'MyriadProBold'; font-size:114px; color:#FFF; text-transform:uppercase; margin:193px 0 0 115px; }
div#sub-header h4 sup { font-size:30px; position:relative; top:-55px; left:-15px; margin-right:-15px; }
div#sub-header h5 { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; /*font-size:63px;*/ font-size:49px; color:#FFF; text-transform:lowercase; margin:34px 0 0 113px; line-height:58px; letter-spacing:0px; }
div#sub-header ul { margin:32px 0 0 115px; padding:0; }
div#sub-header ul li { margin:0 0 2px 0; list-style:none; height:52px; padding:0; }
div#sub-header ul li p { background:#FFF; font-size:29px; line-height:29px; letter-spacing:0px; display:inline-block; padding:12px 20px 11px 24px;   }
div#sub-header ul li:last-child { margin:21px 0 0 0; }
div#sub-header ul li:last-child p { padding:0; background:none; color:#FFF; font-family:'MyriadProBold'; }



section#kariera div.inner-box { height:auto; }

section#kariera main ul { margin:0px; padding:0px 0 0 0; border-bottom:1px solid #737373; }
section#kariera main ul li { list-style:none; margin:0; padding:0; overflow:hidden; background:url(../img/news-tease-bg.jpg) no-repeat; background-position:bottom center; text-align:center;}
section#kariera main ul li:last-child { background:none; }

section#kariera main ul li a { color:#353535; background:none; display:block; width:100%; height:100%; font-family:'MyriadProBold'; text-decoration:none; font-size:29px; line-height:100px; padding-bottom:7px; }
section#kariera main ul li a:hover { color:#FFF; background:#353535; }

section#kariera main ul li.no-bg { background:none; }







/*footer*/
footer { background:#353535; height:124px; position:relative;  top:0px; margin-bottom:-20px; z-index:8;  }


footer div.logo { height:92px; width:92px; position:absolute; top:-14px; left:50%; margin-left:-46px; background:url(../img/logo.png) no-repeat; background-size:contain; background-position:center; }
.tablet footer div.logo {display:none; }
.mobile footer div.logo {display:none; }

p.copyrights { color:#a0a0a0; font-size:14px; line-height:14px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; position:absolute; top:39px;  }
.tablet p.copyrights { display:none; }
.mobile p.copyrights { display:none; }
p.copyrights a { margin-left:20px; color:#a0a0a0; }
p.copyrights a:hover { color:#FFF; }
ul.social-media { overflow:hidden; position:absolute; top:61px; }
ul.social-media li { float:left; margin-right:7px; }
ul.social-media li a { display:block; width:28px; height:28px; background:url(../img/sprite-social-icons.png) no-repeat; }

ul.social-media li a.facebook { background-position:0px 0px;  }
ul.social-media li a.facebook:hover { background-position:0px -34px }
ul.social-media li a.youtube { background-position:-34px 0px }
ul.social-media li a.youtube:hover { background-position:-34px -34px }

.tablet ul.social-media li a, .mobile ul.social-media li a { display:block; width:64px; height:63px; }
.tablet ul.social-media li a.facebook, .mobile ul.social-media li a.facebook { display:block; width:64px; height:63px; background:url(../img/tablet-icon-facebook.jpg) no-repeat; background-size:contain; background-position:center }
.tablet ul.social-media li a.youtube, .mobile ul.social-media li a.youtube { display:block; width:64px; height:63px; background:url(../img/tablet-icon-youtube.jpg) no-repeat; background-size:contain; background-position:center }
.tablet ul.social-media li a.facebook:hover, .mobile ul.social-media li a.facebook:hover { background-position:0px }
.tablet ul.social-media li a.youtube:hover, .mobile ul.social-media li a.youtube:hover { background-position:0px }




div#lang-nav { position:absolute; top:69px; left:81px; }
.mobile div#lang-nav { display:none; }
.tablet div#lang-nav { display:none; }
div#lang-nav p { color:#a0a0a0; font-size:14px; line-height:14px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; float:left; margin-right:5px; }
div#lang-nav ul { overflow:hidden; float:left; }
div#lang-nav ul li { float:left; padding:0 10px 0 10px; border-left:0px solid #a0a0a0; font-size:13px; line-height:13px; background:url(../img/separator.jpg) no-repeat right;   }
.tablet div#lang-nav ul li { background:url(../img/tablet-separator.jpg) no-repeat right; background-position:right; background-size:contain; }
div#lang-nav ul li:last-child { background:none; }
div#lang-nav ul li a { color:#a0a0a0; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; font-size:13px; line-height:13px; }
div#lang-nav ul li a:hover,div#lang-nav ul li a.active { color:#FFF; }
div#contact { position:absolute; top:32px; left:632px; left:580px;}
.tablet div#contact { top:0px; left:0px; width:70%; margin-left:30%; }
.tablet div#contact p { margin-right:2%; }
.mobile div#contact { top:0px; left:0px; width:77%; margin-left:23%; }
.mobile div#contact p { margin-right:2%; }
.tablet #contact p.big,.mobile #contact p.big { display:none; }
div#contact p { color:#a0a0a0; font-size:17px; line-height:25px; font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:normal; text-align:right;  }
div#contact p.big { color:#FFF; font-size:23px; line-height:23px; letter-spacing:0px; font-family:'MyriadProBold'; margin-bottom:7px; width:400px; }
div#contact p a { color:#a0a0a0; padding-left:15px; margin-left:10px; background:url(../img/separator.jpg) no-repeat left 6px; }
.desktop div#contact p a.tel { background:none; }
.mobile div#contact p a.tel { background:none; }
.tablet div#contact p a.tel { background:none; }

div#contact p a:hover { color:#FFF;  }
.tablet div#contact p a.email,.mobile div#contact p a {  background:url(../img/separator-e.jpg) no-repeat left 0px; background-size:contain; }
.tablet div#contact p a.tel { background:none; }
main#content a.tel { color:#353535; }
.desktop main#content a.tel { font-size:18px; }
.desktop main#content a.mail { font-size:19px; }


/*helpers*/
.red { color:#f21414; }
a.back-link { color:#f21414; margin-bottom:40px; display:inline-block; font-size:21px; }
a.back-link:hover { text-decoration:underline; color:#f21414; }

.to-right {  }
.shadow {
/*-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.45);
box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.45); */}
.desktop .transition {
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;
}
.strong { font-family:'MyriadProBold'; }
.light { font-family: myriad-pro-1,myriad-pro-2,myriad,sans-serif; font-weight:300; }




/*font face*/
@font-face {
	font-family: 'MyriadProLight';
  	src: url('../fonts/MyriadPro-Light1.eot');
    src: url('../fonts/MyriadPro-Light1.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Light1.woff') format('woff'),
         url('../fonts/MyriadPro-Light1.ttf') format('truetype'),
         url('../fonts/MyriadPro-Light1.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'MyriadProRegular';
  	src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-regular.woff') format('woff'),
         url('../fonts/myriadpro-regular.ttf') format('truetype'),
         url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;


}

@font-face {
	font-family: 'MyriadProSemibold';
  	src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-Semibold.woff') format('woff'),
         url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
         url('../fonts/MyriadPro-Semibold.svg#MyriadProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	font-family: 'MyriadProBold';
  	src: url('../fonts/myriadpro-bold.eot');
    src: url('../fonts/myriadpro-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-bold.woff') format('woff'),
         url('../fonts/myriadpro-bold.ttf') format('truetype'),
         url('../fonts/myriadpro-bold.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}